/* common part
-------------------------------------------------- */
html { font-size: 16px; margin: 0; padding: 0; } 

body { font-size: .875rem; color: #222; -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */}

 body::-webkit-scrollbar { /*display: none; */}

 body.search { /*background-color: #f8f9fa; */}

a:focus { /*color: #000; */
 outline: none; } 

ul, li { list-style: none; padding: 0; margin: 0; } 

a { text-decoration: none; color: #222; } 

p { font-size: 11px; } 

hr { margin-top: 20px; margin-bottom: 20px; } 

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 

ul li { margin: 0px; padding: 0px; list-style: none; } 

p { quotes: none; } 

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { margin: 0 auto; } 

table { border-collapse: collapse; border-spacing: 0; width: 100%; } 

.nav > li > a:hover, .nav > li > a:focus { background-color: #f8f8f8; } 

.pagination > .active > a,
.pagination > .active > a:hover { background-color: #222; } 

input[type="checkbox"],
input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 

input[type="checkbox"] + label,
input[type="radio"] + label { display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #222; font-weight: bold; margin-bottom: 0; } 

input[type="checkbox"] + label:before,
input[type="radio"] + label:before { content: '\2713'; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: -1px 4px 0 0; padding-right: 1px; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #b8b8b8; border-radius: 3px; font-size: 11px; font-weight: 800; color: #b8b8b8; } 

input[type="checkbox"] + label:before,
input[type="checkbox"]:checked + label:before,
input[type="radio"] + label:before,
input[type="radio"]:checked + label:before { border: 0; } 

select:hover, select:focus { outline: none; } 

.btn,
.btn:focus,
.btn:hover { outline: none; } 

.btn_back { /* position: absolute; top: 21px; left: 0; width: 18px; height: 18px; display: block; background: url(/design/moraguo/img/icon_back.png) no-repeat center; background-size: cover; z-index: 999; */}

.btn_basket { /* position: absolute; top: 21px; right: 0; width: 17px; height: 20px; display: block; background: url(/design/moraguo/img/icon_basket.png) no-repeat center; background-size: cover; z-index: 999; */}

.btn_home { /* position: absolute; top: 22px; right: 32px; width: 20px; height: 20px; display: block; background: url(/design/moraguo/img/icon_home.png) no-repeat center; background-size: cover; z-index: 999; */}

.btn-block { width: 100%; display: block; } 

.btn { height: 40px; line-height: 39px; font-size: 12px; font-weight: bold; color: #fff; padding: 0; border: 0; -webkit-transition: none; } 

.btn_type1 { } 

.btn_type2 { border-radius: 20px; /*border-radius: var(--btn_type_radius, 20px); */}

.btn_type3 { border-radius: 10px !important; } 

.btn_type4 { box-shadow: none !important; } 

.btn_type5 { box-shadow: none !important; border-radius: 20px; } 

.btn_type6 { border-radius: 10px !important; box-shadow: none !important; } 

.btn_type7 { background-color: #fff !important; border: 2px solid #ffca27; color: #ffca27; height: 42px; line-height: 39px; box-shadow: none !important; } 

.btn_type8 { background-color: #fff !important; border: 2px solid #ffca27; color: #ffca27; height: 42px; line-height: 39px; border-radius: 20px; box-shadow: none !important; } 
/*.btn.btn-black { background-color: #484848; box-shadow: 0 3px 0 #222; } */
.btn.btn-black { background-color: #484848; box-shadow: 0 2px 0 #222; -webkit-box-shadow: 0 2px 0 #222; } 

.btn.btn-gray { background-color: #929292; box-shadow: 0 3px 0 #727272; -webkit-box-shadow: 0px 2px #f2f2f2 !important; } 

.btn.btn-white { background-color: #e8e8e8; box-shadow: 0 3px 0 #c8c8c8; color: #727272; -webkit-box-shadow: 0px 2px #f2f2f2 !important; } 

.btn.btn-bgColor { background-color: #ffca27; border-bottom: 2px solid #e7b724; /*-webkit-box-shadow: 0px 2px #f2f2f2 !important; */}
/*.btn.btn-bgColor { background-color: #ffca27; box-shadow: 0 3px 0 #dbad21; } */

.btn.btn-border { border: 2px solid #ffca27; color: #ffca27 !important; line-height: 46px !important; } 

.btn.btn-shadow-no { box-shadow: none; } 

.btn_import { color: #e34f4e !important; } 

.border-0 { border: 0; } 

.border-bottom-0 { border-bottom: 0 !important; } 

.border-top { border-top: 1px solid; } 

.bg-red { background-color: #ff2f2f; } 

.bg-gray_f8 { background-color: #f8f8f8; } 

.bg-gray_e8 { background-color: #e8e8e8; } 

.bg-white { background-color: #fff; } 

.bg-black { background-color: #222; } 
.bg-filter { filter: grayscale(100%) !important; opacity: 0.6; } 

/** 폰트 **/
.fc-default { color: var(--btn_type_shopbasic2_color); } 
/*color*/
.fc-gray_424 { color: #424242 !important; } 
.fc-gray_727 { color: #727272 !important; } 
.fc-gray_929 { color: #929292 !important; } 
.fc-red { color: #ff2f2f !important; } 
.fc-black { color: #222222 !important; } 
.fc-white { color: #ffffff !important; } 
.fc-yellow_ffc { color: #ffc833; } 
/*size*/
.fs-11px { font-size: 0.688rem !important; } 
.fs-12px { font-size: 0.75rem !important; } 
.fs-14px { font-size: 0.875rem !important; } 
.fs-16px { font-size: 1rem !important; } 
/*weight*/
.fw_normal { font-weight: normal !important; } 
.fw_bold { font-weight: bold !important; } 
/*기타*/
.text-keep { word-break: keep-all; } 
.text-break { word-break: break-all; } 
.text-preline { white-space: pre-line; } 
.lh-base { line-height: 1.4; } 
.text-decoration-linethrough { text-decoration: line-through; } 
.icon-reply { height: 16px; } 
.zindex-9 { z-index: 9; } 

.moall-wrapper { width: 100vw; height: 100%; /* overflow-y: auto; -webkit-overflow-scrolling: touch; */}

.menu-wrapper .btn_menu { position: absolute; top: 20px; left: 0; width: 19px; height: 19px; display: block; background: url(/design/moraguo/img/icon_menu.png) no-repeat center; background-size: cover; z-index: 999; } 

.menu-wrapper .btn_search { position: absolute; top: 19px; right: 32px; width: 20px; height: 20px; display: block; background: url(/design/moraguo/img/icon_search.png) no-repeat center; background-size: cover; z-index: 999; } 

.menu-wrapper .btn_basket { top: 19px; } 

.text-danger-color { color: #f3a702; font-weight: bold; } 

.title { position: relative; } 

 .title h5 { text-align: center; font-weight: 800; height: 100%; line-height: 60px; } 

 .title .btn_close { position: absolute; top: 0; right: 0; padding: 0 16px; height: 100%; line-height: 56px; z-index: 99; } 

 .title .btn_close img { width: 18px; height: 18px; } 

.navbar .sub-menu-wrapper .sub-menu-title { position: relative; width: 100%; /* height: 60px; */
 font-size: 1rem; font-weight: bold; text-align: center; } 

.table .member .form-group { margin-top: 10px; margin-bottom: 20px; color: #222; } 
/* header part
-------------------------------------------------- */
.header-wrapper { z-index: 300; } 

 .header-wrapper .navbar { display: block; /*height: 60px; */}

 .header-wrapper .navbar-header { width: 100%; border-bottom: 1px solid #ddd; } 

 .header-wrapper .navbar-header ul { background: #fff; } 

 .header-wrapper .navbar-header ul li { width: 20%; } 

 .header-wrapper .navbar-header ul li { position: relative; float: left; } 

 .header-wrapper .navbar-header ul li a { display: block; height: 43px; font-size: 12px; line-height: 43px; color: #000; text-align: center; } 

 .header-wrapper .navbar-header .joinPoint { position: absolute; margin-top: 30px; width: 100%; height: 100%; /* border: 1px solid red; */
 -webkit-animation-name: joinPointMove; -webkit-animation-duration: 1.4s; -webkit-animation-iteration-count: infinite; animation-name: joinPointMove; animation-duration: 1.4s; animation-iteration-count: infinite; } 

 .header-wrapper .navbar-header .joinPoint span.joinPointTop { display: none; float: right; width: 0; height: 0; border-left: 5px solid transparent; border-right: 8px solid transparent; border-bottom: 5px solid #000; } 

 .header-wrapper .navbar-header .joinPoint span.joinPointBottom { position: absolute; clear: both; transform: translate(-50%,50%); top: -10%; left: 50%; width: 45px; height: 19px; line-height: 17px; border: 1px solid #444444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #444444; font-size: 10px; color: #fff; text-align: center; } 

@-webkit-keyframes joinPointMove { 
 0% { left: 0px; top: 0px; } 

 5% { left: 0px; top: 5px; } 

 100% { left: 0px; top: 0px; } 
 }

@keyframes joinPointMove { 
 0% { left: 0px; top: 0px; } 

 50% { left: 0px; top: 5px; } 

 100% { left: 0px; top: 0px; } 
 }

.header-wrapper .navbar-header ul:after { content: ""; display: block; clear: both; } 

.header-wrapper .navbar navbar-fixed-top { z-index: 199; position: relative; text-align: center; vertical-align: top; } 

.header-wrapper .category { position: absolute; left: 15px; top: 50%; width: 23px; height: 28px; margin-top: -14px; vertical-align: middle; } 

 .header-wrapper .category a { display: inline-block; overflow: hidden; width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; background: url(/_mplshop/images/btn_allmenu.png) no-repeat; } 

.header-wrapper h1 { height: 86px; line-height: 86px; text-align: center; font-size: 24px; } 

 .header-wrapper h1 img { max-width: 100%; vertical-align: middle; font-size: 12px; } 


.contents-wrapper { margin-top: 60px; } 
.contents-wrapper#newboard, .contents-wrapper#newMyboard { margin-top: 60px !important; } 

.contents-wrapper.terms { margin-top: 0; } 

 .contents-wrapper.search { margin-top: 60px; } 

 .contents-wrapper.basket { margin-top: 58px; } 

 .contents-wrapper.detail { margin-top: 70px !important; } 

 .contents-wrapper .top-category { width: 100%; background: #774f4f; } 

 .contents-wrapper .top-category ul { width: 100%; border-top: 1px solid #404040; } 

 .contents-wrapper .top-category ul.grid3 li { width: 33.33%; } 

 .contents-wrapper .top-category ul li { float: left; width: 33.33%; overflow: hidden; } 

 .contents-wrapper .top-category ul li a { display: block; line-height: 34px; height: 34px; border: 1px solid #404040; border-width: 0 1px 1px 0; text-align: center; font-size: 11px; color: #fff; } 

.top-category > ul > li > a.timeBG { background-color: #db3e42; border-bottom: 1px solid #db3e42 !important; color: #fff; font-weight: bold; } 

.contents-wrapper .top-category ul:after { content: ""; display: block; clear: both; } 
/*modal css*/
.modal { overflow: hidden; z-index: 99999; } 

.modal-dialog { width: 100%; height: 100%; margin: 0; } 

 .modal-dialog.top-half { top: 7%; } 

.modal-backdrop.fade.in { opacity: 0; } 



.modal-dialog:not(.confirm) > .modal-content > .modal-header { color: #222; background-color: #fff; z-index: 1; } 

.modal-dialog.confirm > .modal-content { /* background-color: #484848; -webkit-box-shadow: none; margin: 0 20px; border-radius: 6px; padding: 20px; */}

 .modal-dialog.confirm > .modal-content > .modal-header { border-bottom: 0; padding: 15px 15px 10px; } 

.modal-header .close { opacity: 1; color: #222; margin-top: -3px; } 

 .modal-header .close:focus { outline: none; } 

.modal-dialog.confirm > .modal-content > .modal-header > .close { position: relative; top: -5px; color: #343a40; } 

.modal-header .icon-close { font-size: 1rem; font-weight: 800; } 

.modal-dialog.confirm > .modal-content > .modal-header > .icon-close { font-size: 1rem; } 

.modal-title { font-size: 16px; font-weight: bold; } 

.modal-dialog.confirm > .modal-content > .modal-header > .modal-title { font-size: .75rem; text-align: center; color: #fff; } 

.modal-dialog.confirm > .modal-content > .modal-footer { border-top: 0; display: flex; flex-direction: row; padding: 15px 0 0 0; } 

 .modal-dialog.confirm > .modal-content > .modal-footer button { width: 50%; } 

.modal-dialog:not(.confirm) > .modal-content > .modal-body { font-size: .875rem; width: 100%; height: calc(100% - 60px); /*overflow-y: auto; */
 margin-top: 58px; } 

.modal-dialog:not(.confirm) > .modal-content > .modal-footer { position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px; padding-top: 0; padding-bottom: 0; } 

 .modal-dialog:not(.confirm) > .modal-content > .modal-footer > .btn-default { color: #343a40; border-color: #929292; } 

.modal-dialog.confirm > .modal-content > .modal-footer > .btn-default { color: #f2b826; border-color: #f2b826; } 

.modal-footer button + button { margin-left: 10px; } 

.modal.addDelivery .panel-body { padding: 0; } 

.modal.addDelivery input[type="checkbox"] + label { padding-left: 0; color: #b8b8b8; } 

.modal.addDelivery .form-group label { color: #727272; display: block; margin-bottom: 10px; } 

.modal.addDelivery .postnum_search { display: flex; flex-direction: row; } 

 .modal.addDelivery .postnum_search input { width: 35%; } 

 .modal.addDelivery .postnum_search .form-group { width: 65%; margin-bottom: 0; margin-left: 12px; } 

 .modal.addDelivery .postnum_search .form-group button { width: 100%; height: 37px; line-height: 39px; font-size: 12px; } 

.modal.addDelivery .attrselect { width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; } 

.modal.addDelivery .direct { margin-top: 10px; } 

.modal.addDelivery .modal-footer { display: flex; flex-direction: row; } 

 .modal.addDelivery .modal-footer button { width: 50%; } 

.modal.addDelivery .modal-footer { border-top: 0; padding: 15px 0; } 

.z-depth-1 { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } 

.scale-transition { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; } 

 .scale-transition.scale-out { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .2s !important; transition: -webkit-transform .2s !important; transition: transform .2s !important; transition: transform .2s, -webkit-transform .2s !important; } 

.selectbox { position: relative; width: 100%; height: 34px; margin-top: 0; border: 1px solid #343a40; background-color: #f8f9fa; z-index: 1; } 

.selectbox:before { content: "\279C"; position: absolute; top: 0; right: 0; width: 0; height: 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } 

.selectbox label { position: absolute; padding: 0 15px; color: #222; font-size: .8125rem; font-weight: 400; height: 34px; line-height: 34px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

.selectbox select { display: block; width: 100%; height: 34px; line-height: 34px; font-family: inherit; font-size: .6875rem; padding: 0 15px; border: 0; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; } 

.suggest-wrapper { padding: 0 25px; } 

.suggest-wrapper ul { margin-bottom: 0; } 

 .suggest-wrapper ul li { font-size: .725rem; float: left; padding: 0 0 5px 0; border: 0; } 

 .suggest-wrapper ul li:first-child { padding-right: 10px; } 

 .suggest-wrapper ul li:not(:first-child):not(:last-child):after { content: "|"; padding: 0 5px; } 

.form-control { font-size: .75rem; } 

 .form-control,
 .form-control:focus,
 .panel { box-shadow: none; } 

.panel-footer { border-color: #e8e8e8; } 

.info_form tr { margin-top: 5px; } 

.pay_result_th { border: none !important; } 

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: .6875rem; font-weight: 400; color: #727272; vertical-align: middle; border-color: #727272; display: block; } 

 .table > tbody > tr > td .delivery-text { font-size: .625rem; font-weight: 400; color: #929292; } 

.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-weight: 400; } 

.invert { color: #fff !important; background-color: #343a40 !important; } 

.btn-invert { color: #fff; border-color: #343a40; background-color: #343a40; } 

 .btn-invert:focus,
 .btn-invert:hover { color: #fff; border-color: #343a40; background-color: #343a40; } 

.bg-danger { color: #fff; background-color: #ffcc00 !important; } 



.text-white { color: #fff; } 
/* header part
-------------------------------------------------- */
.navbar { margin: 0; transition: background .5s; border-width: 0 0 1px 0; /* position: relative; top: 0; */}

.navbar-fixed-top { /*background-color: #fff; */
 width: 100%; } 

.navbar a { display: inline-block; } 

.navbar .basket-exist { position: absolute; top: -4px; right: 13px; font-size: 10px; text-align: center; width: 6px; height: 6px; line-height: 14px; border-radius: 50%; background-color: #ff0000; letter-spacing: -1px; padding-right: .5px; } 

.navbar .menu-wrapper { position: relative; display: flex; justify-content: center; height: 60px; line-height: 63px; margin: 0 15px; } 

 .navbar .menu-wrapper .logo-wrapper a { height: 100%; } 

 .navbar .menu-wrapper .logo-wrapper img { display: flex; width: 150px; } 

.navbar .sub-menu-wrapper { position: relative; display: flex; height: 60px; /*line-height: 65px; */
 margin: 0 10px; align-items: center; /*border-bottom: 1px solid #e8e8e8; */}

 .navbar .sub-menu-wrapper .title { margin: 0 auto; white-space: nowrap; } 

.navbar .back { height: 100%; line-height: 60px; } 

 .navbar .back .fontello { font-size: 1.25rem; } 

.navbar .sub-menu-wrapper .fa,
.navbar .sub-menu-wrapper .fontello { color: #343a40; } 

.navbar .sub-menu-wrapper .home,
.navbar .sub-menu-wrapper .share,
.navbar .sub-menu-wrapper .basket { position: inherit; line-height: 68px; } 

.navbar .sub-menu-wrapper .fontello { font-size: 1.5rem; } 

.navbar.view { /*background-color: rgba(255, 255, 255, .2); */
 /*background-color: #fff; */
 border-color: transparent; transition: background .5s; } 
/* search part
-------------------------------------------------- */
.moall-search-wrapper { background-color: #fff; } 

 .moall-search-wrapper .contents-wrapper.search { padding: 15px; } 

 .moall-search-wrapper .search-wrapper h5 { margin-top: 30px; } 

 .moall-search-wrapper .search-wrapper .text_search { position: relative; display: flex; align-items: center; justify-content: center; } 

 .moall-search-wrapper .search-wrapper .form-control { display: inline-block; border: 2px solid #000; background-color: #fff; width: 90%; margin: 16px 0; } 

 .moall-search-wrapper .search-wrapper .text_search .btn { height: 40px; line-height: 40px; padding: 0 6px 0 12px; } 

 .moall-search-wrapper .search-wrapper .icon-search { width: 20px; } 

 .moall-search-wrapper .contents-wrapper > .panel.recently .panel-heading { display: flex; flex-direction: row; justify-content: space-between; } 

 .moall-search-wrapper .contents-wrapper > .panel.popular .keyword.point { background-color: #ffd427; color: #fff; border: 0; } 

 .moall-search-wrapper .contents-wrapper > .panel.search-data { margin: 30px 0; } 

 .moall-search-wrapper .contents-wrapper > .panel.search-data h5 { padding: 16px 0 40px 0; font-size: 13px; } 

 .moall-search-wrapper .contents-wrapper > .panel.search-data.not h5 { padding: 16px 0; font-size: 13px; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-heading { font-size: 14px; padding: 10px 0 15px 0; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-heading .search_delete { color: #b8b8b8; font-weight: bold; display: flex; align-items: center; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-heading .search_delete img { width: 16px; margin-left: 8px; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-body { padding: 0; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-body .list-group { margin-bottom: 0; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-body .list-group#recentlySearch { color: #929292; font-size: 12px; min-height: 40px; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-body .list-group-item { font-weight: 600; padding: 1px 0; border: 0; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-body .icon-close { font-size: .625rem; color: #b8b8b8; font-weight: bold; padding-left: 6px; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-body .keyword { display: inline-flex; align-items: center; color: #222; height: 32px; line-height: 32px; padding: 0 12px; margin: 0 4px 8px 0; border: 1px solid #e8e8e8; border-radius: 16px; font-size: 12px; font-weight: bold; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-body .keyword.recommend:nth-child(odd) { background-color: #ffd427; border: 1px solid #ffd427; color: #fff; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-footer { font-size: .6875rem; font-weight: 600; padding-top: 5px; padding-bottom: 5px; border-top-color: #efefef; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-footer a { color: #929292; } 

 .moall-search-wrapper .contents-wrapper > .recentlylst-wrapper { padding: 0; border-bottom: 0; } 

 .moall-search-wrapper .contents-wrapper > .recentlylst-wrapper > .title { font-size: 14px; font-weight: 600; margin: 0; padding: 10px 0; } 

.contents-wrapper.main { background-color: #fff; /*margin-top: calc(61px + var(--gnb_size, 0px)); */ /* 106px; */
 /*-webkit-backface-visibility: hidden; */}

.gnb-wrapper { width: 100%; } 

 .gnb-wrapper > .gnb { white-space: nowrap; display: flex; align-items: center; } 

#gnb a { width: auto; } 


.gnb > .menu:first-child { margin-left: 0 !important; } 

.gnb > .menu:last-child { margin-right: 0 !important; } 

.contents-wrapper:not(.main) .gnb > .menu.active { color: #222; /*border-bottom: 3px solid #ffcc00; */
 /*line-height: 32px; */
 /*border-bottom: 3px solid #222; */}

.event-wrapper { margin-bottom: 5px; } 

.category-align-wrapper { position: relative; font-size: .8125rem; height: 40px; line-height: 40px; /*border-top: 1px solid #e5e5e5; */}

.category-popover:focus,
.align-popover:focus { outline: none; } 

.category-popover { display: inline-block; width: 78%; padding: 0 15px; } 

 .align-popover .fa,
 .category-popover .fa-list { float: left; font-size: 1.125rem; line-height: 40px; margin-right: 7px; } 

 .category-popover .fa-angle-down,
 .category-popover .fa-angle-up { float: right; font-size: 1.25rem; line-height: 40px; } 

.align-popover { float: right; font-size: .75rem; padding-right: 15px; } 

 .align-popover .fa { font-size: 1rem; margin-right: 3px; } 

.scroll-prod-wrapper { width: 100%; white-space: nowrap; /*overflow-x: scroll; */
 overflow-y: hidden; } 



.prod-wrapper > .col-xs-6 { display: inline-block; vertical-align: top; } 

.prod-wrapper > .col-xs-6 { padding: 0 4px; } 



.prod { /*margin-bottom: 10px; */
 border-radius: 0; border: 0; } 



.prod.type4 { padding: 15px; margin-bottom: 5px; } 

.prod .wish_wrap { position: absolute; z-index: 9; bottom: 117px; right: 5px; width: 35px; height: 35px; text-align: center; border-radius: 50%; background-color: #fff; box-shadow: 0 0 2px rgba(141,141,141,0.5); } 

.prod .btn-like { font-size: 21px; width: 21px; height: 21px; _background: red; line-height: 20px; vertical-align: middle; text-align: center; margin: 7.5px auto; color: red; cursor: pointer; } 

.prod .btn-like > i { position: absolute; top: 8px; left: 7px; cursor: pointer; color: #aaa; } 

.prod > .panel-heading { position: relative; padding: 0; border-bottom:0; } 

.prod > .panel-heading > img { width: 100%; /*border-radius: 10px; */
 /*transform: translate3d(0, 0, 0); */}



.prod.type2 > .panel-heading .timesale { height: 40px; line-height: 40px; } 

.prod > .panel-heading > .timesale.deadline { background-color: #ffba27; } 

.prod > .panel-heading > .badge_wrap { display: flex; justify-content: space-between; position: absolute; top: 0; margin: 5px; width: 95%; height: 28px; } 

.scroll-prod-wrapper .prod > .panel-heading > .dc-body { font-size: 10px; z-index: 999; } 

.prod > .panel-heading .dc-rate { /*할인율*/
 position: absolute; top: 0; right: 0; width: 36px; height: 28px; color: #fff; font-size: .75rem; font-weight: 600; padding: 5px; /*border: 1px solid #f2b826; */
 background-color: rgba(242, 184, 38, .8); /*-webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3); */}

.prod > .panel-heading .dc-body { position: absolute; top: 0; left: 0; display: flex; z-index: 1; } 

.scroll-prod-wrapper .prod > .panel-heading > .dc-rate { font-size: 11px; left: 48px; padding: 4px; } 

.prod > .panel-heading .dc-body > .dc-feefree { /* padding: 4px; width: 28px; line-height: 1; font-weight: 400; white-space: normal; color: #fff; background-color: #66a529; */}

.prod > .panel-heading .dc-body .dc-feefree.terms { width: 34px; padding: 4px 0; text-align: center; } 

.prod > .panel-heading .dc-body .tag_new { width: 30px; height: 30px; line-height: 30px; font-size: 9px; color: #fff; text-align: center; text-decoration: underline; background-color: #fd2375; } 

.prod > .panel-heading .buy_number { /*position: absolute; bottom: 0; right: 0; background-color: #ff5353; color: #fff; font-size: 9px; padding: 3px 4px; letter-spacing: -1px; */}

.scroll-prod-wrapper .prod { position: relative; display: inline-block; width: 42%; height: auto; margin-right: 8px; vertical-align: top; /*padding-bottom: 16px; */}

.scroll-prod-wrapper .prod + .prod { margin-left: -4px; } 

.prod > .panel-body { position: relative; padding: 0px; /*padding-top: 10px; padding-bottom: 10px; */}



.prod.type4 > .panel-body { height: auto; padding: 10px 0 0; } 

.scroll-prod-wrapper > .prod.type1 > .panel-body { height: auto; padding: 12px 0; white-space: normal; } 

.contents-wrapper:not(.main) .prod.type1 > .panel-heading > .dc-rate { padding: 3px; } 

.prod.type2 > .panel-heading > .dc-rate { font-size: .875rem; } 

.prod > .panel-body .desc { color: #999; font-size: .75rem; /*font-weight: 600; */
 overflow: hidden; margin-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; } 

.prod.type1 > .panel-body .desc { font-size: 11px; margin: 0; max-height: 46px; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; white-space: normal; } 


.prod.type4 > .panel-body .desc { color: #999; font-size: .8125rem; max-height: 30px; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2em; overflow: hidden; margin-bottom: 3px; text-overflow: ellipsis; white-space: normal; } 

.prod.type4 > .panel-body .prod-title { font-size: .8125rem; width: 100%; overflow: hidden; margin: 0 0 5px; text-overflow: ellipsis; white-space: nowrap; } 

.prod > .panel-body .price-wrapper.default-pricewrap { display: inline-block; line-height: 1; white-space: nowrap; color: #484848; } 

.prod.type4 > .panel-body .price-wrapper { font-size: .8125rem; text-align: right; } 



.prod.type4 > .panel-body .price { font-weight: 600; } 
.prod.type4 > .panel-body .org-price { color: #929292; font-size: .75rem; margin-right: 5px; text-decoration: line-through; } 

.scroll-prod-wrapper .prod.type1 > .panel-heading > .dc-rate { left: 5px; font-size: .75rem; font-weight: 400; } 

.prod.type1 > .panel-body .dc-rate.difault-rate { font-weight: 800; padding-left: 0; display: inline-block; height: 14px; min-height: 14px; letter-spacing: -0.2px; } 

.prod.type1 > .panel-body .dc-rate .unit { font-size: 1rem; font-weight: 600; padding-left: 3px; } 
.prod.type1 > .panel-body .default-pricewrap .dc-rate { font-weight: 800; padding-left: 0; display: inline-block; height: 14px; min-height: 14px; letter-spacing: -0.2px; } 
.prod.type2 > .panel-body .prod-title { font-size: .875rem; /*font-weight: 600; */
 max-height: 30px; overflow: hidden; margin: 0 0 3px; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.prod.type2 > .panel-body .price { font-size: 1rem; font-weight: 600; } 

.prod.type2 > .panel-body .org-price { font-size: .75rem; color: #929292; text-decoration: line-through; } 
/*.prod.type2 > .panel-body .dc-rate {position: relative;top: -2px;float: right;font-size: 1.25rem;font-weight: 600; } */
.prod > .panel-footer { color: #999; font-size: .6875rem; padding: 0; border-top: 0; } 

 .prod > .panel-footer > .media { padding: 9px 0; border-top: 1px solid #e5e5e5; } 

 .prod > .panel-footer .media-left,
 .prod > .panel-footer .media-body { vertical-align: middle; } 

 .prod > .panel-footer .media-body > ul { padding-left: 0; margin-bottom: 0; } 

 .prod > .panel-footer .media-body > ul > li { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 

.section-title-wrapper { display: flex; align-items: end; background-color: #fff; } 

.section-title { position: relative; margin: 0; display: block; } 

.section-title-wrapper .section-title img { width: 24px; height: 24px; /* width:1.25em; height:1.25em; */
 margin-right: 4px; } 



.section-title .btn { /*position: relative; top: 5px; */
 float: right; font-size: .6875rem; font-weight: 400; color: #ffcc00; height: 20px; line-height: 20px; padding: 0 5px; margin-left: 5px; border-radius: 0; border-color: #ffcc00; } 

 .section-title .btn:focus { color: #ffcc00; border-color: #ffcc00; background-color: #fff; box-shadow: none; } 

#bigBannerCarousel { padding-bottom: 20px; } 

 #bigBannerCarousel .swiper-controller { display: flex; flex-direction: row; position: absolute; top: 0; right: 0; z-index: 9; padding: 0px 20px 0 10px; background-color: #333; color: #fff; font-size: 9px; } 

 #bigBannerCarousel .swiper-controller .swiper-pagination { bottom: 0; width: auto; padding: 4px 10px 3px 1px; } 

 #bigBannerCarousel .swiper-controller img { width: 10px; height: 10px; } 

 #bigBannerCarousel .swiper-controller > span { width: 22px; height: 25px; background-color: #000; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; } 

 #bigBannerCarousel .item img,
 #eventBannerCarousel .item img { width: 100%; } 

.carousel-indicators { left: 0; bottom: -14px; width: 100%; height: 24px; line-height: 28px; margin-left: 0; display: flex; justify-content: center; align-items: center; } 




.category-wrapper { background-color: #fff; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } 

 .category-wrapper .category { width: 20%; margin-top: 7px; display: flex; align-items: center; flex-direction: column; } 

 .category-wrapper .list-group-item { padding: 7px 2px; margin: 1px; border: 0; background-color: #fff; display: inline-block; width: 65px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; height: auto; text-align: center; } 

 .category-wrapper .category:first-child { /*background-color: #f6f6f6; */}

 .category-wrapper .category:first-child .list-group-item { /*background-color: #f6f6f6; */}



 .category-wrapper .list-group-item:focus,
 .category-wrapper .list-group-item:hover { color: #a0a09f; background-color: #fff; } 

 .category-wrapper .category img { display: block; margin: 0 auto; } 

.best-wrapper,
#eventBannerCarousel,
.today-wrapper,
.timesale-wrapper { margin-top: 5px; /*padding-top: 15px; */
 /*background-color: #fff; */}

.today-wrapper { margin-bottom: 5px; background-color: #fff; } 
/*.best-wrapper .scroll-prod-wrapper > .prod { height: auto; } */
/*.today-wrapper .prod {height: 290px; } */
.timesale-wrapper { margin-bottom: 2px; } 

.onair-wrapper { background-color: #fff; } 
 /*.onair-wrapper .section-title { color: #ffcc00; font-size: 1.25rem; } */
 .onair-wrapper .section-title .desc { position: relative; top: 1px; font-size: .9375rem; font-weight: 700; } 
/*.onair-wrapper .section-title .btn { color: #fff; border-color: #fff; background-color: transparent; } */
#eventBannerCarousel { padding-bottom: 25px; } 

 #eventBannerCarousel .carousel-indicators { background-color: transparent; bottom: -3px; display: flex; justify-content: center; align-items: center; } 

 #eventBannerCarousel .swiper-slide { border-radius: 10px; } 

 #eventBannerCarousel .swiper-slide img { border-radius: 10px; } 

#onairCarousel.carousel { margin: 0 auto; padding-top: 15px; overflow: hidden; } 

#onairCarousel .embed-responsive .embed-responsive-item,
#onairCarousel .embed-responsive iframe { left: 50%; transform: translateX(-50%); width: 80%; height: 190px; } 

#onairCarousel .carousel-inner > .item img { margin: 0 auto; } 

#onairCarousel .carousel-control { top: 50%; width: 40px; height: 40px; transform: translateY(-50%); opacity: 1; background-image: none; } 

 #onairCarousel .carousel-control .fa { font-size: 40px; } 

 #onairCarousel .carousel-control.left { left: 0; } 

 #onairCarousel .carousel-control.right { right: 0; } 


/*메인카테고리아이콘텍스트*/
.category-view-wrapper { /*padding: 15px 0; */}

.category-view-wrapper .section-title-wrapper { border-top: 0; background-color: #fff; } 

.category-view-wrapper .section-title { font-size: 1.125rem; padding-left: 15px; padding-right: 15px; } 

.category-view-wrapper .section-title > .default-color { color: #343a40; } 

.category-view-wrapper .nav-tabs,
.category-view-wrapper-text .nav-tabs { overflow-x: scroll; white-space: nowrap; border: 0; /*padding: 0 15px; */
 -ms-overflow-style: none; scrollbar-width: none; } 

.category-view-wrapper .nav-tabs::-webkit-scrollbar,
.category-view-wrapper-text .nav-tabs::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; -webkit-appearance: none; } 

.category-view-wrapper .affix { width: 100%; background-color: #fff; z-index: 999 !important; padding: 0; display: flex; align-items: center; overflow-y: hidden; } 

.category-view-wrapper .affix-top { /* border-bottom: 0; */
 background-color: #fff; margin: 0 15px; margin-bottom: 16px; display: flex; align-items: center; overflow-y: hidden; } 

.category-view-wrapper .prod-wrapper > .col-xs-6:nth-child(2n-1) { padding-left: 0px; } 

.category-view-wrapper .prod-wrapper > .col-xs-6:nth-child(2n) { padding-right: 0px; } 

.category-view-wrapper .affix ~ .category-view { position: relative; top: 0; } 

.category-view-wrapper .nav-tabs > li:first-child { border-left-width: 1px; } 


.category-view-wrapper .nav-tabs > li > a { color: #929292; letter-spacing: -0.2px; padding: 10px 0; width: 69px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; text-align: center; background: #fff; border: 0; margin-right: 0; } 

.category-view-wrapper .nav-tabs > li { margin-bottom: 0; border-bottom: 2px solid #d8d8d8; } 


.category-view-wrapper .category-view { /*background-color: #fff; */
 /*background:pink; */
 margin-bottom: 0; } 

.category-view-wrapper #category1 { /*padding-top: 5px; */}

.category-view-wrapper .category-title { color: #222; padding: 0; z-index: 1; margin-left: 0; white-space: nowrap; } 


.category-view-wrapper .category-view .carousel hr { position: absolute; top: 0; left: 0; width: 100%; margin-top: 30px; margin-bottom: 0; border-top: 2px solid #e8e8e8; } 

.category-view-wrapper .category-view:first-child .carousel hr { display: none; } 

.category-view-wrapper .category-view .more-view { padding-bottom: 32px !important; /*padding-top:32px; */}

.category-view-wrapper .more-view .btn > .fa { position: relative; top: 2px; font-size: 1.125rem; margin-left: 5px; } 

.category-view-wrapper #categoryTab .imgwrap { padding-top: 10px; position: relative; top: 1px; } 

.category-view-wrapper #categoryTab .imgwrap .category-img { padding: 0; border-bottom: 0; } 

.category-view-wrapper #categoryTab .imgwrap .category { padding-top: 0; } 

/*//메인카테고리아이콘텍스트*/
.prod-list-wrapper #bigBannerCarousel { margin-bottom: 30px; } 

.prod-list-wrapper .banner-wrapper { margin-bottom: 25px; } 

.no-data { padding: 120px 0; color: #727272; line-height: 1.6; } 

.prod-list-wrapper .no-data .keyword:before,
.prod-list-wrapper .no-data .keyword:after { content: "'"; } 

.prod-list-wrapper .no-data img { width: 32px; height: 32px; } 

.prod-list-wrapper .no-data h6 { padding: 15px 0; font-weight: bold; } 

.prod-list-wrapper .no-data p { color: #929292; } 

.prod-list-wrapper .no-data .keyword { font-weight: 600; } 

.prod-list-wrapper .filter_box { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 0 20px; height: 100%; } 
.prod-list-wrapper .filter_box .total-count { display: block; width: 100%; font-size: .6875rem; color: #929292; } 

.prod-list-wrapper .filter_box .total-count .tcount { /*color: #f3a702; */
 /*padding-left: 4px; */}

.prod-list-wrapper .filter_box .item-filter { width: auto; height: auto; background-color: transparent; border: 0; color: #727272; } 

.prod-list-wrapper .filter_box .item-filter label { padding: 0; height: auto; line-height: inherit; color: #727272; font-weight: bold; margin-bottom: 0; top: 50%; left: 50%; transform: translate(-67%, -50%); } 

.prod-list-wrapper .filter_box .item-filter:before { top: 2px; } 

.prod-list-wrapper .filter_box .item-filter select { height: auto; line-height: inherit; cursor: pointer; /*opacity: 1; */
 width: auto; /*text-align: right; */
 padding: 0 16px 0 0; /*padding:0; */
 /*margin-right:15px; */}

.prod-list-wrapper .item_filter { position: absolute; bottom: 0; right: 0; width: auto; height: 32px; background-color: transparent; border: 0; color: #727272; } 

 .prod-list-wrapper .item_filter label { padding: 0; height: auto; left: 10px; line-height: inherit; color: #727272; font-size: 11px; font-weight: bold; margin-bottom: 0; } 

 .prod-list-wrapper .item_filter select { height: 100%; line-height: inherit; margin: -9px 0; } 

.prod-list-wrapper .all-align-wrapper { height: 50px; } 

 .prod-list-wrapper .all-align-wrapper h6 { font-size: 11px; color: #929292; width: 100%; } 

 .prod-list-wrapper .all-align-wrapper h6 .text-danger { font-size: 11px; } 

 .prod-list-wrapper .all-align-wrapper h6 .align-popover { font-weight: 600; white-space: nowrap; color: #727272; } 

 .prod-list-wrapper .all-align-wrapper h6 .align-popover .fa { position: relative; top: -1px; line-height: 34px; } 

 .prod-list-wrapper .all-align-wrapper h6 .align-popover .fa:before { content: "\279C"; position: absolute; top: 0; right: 0; width: 0; height: 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } 

.prod-list-wrapper .more-view .btn { color: #ffcc00; font-size: .8125rem; font-weight: 600; } 

 .prod-list-wrapper .more-view .btn > .fa { position: relative; top: 2px; font-size: 1.125rem; margin-left: 5px; } 


.prod-list-wrapper .row { /*margin-top: 15px; */}

.prod-list-wrapper .prod .btn_like { background-image: url(/design/moraguo/img/icon_like_off.png); width: 16px; height: 16px; background-repeat: no-repeat; background-size: 16px 16px; position: absolute; right: 4px; margin-top: 13px; } 

.prod-list-wrapper .prod .btn_like.active { width: 16px; height: 16px; background-repeat: no-repeat; background-size: 16px 16px; background-image: url(/design/moraguo/img/icon_like_on.png); } 

.prod-list-wrapper .prod .btn_like img { width: 16px; height: 16px; position: absolute; } 

.prod-list-wrapper .item-slide-wrapper { padding: 15px; padding-bottom: 0; background-color: #f8f8f8; margin: -15px -15px 15px; } 

.prod-list-wrapper .item-slide-wrapper .prod.type1 > .panel-body .prod-title { max-height: 33px; min-height: inherit; } 

.prod-list-wrapper .gnb-wrapper { height: auto; padding: 0; } 

.prod-list-wrapper .gnb-wrapper .gnb { /*padding: 0 15px; */}

.prod-list-wrapper .gnb-wrapper .cateno3 { background-color: #f8f8f8; } 

.item-slide-wrapper .title, .best-slide-wrapper .title { font-size: 14px; font-weight: 600; margin: 0; padding: 10px 0 15px; } 

.item-slide-wrapper .scroll-prod-wrapper .prod { background-color: transparent; margin-right: 12px; } 

.item-slide-wrapper .prod.type1 .panel-heading,
.item-slide-wrapper .prod.type1 .panel-heading img { border-radius: 20px; } 

.item-slide-wrapper .prod.type1 > .panel-body .prod-title { white-space: normal; margin-bottom: 0; } 

.item-slide-wrapper > .title img { width: 20px; height: 20px; margin-right: 4px; } 

.prod-list-wrapper .best-slide-wrapper { margin: 0 -15px; padding: 0 15px; background-color: #f8f8f8; } 

.prod-list-wrapper .best-slide-wrapper #bestProd { display: flex; flex-wrap: wrap; margin-bottom: 20px; } 

.prod-list-wrapper .best-slide-wrapper #bestProd .prod > .panel-heading .dc-body { height: auto; top: -5px; z-index: 999; } 

.prod-list-wrapper .best-slide-wrapper #bestProd .prod > .panel-heading .buy_number { top: 0; left: 0; position: relative; } 

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 { padding: 0 4px; } 

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .prod { background-color: transparent; } 

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .panel-heading img { border-radius: 20px; } 

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .panel-heading:after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(transparent, black); z-index: 99; border-radius: 20px; opacity: 0.6; } 

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .panel-heading .prod-title { position: absolute; bottom: 5px; font-size: 11px; color: #fff; line-height: 1.4; max-height: 32px; height: 32px; padding: 0 6px; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; z-index: 9999; } 

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .panel-body { text-align: center; } 
/*.prod-info-wrapper .info-wrapper .best-slide-wrapper #bestProd .swiper-slide { width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: center; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper #bestProd .swiper-slide .prod.type1 { width: 32%; float: left; display: inline-block; background-color: transparent; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper #bestProd .swiper-slide .prod.type1:nth-child(3n - 1) { margin-left: 6px; margin-right: 6px; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading img { border-radius: 20px; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading:after { content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index: 99; border-radius: 20px; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading .dc-body { z-index: 9999; top: -4px; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading .buy_number { position: initial; padding: 6px; border: 0; font-size: 10px; color: #fff; display: flex; align-items: center; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading .prod-title { position: absolute; bottom: 5px; font-size: 11px; color: #fff; line-height: 1.4; max-height: 32px; height: 32px; padding: 0 6px; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; z-index: 9999; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .panel-body { padding: 10px 0; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .panel-body .price-wrapper { width: 100%; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .panel-body .price-wrapper .price { text-align: center; font-size: .688rem;; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-pagination { position: relative; bottom: 0; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-pagination-bullet-active { width: 8px; height: 8px; margin: 1px 4px; border-color: #ffd427; background-color: #ffd427; } 
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-pagination-bullet { margin: 1px 4px; width: 12px; height: 4px; border-radius: 10px; opacity: 1; border-color: #dcdcdc; background-color: #dcdcdc; } */
.prod-info-wrapper .info-wrapper #eventBannerCarousel .swiper-pagination-banner { display: flex; justify-content: center; align-items: center; height: 30px; } 

.event-view-list .prod .timesale { position: absolute; bottom: 0; color: #fff; font-size: 1.125rem; width: 100%; height: 32px; line-height: 32px; padding: 0 15px; background-color: #343a40; opacity: .7; } 

 .event-view-list .prod .timesale .text { font-size: 1rem; } 

 .event-view-list .prod .timesale .time-remaining { float: right; } 

 .event-view-list .prod .timesale.active { background-color: #ffcc00; } 
/*.prod-list-wrapper .prod .tag-list,*/
.event-view-list .prod .tag-list { font-size: .8125rem; margin-bottom: 0; } 
 /*.prod-list-wrapper .prod .tag-list .tag:before,*/
 .event-view-list .prod .tag-list .tag:before { content: "#"; } 
 /*.prod-list-wrapper .prod .tag-list .tag:not(:last-child):after,*/
 .event-view-list .prod .tag-list .tag:not(:last-child):after { content: ","; } 
 /*.prod-list-wrapper .prod .tag-list .tag,*/
 .event-view-list .prod .tag-list .tag { color: #929292; padding-right: 3px; } 

.prod-info-wrapper .image-wrapper { margin-top: 61px; } 

.prod-info-wrapper .image-wrapper .timesale {/* position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 0; font-size: 12px; text-align: center; */
 position: relative; text-align: center; padding: 15px 0; } 

.prod-info-wrapper .image-wrapper .timesale img { width: 20px; } 

.prod-info-wrapper .image-wrapper .timesale_today { background-color: #ffba27; color: #4d280f; font-weight: 600; display: flex; align-items: center; justify-content: center; font-size:0.8125rem; letter-spacing: -0.2px; } 

.prod-info-wrapper.wrap_info .image-wrapper > div { position: relative !important; } 

.prod-info-wrapper .image-wrapper .timesale_day { background-color: #727272; color: #b8b8b8; } 

.prod-info-wrapper .image-wrapper .label-timesale { color: #fff; font-size: 0.8125rem; padding: 0 4px; line-height: inherit; } 

.contents-wrapper.main .swiper-pagination { bottom: -3px; } 

.swiper-pagination { position: relative; bottom: -3px; display: flex; justify-content: center; align-items: center; height: 25px; } 

.contents-wrapper.view .swiper-pagination { bottom: 0; } 



.swiper-pagination-bullet { margin: 1px 4px; width: 12px; height: 4px; border-radius: 10px; opacity: 1; border-color: #dcdcdc; background-color: #dcdcdc; } 

.prod-info-wrapper .image-wrapper img { width: 100%; } 

.prod-info-wrapper .info-wrapper { position: relative; border: 0; margin-bottom: 0; } 

 .prod-info-wrapper .info-wrapper .panel-heading { padding-top: 0; padding-bottom: 0; } 

 .prod-info-wrapper .info-wrapper .panel-heading .tag-wrapper { /*position: absolute; top: -15px; */
 font-size: 0; line-height: 1.5; margin: 0 10px; /*white-space:nowrap; */}

 .prod-info-wrapper .info-wrapper .panel-heading .tag { color: #ff7900; font-size: .75rem; padding: 2px 5px; border: 1px solid #ff7900; white-space: nowrap; display: inline-block; margin: 0 2px 5px; } 

 .prod-info-wrapper .info-wrapper .panel-heading .tag + .tag { margin-left: 3px; } 

 .prod-info-wrapper .info-wrapper .panel-heading h3 { position: relative; font-size: 1.25rem; font-weight: 600; margin: 10px 0 15px; } 

 .prod-info-wrapper .info-wrapper .panel-heading .price-wrapper { position: relative; margin-bottom: 28px; } 

 .prod-info-wrapper .info-wrapper .panel-heading .title { display: block; line-height: 1.2; } 

 .prod-info-wrapper .info-wrapper .price-wrapper > div { margin-bottom: -2px; } 

 .prod-info-wrapper .info-wrapper .price-wrapper .dc-price { display: inline-block; color: #b8b8b8; font-size: 11px; font-weight: 400; text-decoration: line-through; } 

 .prod-info-wrapper .info-wrapper .price-wrapper .discount { color: #de5448; font-size: 11px; font-weight: 800; margin-left: 4px; letter-spacing: -.5px; } 

 .prod-info-wrapper .info-wrapper .best-list-wrapper .price-wrapper .price { font-size: 12px; font-weight: bold; } 

 .prod-info-wrapper .info-wrapper .price-wrapper .price { font-size: 1.375rem; font-weight: 800; } 

 .prod-info-wrapper .info-wrapper .price-wrapper .like_btn { position: absolute; right: 40px; bottom: 0; } 

 .prod-info-wrapper .info-wrapper .price-wrapper .like_btn img { width: 25px; } 

 .prod-info-wrapper .info-wrapper .price-wrapper .share_btn { /*position: absolute; right: 0; bottom: 0; padding: 0 5px; */}

 .prod-info-wrapper .info-wrapper .price-wrapper .label-timesale { position: absolute; bottom: 0; right: 10px; font-size: 1.125rem; padding: 5px 15px; background-color: #343a40; } 

 .prod-info-wrapper .info-wrapper .price-wrapper .label-timesale.active { background-color: #ffcc00; } 

.prod-info-wrapper .share-discount { margin-bottom: 15px; } 

 .prod-info-wrapper .share-discount .share-count { text-align: right; } 

 .prod-info-wrapper .share-discount .share-count .count { position: relative; display: inline-block; width: 30px; height: 30px; margin: 0 2px; background-repeat: no-repeat; } 

 .prod-info-wrapper .share-discount .share-count .count:not(.count-off):after { content: ""; position: absolute; bottom: 0; right: -4px; width: 14px; height: 14px; background-image: url('/design/moraguo/img/check.png'); background-repeat: no-repeat; } 

 .prod-info-wrapper .share-discount .share-count .count-off { background-image: url('/design/moraguo/img/user_off.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-1 { background-image: url('/design/moraguo/img/user_on1.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-2 { background-image: url('/design/moraguo/img/user_on2.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-3 { background-image: url('/design/moraguo/img/user_on3.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-4 { background-image: url('/design/moraguo/img/user_on4.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-5 { background-image: url('/design/moraguo/img/user_on5.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-6 { background-image: url('/design/moraguo/img/user_on6.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-7 { background-image: url('/design/moraguo/img/user_on7.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-8 { background-image: url('/design/moraguo/img/user_on8.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-9 { background-image: url('/design/moraguo/img/user_on9.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-10 { background-image: url('/design/moraguo/img/user_on10.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-11 { background-image: url('/design/moraguo/img/user_on11.png'); } 

 .prod-info-wrapper .share-discount .share-count .count-12 { background-image: url('/design/moraguo/img/user_on12.png'); } 

 .prod-info-wrapper .share-discount .btn-block { font-size: .875rem; padding-top: 10px; padding-bottom: 10px; } 

 .prod-info-wrapper .share-discount .btn-gray { border-color: #c5c5c5; background-color: #c5c5c5; } 

.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper { font-size: 0.75rem; /*padding: 15px 0; */
 padding-bottom: 20px; } 

.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper div { display: flex; line-height: 1.7; } 

.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:first-child { color: #727272; width: 30%; font-size:0.75rem; } 
.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:last-child { width:70%; font-size:0.75rem; } 
.prod-info-wrapper .info-wrapper .panel-heading .buy_number { padding: 9px 12px; border-top: 1px solid #e8e8e8; /*border-bottom: 1px solid #e8e8e8; */
 color: #727272; font-size: 0.75rem; } 

.prod-info-wrapper .info-wrapper .panel-heading .buy_number b { font-weight: bold; } 

.prod-info-wrapper .info-wrapper .panel-heading .buy_number .score { float: right; color: #727272; font-weight: bold; display: flex; justify-content: center; } 

.prod-info-wrapper .info-wrapper .panel-heading .buy_number .score i { color: #ffc833; font-size: 14px; margin-right: 4px; } 
.prod-info-wrapper .info-wrapper .panel-heading .buy_number .avgstar { font-size:0.75rem; } 
.prod-info-wrapper .info-wrapper .panel-heading .product_info { background-color: #f8f8f8; color: #727272; border-top: 1px solid #e8e8e8; } 

.prod-info-wrapper .info-wrapper .panel-heading .product_info div { padding: 20px 15px; border-bottom: 1px solid #e8e8e8; } 

.prod-info-wrapper .info-wrapper .panel-heading .product_info .delivery-wrapper { display: flex; justify-content: space-between; align-items: center; } 

.prod-info-wrapper .info-wrapper .panel-heading .product_info div span { font-size: .75rem; } 

.prod-info-wrapper .info-wrapper .panel-heading .product_info div p { line-height: 1.8; font-size:0.75rem; } 

.prod-info-wrapper .info-wrapper .panel-heading .product_info div p span { color: #3c763d; }

.prod-info-wrapper .info-wrapper .panel-heading .product_info h6 { font-size: 0.75rem; font-weight: bold; color: #222; padding-bottom: 4px; } 

.prod-info-wrapper .info-wrapper .panel-heading .product_info a { font-weight: 800; } 

.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper { position: relative; } 

.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon { font-size: 0.75rem; padding: 8px 12px; background-color: #222; /* height: auto; line-height: inherit; */
 border-radius: 14px; font-weight: 600; color: #fff; display: flex; align-items: center; } 

.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon img { margin-right: 4px; width: 28%; } 

.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon > .fa { position: relative; top: 2px; padding-right: 5px; } 

.prod-info-wrapper .info-wrapper .panel-heading .delivery { font-size: .8125rem; font-weight: 400; padding: 0 10px; margin-bottom: 5px; max-width: 70%; } 

.producer-info-wrapper { position: relative; padding: 15px; margin-top: 10px; } 

 .producer-info-wrapper .title { display: inline-block; font-size: 1rem; font-weight: 600; text-combine-upright:0; } 

 .producer-info-wrapper .line { position: absolute; top: 35px; left: 105px; width: calc(100% - 125px); z-index: -1; border-bottom: 1px solid #929292; } 

 .producer-info-wrapper .name { font-size: .8125rem; line-height: 1; margin-bottom: 0; } 

 .producer-info-wrapper .media { margin-top: 8px; } 

 .producer-info-wrapper .media-left { min-width: 120px; padding-right: 15px; } 

 .producer-info-wrapper .media-body { font-size: .8125rem; line-height: 1.3; } 

.prod-tab-wrapper { padding-top: 40px; /*padding-bottom: 40px; */
 background-color: #fff; } 
/*.prod-tab-wrapper .nav-tabs.nav-justified {border-top: 1px solid #343a40; } */
.nav-tabs.nav-justified > li { float: left; width: 25%; position: relative; } 

.prod-tab-wrapper .nav-tabs.nav-justified > li > a { font-size: 0.8125rem; font-weight: bold; padding: 10px 0; border: 1px solid #d8d8d8; border-width: 0 0 2px; border-style: solid; border-color: #d8d8d8; color: #222; margin-bottom: 0; display: block; } 




.prod-tab-wrapper .media { margin-top: 0; padding: 25px 0; } 

.prod-tab-wrapper .panel.detail_qna .media { padding: 15px 0; } 

 .prod-tab-wrapper .panel.detail_qna .media:first-child { padding-top: 0 !important; } 

.prod-tab-wrapper .media-body > .media { padding-bottom: 0; } 

.prod-tab-wrapper .media + .media { border-top: 1px solid #e5e5e5; } 

.prod-tab-wrapper .media-list > .media:last-child { border-bottom: 1px solid #e5e5e5; } 

.detail_qna .media-list > .media:last-child { border-bottom: 0; } 

.prod-tab-wrapper .media-body { position: relative; } 

.prod-tab-wrapper .media-heading { font-weight: 600; color: #929292; margin-bottom: 5px !important; /*letter-spacing: -2px; */
 display: block; } 

 .prod-tab-wrapper .media-heading.qna { font-size: .875rem; } 

 .prod-tab-wrapper .media-heading.qna .fa-lock { position: relative; top: 2px; padding-right: 4px; } 

 .prod-tab-wrapper .media-heading .qna-title { /*display: block; */
 color: #343a40; font-weight: 400; margin-top: 5px; } 

 .prod-tab-wrapper .media-heading .reg-date { font-size: .8125rem; font-weight: 400; margin-left: 5px; letter-spacing: -1px; } 

.prod-tab-wrapper .tab-pane > .panel-body { font-size: .8125rem; padding: 15px 0; } 

 .prod-tab-wrapper .tab-pane > .panel-body.jsImgResize { word-break: break-word; } 

 .prod-tab-wrapper .tab-pane > .panel-body.jsImgResize img { max-width: 100%; } 

 .prod-tab-wrapper .tab-pane > .panel-body p { margin-bottom: 0; } 

.prod-tab-wrapper #prodDetail > .panel-body img { max-width: 100%; } 

.prod-tab-wrapper #prodDetail > .panel-body.notice > .title { color: #929292; font-size: 1rem; font-weight: 600; } 

 .prod-tab-wrapper #prodDetail > .panel-body.notice > .title > .fa { position: relative; top: -3px; float: right; color: #929292; font-size: 1.25rem; } 

.prod-tab-wrapper #prodDetail > .panel-body.notice .desc { color: #929292; font-size: .75rem; margin-bottom: 5px; } 

.prod-tab-wrapper #prodDetail > .panel-body.notice .table > tbody > tr > th { color: #888; } 

.prod-tab-wrapper #prodDetail > .panel-body.notice .table > tbody > tr > th,
.prod-tab-wrapper #prodDetail > .panel-body.notice .table > tbody > tr > td { font-size: .8125rem; padding-left: 15px; padding-right: 15px; } 

.prod-tab-wrapper #prodReview .media-left { vertical-align: inherit; display: inline-block; min-width: inherit; padding-right: 5px; } 

.prod-tab-wrapper #prodReview .panel-body .more .btn { padding-left: 26px; padding-right: 26px; } 

.prod-tab-wrapper .media-left h4 { margin: 0; font-weight: 600; } 

.prod-tab-wrapper .media-left img { height: 40px; margin: 0 auto; } 

.prod-tab-wrapper .media-left .user-name { font-weight: 600; margin-top: 5px; margin-bottom: 0; } 

.prod-list-wrapper.popular > .title { font-size: 14px; font-weight: 600; margin: 0; padding: 20px 0 10px; } 

 .prod-list-wrapper.popular > .title img { width: 20px; height: 20px; margin-right: 4px; } 

 .prod-list-wrapper.popular > .title .category { font-weight: 600; } 
/* coupon */
.coponDeactive { filter: grayscale(1); opacity: 70%; } 

.coupon-down-modal .modal-body > p { color: #727272; padding: 5px 0 20px; font-size: 12px; } 
.coupon-down-modal .modal-footer { border-top: 0; display: flex; } 

.coupon-down-modal .modal-footer .btn { width: 50%; } 

.coupon { /*padding: 15px 15px; */}

.coupon .coupon-list { margin: 0; padding: 0; } 

.coupon .coupon-list li { overflow: hidden; margin-bottom: 10px; border: 0; position: relative; } 

.coupon .coupon-list li .coupon-use { display: flex; flex-direction: row; padding: 0; margin: 20px 0; } 

.coupon .coupon-list li.coupon-use.deactive .coupon-area,
.coupon .coupon-list li.coupon-use.deactive .coupon-area .number,
.coupon .coupon-list li.coupon-use.deactive .coupon-area .condition .scope { color: #ddd; border-color: #ddd; } 

.coupon .coupon-list li.coupon-use.deactive .coupon-area .type span,
.coupon .coupon-list li.coupon-use.deactive .coupon-down,
.coupon .coupon-list li.coupon-use.deactive .coupon-down .link-app a { background-color: #ddd; border-color: #ddd; } 

.coupon .coupon-list li .coupon-area { letter-spacing: -.03em; width: 85%; padding:0 20px; } 

.coupon .coupon-list li .coupon-area .type { margin-bottom: 3px; display: flex; align-items: center; justify-content: center; } 

.coupon .coupon-list li .coupon-area .type span { border-radius: 5px; background-color: #891d07; padding: 2px 6px 4px; font-size: 10px; color: #fff; } 

.coupon .coupon-list li .coupon-area .category { font-size: 0.8125rem; /*margin-top: 8px; */
 color: #fff; font-weight: 600; margin-top:8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.coupon .coupon-list li .coupon-area .number { display: block; font-size: 24px; font-weight: 800; color: #fff; } 

.coupon .coupon-list li .coupon-area .number em { font-style: normal; } 

.coupon .coupon-list li .coupon-area .condition .scope { font-size: 12px; margin-top: 8px; color: #fff38e; word-break: keep-all; } 

.coupon .coupon-list li .coupon-area .condition .cpn-date { display: block; margin-top: 8px; } 

.coupon .coupon-list li .coupon-area .condition .cpn-date i { font-size: 11px; font-style: normal; color: #fff; } 

.coupon .coupon-list li .coupon-down { position: relative; display: flex; align-items: center; justify-content: center; padding: 15px 0; width: 13%; } 

.coupon .coupon-list li .coupon-down span { display: flex; justify-content: center; align-items: center; text-align: center; } 

.coupon .coupon-list li .coupon-down .link-wrap span { color: #fff; width: 34px; } 

.coupon .coupon-list li .coupon-down i { font-size: 25px; color: #fff; } 

.coupon .coupon-list li .coupon-down .link-wrap a { display: block; } 

.coupon .coupon-list li .coupon-down .link-wrap a img { width: 15px; } 

.coupon .coupon-list li .coupon-down .link-app { position: absolute; left: 0; bottom: 0; padding: 10px; display: block; width: 100%; } 

.coupon .coupon-list li .coupon-down .link-app a { border: 1px solid #2a6496; background-color: #337ab7; color: #fff; padding: 5px 8px; margin: 4px; font-size: 13px; } 

.coupon .coupon-list li .punch-left { position: absolute; display: flex; justify-content: center; flex-flow: column; padding: 0; top: 0; left: -8px; /*height: 100%; */}

.coupon .coupon-list li .punch-right { position: absolute; display: flex; justify-content: center; flex-flow: column; padding: 0; top: 0; right: -8px; /*height: 100%; */}

.coupon .coupon-list li .punch i { display: block; width: 18px; height: 18px; margin: 5px -5px; border-radius: 50%; background-color: #fff; } 

.coupon-wrapper { display: table; margin: 0 auto; } 

.coupon-wrapper .coupon { position: relative; display: table-cell; width: 170px; height: 195px; text-align: center; padding: 0 20px; vertical-align: middle; background-size: 170px 195px; } 

.coupon-wrapper .coupon:not(.deactive):hover { cursor: pointer; } 

.coupon-wrapper .coupon.deactive .price,
.coupon-wrapper .coupon.deactive .subject,
.coupon-wrapper .coupon.deactive .download { color: #e5e5e5; } 

.coupon-wrapper .coupon .price { font-size: 1.5rem; font-weight: 600; margin-bottom: 0; } 

.coupon-wrapper .coupon .subject { font-size: 12px; color: #929292; margin-bottom: 0; } 

.coupon-wrapper .coupon .download { position: absolute; bottom: 12px; left: 50%; color: #fff; margin-left: -35px; white-space: nowrap; } 
/* coupon use */
.modal.coupon-use .modal-content { height: 100%; } 

.modal.coupon-use .modal-body { padding: 0 15px; } 

.modal.coupon-use .coupon-item { padding: 20px 0; border-bottom: 1px solid #e8e8e8; } 

 .modal.coupon-use .coupon-item:last-child { border-bottom: 0; } 

 .modal.coupon-use .coupon-item p { padding-bottom: 15px; font-size: .75rem; font-weight: 600; } 

.modal.coupon-use .modal-body .attrselect { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: 0.75rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; } 

.modal.coupon-use .modal-body li { font-size: 12px; margin-bottom: 15px; } 

.modal.coupon-use .modal-body .coupon-item li:last-child { margin-bottom: 0; } 

.modal.coupon-use .coupon-item label { font-size: 0.75rem; margin-bottom: 8px; } 

.modal.coupon-use .modal-body li label > span { color: #727272; padding-right: 4px; font-weight: 400; } 

.modal.coupon-use .modal-content > .modal-footer { position: relative; height: auto; line-height: inherit; padding-top: 15px; padding-bottom: 15px; } 

.modal.coupon-use .modal-footer .modal-button { display: flex; width: 100%; } 

 .modal.coupon-use .modal-footer .modal-button .Btn { width: 50%; } 

 .modal.coupon-use .modal-footer .modal-button .Btn + .Btn { margin-left: 8px; } 

.payment-wrapper .panel { border: 0; margin-bottom: 0; } 

 .payment-wrapper .panel.agree-wrapper { margin-top: 15px; } 

.payment-wrapper .panel-heading { padding: 0; border-bottom: 0; } 

 .payment-wrapper .panel-heading .info-title { font-size: 1rem; font-weight: 600; margin: 0 15px; height: 50px; line-height: 50px; border-top: 1px solid #e8e8e8; } 

 .payment-wrapper .panel-heading .info-title label { font-size: .8125rem; font-weight: 400; } 

 .payment-wrapper .panel-heading .info-title .btn { float: right; margin-top: 10px; } 

 .payment-wrapper .panel-heading .info-title.active { color: #fff; background-color: #343a40; } 

.payment-wrapper .panel.order-payment-info.gift .panel-body { border-top: 1px solid #e8e8e8; margin: 0 15px; padding: 15px 0; } 

 .payment-wrapper .panel.order-payment-info.gift .panel-body:first-child { border-top: 0; } 

 .payment-wrapper .panel.order-payment-info.gift .panel-body .media-list .media { padding-bottom: 15px; } 

.payment-wrapper .complete .message { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 110px; line-height: 2.5; padding-bottom: 0; background-color: #f8f9fa; padding: 0; margin: 0 15px; border-bottom: 1px solid #e8e8e8; } 

.payment-wrapper .complete .info { padding: 0; } 

.payment-wrapper .complete .message h3 { font-size: 13px; font-weight: 600; margin: 0; white-space: nowrap; } 

.payment-wrapper .complete .message p { color: #929292; font-size: 10px; } 

.wrap_orderendcont .orderEnd .oderfailtext { font-size: 12px !important; color: #e34f4d !important; font-weight: bold; line-height: 22px; margin-top: 20px; } 

.wrap_orderendcont .orderEnd .failitext { font-size: 10px !important; color: #929292 !important; font-weight: 400; margin-bottom: 20px; line-height: 16px; margin-top: 8px; padding: 0 8px; } 

.payment-wrapper .complete .message .itext { color: #929292; font-size: 11px; font-weight: 400; } 

.payment-wrapper .order-payment-info .panel-body { padding: 15px; padding-top: 0; } 

.payment-wrapper .order-payment-info .panel-body.order_item { border-bottom: 1px solid #e8e8e8; padding: 0; margin: 0 15px; } 

.payment-wrapper .order-payment-info .panel-body.order_item .order-info .media { border-bottom: 0; padding: 15px 0; border-bottom: 1px solid #e8e8e8; } 

.payment-wrapper .media-list .media.set_item { border-bottom: 0 !important; padding: 14px 12px !important; display: block !important; } 

.payment-wrapper .media-list .media.set_item .set_item_title { font-size: 0.875rem; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 4px; } 

.payment-wrapper .media-list .media.set_item .set_item_price b { color: #929292; font-weight: 400; color: #727272; } 

.payment-wrapper .media-list .media.set_item .set_item_price { font-size: 0.75rem; font-weight: 600; color: #fb793f; } 

.payment-wrapper .media-list .media.set_item { border-top: 1px solid #e8e8e8; margin-bottom: 15px; } 

.payment-wrapper .media-list .media.set_item .set_group_item li { color: #929292; font-weight: 400; font-size: 0.75rem; } 

.payment-wrapper .media-list .media.set_item .set_group_item li > b { font-weight: 600; color: #222; padding-left: 4px; } 

.payment-wrapper .media-list .media.set_item .set_group_item button { margin-left: auto; background-color: #222; color: #fff; border-radius: 14px; border: 0; padding: 9px 15px; } 

.payment-wrapper .order-payment-info .panel-body.order_item .order-info li:last-child { border-bottom: 0; margin-bottom: 0; margin-left: 4px; } 
.payment-wrapper .media-list .media.set_item .set_group_item { margin-top: 0; font-size: 0.75rem; } 
.payment-wrapper .order-payment-info .panel-body .form-control.order_email { background-color: #fff; line-height: 40px; color: #222; } 

.payment-wrapper .order-payment-info .panel-body.get { border-top: 1px solid #e8e8e8; padding: 15px 0; margin: 0 15px; } 

.payment-wrapper .order-payment-info .panel-body .order_heading { display: flex; justify-content: space-between; color: #727272; font-size: 0.75rem; align-items: center; } 

.payment-wrapper .order-payment-info .panel-body.get .table { margin-top: 18px; border-bottom: 1px solid #e8e8e8; } 

.payment-wrapper .order-payment-info .panel-body.get .table tr:first-child label { float: right; color: #b8b8b8; } 

.payment-wrapper .order-payment-info .panel-body.get .table tr:first-child input[type="checkbox"] + label:before { border: 0; margin-right: 0; font-size: 13px; } 

.payment-wrapper .order-payment-info .panel-body.get .table tr:first-child input[type="checkbox"]:checked + label:before { border: 0; color: #222; background-color: #fff; } 

.payment-wrapper .order-payment-info .panel-body.get .table tr:first-child input[type="checkbox"]:checked + label { color: #222; } 

.payment-wrapper .order-payment-info .panel-body.get .form-group.ip_post div,
.payment-wrapper .order-payment-info.gift .panel-body .form-group.ip_post div { display: flex; } 

.payment-wrapper .order-payment-info .panel-body.get .form-group.ip_post #jsBtnPost a,
.payment-wrapper .order-payment-info.gift .panel-body .form-group.ip_post #jsBtnPost a { width: 75%; } 

.payment-wrapper .order-payment-info .panel-body.get .form-group.ip_post .phone,
.payment-wrapper .order-payment-info.gift .panel-body .form-group.ip_post .phone { width: 35%; margin-right: 12px; } 

.payment-wrapper .order-payment-info.gift .payment-result { display: flex; justify-content: space-between; align-items: center; font-size: .6875rem; text-align: left; margin: 0 15px; padding: 15px 0; border-top: 1px solid #e8e8e8; } 

 .payment-wrapper .order-payment-info.gift .payment-result .totalprice-color { font-size: 1.125rem; font-weight: 600; color: #222; } 

.payment-wrapper .order-payment-info.gift .panel-footer { padding: 10px 15px; margin-bottom: 40px; } 

.payment-wrapper .order-payment-info .panel-body.get .attrselect { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: 0.8125rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; cursor: pointer; } 

.payment-wrapper .order-payment-info .panel-body.get .mo_dfee_pay { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: .6875rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; } 

.payment-wrapper .order-payment-info .panel-body.get .direct { margin-top: 10px; } 

.payment-wrapper .order-payment-info .pay_heading { padding: 0 15px; } 

.payment-wrapper .order-payment-info .panel-body .table { margin-bottom: 0; } 

.payment-wrapper .complete .info .table-wrapper { margin: 0 15px; } 

.payment-wrapper .complete .info .table th,
.payment-wrapper .complete .info .table td { border-bottom: 1px solid #e8e8e8; padding: 12px 0; } 

.payment-wrapper .complete .info .table > thead > tr > th { font-size: 12px; color: #929292; padding: 10px 0; } 

.payment-wrapper .complete .info .table > thead > tr > th,
.payment-wrapper .complete .info .table > tbody > tr > th { font-weight: 600; } 

.payment-wrapper .complete .info .table > tbody th { padding-left: 15px; background-color: #f8f8f8; color: #929292; } 

.payment-wrapper .complete .info .table > tbody td { padding-left: 15px; color: #222; word-break: keep-all; } 

.payment-wrapper .pay_result_table thead th { font-size: 12px; color: #929292; padding: 10px 0; } 

.payment-wrapper .pay_result_table tbody tr { display: flex; justify-content: space-between; align-items: center; padding: 0 12px; font-size: 11px; font-weight: 400; line-height: 2; } 

.payment-wrapper .pay_result_table tbody.total_pay { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #fff; padding: 15px 0; display: block; } 

.payment-wrapper .pay_result_table tbody.order_pay { border-bottom: 1px solid #e8e8e8; background-color: #f8f8f8; } 

 .payment-wrapper .pay_result_table tbody.order_pay .account { border-top: 1px solid #e8e8e8; background-color: #fff; margin-top: 15px; padding: 15px 12px; } 

 .payment-wrapper .pay_result_table tbody.order_pay tr:first-child { padding-top: 15px; } 

 .payment-wrapper .pay_result_table tbody.order_pay tr:last-child { padding-bottom: 15px; } 

.payment-wrapper .pay_result_table tbody.total_pay tr { padding: 0 12px !important; } 

.payment-wrapper .pay_result_table tbody th { color: #222; font-weight: 400; } 

.payment-wrapper .pay_result_table tbody td { color: #222; font-size: 12px; font-weight: bold; text-align: right; } 

.payment-wrapper .pay_result_table tbody #price_schedule { /* font-size: 13px; font-weight: 800; color: #222; */}

.payment-wrapper .order-payment-info .panel-body.point span b { color: #222; font-weight: 800; } 

.payment-wrapper .order-payment-info .panel-body.point .form-group { display: flex; flex-direction: row; } 

.payment-wrapper .order-payment-info .panel-body.point .form-group input { width: 70%; } 

.payment-wrapper .order-payment-info .panel-body.point .form-group a { width: 30%; margin-left: 12px; font-size:0.8125rem; } 
/*.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td .selectbox { border-color: #ccc; } 
.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td .selectbox select { font-size: .75rem; } 
.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td p.desc { font-size: .75rem; color: #0075ff; margin: 2px 0 -4px; } 
.payment-wrapper .table>tbody>tr>td>label {font-weight: 400;min-width: 100px; } 
.payment-wrapper .table>tbody>tr>td>label>.radio-text {position: relative;top: -2px;padding-left: 3px; } */
.payment-wrapper .table > thead > tr > th { border-bottom: 0; } 

.payment-wrapper .complete .table > tbody > tr > th { width: 30%; } 

.payment-wrapper .complete .table > tbody > tr > td { width: 70%; } 

.payment-wrapper .panel-group { margin-bottom: 0; } 

 .payment-wrapper .panel-group .panel + .panel { margin-top: 0; } 

 .payment-wrapper .panel-group .panel-heading > .panel-title { font-size: .875rem; padding: 12px 15px; } 

.payment-wrapper #collapse_method1 .bank-receipt .checks { display: inline-block; } 

 .payment-wrapper #collapse_method1 .bank-receipt .checks + .checks { margin-left: 10px; } 

.payment-wrapper .panel-body .bank-receipt .checks { font-size: 11px; } 
 /*.payment-wrapper .panel-body .bank-receipt .checks input[type="radio"]:checked + label:before,
.payment-wrapper .panel-body .dv_receipt1 .checks input[type="radio"]:checked + label:before { color: #fff; background-color: #222; } */
 .payment-wrapper .panel-body .bank-receipt .checks label,
 .payment-wrapper .panel-body .dv_receipt1 .checks label { color: #b8b8b8; } 

 .payment-wrapper .panel-body .bank-receipt .checks input[type="radio"]:checked + label,
 .payment-wrapper .panel-body .dv_receipt1 .checks input[type="radio"]:checked + label { color: #222; } 

.payment-wrapper .panel-body .dv_receipt1 div { display: flex; flex-direction: row; font-size: 11px; } 

 .payment-wrapper .panel-body .dv_receipt1 div .checks + .checks { margin-left: 12px; } 

/* 가상계좌 / 에스크로 처리 */
.payment-wrapper #collapse_method4 .bank-receipt .checks { display: inline-block; } 

 .payment-wrapper #collapse_method4 .bank-receipt .checks + .checks { margin-left: 10px; } 

.payment-wrapper .panel-body .dv_receipt41 .checks label { color: #b8b8b8; } 

.payment-wrapper .panel-body .dv_receipt41 .checks input[type="radio"]:checked + label { color: #222; } 

.payment-wrapper .panel-body .dv_receipt41 div { display: flex; flex-direction: row; font-size: 11px; } 

 .payment-wrapper .panel-body .dv_receipt41 div .checks + .checks { margin-left: 12px; } 

.payment-wrapper #collapse_method4_1 .bank-receipt .checks { display: inline-block; } 

 .payment-wrapper #collapse_method4_1 .bank-receipt .checks + .checks { margin-left: 10px; } 

.payment-wrapper .panel-body .dv_receipt4_11 .checks label { color: #b8b8b8; } 

.payment-wrapper .panel-body .dv_receipt4_11 .checks input[type="radio"]:checked + label { color: #222; } 

.payment-wrapper .panel-body .dv_receipt4_11 div { display: flex; flex-direction: row; font-size: 11px; } 

 .payment-wrapper .panel-body .dv_receipt4_11 div .checks + .checks { margin-left: 12px; } 
/* 가상계좌 / 에스크로 처리 완료 */


.payment-wrapper .checks + .checks { margin-top: 3px; } 

.payment-wrapper .checks { font-size: 13px; } 

.payment-wrapper .checks input[type="radio"] + label > a { color: #0075ff; text-decoration: underline; } 

.my-wrapper #orderlist .filter-wrapper .status-filter li label:before,
.my-info-wrapper .filter-wrapper .status-filter li label:before,
.payment-wrapper .checks input[type="radio"] + label:before,
.my-wrapper.return .panel-body .radio input[type="radio"] + label:before,
#reportModal .modal-body input[type="radio"] + label:before { content: ""; background-image: url(/design/moraguo/img/icon_radio_off.svg); background-size: 100% 100%; width: 20px; height: 20px; clear: both; } 

.my-wrapper #orderlist .filter-wrapper .status-filter li input[type="radio"]:checked + label:before,
.my-info-wrapper .filter-wrapper .status-filter li input[type="radio"]:checked + label:before,
.payment-wrapper .checks input[type="radio"]:checked + label:before,
.my-wrapper.return .panel-body .radio input[type="radio"]:checked + label:before,
#reportModal .modal-body input[type="radio"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_radio_on.svg); background-size: 100% 100%; width: 20px; height: 20px; clear: both; } 

.payment-wrapper .checks label { display: flex; align-items: center; cursor: pointer; } 

/*.payment-wrapper .checks label > span { color: #929292; font-size: 11px; padding-left: 12px; padding-right: 6px; } 
.payment-wrapper .checks label > span a { color: #222; font-weight: 800; color: var(--btn_type_shopbasic2_color, #ffd800); } */

.payment-wrapper .panel-body.payinfo .panel-title { padding: 12px 0; } 

.my-wrapper #orderlist .filter-wrapper .status-filter li label { display: block; } 

.payment-wrapper .checks label img { height: 19px; /* margin-left: 4px; */
 margin-right: 8px; } 

.payment-wrapper .panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: 0; padding: 0 15px; } 

.payment-wrapper .panel-group .panel-collapse { background-color: #fff; } 

.payment-wrapper .panel-group .panel-body .form-group.card_info > div,
.payment-wrapper .panel-group .panel-body .form-group.card_info > div { display: flex; flex-direction: row; align-items: center; } 

.payment-wrapper .panel-group .panel-body .form-group.card_info > div .desc { font-size: 0.75rem; color: #727272; padding-left: 14px; } 

.payment-wrapper .panel-group .panel-body .form-group.card_info .form-control { width: 20%; } 

.payment-wrapper .panel-group .panel-body .form-group.card_my .form-control { width: 45%; } 

.payment-wrapper .panel-group .panel-body .form-group > p.label { display: block; color: #727272; text-align: left; padding: 0; margin-bottom: 12px; font-weight: 500; font-size: 0.75rem; } 

.payment-wrapper .panel-group .panel-body .form-group > p.label > .desc { font-weight: 400; color: #0075ff; margin-left: 5px; } 

.payment-wrapper .panel-group .panel-body .pg_cardquota { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: 0.8125rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; } 

.payment-wrapper .panel-group .panel-body #tr_pg_cardquota selectbox:before { content: ""; } 

.payment-wrapper .order-payment-info .panel-body.pay_result { padding-bottom: 15px; background-color: #f8f8f8; } 

.payment-wrapper .panel-body.pay_result { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin: 0 15px; padding: 0; } 

.payment-wrapper .panel-body.pay_result .table tr { display: flex; justify-content: space-between; align-items: center; background-color: #f8f8f8; padding: 3px 12px; } 

.payment-wrapper .panel-body.pay_result .table tr:first-child { border-bottom: 1px solid #e8e8e8; background-color: #fff; padding: 15px 12px; } 

.payment-wrapper .panel-body.pay_result .table tr:nth-child(2) { padding-top: 15px; } 

.payment-wrapper .panel-body.pay_result .table tr:last-child { /*border-bottom: 1px solid #e8e8e8; */
 padding-bottom: 15px; } 

.payment-wrapper .panel-body.pay_result .table th { color: #222; } 

.payment-wrapper .panel-body.pay_result .table td { color: #222; font-size: 12px; font-weight: bold; } 

.payment-wrapper .panel-body.pay_result .table .delivery_num td { text-align: right; display: flex; align-items: center; } 

.payment-wrapper .panel-body.pay_result .table .delivery_num .delivery-text { margin-left: 4px; min-width: 86px; } 

.payment-wrapper .panel-body.pay_result #price_schedule { /*font-size: 18px; font-weight: 800; color: #222; */}

.payment-wrapper .btn { font-size: .875rem; } 

.payment-wrapper .form-control.agree-wrapper { font-size: 11px; } 

.payment-wrapper .form-control.email { width: 100%; font-size: 11px; } 

.payment-wrapper .form-control.card-no { width: 20%; padding-left: 5px; padding-right: 5px; margin-right: 6px; } 

 .payment-wrapper .form-control.card-no:last-child { margin-right: 0; } 

.payment-wrapper .form-control.address { display: block; width: 100%; margin-top: 10px; } 

.payment-wrapper .order-payment-info .btn { font-size: .8125rem; height: 28px; line-height: 28px; padding: 0px 18px; vertical-align: top; } 

.payment-wrapper .table .req-text { line-height: 30px; width: 213px; } 

.payment-wrapper .table .btn-modify { position: relative; top: -1px; } 

.payment-wrapper .media { margin-top: 0; display: flex; flex-direction: row; } 

.payment-wrapper .order-info { padding: 0; } 

.payment-wrapper .order-info .media-body { width: calc(100% - 75px); padding: 4px 0; } 

.payment-wrapper .order-info .media-body.item_order_info p { font-size: 0.75rem; color: #929292; line-height: 1.5; } 

.payment-wrapper .order-info .media-body.item_order_info p.option { /*display: flex;flex-direction: row; */}

.payment-wrapper .order-info .media-body.item_order_info p.option span { width: 20%; } 

.payment-wrapper .order-info .media-body.item_order_info p.option b { width: 80%; } 

.payment-wrapper .order-info .media-body.item_order_info p b { font-weight: bold; color: #222; } 

.payment-wrapper .media p { margin-bottom: 0; } 

.payment-wrapper .media .media-object { width: 100px; height: 100px; } 

.payment-wrapper .order-info .media-body.item_order_info .order_title { font-size: 0.8125rem; font-weight: 600; color: #222; margin: 0; padding-bottom: 8px; } 

.payment-wrapper .media .option { color: #929292; } 

/*.payment-wrapper .media .option:before { content: "·"; padding-right: 4px; } */

.payment-wrapper .media .count-delivery { font-size: .8125rem; font-weight: 400; margin: 0; } 

 .payment-wrapper .media .count-delivery .count,
 .payment-wrapper .media .count-delivery .delivery { display: block; } 

 .payment-wrapper .media .count-delivery span { display: block; } 
 /*.payment-wrapper .media .count-delivery span:before { content:"·"; padding-right: 4px; } */
 .payment-wrapper .media .count-delivery span:before
 .payment-wrapper .agree-wrapper { padding: 0 15px; margin-bottom: 50px; } 

.payment-wrapper .agree-wrapper .panel-body { font-size: 11px; display: flex; flex-direction: column; padding: 0 15px 15px; } 

.payment-wrapper .agree-wrapper input[type="checkbox"] + label { color: #b8b8b8; font-size: 0.75rem; cursor: pointer; } 

.payment-wrapper .card-agree-wrapper .checks { display: flex; font-size: 11px; line-height: 2.2; } 

.payment-wrapper .panel-group .panel-body .mo_bank_num { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: 0.8125rem; color: #222; -webkit-appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; } 

.payment-wrapper .panel-group .panel-body .form-group.inpayment_name label { float: right; color: #b8b8b8; cursor: pointer; } 

.payment-wrapper .panel-group .panel-body .form-group.inpayment_name input[type="checkbox"] + label:before { border: 0; margin-right: 0; font-size: 13px; } 

.payment-wrapper .panel-group .panel-body .form-group.inpayment_name input[type="checkbox"]:checked + label:before { border: 0; color: #222; background-color: #fff; } 

.payment-wrapper .panel-group .panel-body .form-group.inpayment_name input[type="checkbox"]:checked + label { color: #222; } 

.payment-wrapper .card-agree-wrapper .btn_import { padding-left: 2px; padding-right: 0; } 

.payment-wrapper .card-agree-wrapper .more_view { color: var(--btn_type_shopbasic2_color, #ffd800); font-size: 0.75rem; font-weight: bold; text-decoration: underline; margin-left: 6px; padding-left: 0; white-space: nowrap; } 

.payment-wrapper .agree-wrapper .panel-body > span { line-height: 2.5; text-align: left; padding: 0 40px; } 

 .payment-wrapper .agree-wrapper .panel-body > span:last-child { text-align: center; } 

.payment-wrapper .agree-wrapper .more_view { color: #0bc1cc; font-size: 0.75rem; font-weight: bold; text-decoration: underline; text-decoration-color: #b1e5e9; margin-left: 6px; } 

.payment-wrapper .btn-agree { padding: 0 26px; width: 90%; height: 40px; line-height: 40px; margin-bottom: 5px; border: 1px solid #343a40; background-color: #fff; } 

 .payment-wrapper .btn-agree.active,
 .payment-wrapper .btn-agree:hover { color: #fff; background-color: #343a40; } 

.payment-wrapper .checkbox { margin-top: 5px; margin-bottom: 0; } 

 .payment-wrapper .checkbox label { font-size: .875rem; font-weight: 600; } 

 .payment-wrapper .checkbox label > .checkbox-text { position: relative; top: 2px; } 

.payment-wrapper td .checkbox { margin-top: 0; } 

 .payment-wrapper td .checkbox label > .checkbox-text { font-size: .8125rem; font-weight: 400; } 

.checkbox input[type="checkbox"] { top: -1px; } 

.payment-wrapper .panel-footer { border: 0; margin-bottom: 28px; } 

 .payment-wrapper .panel-footer .btn-pay { /*font-size: 1.125rem;font-weight: 600;color: #fff;width: 200px;height: 50px;line-height: 50px;padding: 0 26px;margin-top: 30px;margin-bottom: 40px;background-color: #ffcc00; */}

.payment-wrapper .complete .btn-group { padding: 30px 0 0; margin: 0; border: 0; display: flex; flex-direction: row; } 

 .payment-wrapper .complete .btn-group .btn { width: 50%; } 

 .payment-wrapper .complete .btn-group .btn + .btn { margin-left: 8px; } 

 .payment-wrapper .complete .btn-group .btn-detail { border: 1px solid #343a40; background-color: #fff; } 

 .payment-wrapper .complete .btn-group .btn-detail:hover { color: #fff; background-color: #343a40; } 

#noOAuthModal1 .panel-body,
#noOAuthModal2 .panel-body,
#orderAgreeModal1 .panel-body,
#orderAgreeModal2 .panel-body,
#orderAgreeModal3 .panel-body { font-size: .75rem; background-color: #f8f9fa; } 

.basket-wrapper .basket-list { font-size: .875rem; margin-bottom: 0; } 

.basket-wrapper .basket-list .panel-heading { padding: 5px 0; } 

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper,
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer { height: 30px; line-height: 30px; margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; } 

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper label,
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer label { color: #727272; display: flex; align-items: center; font-size: 0.75rem; } 

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper .text { position: relative; top: -3px; padding-left: 5px; color: #b8b8b8; } 

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper a,
.basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer a { color: #727272; font-size:0.75rem; font-weight:600; } 

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper a img,
.basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer a img { width: 16px; margin-left: 4px; } 

.basket-wrapper .basket-list .panel-body:not(.total-price) { padding: 0; border-bottom: 1px solid #e8e8e8; } 

.basket-wrapper .basket-list .all_total_price { padding: 0 12px; height: 60px; line-height: 60px; border-bottom: 1px solid #e8e8e8; } 



.basket-wrapper .basket-list .panel-body .total-price { font-size: 1rem; padding: 0 12px; height: 75px; display: flex; flex-direction: column; justify-content: center; width: 100%; line-height: 1.8; background-color: #f8f9fa; } 

.basket-wrapper .basket-list .panel-body .total-price .price-wrapper:last-child { margin-bottom: 0; } 

.basket-wrapper .basket-list .panel-body .total-price .price-wrapper .price { float: right; } 

.basket-wrapper .basket-list .panel-body .total-price .price-wrapper span { font-size: .75rem; font-weight: bold; } 

.basket-wrapper .basket-list .panel-body .total-price .total { padding-top: 10px; border-top: 1px solid #343a40; } 

.basket-wrapper .basket-list .media { padding: 20px 0px 20px 20px; margin-top: 0; border-bottom: 1px solid #e8e8e8; } 

.basket-wrapper .basket-list .package-optionbox .media:last-child,
.basket-wrapper .basket-list .singleitem-wrap .media:last-child { border-bottom: 0; } 

.basket-wrapper .basket-list .media .item_title { display: flex; align-items: center; padding:16px 0; } 
.basket-wrapper .basket-list .media:nth-of-type(1) .item_title { padding-top:0; } 
.basket-wrapper .basket-list .media .item_title label { display: flex; align-items: center; } 
.basket-wrapper .basket-list .all_total_price .price { float: right; font-size: 1.125rem; font-weight: 800; } 


.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"] + label { color: #929292; font-size:0.75rem; } 

.payment-wrapper .agree-wrapper input[type="checkbox"]:checked + label,
.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]:checked + label,
#addDeliveryModal .modal-body .checkbox input[type="checkbox"]:checked + label { color: #222; } 

.basket-wrapper .basket-list .media .subject { font-size: .875rem; font-weight: bold; display: flex; flex-direction: row; width: 100%; } 

 .basket-wrapper .basket-list .media .subject span:last-child { margin-left: auto; } 

 .basket-wrapper .basket-list .media .subject .product-title { text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.2em; overflow: hidden; } 

 .basket-wrapper .basket-list .media .subject img { width: 16px; } 

.basket-wrapper .basket-list .package { font-size: 0.8125rem; font-weight: 600; min-width: 150px; height: 30px; background-color: #ffcc00; color: #fff; } 

.basket-wrapper .basket-list .package-msg { font-size: 10px; color: #929292; height: auto; line-height: inherit; white-space: normal; word-break: keep-all; } 


.payment-wrapper .media-list .media.set_item,
.basket-wrapper .basket-list .media.single_item,
.order-payment-info.gift .media-list .media.set_item { display: flex; align-items: center; font-size: 11px; font-weight: 600; background-color: #f8f9fa; padding: 14px 12px; border-bottom: 0; } 

.basket-wrapper .basket-list .media.set_item > div { width: 100%; } 

.basket-wrapper .basket-list .media.set_item span:first-child { font-size: .75rem; } 

.basket-wrapper .basket-list .media.set_item b,
.basket-wrapper .basket-list .media.single_item b,
.order-payment-info.gift .media-list .media.set_item b { color: #929292; font-weight: 400; padding-left: 10px; } 

.basket-wrapper .basket-list .media.set_item .set_group_item,
.payment-wrapper .media-list .media.set_item .set_group_item { display: flex; align-items: center; margin-top: 6px; } 

.basket-wrapper .basket-list .media.set_item .set_group_item li { color: #929292; font-weight: 400; font-size: 0.75rem; } 

.basket-wrapper .basket-list .media.set_item .set_group_item li > b { font-weight: 600; color: #222; padding-left: 4px; } 

.basket-wrapper .basket-list .media.set_item .set_group_item li:before { content: "·"; clear: both; margin-right: 4px; } 
.basket-wrapper .basket-list .media.set_item .set_group_item button { margin-left: auto; } 
/*.basket-wrapper .basket-list .media + .media {border-top: 1px solid #e8e8e8; } */
.basket-wrapper .basket-list .media-left { position: relative; padding-right: 15px; } 

 .basket-wrapper .basket-list .media-left input { position: absolute; top: 0; left: 0; margin: 0; } 

.basket-wrapper .basket-list .media-object { width: 99px; height: 99px; } 

.basket-wrapper .basket-list .media-body { position: relative; font-size: .6875rem; line-height: 1.6; color: #929292; } 
 /*.basket-wrapper .basket-list .media-body>span:before { content:"·"; display: inline; padding-right: 3px; } */
.basket-wrapper .basket-list .media-body .item_option { display: grid; } 

.basket-wrapper .basket-list .media-body .item_option em { font-style: normal; padding-right: 2px; width: 85px; } 

.basket-wrapper .basket-list .media-body .option { color: #222; font-weight: bold; white-space: pre-line; font-size:0.75rem; } 

.basket-wrapper .basket-list .media-body .subject { font-size: 1rem; font-weight: 600; margin-top: 0; margin-bottom: 4px; } 

.basket-wrapper .basket-list .media-body .price { bottom: 0; width: 100%; font-size: 14px; font-weight: bold; margin-top: 10px; display: flex; align-items: center; } 

.basket-wrapper .basket-list .media-body .price h7 { font-size: .875rem; color: #222; padding-left: 6px; white-space: nowrap; } 

.basket-wrapper .basket-list .media-body .price .price_num { display: flex; border-radius: 6px; margin-left: auto; align-items: center; } 

.basket-wrapper .basket-list .media-body .delivery_free { color: #929292; font-size:0.75rem; } 

.basket-wrapper .basket-list .media-body .row_goods_fee { font-weight: bold; color: #222; } 

.basket-wrapper .basket-list .price button { float: right; font-size: 1.125rem; width: 26px; height: 28px; /* height: 21px; */
 line-height: 27px; padding: 0; outline: none; color: #222; background-color: transparent; display: flex; align-items: center; justify-content: center; border: 1px solid #e8e8e8; border-radius: 8px; } 

.basket-wrapper .basket-list .price button.minus { font-size: 1.75rem; } 

.basket-wrapper .basket-list .price .form-control { float: right; width: 38px; height: 28px; padding-top: 0; padding-bottom: 0; margin: 0 -1px; color: #222; font-weight: bold; background-color: #f8f8f8; } 

.basket-wrapper .basket-list .delivery { margin-bottom: 0; } 

.basket-wrapper .basket-list .media-right { padding-left: 0; } 

.basket-wrapper .basket-list .media-right .btn { padding: 0; width: 20px; height: 28px; line-height: 18px; border-color: #929292; } 

.basket-wrapper .basket-list .media-right .fontello { font-size: .8125rem; color: #929292; } 

.basket-wrapper .basket-list .panel-footer { border-top: 0; padding: 0; margin: 32px 0; display: flex; flex-direction: row; padding-left: 15px; padding-right: 15px; } 

.basket-wrapper .basket-list .panel-footer .btn + .btn { margin-left: 8px; } 

.basket-wrapper .basket-list .panel-footer .Btn:first-child { width: 40%; } 

.basket-wrapper .basket-list .panel-footer .Btn:last-child { width: 60%; } 

.basket-wrapper .basket-list .media-list.order_list .basket_data_none p { min-height: 110px; line-height: 110px; font-size: 0.75rem; } 

.general-wrapper.intro { padding-bottom: 100px; } 

.general-wrapper .panel { margin-bottom: 0; } 

.general-wrapper.intro .slogon:before,
.general-wrapper.intro .slogon:after { content: "\""; } 

.general-wrapper.intro .slogon { font-size: 2.25rem; font-weight: 600; margin-top: 20px; margin-bottom: 30px; } 

.general-wrapper.intro .text { font-size: .875rem; margin-bottom: 10px; letter-spacing: -1px; } 

.general-wrapper.intro .panel-body { padding-top: 30px; padding-bottom: 30px; } 

.general-wrapper.terms .panel-body { font-size: 11px; font-weight: 400; color: #727272; margin: 10px 15px; background-color: #f8f9fa; overflow-x: hidden; overflow-y: auto; } 

.general-wrapper.intro > .panel > .panel-body > img { width: 100%; } 

.customer-wrapper.faq_layout { margin-top: 20px; } 

.customer-wrapper .faq .panel-group { border-top: 1px solid #222; } 

 .customer-wrapper .faq .panel-group .panel-heading { display: flex; } 

 .customer-wrapper .faq .panel-group .panel-heading .fa { float: right; padding: 3px; color: #b8b8b8; font-size: 1.125rem; } 

 .customer-wrapper .faq .panel-group .panel-body .title { font-weight: bold; color: #222; } 

.customer-wrapper .notice { border: 0; padding: 0 15px; } 

.customer-wrapper .table tr { display: flex; border-bottom: 1px solid #e8e8e8; } 

.customer-wrapper .table.notice tr:first-child { border-top: 1px solid #e8e8e8; } 

.customer-wrapper .table.notice th { padding: 15px; /*width: 257px; */}

.customer-wrapper .notice-table .table.notice th { padding: 15px; /*width: 245px; */}

.customer-wrapper .panel.notice .subject { padding: 15px; } 

 .customer-wrapper .panel.notice .subject a { font-size: 0.75rem; color: #222; } 

 .customer-wrapper .panel.notice .subject div { font-size: 12px; color: #929292; } 

.customer-wrapper .table.notice .t itle__td a { font-size: 12px; } 

.customer-wrapper .table.notice .date__td { font-size: 0.75rem; color: #929292; white-space: nowrap; } 

.customer-wrapper .panel.notice { padding-bottom: 30px; } 

 .customer-wrapper .panel.notice .panel-body.content { background: none; margin: 0; } 

 .customer-wrapper .panel.notice .panel-body .goodsbox { margin-top: 30px; background: #f8f8f8; padding: 25px 15px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } 

 .customer-wrapper .panel.notice .panel-body .goodsbox .title { padding: 0px; } 

 .customer-wrapper .panel.notice .panel-body .goodsbox .title a { font-size: 14px; font-weight: bold; } 

 .customer-wrapper .panel.notice .panel-body .goodsbox .option { color: #929292; font-size: 12px; margin-top: 4px; } 

 .customer-wrapper .panel.notice .panel-body .goodsbox .media-body { display: flex; flex-direction: column; } 

 .customer-wrapper .panel.notice .panel-body .goodsbox .price { margin-top: auto; padding-bottom: 5px; color: #222222; font-weight: bold; } 

 .customer-wrapper .panel.notice .panel-body .goodsbox .price p { font-size: 14px; } 

 .customer-wrapper .panel.notice .panel-body .btnbox { margin: 30px 0; } 

 .customer-wrapper .panel.notice .panel-footer { margin-top: 30px; } 

.customer-wrapper .table tr,
.customer-wrapper .table td { font-size: 11px; } 

.customer-wrapper .table td { color: #929292; } 

.customer-wrapper .table tr td:first-child { /* flex: auto; */}

.customer-wrapper .nav-tabs { border-bottom: 0; } 

 .customer-wrapper .nav-tabs > li { width: 33.33%; } 

 .customer-wrapper .nav-tabs > li > a { color: #727272; font-size: 12px; font-weight: bold; text-align: center; min-width: 50px; height: 42px; line-height: 40px; padding: 0 6px; margin-right: 0; border: 1px solid #e8e8e8; /*border-bottom: 0; */
 background-color: #f8f8f8; } 

 .customer-wrapper .nav-tabs > .active > a,
 .customer-wrapper .nav-tabs > .active > a:hover,
 .customer-wrapper .nav-tabs > .active > a:focus { color: #fff; font-weight: bold; border: 1px solid #222; background-color: #222; } 
/*.customer-wrapper .nav-tabs>li:not(:first-child).active>a {margin-left: -3px; } 
.customer-wrapper .nav-tabs>li+li>a {border-left: 0; } */

.customer-wrapper .panel-group { margin-top: 20px; } 

 .customer-wrapper .panel-group .panel { border-top: 1px solid #e5e5e5; } 

 .customer-wrapper .panel-group .panel:first-child { border-top: 1px solid #222; } 

 .customer-wrapper .panel-group .panel + .panel { margin-top: 0; } 

 .customer-wrapper .panel-group .panel-heading { position: relative; padding: 12px; } 

 .customer-wrapper .panel-group .panel-heading:hover { cursor: pointer; } 

 .customer-wrapper .panel-group .panel-title { width: 95%; display: flex; } 

 .customer-wrapper .panel-group .panel-title .title { font-size: 11px; line-height: 1; } 

 .customer-wrapper .panel-group .panel-title .fa { margin-left: auto; } 

 .customer-wrapper .panel-group .panel-title .gubun,
 .customer-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body .gubun { font-size: 11px; font-weight: 600; } 

 .customer-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body { font-size: 11px; color: #666; padding: 10px 20px; border-top: 0; background-color: #f8f8f8; } 

 /* 2021.10.14 김선우 수정 */
 .customer-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body .answer p { /*display: inline-block; */
 margin-bottom: 0; margin: 10px 0 !important; margin-bottom: 0 !important; color: #727272 !important; } 


 .customer-wrapper .panel-group .panel:last-child { border-bottom: 1px solid #e5e5e5; } 

.customer-wrapper .table.notice > thead > tr > th { text-align: center; border-bottom: 0; } 

.customer-wrapper .table > tbody > tr > td { padding: 14px 12px; } 

.customer-wrapper .table.notice > tbody > tr:last-child > td { /*border-bottom: 1px solid #e8e8e8; */}

.customer-wrapper .table.view { margin-bottom: 0; } 

.customer-wrapper .panel-body { padding-bottom: 0; padding: 0 15px; } 

.customer-wrapper .notice > .panel-body:not(.content) { padding: 0; } 

.customer-wrapper .content { font-size: .75rem; font-weight: 400; min-height: 150px; padding: 15px 10px; margin: 10px 15px; background-color: #f8f9fa; word-break: break-all; } 

.customer-wrapper .panel-footer { padding: 0; border: 0; } 

 .customer-wrapper .panel-footer .btn { padding: 0 26px; min-width: 100px; /*height: 30px;line-height: 30px; */
 margin-top: 20px; } 

.customer-wrapper.notice-view .panel-footer { border-top: 1px solid #e8e8e8; } 

 .customer-wrapper.notice-view .panel-footer .btn { height: 40px; line-height: 43px; } 

#deliveryModal .not-delivery-info li { border: 0; } 

#deliveryModal .delivery-info { margin-bottom: 0; } 

 #deliveryModal .delivery-info a.list-group-item { margin-bottom: 15px; } 

 #deliveryModal .delivery-info a.list-group-item:last-child { margin-bottom: 0; } 

 #deliveryModal .delivery-info .panel { margin-bottom: 0; } 

 #deliveryModal .delivery-info .panel,
 #deliveryModal .delivery-info li { background-color: transparent; } 

 #deliveryModal .delivery-info .panel,
 #deliveryModal .delivery-info .panel-heading,
 #deliveryModal .delivery-info .panel-body,
 #deliveryModal .delivery-info .panel-footer { padding: 0; } 

 #deliveryModal .delivery-info .panel-heading .label { float: right; font-size: .8125rem; font-weight: 400; } 

 #deliveryModal .delivery-info .panel-body { font-size: .8125rem; padding-bottom: 10px; } 

 #deliveryModal .delivery-info .panel-body ul { margin-bottom: 0; } 

 #deliveryModal .delivery-info .panel-body li { font-weight: 400; padding: 0; border: 0; } 

 #deliveryModal .delivery-info .panel-footer { padding-top: 10px; } 

 #deliveryModal .delivery-info .panel-footer .btn + .btn { float: right; } 

 #deliveryModal .delivery-info .panel-footer .btn { font-size: .8125rem; padding-top: 0; padding-bottom: 0; height: 30px; } 

#deliveryModal .modal-footer .btn { display: inline-block; height: 40px; line-height: 40px; } 

#addDeliveryModal .modal-body { font-weight: 400; max-height: 100% !important; } 

#addDeliveryModal .modal-dialog { height: 100% !important; } 

#addDeliveryModal .modal-body .btn-block { font-size: .875rem; text-align: left; } 

 #addDeliveryModal .modal-body .btn-block .fa { float: right; font-size: 1.5rem; line-height: 20px; } 

#addDeliveryModal .modal-body .phone { /* display: inline-block; width: 30%; */
 margin-right: 6px; } 

#addDeliveryModal .modal-body .delivery_write label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

#addDeliveryModal .modal-body .delivery_write input[type="checkbox"]:checked + label { color: #222; } 

 #addDeliveryModal .modal-body .delivery_write input[type="checkbox"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

#addDeliveryModal .panel,
#selectDeliveryReqModal .panel { margin-bottom: 0; } 

#selectDeliveryReqModal .modal-body .radio input[type="radio"] { top: -3px; } 

#postModal .modal-body { padding: 0; } 

#postModal .panel.panel-body { padding: 0; margin-bottom: 0; } 

#viewDeliveryStatusModal .modal-content { padding: 0 15px; } 

#viewDeliveryStatusModal .modal-header { padding: 18px 0; } 

#viewDeliveryStatusModal .modal-body { padding: 15px 0; height: auto; } 

#viewDeliveryStatusModal .panel-heading { padding-left: 0; padding-right: 0; } 

 #viewDeliveryStatusModal .panel-heading .status-wrapper { position: relative; margin: 0 0 15px; } 

 #viewDeliveryStatusModal .panel-heading .status-wrapper ul { padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } 

 #viewDeliveryStatusModal .panel-heading ul > li { display: flex; flex-direction: column; align-items: center; position: relative; } 

 #viewDeliveryStatusModal .panel-heading ul > li img { width: 33px; margin: 17px 0; } 

 #viewDeliveryStatusModal .panel-heading ul li img.dy_on { /* display: none; */}

 #viewDeliveryStatusModal .panel-heading ul li.active img.dy_on { display: block; } 

 #viewDeliveryStatusModal .panel-heading ul li.active span { /* background-image: url(/design/moraguo/img/icon_dot.png); background-repeat: no-repeat; background-position: top; background-size: 8px 8px; color: #222; font-weight: bold; */}

 #viewDeliveryStatusModal .panel-heading ul li.active span.desc { background-image: none; } 

 #viewDeliveryStatusModal .panel-heading ul > li span { color: #b8b8b8; font-size:11px; } 

 #viewDeliveryStatusModal .panel-heading ul > li.active .desc { color: #222; font-weight: bold; } 

 #viewDeliveryStatusModal .panel-heading ul > li.step { margin: 0 8px 0 10px; position: relative; top: -8px; } 

 #viewDeliveryStatusModal .panel-heading ul > li > .icon-shipped { font-size: 1.75rem; line-height: 36px; margin: 0 5px 3px; } 

 #viewDeliveryStatusModal .panel-heading ul > li > .fa { color: #e8e8e8; font-size: 1.25rem; } 

 #viewDeliveryStatusModal .panel-heading ul > li > .pulse { color: #fff; border-radius: 50%; background-color: #999; cursor: pointer; box-shadow: 0 0 0 rgba(0, 0, 0, 0.4); animation: pulse-animation 2s infinite; } 

 #viewDeliveryStatusModal .panel-heading ul > li > .pulse + .desc { font-weight: 600; } 

#viewDeliveryStatusModal .panel-body { font-size: 11px; font-weight: 400; line-height: 2; color: #929292; background-color: #f8f8f8; border-top: 1px solid #e8e8e8; } 

#viewDeliveryStatusModal .panel-body > .info-wrapper { display: flex; flex-direction: row; } 

#viewDeliveryStatusModal .panel-body > .info-wrapper > .text { width: 20%; } 

#viewDeliveryStatusModal .panel-body > .info-wrapper > .info { font-weight: 600; color: #222; width: 80%; } 

#viewDeliveryStatusModal .panel-body > .info-wrapper > .delivery-company { color: #222; font-weight: 600; padding-right: 2px; } 

#viewDeliveryStatusModal .table { border-top: 1px solid #222; } 

#viewDeliveryStatusModal .table > tbody > tr { display: flex; } 

#viewDeliveryStatusModal .table > tbody > tr > td { padding: 15px 0; color: #929292; border-bottom: 1px solid #e8e8e8; display: flex; justify-content: center; align-items: center; background:#fff; } 

#viewDeliveryStatusModal .table > tbody > tr > td:nth-child(2) { width: 50%; display: flex; flex-direction: column; padding: 15px 10px; } 

#viewDeliveryStatusModal .table > tbody > tr > td:first-child { width: 50%; flex-direction:column; } 

#viewDeliveryStatusModal .table > tbody > tr > td:last-child { text-align: right; } 

#viewDeliveryStatusModal .table tbody tr td .desc { display: block; } 

#viewDeliveryStatusModal .table tbody tr.active td { color: #222; background-color: #fff; font-weight: bold; } 

#viewDeliveryStatusModal .table tbody tr.active td:first-child { background-image: url(/design/moraguo/img/icon_dot.png); background-repeat: no-repeat; background-position: 76px center; background-size: 8px 8px; } 

#viewDeliveryStatusModal .modal-footer { border-top: 0; padding: 0; position: relative; } 

 #viewDeliveryStatusModal .modal-footer .btn { height: 40px; line-height: 40px; padding: 0; border: 1px solid #343a40; } 

.event-list { background-color: #ddd; } 

 .event-list .panel.event { border: 0; margin-bottom: 5px; } 

 .event-list .event .panel-body { padding: 0; } 

 .event-list .event .panel-body img { width: 100%; } 

 .event-list .event .panel-footer { padding-left: 20px; padding-right: 20px; border-top: 0; } 

 .event-list .event .panel-footer .title { font-size: .875rem; font-weight: 600; margin: 5px 0 2px; } 

 .event-list .event .panel-footer .period { font-size: .75rem; font-weight: 400; margin-bottom: 0; } 
/*.event-view-list {margin-top: -10px;background-color: #fff; } 
.onair-page-wrapper {margin-top: 60px;background-color: #fff; } */
/*.onair-page-wrapper .view-title {border-bottom: 0; } */
.onair-view .embed-responsive { height: 250px; } 

.onair-view .panel { margin-bottom: 0; border: 0; } 

.onair-view .panel-heading { padding: 0 15px; } 

 .onair-view .panel-heading .title { /* position: relative; font-size: .875rem; font-weight: 600; margin: 15px 0 2px; */}

 .onair-view .panel-heading .date-wrapper { font-size: .75rem; font-weight: 400; margin-bottom: 0; } 

.onair-view .panel-body { font-size: .8125rem; } 

 .onair-view .panel-body.content { /*padding-top: 0;padding-bottom: 0; */
 /*padding: 0px; */
 padding: 15px 10px; } 

 .onair-view .panel-body.content > img { max-width: 100%; } 

 .onair-view .panel-body.content > p > img { max-width: 100%; } 

 .onair-view .panel-body.content > div > img { max-width: 100%; } 

 .onair-view .panel-body.content img { max-width: 100%; } 

.onair-page-wrapper .panel-body .tag-list { font-size: .75rem; font-weight: 600; color: #929292; margin-bottom: 10px; } 

.onair-page-wrapper .panel-body .tag:before { content: "#"; padding-right: 3px; } 

.onair-page-wrapper .panel-body .tag:not(:last-child):after { content: ","; } 

.onair-page-wrapper .onair-view .panel-heading { padding-bottom: 15px; } 

 .onair-page-wrapper .onair-view .panel-heading h4 { font-size: 12px; color: #222; } 

 .onair-page-wrapper .onair-view .panel-heading .date-wrapper { font-size: 12px; color: #929292; } 

.onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox { margin-top: 30px; background: #f8f8f8; padding: 25px 15px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } 

 .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .title { font-size: 14px; font-weight: bold; } 

 .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .option { color: #929292; font-size: 12px; margin-top: 4px; } 

 .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .price { /*margin-top: auto; */
 padding-bottom: 5px; color: #222222; font-weight: bold; } 

 .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .price p { font-size: 14px; } 

 .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .media-body { display: flex; flex-direction: column; } 

.onair-view .panel-body > .comment { margin-top: 15px; font-size: .875rem; font-weight: 600; height: 20px; } 

 .onair-view .panel-body > .comment > .regcomment { float: right; } 

.onair-view .reply-body .media-list { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 10px; } 

.onair-view .reply-body .media { padding: 10px; margin-top: 0; } 

 .onair-view .reply-body .media:not(:last-child) { border-bottom: 1px solid #e5e5e5; } 

 .onair-view .reply-body .media > .media-body .media-heading { margin-bottom: 0; } 

 .onair-view .reply-body .media > .media-body .writer { font-weight: 600; } 

 .onair-view .reply-body .media > .media-body .date { color: #929292; font-size: .75rem; letter-spacing: -.5px; margin-left: 6px; } 

 .onair-view .reply-body .media > .media-body .contents > .writer { font-weight: 600; margin-right: 5px; color: #8e8e8e; } 

 .onair-view .reply-body .media.reply { position: relative; padding: 0 0 0 30px; } 

 .onair-view .reply-body .media.reply > .media-body:before { content: ""; position: absolute; top: 0px; left: 15px; width: 10px; height: 10px; border-color: #999; border-width: 0 0 1px 1px; border-style: solid; } 

 .onair-view .reply-body .media.input > .media-body { font-size: 0; } 

.onair-view .reply-form { font-size: 0; margin-bottom: 15px; } 

.onair-view .reply-input { display: inline-block; width: calc(100% - 85px); height: 60px; resize: none; } 

.onair-view .btn-reply { display: inline-block; font-size: .875rem; min-width: 80px; height: 60px; line-height: 60px; padding: 0; margin-left: 5px; vertical-align: top; } 

.onair-view .more-reply { font-weight: 600; text-align: center; } 

.onair-view .panel-footer { padding-top: 20px; padding-bottom: 20px; border-top: 0; border-bottom: 1px solid #e5e5e5; } 
/*.onair-list { margin-top: 20px; } */
.onair-list .col-xs-6:nth-child(2n+1) { /*padding-left: 0; */
 padding-right: 2px; } 

.onair-list .col-xs-6:nth-child(2n) { padding-left: 2px; /*padding-right: 0; */}

.onair-list .panel.onair { /*height: 210px; */
 border: 0; } 

.onair-list .embed-responsive { height: 150px; padding: 0; } 

 .onair-list .embed-responsive img { width: 100%; height: 150px; } 

 .onair-list .embed-responsive .player { position: absolute; top: 0; width: 100%; height: 150px; background-image: url('/design/moraguo/img/icon-onair.png'); background-size: 30px 25px; background-repeat: no-repeat; background-position: center; } 

.onair-list .panel-body { padding: 0; } 

.onair-list .panel-heading .title { position: relative; font-size: .875rem; font-weight: 600; height: 32px; margin: 0; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2em; overflow: hidden; } 

.onair-list .panel-heading .date-wrapper { font-size: .75rem; font-weight: 400; margin-bottom: 0; } 

.onair-list-wrapper .btnbox { margin-top: 30px; padding: 0 15px 30px 15px; } 

.onair-list-wrapper .onair-list .col-xs-6 { /*margin-top:30px; */}

 .onair-list-wrapper .onair-list .col-xs-6:nth-child(1),
 .onair-list-wrapper .onair-list .col-xs-6:nth-child(2) { margin-top: 0px; } 

.my-wrapper .prod-order-wrapper#orderlist .nav-tabs li { width: 50%; border-top: 1px solid #e8e8e8; } 

 .my-wrapper .prod-order-wrapper#orderlist .nav-tabs li > a { font-size: 13px; font-weight: bold; color: #727272; margin-bottom: 0; padding: 10px 0; border-width: 0 1px 1px; border-style: solid; border-color: #e8e8e8; background-color: #f8f8f8; } 

 .my-wrapper .prod-order-wrapper#orderlist .nav-tabs li.active > a { border-bottom-color: #fff; border-left-width: 1px; background-color: #fff; color: #222; } 

 .my-wrapper .prod-order-wrapper#orderlist .nav-tabs li:first-child > a { border-left: 0; } 

 .my-wrapper .prod-order-wrapper#orderlist .nav-tabs li:last-child > a { border-left: 0; border-right: 0; } 

.my-wrapper .prod-order-wrapper#orderlist .tab-content .panel { padding: 0; } 

.my-wrapper .prod-order-wrapper#orderlist .panel-body { padding: 15px 10px 15px; } 

.my-wrapper .prod-order-wrapper#orderlist .panel-footer { height: 53px; line-height: 53px; border-bottom: 5px solid #f2f2f2 !important; } 

 .my-wrapper .prod-order-wrapper#orderlist .panel-footer .request_text { font-size: .75rem; font-weight: 600; color: #ff0000; } 

.my-wrapper .prod-order-wrapper.pop_return h5 { text-align: center; height: 60px; line-height: 60px; font-size: 16px; font-weight: 600; border-bottom: 1px solid #e8e8e8; margin: 0 15px; } 

.my-wrapper .prod-order-wrapper.pop_return .media { display: flex; flex-direction: row; } 

.my-wrapper .prod-order-wrapper.pop_return .media { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; } 

.my-wrapper .prod-order-wrapper.pop_return .media-body { display: flex; flex-direction: column; } 

 .my-wrapper .prod-order-wrapper.pop_return .media-body .price { margin-top: auto !important; } 

 .my-wrapper .prod-order-wrapper.pop_return .media-body .price .count { color: #222 !important; font-weight: 600 !important; margin-left: 4px; font-size: 12px !important; } 

.my-wrapper .prod-order-wrapper.pop_return .panel-footer { border-top: 0; } 

 .my-wrapper .prod-order-wrapper.pop_return .panel-footer .image_add { display: flex; flex-direction: row; align-items: center; margin: 0 12px; } 

 .my-wrapper .prod-order-wrapper.pop_return .panel-footer .image_add .desc { color: #929292; font-size: 11px; width: 70%; margin-top: 3px; } 

 .my-wrapper .prod-order-wrapper.pop_return .panel-footer .image_add .btn { /*width: 30%; */}

 .my-wrapper .prod-order-wrapper.pop_return .panel-footer .imgs_wrap { padding: 15px 0; } 

 .my-wrapper .prod-order-wrapper.pop_return .panel-footer .imgs_wrap img { width: 100%; height: 100%; } 

 .my-wrapper .prod-order-wrapper.pop_return .panel-footer .imgs_wrap .remove img { width: 16px; height: 16px; margin: 15px 0 20px; } 

 .my-wrapper .prod-order-wrapper.pop_return .panel-footer .imgs_wrap .cs_img { text-align: center; } 

.my-wrapper .prod-order-wrapper.pop_return .return_send { margin: 0 15px; } 

.my-wrapper .panel { border: 0; margin-bottom: 0; } 

.my-wrapper .panel-heading { padding-top: 0; padding-bottom: 0; border: 0; } 

 .my-wrapper .panel-heading .title { position: relative; height: 60px; line-height: 60px; margin: 0; } 

 .my-wrapper .panel-heading .user-info,
 .my-wrapper .panel-heading .filter-wrapper { position: absolute; top: 0; right: 0; white-space: nowrap; } 

 .my-wrapper .panel-heading .img-circle { width: 40px; height: 40px; } 

 .my-wrapper .panel-heading .user-name { font-size: .875rem; margin-left: 5px; } 

.my-wrapper .filter-wrapper .selectbox { display: inline-block; width: 80px; } 

 .my-wrapper .filter-wrapper .selectbox.qna { width: 115px; } 

 .my-wrapper .filter-wrapper .selectbox label,
 .my-wrapper .filter-wrapper .selectbox select { padding-left: 10px; padding-right: 10px; } 

 .my-wrapper .filter-wrapper .selectbox.status-filter:before { border-top-color: #f2b826; } 

 .my-wrapper .filter-wrapper .selectbox.status-filter { border-color: #f2b826; background-color: #fff; } 

 .my-wrapper .filter-wrapper .selectbox.status-filter label { color: #f2b826; } 

 .my-wrapper .filter-wrapper .selectbox.year-filter:before { border-top-color: #fff; } 

 .my-wrapper .filter-wrapper .selectbox.year-filter { background-color: #343a40; } 

 .my-wrapper .filter-wrapper .selectbox.year-filter label { color: #fff; } 

.my-wrapper .panel-heading.summary-info { padding-left: 0; padding-right: 0; } 

.my-wrapper .panel-heading .table,
.my-wrapper .panel-heading ul { margin-bottom: 0; } 

.my-wrapper .panel-heading.summary-info .table { border-bottom: 1px solid #929292; } 

.my-wrapper .panel-heading .table > tbody > tr > th,
.my-wrapper .panel-heading .table > tbody > tr > td { text-align: center; padding: 8px 15px; border-color: #929292; background-color: #eaedf2; } 

.my-wrapper .panel-heading.myindex-info { padding: 15px 0; border-bottom: 1px solid #929292; background-color: #eaedf2; } 

 .my-wrapper .panel-heading.myindex-info .list-group { margin-bottom: 0; } 

 .my-wrapper .panel-heading.myindex-info .list-group-item { float: left; font-weight: 600; width: 33%; text-align: center; padding: 15px; border: 0; background-color: #eaedf2; } 


 .my-wrapper .panel-heading.myindex-info .list-group-item:nth-child(2) { border-right: 1px solid #929292; border-left: 1px solid #929292; } 

 .my-wrapper .panel-heading.myindex-info .list-group-item .count { display: block; font-size: 1.5rem; } 

 .my-wrapper .panel-heading.myindex-info .list-group-item .unit { font-size: .875rem; color: #343a40; padding-left: 2px; } 

 .my-wrapper .panel-heading.myindex-info .list-group-item .text { /*font-size: 1rem; */}

 .my-wrapper .panel-heading.myindex-info .list-group-item .text .fa { position: relative; top: 1px; /*font-size: 1.0625rem; */
 font-size: 0.99rem; margin-right: 5px; } 

 .my-wrapper .panel-heading.myindex-info .list-group-item .text .fa-truck { font-size: 1.125rem; } 

 .my-wrapper .panel-heading.myindex-info .list-group-item .text .fa-angle-right { top: 2px; font-size: 1.25rem; margin-left: 5px; margin-right: 0; } 
/*.my-wrapper .panel-heading.summary-info .table>tbody>tr>td.myindex-info {font-weight: 600; } 
.my-wrapper .panel-heading.summary-info .table>tbody>tr>td.myindex-info .count { display: block; } 
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa {position: relative;font-size: 1.125rem;margin-right: 7px; } 
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa-tag {top: 2px; } 
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa-truck {top: 1px; } 
.my-wrapper .panel-heading.summary-info .table>tbody>tr>td .fa {position: relative;top: 2px;font-size: 1.5rem;margin: 0 10px; } */
.my-wrapper .panel-heading .table > tbody > tr > td + td { border-left: 1px solid #343a40; } 

.my-wrapper .panel-heading .item-title { font-size: 1rem; font-weight: 600; margin-bottom: 0; } 

.my-wrapper .panel-heading .table > tbody > tr > td li { position: relative; height: 40px; line-height: 40px; padding: 0 10px; } 

 .my-wrapper .panel-heading .table > tbody > tr > td li > .item-title { font-size: 1rem; } 

.my-wrapper .panel-heading .table > tbody > tr > td .count-wrapper { position: absolute; top: 0; right: 10px; } 

.my-wrapper .panel-heading .table > tbody > tr > td li + li { margin-top: 7px; } 

.my-wrapper .panel-heading .table > tbody > tr > td.coupon > .item-title { margin-bottom: 10px; } 

.my-wrapper .panel-heading .count { font-size: 1.5rem; font-weight: 600; } 

.my-wrapper .panel-body.order { padding: 0; } 

.my-wrapper .prod-order-wrapper { margin-bottom: 20px; } 

 .my-wrapper .prod-order-wrapper.detail { margin-bottom: 20px; } 

 .my-wrapper .prod-order-wrapper #orderTab { padding: 0 15px; } 

.my-wrapper .prod-order > .panel-heading { color: #929292; font-size: .75rem; padding: 15px 12px 0 12px; } 

.my-wrapper .tab-content .prod-order .panel-heading div { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 

.my-wrapper .tab-content .prod-order .panel-heading p .order_detail { margin-left: auto; color: #222; font-weight: bold; } 

 .my-wrapper .tab-content .prod-order .panel-heading p .order_detail a { padding-right: 0; } 

.my-wrapper .prod-order > .panel-heading .date { letter-spacing: -1px; color: #222; padding-left: 4px; font-weight: bold; font-size: 13px; } 

.my-wrapper .prod-order > .panel-heading a { position: relative; top: -4px; float: right; font-weight: 400; padding-right: 15px; } 

 .my-wrapper .prod-order > .panel-heading a .fa { position: relative; top: 2px; color: #929292; font-size: 1.25rem; padding-left: 5px; } 

.my-wrapper .prod-order > .panel-body { padding: 0; } 

 .my-wrapper .prod-order > .panel-body > .price-wrapper { font-weight: 600; margin: 10px 15px; } 

 .my-wrapper .prod-order > .panel-body > .price-wrapper .price { font-size: 1.25rem; padding: 0 15px 0 7px; } 

 .my-wrapper .prod-order > .panel-body > .price-wrapper .status { float: right; line-height: 30px; } 

.my-wrapper .prod-order .status-41,
.my-wrapper .prod-order .status-43 { color: #0491e2; } 

.my-wrapper .prod-order .status-42 { color: #074686; } 

.my-wrapper .prod-order .status-70 { color: #ff0000; } 

.my-wrapper .prod-order .status-51,
.my-wrapper .prod-order .status-52 { color: #02cb31; } 

.my-wrapper .prod-order .status-61,
.my-wrapper .prod-order .status-62 { color: #8503d8; } 

.my-wrapper .prod-order > .panel-body > .panel { margin-bottom: 10px; } 

.my-wrapper .prod-order:last-child > .panel-body > .panel { margin-bottom: 0; } 

.my-wrapper .prod-order .panel .panel-heading { font-weight: 600; padding: 10px 15px 0; } 

 .my-wrapper .prod-order .panel .panel-heading .text-danger { float: right; } 

.my-wrapper .prod-order .panel .media-object { width: 99px; height: 99px; } 

.my-wrapper .prod-order .panel .media-left { padding-right: 15px; } 

.my-wrapper .prod-order .panel .media-body { position: relative; padding: 4px 0; } 

 .my-wrapper .prod-order .panel .media-body .subject { font-size: 12px; font-weight: 600; color: #222; margin: 0; line-height: 1.4; padding-bottom: 2px; } 

 .my-wrapper .prod-order .panel .media-body .subject > a { word-break: break-all; } 

 .my-wrapper .prod-order .panel .media-body .option { font-size: 11px; color: #929292; margin-bottom: 0; line-height: 1.4; } 

 .my-wrapper .prod-order .panel .media-body .price { color: #222; font-size: 12px; font-weight: 600; margin: 10px 0 5px 0; } 

 .my-wrapper .prod-order .panel .media-body .price .status { float: right; font-size: 11px; color: #b8b8b8; position: absolute; bottom: 0; right: 0; } 

 .my-wrapper .prod-order .panel .media-body .price .count:before { content: "("; } 

 .my-wrapper .prod-order .panel .media-body .price .count:after { content: ")"; } 

 .my-wrapper .prod-order .panel .media-body .count { font-size: 12px; font-weight: 500; color: #727272; padding-left: 2px; } 

 .my-wrapper .prod-order .panel .media-body .count2 { padding-left: 0; } 

.my-wrapper #orderlist .filter-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 15px 12px; border-bottom: 1px solid #222; margin: 0 15px; } 

 .my-wrapper #orderlist .filter-wrapper .status-filter { display: flex; flex-direction: row; } 

 .my-wrapper #orderlist .filter-wrapper .status-filter li { font-size: 11px; padding-right: 16px; } 

 .my-wrapper #orderlist .filter-wrapper .status-filter li input[type="checkbox"] + label { color: #727272; } 

 .my-wrapper #orderlist .filter-wrapper .status-filter li.active input[type="checkbox"] + label { color: #222; } 

 .my-wrapper #orderlist .filter-wrapper .year-filter { width: auto; height: auto; background-color: transparent; border: 0; color: #727272; } 

 .my-wrapper #orderlist .filter-wrapper .year-filter label { padding: 0; height: auto; line-height: inherit; color: #727272; font-size: 11px; font-weight: bold; margin-bottom: 0; } 

 .my-wrapper #orderlist .filter-wrapper .year-filter select { height: auto; line-height: inherit; } 

.my-wrapper #orderlist .tab-content { margin: 0 15px; border-bottom: 1px solid #e8e8e8 !important; } 

.my-wrapper .prod-order .panel .panel-footer { display: flex; justify-content: center; align-items: center; height: 50px; line-height: 50px; /*background-color: #f8f8f8; */
 border: 0 !important; } 

 .my-wrapper .prod-order .panel .panel-footer .btn { font-size: 11px; font-weight: 600; height: 26px; line-height: 28px; padding: 0 12px; margin: 0 2px; box-shadow: 0 3px 0 #727272 !important; } 

 .my-wrapper .prod-order .panel .panel-footer .btn-default { /*border-color: #343a40; */
 margin-left: -2px; } 

 .my-wrapper .prod-order .panel .panel-footer.return p { /*font-size: 1rem; */
 font-weight: 600; margin-bottom: 0; } 

 .my-wrapper .prod-order .panel .panel-footer.return .btn { float: right; padding: 0 26px; } 

.my-wrapper .order > .more-view { margin-bottom: 20px; margin: 0 15px; } 

.delivery-step-wrapper { padding: 0 15px; } 

 .delivery-step-wrapper h6 { font-size: .688rem; font-weight: 600; color: #b8b8b8; margin: 45px 0 10px; } 

 .delivery-step-wrapper .desc { padding: 15px 15px 15px 35px; /*border-bottom: 1px solid #929292; */}

.my-wrapper .panel-body .delivery-step-wrapper .desc { margin: 10px 0 40px; padding: 15px 12px; background-color: #f8f8f8; } 

 .my-wrapper .panel-body .delivery-step-wrapper .desc p { color: #929292; font-size: .625rem; line-height: 1.7; word-break: keep-all; } 

 .my-wrapper .panel-body .delivery-step-wrapper .desc p:before { content: "·"; margin-right: 4px; } 

.my-wrapper .panel-body.index { padding: 0 0 25px 0; } 

.my-wrapper .panel-body .menu-wrapper { border-bottom: 1px solid #929292; } 

.my-wrapper .panel-body .menu-title { font-size: 1.125rem; font-weight: 600; height: 40px; line-height: 40px; padding: 0 15px; margin: 15px 0 0; border-bottom: 1px solid #e5e5e5; } 

.my-wrapper .panel-body ul { margin-bottom: 0; } 

.my-wrapper .panel-body .menu { height: 34px; line-height: 36px; padding: 0; background-color: #f8f9fa; } 

 .my-wrapper .panel-body .menu a { float: left; color: #929292; /*font-size: .8125rem; */
 font-size: .76rem; font-weight: 400; width: 49%; padding: 0 15px; } 

 .my-wrapper .panel-body .menu a .fa { float: right; font-size: 1.125rem; line-height: 32px; } 


 .my-wrapper .panel-body .menu a:first-child { border-right: 1px solid #e5e5e5; } 

 .my-wrapper .panel-body .menu:first-child { border-right: 1px solid #e5e5e5; } 

.my-wrapper .sub-title { font-size: 1rem; font-weight: 600; height: 40px; line-height: 40px; padding: 0 15px; margin: 0; } 

.my-wrapper .info-wrapper .sub-title { color: #929292; font-size: 12px; padding: 10px 0; height: auto; line-height: inherit; } 

.my-wrapper .info-wrapper { margin: 0 15px; } 

 .my-wrapper .info-wrapper .table > tbody > tr { display: flex; } 

.table-wrapper .table > tbody > tr { display: flex; } 

.my-wrapper .info-wrapper .table > tbody > tr > th { padding-left: 15px !important; background-color: #f8f8f8; color: #929292; width: 38%; } 

.my-wrapper .info-wrapper .table > tbody > tr > td { padding-left: 15px !important; width: 100%; color: #222; } 

.my-wrapper .info-wrapper .table > tbody > tr:first-child th,
.my-wrapper .info-wrapper .table > tbody > tr:first-child td { border-top: 1px solid #e8e8e8; } 

.my-wrapper .info-wrapper .table > tbody > tr > th,
.my-wrapper .info-wrapper .table > tbody > tr > td { padding: 12px 0; border-bottom: 1px solid #e8e8e8; } 

.my-wrapper .info-wrapper .table > tbody > tr > td { padding-left: 15px; padding-right: 15px; } 

.my-wrapper .info-wrapper.recipient-info .table { margin-bottom: 15px; } 

.my-wrapper .info-wrapper.recipient-info .btn { padding: 0 22px; } 

.my-wrapper .info-wrapper.payment-info { margin-top: 15px; } 

 .my-wrapper .info-wrapper.payment-info .pay_option tr th,
 .my-wrapper .info-wrapper.payment-info .pay_option tr td { padding: 0; background-color: #fff; border-bottom: 0; line-height: 2; color: #222; } 

 .my-wrapper .info-wrapper.payment-info .pay_option tr:first-child th,
 .my-wrapper .info-wrapper.payment-info .pay_option tr:first-child td { padding-top: 12px; } 

 .my-wrapper .info-wrapper.payment-info .pay_option tr:last-child th,
 .my-wrapper .info-wrapper.payment-info .pay_option tr:last-child td { padding-bottom: 12px; } 

 .my-wrapper .info-wrapper.payment-info .pay_option tr td { font-weight: 600; font-size: 12px; text-align: right; padding-right: 12px; padding-left: 0 !important; } 

 .my-wrapper .info-wrapper.payment-info .pay_option tr td.bank_num { letter-spacing: -1px; } 

 .my-wrapper .info-wrapper.payment-info .pay_result { border-top: 0; } 

 .my-wrapper .info-wrapper.payment-info .pay_result tr th,
 .my-wrapper .info-wrapper.payment-info .pay_result tr td { color: #222; background-color: #fff; padding: 0; border-bottom: 0; line-height: 2; background-color: #f8f8f8; } 

 .my-wrapper .info-wrapper.payment-info .pay_result tr:first-child th,
 .my-wrapper .info-wrapper.payment-info .pay_result tr:first-child td { border-bottom: 1px solid #e8e8e8; height: 70px; line-height: 70px; background-color: #fff; } 

 .my-wrapper .info-wrapper.payment-info .pay_result tr:nth-child(2) th,
 .my-wrapper .info-wrapper.payment-info .pay_result tr:nth-child(2) td { padding-top: 12px; } 

 .my-wrapper .info-wrapper.payment-info .pay_result tr:last-child th,
 .my-wrapper .info-wrapper.payment-info .pay_result tr:last-child td { border-bottom: 1px solid #e8e8e8; padding-bottom: 12px; } 

 .my-wrapper .info-wrapper.payment-info .pay_result tr td { padding-right: 12px; font-size: 12px; font-weight: 600; } 

 .my-wrapper .info-wrapper.payment-info .pay_result tr:first-child td { padding-right: 12px; font-weight: 600; font-size: 12px; } 

.my-wrapper .info-wrapper h6 { font-size: .875rem; font-weight: 600; text-align: center; padding: 20px 15px; border-top: 1px solid #343a40; border-bottom: 1px solid #343a40; } 

 .my-wrapper .info-wrapper h6 .btn { font-size: .875rem; font-weight: 600; margin-top: 15px; } 

.my-wrapper .go-list { margin-bottom: 30px; } 

.my-wrapper .my-info.delivery .nav-tabs > li.active > a { border-top-color: transparent; } 

.my-wrapper .my-info.delivery .nav-tabs > li:first-child.active > a { border-left: 0; border-right: 1px solid #e8e8e8; } 

.my-wrapper .my-info.delivery .nav-tabs > li:last-child.active > a { border-right: 0; border-left: 1px solid #e8e8e8; } 

.my-wrapper .my-info.delivery .panel-heading,
#deliveryModal .panel-heading { padding: 20px 0; color: #727272; } 

.my-wrapper .my-info.delivery input[type="checkbox"] + label:before { border-radius: 50%; font-size: 12px; width: 20px; height: 20px; line-height: 18px; border: 2px solid #b8b8b8; } 

.my-wrapper .my-info.delivery input[type="checkbox"]:checked + label:before { color: #222; background-color: #fff; border: 2px solid #222; } 

.my-wrapper .my-info.delivery .delivery-list .delivery_chk,
#deliveryModal .delivery-list .delivery_chk { display: inline-block; } 

.my-wrapper .my-info.delivery .delivery-list .delivery_title,
#deliveryModal .delivery-list .delivery_title { display: block; color: #222; font-weight: bold; font-size: 12px; } 

 .my-wrapper .my-info.delivery .delivery-list .delivery_title span:first-child:after,
 #deliveryModal .delivery-list .delivery_title span:first-child:after { content: '|'; clear: both; padding: 0 6px; color: #b8b8b8; } 

#deliveryModal .delivery-list .delivery_title { display: block; } 

.my-wrapper .my-info.delivery .delivery-list li,
#deliveryModal .delivery-list li { padding: 20px 12px; border-top: 1px solid #e8e8e8; } 

 .my-wrapper .my-info.delivery .delivery-list li:last-child,
 #deliveryModal .delivery-list li:last-child { border-bottom: 1px solid #e8e8e8; } 

.my-wrapper .my-info.delivery .delivery_basic,
#deliveryModal .delivery_basic { background-color: #222; color: #fff; border-radius: 6px; font-size: 9px; padding: 4px 6px; margin-left: 5px; } 

.my-wrapper .my-info.delivery .delivery-list .delivery_cont,
#deliveryModal .delivery-list .delivery_cont { padding: 10px 0; } 

 .my-wrapper .my-info.delivery .delivery-list .delivery_cont p,
 #deliveryModal .delivery-list .delivery_cont p { padding: 4px 0; } 

.my-wrapper .my-info.delivery .delivery-list a,
#deliveryModal .delivery-list a { font-size: 12px; height: 34px; line-height: 34px; padding: 0 29px; } 

.my-wrapper .my-info.delivery .panel-footer,
#deliveryModal .panel-footer { border-top: 0; padding: 32px 0; } 

.my-wrapper .my-info .panel-body { padding: 20px 15px 0; } 

.my-wrapper .my-info .table { margin-bottom: 0; } 

 .my-wrapper .my-info .table .user-name { font-weight: 600; color: #ff9c00; } 

 .my-wrapper .my-info .table > thead > tr > th.active { font-weight: 600; height: 40px; padding: 10px 20px; border-bottom: 0; } 

 .my-wrapper .my-info .table .checkbox_wrapper { display: flex; flex-direction: row; padding: 21px 0; } 

 .my-wrapper .my-info .table .checkbox_wrapper .check_list { margin-right: 16px; white-space: nowrap; } 

 .my-wrapper .my-info .table .checkbox_wrapper .check_list label { /*display: block; */
 margin-right: 5px; } 

 .my-wrapper .my-info .table .checkbox_wrapper .check_list a { font-weight: bold; color: #222; } 

 .my-wrapper .my-info .table .member .myinfo_text { text-align: center; } 

 .my-wrapper .my-info .table .member .myinfo_text td { padding: 20px 0 40px; color: #929292; } 

.my-wrapper .my-info .text_box { background-color: #f8f8f8; padding: 20px 12px; } 

 .my-wrapper .my-info .text_box em { color: #ff8827; font-style: normal; } 

.my-wrapper .my-info.delivery .nav-tabs,
#deliveryModal .nav-tabs { display: flex; flex-direction: row; } 

 .my-wrapper .my-info.delivery .nav-tabs > li,
 #deliveryModal .nav-tabs > li { width: 100%; text-align: center; background-color: #f8f8f8; border-top: 1px solid #e8e8e8; } 

 .my-wrapper .my-info.delivery .nav-tabs > li.active,
 #deliveryModal .nav-tabs > li.active { background-color: #fff; } 

 .my-wrapper .my-info.delivery .nav-tabs > li > a,
 #deliveryModal .nav-tabs > li > a { margin: 0; color: #727272; font-weight: bold; border-right: 0; border-left: 0; } 

 #deliveryModal .nav-tabs > li > a:hover,
 #deliveryModal .nav-tabs > li > a:focus { border-bottom: 0; } 

 #deliveryModal .nav-tabs li { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; height: 42px; } 

 #deliveryModal .nav-tabs li.active:nth-child(1) { border-right: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; } 

 #deliveryModal .nav-tabs li.active:nth-child(2) { border-left: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; } 

#deliveryModal .list-group.not-delivery-info .non-text { padding: 60px 0 28px 0; text-align: center; color: #727272; } 

#deliveryModal .modal-dialog { height: 100% !important; } 

#deliveryModal .modal-header { border-bottom: 0; } 

#deliveryModal .modal-body { padding: 0 15px 0 15px; max-height: 100% !important; height: calc(100% - 60px); margin-top: 62px; } 

.my-wrapper .my-info .table > tbody > tr > td p { line-height: 1.7; word-break: keep-all; } 

.my-wrapper .my-info .table > tbody > tr > td .form-group { margin-bottom: 10px; } 

.my-wrapper .my-info .table > tbody > tr > td .form-group.ip_newcpw { margin-bottom: 20px !important; } 

.my-wrapper .my-info .table > tbody > tr > td .form-group:last-child { margin-bottom: 0; } 

.my-wrapper .my-info .table > tbody > tr > td.phone-wrapper .form-control { /* display: inline-block; width: 31.9%; */
 margin-right: 6px; } 

.my-wrapper .my-info .table > tbody > tr > td .mail,
.my-wrapper .my-info .table > tbody > tr > td .sms { padding-left: 0; } 

.my-wrapper .my-info .table > tfoot > tr > td { font-size: .75rem; padding-left: 15px; padding-right: 15px; } 

.my-wrapper .my-info .panel-footer { font-size: 11px; color: #929292; border-top: 0; } 

 .my-wrapper .my-info .panel-footer p { line-height: 1.7; } 

 .my-wrapper .my-info .panel-footer p a { font-weight: bold; } 

.my-wrapper .my-info-table.table > thead > tr > th { font-weight: 600; text-align: center; vertical-align: middle; border-bottom: 0; border: 1px solid #343a40; } 

.my-wrapper .my-info-table.table > tbody > tr > td { text-align: left; vertical-align: middle; } 

.my-wrapper .my-info .panel-body.modify table tr,
.my-wrapper .my-info .panel-body.modify table th,
.my-wrapper .my-info .panel-body.modify table td { border: none; padding: 0; padding-left: 0; padding-right: 0; display: block; } 

 .my-wrapper .my-info .panel-body.modify table th.active { background-color: transparent; } 

 .my-wrapper .my-info .panel-body.modify table td.email { font-size: 12px; margin: 25px 0 35px 0; } 

 .my-wrapper .my-info .panel-body.modify table tr.agree { margin-top: 35px; } 

.my-wrapper .my-info .panel-body.modify .info_inform { margin: 32px 0 12px 0; } 

.my-wrapper .qna-info { /*margin-bottom: 100px; */}

.my-wrapper .prodqna { text-align: center; margin-top: 20px; margin-bottom: 20px; } 

 .my-wrapper .prodqna .btn { width: 100px; height: 34px; line-height: 36px; } 

.my-wrapper .prodreview { text-align: center; margin-top: 20px; margin-bottom: 20px; } 

.my-wrapper .qna-info.table > tbody > tr > td { border-bottom-color: #343a40; } 

 .my-wrapper .qna-info.table > tbody > tr > td.detail { padding: 0; } 

 .my-wrapper .qna-info.table > tbody > tr > td.detail ul { margin-bottom: 0; } 

 .my-wrapper .qna-info.table > tbody > tr > td.detail li { text-align: left; padding: 15px; border: 0; } 

 .my-wrapper .qna-info.table > tbody > tr > td.review-detail li { padding-top: 15px; padding-bottom: 15px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-left { padding-right: 15px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .media-object { width: 65px; height: 65px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.review-detail li .media-object { width: 65px; height: 65px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-body { position: relative; } 

 .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-body .subject { font-size: 1rem; font-weight: 600; margin-top: 0; margin-bottom: 5px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-body .option { color: #929292; font-size: .8125rem; font-weight: 400; letter-spacing: -2px; margin-bottom: 10px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.review-detail li .media-body .date { font-size: .875rem; font-weight: 600; margin-bottom: 0; } 

 .my-wrapper .qna-info.table > tbody > tr > td.review-detail li .media-body .date span { margin-left: 10px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-right { font-weight: 600; min-width: 65px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.review-status { font-weight: 600; text-align: center; vertical-align: middle; } 

 .my-wrapper .qna-info.table > tbody > tr > td.review-status .btn { font-size: .875rem; min-width: 70px; height: 30px; line-height: 30px; padding: 0 10px; margin-bottom: 5px; border-color: #999; background-color: #999; } 

 .my-wrapper .qna-info.table > tbody > tr > td.review-status .util { margin-bottom: 0; } 

 .my-wrapper .qna-info.table > tbody > tr > td.review-status .util a:focus,
 .my-wrapper .qna-info.table > tbody > tr > td.review-status .util a:hover { color: #ffcc00; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li.q,
 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li.a { border-top: 1px solid #e5e5e5; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li.a { background-color: #eaedf2; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .question:before { content: "Q."; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .answer:before { content: "A."; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .question,
 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .answer { font-size: 1rem; font-weight: 600; margin-bottom: 5px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li.q .user-name:after { content: "|"; padding: 0 2px 0 5px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .question .date,
 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .answer .date { font-size: .875rem; padding-left: 10px; letter-spacing: -1px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .review { margin-bottom: 5px; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .review .date { font-weight: 600; margin-bottom: 0; } 

 .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .text { margin-bottom: 0; } 

.my-wrapper .qna-info.table > tbody > tr.review > td { border-bottom-color: #e5e5e5; } 

 .my-wrapper .qna-info.table > tbody > tr.review > td.qna-detail li.a { border-top-color: #e5e5e5; } 
/*coupon,point page*/
.my-info-wrapper { padding: 0 15px; } 

 .my-info-wrapper .panel-heading { padding: 16px 0; } 

 .my-info-wrapper .mytotal_num { background-color: #222; color: #fff; border-radius: 12px; } 

 .my-info-wrapper .mytotal_num ul { display: flex; flex-direction: row; } 

 .my-info-wrapper .mytotal_num li { width: 50%; text-align: center; padding: 16px 0; font-size: 11px; font-weight: bold; color: #929292; } 

 .my-info-wrapper .mytotal_num li img { width: 19px; margin-right: 4px; margin-left: -15px; } 

 .my-info-wrapper .mytotal_num li strong { color: #fff; font-weight: 800; font-size: 14px; } 

 .my-info-wrapper .mytotal_num.point_total li { text-align: inherit; padding: 16px 20px; } 

 .my-info-wrapper .mytotal_num.point_total li img { margin-left: 0; } 

 .my-info-wrapper .mytotal_num.point_total li:last-child { text-align: right; } 

 .my-info-wrapper .summary-coupon { padding: 0; margin-bottom: 10px; } 

 .my-info-wrapper .summary-coupon li { position: relative; float: left; font-size: .875rem; width: 50%; height: 50px; line-height: 50px; padding: 0 15px; border-color: #343a40; letter-spacing: -2px; } 

 .my-info-wrapper .summary-coupon li + li { border-left: 0; } 

 .my-info-wrapper .summary-coupon li.not-use { background-color: #eaedf2; } 

 .my-info-wrapper .summary-coupon li .title { margin-bottom: 0; } 

 .my-info-wrapper .summary-coupon li a { position: absolute; top: -3px; right: 15px; } 

 .my-info-wrapper .summary-coupon li a .count { font-size: 1.375rem; padding-right: 5px; } 

 .my-info-wrapper .filter-wrapper { display: flex; align-items: center; justify-content: space-between; margin-top: 28px; padding: 0 5px 0 12px; } 

 .my-info-wrapper .filter-wrapper .status-filter { display: flex; flex-direction: row; } 

 .my-info-wrapper .filter-wrapper .status-filter li { font-size: 11px; padding-right: 16px; } 

 .my-info-wrapper .filter-wrapper .status-filter li label { display: block; } 

 .my-info-wrapper .filter-wrapper .status-filter li.active input[type="checkbox"] + label { color: #222; } 

 .my-info-wrapper .filter-wrapper .status-filter li input[type="checkbox"] + label { color: #727272; } 

 .my-info-wrapper .filter-wrapper .status-filter li input[type="checkbox"] + label:before { border-radius: 50%; } 

 .my-info-wrapper .filter-wrapper .year-filter { width: auto; height: auto; background-color: transparent; border: 0; color: #727272; } 

 .my-info-wrapper .filter-wrapper .year-filter label { padding: 0; height: auto; line-height: inherit; color: #727272; font-size: 11px; font-weight: bold; margin-bottom: 0; } 

 .my-info-wrapper .filter-wrapper .year-filter select { height: auto; line-height: inherit; } 

 .my-info-wrapper .discount-info { border-top: 1px solid #222; padding: 0; } 

 .my-info-wrapper .discount-info li { display: flex; justify-content: center; align-items: center; padding: 15px 12px; border-bottom: 1px solid #e8e8e8; } 

 .my-info-wrapper .discount-info li.notuse p,
 .my-info-wrapper .discount-info li.notuse h6 { color: #b8b8b8; } 

 .my-info-wrapper .discount-info li div { line-height: 2; } 

 .my-info-wrapper .discount-info li.point_group div { line-height: inherit; } 

 .my-info-wrapper .discount-info li.point_group div p:first-child { margin-bottom: 2px; } 

 .my-info-wrapper .discount-info li div:first-child { width: 80%; } 

 .my-info-wrapper .discount-info li div:last-child { width: 20%; text-align: center; font-weight: 800; font-size: 12px; } 

 .my-info-wrapper .discount-info .point_group div:last-child { text-align: right; } 

 .my-info-wrapper .discount-info li .use { color: #222; } 

.my-info-wrapper .discount-info li .notuse { background-color: #e8e8e8; padding: 7px 0; color: #fff !important; border-radius: 8px; } 

.my-info-wrapper .discount-info li .discount { color: #3ba5ff !important; } 

.my-info-wrapper .discount-info li p { color: #929292; font-size: 12px; } 

.my-info-wrapper .discount-info .point_group p { color: #222; } 

.my-info-wrapper .discount-info .point_group b { /* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 28px; overflow: hidden; */
 font-size: 12px; line-height: 1.3; } 

.my-info-wrapper .discount-info li h6 { font-size: 13px; } 

.my-coupon-wrapper .discount-info li h6 b { padding-right: 5px; font-size: 14px; word-break: break-word; } 

.my-wrapper .coupon-info .table > thead > tr > th { border: 1px solid #343a40; } 

.my-wrapper .coupon-info .table > thead > tr > th,
.my-wrapper .coupon-info .table > tbody > tr > td { text-align: center; } 

.my-wrapper .coupon-info .table > tbody > tr > td { font-size: .8125rem; } 

 .my-wrapper .coupon-info .table > tbody > tr > td .btn { font-size: .6875rem; } 

 .my-wrapper .coupon-info .table > tbody > tr > td .desc { margin-bottom: 0; } 

 .my-wrapper .coupon-info .table > tbody > tr > td .btn { padding: 1px 3px; } 

.my-wrapper.return .panel-heading { /*font-weight: 600;padding: 10px 0 8px;border-color: #e8e8e8;background-color: #eaedf2; */}

 .my-wrapper.return .panel-heading p { font-size: .8125rem; margin-bottom: 0; } 

 .my-wrapper.return .panel-heading .label-date { padding: 0 5px 0 15px; } 

 .my-wrapper.return .panel-heading .date { margin-right: 5px; } 

 .my-wrapper.return .panel-heading .number { float: right; font-size: .75rem; line-height: 18px; padding-right: 15px; } 

.my-wrapper.return .prod-info-wrapper { margin: 0 15px; margin-bottom: 15px; } 

.my-wrapper.return .panel-body { padding-top: 0; padding-bottom: 0; margin-bottom: 12px; } 

 .my-wrapper.return .panel-body .point-wrapper { padding: 12px 0; margin-bottom: 0; color: #929292; } 

 .my-wrapper.return .panel-body .point-wrapper .btn { font-size: .875rem; height: 30px; line-height: 30px; padding: 0 10px; border-color: #929292; } 

 .my-wrapper.return .panel-body .text { padding: 15px 0; } 

 .my-wrapper.return .panel-body .point { font-weight: 600; margin-left: 3px; } 

 .my-wrapper.return .panel-body .media { display: flex; margin: 0; } 

 .my-wrapper.return .panel-body .media-body { display: flex; flex-direction: column; padding: 5px 0; } 

 .my-wrapper.return .panel-body .media-object { width: 99px; height: 99px; } 

 .my-wrapper.return .panel-body .subject { font-size: .75rem; font-weight: 600; margin-top: 0; margin-bottom: 5px; } 

 .my-wrapper.return .panel-body .option { font-size: .688rem; color: #929292; margin-bottom: 0; } 

 .my-wrapper.return .panel-body .price { color: #222; font-size: .75rem; font-weight: 600; margin: 5px 0; margin-top: auto; } 

 .my-wrapper .return .panel-body .price .count:before { content: "("; } 

 .my-wrapper .return .panel-body .price .count { padding-left: 3px; } 

 .my-wrapper .return .panel-body .price .count:after { content: ")"; } 

 .my-wrapper.return .panel-body .selectbox-wrapper,
 .my-wrapper.return .panel-body .form-group,
 .my-wrapper.return .panel-body .desc,
 .my-wrapper.return .panel-body .radio-wrapper { margin: 0 15px 10px; } 

 .my-wrapper.return .panel-body .selectbox { margin-bottom: 10px; border-color: #ccc; background-color: transparent; } 

 .my-wrapper.return .panel-body .title { font-size: .75rem; font-weight: 600; padding: 10px 0; margin: 15px; color: #929292; border-bottom: 1px solid #e8e8e8; } 

 .my-wrapper.return .panel-body .title a { float: right; color: #0075ff; font-size: .875rem; font-weight: 400; line-height: 1.3; } 

 .my-wrapper.return .panel-body .title .fa { position: relative; top: 1px; color: #0075ff; font-size: 1.125rem; margin: 0 5px; } 

 .my-wrapper.return .panel-body.reason { padding: 0; } 

.my-wrapper.return .panel-body.reason .returnselect,
.my-wrapper.return .panel-body.ing-yn .moc_bank select { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: 0.75rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; cursor: pointer; } 

 .my-wrapper.return .panel-body.ing-yn .moc_bank .selectbox-wrapper { margin: 0; } 

 .my-wrapper.return .panel-body.ing-yn .moc_bank_name label,
 .my-wrapper.return .panel-body.ing-yn .moc_bank_num label,
 .my-wrapper.return .panel-body.address .table th { font-size: .688rem; font-weight: 400; color: #727272; } 

 .my-wrapper.return .panel-body.reason .desc { font-size: .75rem; font-weight: 600; text-align: left; } 

 .my-wrapper.return .panel-body.reason .desc p { margin-bottom: 0; } 

 .my-wrapper.return .panel-body.reason .desc p:last-child { padding-left: 18px; } 

 .my-wrapper.return .panel-body.reason .desc .fa { color: #929292; padding-right: 7px; } 

 .my-wrapper.return .panel-body .image-upload { text-align: center; margin-bottom: 20px; } 

 .my-wrapper.return .panel-body .image-upload .btn { font-size: .875rem; font-weight: 600; width: 180px; height: 34px; line-height: 34px; padding: 0 26px; margin: 15px 0; } 

 .my-wrapper.return .panel-body .image-wrapper { color: #929292; text-align: center; min-height: 50px; margin-top: 10px; } 

 .my-wrapper.return .panel-body .image { display: inline-block; width: 200px; } 

 .my-wrapper.return .panel-body.ing-yn,
 .my-wrapper.return .panel-body.address { padding: 0; } 

 .my-wrapper.return .panel-body.ing-yn .desc { font-size: .8125rem; font-weight: 600; } 

 .my-wrapper.return .panel-body.address .table { margin-bottom: 0; } 

 .my-wrapper.return .panel-body.address .table td { padding: 0; margin-top: 10px; } 

 .my-wrapper.return .panel-body .radio { padding-left: 10px; } 

 .my-wrapper.return .panel-body .radio label { font-size: .813rem; line-height: 26px; padding: 0; } 

 .my-wrapper.return .panel-body .radio input[type="radio"] + label { color: #b8b8b8; } 

 .my-wrapper.return .panel-body .table > tbody > tr > th,
 .my-wrapper.return .panel-body .table > tbody > tr > td { font-size: .8125rem; padding-left: 15px; padding-right: 15px; } 

 .my-wrapper.return .panel-body .table .list-group { margin-bottom: 0; } 

 .my-wrapper.return .panel-body .table .list-group-item { padding: 2px 0; border: 0; background-color: transparent; } 

 .my-wrapper.return .panel-body .table .total-price { font-weight: 600; text-align: right; } 

 .my-wrapper.return .panel-body .table .form-group.ip_phone { display: flex; flex-direction: row; } 

 .my-wrapper.return .panel-body .table .form-group.ip_phone .form-control { margin-right: 6px; } 

 .my-wrapper.return .panel-body .table .form-group.ip_phone .form-control:last-child { margin-right: 0; } 

 .my-wrapper.return .panel-body .table .form-group.ip_post div { display: flex; } 

 .my-wrapper.return .panel-body .table .form-group.ip_post .phone { width: 35%; } 

 .my-wrapper.return .panel-body .table .form-group.ip_post #jsBtnPost { width: 65%; margin-left: 12px; } 

 .my-wrapper.return .panel-body.total { padding: 0; } 

 .my-wrapper.return .panel-body.total .desc { padding: 0 12px; } 

 .my-wrapper.return .panel-body.total .return_total { padding: 12px; margin: 0 15px; font-size: .688rem; background-color: #f8f8f8; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; display: flex; justify-content: space-between; margin-bottom: 32px; } 

 .my-wrapper.return .panel-body.total .return_total .total-price { font-size: .75rem; } 

 .my-wrapper.return .panel-body .btn-wrapper { text-align: center; margin: 0 15px 40px; } 

 .my-wrapper.return .panel-body .btn-wrapper .btn { font-size: .875rem; font-weight: 600; width: 49%; height: 40px; line-height: 40px; padding: 0 26px; } 

.my-wrapper.return .panel-footer { border-top: 0; padding: 0; border-bottom: 1px solid #e8e8e8; } 

 .my-wrapper.return .panel-footer .media { padding: 15px 12px; margin-top: 0; } 

 .my-wrapper.return .panel-footer .media.add_item { background-color: #f8f8f8; } 

 .my-wrapper.return .panel-footer .media.add_item .text { color: #929292; font-size: .688rem; font-weight: 400; } 

 .my-wrapper.return .panel-footer .media-body .btn.return { width: 65px; height: 26px; display: flex; align-items: center; justify-content: center; } 

 .my-wrapper.return .panel-footer .media-body { display: flex; width: 100%; align-items: center; } 

 .my-wrapper.return .panel-footer .media-body .item_eq { margin-left: auto; display: flex; justify-content: center; align-items: center; } 

 .my-wrapper.return .panel-footer .media-body .item_eq a { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 8px; background-color: #b8b8b8; color: #fff; font-weight: 800; } 

 .my-wrapper.return .panel-footer .text { float: left; font-size: .8125rem; font-weight: 600; width: 60%; line-height: 1.5; margin-right: 5px; } 

 .my-wrapper.return .panel-footer .form-control { float: right; font-weight: 600; width: 50px; height: 30px; line-height: 30px; text-align: center; padding-top: 0; padding-bottom: 0; margin-left: -1px; background-color: #fff; border: 1px solid #b8b8b8; margin: 0 4px; } 

.purchase-wrapper { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; width: 100%; } 

.purchase-option .btn_type_shopbasic { width: 80px; height: 24px; line-height: 32px; margin: 0 auto; border-radius: 8px 8px 0 0; border-width: 1px 1px 0 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -23%); } 
.purchase-wrapper.detail-purchasewrapper .btnwrap { position: relative; top: -12px; } 
.purchase-option .btn_type_shopbasic .fa { font-size: 1.5rem; color: #fff; font-weight: bold; } 

.purchase-option .selectbox,
.payment-wrapper .selectbox { background-color: #fff; height: 40px; border: 1px solid #b8b8b8; border-radius: 8px; } 

.purchase-option .selectbox:before,
.payment-wrapper .selectbox:before { content: ""; } 

.purchase-option .selectbox .fa,
.payment-wrapper .selectbox .fa { float: right; font-size: 24px; color: #b8b8b8; padding: 7px 12px; } 

.purchase-option .selectbox label,
.payment-wrapper .selectbox label { height: 40px; line-height: 38px; font-size: 13px; padding: 0 12px; } 

.purchase-option .selectbox select,
.payment-wrapper .selectbox select { height: 40px; line-height: 38px; padding: 0 12px; position: absolute; top: 0; } 

.purchase-option .selectbox-wrapper select { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 1px solid #b8b8b8; font-size: .8125rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom_gray.png); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; } 

select::-ms-expand { display: none; } 

.purchase-option .option .form-group { margin-bottom: 10px !important; } 

.purchase-option .option .form-group.option_input .ip_basic { display: inline-block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 1px solid #b8b8b8; font-size: 13px; color: #222; } 

.purchase-option .option .form-group.option_input label { display: block; font-size: .688rem; color: #929292; padding-left: 2px; } 

.purchase-option .option .form-group.option_input .option_value { display: flex; } 

 .purchase-option .option .form-group.option_input .option_value .btn { margin-left: 6px; height: 37px; line-height: 40px; } 

.purchase-option .panel { margin-bottom: 0; /*border-color: #ffc000; */
 border-width: 2px 0 0 0; box-shadow: 0px 0px 18px 3px rgba(1, 1, 1, 0.2); } 

.purchase-option .panel-footer { display: flex; padding: 8px; border-top: 0; } 

.purchase-option .panel-footer > .btn { width: 50%; font-size: 1rem; font-weight: 600; height: 48px; padding: 0; display: flex; align-items: center; justify-content: center; } 

.purchase-option .panel-footer > .btn + .btn { margin-left: 6px; } 

.purchase-option .option { padding: 15px 15px 0 15px; } 

.purchase-option .option .desc,
.payment-wrapper .option .desc { font-size: 11px; font-weight: 600; margin-bottom: 15px; color: #929292; } 

 
.payment-wrapper .option .form-group { margin-bottom: 5px; } 


.payment-wrapper .option .form-group:last-child { margin-bottom: 0; } 
.purchase-option .option .form-group:last-child { margin-bottom: 0 !important; } 
.payment-wrapper .result { padding: 0 15px !important; } 

.payment-wrapper .result .panel-body { background-color: #f8f8f8; } 

.purchase-option .result { padding: 0 15px; max-height: 139px; /*overflow-y: auto; */
 margin-bottom: 2px; } 

.purchase-option .result .panel-body,
.payment-wrapper .result .panel-body { font-size: .8125rem; padding: 0; } 

.purchase-option .result .panel-body .jsReqTr,
.payment-wrapper .result .panel-body .jsReqTr { border-bottom: 1px solid #e8e8e8; } 

.purchase-option .result .panel-body .jsReqTr { border-top: 1px solid #e8e8e8; border-bottom: 0; } 

.purchase-option .result .panel-body .jsReqTr:first-child { border-top: 0; } 

.purchase-option .result .media,
.payment-wrapper .result .media { padding: 10px 15px 12px; } 
.purchase-option .result .media { padding: 8px 15px 8px; } 
.purchase-option .result .media-body,
.payment-wrapper .result .media-body { font-weight: 400; position: relative; vertical-align: middle; } 

.purchase-option .result .media-body .option-title,
.payment-wrapper .result .media-body .option-title { font-size: .75rem; } 

.purchase-option .result .media-body .option-title { width: 90%; } 

.purchase-option .result .media-body .option_value,
.payment-wrapper .media-body .option_value { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 10px; } 

.purchase-option .result .media-body .count-wrapper,
.payment-wrapper .media-body .count-wrapper { margin-bottom: 0; } 

.purchase-option .result .media-body .count-wrapper .btn:hover,
.purchase-option .result .media-body .count-wrapper .btn:focus,
.payment-wrapper .media-body .count-wrapper .btn:hover,
.payment-wrapper .media-body .count-wrapper .btn:focus { color: #fff; } 

.purchase-option .result .media-body .count-wrapper .btn,
.payment-wrapper .result .media-body .count-wrapper .btn { float: left; font-weight: 600; width: 28px; height: 28px; line-height: 28px; padding: 0; border-radius: 8px; background-color: #b8b8b8; outline: none; } 

.purchase-option .result .media-body .count-wrapper .btn.minus,
.payment-wrapper .result .media-body .count-wrapper .btn.minus { font-size: 1.25rem; } 

.purchase-option .result .media-body .count-wrapper .btn.plus,
.payment-wrapper .result .media-body .count-wrapper .btn.plus { font-size: 1.25rem; } 

.purchase-option .result .media-body .count-wrapper .form-control,
.payment-wrapper .result .media-body .count-wrapper .form-control { float: left; font-weight: 600; width: 48px; height: 28px; line-height: 28px; padding-top: 0; padding-bottom: 0; margin: 0 4px; border-radius: 8px; background-color: #fff; border: 1px solid #b8b8b8; } 

.purchase-option .result .media-body .price,
.payment-wrapper .result .media-body .price { float: right; font-size: .875rem; font-weight: 600; line-height: 28px; } 

.purchase-option .result .media-body .price:after,
.payment-wrapper .result .media-body .price:after { content: "원"; font-size: 14px; } 

.purchase-option .result .media-body .close,
.payment-wrapper .result .media-body .close { opacity: 1; } 

.purchase-option .result .media-body .close img,
.payment-wrapper .result .media-body .close img { width: 16px; } 

.purchase-option .goods-price { padding: 12px 25px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #f8f8f8; font-size: .75rem; margin: 5px 12px 0; } 

.purchase-option .total-price { display: flex; align-items: center; font-size: 16px; font-weight: 800; padding: 10px 30px 2px; border-top: 0; color: #424242; background-color: #fff; } 

 .purchase-option .total-price .text { font-size: .75rem; font-weight: 400; color: #222; } 

 .purchase-option .total-price span.total { margin-left: auto; color: #424242; font-size: 1rem; font-weight: 800; padding-right: 2px; } 

.purchase-option .btn-pay,
.purchase-option .btn-cart { color: #fff; width: 50%; } 

.purchase-option .btn-pay { float: right; color: #343a40; background-color: #f2b826; border-color: #f2b826; } 

.purchase-option .btn-cart { background-color: #343a40; border-color: #343a40; } 

.purchase-wrapper > .panel { margin-bottom: 0; border: 0; } 

 .purchase-wrapper > .panel > .panel-footer { display: flex; align-items: center; padding: 0 8px; height: 64px; line-height: 64px; } 

 .purchase-wrapper > .panel > .panel-footer > .btn-like { position: relative; width: 72px; } 

 .purchase-wrapper > .panel > .panel-footer > .btn-like .likeOn { display: none; } 

 .purchase-wrapper > .panel > .panel-footer > .btn-like.active .likeOn { display: inline-block; } 

 .purchase-wrapper > .panel > .panel-footer > .btn-like.active { box-shadow: none; -webkit-box-shadow: none; } 

 .purchase-wrapper > .panel > .panel-footer > .btn-like:active { box-shadow: none; } 

 .purchase-wrapper > .panel > .panel-footer > .btn-like.active .likeOff { display: none; } 

 .purchase-wrapper > .panel > .panel-footer > .btn-like img { width: 32px; } 

 .purchase-wrapper > .panel > .panel-footer > .btn_type_purchase { position: relative; float: right; width: calc(100% - 72px); height: 48px; line-height: 46px; font-size: 1rem; } 

.purchase-wrapper .panel .panel-footer.soldout { background-color: #e8e8e8; } 

 .purchase-wrapper .panel .panel-footer.soldout .btn { color: #929292; font-size: 1rem; } 

.footer-menu { position: fixed; left: 0; right: 0; bottom: 0; box-shadow: 0px 0px 18px 3px rgba(1, 1, 1, 0.2); z-index: 1000; opacity: 0; transition: opacity 0.5s; } 

 .footer-menu.active { opacity: 1; transition: opacity 0.5s; } 

 .footer-menu > ul { display: table; width: 100%; margin-bottom: 0; } 

 .footer-menu > ul > li { display: table-cell; width: 20%; height: 50px; /*line-height: 60px; */
 text-align: center; vertical-align: middle; padding: 0; border: 0; background-color: #fff; } 

 .footer-menu > ul > li .fa,
 .footer-menu > ul > li .fontello { display: block; font-size: 1.25rem; } 

 .footer-menu > ul > li .menu { font-size: .6125rem; } 

 .footer-menu > ul > li img { width: 32px; height: 32px; } 

 .footer-menu > ul > li:nth-child(4) img,
 .footer-menu > ul > li:nth-child(5) img { /*width: 27px; */}

 .footer-menu > ul > li > .active > .fa,
 .footer-menu > ul > li > .active > .fontello,
 .footer-menu > ul > li > .active > .menu { color: #ffcc00; } 

.footer-info-wrapper .panel { margin-bottom: 0; border: none; } 

.footer-info-wrapper .panel-body { /*padding: 0 20px; */
 padding: 0; } 

 .footer-info-wrapper .panel-body .kakao_wrapper,
 .footer-info-wrapper .panel-body .inshop_wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; /*border-bottom: 1px solid #eee; */
 padding: 22px 15px; } 

 .footer-info-wrapper .panel-body div:last-child { border-bottom: 0; } 

 /*.footer-info-wrapper .panel-body .notify-wrapper { height: 42px; line-height: 42px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #f8f8f8; font-size: 12px; } 

 .footer-info-wrapper .panel-body .notify-wrapper a { position: relative; width: 100%; display: block; } 

 .footer-info-wrapper .panel-body .notify-wrapper a div { display: flex; flex-direction: row; justify-content: space-between; padding: 0; } 

 .footer-info-wrapper .panel-body .notify-wrapper b { width: 19%; padding-right: 6px; } 

 .footer-info-wrapper .panel-body .notify-wrapper span { display: flex; flex-direction: row; justify-content: space-between; width: 84%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 42px; display: -webkit-box; text-align: left; } 

 .footer-info-wrapper .panel-body .notify-wrapper span i { position: absolute; top: 0; right: 0; font-size: 18px; line-height: 42px; margin-left: 7px; color: #a6a6a6; } */

 .footer-info-wrapper .panel-body .counsel-wrapper { display: flex; flex-direction: column; padding-top: 0; } 

 .footer-info-wrapper .panel-body .counsel-wrapper li { text-align: center; } 

 .footer-info-wrapper .panel-body .counsel-wrapper ul:last-child { display: flex; } 

 .footer-info-wrapper .panel-body .counsel-wrapper ul:last-child { margin-top: 20px; } 

 .footer-info-wrapper .panel-body .counsel-wrapper ul:last-child li + li { padding-left: 8px; } 

 .footer-info-wrapper .panel-body div li { text-align: center; } 

 .footer-info-wrapper .panel-body div li h5 { font-size: 12px; font-weight: bold; } 

 .footer-info-wrapper .panel-body div li p { font-size: .8125rem; color: #727272; } 

 /* .footer-info-wrapper .panel-body div ul:first-child li:first-child { padding-bottom: 12px; } */

 .footer-info-wrapper .panel-body div li img { /*width: 50%; */
 height: 28px; } 
/*.kakao-wrapper .panel-body .title { font-size: .875rem; font-weight: 600; } 
.kakao-wrapper .panel-body .desc { font-size: .8125rem; } 
.kakao-wrapper .panel-body .btn { font-size: .875rem; font-weight: 600; color: #fff; min-width: 200px; height: 34px; line-height: 32px; padding: 0 26px; margin: 5px 0; border-radius: 16px; border-color: #372b13; background-color: #372b13; } */
.footer-wrapper { /* border: 1px solid #e5e5e5; */
 background-color: #fff; margin-top: 32px; } 



 .footer-wrapper.show-detail { margin-bottom: 51px; } 

 .footer-wrapper .customrer-account { position: relative; /*height: 224px; */
 margin-top: 40px; } 

 .footer-wrapper .customrer-content { position: relative; left: 0; width: 100%; height: 70px; /*margin-bottom: 20px; */}

 .footer-wrapper .customrer-content a:last-child { margin-left: 5px; } 

 .footer-wrapper .customrer-content a:nth-child(2) { margin-left: 5px; } 

 .footer-wrapper .customrer-content a { position: relative; border: 1px solid #828282c7; display: inline-block; width: 30%; height: 100%; margin-left: 2.5%; } 

 .footer-wrapper .customrer-content img { position: absolute; top: 7px; margin-left: 38%; /* margin: 10px 35px; */
 width: auto; height: 25px; } 

 .footer-wrapper .customrer-content span { color: #424242; } 

 .footer-wrapper .customrer-content .fa { position: absolute; left: 38%; bottom: 0; color: #c3c3c3; /* border: 1px solid red; */
 width: 40px; height: 40px; font-size: 2rem; } 

 .footer-wrapper .customrer-content span { position: absolute; width: 100%; transform: translate(-50%,50%); left: 50%; top: 40%; text-align: center; } 

 .footer-wrapper .customrer-image { position: relative; top: 0; width: 100%; height: auto; /* border: 1px solid red; */}

 .footer-wrapper .customrer-image > img { top: 0; left: 0; width: 100%; height: 100%; } 

 .footer-wrapper .customrer-account h5 { font-size: 1rem; font-weight: 600; text-align: center; margin-bottom: 10px; color: #774f4f; } 

 .footer-wrapper .customrer-account .customer { position: relative; width: 100%; height: 40px; margin-top: 5%; margin-bottom: 5%; left: 0; } 

 .footer-wrapper .customrer-account .qna { position: absolute; /* margin-left: 10px; */
 /* margin-right: 10px; */
 width: 45%; height: 100%; /* border: 1px solid red; */}

 .footer-wrapper .customrer-account .qna:first-child { margin-left: 2.5%; } 

 .footer-wrapper .customrer-account .qna:last-child { margin-right: 2.5%; } 

 .footer-wrapper .customrer-account .row { margin-left: 0; margin-right: 0; } 

 .footer-wrapper .customrer-account .qna a { display: inline-block; width: 100%; height: 100%; cursor: pointer; border: 1px solid #f5bc3a; background-color: #ffc84c; font-size: .75rem; text-align: center; line-height: 35px; color: #774f4f; } 

 .footer-wrapper .customrer-account .qna:first-child { left: 0; } 

 .footer-wrapper .customrer-account .qna:last-child { right: 0; } 



 .footer-wrapper .customrer-account ul { margin-bottom: 0; } 

 .footer-wrapper .customrer-account ul li { font-size: .6875rem; font-weight: 400; padding: 2px 0; border: 0; } 

 .footer-wrapper .menu-wrapper { padding: 0 20px; height: 50px; line-height: 50px; border-top: 1px solid #eee; background-color: #f8f8f8; } 

 .footer-wrapper .menu-wrapper .menu { font-size: .75rem; color: #222; } 

 .footer-wrapper .menu-wrapper .menu:not(:first-child):before { content: "."; font-size: 12px; padding-right: 5px; padding-left: 5px; } 

 .footer-wrapper .company { background-color: #f8f8f8; padding: 0 5px; } 

 .footer-wrapper .company .info { line-height: 20px; } 

 .footer-wrapper .company .info ul { padding: 12px 0; margin-bottom: 0; } 

 .footer-wrapper .company ul li { font-size: 0.75rem; font-weight: 400; padding: 1px 0; border: 0; background-color: #f8f8f8; letter-spacing: -.3px; } 

 .footer-wrapper .company ul li.inicis { position: relative; } 

 .footer-wrapper .company ul li.inicis img { cursor: pointer; width: 38px; height: 38px; position: absolute; top: -15px; z-index: 1; margin-left: 65px; } 

.footer-icon-wrapper { margin: 28px 0 100px 0; } 

.footer-icon-wrapper a + a { padding-left: 20px; } 

.footer-icon-wrapper .appdown { padding: 6px 16px; font-size: 0.75rem; background-color: #222; color: #929292; font-weight: 600; border-radius: 15px; margin-top: -1px; } 

.footer-icon-wrapper .appdown b { color: #fff; } 

.footer-icon-wrapper img { width: 24px; image-rendering: -webkit-optimize-contrast;}

.footer-icon-wrapper div { display: flex; justify-content: center; align-items: center; } 

.footer-icon-wrapper div:last-child { margin-top: 20px; } 

.copyright { font-size: 0.75rem; margin-bottom: 47px; } 

.back-to-top { /*position: fixed;right: 15px;bottom: 70px;width: 50px;height: 50px;text-align: center;border-radius: 50%;background-color: #343a40;opacity: 0;transition: opacity 0.5s;z-index: 1000; */}

.back-to-top.active { /*opacity: .7; */
 /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5); */
 transition: opacity 0.5s; } 

.back-to-kakao { /*position: fixed; right: 15px; bottom: 175px; */
 /* width: 50px; height: 50px; */
 text-align: center; border-radius: 50%; display: none; transition: display 0.5s; z-index: 1000; } 

.back-to-kakao.active { display: block; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5); */
 transition: display 0.5s; } 

#backTop { display: none; } 

#backTop.active { display: block; transition: display 0.5s; } 

.fixed_btn .fixed_box { display: flex; flex-direction: column; justify-content: center; align-items: center; /*position: fixed; right: 15px; bottom: 70px; */
 /* width: 48px; height: 96px; */
 /*background-color: #222; */
 border-radius: 24px; transition: display 0.5s; z-index: 1000; } 

.fixed_btn .fixed_box div { display: flex; flex-direction: column; color: #929292; font-size: 8px; justify-content: center; align-items: center; margin-top: 4px; /*width: 100%; height: 48px; */}

.fixed_btn .fixed_box div + div { /* border-top: 1px groove #999; width: 34px; */}

.fixed_btn .fixed_box div:first-child img { /* width: 21px; height: 16px; */
 /*margin: 4px auto 3px; */}

.fixed_btn .fixed_box .back-to-left { width: 38px; height: 38px; } 

.fixed_btn .fixed_box .back-to-top img { /*width: 21px; height: 16px; margin: 2px auto 3px; width: auto; height: 16px; max-width: 100%; max-height: 100%; */}

.fixed_btn .fixed_box div span { letter-spacing: -1px; } 

.back-to-top a { font-size: .875rem; font-weight: 600; color: #fff; line-height: 24px; } 

.back-to-top a .fa { display: block; position: relative; top: 3px; font-size: 1.5rem; } 

.back-to-left { transition: opacity 0.5s; z-index: 1000; } 
.back-to-left.active { display :flex !important; transition: opacity 0.5s; } 

.back-to-left a { font-size: .875rem; font-weight: 600; color: #fff; line-height: 24px; } 

.back-to-left a .fa { display: block; position: relative; top: -1px; font-size: 1.5rem; letter-spacing: 2px !important; } 

#slideCateList h2 { position: relative; padding: 0 34px 0 0; border-bottom: 1px solid #aaa; line-height: 39px; font-weight: bold; font-size: 14px; cursor: pointer; padding-left: 16px; } 

#slideCateList h2.selected .icoCategory { background-image: url(/_mplshop/images/menucategory_arrow_on2.png); } 

#slideCateList h2 .icoCategory { overflow: hidden; position: absolute; right: 10px; top: 50%; width: 16px; height: 16px; margin-top: -8px; padding: 0; border: 0; text-indent: 100%; white-space: nowrap; cursor: pointer; background: url(/_mplshop/images/menucategory_arrow_on.png) no-repeat; } 

.menu-wrapper .plus { position: absolute; top: 0; right: 10px; margin: 14px 0; width: 12px; height: 12px; z-index: 99999; border: 1px solid #fff; } 

.menu-wrapper .plus span { position: absolute; display: block; width: 100%; height: 1px; } 

.menu-wrapper .no-plus { position: absolute; top: 0; right: 10px; width: 10.5px; height: 10.5px; z-index: 99999; } 

.menu-wrapper .no-plus span { position: absolute; display: block; width: 100%; height: 1px; /* background-color: #000; */}

.menu-wrapper .plus span:first-child { top: 50%; background-color: #929292; } 

.menu-wrapper .plus span:last-child { top: 50%; background-color: #929292; transform: rotate(-90deg); transition: transform .2s; } 

/*** 좌측슬라이드 업그레이드 ***/
#sidemenu .sidemenu-close-wrapper { position: fixed; top: 0; right: 0; width: 100%; z-index: 99; } 
#sidemenu .sidemenu-close-wrapper.fixed-top { height: 62px; background-color: #fff; } 
#sidemenu #sideClose { display: none; position: absolute; right: 0; padding: 15px; z-index: 99; } 
#sidemenu #sideClose.sideshow { display: block !important; position: fixed !important; } 

/*로그인영역*/
#sidemenu .login-out-wrapper { min-height: 60px; display: inline-flex; align-items: center; /*height: 60px; */}

#sidemenu .login-out-wrapper a { text-align: center;/* padding-top: 6px; padding-bottom: 6px; */}

#sidemenu .login-out-wrapper .logout { display: inline-block; padding: 6px 9px; background-color: #222; color: #fff; border-radius: 14px; white-space: nowrap; /*margin-left:12px; */}

#sidemenu .login-out-wrapper a .login_balloon { position: relative; background-color: #ff9600; font-size: 8px; color: #fff; padding: 6px 10px; border-radius: 16px; margin-left: 12px; } 

#sidemenu .login-out-wrapper a .login_balloon:before { content: ""; position: absolute; top: 1px; left: -4px; border-left: 13px solid #ff9600; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 0 solid transparent; transform: rotate(180deg); } 

#sidemenu .login-out-wrapper a .login_balloon b { color: #fffd55; } 

#sidemenu .login-out-wrapper .btn { display: inline-block; width: 100%; height: 16px; line-height: 16px; padding: 10px 0; color: #fff; /*font-size: 12px; */
 vertical-align: middle; text-align: center; float: left; margin-left: 0.5px; width: calc(50% - 0.5px); } 

#sidemenu .login-out-wrapper .my_login b { color: #929292; padding-left: 7px; font-weight: 400; } 

#sidemenu .login-out-wrapper a.my_login:after { content: ""; } 

#sidemenu .login-out-wrapper img { height: 30px; } 

/*카테고리*/
#sidemenu .categoryList li { position: relative; display: block; line-height: 39px; word-wrap: break-word; /*border-top: 1px solid #eee; */
 padding: 0 16px; } 

#sidemenu .categoryList li a { /*color: #929292; */
 display: block; /*font-size: 13px; */
 /*font-weight: bold; */
 display: flex; align-items: center; } 

#sidemenu .categoryList li a img,
#sidemenu #categoryMenu li img { width: 24px; height: 24px; transform: translate3d(0, 0, 0); margin-right: 8px; } 

.side-category .addview:before { content: '+'; } 

.side-category.subCategoryShow .addview:before,
.side-category.subBoardShow .addview:before { content: '-'; } 

/*퀵메뉴*/
#sidemenu .side-quick-menu { display: flex; flex-wrap: wrap; margin-bottom: 1px; } 

#sidemenu .side-quick-menu a { display: inline-block; text-align: center; padding: 12px 0; color: #929292; border-width: 1px; border-left: 0; margin-bottom: -1px; } 

#sidemenu .side-quick-menu span { line-height: 20px; display: block; margin: 4px auto 0; } 

#sidemenu .shop-info .company img { height: 28px; } 

#sidemenu .sidemenu-footer .content,
#sidemenu .sidemenu-footer .content2 { margin-bottom: 2px; color: #222; font-size: 11px; line-height: 18px; } 

#sidemenu .sidemenu-footer .content:after { content: ""; display: block; clear: both; } 

#sidemenu .sidemenu-footer .company-info { padding: 20px 0; } 

#sidemenu .sidemenu-footer .company-info.account_number { padding-bottom: 0; padding-top: 15px; } 

#sidemenu .sidemenu-footer .company-info.account_number ul { margin-top: 20px; display: flex; flex-direction: column !important; } 

#sidemenu .sidemenu-footer .company-info .title { font-size: 12px; font-weight: bold; padding-bottom: 10px; } 

#sidemenu .sidemenu-footer .company-info ul:last-child { margin-top: 20px; display: flex; flex-direction: row; justify-content: center; } 

#sidemenu .sidemenu-footer .company-info ul:last-child li img { width: 92px; } 

#sidemenu .sidemenu-footer .emphasis { margin-right: 5px; color: #727272; } 

#sidemenu .sidemenu-footer .emphasis:before { content: "·"; padding-right: 4px; } 

#sidemenu .copyright { margin-top: 40px; } 

#sidemenu .btnClose { display: block; padding: 12px; } 

#sidemenu .btnClose { position: absolute; top: 0; right: 0; } 

/*** 배너 ***/
#sidemenu .bigBannerCarousel_olcasein { margin-bottom: 0; } 
/*공통 좌우버튼*/
#sidemenu .swiper.banner.barOutline .swiper-button-next,
#sidemenu .swiper.banner.barOutline .swiper-button-prev { top: calc(50% - 6%); } 
/*공통 - barNone(페이징 없음)*/
#sidemenu .swiper.banner.barNone ol { position: absolute !important; } 
#sidemenu .swiper.banner.barNone li { background-color: transparent !important; border: 0 !important; } 
/*공통 - 세로 + barNone */
#sidemenu .swiper.banner.vertical.barNone img.img-responsive { padding-bottom: 0; } 
/*공통ol - barOut */
#sidemenu .swiper.banner.vertical_Outline .bigBannerCarousel_olcasebottom { position: relative; background-color: #fff; } 
/*공통 - 가로 + barOut */
#sidemenu .swiper.banner .bigBannerCarousel_olcasebottom { position: relative; } 
/*공통ol - 세로 + barIn */
#sidemenu .swiper.banner.vertical .bigBannerCarousel_olcasein { top: -24px; } 
/*공통 - 세로 img */
#sidemenu .swiper.banner.vertical img.img-responsive { padding-bottom: 24px; } 
/*공통ol - barOut */
/*#sidemenu .swiper.banner.slide .bigBannerCarousel_olcasebottom,
#sidemenu .swiper.banner.cover .bigBannerCarousel_olcasebottom,
#sidemenu .swiper.banner.backfade.vertical .bigBannerCarousel_olcasebottom { background-color: #fff; } */
#sidemenu .swiper.banner.vertical.slide img.img-responsive,
#sidemenu .swiper.banner.vertical.cover img.img-responsive,
#sidemenu .swiper.banner.backfade img.img-responsive,
#sidemenu .swiper.banner.slide img.img-responsive,
#sidemenu .swiper.banner.fold.vertical.barInline img.img-responsive { padding-bottom: 0; } 
/* ol(slide,coverflow,backfade) - barIn */
#sidemenu .swiper.banner.slide .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.coverflow .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.backfade .bigBannerCarousel_olcasein { position: absolute !important; top: inherit; } 
/* ol(slide,cover,flip,rolling,fold) - 세로 + barIn */
#sidemenu .swiper.banner.vertical.slide .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.cover .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.flip .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.rolling .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.fold .bigBannerCarousel_olcasein { top: inherit; position: absolute !important; } 
/*filp*/
#sidemenu .swiper.banner.flip img.img-responsive { padding-bottom: 0; } 
#sidemenu .swiper.banner.flip { overflow: hidden !important; } 
#sidemenu .swiper.banner.flip.barOutline .bigBannerCarousel_olcasebottom { z-index: 99; } 
/*file barOut */
#sidemenu .swiper.banner.flip.vertical.barOutline img.img-responsive { padding-bottom: 24px; } 
/*slide, cover*/
/*barNone*/
#sidemenu .swiper.banner.slide.barNone,
#sidemenu .swiper.banner.cover.barNone { margin-bottom: 0; padding-bottom: 0; } 
#sidemenu .swiper.banner.slide.barNone .bigBannerCarousel_olcasebottom,
#sidemenu .swiper.banner.cover.barNone .bigBannerCarousel_olcasebottom { background-color: transparent; position: absolute !important; } 
/*barIn*/
#sidemenu .swiper.banner.slide.barInline,
#sidemenu .swiper.banner.cover.barInline { padding-bottom: 0; } 

/*slide*/
/*slide 세로 + barOut */
#sidemenu .swiper.banner.slide.vertical.barOutline { padding-bottom: 24px; } 
#sidemenu .swiper.banner.slide.vertical.barOutline .swiper-wrapper { border-width: 0 0 1px 0; border-style: solid; border-color: transparent; margin-top: -1px; } 
/*ol barOut */
#sidemenu .swiper.banner.slide .bigBannerCarousel_olcasebottom { /*position: absolute; */
 position: relative; } 
#sidemenu .swiper.banner.slide.vertical.barOutline img.img-responsive { position: relative !important; } 
/*cover*/
/*cover 세로 + barOut */
#sidemenu .swiper.banner.cover.vertical.barOutline img.img-responsive { padding-bottom: 24px; } 
/*coverflow*/
#sidemenu .swiper.banner.coverflow img.img-responsive { padding-bottom: 0; } 
/*coverflow 세로 - barOut */
#sidemenu .swiper.banner.coverflow.vertical.barOutline img.img-responsive { padding-bottom: 24px; } 
#sidemenu .swiper.banner.coverflow.vertical.barOutline .bigBannerCarousel_olcasebottom { background-color: #fff; } 
/*fade*/
#sidemenu .swiper.banner.fade { opacity: 1; } 
#sidemenu .swiper.banner.fade.vertical.barInline { margin-bottom: -24px; } 
/*backfade*/
/*barOut*/
#sidemenu .swiper.banner.backfade.vertical.barOutline img.img-responsive { padding-bottom: 24px; } 
/*barNone*/
#sidemenu .swiper.banner.backfade.vertical.barNone .bigBannerCarousel_olcasebottom { background-color: transparent; } 
/*rolling*/
#sidemenu .swiper.banner.vertical.rolling .swiper-wrapper { border-width: 1px 0 1px 0; border-style: solid; border-color: transparent; } 
#sidemenu .swiper.banner.vertical.rolling.barOutline ol { position: relative !important; background-color: #fff; } 
#sidemenu .swiper.banner.vertical.rolling.barInline img.img-responsive { padding-bottom: 0; } 
/*공통 barInline , barNone */
#sidemenu .swiper.banner.vertical.barInline .swiper-wrapper,
#sidemenu .swiper.banner.vertical.barNone .swiper-wrapper { border-width: 0 0 1px 0; border-style: solid; border-color: transparent; } 
/*넘길때 이미지 숨기기*/
/*coverflow*/
/*#sidemenu .swiper.banner.coverflow .swiper-slide,*/
#sidemenu .swiper.banner.vertical.rolling .swiper-slide { opacity: 0 !important; } 
/*#sidemenu .swiper.banner.coverflow .swiper-slide-active,*/
#sidemenu .swiper.banner.vertical.rolling .swiper-slide-active { opacity: 1 !important; } 

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { top: inherit; transform: none; right: 0; } 

/*swiper 버전 업 기본 좌측버튼 지우기*/
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: ''; } 

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } 

.swiper-controller, .swiper-button-next, .swiper-button-prev { z-index: 999; } 

.swiper.banner .swiper-slide-active img { padding-bottom: 0; } 

/* app 설정 */
#sidemenu .menu_app { position: relative; margin-bottom: 32px; padding: 0 16px; line-height: 39px; font-weight: bold; font-size: 14px; cursor: pointer; border-top: 1px solid #727272; border-bottom: 1px solid #727272; margin-top: 40px; margin-bottom: 56px; } 
/*** // 좌측슬라이드 업그레이드 ***/


/*-------------------------------------------------------------------*/
#sidemenu { background-color: #fff; z-index: 99999; overflow-y: scroll; overflow-x: hidden; } 

#sidemenu .menu-wrapper { overflow-x: hidden; /*padding: 0 15px; */}

/*#sidemenu .asideContent .sideCs { width: 100%; padding: 20px 0 0; } */

#sidemenu .asideContent > div > ul { padding: 0; } 

#sidemenu .asideContent .title { margin-bottom: 15px; color: #222; font-size: 14px; font-weight: bold; } 

#sidemenu .asideContent .num { margin-bottom: 12px; } 

#sidemenu .asideContent .num a { font-weight: bold; color: #454545; font-size: 18px; } 

#sidemenu .asideContent .content { margin-bottom: 2px; color: #a1a1a1; line-height: 18px; } 

#sidemenu .asideContent .content::after { content: ""; display: block; clear: both; } 

/* HTML source pc-mobile login common part
-------------------------------------------------- */
.common-wrapper .title { width: 100%; height: 60px; padding: 15px 15px; } 

.common-wrapper .btn_back { position: relative; top: 0; left: 0; } 

.common-wrapper .logo { display: block; text-align: center; } 

 .common-wrapper .logo > img { width: 200px; } 

.common-wrapper .not-found-wrapper .logo { margin-left: 0; margin-right: 0; } 

.common-wrapper .not-found-wrapper .panel-heading { border-bottom: 2px solid #ffcc00; } 

.common-wrapper .not-found-wrapper .panel-body { margin-bottom: 30px; } 

 .common-wrapper .not-found-wrapper .panel-body h4 { font-weight: 600; margin-bottom: 40px; } 

 .common-wrapper .not-found-wrapper .panel-body .desc { font-weight: 400; margin-bottom: 0; } 

/*.common-wrapper .btn-block + .btn-block { margin-top: 10px; } */

.common-wrapper .naver { background-color: #37cc66; color: #fff; box-shadow: 0 3px 0 #15ab44; } 

.common-wrapper .kakao { background-color: #ffe800; color: #3b3b3b; box-shadow: 0 3px 0 #f1c252; } 

.common-wrapper .facebook { background-color: #3b5998; color: #fff; } 

.common-wrapper table tr,
.common-wrapper table th,
.common-wrapper table td { border: none; padding-left: 0; padding-right: 0; display: block; } 
.common-wrapper table th { font-size: 11px; color: #727272; } 

.common-wrapper .divider { position: relative; margin: 2px auto 18px; font-weight: 400; width: 40px; height: 1px; background-color: #e8e8e8; } 

.common-wrapper .ip_phone { display: flex; flex-direction: row; } 

 .common-wrapper .ip_phone .form-control { margin-right: 6px; } 

 .common-wrapper .ip_phone .form-control:last-child { margin: 0; } 

.common-wrapper .btn.getnum { font-size: 11px; height: 37px; line-height: 40px; padding: 0 14px; } 

.common-wrapper .form-group.get_phone_num { display: flex; flex-direction: row; margin-bottom: 10px; } 

.common-wrapper .get_phone_num .form-control { margin-right: 6px; } 

.common-wrapper .form-group.phone-token { position: relative; display: flex; flex-direction: row; } 

 .common-wrapper .form-group.phone-token > div { position: relative; width: 100%; margin-right: 6px; } 

 .common-wrapper .form-group.phone-token > div span { position: absolute; top: 0; right: 0; padding: 12px; font-size: 11px; color: #ff9c00; } 

 .common-wrapper .form-group.phone-token a { text-align: center; width: 92px; font-size: 12px; margin-left: 4px; } 

.common-wrapper .form-group a { text-align: center; width: 92px; font-size: 12px; } 

.common-wrapper .login-wrapper .form-control + .form-control { margin-left: 11px; } 

.not-found-wrapper .btn { display: block; height: 40px; line-height: 40px; padding: 0 26px; } 

.not-found-wrapper .btn-empty { color: #ffcc00; border-color: #ffcc00; margin-bottom: 5px; } 

.not-found-wrapper .btn-home { background-color: #ffcc00; color: #fff; } 

.common-wrapper .form-group { padding: 0; margin-top: 10px; margin-bottom: 20px; } 

.common-wrapper .login-wrapper .form-group { margin-top: 0; margin-bottom: 10px; } 

.common-wrapper .panel-footer { border-width: 0; font-weight: 400; } 

 .common-wrapper .panel-footer .policy { font-size: 11px; text-align: left; margin-bottom: 20px; color: #727272; } 

.common-wrapper .tab-content > .tab-pane { padding: 20px 0; } 

.common-wrapper .nav-tabs { display: flex; flex-direction: row; } 

 .common-wrapper .nav-tabs > li { width: 100%; text-align: center; background-color: #f8f8f8; } 

 .common-wrapper .nav-tabs > li.active { background-color: #fff; } 

 .common-wrapper .nav-tabs > li > a { border: 1px solid #ddd; margin: 0; color: #727272; font-weight: bold; } 

 .common-wrapper .nav-tabs > li:first-child.active > a { border-left: 0; } 

 .common-wrapper .nav-tabs > li:nth-child(2) a { border-left: 0; border-right: 0; } 

 .common-wrapper .nav-tabs > li:last-child.active > a { border-right: 0; } 

 .common-wrapper .nav-tabs > li.active > a { border-bottom-color: transparent !important; color: #222; } 

.common-wrapper .panel-heading p { font-size: .6875rem; color: #929292; text-align: center; line-height: 1.5; } 

.common-wrapper .panel-heading b { color: #222; } 

.login-wrapper { padding: 0 20px 0 20px; } 

#loginModal .login-wrapper.panel { padding: 0; } 

#loginModal .sns.join_wrap { padding-top: 0; } 

.login-wrapper .panel-body p { font-size: 11px; text-align: center; color: #929292; } 

 .login-wrapper .panel-body p b { color: #727272; } 

.login-wrapper .panel-body .sns-login { display: flex; flex-direction: row; padding: 16px 0; } 

 .login-wrapper .panel-body .sns-login li + li { margin-left: 8px; } 

 .login-wrapper .panel-body .sns-login li,
 .login-wrapper .panel-body .sns-login li a { width: 100%; } 

 .login-wrapper .panel-body .sns-login img { max-width: 100%; } 

.login-wrapper .panel-footer.util > ul > li { display: flex; flex-direction: row; justify-content: space-between; font-size: 11px; color: #929292; border: 0; padding: 20px 15px; } 

 .login-wrapper .panel-footer.util > ul > li:first-child { border-bottom: 1px solid #e8e8e8; margin-bottom: 0; } 

 .login-wrapper .panel-footer.util > ul > li.guest { justify-content: center; } 

 .login-wrapper .panel-footer.util > ul > li > a { font-weight: bold; } 

 .login-wrapper .panel-footer.util > ul > li.guest img { padding-right: 5px; } 

.login-wrapper .gojoin { font-weight: bold; font-size: 11px; text-align: center; padding: 12px 0; color: #929292; background-color: #f8f8f8; } 

.login-wrapper .nav-tabs { display: flex; flex-direction: row; border-bottom: 2px solid #ddd; } 

 .login-wrapper .nav-tabs li { width: 100%; background-color: #fff; } 

 .login-wrapper .nav-tabs li a { text-align: center; margin: 0; color: #929292; font-weight: bold; border: 0; } 

 .login-wrapper .nav-tabs > li.active > a { border-color: transparent; border-bottom: 2px solid #222 !important; margin: 0; color: #222; } 
/*.login-wrapper .panel-footer.util > ul > li > .btn-gray,
.login-wrapper .panel-footer.util > ul > li > .btn-gray:focus,
.login-wrapper .panel-footer.util > ul > li > .btn-gray:hover { border-color: #999; background-color: #999; } 
.login-wrapper .panel-footer.util > ul > li > .btn-black,
.login-wrapper .panel-footer.util > ul > li > .btn-black:focus
.login-wrapper .panel-footer.util > ul > li > .btn-black:hover { border-color: #f2b826; background-color: #f2b826; } 
.login-wrapper .panel-footer.util > ul > li > .btn-empty,
.login-wrapper .panel-footer.util > ul > li > .btn-empty:focus
.login-wrapper .panel-footer.util > ul > li > .btn-empty:hover { color: #f2b826; border-color: #f2b826; background-color: #fff; } */
.join-wrapper .panel-heading { padding: 17px 15px 29px 15px; } 

.joinselect .join-wrapper .panel-heading { padding: 17px 15px; } 

.user-find-wrapper { margin-top: 20px; } 

 .user-find-wrapper .panel-heading { padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; } 

@media (max-width: 340px){
 .login-wrapper .panel-footer.util > ul > li > .btn { font-size: .75rem; width: 130px; } 
 }

.common-wrapper .panel-footer.copyright p { font-size: 12px; margin-bottom: 0; } 
/*.popover {border: 1px solid #343a40;box-shadow:none; } */
.popover .popover-title .fontello { float: right; } 
/*.popover.sns .popover-content a > img {height: 40px; } */
.popover.category { max-width: 100%; width: 78%; margin-top: 0; } 

 .popover.category .col-xs-6:nth-child(2n-1) { padding-left: 0; } 

 .popover.category .col-xs-6:nth-child(2n) { padding-right: 0; } 

 .popover.align .list-group,
 .popover.category .list-group { margin-bottom: 0; } 

 .popover.align .list-group-item,
 .popover.category .list-group-item { font-size: .8125rem; color: #343a40; padding: 3px 0; border: 0; } 

 .popover.align .list-group-item.active,
 .popover.category .list-group-item.active { color: #ffcc00; } 

.popover.align { width: 100px; margin-top: 0; } 

.coupon-wrapper { display: table; margin: 0 auto; } 

 .coupon-wrapper .coupon { position: relative; display: table-cell; width: 170px; height: 195px; text-align: center; padding: 0 20px; vertical-align: middle; background-size: 170px 195px; } 

 .coupon-wrapper .coupon:not(.deactive):hover { cursor: pointer; } 

 .coupon-wrapper .coupon.deactive .price,
 .coupon-wrapper .coupon.deactive .subject,
 .coupon-wrapper .coupon.deactive .download { color: #e5e5e5; } 

 .coupon-wrapper .coupon .price { font-size: 1.5rem; font-weight: 600; margin-bottom: 0; } 

 .coupon-wrapper .coupon .subject { font-size: 12px; color: #929292; margin-bottom: 0; } 

 .coupon-wrapper .coupon .download { position: absolute; bottom: 12px; left: 50%; color: #fff; margin-left: -35px; white-space: nowrap; } 

 .coupon-wrapper .coupon .download .fa { position: relative; top: 2px; padding-left: 7px; } 

 .coupon-wrapper .coupon.typeA { background-image: url('/design/moraguo/img/coupon1.png'); } 

 .coupon-wrapper .coupon.typeB { background-image: url('/design/moraguo/img/coupon2.png'); } 

 .coupon-wrapper .coupon.typeC { background-image: url('/design/moraguo/img/coupon3.png'); } 

 .coupon-wrapper .coupon.typeD { background-image: url('/design/moraguo/img/coupon4.png'); } 

 .coupon-wrapper .coupon.typeE { background-image: url('/design/moraguo/img/coupon5.png'); } 

 .coupon-wrapper .coupon.deactive { background-image: url('/design/moraguo/img/coupon-deactive.png'); } 

@media (min-width: 768px){
 .coupon-wrapper .coupon { width: 207px; height: 203px; background-size: 207px 203px; } 
 }

@-webkit-keyframes pulse-animation { 
 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); } 

 70% { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 

 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 
 }

@keyframes pulse-animation { 
 0% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); } 

 70% { -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 

 100% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 
 }

#snsShareModal .modal-dialog { width: 100%; height: 100%; margin-top: 0 !important; } 

#snsShareModal .modal-content { border: 0; } 

#snsShareModal .modal-header { text-align: center; border: 0; color: #222; } 

 #snsShareModal .modal-header > .modal-title { font-weight: 600; } 

#snsShareModal .modal-body { padding-top: 30px; padding-bottom: 30px; } 

 #snsShareModal .modal-body .panel-heading { border-bottom: 1px solid #e8e8e8; line-height: 1.8; font-weight: 600; } 

 #snsShareModal .modal-body .panel-heading p:first-child { color: #929292; font-weight: 400; } 

 #snsShareModal .modal-body .select-sns-wrapper { margin: 40px 0; } 

 #snsShareModal .modal-body .sns { display: inline-block; margin: 0 8px; } 

 #snsShareModal .modal-body .sns > img { width: 40px; } 

 #snsShareModal .modal-body .url-copy-wrapper { font-size: 0; margin-top: 15px; display: flex; flex-direction: column; align-items: center; } 

 #snsShareModal .modal-body .url-copy-wrapper .form-control { display: inline-block; width: calc(100% - 100px); height: 40px; border-radius: 8px; background-image: url(/design/moraguo/img/icon_url.png); background-repeat: no-repeat; background-size: 16px 17px; background-position: 12px center; padding-left: 38px; } 

 #snsShareModal .modal-body .url-copy-wrapper .btn { width: 85px; height: 38px; line-height: 40px; vertical-align: top; padding: 0; margin-top: 15px; } 

.popup-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 9999; } 

.popup-wrapper > .popup-contents { display: table; width: 100%; height: 100%; } 

.popup-contents > .contents { display: table-cell; text-align: center; vertical-align: middle; padding: 0 25px; } 

 .popup-contents > .contents > .img-wrapper { position: relative; margin-bottom: 15px; } 

 .popup-contents > .contents > .img-wrapper > .close { position: absolute; top: 0; right: 0; opacity: 1; text-shadow: none; text-shadow: 0 1px 0 #000; } 

 .popup-contents > .contents > .img-wrapper > .close > .fontello { color: #000; font-weight: 800; font-size: 1rem; padding: 15px; } 

 .popup-contents .contents .title { color: #fff; font-size: 1rem; font-weight: 600; text-decoration: underline; } 

.best-wrapper .more-view .btn { color: #ffcc00; font-size: .9375rem; font-weight: 600; } 

.best-wrapper .panel-footer { padding-top: 10px; } 

.today-wrapper .more-view .btn { color: #ffcc00; font-size: .9375rem; font-weight: 600; } 

.basket-wrapper .panel-body.gift-wrapper { background-color: #f8f8f8; padding: 20px 16px !important; display: flex; flex-direction: column; margin:0 15px 20px 15px; } 

.basket-wrapper .panel-body.gift-wrapper .title { height: auto; } 

.basket-wrapper .panel-body.gift-wrapper > .Btn { margin: 0 86px; } 

.basket-wrapper .panel-body.gift-wrapper > .title { font-weight: 600; } 

.basket-wrapper .panel-body.gift-wrapper > .desc { padding: 11px 0; } 

.basket-wrapper .panel-body.gift-wrapper > .desc p { font-size: .6875rem; letter-spacing: -1.5px; margin-bottom: 0; color: #727272; line-height: 1.6; } 

.payment-wrapper .order-payment-info .giftnow { font-size: 1.125rem; font-weight: 600; color: #fff; width: 200px; height: 50px; line-height: 50px; padding: 0 26px; margin-top: 30px; margin-bottom: 40px; background-color: #ffcc00; } 

.payment-wrapper .panel-heading p { text-align: left; } 

 .payment-wrapper .panel-heading p .totalprice-color { color: red; } 

.payment-wrapper .order-payment-info .giftend-text { margin: 50px 0; font-size: 17px; font-weight: 700; } 


#orderend-goods-table .panel-body { padding: 15px 0; } 

 #orderend-goods-table .panel-body .media { border-bottom: 1px solid #e8e8e8; padding: 15px 0; margin: 0 15px; } 

 #orderend-goods-table .panel-body .media-footer,
 #orderend-goods-table .panel-body .media-side { padding: 5px; } 

 #orderend-goods-table .panel-body .media-footer a,
 #orderend-goods-table .panel-body .media-side a { padding: 0 12px; height: 26px; line-height: 28px; font-size: 11px; } 

 #orderend-goods-table .panel-body .media-side { display: flex; flex-direction: row; justify-content: center; } 

 #orderend-goods-table .panel-body .media-side a + a { margin-left: 6px; } 

#orderend-goods-table > .panel-body > .media > .media-body > .subject { font-size: 13px; font-weight: 600; margin-top: 0; margin-bottom: 2px; padding: 5px 0; } 

#orderend-goods-table > .panel-body > .media > .media-body > .price { color: #222; font-size: 12px; font-weight: 600; margin: 5px 0; } 

#orderend-goods-table > .panel-body > .media > .media-body > .option { font-size: 11px; color: #929292; letter-spacing: -1px; margin-bottom: 0; } 

#orderend-goods-table .media-body .price .count { font-size: 11px; font-weight: 400; color: #929292; } 

#orderend-goods-table .media .media-object { width: 99px; height: 99px; } 

#orderend-goods-table .media-body .price .count:before { content: "("; } 

#orderend-goods-table .media-body .price .count:after { content: ")"; } 

#orderend-goods-table .media .media-left { padding-right: 15px; padding-left: 15px; } 

.center-modal .modal-dialog { width: 90%; height: auto; margin-left: auto; margin-right: auto; } 

.center-modal .common-wrapper .panel-heading > .close { font-size: 1rem; opacity: 1; } 

.center-modal .common-wrapper .panel-heading > h4 { font-weight: 600; text-align: center; margin: 0; } 

.center-modal .common-wrapper .divider .or { color: #343a40; } 

.center-modal .common-wrapper .panel-body > form { position: relative; } 

.center-modal .common-wrapper .form-group { width: calc(100% - 100px); } 

 .center-modal .common-wrapper .form-group > .form-control { border-radius: 4px; } 

.center-modal .common-wrapper .panel-body.member .btn-wrapper { position: absolute; top: 0; right: 0; display: table; width: 90px; height: 90px; } 

.center-modal .common-wrapper .panel-body.member .btn { display: table-cell; text-align: center; padding: 0; border-radius: 4px; vertical-align: middle; } 

.center-modal .modal-body .panel-footer { text-align: center; padding: 0; } 

 .center-modal .modal-body .panel-footer > ul { margin-bottom: 0; } 

 .center-modal .modal-body .panel-footer > ul > li { display: inline-block; font-weight: 600; padding: 0; border: 0; } 

 .center-modal .modal-body .panel-footer > ul > li:not(:last-child):after { content: "|"; color: #ffcc00; padding: 0 7px; } 

.popup-wrapper-detail { position: absolute; } 

 .popup-wrapper-detail > a.close { position: absolute; top: 0px; right: 0px; display: block; font-size: 0; padding: 15px; opacity: 1; } 

 .popup-wrapper-detail > a > .fontello { color: #fff; font-size: 12px; font-weight: 800; } 

.runapp-wrapper.panel { border: 0; } 

.runapp-wrapper > .panel-heading { padding: 0; } 

.runapp-wrapper > .panel-body { font-size: 1.25rem; padding-top: 30px; } 

 .runapp-wrapper > .panel-body > .guide { color: #666; font-size: .8125rem; margin-bottom: 0; } 

.app-end .panel-heading { padding-top: 20px; font-size: 1.5rem; } 

.app-end .row { margin: 0px !important; } 

.app-end .container { padding-left: 15px; padding-right: 15px; } 

.app-end .prod-wrapper > .col-xs-6:nth-child(2n-1) { padding-left: 5px; padding-right: 15px; } 

.app-end .prod-wrapper > .col-xs-6:nth-child(2n) { padding-left: 15px; padding-right: 5px; } 

.reply-nodata { margin-top: 40px; text-align: center; } 

#kakaoShareConfirm .modal-content { border: 0; } 

#kakaoShareConfirm .modal-header { text-align: center; border: 0; background-color: #fff; } 

 #kakaoShareConfirm .modal-header > .modal-title { font-weight: 500; color: black; } 

 #kakaoShareConfirm .modal-header > .modal-title > .inline-text { display: inline-block; } 

#kakaoShareConfirm .modal-footer { text-align: center; border-top: 0px; } 

#kakaoShareConfirm > .modal-dialog:not(.confirm) > .modal-content > .modal-footer { position: inherit; bottom: 0; width: 100%; height: 55px; line-height: 45px; padding-top: 0; padding-bottom: 0; } 

#mainBanner .swiper-pagination-bullet-active { background-color: #ffcc00; } 

#bestProd { padding-top: 4px; margin-bottom: 40px; } 

 #bestProd .swiper-slide { width: 70%; } 

.single-swiper .prod.type1 { border-width: 0 0 1px; margin-bottom: 0; } 

.swiper-button-prev,
.swiper-button-next { width: auto; height: auto; background-image: none; background-color: rgba(0, 0, 0, .1); outline: none; } 

.swiper-button-prev { left: 0; padding: 3px 5px 3px 3px; } 

.swiper-button-next { right: 0; padding: 3px 3px 3px 5px; } 

 .swiper-button-prev > i,
 .swiper-button-next > i { color: #fff; } 

/* 이용후기 */
#reviewWriteModal .modal-content { font-size: .875rem; width: 100%; height: calc(100% - 0px); overflow-y: auto; } 



#reviewWriteModal .modal-header .close { color: #222; top: 0; } 

#reviewWriteModal .modal-title { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 16px; font-weight: 600; color: #222; } 


#reviewWriteModal .modal-body hr { margin-top: 10px; margin-bottom: 10px; /*border-color: #ddd; */}

#reviewWriteModal .modal-body dl { position: relative; margin-bottom: 0; font-size: 11px; display: flex; align-items: center; } 

#reviewWriteModal .modal-body .purchase-info .media-left .media-object { width: 75px; height: 75px; } 

#reviewWriteModal .modal-body .purchase-info .media-body .title { font-size: .875rem; font-weight: 600; margin-bottom: 0; } 

#reviewWriteModal .modal-body .purchase-info .media-body .option { color: #929292; font-size: .75rem; display: block; } 

#reviewWriteModal .modal-body .review-score dt { position: absolute; } 

#reviewWriteModal .modal-body .review-score dd { margin-left: 65px; display: flex; align-items: center; } 

#reviewWriteModal .modal-body .review-score .star-comment { display: inline-block; margin-left: 10px; font-weight: bold; } 

#reviewWriteModal .review-score .score-wrapper .fa { color: #ffc833; font-size: 1.25rem; letter-spacing: 2px; cursor: pointer; } 

#reviewWriteModal .form-group { margin-bottom: 10px; } 

 #reviewWriteModal .form-group.image { position: relative; margin-bottom: 0; } 

#reviewWriteModal .form-group.image .btn { position: absolute; top: 0; right: 0; font-size: 0.75rem; padding: 0 12px; height: 30px; line-height: 32px; outline: none; } 

#reviewWriteModal .form-group.image .desc { display: inline-block; color: #929292; font-size: 0.75rem; width: calc(100% - 115px); line-height: 1.4; letter-spacing: -1px; word-break: keep-all; } 

#reviewWriteModal .form-group.image .panel-body { font-size: 0; padding: 20px 0 10px 0; display: flex; } 

 #reviewWriteModal .form-group.image .panel-body .image { position: relative; display: inline-block; margin: 1px; cursor: pointer; margin-right: 4px; width: 25%; height: 100px; } 

 #reviewWriteModal .form-group.image .panel-body .image:last-child { margin-right: 0; } 

 #reviewWriteModal .form-group.image .panel-body .image img { height: 100%; } 

 #reviewWriteModal .form-group.image .panel-body .image > .remove { position: absolute; right: 0; top: -7px; color: #fff; width: 14px; height: 14px; line-height: 12px; text-align: center; font-size: .75rem; background: #343a40; border-radius: 50%; z-index: 1; } 

#reviewWriteModal .modal-footer { text-align: center; } 

 #reviewWriteModal .modal-footer button { font-size: .875rem; } 

.reviewCateNodata { text-align: center; margin-bottom: 85px; margin-top: 40px; } 

.no-data-review { margin-top: 90px; margin-bottom: 40px; padding: 0 25px; } 

.photo-gallery-wrapper { font-size: 0; padding-top: 1px; } 

 .photo-gallery-wrapper > img { width: 33.1%; margin-bottom: 1px; } 

 .photo-gallery-wrapper > img:nth-child(3n-1) { margin-left: 1px; margin-right: 1px; } 

.popup-review_count { z-index: 9999; width: 100%; background-color: black; position: absolute; left: 0px; top: 0px; display: none; text-align: center; opacity: 0.7; } 

.prod-tab-wrapper .nav-tabs.nav-justified li a .count { position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); padding: 0 6px; border-radius: 12px; height: 16px; line-height: 16px; color: #fff; font-size: .5625rem; font-weight: 600; } 

.prod-tab-wrapper .nav-tabs.nav-justified li a.reviewTab > .count { background-color: #ff0000; } 

.prod-tab-wrapper .nav-tabs.nav-justified li a.qnaTab > .count { background-color: #ff0000; } 

.prod-tab-wrapper .tab-content #prodQna .panel-heading,
.review-detail-list-wrapper .panel-heading { background-color: #f8f8f8; border-bottom: 1px solid #e8e8e8; padding: 12px 15px 15px; } 

.review-detail-list-wrapper .prod-review .panel-heading { background-color: #fff; border-bottom: 0; padding: 0; } 

.review-detail-list-wrapper .prod-review .panel-heading span { font-size: 0.75rem; } 
.review-detail-list-wrapper .panel .panel-footer .review-reply-del { float: right; } 
.review-detail-list-wrapper .panel.prod-review .panel-body { padding:16px 0 0; } 
.review-detail-list-wrapper .panel .panel-footer .review-reply-del img { width: 16px; } 

.review-detail-wrapper .media-body .photo-reply-del { margin-left: auto; } 

.review-detail-wrapper .media-body .photo-reply-del img { width: 16px; height: 16px; } 

.review-detail-list-wrapper .panel .panel-footer .review-reply-date { color: #999; font-size: 0.75rem; display: inline-block; } 

.my-wrapper #qnatype .nav-tabs li { width: 50%; border-top: 1px solid #e8e8e8; } 

.my-wrapper #qnatype .nav-tabs > li > a { font-size: 13px; font-weight: bold; color: #727272; margin-bottom: 0; padding: 10px 0; border-width: 0 1px 1px; border-style: solid; border-color: #e8e8e8; background-color: #f8f8f8; } 

.my-wrapper #qnatype .nav-tabs > li.active > a { border-bottom-color: #fff; border-left-width: 1px; background-color: #fff; color: #222; } 

.my-wrapper #qnatype .nav-tabs > li:last-child > a { border-left: 0; border-right: 0; } 

.my-wrapper #qnatype .nav-tabs > li:first-child > a { border-left: 0; } 

.my-wrapper #qnatype .panel-heading { text-align: center; padding: 15px 0; font-size: 11px; color: #727272; border-bottom: 1px solid #e8e8e8; } 

.my-wrapper #qnatype .media-list { padding-left: 0; list-style: none; } 

.my-wrapper #qnatype .tab-content .panel-body { padding: 15px 0; } 

.my-wrapper #qnatype .media { padding: 15px 0; border-bottom: 1px solid #e8e8e8; } 

 .my-wrapper #qnatype .media:first-child { padding-top: 0 !important; } 

.my-wrapper #qnatype .media-left { display: flex; align-items: center; padding-right: 0; padding: 0 0 0 5px; } 

 .my-wrapper #qnatype .media-left .comment { display: inline-block; /*width: 48px; height: 19px; */
 line-height: 16px; border-radius: 4px; color: #fff; padding: 2px; font-size: 0.75rem; } 

 .my-wrapper #qnatype .media-left .comment.uncall { background-color: #eb2121; } 

 .my-wrapper #qnatype .media-left .comment.call { background-color: #b8b8b8; } 

 .my-wrapper #qnatype .media-left .qna_user_info { margin-left: 5px; display: flex; } 

 .my-wrapper #qnatype .media-left .qna_user_info span { padding-right: 6px; color: #929292; font-weight: 600; font-size: 0.75rem; cursor:pointer}

 .my-wrapper #qnatype .media-left .qna_user_info span:last-child { font-weight: 400; } 

 .my-wrapper #qnatype .media-left .qna_icon { display: flex; } 

 .my-wrapper #qnatype .media-left div:last-child { margin-left: auto; } 

 .my-wrapper #qnatype .media-left .qna_icon a + a { margin-left: 6px; } 

 .my-wrapper #qnatype .media-left div:last-child img { width: 16px; height: 16px; } 

.my-wrapper #qnatype .media-body { position: relative; } 

 .my-wrapper #qnatype .media-body .media_text { color: #222; font-size: 12px; padding: 10px 5px; width: 95%; word-break: break-all; } 
 /*2021-11-15 김선우 수정 마이페이지 상품문의,1:1문의 글 줄바꿈*/
 .my-wrapper #qnatype .media-body .media_text span { font-weight: 400; word-break: break-all; white-space: pre-line; } 

 .my-wrapper #qnatype .media-body .media_text .fadebox { float: right; letter-spacing: 0; position: absolute; top: 0; right: 0; padding: 9px 2px; } 

 .my-wrapper #qnatype .media-body .media_text .fadebox .fa { font-size: 18px; font-weight: bold; color: #b8b8b8; } 

 .my-wrapper #qnatype .media-body .admin_comment { background-color: #f8f8f8; padding: 15px 12px !important; border-bottom: 0; } 

 .my-wrapper #qnatype .media-body .admin_comment .media-left { color: #929292; padding: 0; } 

.my-wrapper #qnatype .tab-pane > .panel-body p { margin-bottom: 0; } 

.my-wrapper #qnatype .media-body .admin_comment .media-body { /*padding-top: 12px; */
 font-size: 11px; } 

.my-wrapper #qnatype .panel-side { background-color: #f8f8f8; border-bottom: 1px solid #e8e8e8; padding: 12px 15px 15px; } 

.my-wrapper #qnatype .no-data { min-height: 200px; line-height: 2.5; } 

 .my-wrapper #qnatype .no-data h6 { font-size: 12px; font-weight: bold; } 

 .my-wrapper #qnatype .no-data p { font-size: 10px; color: #929292; } 

.my-wrapper #qnatype .review-regist-text { word-break: keep-all; } 

.my-wrapper.review-wrapper .tab-pane .review-regist-text { text-align: center; padding: 15px 0; font-size: 0.75rem; color: #727272; border-bottom: 1px solid #e8e8e8; } 

.my-wrapper.review-wrapper .review_bottom_text { font-size: 12px; color: #727272; text-align: center; padding: 20px 0; } 

.my-wrapper.review-wrapper .tab-pane .review-regist-text b { color: #222; } 

.my-wrapper.review-wrapper .tab-pane .review-regist-text .review-regist-point { color: #ff7900; } 

.my-wrapper.review-wrapper .more-view { text-align: center; padding: 15px 0; } 

 .my-wrapper.review-wrapper .more-view > .btn { font-size: .875rem; font-weight: 600; } 

.my-wrapper.review-wrapper .nav-tabs > li { float: left; width: 50%; border-top: 1px solid #e8e8e8; } 

 .my-wrapper.review-wrapper .nav-tabs > li > a { font-size: 13px; font-weight: bold; color: #727272; margin-bottom: 0; padding: 10px 0; border-width: 0 1px 1px; border-style: solid; border-color: #e8e8e8; background-color: #f8f8f8; } 

 .my-wrapper.review-wrapper .nav-tabs > li > a .review_num { padding: 0 0 2px; background-color: #ff0000; border-radius: 50%; margin: 0 7px; } 

 .my-wrapper.review-wrapper .nav-tabs > li > a i { color: #fff; font-weight: bold; font-style: normal; display: inline-block; font-size: 11px; width: 15px; height: 15px; line-height: 15px; margin: 0 1px; } 

 .my-wrapper.review-wrapper .nav-tabs > li.active > a { /*border: 1px solid #e8e8e8; */
 border-bottom-color: #fff; border-left-width: 1px; background-color: #fff; color: #222; } 

 .my-wrapper.review-wrapper .nav-tabs > li:first-child > a { border-left: 0; } 

 .my-wrapper.review-wrapper .nav-tabs > li:last-child > a { border-left: 0; border-right: 0; } 

.my-wrapper.review-wrapper .tab-pane { background-color: transparent; } 

 .my-wrapper.review-wrapper .tab-pane .media-list { padding: 0; } 

 .my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper { /*margin-left: -15px; margin-right: -15px; */
 margin-top: 10px; } 

 .my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper .col-xs-3 { position: relative; padding: 1px; } 

.my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper .col-xs-3 .image { cursor: pointer; display: flex; justify-content: center; align-items: center; padding-top: 100%; width: 100%; overflow: hidden; position: relative; } 

.my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper .col-xs-3 .image .media-object { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } 

.my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper .col-xs-3.myreview { padding:3px; } 

 .my-wrapper.review-wrapper .tab-pane .media { position: relative; margin: 0; padding: 10px 0; background-color: #fff; border-bottom: 1px solid #e8e8e8; } 

 .my-wrapper.review-wrapper .tab-pane .media .order-date { color: #929292; font-size: .75rem; line-height: 1; margin-bottom: 10px; padding: 10px 0; } 

 .my-wrapper.review-wrapper .tab-pane .media .order-date .btn-group { display: flex; float: right; margin-top: -2px; } 

 .my-wrapper.review-wrapper .tab-pane .media .order-date .btn-group a { padding: 0 4px; } 

.my-wrapper.review-wrapper .tab-pane .media .order-date .goitem { font-weight: bold; color: #222; cursor:pointer; } 

.my-wrapper.review-wrapper .tab-pane .media .order-date .date { letter-spacing: -1px; color: #929292; } 

.my-wrapper.review-wrapper .tab-pane .media .order-date .score-wrapper .fa { color: #ffc833; font-size: .75rem; letter-spacing: 2px; } 

 .my-wrapper.review-wrapper .tab-pane#writtenReview .btn-group img { width: 16px; height: 16px; } 

 .my-wrapper.review-wrapper .tab-pane .media:last-child { margin-bottom: 10px; } 

 .my-wrapper.review-wrapper .tab-pane .media-left { padding-right: 15px; } 

 .my-wrapper.review-wrapper .tab-pane .media-left .media-object { width: 75px; height: 75px; } 

.my-wrapper.review-wrapper .tab-pane .media-body { padding: 4px 0; } 

.my-wrapper.review-wrapper .tab-pane .media-heading { font-size: 12px; font-weight: 600; } 

.my-wrapper.review-wrapper .tab-pane .media-body > .options { color: #929292; font-size: 11px; line-height: 1.2; margin-bottom: 15px; } 

.my-wrapper.review-wrapper .tab-pane .media-footer { height: 53px; margin-top: 12px; margin-bottom: -11px; background-color: #f8f8f8; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: center; } 

.my-wrapper.review-wrapper .tab-pane .media-footer button { height: 28px; line-height: 30px; line-height: inherit; padding: 0 10px; font-size: 0.75rem; outline: none; } 

.my-wrapper.review-wrapper .tab-pane .review_order { display: flex; justify-content: space-between; } 

.my-wrapper.review-wrapper .tab-pane .review_order .price { font-size: 12px; font-weight: 600; line-height: 1; margin-bottom: 0; } 

.my-wrapper.review-wrapper .tab-pane .review_order p:last-child { color: #b8b8b8; } 

.my-wrapper.review-wrapper .tab-pane .media .contents { padding: 0; } 

.my-wrapper.review-wrapper .tab-pane .media .contents p { color: #222; font-size: 12px; overflow: hidden; margin: 0 0 10px; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; } 

.my-wrapper.review-wrapper .tab-pane .media .contents .text_more { font-size: 0.75rem; color: #b8b8b8; display: flex; justify-content: center; align-items: center; } 

.my-wrapper.review-wrapper .tab-pane .media .myreview_comment { font-size: 0.75rem; color: #929292; margin: 18px 0 15px 0; } 

.my-wrapper.review-wrapper .tab-pane .media .myreview_comment span { display: block; text-align: right; } 

.my-wrapper.review-wrapper .tab-pane .media .myreview_comment .comment_num { color: #727272; font-weight: bold; } 

.my-wrapper.review-wrapper .tab-pane .media .myreview_comment img { width: 18px; } 

.my-wrapper.review-wrapper .tab-pane .media .admin_comment { /*padding: 12px; */
 background-color: #f8f8f8; border-bottom: 1px solid #e8e8e8}
.my-wrapper.review-wrapper .tab-pane .image-wrapper { display: flex; } 

.my-wrapper.review-wrapper .tab-pane .image-wrapper > img { width: 25%; height: 100px; } 

.my-wrapper.review-wrapper .tab-pane .image-wrapper > img + img { margin-left: 1px; } 

.my-wrapper.review-wrapper #notWrittenReview .data_none { display: flex; flex-direction: column; justify-content: center; min-height: 150px; font-size: 0.75rem; color: #929292; } 

.my-wrapper.review-wrapper #notWrittenReview .data_none td { text-align: center; line-height: 1.7; } 

.my-wrapper.review-wrapper #notWrittenReview .data_none td b { color: #222; font-size: 12px; } 

.my-wrapper.review-wrapper #writtenReview .data_none { display: flex; flex-direction: column; justify-content: center; min-height: 150px; font-size: 11px; color: #929292; /*margin-left: 14%; */}
.my-wrapper.review-wrapper #writtenReview .data_none tr { display: flex; align-items: center; justify-content: center; } 
.my-wrapper.review-wrapper #writtenReview .data_none td { text-align: center; line-height: 1.7; } 

.my-wrapper.review-wrapper #writtenReview .data_none td b { color: #222; font-size: 12px; } 

.review-detail-list-wrapper .panel:not(:last-child) { margin-bottom: 0; border-bottom: 1px solid #e8e8e8; } 

.review-detail-list-wrapper .panel .panel-heading .info { margin: 16px 0px 0; } 

.review-detail-list-wrapper .panel .panel-heading .writer { color: #999; font-weight: 600; } 

.review-detail-list-wrapper .panel .panel-heading .name { color: #929292; margin-left: 10px; margin-right: 4px; } 

.review-detail-list-wrapper .panel .panel-heading .score-wrapper .fa { color: #ffc833; letter-spacing: -1px; } 

.review-detail-list-wrapper .panel .panel-heading .writer-date { color: #929292; } 

.review-detail-list-wrapper .panel .panel-heading .count-wrapper { margin-bottom: 0; } 

.review-detail-list-wrapper .panel .panel-heading .count-wrapper .count { font-weight: 800; } 

.review-detail-list-wrapper .panel.main-review-photo .panel-body { padding: 16px 0; } 

.review-detail-list-wrapper .panel .panel-body .filter_option { font-size: 0.75rem; color: #727272; display: flex; width: 100%; } 

.review-detail-list-wrapper .panel .panel-body .filter_option .align-wrapper { display: flex; } 

.review-detail-list-wrapper .panel .panel-body .total-score { display: flex; align-items: center; } 

.review-detail-list-wrapper .panel .panel-body .total-score div { display: flex; } 

.review-detail-list-wrapper .panel .panel-body .total-score div:first-child { padding-right: 15px; } 

.review-detail-list-wrapper .panel .panel-body .total-score .score { padding-left: 4px; } 

.review-detail-list-wrapper .panel .panel-body .filter_option > div:last-child { margin-left: auto; display: flex; } 

.review-detail-list-wrapper .panel .panel-body .review-total-score .fa { color: #ff9700; } 

.review-detail-list-wrapper .panel .panel-body .review-total-score > .title { padding-right: 10px; font-weight: 600; } 

.review-detail-list-wrapper .panel .panel-body .review-total-score > .score { padding-left: 10px; font-weight: 600; } 

.review-detail-list-wrapper .panel .panel-body .align-wrapper > a { font-size: 0.75rem; text-align: center; padding: 4px 6px; border-radius: 20px; } 

.review-detail-list-wrapper .panel .panel-body .align-wrapper > a.text-danger { background-color: #222; color: #fff; } 

.review-detail-list-wrapper .panel .panel-body .align-wrapper > .text-danger:hover { background-color: #222; color: #fff; } 

.review-detail-list-wrapper .panel .panel-body .col-xs-3 { position: relative; padding: 3px; } 
/*.review-detail-list-wrapper .panel .panel-body .col-xs-3 .more-view {position: absolute;top: 2px;color: #fff;font-weight: 600;display: flex;width: 98%;height: 98%;justify-content: center;align-items: center;background-color: rgba(0,0,0,.5); } */
.review-detail-list-wrapper .panel .panel-body .photo-list { display: flex; flex-direction: row; margin: 0 auto; width: 100%; padding: 15px 0; justify-content: center; align-items: center; } 

.review-detail-list-wrapper .panel .panel-body .photo-list > .photo { position: relative; display: flex; flex-direction: row; box-sizing: border-box; margin: 0 6px; overflow: hidden; width: 25%; border-radius: 50%; } 

.review-detail-list-wrapper .panel .panel-body .photo-list > .photo > .image { vertical-align: top; } 

.review-detail-list-wrapper .panel .panel-body .photo-list > .photo > .more-view { position: absolute; color: #fff; font-weight: 600; font-size: 11px; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background-color: rgba(0,0,0,.5); } 

.review-detail-list-wrapper .panel .panel-body .image { cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; padding-top: 100%; width: 100%; overflow: hidden; position: relative; /*border-radius: 50%; */}

.review-detail-list-wrapper .panel .panel-body .image .img-responsive { /*border-radius: 50%; */
 position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } 

.review-detail-list-wrapper .panel .panel-body .review-desc { /*margin-top: 10px; */
 margin-bottom: 0; /*white-space: pre-line; */
 /*max-height: 47px; overflow: hidden; */
 margin: 0 0 16px; color: #222; /*text-overflow: ellipsis; */
 word-break: break-word; /*display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; */
 line-height: 1.5em; display: inline-block; font-size:0.75rem; } 

.review-detail-list-wrapper .panel .panel-body .text_more { display: flex; justify-content: center; align-items: center; color: #b8b8b8; font-size: 11px; cursor: pointer; } 

.review-detail-list-wrapper .panel .panel-body .text_more .fa { font-size: 14px; padding-left: 4px; } 

.review-detail-list-wrapper .panel .panel-footer { border-top: 0; padding: 0; /*padding-bottom: 20px; */
 padding-top: 15px; } 

.review-detail-list-wrapper .panel .panel-footer .divider { color: #999; font-weight: 600; } 

.review-detail-list-wrapper .panel .panel-footer .text-danger { font-weight: 800; } 

.review-detail-list-wrapper .panel .panel-footer .text-danger:hover,
.review-detail-list-wrapper .panel .panel-footer .text-danger:focus { color: #929292; } 

.review-detail-list-wrapper .panel .panel-footer .help-yn { line-height: 34px; text-align: center; color: #727272; font-size:0.75rem; } 

.review-detail-list-wrapper .panel .panel-footer .help-yn { margin-bottom: 0; } 

.review-detail-list-wrapper .panel .panel-footer .help-yn .btn-wrapper { margin-left: 6px; } 

.review-detail-list-wrapper .panel .panel-footer .help { display: flex; padding: 18px 0; } 

.review-detail-list-wrapper .panel .panel-footer .help a { color: #929292; } 

 .review-detail-list-wrapper .panel .panel-footer .help a:first-child { display: flex; } 

.review-detail-list-wrapper .panel .panel-footer .help .count-wrapper { display: flex; width: 100%; text-align: right; } 

.review-detail-list-wrapper .panel .panel-footer .help a .count { color: #929292; width: 100%; font-size:0.75rem; } 

.review-detail-list-wrapper .panel .panel-footer .help .openReply,
.review-detail-list-wrapper .panel .panel-footer .help .closeReply { margin-right: 4px; } 

.review-detail-list-wrapper .panel .panel-footer .help img { width: 18px; } 

.review-detail-list-wrapper .panel .panel-footer .btn-wrapper a { font-size: 0.75rem; border: 0; color: #fff; width: 48px; height: 24px; line-height: 25px; border-radius: 20px; display: inline-block; background-color: #b8b8b8; } 
 /*.review-detail-list-wrapper .panel .panel-footer .btn-wrapper { background-color: #b8b8b8; } 
.review-detail-list-wrapper .panel .panel-footer .btn-wrapper a:last-child { background-color: #222; } */
 .review-detail-list-wrapper .panel .panel-footer .btn-wrapper a + a { margin-left: 2px; } 

.review-like-css { background-color: #222 !important; } 

.review-detail-list-wrapper .panel .panel-footer .reply-wrapper { background-color: #f8f8f8; } 

.review-detail-list-wrapper .panel .panel-footer .input-group { margin: 20px 12px; } 

 .review-detail-list-wrapper .panel .panel-footer .input-group .btn { font-size: .875rem; padding-left: 20px; padding-right: 20px; } 

 .review-detail-list-wrapper .panel .panel-footer .input-group .form-control { font-size: .8125rem; resize: none; } 

 .review-detail-list-wrapper .panel .panel-footer .input-group .form-control,
 .review-detail-list-wrapper .panel .panel-footer .input-group .btn { height: 55px; } 

.review-detail-list-wrapper .panel .panel-footer .media-list { margin-bottom: 0; } 

.review-detail-list-wrapper .panel .panel-footer .media { padding: 12px; } 

 .review-detail-list-wrapper .panel .panel-footer .media + .media { border-top: 1px solid #e5e5e5; } 

 .review-detail-list-wrapper .panel .panel-footer .media:last-child { border-bottom: 0; } 

.review-detail-list-wrapper .panel .panel-footer .media-left { min-width: 75px; font-size: 0.75rem; color: #929292; } 
.review-detail-list-wrapper .panel .panel-footer .media-body { font-size: .75rem; line-height: 1.2; word-break: break-all; white-space: pre-line; padding-top: 4px; } 

.review-detail-list-wrapper .prod-review .panel-heading .review-del { float: right}

 .review-detail-list-wrapper .prod-review .panel-heading .review-del img { width: 16px; } 

.detail_qna .media-left { display: flex; align-items: center; padding-right: 0; padding: 0 5px; } 

.detail_qna .media-left .comment { display: inline-block; width: 51px; height: 17px; line-height: 16px; border-radius: 4px; color: #fff; padding: 0; font-size: 0.75rem; } 

.detail_qna .media-left .comment.uncall { background-color: #eb2121; font-size:0.75rem; } 

.detail_qna .media-left .comment.call { background-color: #b8b8b8; } 

.detail_qna .media-left .qna_user_info { margin-left: 10px; display: flex; } 

.detail_qna .media-left .qna_user_info span { padding-right: 6px; color: #929292; font-weight: 600; font-size: 0.75rem; } 

.detail_qna .media-left .qna_user_info span:last-child { font-weight: 400; } 
 /*.detail_qna .media-left div:last-child { margin-left: auto; } */
.detail_qna .media-left div:last-child a { margin-left: 4px; } 

.detail_qna .media-left div:last-child img { width: 16px; height: 16px; } 

.detail_qna .media-body .secret_text { color: #222; font-size: 12px; padding: 10px 5px; } 

 .detail_qna .media-body .secret_text img { width: 14px; margin-right: 4px; } 

 .detail_qna .media-body .secret_text span { font-weight: 400; } 

 .detail_qna .media-body .secret_text .fadebox { float: right; letter-spacing: 0; } 

 .detail_qna .media-body .secret_text .fadebox .fa { font-size: 18px; font-weight: bold; color: #b8b8b8; } 

.detail_qna .media-body .icon_lock img { width: 14px; } 

.detail_qna .media-body .qnaHold { padding: 20px; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center; } 

 .detail_qna .media-body .qnaHold input { border: 1px solid #ddd; height: 40px; padding: 0 6px; border-radius: 8px; font-size: 0.75rem; border: 1px solid #b8b8b8; outline: none; } 

 .detail_qna .media-body .qnaHold a { height: 36px; padding: 0 25px; margin-left: 8px; } 

.detail_qna .media-body .qna_content { padding: 10px 5px; word-break: break-all; white-space: pre-line; } 

.detail_qna .media-body .admin_comment { background-color: #f8f8f8; padding: 10px 5px !important; border-bottom: 1px solid #e8e8e8; } 

.detail_qna .media-body .admin_comment .media-left { color: #929292; padding: 0; } 

.detail_qna .media-body .admin_comment .media-body { padding-top: 12px; font-size: 0.75rem; word-break: break-all; } 

#qnaModal .modal-header { display: flex; width: auto; height: 60px; line-height: 65px; margin: 0 15px; padding: 0; } 

 #qnaModal .modal-header .modal-title { position: relative; width: 100%; height: 60px; font-size: 16px; font-weight: bold; display: flex; justify-content: center; align-items: center; } 

#qnaModal .modal-body .form-group { color: #727272; font-size: 0.75rem; } 

 #qnaModal .modal-body .form-group label { font-weight: 400; }

 #qnaModal .modal-body .form-group.content label { display: flex; } 

 #qnaModal .modal-body .form-group .text_count { margin-left: auto; } 

 #qnaModal .modal-body .form-group.member { display: flex; flex-direction: column; } 

 #qnaModal .modal-body .form-group.member .member_data { display: block; width: 100%; height: 40px; line-height: 30px; padding: 6px 0; } 

 #qnaModal .modal-body .form-group.member input,
 #qnaModal .modal-body .member.form-group[readonly] { background-color: #fff; } 

#qnaModal .modal-footer { display: flex; flex-direction: row; border-top: 0; } 

 #qnaModal .modal-footer .Btn { width: 50%; } 

#reviewModal .modal-content { background-color: #222; } 

#reviewModal .modal-content .close { position: absolute; top: 0; right: 0; padding: 18px; opacity: 1; color: #fff; margin-top: 0; z-index: 9; } 

#reviewModal .modal-content .score-wrapper { position: absolute; top: -42px; left: 15px; } 

#reviewModal .modal-content .score-wrapper span { color: #fff; font-size: 1.125rem; } 

#reviewModal .modal-content .score-wrapper .title { padding-right: 5px; } 

#reviewModal .modal-content .score-wrapper .score { padding-left: 5px; } 

#reviewModal .modal-content .score-wrapper .fa { color: #fdb913; font-size: 1.25rem; letter-spacing: -1px; } 

#reviewModal .modal-content .swiper-container { /*padding: 60px 0 0px; */}

#reviewModal .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0px; } 

#reviewModal .modal-content .panel-body { position: fixed; bottom: -100px; /*font-size: 12px; */
 height: 100px; overflow-y: scroll; padding: 7px 15px; z-index: 10; background-color: rgba(0, 0, 0, .05); width: 100%; } 

#reviewModal .modal-content .review-desc { color: #fff; margin-bottom: 0; white-space: pre-line; } 

#reviewModal .swiper-pagination-bullet-active { background-color: #dc3545; } 

#sidemenu .login-out-wrapper .col-xs-6 .mycount { display: inline; color: #2f9d9c; font-size: 1.25rem; font-weight: 600; margin-bottom: 0; } 

.main-review-wrapper { /* border-top: 2px solid #e8e8e8; padding-top: 17px; padding-bottom: 20px; margin: 15px 15px 0 15px; margin-top: 15px; */}

.main-review-wrapper .container { /*padding: 0; */}



.main-review-wrapper .review { /*width: 50%; */}

.main-review-wrapper .section-title-wrapper { padding: 16px 15px; } 

.main-review-wrapper .btn { margin-top: 20px; } 

.review-category-wrapper { position: relative; overflow: hidden; } 

 .review-category-wrapper .category-list.image { font-size: 0; overflow-x: auto; white-space: nowrap; padding-top: 5px; } 

 .review-category-wrapper .category-list.image .all-view { position: absolute; top: 0; right: 0; width: 30px; height: 100%; color: #000; font-size: 1rem; border: 0; background-color: #fff; -webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.2); } 

 .review-category-wrapper .category-list.image .all-view .fa { color: #cb1516; font-size: 1.5rem; } 

 .review-category-wrapper .category-list.image .category { display: inline-block; text-align: center; width: 20%; vertical-align: top; } 

 .review-category-wrapper .category-list.image .category > a { display: block; color: #929292; font-size: 11px; font-weight: 600; /*margin: 0 1px; */
 padding: 10px; border: 0; background-color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

 .review-category-wrapper .category-list.text { display: flex; flex-wrap: wrap; padding: 20px 12px; } 

 .review-category-wrapper .category-list.text .category { padding-right: 16px; } 

.review-category-wrapper .category-list.text .category > a { color: #929292; font-weight: 600; display: flex; align-items: center; } 

.review-category-wrapper .category-list.text .category > a img { display: none; padding-right: 4px; } 

.review-category-wrapper .category-list.image .active > a > .text { color: #222; } 

.review-category-wrapper .category-list.text .active > a { color: #222; font-weight: bold; } 

.review-category-wrapper .category-list.text .category.active .chk_on,
.review-category-wrapper .category-list.text .category .chk_off { display: block; } 

.review-category-wrapper .category-list.text .category .chk_on,
.review-category-wrapper .category-list.text .category.active .chk_off { display: none; } 

.review-list-container .pagination-wrapper { border-top: 0; text-align: center; } 

.review-list-wrapper { margin: -2.5px; } 

.review { /*width: calc(50% - 10px); */
 margin-bottom: 10px; } 



 .review > .panel-heading { padding: 0; } 

 .review > .panel-body { padding: 14px 0 4px; } 

 .review > .panel-body .desc { color: #666; font-size: .6875rem; overflow: hidden; margin-bottom: 10px; white-space: pre-line; } 

.review > .panel-body .prod-title { font-size: 0.8125rem; height: 57px; max-height: 48px; overflow: hidden; margin: 0 0 3px; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.2em; } 

.review > .panel-footer { border: 0; padding: 0; /*height: 42px; */
 min-height: 55px; } 

.review > .panel-footer .byname { display: inline-block; padding-right: 12px; } 

.review > .panel-footer .score-wrapper div { display: flex; flex-direction: row; padding-top: 6px; } 

.review > .panel-footer .score-wrapper div p:last-child { color: #929292; } 



.review > .panel-footer .score-wrapper .score { position: absolute; top: 28px; right: 0; font-size: .75rem; } 


#reviewCategoryModal .modal-dialog { height: auto; } 

#reviewCategoryModal .modal-content { border: 0; box-shadow: none; background-color: transparent; } 

#reviewCategoryModal .modal-body { height: auto; padding: 0; overflow: initial; background-color: #fff; } 

#reviewCategoryModal .category-list { display: flex; flex-wrap: wrap; padding: 1px 0 0 1px; } 

 #reviewCategoryModal .category-list > .category { width: 20.24%; text-align: center; margin-top: -1px; margin-left: -1px; border: 1px solid #e5e5e5; } 

 #reviewCategoryModal .category-list > .category > a { display: block; color: #929292; font-size: 11px; font-weight: 400; padding: 10px; background-color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

 #reviewCategoryModal .category-list > .category img { display: block; width: 50%; margin: 0 auto 5px; } 

#reviewCategoryModal .modal-footer { position: relative; height: auto; padding: 0; margin-top: -1px; line-height: 1; } 

 #reviewCategoryModal .modal-footer > button { border: 0; background-color: #fff; box-shadow: 0 3px 9px rgba(0,0,0,5%); } 

 #reviewCategoryModal .modal-footer > button .fa { color: #cb1516; font-size: 1.5rem; } 

.pagination > li > a:focus,
.pagination > li > a:hover { background-color: transparent; color: #b8b8b8; } 

.pagination > li > a { color: #b8b8b8; border: 0; font-size: 0.75rem; font-weight: bold; } 

.pagination > li.active > a { color: #fff; background-color: #222; border-radius: 10px; } 

.pagination .fa { position: relative; top: -2px; font-size: 1.25rem; } 

.review-detail-wrapper { margin: 0 15px; } 

.review-detail-wrapper .panel { border: 0; margin-top: 20px; margin-bottom: 40px; } 

.review-detail-wrapper .panel-heading,
.review-detail-wrapper .panel-body { padding-left: 0; padding-right: 0; } 

.review-detail-wrapper .score-wrapper .fa { color: #ffc833; font-size: 1.75rem; } 

.review-detail-wrapper .panel-heading { padding: 40px 0; } 

.review-detail-wrapper .panel-heading .title { font-size: 14px; font-weight: 600; margin: 14px 0 10px; } 

.review-detail-wrapper .panel-heading .option { color: #929292; font-size: 0.75rem; margin-bottom: 16px; } 



.review-detail-wrapper .panel-heading .btn > .fontello { font-size: 10px; } 

.review-detail-wrapper .panel-heading .btn:focus { border-color: #999; background-color: #999; } 

.review-detail-wrapper .panel-body {padding-bottom: 10px; } 

.review-detail-wrapper .media-left {padding-left: 15px;vertical-align: middle; } 

.review-detail-wrapper .media-left .img-circle { color: #fff; font-size: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; background-color: #666; } 

.review-detail-wrapper .panel-footer { border-top: 0; padding: 0; } 

.review-detail-wrapper .panel-footer > .media > .media-left .img-circle { background-color: #ffae00; } 

.review-detail-wrapper .media { position: relative; } 

.review-detail-wrapper .media-list .media { position: relative; padding: 0; margin-top: 0; /*border-bottom: 1px solid #e8e8e8; */}
.review-detail-wrapper .media-list .media:last-child { border-bottom:0; } 
.review-detail-wrapper .media-list .media { border-top: 1px solid #e8e8e8; } 

.review-detail-wrapper .media-body { font-size: 11px; padding: 15px 12px; } 

.review-detail-wrapper .media-body .contents { white-space: pre-line; border-radius: 4px; font-size: 0.75rem; } 

.review-detail-wrapper .media-body .review_info { display: flex; flex-direction: row; align-items: center; padding-top: 15px; } 

.review-detail-wrapper .media-body .review_info .name { font-weight: bold; font-size:0.75rem; } 

.review-detail-wrapper .media-body .review_info .name_first { padding: 6px 7px; background-color: #ffca27; color: #fff; border-radius: 50%; font-weight: bold; margin-right: 4px; } 

.review-detail-wrapper .media-list.reply-list .review_info .name_first { background-color: #b8b8b8; } 

.review-detail-wrapper .media-list .media > .media-body .contents:after { left: 52px; border-color: rgba(221, 221, 221, .3) transparent transparent transparent; } 

.review-detail-wrapper .prod-info { margin-top: 0; padding: 20px 12px; /*padding: 20px 12px 50px; */
 margin-bottom: 0; border-top: 1px solid #e8e8e8; position:relative; display: flex; align-items: center; } 

.review-detail-wrapper .prod-info > .panel-heading { /* position: absolute; */
 padding: 0; /*border: 0; top:0px; bottom: 0; display:flex; align-items:center; */
}

.review-detail-wrapper .prod-info > .panel-heading > img { width: 60px; height: 60px; } 

.review-detail-wrapper .prod-info > .panel-body { /*height: 60px; */
 padding: 0 0 0 18px; } 

.review-detail-wrapper .prod-info > .panel-body > .title { font-size: 0.75rem; /*font-weight: 600; */
 margin: 0 0 5px; } 

.review-detail-wrapper .prod-info > .panel-body > .option { color: #666; font-size: 12px; margin-bottom: 5px; } 

.review-detail-wrapper .prod-info > .panel-body > .price { font-size: 0.75rem; font-weight: 600; margin-bottom: 0; } 

.review-detail-wrapper .prod-info > .panel-footer { padding: 0; display: flex; justify-content: center; margin-top: 20px; } 

.review-detail-wrapper .panel-footer.item_detail { text-align: center; padding-top: 0; padding-bottom: 40px; padding-top: 20px; border-top: 1px solid #e8e8e8; } 
.review-detail-wrapper .prod-info > .panel-footer > .btn { font-size: 12px; font-weight: 600; min-width: 150px; height: 40px; line-height: 40px; padding: 0; margin-top: 10px; border-radius: 18px; border-color: #ffca27; background-color: #ffca27; } 

.review-detail-wrapper .prod-info > .panel-footer > .btn > .fontello { font-size: 10px; } 

.review-detail-wrapper .media-body .date { color: #929292; font-size: 0.75rem; padding: 5px 0; margin-left: 8px; } 

.review-detail-wrapper .input-wrapper { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; font-size: 0; display: flex; align-items: center; background-color: #f6f6f6; } 

.review-detail-wrapper .input-wrapper .form-control { display: inline-block; font-size: .75rem; width: calc(100% - 50px); resize: none; border-width: 1px 0 0; height: 48px; padding-top: 15px; padding-bottom: 15px; box-shadow: none; } 

.review-detail-wrapper .input-wrapper .btn { color: #fff; font-size: 0.75rem; width: 94px; height: 38px; line-height: 40px; padding: 0; background-color: #666; vertical-align: top; } 
.swiper-button-next { right: 0; border-radius: 50% 0 0 50%; } 

.swiper-button-prev { left: 0; border-radius: 0 50% 50% 0; } 

 .swiper-button-next .fontello,
 .swiper-button-prev .fontello { color: #fff; font-size: 1.375rem; line-height: 44px; } 

.my-wrapper.index { background-color: #fff; padding: 0 15px; } 

.my-wrapper .user-info-wrapper { padding: 4px 10px; } 

.my-wrapper.index .myinfo { display: flex; flex-direction: row; } 

 .my-wrapper.index .myinfo img { margin-right: 4px; } 

 .my-wrapper.index .myinfo .mypoint img { width: 16px; } 

 .my-wrapper.index .myinfo .mycoupon img { width: 19px; } 

 .my-wrapper.index .myinfo i { font-size: 20px; padding-left: 7px; font-weight: bold; } 

 .my-wrapper.index .myinfo > div { font-weight: bold; width: 50%; padding: 10px; } 

 .my-wrapper.index .myinfo .point_num,
 .my-wrapper.index .myinfo .coupon_num { font-size: 16px; font-weight: 800; display: flex; flex-direction: row; align-items: center; } 

 .my-wrapper.index .myinfo:first-child div:last-child a { display: flex; align-items: center; float: right; white-space: nowrap; } 

 .my-wrapper.index .myinfo:last-child span:first-child { color: #929292; font-size: 11px; } 

 .my-wrapper.index .myinfo:last-child { line-height: 2; } 

 .my-wrapper.index .myinfo:last-child > div { display: flex; flex-direction: column; } 

 .my-wrapper.index .myinfo .my-name { font-size: 14px; } 

 .my-wrapper.index .myinfo .myclass { background-color: #222; color: #fff; padding: 4px 6px; border-radius: 6px; font-size: 10px !important; } 

.my-wrapper.index > .menu-wrapper > a { position: relative; display: flex; align-items: center; font-size: .875rem; font-weight: 600; padding: 0 26px; width: calc(50% - 1px); height: 50px; background-color: #fff; } 

 .my-wrapper.index > .menu-wrapper > a:nth-child(2n) { margin-bottom: 1px; } 

 .my-wrapper.index > .menu-wrapper > a:nth-child(2n+1) { margin: 0 1px 1px 0; } 

 .my-wrapper.index > .menu-wrapper > a > .count { color: #f2b826; font-size: 1rem; font-weight: 800; margin-left: 5px; } 

 .my-wrapper.index > .menu-wrapper > a > .fa { position: absolute; top: 15px; right: 20px; color: #999; font-size: 1.25rem; } 

.my-wrapper.index > .reward-wrapper { background-color: #f8f8f8; border-top: 1px solid #e8e8e8; margin-bottom: 30px; } 

 .my-wrapper.index > .reward-wrapper .my-info-detail { padding-top: 30px; } 

 .my-wrapper.index > .reward-wrapper label { color: #727272; font-size: 11px; padding: 0 10px; } 

.my-wrapper.index .my-info-detail a { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: bold; color: #222; padding: 0 10px; height: 44px; line-height: 1; border-left: 0; border-right: 0; border-color: #e8e8e8; white-space: nowrap; } 

 .my-wrapper.index .my-info-detail a img { width: 20px; margin-right: 8px; } 

 .my-wrapper.index .my-info-detail a .reward { padding-right: 10px; font-weight: 800; } 

 .my-wrapper.index .my-info-detail a .reward .desc { color: #929292; } 

 .my-wrapper.index .my-info-detail a .mycount { display: flex; align-items: center; } 

.my-wrapper.index .my-info-detail .fa { color: #b8b8b8; font-size: 14px; font-weight: bold; } 

.my-wrapper.index > .reward-wrapper > .list-group-item { position: relative; display: flex; align-items: center; font-size: .875rem; padding: 0 15px; height: 50px; line-height: 1; } 

 .my-wrapper.index > .reward-wrapper > .list-group-item > .text { font-weight: 800; } 

 .my-wrapper.index > .reward-wrapper > .list-group-item > .reward { position: absolute; top: 15px; right: 50px; } 

 .my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .desc { color: #666; font-weight: 600; margin-right: 10px; } 

 .my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .count { color: #f2b826; font-size: 1rem; font-weight: 800; } 

 .my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .unit { font-weight: 600; } 

 .my-wrapper.index > .reward-wrapper > .list-group-item > .fa { position: absolute; top: 13px; right: 15px; color: #999; font-size: 1.25rem; } 

.my-wrapper.index > .btn-wrapper { display: flex; padding-bottom: 20px; } 

 .my-wrapper.index > .btn-wrapper > .btn { display: flex; justify-content: center; align-items: center; font-size: .875rem; width: 33%; padding: 0; height: 50px; } 

 .my-wrapper.index > .btn-wrapper > .btn:nth-child(3n+2) { border-color: #ddd; border-width: 0 1px; } 

 .my-wrapper.index > .btn-wrapper > .btn > .fa { font-size: 1.25rem; margin-left: 5px; } 

.my-wrapper.baljusms .baljusms-logo { text-align: center; } 

 .my-wrapper.baljusms .baljusms-logo img { width: 120px; } 

.my-wrapper.baljusms { padding: 15px; } 

 .my-wrapper.baljusms .section-title-wrapper { padding: 20px 0 15px; } 

 .my-wrapper.baljusms .section-title-wrapper h4 { font-weight: bold; } 

 .my-wrapper.baljusms .section-title-wrapper p { font-size: 14px; } 

 .my-wrapper.baljusms .section-desc-title { padding: 10px; } 

 .my-wrapper.baljusms .section-desc-title h3 { padding: 10px 0; margin: 0; border-bottom: 1px solid #e5e5e5; font-size: 20px; font-weight: bold; color: #484848; } 

 .my-wrapper.baljusms .section-desc-title p { font-size: 13px; color: #727272; margin: 0; padding: 4px 0; } 

 .my-wrapper.baljusms .section-desc-title p:nth-child(2) { margin-bottom: 0; margin-top: 10px; } 

 .my-wrapper.baljusms .pop_cnt table { width: 100%; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-size: 13px; margin-bottom: 20px; } 

 .my-wrapper.baljusms .pop_cnt .tb_basic th { background-color: #f1f2f3; font-weight: 600; word-break: keep-all; padding: 9px 3px; border-right: solid 1px #e5e5e5; text-align: center; } 

 .my-wrapper.baljusms .pop_cnt .tb_basic th:last-child { border-right: 0; } 

 .my-wrapper.baljusms .pop_cnt .tb_basic td { padding: 7px 3px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e9e9e9; text-align: center; } 

 .my-wrapper.baljusms .pop_cnt .tb_basic td:last-child { border-right: 0; } 

.swiper-button-next, .swiper-button-prev { width: 40px; text-align: center; background-color: rgba(0, 0, 0, .3); background-image: none; } 

.swiper-button-next .fa,
.swiper-button-prev .fa { color: #fff; font-size: 2.375rem; } 

#reviewWriteModal .modal-body .review-point-text { text-align: center; } 

#reviewWriteModal .modal-body .review-point-text .review-point-color { font-weight: bold; color: #ffc833; } 

#reviewWriteModal .modal-dialog { height: 100%; } 



#reviewWriteModal .modal-footer { border-top: 0; display: flex; padding: 15px 15px; } 

#reviewWriteModal .modal-body { padding: 20px 15px; } 

#reviewWriteModal .modal-footer button { width: 50%; margin-top: 0; margin-left: 4px; } 

.hashtag-banner-wrapper,
.prod-banner-wrapper { background-color: #fff; } 

 .hashtag-banner-wrapper > .banner-wrapper,
 .prod-banner-wrapper > .banner-wrapper { display: flex; } 

 .hashtag-banner-wrapper > .banner-wrapper:nth-child(1) { height: 86px; line-height: 86px; align-items: center; } 


 .hashtag-banner-wrapper > .banner-wrapper:nth-child(2) { height: 70px; line-height: 70px; } 

 .prod-banner-wrapper > .banner-wrapper > a:nth-child(1) { padding: 0 2px 4px 4px; } 

 .prod-banner-wrapper > .banner-wrapper > a:nth-child(2) { padding: 0 4px 4px 2px; } 

.prod-event-banner-wrapper { padding: 30px 0; background-color: #fff; } 

 .prod-event-banner-wrapper > .banner-wrapper > a { display: block; margin-bottom: 2px; } 

.modal-dialog.confirm > .modal-content > .modal-footer > .btn-review-default { color: #343a40; border-color: #343a40; background-color: #fff; } 

.category-view-wrapper .nav-tabs > li > a > img { display: block; margin: 0 auto 9px; } 

.game-event-list > .event .prod-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); } 

 .game-event-list > .event .prod-overlay > .title { color: #fff; font-size: 1.45rem; font-weight: 600; text-align: center; margin-top: calc(21% - 20px)}

#blockAllLayer { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999999; zoom: 1}

#putin_basket:hover { outline: none; } 

#prodDetail .panel-body.notice { padding: 15px 0; } 

#prodDetail .panel-body.notice .title { font-weight: 600; padding-bottom: 5px; } 

#prodDetail .panel-body.notice .desc { color: #929292; } 

#prodDetail .panel-body.notice .desc_b { padding: 10px 0; } 

#collapseNotice .table { border-top: 1px solid #e8e8e8; } 

#collapseNotice .table tr { display: flex; } 

#collapseNotice .table th,
#collapseNotice .table td { padding: 12px 15px; border-bottom: 1px solid #e8e8e8; } 

#collapseNotice .table th { width: 45%; background-color: #f8f8f8; color: #929292; word-break: break-all; } 

#collapseNotice .table td { width: 55%; word-break: break-all; } 

.modal .banner_list .modal-content { position: relative; top: 0; left: 0; padding: 0 20px 20px; background-color: rgba(0,0,0,0.9); } 

 .modal .banner_list .modal-content .modal-header { position: relative; text-align: center; background-color: transparent; border-bottom: 0; } 

 .modal .banner_list .modal-content .modal-header .close { font-size: 36px; font-weight: 200; color: #fff; float: inherit; } 

#couponUseModal .modal-backdrop, #noOAuthModal1 .modal-backdrop, #viewDeliveryStatusModal .modal-backdrop { height: 100% !important; } 

#couponUseModal .coupon_list { min-height: calc(100% - 80px); } 



#myFullsizeModal .modal-dialog:not(.confirm) > .modal-content { min-height: 100%; /*height: auto; */}
/*회원등급*/
.section-title.myclass { margin: 30px 10px 15px; } 

.benefit_group { border-top: 1px solid #c2c2c2; padding: 10px; } 

 .benefit_group p { margin: 0; line-height: 1.5; } 

.benefit_group_heading { padding-top: 10px; } 

 .benefit_group_heading p { color: #555; font-size: 13px; } 
 .benefit_group_heading .class_member { margin: 15px 0; } 
 .benefit_group_heading .class_member ul li { display: inline-block; font-size: 12px; color: #727272; } 

 .benefit_group_heading .class_member ul li:last-child { float: right; } 

 
 .benefit_group_heading .class_member .progress { margin: 6px 0; height: 20px; } 

 .benefit_group_heading .class_member .progress .progress-bar { line-height: 16px; font-size: 0; } 

 .benefit_group_heading .class_member .progress .my_price span { position: relative; bottom: 2px; margin-left: -50px; color: #fff; font-size: 0.75rem; } 

 .benefit_group_heading .class_member .next_class_price { text-align: right; color: #727272; font-size: 12px; } 

.benefit_group_body { margin-top: 20px; } 

 .benefit_group_body .class_option { padding-top: 10px; } 

 .benefit_group_body .class_option b { padding: 10px; letter-spacing: -1px; } 

 .benefit_group_body .class_option ul { background-color: #f5f5f5; padding: 5px 0 5px 25px; margin: 10px 0; font-size: 12px; } 

 .benefit_group_body .class_option li { padding: 10px 0; } 

.myclass_footer { border-top: 1px solid #c2c2c2; padding: 15px 5px; } 

 .myclass_footer p { font-size: 11px; color: #a5a5a5; margin: 0; line-height: 1.9; } 

.membericon { width: 20px; margin-right: 8px; } 

.Myclass_member { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: bold; color: #222; padding: 0 10px !important; height: 44px; line-height: 1; border-top: 1px solid #e8e8e8 !important; } 

.Myclass_member { padding: 0; border: 0; } 

.memberline .text .count { color: #222222; } 

.membermodal .modal-body { padding: 0; margin-top: 58px; } 

.membermodal .benefit_group { border-top: 0; } 

.member_header { display: flex !important; align-items: center !important; } 

.myclass { margin: 0 auto !important; } 

.member_footer > button { width: 100% !important; } 


.prod > .panel-heading > video { width: 100%; display: block; /*border-radius:10px; */}

.membermodal2 { /*height: auto !important; */
 padding:15px; } 

.modal-dialog > .membermodal2 .container { /*height:100%; */}
/*리뉴얼 샵 수정*/
/*리뉴얼 정렬*/
.position-fixed { position: fixed; } 

.position-relative { position: relative; } 

.position-absolute { position: absolute; } 

.position-absolute-center { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } 

.flex-order1 { order: 1; } 

.flex-order2 { order: 2; text-align: center; } 

.flex-order3 { order: 3; text-align: right; } 

.align_items_center { align-items: center; } 

.align_items_baseline { align-items: baseline; } 

.align_items_end { align-items: end !important; } 

.flex_wrap_wrap { flex-wrap: wrap; } 

.justify-content-between { justify-content: space-between; } 

.flex-wrap { flex-wrap: wrap; } 

.flex-basis-100 { flex-basis: 100% !important; } 

.flex-column { flex-direction: column; } 

.justify-content-center { justify-content: center; } 

.justify-content-end { justify-content: end; } 

.justify-content-start { justify-content: flex-start; } 

.d_flex { display: flex; } 

.d_block { display: block; } 

.d_inline_block { display: inline-block; } 

.d_inline { display: inline; } 

.flex { display: flex; } 

.align-items-center { align-items: center; } 

.flex_direction_column { flex-direction: column !important; } 

.justify_content_space_between { justify-content: space-between; } 

.justify_content_center { justify-content: center; } 

.arrayline { display: flex; flex-direction: row; align-items: center; } 

.arrayline2 { display: flex; flex-direction: column; } 

.arrayline3 { display: flex; flex-direction: column; align-items: center; } 

.arrayline4 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 

.arrayline5 { display: flex; flex-direction: row; align-items: center; justify-content: center; } 

.arrayline6 { display: flex; flex-direction: row; align-items: end; } 

.arrayline7 { display: flex; flex-direction: row; } 

.arrayline8 { display: flex; flex-direction: row; align-items: flex-end; } 

.arrayline9 { display: flex; flex-direction: row; align-items: baseline; justify-content: center; } 

.arrayline10 { display: flex; flex-direction: row; align-items: center; justify-content: center; } 

.arrayline11 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 48px; border: 1px solid; } 

.arrayline12 { display: flex; align-items: center; justify-content: center; } 

.arrayline13 { display: flex; flex-direction: row; align-items: baseline; } 

.arrayline14 { display: flex; align-items: center; justify-content: space-around; } 

.arrayline15 { margin-left: auto; } 

.arrayline16 { margin-right: auto; } 

.letter-spacing-1 { letter-spacing: -1px; } 

.rounded-12 { border-radius: 12px; } 

.bottom-0 { bottom: 0; } 

/*리뉴얼 여백*/
.px-6 { padding: 0 6px; } 
.px-12 { padding: 0 12px; } 
.px-15 { padding: 0 15px; } 
.px-20 { padding: 0 20px; } 
.py-8 { padding: 8px 0; } 
.py-12 { padding: 12px 0; } 
.py-15 { padding: 15px 0; } 
.m-0 { margin: 0 !important; } 
.p-0 { padding: 0 !important; } 
.p-16 { padding: 16px; } 
.p-20 { padding: 20px; } 
.pl-0 { padding-left: 0; } 
.mx-2 { margin: 0 2px !important; } 
.mx-16 { margin: 0 16px !important; } 
.my-15 { margin: 15px 0 !important; } 
.mr-0 { margin-right: 0 !important; } 
.mr-4 { margin-right: 4px; } 

.mr-6 { margin-right: 6px; } 

.mr-8 { margin-right: 8px; } 

.mr-10 { margin-right: 10px; } 
.mr-16 { margin-right: 16px; } 
.mr-20 { margin-right: 20px; } 
.ml-auto { margin-left: auto; } 

.ml-4 { margin-left: 4px; } 

.ml-8 { margin-left: 8px; } 

.ml-12 { margin-left: 12px; } 

.ml-15 { margin-left: 15px !important; } 

.mb-2 { margin-bottom: 2px !important; } 
.mb-4 { margin-bottom: 4px !important; } 

.mb-8 { margin-bottom: 8px !important; } 

.mb-12 { margin-bottom: 12px !important; } 

.mb-15 { margin-bottom: 15px !important; } 

.mb-20 { margin-bottom: 20px !important; } 

.mb-30 { margin-bottom: 30px !important; } 

.mb-35 { margin-bottom: 35px; } 

.mb-75 { margin-bottom: 75px; } 

.mt-auto { margin-top: auto; } 

.mt-4 { margin-top: 4px; } 

.mt-8 { margin-top: 8px; } 

.mt-10 { margin-top: 10px; } 

.mt-12 { margin-top: 12px; } 

.mt-15 { margin-top: 15px; } 

.mt-16 { margin-top: 16px; } 

.mt-20 { margin-top: 20px; } 

.mt-35 { margin-top: 35px; } 

.pt-8 { padding-top: 8px; } 

.null_gap1 { padding: 0 !important; } 

.gap_1m { margin-left: 24px !important; } 

.gap_2m { margin: 0 10px; } 

.gap_3m { margin: 0 7px; } 

.gap_4m { margin-left: 14px; } 

.gap_5m { margin: 24px; } 

.gap_6m { margin-bottom: 16px; } 

.gap_7m { margin-top: 16px; } 

.gap_8m { margin-top: 10px; } 

.gap_9m { margin-top: 20px; } 

.gap_10m { margin-left: 16px; } 

.gap_11m { margin-left: 40px; } 

.gap_12m { margin-left: 8px; } 

.gap_13m { margin-left: 4px; } 

.gap_14m { margin-right: 4px; } 

.gap_15m { margin-top: 26px; } 

.gap_16m { margin-right: 24px; } 

.gap_17m { margin: 2px 2px; } 

.gap_18m { margin-top: 13px; } 

.gap_19m { margin-top: 8px; } 

.gap_20m { margin-top: 4px; } 

.gap_21m { margin-bottom: 8px; } 

.gap_22m { margin-bottom: 6px; } 

.gap_23m { margin-top: 32px; } 

.gap_24m { margin-left: 6px; } 

.gap_25m { margin: 0px 15px; } 

.gap_26m { margin: 0px -15px; } 

.gap_27m { margin: 0px -30px; } 

.gap_28m { margin: 0px; } 

.gap_29m { margin-bottom: 32px !important; } 

.gap_30m { margin-bottom: 64px; } 

.gap_31m { margin-bottom: 35px; } 

.gap_32m { margin-bottom: 25px; } 

.gap_2p { padding: 16px; } 

.gap_3p { padding-top: 16px !important; } 

.gap_4p { padding-top: 23px; } 

.gap_5p { padding-bottom: 16px !important; } 

.gap_6p { padding-bottom: 11px; } 

.gap_7p { padding-top: 7px !important; } 

.gap_8p { padding-left: 16px; } 

.gap_9p { padding-top: 20px !important; } 

.gap_10p { padding-top: 32px; } 

.gap_11p { padding-bottom: 20px !important; } 

.gap_12p { padding-bottom: 32px !important; } 

.gap_13p { padding-bottom: 30px; } 

.gap_14p { padding-top: 52px !important; } 

.gap_15p { padding: 0 16px; } 

.gap_16p { padding: 8px 16px; } 

.gap_17p { padding-left: 4px; } 

.gap_18p { padding: 0 10px; } 

.gap_19p { padding: 0 1px; } 

.gap_20p { padding: 10px; } 

.gap_22p { padding: 0px 15px; } 

.gap_23p { padding-bottom: 32px; } 
/*//리뉴얼 여백*/

/*리뉴얼 인풋 셀렉트*/
.basic_input { line-height: 30px; color: #424242; font-size: 12px; border: 1px solid #d7d6d6; border-radius: 4px; outline: none; padding: 0 8px !important; background: #fff; } 

.basic_select { background: #fff; border: 1px solid #d7d6d6; color: #424242; outline: none; border-radius: 4px; padding: 0 8px; font-size: 12px; } 

.bs_1 { width: 280px; height: 30px; } 

.bs_2 { width: 480px; height: 30px; } 

.bs_3 { width: 160px; height: 30px; } 

.bs_4 { width: 240px; height: 30px; } 

.bs_5 { width: 450px; height: 30px; } 

.bs_6 { width: 180px; height: 30px; } 

.bs_7 { width: 380px; height: 30px; } 

.bs_8 { width: 250px; height: 30px; } 

.bs_9 { width: 120px; height: 30px; } 

.bs_10 { width: 168px; height: 30px; } 

.bs_11 { width: 1100px; height: 30px; } 

.bs_12 { width: 80px; height: 30px; } 

.bs_13 { width: 220px; height: 30px; } 

.bs_14 { width: 1500px; height: 30px; } 

.bs_15 { width: 320px; height: 30px; } 

.bs_16 { width: 200px; height: 30px; } 

.bs_17 { width: 360px; height: 30px; } 

.bs_18 { width: 340px; height: 30px; } 

.bs_19 { width: 260px; height: 30px; } 

.bs_20 { width: 270px; height: 30px; } 

.bs_21 { width: 64px; height: 30px; } 

.bs_22 { width: 440px; height: 30px; } 

.bs_23 { width: 65px; height: 30px; } 

.bs_24 { width: 110px; height: 30px}

.bs_25 { width: 140px; height: 30px; } 

.bs_26 { width: 100px; height: 30px; } 

.bs_27 { width: 56px; height: 30px; } 

.bs_28 { width: 154px; height: 30px; } 

.bs_29 { width: 60px; height: 30px; } 

.bs_30 { width: 40px; height: 30px; } 

.bs_31 { width: 500px; height: 30px; } 

.bs_32 { width: 1200px; height: 30px; } 

.bs_33 { width: 300px; height: 30px; } 

.bs_34 { width: 1180px; height: 30px; } 

.bs_35 { width: 92px; height: 30px; } 

.bs_36 { width: 114px; height: 30px; } 

.bs_37 { width: 400px; height: 30px; } 

.bs_38 { width: 411px; height: 30px; } 

.bs_39 { width: 600px; height: 30px; } 

.bs_40 { width: 50px; height: 30px; } 

.bs_41 { width: 190px; height: 30px; } 

.inputstyle1 { margin: 0 4px 1px 17px !important; } 

.inputstyle2 { margin-left: 0 !important; } 
/*//리뉴얼 인풋 셀렉트*/

/*리뉴얼 기타*/
.cursor_pointer { cursor: pointer; } 

.text1 { text-align: center; } 

.text2 { text-align: right; } 

.text3 { text-align: left; } 

.text-normal { font-style: normal; } 

.font_w { font-weight: bold; } 

.font_w_500 { font-weight: 500 !important; } 
.line-h-initial { line-height:initial !important; } 
.line-h-inherit { line-height:inherit !important; } 
.text-overflow { display: block !important; overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap !important; } 
/*//리뉴얼 기타*/

/*리뉴얼 border*/
.list_null { border-bottom: none; } 

.list_null2 { border-right: none !important; } 

.td_border1 { border-top: 1px solid #e8e8e8; } 

.td_border2 { border-bottom: 1px solid #e8e8e8; } 

.td_border3 { border-top: 1px solid #dddddd; } 

.td_border4 { border-bottom: 1px solid #ddd; } 

.basic_border { border: 1px solid; } 

.border-bottom { border-bottom: 1px solid; } 
/*//리뉴얼 border*/



.menu_wrapperleft,
.menu_wrappercenter { height: 60px; margin: 0 10px; display: flex; align-items: center; } 

.logo_wrapper img { width: 150px; } 

.menu_wrappercenter .menu_icon img,
.menu_wrappercenter .mypage_icon img,
.menu_wrappercenter .search_icon img,
.menu_wrappercenter .basket_icon img,
.menu_wrappercenter .delivery_icon img,
.menu_wrappercenter .share_icon img,
.menu_wrapperleft .menu_icon img,
.menu_wrapperleft .mypage_icon img,
.menu_wrapperleft .search_icon img,
.menu_wrapperleft .basket_icon img,
.menu_wrapperleft .delivery_icon img,
.menu_wrapperleft .share_icon img { width: 32px; } 

.menu_wrappercenter .logo_wrapper { margin: 0 auto; } 

.menu_wrappercenter .lefttype { /*width: 30%; */
 width: 19%; display: flex; z-index: 9; } 

.menu_wrappercenter .righttype { /*width: 30%; */
 width: 19%; display: flex; align-items: center; justify-content: flex-end; z-index: 9; } 

.menu_wrapperleft .logo_wrapper { margin-left: 5px; } 

.main-review-wrapper .panel-body { padding: 12px 0 0 0; } 


#reviewCarousel .section-title-wrapper { padding: 15px 15px; } 

/*배너 */
.bigBannerCarousel_olcasebottom { /*margin-top: 4px; */
 bottom: 0 !important; margin-top: 0; } 

.bigBannerCarousel_olcasein { bottom: 0px !important; margin-bottom: 4px; } 

.bbc_pagination { bottom: 0 !important; width: auto; padding: 4px 10px 3px 1px; } 

.slidetype4 { display: flex; flex-direction: row; position: absolute; top: 0; right: 0; z-index: 9; padding: 0px 20px 0 10px; background-color: #333; color: #fff; font-size: 9px; } 

.slidetype4box > div > span { border-top: 1px solid #fff; width: 10px; margin-top: 2px; } 

.slidetype4box > div { display: flex; flex-direction: column; align-items: center; margin-top: 1px; } 

.arrowimgbox { width: 22px; height: 25px; background-color: #000; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; } 

 .arrowimgbox img { width: 10px; height: 10px; } 

.bbc_pagination .swiper-pagination-current,
.bbc_pagination .swiper-pagination-total { font-size: 0.6875rem}

/*배너 클*/
.footer-info-wrapper .kakao_imgsize,
.footer-info-wrapper .inshop_imgsize { width: 100%; } 

.counsel-wrapper .customerinfo_call { padding-bottom: 12px; font-size: 0.875rem; font-weight: bold; } 

/*.customerinfo { line-height: 20px; } */

.footer-info-wrapper .kakao_wrapper,
.footer-info-wrapper .inshop_wrapper { padding: 0 !important; } 

.footer-info-wrapper .bankaccountinfo { margin-top: 12px; } 

.footer-info-wrapper .bankaccountinfo li { line-height: 20px; } 

.footer-info-wrapper .bankaccount { font-size: .875rem; font-weight: bold; } 

.body_panel .summary { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #727272; } 

.body_panel .default-benefit > p,
.sliding4 .benefit .pay_coupon { border: 1px solid #929292; border-radius: 4px; padding: 3px; margin-top: 4px; background: #fff; color: #929292; font-weight: bold; letter-spacing: -0.2px; max-height: 21px; } 

.body_panel .benefit,
.sliding4 .benefit { height: 25px; } 
.benefit.custom-benefit { height:21px; } 
.fixtype3 .body_panel .benefit { width: 100%; } 
.col-xs-4 .custom-benefit p,
.col-xs-12 .custom-benefit p,
.col-xs-6 .custom-benefit p,
.swiper-wrapper .custom-benefit p { border-radius: 4px; padding: 3px; font-weight: bold; letter-spacing: -0.2px; border: 1px solid; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 21px; } 


.footer_panel.default-footerpanel .orderCount { color: #727272; min-height: 14px; letter-spacing: -0.2px; display: flex; } 

.footer_panel .avgstar i { margin-left: 1px; color: #ffc833; margin-top: 4px; }
.avgstar span { margin-left: 4px; } 

.footer_panel .avgstarnum i { color: #ffc833; } 

.footer_panel .avgstar i:last-child { margin-right: 2px; } 

.footer_panel .avgstarnum i:last-child { margin-right: 2px; } 

.footer_panel .avgstar { color: #727272; font-weight: bold; min-height: 14px; display: flex; align-items: baseline; letter-spacing: -0.2px; } 

.footer_panel .avgstar .none,
.orderinfor .avgstarnum .none { color: #e8e8e8; } 

.wrapper_prod .body_panel .summary_fix2 { color: #727272; } 

.fixtype1row .panel-heading img { min-width: 150px; height: 150px; } 

.h5style { color: blue; font-weight: bold; } 

.wrapper_moall,
.detail_wrap_moall { overflow-x: hidden; } 

.slidetype1 { width: 100% !important; } 

.fixtype2 .col-xs-6:nth-child(2n-1),
.fixtype2col .col-xs-6:nth-child(2n-1) { padding-left: 15px; } 

.fixtype2 .col-xs-6:nth-child(2n),
.fixtype2col .col-xs-6:nth-child(2n) { padding-right: 15px; } 

.fixtype3 .col-xs-4 { padding: 0 4px; } 

.fixtype3col .col-xs-4 { padding: 0 4px; } 


.fixtype2col .panel-heading img { height: 200px; } 

.fixtype3col .panel-heading img { height: 150px; } 

.main-review-wrapper .review img { /*border-radius:10px; */}

.more-view a { letter-spacing: -0.2px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 6px; } 

.common-moreview-btn a { letter-spacing: -0.2px; padding: 0 6px; width: 100%; display: flex; align-items: center; justify-content: center; } 

.common-moreview-btn span { /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */
 display: flex; align-items: center; } 

.common-moreview-btn { padding-bottom: 16px !important; } 

#categoryView .more-view a i { margin-left: 4px; } 

.more-view a object { display: flex; align-items: center; justify-content: center; } 

.goodswant { width: 139px; } 

/*컬러버튼*/
/*공통*/
.Btn { font-weight: bold; padding: 0; border: 0; text-align: center; height: 40px; line-height: 39px; font-size: .75rem; font-weight: bold; cursor: pointer; } 
/* //공통*/

/*구매하기*/
.btn_type_purchase { border-radius: var(--btn_type_purchase_radius, 26px); background-color: var(--btn_type_purchase_bacground, #1e7efa); border: var(--btn_type_purchase_border, none); border-bottom: var(--btn_type_purchase_border-bottom, 6px solid rgba(0,0,0,0.14)); color: var(--btn_type_purchase_color, #ffd800); box-shadow: 0px var(--btn_type_purchase_shadow_px, 0px) var(--btn_type_purchase_box-shadow); } 
/*장바구니*/
.btn_type_cart { border-radius: var(--btn_type_cart_radius, 26px); background-color: var(--btn_type_cart_bacground, #13afed); border: var(--btn_type_cart_border, none); border-bottom: var(--btn_type_cart_border-bottom, 6px solid rgba(0,0,0,0.14)); color: var(--btn_type_cart_color, #ffd800); box-shadow: 0px var(--btn_type_cart_shadow_px, 0px) var(--btn_type_cart_box-shadow); } 
/*쇼핑몰대표색상*/
.btn_type_shopbasic { background-color: var(--btn_type_shopbasic_background, #000) !important; } 
/*Goods/List 총몇개의상품(숫자)*/
.btn_type_shopbasic2 { color: var(--btn_type_shopbasic2_color, #0e16f0); } 
/*배너ol active, 마이페이지배송조회 active, 검색 background*/
.btn_type_shopbasic3 { background-color: var(--btn_type_shopbasic3_background, #0e16f0); } 

/*쇼핑몰대표색상 border*/
.btn_type_sbasicborder { border-top: var(--btn_type_sbasicborder_border-top, 1px solid #0e16f0); } 
/*카테고리 active, 상세정보 active*/
.btn_type_sbasicborder2 { border-bottom: var(--btn_type_sbasicborder2_border-bottom, 2px solid #0e16f0); } 

.btn_type_sbasicborderfont { border-bottom: var(--btn_type_sbasicborderfont_color,#0e16f0); } 



/*주요버튼*/
.btn_type_basic { border-radius: var(--btn_type_basic_radius, 26px); background-color: var(--btn_type_basic_bacground, #13afed) !important; border: var(--btn_type_basic_border, none); border-bottom: var(--btn_type_basic_border-bottom, 6px solid rgba(0,0,0,0.14)); color: var(--btn_type_basic_color, #ffd800); box-shadow: 0px var(--btn_type_basic_shadow_px,0px) var(--btn_type_basic_box-shadow); } 
/*보조 버튼 스타일*/
.btn_type_sub { border-radius: var(--btn_type_sub_radius, 26px); background-color: var(--btn_type_sub_bacground, #1565b0); border: var(--btn_type_sub_border, none); border-bottom: var(--btn_type_sub_border-bottom, 6px solid rgba(0,0,0,0.14)); color: var(--btn_type_sub_color, #ffd800); box-shadow: 0px var(--btn_type_sub_shadow_px,0px) var(--btn_type_sub_box-shadow); } 
/*메인상단배경색*/
.btn_type_maintop { background-color: var(--btn_type_maintop_background, #ed1774); color: var(--btn_type_maintop_textColor, #ffd800); } 


/*하단더보기버튼*/
.btn-type-moreview-box { border: 0; box-shadow: 0; } 

.btn-type-moreview-box2 { border: 0; box-shadow: 0; border-radius: 9px; } 

.btn-type-moreview-box3 { border: 0; box-shadow: 0; border-radius: 26px; } 

.btn-type-moreview-border { box-shadow: 0 !important; } 

.btn-type-moreview-border2 { box-shadow: 0; border-radius: 9px; } 

.btn-type-moreview-border3 { box-shadow: 0; border-radius: 26px; } 

.btn-type-moreview-shadow { border-bottom: 4px solid rgba(0,0,0,0.14) !important; -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important; box-shadow: 0px 4px rgba(0,0,0,5%) !important; width: 100%; /*line-height: 33px; */}

.btn-type-moreview-shadow2 { border-bottom: 4px solid rgba(0,0,0,0.14) !important; -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important; box-shadow: 0px 4px rgba(0,0,0,5%) !important; border-radius: 9px; width: 100%; /*line-height: 33px; */}

.btn-type-moreview-shadow3 { border-bottom: 4px solid rgba(0,0,0,0.14) !important; -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important; box-shadow: 0px 4px rgba(0,0,0,5%) !important; border-radius: 26px; width: 100%; /*line-height: 33px; */}
/*버튼(컬러버튼x)*/
.btn_type_white { background: none; outline: none; color: #222; font-size: 12px; font-weight: 600; padding: 9px; border: 2px solid #222; border-radius: 14px; } 
.btn_type_black { background-color: #222; color: #fff; border-radius: 14px; border: 0; padding: 8px 15px; font-size: 0.75rem; } 
.btn_type_gray { background-color: #b8b8b8; color: #fff; border-radius: 14px; border: 0; padding: 8px 15px; font-size: 0.75rem; } 
/*고정폰트*/
.fix-font { font-size: calc(var(--fix-font) + 0px); } 
/*고정폰트*/
/*textstyle*/
.text-deco-under { text-decoration: underline; text-underline-position: from-font; } 
.text-deco-under2 { text-decoration: underline; } 
.text-deco-line { text-decoration: line-through; } 
.text-deco-under:hover,
.text-deco-under:focus { text-decoration: underline !important; text-underline-position: from-font !important; } 
.text-deco-under2:hover,
.text-deco-under2:focus { text-decoration: underline !important; } 
.font-style-italic { font-style: italic; } 

.font-weight-bold { font-weight: 600; } 
/*textstyle*/
/*리뉴얼기타*/
.opacity-0 { opacity: 0; } 

.opacity-1 { opacity: 1; } 

.d-none { display: none; } 

.btn-moreview { padding-bottom: 32px; } 

.w-50 { width: 50%; } 

.w-100 { width: 100%; } 

.mw-100 { max-width: 100%; } 

.h-100 { height: 100%; } 

.h-auto { height: auto; } 

.white-sp-nowrap { white-space: nowrap; } 

/*배너라인*/
/*검색 background*/
.rcmsortablebox .typeBlack { width: auto; height: 32px; margin: 5px; padding: 0 15px; border-radius: 26px !important; line-height: 30px; } 

/*Goods/Detail 상세정보 active*/
.prod-tab-wrapper .nav-tabs.nav-justified > .active > a,
.prod-tab-wrapper .nav-tabs.nav-justified > .active > a:hover,
.prod-tab-wrapper .nav-tabs.nav-justified > .active > a:focus { border-width: 0 0 2px; border-bottom: var(--btn_type_sbasicborder2_border-bottom, 2px solid #0e16f0); } 
/*카테고리active*/
.category-view-wrapper .nav-tabs > li.active > a,
.category-view-wrapper .nav-tabs > li:focus > a { /* border-bottom: 2px solid; */
 border-width: 0 0 2px 0; font-weight: bold; border-bottom: var(--btn_type_sbasicborder2_border-bottom); margin: 0; border-width: inherit; border-right: 0; border-left: 0; border-top: 0; position: relative; top: 1px; width: 70px; } 
.category-view-wrapper-text .nav-tabs > li.active > a,
.category-view-wrapper-text .nav-tabs > li:focus > a { border-width: 0 0 2px 0; font-weight: bold; border-bottom: var(--btn_type_sbasicborder2_border-bottom, 2px solid #0e16f0); margin: 0; border-width: inherit; border-right: 0; border-top: 0; border-left: 0; position: relative; top: 1px; } 

.category-view-wrapper .nav-tabs > li.active > .category-img { border: 0 !important; } 
/*배너ol active*/
.carousel-indicators .btn_type_shopbasic3.active { width: 8px; height: 8px; margin: 1px 4px; background-color: var(--btn_type_shopbasic3_background, #0e16f0); } 

.carousel-indicators li { margin: 1px 4px; width: 12px; height: 4px; border-color: #dcdcdc; /**/
 background-color: #dcdcdc; } 

.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 8px; height: 8px; margin: 1px 4px; background-color: var(--btn_type_shopbasic3_background, #0e16f0); } 


/*마이페이지 배송조회 dot*/
#viewDeliveryStatusModal .panel-heading ul > li.active .dot { border-radius: 50%; width: 10px; height: 10px; position: absolute; background-color: var(--btn_type_shopbasic3_background, #0e16f0); } 

.table > tbody > tr > td.active .dot { background-color: var(--btn_type_shopbasic3_background, #0e16f0); border-radius: 50%; width: 10px; height: 10px; } 
/**/
.Login_page .idpwwrap { padding: 20px 20px; } 

.Login_page .idpwwrap input { height: 45px; background: #f6f6f6; border: none; border-radius: 8px; color: #222; } 

.Login_page .idpwwrap .btn_type_sub { width: 100%; } 

.Login_page .idpwwrap p { color: #929292; font-size: 12px; } 

.Login_page .idpwwrap .idpwfind { color: #222222; font-weight: bold; } 

.Login_page .loginhr { color: #e8e8e8; margin-bottom: 0; } 

.Login_page .guestwrap p,
#loginModal .guestwrap a,
.Login_select .guestwrap a { color: #222222; font-weight: bold; } 

.Login_page .letjoin { margin-top: 50px; padding: 0 18px; } 

 .Login_page .letjoin div { text-align: center; background: #f8f8f8; padding: 15px 30px; } 

 .Login_page .letjoin p { color: #929292; } 

 .Login_page .letjoin p > a { color: #222222; font-weight: bold; } 

#loginModal .join_wrap .katalk,
.Login_select .join_wrap .katalk,
.joinselect .member_wrap .katalk { border-radius: 8px; height: 45px; background: #fbe300; width: 100%; color: #3b1e1e; box-shadow: 0 3px 0 #f1c252; font-weight: bold; font-size: 12px; display: flex; align-items: center; border: none; padding-top: 8px; padding-bottom: 6px; margin-top: 8px; justify-content: center; } 

#loginModal .join_wrap .Naver,
.Login_select .join_wrap .Naver,
.joinselect .member_wrap .Naver { border-radius: 8px; height: 45px; background: #37cc66; width: 100%; color: #fff; box-shadow: 0 3px 0 #15ab44; font-weight: bold; font-size: 12px; display: flex; align-items: center; border: none; padding-top: 8px; padding-bottom: 6px; margin-top: 8px; justify-content: center; } 

#loginModal .join_wrap .Apple,
.Login_select .join_wrap .Apple,
.joinselect .member_wrap .Apple { border-radius: 8px; height: 45px; background: #222222; width: 100%; color: #fff; box-shadow: 0 3px 0 #000; font-weight: bold; font-size: 12px; display: flex; align-items: center; border: none; padding-top: 8px; padding-bottom: 6px; margin-top: 8px; justify-content: center; } 

 #loginModal .join_wrap .katalk img,
 #loginModal .join_wrap .Naver img,
 #loginModal .join_wrap .Apple img,
 .Login_select .join_wrap .katalk img,
 .Login_select .join_wrap .Naver img,
 .Login_select .join_wrap .Apple img,
 .joinselect .member_wrap .Apple img,
 .joinselect .member_wrap .katalk img,
 .joinselect .member_wrap .Naver img { width: 34px; } 

#loginModal .join_wrap .ID,
#loginModal .join_wrap .email,
#loginModal .join_wrap .phone { border-radius: 8px; height: 45px; background: #484848; width: 100%; color: #fff; box-shadow: 0 3px 0 #222222; font-weight: bold; font-size: 12px; display: flex; align-items: center; border: none; padding-top: 8px; padding-bottom: 6px; justify-content: center; margin-top: 8px; } 

.joinselect .member_wrap .ID,
.joinselect .member_wrap .email,
.joinselect .member_wrap .phone,
.Login_select .join_wrap .ID,
.Login_select .join_wrap .email,
.Login_select .join_wrap .phone { height: 45px; width: 100%; font-weight: bold; font-size: 12px; display: flex; align-items: center; padding-top: 8px; padding-bottom: 6px; justify-content: center; margin-top: 8px; } 

/* .Login_select .join_wrap .katalk img,
 .Login_select .join_wrap .Naver img { margin-right: 38px; } 
 .Login_select .join_wrap .Apple img { margin-right: 42px; } */
#loginModal .guestwrap,
.Login_select .guestwrap { margin-top: 20px; } 

 #loginModal .guestwrap a,
 .Login_select .guestwrap a { font-size: 12px; } 

.common-wrapper .phone-wrapper .form-control { display: inline-block; width: 22%; } 

.buy_number .likecount img { width: 20px; transform: translate3d(0, 0, 0); } 

.buy_number .likecount p { color: #727272; font-size: 0.75rem; font-weight: bold; } 

.buy_number .avgstar i { font-size: 15px; color: #ffc833; } 


.footer-wrapper .notify-wrapper { height: 42px; line-height: 42px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #f8f8f8; font-size: 12px; padding: 0 15px; } 
.footer-wrapper .notify-wrapper .notifytitle { font-size:0.75rem; } 
.footer-wrapper .notify-wrapper a { position: relative; width: 100%; display: block; } 

.footer-wrapper .notify-wrapper a div { display: flex; justify-content: space-between; align-items: center; } 

.footer-wrapper .notify-wrapper b { width: 19%; padding-right: 6px; } 

.footer-wrapper .notify-wrapper span { display: flex; flex-direction: row; justify-content: space-between; width: 84%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 42px; display: -webkit-box; text-align: left; } 

.footer-wrapper .notify-wrapper span i { position: absolute; top: 0; right: 0; font-size: 18px; line-height: 42px; margin-left: 7px; color: #a6a6a6; } 

.tabFixed { position: fixed; top: 60px; z-index: 1030; background-color: #fff; width: 100% !important; left: 0px; } 

.tab_1_width { width: 100% !important; } 

.tab_2_width { width: 50% !important; } 

.tab_3_width { width: 33.3% !important; } 

#navbar .menu_wrapperleft .MainNav,
#navbar .menu_wrappercenter .MainNav { width: 32px; height: 32px; } 

.panel { margin-bottom: 0; } 


.summary_fix3 { color: #727272; /*border: 1px solid; */
 min-height: 19px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*border: 1px solid pink; */
 letter-spacing: -0.2px; } 



.moall-wrapper .prod-list-wrapper .col-xs-12 .panel-heading { /*margin: 0 -15px !important; */}


.col-xs-12 .panel-heading { margin: 0 -15px; } 

.moall-wrapper .prod-list-wrapper .section-title-wrapper { margin: 0px; } 

.moall-wrapper .prod-list-wrapper .fixtype2 .col-xs-12 .prod.type1 { /*margin:0 0 20px 0 !important; */
 margin: 0 !important; } 


.moall-wrapper .prod-list-wrapper .rcmm_slide_title { padding: 15px 15px 15px 0px; background: #f8f8f8; /*background:#000; */}

.moall-wrapper .prod-list-wrapper .rcmm_1wrap { background: #f8f8f8; margin-left: -15px; margin-right: -15px; /*background-color: black; */
 /*margin: 0px -15px 32px; */
 /*border: 1px solid blue; */}

.moall-wrapper .prod-list-wrapper .rcmm_2wrapslide,
.moall-wrapper .prod-list-wrapper .rcmm_2wrap_2div,
.moall-wrapper .prod-list-wrapper .rcmm_2wrap_3div { margin: 0 15px !important; } 

.moall-wrapper .prod-list-wrapper .rcmm_2wrap { margin: 0 30px; } 

 .moall-wrapper .prod-list-wrapper .rcmm_2wrap .rcmm_slide_title { margin: 0 -15px; } 

.moall-wrapper .prod-list-wrapper .rcmm_2wrapslide .rcmm_slide_title
.moall-wrapper .prod-list-wrapper .rcmm_2wrap_2div .rcmm_slide_title,
.moall-wrapper .prod-list-wrapper .rcmm_2wrap_3div .rcmm_slide_title { padding-left: 15px; } 

.moall-wrapper .prod-list-wrapper .rcmm_1wrap .panel { background: none; } 


.wrapper_moall .main .gnb-wrapper { padding: 0 15px; } 
.wrapper_moall .main .swiper-container,
#sidemenu .swiper-container.sliding1 { display: flex; align-items: center; overflow: visible; white-space: normal; } 
/* 슬라이딩 4단 */
.wrapper_moall .swiper-container.sliding4,
.detail_wrap_moall .swiper-container.sliding4 { display: block; width: 100%; overflow: hidden; } 

.wrapper_moall .swiper-container.sliding4 .prod,
.detail_wrap_moall .swiper-container.sliding4 .prod { display: flex; width: 100%; padding-bottom: 16px; } 

.wrapper_moall .swiper-container.sliding4 .prod + .prod,
.detail_wrap_moall .swiper-container.sliding4 .prod + .prod { margin-left: 0; } 

.wrapper_moall .swiper-container.sliding4 .prod .panel-heading,
.detail_wrap_moall .swiper-container.sliding4 .prod .panel-heading { position: relative; padding: 0; width: 35%; } 

.wrapper_moall .swiper-container.sliding4 .prod .panel-body,
.detail_wrap_moall .swiper-container.sliding4 .prod .panel-body { width: 65%; padding: 4px 12px 0 12px; } 

.wrapper_moall .swiper-container.sliding4 .prod .panel-heading .prod-overlay .title,
.detail_wrap_moall .swiper-container.sliding4 .prod .panel-heading .prod-overlay .title { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: .875rem; font-weight: 600; color: #fff; } 

.wrapper_moall .prod .panel-heading .dc-rank { display: flex; justify-content: center; align-items: center; padding: 4px; width: 28px; height: 28px; line-height: 1; font-size: .75rem; font-weight: 600; color: #fff; background-color: #929292; border-radius: 0; } 

.wrapper_moall .swiper-container.sliding4 .prod .footer_panel,
.detail_wrap_moall .swiper-container.sliding4 .prod .footer_panel { padding-top: 10px; } 



.wrapper_moall .swiper-container.sliding4 .price-wrapper .dc-rate,
.detail_wrap_moall .swiper-container.sliding4 .price-wrapper .dc-rate { margin-left: 4px; min-height: inherit; display: flex; align-items: center; } 

.wrapper_moall .swiper-container.sliding4 .prod-overlay,
.detail_wrap_moall .swiper-container.sliding4 .prod-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); } 

.wrapper_moall .swiper-container.sliding4 .swiper-pagination,
.detail_wrap_moall .swiper-container.sliding4 .swiper-pagination { bottom: 10px; } 

.Wrapper_Line { margin: 0; margin-bottom: 32px; border-top: 8px solid #f2f2f2; /* border-top: 8px Dashed #f2f2f2; border-top: 8px dotted #f2f2f2; border-top: 8px double #f2f2f2; */}

.PRTreview_ol { position: inherit; bottom: 0; margin-top: 12px; } 

.Wrapper_Line_category { margin: 0; margin-bottom: 16px; border-bottom: 1px solid #f2f2f2; } 

.List_bnslide { padding-bottom: 32px; } 

/*.container { border:1px solid pink; } */
/*리스트 추천영역 여백*/
.gap_top { margin: 0 0 32px 0; } 

.gap_middle { margin: 32px 0px; } 

.gap_bottom { margin-top: 32px; margin-bottom: 0; } 

.BigWrap { padding: 0 15px 32px 15px; } 





.rcmsortablebox .typeWhite { width: auto; height: 32px; margin: 2px; padding: 2px 15px; border-radius: 26px !important; line-height: 30px; display: flex; align-items: center; justify-content: center; } 













/*메인카테고리텍스트*/
.category-view-wrapper-text { /*padding: 15px 0; */}

.category-view-wrapper-text .nav-tabs > li > a { padding: 10px; } 

.category-view-wrapper-text .nav-tabs > li { width: auto !important; } 

.category-view-wrapper-text .affix li a { padding: 10px; } 

.category-view-wrapper-text .affix li { width: auto; } 

.category-view-wrapper-text .section-title-wrapper { border-top: 0; background-color: #fff; } 

.category-view-wrapper-text .section-title { font-size: 1.125rem; padding-left: 15px; padding-right: 15px; } 

.category-view-wrapper-text .section-title > .default-color { color: #343a40; } 

.category-view-wrapper-text .nav-tabs { /*font-size: 0; */
 overflow-x: scroll; white-space: nowrap; border: 0; /*padding: 0 15px; */}

.category-view-wrapper-text .affix { width: 100%; background-color: #fff; z-index: 999 !important; padding: 0; display: flex; align-items: center; overflow-y: hidden; /*border-bottom:2px solid #d8d8d8; */}

.category-view-wrapper-text .affix-top { border-bottom: 0; background-color: #fff; margin: 0 15px; margin-bottom: 16px; display: flex; align-items: center; overflow-y: hidden; } 

.category-view-wrapper-text .prod-wrapper > .col-xs-6:nth-child(2n-1) { padding-left: 0px; } 

.category-view-wrapper-text .prod-wrapper > .col-xs-6:nth-child(2n) { padding-right: 0px; } 

.category-view-wrapper-text .affix ~ .category-view { position: relative; top: 0; } 

 /*.category-view-wrapper-text .nav-tabs > li:first-child { border-left-width: 1px; } */




.category-view-wrapper-text .nav-tabs > li > a { color: #929292; margin-right: 0; letter-spacing: -0.2px; border: 0; background-color: #fff; /* position:relative;top:1px; */}

.category-view-wrapper-text .nav-tabs > li { border-bottom: 2px solid #d8d8d8; } 


.category-view-wrapper-text .category-view { /*background-color: #fff; */
 /*background:pink; */
 margin-bottom: 0; } 

.category-view-wrapper-text #category1 { /*padding-top: 5px; */}

.category-view-wrapper-text .category-title { color: #222; font-size: .9375rem; /*font-weight: 600; */
 padding: 0; /*height: 90px;line-height: 160px; */
 /*padding-bottom: 16px; */
 z-index: 1; margin-left: 0; /*letter-spacing: -0.2px; */
 width: 100%; /*white-space: nowrap; */}


.category-view-wrapper-text .category-view .carousel hr { position: absolute; top: 0; left: 0; width: 100%; margin-top: 30px; margin-bottom: 0; border-top: 2px solid #e8e8e8; } 

.category-view-wrapper-text .category-view:first-child .carousel hr { display: none; } 

.category-view-wrapper-text .common-moreview-btn { border: 0; padding: 0; position: relative; padding-bottom: 32px; /*padding-top:32px; */}

.category-view-wrapper-text .more-view .btn > .fa { position: relative; top: 2px; font-size: 1.125rem; margin-left: 5px; } 

.prod-list-wrapper .filter_lastltem { margin: 0 5px !important; position: relative; display: flex; align-items: center; justify-content: space-between; height: 100%; } 

.my_qna button { /*width: 50%; */}

 .my_qna button + button { margin-left: 10px; } 

.numcheckbtn { height: 38px; line-height: 39px; vertical-align: top; font-weight: bold; } 

.rcmsortablebox { display: flex; flex-wrap: wrap; align-items: center; } 


.myorder_return .checkbox { position: relative; } 

.myorder_return input[type=checkbox] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0}

 .myorder_return input[type=checkbox] + label { cursor: pointer; padding-left: 0; } 

 .myorder_return input[type=checkbox] + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

.myorder_return input[type="checkbox"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

.myorder_return .modal-footer .Btn { width: 50%; } 

.myorder_return .checkbox .my_orderchk { display: flex; align-items: center; /*margin-left: -20px; */}

.myorder_return .checkbox p { font-size: 14px; } 

.myorder_return .selectbox,
#orderCanceReqModal .selectbox { display: block; width: 100%; height: 40px; /*padding: 6px 12px; */
 border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: 11px; color: #222; -webkit-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; line-height: 34px; } 

 .myorder_return .selectbox:before,
 #orderCanceReqModal .selectbox:before { content: none !important; } 


.basket-wrapper .basket-list .panel-heading .checkbox-wrapper label:before,
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer label:before,
.basket-wrapper .basket-list .media .item_title label:before,
.payment-wrapper .agree-wrapper input[type="checkbox"] + label:before,
.my-wrapper .my-info .table .checkbox_wrapper .check_list input[type="checkbox"] + label:before,
.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"] + label:before,
#addDeliveryModal .modal-body .checkboxinput[type="checkbox"] + label:before
/*.myorder_return .moc_reqItem .checkbox input[type="checkbox"] + label:before */ { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 


.basket-wrapper .basket-list .panel-heading .checkbox-wrapper input[type="checkbox"]:checked + label:before,
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer input[type="checkbox"]:checked + label:before,
.basket-wrapper .basket-list .media .item_title input[type="checkbox"]:checked + label:before,
.payment-wrapper .agree-wrapper input[type="checkbox"]:checked + label:before,
.my-wrapper .my-info .table .checkbox_wrapper .check_list input[type="checkbox"]:checked + label:before,
.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]:checked + label:before,
#addDeliveryModal .modal-body .checkbox input[type="checkbox"]:checked + label:before
/*.myorder_return .moc_reqItem .checkbox input[type="checkbox"]:checked + label:before*/ { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

.review-detail-wrapper .panel-heading .Btn { font-size: .875rem; font-weight: 600; height: 40px; line-height: 40px; padding: 10px 55px; } 

.my_return .total .btn-wrapper a,
.review-detail-wrapper .panel-footer.item_detail a { font-size: .875rem; font-weight: 600; height: 40px; line-height: 40px; padding: 10px 65px; } 


.modal-dialog:not(.confirm) > .modal-content { font-size: .875rem; width: 100%; height: calc(100% - 0px); overflow-y: auto; } 

.main-review-wrapper .prod-wrapper > .col-xs-6 { padding-bottom: 16px; background: none; } 

.review > .panel-footer .score-wrapper i { color: #ffc833; letter-spacing: -2px; font-size: 14px; } 

.review_slide > .panel-footer { border: 0 !important; padding: 0 !important; color: none !important; } 

.review_slide .score-wrapper i { color: #ffc833; letter-spacing: -2px; /* font-size: 14px; */}

.swiper-button-next, .swiper-button-prev { /*top: 38%; */}

/*라인*/
.LINE .Wrapper_Line1 { border-top: 8px solid #929292; margin: 0; } 

.LINE .Wrapper_Line2 { border-top: 8px Dashed #929292; margin: 0; } 

.LINE .Wrapper_Line3 { border-top: 8px dotted #929292; margin: 0; } 

.LINE .Wrapper_Line4 { border-top: 8px double #929292; margin: 0; } 
/*//라인*/

#ImgDetail > video { width: 100%; } 

/**/
.panel-heading { /* position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; */}

.prod > .panel-heading > video { /*position: absolute; */}

.prod > .panel-heading > img { /* position: absolute; */}

/* 메인 장바구니 카운트*/
.main-cartcnt { /* top: -2px !important; right: -2px !important; */
 z-index: 999; } 

.main-basket { position: relative; } 


.search_panel { margin-bottom: 22px; } 

.photoreview_list .col-xs-6:nth-child(2n-1) { padding: 0 4px 16px 0px; } 

.photoreview_list .col-xs-6:nth-child(2n) { padding: 0 0px 16px 4px; } 
/**/
.common-wrapper .idsearch { position: relative; font-weight: 400; height: 90px; line-height: 30px; text-align: center; margin: auto; } 

.common-wrapper .login-wrapper .findbox { margin-top: 30px; } 

 .common-wrapper .login-wrapper .findbox .id-check { background-color: #f5f5f5; color: #1e1e1e; text-align: center; padding-top: 13px; padding-bottom: 13px; margin-bottom: 15px; } 

.common-wrapper .pwsearch { position: relative; font-weight: 400; line-height: 30px; padding: 20px 15px; text-align: center; } 

.common-wrapper .login-wrapper .findbox div:last-child { margin-top: 50px; text-align: center; } 

.login-wrapper .panel-body .loginfot { position: relative; margin-top: -20px; display: flex; width: 100%; } 

.common-wrapper .login-wrapper .findbox div:last-child > a { margin-top: 15px; color: #000; } 

.login-wrapper .panel-body .loginfot > a { margin: 0 auto; color: #000; } 

.icon-arrow:before { content: '\e807'; } 

.common-wrapper .findpwd { padding: 0px; } 

.common-wrapper .login-wrapper .form-group { padding: 0; margin-top: 10px; margin-bottom: 20px; } 

.search_panel { margin-bottom: 22px; } 

.swiper-pagination-bullet-active { background: none; } 

.orderEnd .btn-group a { width: 50%; } 

.wrap_orderendcont { margin-top: 58px; } 



.Login_select .join_wrap .Apple,
.Login_select .join_wrap .katalk,
.Login_select .join_wrap .Naver { position: relative; justify-content: center; } 

.footer_panel_type1 { /*width:100%; */}

.gnb_list a { color: #929292; } 

.footer-menu.ios.active > ul > li { height: 80px; padding-bottom: 20px; } 



/*item em*/
.font_s_default { font-size: 16px; } 

.Pfont_s_default { font-size: 16px; } 

.prod.type1 > .panel-body .prod-title { } 

.sliding1 .prod-title.default-title,
.sliding4 .prod-title { max-height: 2.4em; width: 100%; overflow: hidden; margin: 0; margin-bottom: 4px; text-overflow: ellipsis; color: #222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.4em; letter-spacing: -0.2px; line-height: 1.25em; word-break: break-word; } 

.col-xs-4 .prod-title.default-title { width: 100%; overflow: hidden; margin: 0; margin-bottom: 4px; text-overflow: ellipsis; color: #222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.2px; line-height: 1.25em; min-height: 2.4em; max-height: 2.4em; word-break: break-word; } 
.col-xs-6 .prod-title.default-title { width: 100%; overflow: hidden; margin: 0; margin-bottom: 4px; text-overflow: ellipsis; color: #222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.2px; height: 42px; max-height: 2.6em; line-height: 1.29em; min-height: 2.6em; word-break: break-word; } 

.col-xs-12 .T_default1_div { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 19px; letter-spacing: -0.2px; line-height: 1.25em; margin-bottom: 4px; min-height: 1.4em; max-height: 1.4em; } 

.sliding1 .summary_fix2 { min-height: 1.35em; max-height: 1.35em; } 

.sliding4 .summary_fix2 { min-height: 1.32em; max-height: 1.32em; } 

.summary_fix2 { color: #727272; min-height: 1.2em; max-height: 1.19em; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.2px; } 

.price-wrapper.default-pricewrap .org-price { display: inline-block; color: #cbcbcb; height: 16px; text-decoration: line-through; letter-spacing: -0.2px; } 
.prod.type1 > .panel-body .price.default-price { display: block; font-size: 1em; font-weight: 800; line-height: 1.25em; color: #484848; min-height: 14px; letter-spacing: -0.2px; } 

.scroll-prod-wrapper .prod.type1 > .panel-body .org-price { min-height: 14px; } 


.fixtype1 .col-xs-6 .summary_fix2 { margin-bottom: 4px; } 

/* 재고수량(1차) */
.stock-default-h { height: 32px; margin-bottom: 10px; } 
.stock-option { text-align: center; color: #727272; font-size: 11px; padding: 6px 0; border-radius: 16px; background-color: rgba(0,0,0,3%); } 
@media (min-width: 768px){
 .stock-option { font-size: 14px; } 
 }


.categoryList .addview { margin-left: auto; padding-bottom: 2px; /*font-size: 20px; */
 /*padding-right: 10px; */}

.item_category { padding: 8px 50px; /*height: 40px; */
 display: flex !important; align-items: center; background: #f8f8f8 !important; border: 0; color: #929292; } 

.couponbookpage p { color: #727272; font-size: 14px; } 


#floatingActionShare { font-weight: 600; } 

 #floatingActionShare .modal-dialog { width: 100%; height: 100%; margin-top: 0 !important; } 

 #floatingActionShare .modal-content { border: 0; } 

 #floatingActionShare .modal-header { text-align: center; border: 0; color: #222; } 

 #floatingActionShare .modal-body { padding-top: 15px; padding-bottom: 30px; } 

 #floatingActionShare .modal-body .panel-heading { border-bottom: 1px solid #e8e8e8; line-height: 1.8; } 

 #floatingActionShare .modal-body .panel-heading p:first-child { color: #929292; font-weight: 500; } 

 #floatingActionShare .modal-body .select-sns-wrapper { margin: 40px 0; } 

 #floatingActionShare .modal-body .sns { display: inline-block; margin: 0 8px; } 

 #floatingActionShare .modal-body .url-copy-wrapper { font-size: 0; margin-top: 15px; display: flex; flex-direction: column; align-items: center; } 

 #floatingActionShare .modal-body .url-copy-wrapper .form-control { display: inline-block; width: calc(100% - 100px); height: 40px; border-radius: 8px; background-image: url(/design/moraguo/img/icon_url.png); background-repeat: no-repeat; background-size: 16px 17px; background-position: 12px center; padding-left: 38px; } 

 #floatingActionShare .modal-body .url-copy-wrapper .btn { width: 85px; height: 38px; line-height: 40px; vertical-align: top; padding: 0; margin-top: 15px; } 

 #floatingActionShare .modal-body .sns > img { width: 40px; } 

.couponbookpage .textbox { margin: 15px 0; } 

.couponbookpage .coupon-area .type span { margin-right: 2px; } 

.couponbookpage .deactive { filter: grayscale(1); opacity: 70%; } 

.btnbox_couponbook .btn_type_sub { width: 45%; } 

.btnbox_couponbook .btn_type_basic { width: 50%; } 

.btnbox_couponbook { margin-top: 30px; } 

.footer-wrapper.show { margin-bottom: 90px; } 

.floatingInfo { background-color: #f8f8f8; color: #727272; padding: 20px 15px; border-bottom: 1px solid #e8e8e8; text-align: left; font-weight: 500; } 

 .floatingInfo p { line-height: 1.8; } 

.floatingContentsImg { margin: 25px 10px 25px 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; } 

.rewardPointIcon { width: 19px; height: 21px; /*margin-bottom: 3px; */
 margin-right: 5px; } 

.wrap_info .info-wrapper .panel-heading .title { line-height: 1.25; } 

.wrap_info .info-wrapper .panel-heading h3 { margin: 32px 0 16px; } 

.wrap_info .info-wrapper .price-wrapper .dc-price,
.wrap_info .info-wrapper .price-wrapper .discount { font-size: 0.875rem; } 

.new_join_wrap .panel-heading,
.pwsearch_reset .panel-heading,
.idsearch_list .panel-heading,
.guestinfo_form .panel-heading,
.idpw_search .panel-heading { display: flex; align-items: center; } 

 .new_join_wrap .panel-heading h4,
 .pwsearch_reset .panel-heading h4,
 .idsearch_list .panel-heading h4,
 .guestinfo_form .panel-heading h4,
 .idpw_search .panel-heading h4 { margin: 0 auto; } 

 .new_join_wrap .panel-heading,
 .pwsearch_reset .panel-heading,
 .idsearch_list .panel-heading
 .guestinfo_form .panel-heading,
 .idpw_search .panel-heading { padding-top: 20px !important; padding-bottom: 0 !important; } 

 .new_join_wrap .panel-heading .btn_close,
 .pwsearch_reset .panel-heading .btn_close,
 .idsearch_list .panel-heading .btn_close,
 .guestinfo_form .panel-heading .btn_close,
 .idpw_search .panel-heading .btn_close { font-size: 24px; font-weight: bold; line-height: 1; color: #000; border: none; background: none; outline: none; } 

.new_join_wrap .title_input,
.pwsearch_reset .title_input,
.idpw_search .title_input { color: #727272; font-size: 12px; } 

 .new_join_wrap .title_input span,
 .pwsearch_reset .title_input span,
 .idpw_search .title_input span { color: #e34f4e; font-weight: bold; } 

.new_join_wrap .phone-wrapper { display: flex; align-items: center; } 

.new_join_wrap .phone-token a { width: 130px !important; } 

.rewardPoint { color: var(--btn_type_basic_color, #ffd800); } 

.floatingInfoTitle { color: #222222; /* text-shadow: 0 0 black; */
 font-size: 0.75rem; line-height: 1.8; font-weight: bold; } 

.new_join_wrap .chkwrap input[type=checkbox] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0}

 .new_join_wrap .chkwrap input[type=checkbox] + label { cursor: pointer; padding-left: 15px; color: #727272; font-weight: 500; font-size: 12px; display: initial; align-items: center; margin-right: 5px; } 

.new_join_wrap .chkwrap a { color: #727272; font-weight: 500; font-size: 12px; } 

.new_join_wrap .chkwrap input[type=checkbox] + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; margin-right: 8px; } 

.new_join_wrap .chkwrap input[type="checkbox"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

.new_join_wrap .Btn { margin: 30px 0 20px; } 

.new_join_wrap .chkwrap label span { color: #222222; font-weight: bold; margin-left: 8px; } 

.pwsearch_reset .pwsearch p:first-child,
.idsearch_list .idsearch p:first-child,
.guestinfo_form .guesttext p:first-child,
.idpw_search .idpwsearch p:first-child { color: #929292; font-size: 12px; } 

.guestinfo_form .guesttext { text-align: center; padding-top: 20px; } 

 .pwsearch_reset .pwsearch p:last-child,
 .idsearch_list .idsearch p:last-child,
 .guestinfo_form .guesttext p:last-child,
 .idpw_search .idpwsearch p:last-child { color: #222222; font-weight: bold; font-size: 12px; } 

.pwsearch_reset .pwsearch,
.pwsearch_reset .guesttext { line-height: 17px !important; padding: 30px 0 10px; } 

.idsearch_list .idsearch { line-height: 17px !important; padding: 30px 0 0; } 

.idpw_search .idpwsearch { padding: 20px; line-height: 17px; text-align: center; } 

.pwsearch_reset hr,
.guestinfo_form hr { border-top: 1px solid #e8e8e8; } 

.idsearch_list .login-wrapper .findbox a { background-color: #f5f5f5; color: #1e1e1e; text-align: center; /* padding-top: 13px; */
 /* padding-bottom: 13px; */
 margin-bottom: 15px; width: 100%; height: 40px; padding: 6px 12px !important; border-radius: 10px !important; line-height: 25px !important; } 

.idsearch_list .login-wrapper .findbox { padding-top: 5px !important; margin-top: 0 !important; } 

.guestinfo_form .panel-heading { border-bottom: 0; } 

.idpw_search ul { margin: 0px; padding: 0px; list-style: none; /* border-top: 1px solid #e8e8e8; */
 width: 100%; display: flex; align-items: center; } 

 .idpw_search ul li { color: #222; display: inline-block; padding: 10px 15px; cursor: pointer; width: 50%; text-align: center; background: #f8f8f8; border: 1px solid #e8e8e8; border-left: none; } 

.idpw_search .current { color: #222; background: #fff; border-bottom: none; } 

.idpw_search .tab_content { display: none; padding: 15px; } 

 .idpw_search .tab_content.current { display: inherit; } 

.idpw_search .phone-wrapper { display: flex; align-items: center; } 

.idpw_search .sms-btn { width: 42% !important; } 

.new_join_wrap .panel-heading { padding: 20px 15px !important; } 

.fixtype1 .pricewrap { /*display: flex; */
 height: auto; position: relative; } 

.coupon-down-modal .modal-footer .Btn { width: 50%; } 

.wrap_customer .table tr { border: none; } 

.wrap_customer .table { border-bottom: 1px solid #e8e8e8; } 

.wrap_my_delivery .nav-tabs > li > a { font-size: 13px; font-weight: bold; color: #727272; margin-bottom: 0; padding: 10px 0; border-width: 0 1px 1px; border-style: solid; border-color: #e8e8e8; background-color: #f8f8f8; } 

.wrap_my_delivery .nav-tabs li.active > a { border-bottom-color: #fff; border-left-width: 1px; background-color: #fff; color: #222; } 

#orderCanceReqModal .Btn { width: 50%; } 

#orderCanceReqModal .modal-footer { display: flex; align-items: center; } 



.dontget2 { color: #cb1516; font-weight: bold; } 
/*버튼hover */
#main_menu_area a { width: auto; display: flex; align-items: center; margin: 15px 10px; position: relative; top: 2px; } 

.Goods_wrapper .swiper-wrapper .slidebasic:last-child { margin-right: 0px; } 

.deliverymodal_address { padding: 0 16px; font-size:0.8125rem; } 

.contents-wrapper .return .btn-wrapper { width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 !important; padding: 0 15px; } 

 .contents-wrapper .return .btn-wrapper a { width: 50%; } 

#reviewWriteModal .modal-header { color: #222; background-color: #fff; z-index: 1; } 



.footerfixedwrap { position: fixed; bottom: 85px; right: 10px; z-index: 999; } 

 .footerfixedwrap ul li { /*margin-bottom:2px; */}

 .footerfixedwrap ul { display: flex; align-items: center; flex-direction: column; } 

 .footerfixedwrap img { max-width: 40px; height: 40px; transform: translate3d(0, 0, 0); cursor: pointer; } 

.rewardbtn { height: 40px; background: #f8f8f8; display: flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; border: none; outline: none; color: #929292; font-size: 12px; font-weight: bold; white-space: nowrap; } 

.floatinginfosub { font-size: 0.75rem; } 

.url-copy-wrapper a { display: flex; align-items: center; justify-content: center; } 

.reward_share .shareimg { width: 40px; } 

.wrap_info .share_btn { margin-left: auto; padding-right: 8px; } 

.wrap_info .reward_share { display: flex; align-items: center; position: relative; } 

.wrap_info .sharebarimg { width: 181px; } 

.wrap_info .reward_share p { color: #be7000; font-size: 12px; font-weight: bold; position: absolute; /* border: 1px solid; */
 top: 11px; left: -2px; z-index: 9; } 

.wrap_info .reward_share span { color: #fff; } 

.floatingContentsImg .section img { width: 48px; margin-left: 17px; } 

.floatingContentsImg .section2 img { width: 50px; } 

.floatingContentsImg .section3 img { width: 56px; } 

.floatingContentsImg .section,
.floatingContentsImg .section2,
.floatingContentsImg .section3 { position: relative; display: flex; align-items: center; flex-direction: column; } 

.floatingContentsImg .section span,
.floatingContentsImg .section2 span,
.floatingContentsImg .section3 span { border-radius: 8px; background: #000; color: #fff; padding: 3px 8px; font-size: 0.75rem; position: absolute; bottom: -12px; width: 52px; height: 23px; left: calc(50% - 30px); font-weight: 500; top: 58px; } 

.floatingContentsImg .section3 span { top: 50px !important; } 

.floatingContentsImg .section ul,
.floatingContentsImg .section2 ul { margin-top: 30px; } 

.floatingContentsImg .section3 ul { margin-top: 45px; } 

.floatingContentsImg .section2,
.floatingContentsImg .section3 { margin-top: 30px; } 

.floatingContentsImg .section ul li:first-child,
.floatingContentsImg .section2 ul li:first-child,
.floatingContentsImg .section3 ul li:first-child { font-size: 0.75rem; font-weight: bold; color: #222; } 

.floatingContentsImg .section ul li:last-child,
.floatingContentsImg .section2 ul li:last-child,
.floatingContentsImg .section3 ul li:last-child { font-size: 0.75rem; font-weight: 500; color: #727272; } 

.urlcopy_wrap a { width: 100%; line-height: 40px; vertical-align: top; padding: 0; } 

.floatinginfosub span { color: #ff9c00; font-weight: bold; } 

.phonesearchmodal { top: 25%; } 

 .phonesearchmodal .modal-body .panel-heading { border-bottom: 0 !important; } 

 .phonesearchmodal .modal-body .numcheckbtn { text-align: center; width: 71%; font-size: 12px; } 

 .phonesearchmodal .modal-body .phone-wrapper .form-control { width: 23%; } 

 .phonesearchmodal .modal-body .phone-token .form-control { width: 100%; } 

 .phonesearchmodal .registrationbtn { width: 100%; } 

 .phonesearchmodal .numcheckbtnclear { background: #b8b8b8; width: 71%; font-size: 12px; font-weight: bold; } 

 .phonesearchmodal .numcheckbtnrq { width: 150px; } 

#phoneAuth > .modal-backdrop { position: absolute !important; top: 0 !important; right: 0 !important; left: 0 !important; background-color: #000 !important; opacity: 0.7; display: block !important; } 

.timerPhoneAuth { position: absolute; right: 44%; color: #F69F35; } 

.phonesearchmodal .panel_heading p:first-child { color: #929292; font-weight: 500; font-size: 12px; } 

.phonesearchmodal .panel_heading p:last-child { color: #222; font-weight: bold; font-size: 12px; } 

.phonesearchmodal .title_input span { color: #e34f4e; } 

.orderhead_panel { border-bottom: 1px solid #e8e8e8 !important; padding-bottom: 15px !important; } 

.orderbody_media .status,
.body_pane_orderdetail .status { color: #222; font-weight: bold; font-size: 14px; margin-bottom: 8px; } 

 .orderbody_media .status a,
 .body_pane_orderdetail .status a { font-weight: 500; } 

.orderfooterhr { border-bottom: 5px solid #f2f2f2 !important; } 

.tab-pane,
.tab-content { border-bottom: 0 !important; } 

.orderbody_media .buyreviewbtn,
.body_pane_orderdetail .buyreviewbtn { line-height: 0; height: 30px; padding: 10px 10px; display: flex; align-items: center; border-radius: 8px !important; } 

.myorder_return .refundtext,
.modal_my_orderdetail .refundtext { color: #929292; font-weight: bold; font-size: 14px; margin-top: 40px; } 

.myorder_return .refundtexthr
.modal_my_orderdetail .refundtexthr { margin-top: 8px; border-top: 2px solid #eee; } 

.helptext { color: #929292; } 

.media_body_chgrq .media { margin-top: 0; } 

.media_body_chgrq .media-left img,
.modal_my_orderdetail .media-left img { width: 99px; height: 99px; } 

.media_body_chgrq .media-body { margin-top: 6px; } 

.media_body_chgrq .subject,
.modal_my_orderdetail .subject { font-size: 12px; font-weight: 600; color: #222; margin: 0; line-height: 1.4; padding-bottom: 2px; } 

.media_body_chgrq .option,
.modal_my_orderdetail .option { font-size: 11px; color: #929292; margin-bottom: 0; line-height: 1.4; } 

.media_body_chgrq .price,
.modal_my_orderdetail .price { color: #222; font-size: 12px; font-weight: 600; margin: 10px 0 5px 0; } 


.media_body_chgrq .line,
.modal_my_orderdetail .line { border-top: 1px solid #e8e8e8; margin: 20px 0; } 

.modal_my_orderdetail input[type=checkbox] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 

.modal_my_orderdetail .checkbox .my_orderchk { display: flex; align-items: center; /* margin-left: -20px; */}

.modal_my_orderdetail input[type=checkbox] + label { cursor: pointer; padding-left: 0; } 

 .modal_my_orderdetail input[type=checkbox] + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

.modal_my_orderdetail input[type="checkbox"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

.body_pane_orderdetail .thinline { border-bottom: 1px solid #e8e8e8; margin-top: 20px; } 

.wrap_maypage .prod-order > .panel-body > .panel { margin-bottom: 0; } 

.rewardPmodal .panel-heading p:first-child { color: #929292; font-size: 0.75rem; } 

.rewardPmodal .panel-heading p:last-child { color: #222; font-size: 0.75rem; font-weight: bold; } 

.rewardPmodal .modal-header { border-bottom: 0; } 

.rewardPmodal .panel-heading { border-bottom: 1px solid #e8e8e8; } 

.rewardPmodal .select-sns-wrapper { margin: 40px 0; } 

.rewardPmodal .sns { display: inline-block; margin: 0 8px; } 

.rewardPmodal .sns img { width: 40px; } 

#rewardP { z-index: 1060; } 

.rewardlogin { background-color: #484848; -webkit-box-shadow: none; border-radius: 6px; padding: 20px; width: 90%; margin: 0 auto; position: relative; top: 33%; } 

 .rewardlogin .closebtn { margin-left: auto; outline: none; background: none; border: none; color: #fff; /* font-size: 41px; */
 font-weight: bold}

 .rewardlogin li { color: #fff; font-weight: bold; } 

 .rewardlogin .modal-footer { border-top: 0; } 

.rewardlogin { top: 33%; } 

 .rewardlogin .fontello { font-weight: bold; } 

#footDeliveryBtn { display: none; } 

 #footDeliveryBtn.active { display: block; } 

#rewarPLoginModal .modal-backdrop { background: none; } 

#footerMenu .list-group { height: 56px; } 

#rewardShare { position: relative; } 

.info-wrapper.wrap_info .reward_share .pgnotice { background-color: #ffc833; border-radius: 21px; display: inline-block; padding: 15px 18px; position: relative; vertical-align: top; width: 75px; position: relative; left: -9px; } 

.info-wrapper.wrap_info .reward_share .pgnotice:after { background-color: #ffc833; content: "\00a0"; display: block; height: 16px; position: absolute; top: 7px; right: 0px; border-radius: 4px; transform: rotate( 29deg ) skew( -35deg ); -moz-transform: rotate( 29deg ) skew( -35deg ); -ms-transform: rotate( 29deg ) skew( -35deg ); -o-transform: rotate( 29deg ) skew( -35deg ); -webkit-transform: rotate( 29deg ) skew( -35deg ); width: 20px; } 


#myFullsizeModal_holder { overflow-y: scroll; -ms-overflow-style: none; /* IE and Edge */
 scrollbar-width: none; /* Firefox */}

 #myFullsizeModal_holder::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}

.search_wrap .container { margin: 0 -15px; overflow: hidden; } 

.moall-search-wrapper.search_wrap .recommend.main-recommend-item { padding-left: 13px; } 

.search_wrap .fixtype1 .panel.gap_22p { padding: 0 0 24px 0; } 

.search_wrap .default1_DIV { margin: 0 -15px; } 


.search_wrap .swiper-container { display: flex; align-items: center; overflow: visible !important; white-space: normal; margin: inherit !important; } 

.search_wrap .section-title-wrapper { padding-left: 0; } 

.rewardtext_img { width: 145px; cursor: pointer; } 

#myCoupons .coupon-list .typeA { background: #424242; } 

#myCoupons .coupon-list .typeB { background: #f55f41; } 

#myCoupons .coupon-list .typeC { background: #ef9b2e; } 

#myCoupons .coupon-list .typeD { background: #af41f5; } 

#myCoupons .coupon-list .typeE { background: #2eaee9; } 

#myCoupons .coupon-list .typeF { background: #25cf61; } 

.rewardPmodal .modal-header,
#couponDownloadModal .modal-header,
#qnaModal .modal-header,
#deliveryModal .modal-header,
#addDeliveryModal .modal-header,
#postModal .modal-header,
#userclass-modal .modal-header,
#reviewWriteModal .modal-header,
#floatingActionShare .modal-header,
#loginModal .modal-header,
#snsShareModal .modal-header,
#noOAuthModal1 .modal-header,
#noOAuthModal2 .modal-header,
#halbuInfo .modal-header,
#orderAgreeModal1 .modal-header,
#orderAgreeModal2 .modal-header,
#viewDeliveryStatusModal .modal-header,
#phoneAuth .modal-header,
#Npaydetail .modal-header,
#orderCanceReqModal .modal-header,
.myorder_return#orderCanceReqModal .modal-header,
#reportModal .modal-header,
#orderAgreeModal3 .modal-header,
#postModalFLEXG .modal-header { display: flex; align-items: center; justify-content: center; margin: 0; padding: 0 15px; top: 0 !important; border-bottom: 1px solid #e8e8e8; } 

.rewardPmodal .modal-header .modal-title,
#couponDownloadModal .modal-header .modal-title,
#qnaModal .modal-header .modal-title,
#deliveryModal .modal-header .modal-title,
#addDeliveryModal .modal-header .modal-title,
#postModal .modal-header .modal-title,
#userclass-modal .modal-header .modal-title,
#reviewWriteModal .modal-header .modal-title,
#floatingActionShare .modal-header .modal-title,
#loginModal .modal-header .modal-title,
#snsShareModal .modal-header .modal-title,
#noOAuthModal1 .modal-header .modal-title,
#noOAuthModal2 .modal-header .modal-title,
#halbuInfo .modal-header .modal-title,
#orderAgreeModal1 .modal-header .modal-title,
#orderAgreeModal2 .modal-header .modal-title,
#viewDeliveryStatusModal .modal-header .modal-title,
#phoneAuth .modal-header .modal-title,
#Npaydetail .modal-header .modal-title,
#orderCanceReqModal .modal-header .modal-title,
.myorder_return#orderCanceReqModal .modal-header .modal-title,
#reportModal .modal-header .modal-title,
#orderAgreeModal3 .modal-header .modal-title,
#postModalFLEXG .modal-header .modal-title { width: 100%; margin-left: 20px; } 

#orderCanceReqModal .modal-header .modal-title { text-align: center; } 

.myorder_return#orderCanceReqModal .modal-header { z-index: 1050; } 

#loginModal .modal-header,
#phoneAuth .modal-header { border-bottom: none; } 

.myorder_return#orderCanceReqModal .refundtext.moc_bank_title { margin-top: 0; } 

#phoneAuth .modal-dialog:not(.confirm) > .modal-content > .modal-body { margin-top: 0; } 

#orderCanceReqModal .modal-body { height: auto; } 

#orderCanceReqModal .modal-footer { position: relative; } 

.coupon .coupon-list li .border { border-left: 1px solid #000; border-right: 2px solid #fff; opacity: 0.2; } 

.myorderdetailinfo { padding: 0 16px; } 

.wrap_maypage .prod-order-wrapper .body_pane_orderdetail { padding-bottom: 10px; } 

.wrap_maypage .prod-order-wrapper .panel-footer { padding-top: 0; } 

#myFullsizeModal .modal-header { margin: 0; border-left: none; border-right: none; } 

.wrap_cont_popcs_img { margin-top: 0 !important; } 

 .wrap_cont_popcs_img .pop_return .image_add button { padding: 0 16px; } 


/*주문자검색*/
.modal.order-search .modal-dialog { width: 100%; height: 100%; margin: 0; } 

.modal.order-search .modal-content { height: 100%; } 

 .modal.order-search .modal-content .modal-body { height: 100%; padding: 20px; } 

.tb_row { width: 100%; margin-top: 10px; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9}

 .tb_row th, .tb_row td { background-color: #f1f2f3}

 .tb_row th { color: #484848; font-weight: 600; text-align: left; vertical-align: top; word-break: keep-all; padding-left: 15px; padding: 9px 0 0 15px; } 

 .tb_row th.tc { text-align: center}

 .tb_row td { height: 40px; color: #929292; word-break: keep-all; vertical-align: middle; padding: 0 10px; } 

 .tb_row td span, .tb_row td ul { font-weight: 400}

 .tb_row td span { margin-right: 5px}

 .tb_row td a { color: #929292}

 .tb_row td .period { display: inline-block; margin: 4px 0 4px 15px}

 .tb_row td .period a { margin: 0 1px}

 .tb_row td .info_popbill { color: #929292}

 .tb_row td .info_popbill dt, .tb_row td .info_popbill dd { display: inline-block; font-weight: 600}

 .tb_row td .info_popbill dd { margin: 0 20px 0 3px; color: #484848}

 .tb_row td.state_select label { display: inline-block; margin: 2px 16px 2px 0}

 .tb_row td .selectBox, .tb_row td input[type=text], .tb_row td button, .tb_row td a { margin-right: 3px}

 .tb_row td .txt_gap { margin: 0 10px 0 7px}

 .tb_row td .info_block { display: block; margin-top: 5px}

 .tb_row td select.form-control { position: relative; top: 1px; } 

 .tb_row .line_top th, .tb_row .line_top td { padding-bottom: 20px; border-bottom: solid 1px #e2e2e2}

 .tb_row .line_bottom th:before, .line_bottom td:before { content: ''; display: block; height: 0px}

 .tb_row .last_gap th, .tb_row .last_gap td { padding-bottom: 15px}

.btn_box_c { margin-top: 20px; text-align: center}

.btn_t2 { display: inline-block; position: relative; width: 90px; height: 28px; line-height: 27px; color: #fff; font-weight: 600; vertical-align: middle}

.btn_gray_deep { border: 2px outset #697280; background-color: #505a68; margin-bottom: 2px; border-radius: 4px; } 

.ip_basic { height: 28px; line-height: 30px; padding: 0 4px !important; border: solid 1px #ccc; border-radius: 4px; background-color: #fff; color: #484848; vertical-align: middle; font-size: 11px; } 

 .ip_basic:focus { outline: none; } 
/***** table *****/
.tb_basic { width: 100%; margin-top: 15px; border-top: solid 1px #d9d9d9; } 

 .tb_basic th { padding: 8px 15px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; background-color: #f1f2f3; color: #333; font-weight: 600; word-break: keep-all}

 .tb_basic td { position: relative; padding: 9px 6px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; text-align: center; word-break: keep-all}

 .tb_basic .calc_total { color: #484848; font-weight: 800; } 

 .tb_basic.custom td { padding-top: 8px; padding-bottom: 8px; text-align: left; } 

 .tb_basic.custom td .ip_basic { margin-bottom: 5px; } 

 .tb_basic.custom td .gap_l { color: #59a9ae; } 

 .tb_basic.custom td .gap_l strong { color: #e53935; } 

 .tb_basic td.img-fixed { width: 82px; padding-left: 0; padding-right: 0; } 

 .tb_basic td.img-fixed img { width: 80px; height: 80px; } 

 .tb_basic tr th:first-child, .tb_basic tr td:first-child { border-right: 0}

 .tb_basic td.align_left { text-align: left}

 .tb_basic td.align_right { text-align: right}

 .tb_basic td.pd_none { padding: 10px 5px 10px}

 .tb_basic td.delivery_select { position: relative; min-width: 120px}

 .tb_basic td.delivery_select .pop_delivery_select { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 30px; background-color: #ececec}

 .tb_basic td.delivery_select .pop_delivery_select .pop_delivery_close { position: absolute; top: 10px; right: 10px; width: 10px; height: 10px; background: url(/design/moraguo/img/bg/bg_close.gif) no-repeat}

 .tb_basic td.delivery_select select { width: 128px}

 .tb_basic td.delivery_select input[type=text] { width: 110px; margin: 2px 0}

 .tb_basic td .btn_memo { display: block; width: 26px; margin: 0px auto; padding-top: 5px; } 

 .tb_basic td .btn_calc { display: block; border: 1px solid #c8c8c8; padding: 2px; border-radius: 5px; margin-top: 5px; } 

 .tb_basic td .memo_box_prev { display: block; position: relative; right: 2px; bottom: 2px; left: 0; height: 35px; background: url(/design/moraguo/img/bg/bg_memo_arr.gif) no-repeat 11px 0}

 .tb_basic td .memo_box_prev span { display: block; overflow: hidden; position: absolute; right: 0; bottom: 0; left: 0; height: 28px; line-height: 28px; padding: 0 5px 0 28px; background: #505a68 url(/design/moraguo/img/bg/bg_memo_prev.gif) no-repeat; color: #fff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal}

 .tb_basic td .memo_box_prev2 { display: block; right: 2px; bottom: 2px; left: 2px; height: 35px; } 

 .tb_basic td .memo_box_prev2 span { display: block; overflow: hidden; position: absolute; right: 0; bottom: 0; left: 0; height: 28px; line-height: 28px; padding: 0 5px 0 28px; background: #59a9ae url(/design/moraguo/img/bg/bg_memo_prev.gif) no-repeat; color: #fff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal}

 .tb_basic td .goods_link { color: #5c7df8}

 .tb_basic td .order_name { display: inline-block; margin-top: 5px}

 .tb_basic td .delivery_info { margin-bottom: 5px; color: #669947}

 .tb_basic td .delivery_tie { display: inline-block; position: absolute; top: 10px; right: 10px; padding-left: 25px; background: url(/design/moraguo/img/icon/ic_delivery_tie.gif) no-repeat 0 50%; color: #669947}

 .tb_basic td .timesale-movie-wrapper { position: absolute; top: 10px; left: 10px; } 

 .tb_basic td .movie { float: left; display: inline-block; padding-left: 25px; background: url(/design/moraguo/img/icon/ic_movie2.png) no-repeat 0 50%; color: #588ddb; } 

 .tb_basic td .timesale { float: left; display: inline-block; margin-right: 7px; padding-left: 25px; background: url(/design/moraguo/img/icon/timesale.jpg) no-repeat 0 50%; color: #e53935; } 

 .tb_basic td .receipt_info { color: #bb8b30}

 .tb_basic td .info_gap { margin-top: 5px}

 .tb_basic td .manage_btn { margin: 1px 0}

 .tb_basic td .manage_btn .fa { padding-right: 3px; font-size: 13px; } 

 .tb_basic td .define_list { *zoom: 1}

 .tb_basic td .define_list:after { content: ''; display: block; clear: both}

 .tb_basic td .define_list dt { clear: both; float: left; margin-top: 2px}

 .tb_basic td .define_list dd { float: right; margin-top: 2px}

 .tb_basic td .option_info { margin-top: 7px}

 .tb_basic td .option_info a { margin-left: 10px}

 .tb_basic td .txt_line { margin-top: 5px; padding: 5px 10px 0; border-top: solid 1px #e5e5e5}

 .tb_basic td .box_select { margin: 11px 0}

 .tb_basic td .box_select label { margin: 0 3px}

 .tb_basic td .gap_top { margin-top: 7px}

 .tb_basic th span, .tb_basic td span { display: block}

 .tb_basic input { vertical-align: middle}

 .tb_basic tr th:last-child, .tb_basic tr td:last-child { border-right: 0}

 .tb_basic tr.join_list td { border-bottom: 0}

 .tb_basic .calc_info { color: #484848; font-weight: 800; } 

 .tb_basic.basic_line th, .tb_basic.basic_line td { border-right: 0}

 .tb_basic.basic_line tr th:first-child, .tb_basic.basic_line tr td:first-child { border-right: solid 1px #e5e5e5}

 .tb_basic.basic_line tr th:last-child, .tb_basic.basic_line tr td:last-child { border-left: solid 1px #e5e5e5}

 .tb_basic.basic_fl tr th:first-child, .tb_basic.basic_fl tr td:first-child { border-right: solid 1px #e5e5e5}

.btn_sky { border: 2px outset #1e88e5; background-color: #1e88e5; margin-bottom: 2px; border-radius: 4px; } 

.btn_t1 { display: inline-block; position: relative; height: 28px; line-height: 27px; padding: 0 10px; color: #fff; font-size: 12px; font-weight: 600; vertical-align: middle}

.btn_black { border: 2px groove #c6bfad; background-color: #a59f90; margin-bottom: 2px; border-radius: 4px; } 

.modal-header { color: #fff; background-color: #343a40; } 

.modal-bodyy { overflow-x: hidden; overflow-y: auto; } 

/*주문자 검색 END*/

.contents-wrapper.view .section-title-wrapper { padding-left: 0; padding-right: 0; } 
/*아이콘*/
.Icon_Home img,
.Icon_Cart img,
.Icon_Back img,
.Icon_Share img,
.Icon_Close img,
.Icon_Search img { width: 32px; height: 32px; } 

button.Icon_Close { outline: none; border: none; background: none; } 

#sidemenu .Icon_Close img { height: 32px !important; } 
/**/
#confirm-mi-modal .modal-header.confirm { background: none; } 

.guestinfo_form .panel-heading { padding-top: 15px; background: #fff; } 

.orderbody_media .media-body .price p { color: #222; font-size: 12px; font-weight: 500; } 

.my-wrapper .prod-order > .panel-heading .date2 { letter-spacing: -1px; color: #222; padding-left: 4px; font-size: 13px; } 

#qnaModal_txt_contents,
#modal_txt_contents { resize: none; } 

.wrap_sub_menu div:nth-child(1),
.wrap_sub_menu div:nth-child(3),
.wrap_sub_menu2 div:nth-child(1),
.wrap_sub_menu2 div:nth-child(3),
.wrap_sub_menu3 div:nth-child(1),
.wrap_sub_menu3 div:nth-child(3) { width: 29%; } 

.wrap_sub_menu div:nth-child(2) { margin: 0 auto; } 

.wrap_sub_menu div:nth-child(3),
.wrap_sub_menu2 div:nth-child(3),
.wrap_sub_menu3 div:nth-child(3) { display: flex; align-items: center; justify-content: flex-end; } 
#sidemenu .categoryList li .empty_img { width: 24px; height: 24px; /*margin-left: 8px; */}
.reward { cursor: pointer; } 

.review_btn:hover,
.review_btn:focus { border: none; border-radius: 10px; } 

.termstitle,
.privacytitle { text-align: center; margin-left: 24px; } 

#sidemenu .categoryList li .empty_img .title { margin-left: 8px; } 

#subOrderBtn { margin-left: 4px; } 

.form-group.info_num { display: flex !important; align-items: center; } 
.wrap_customer .titlebox { border-bottom: 1px solid #e8e8e8; margin: 0 15px; padding: 0 8px; } 

.wrap_customer .titlebox p { width: 50%; padding-bottom: 10px; } 

.wrap_customer .titlebox .subject { color: #222; font-size: 11px; } 

.wrap_customer .titlebox .date { color: #929292; font-size: 11px; } 



.number_td,
.title_td,
.title__td { width: 100px; } 





.scroll-prod-wrapper .slide_text { width: 100%; display: flex; border: 1px solid #e8e8e8; border-radius: 12px; padding: 15px; justify-content: space-between; } 

 .scroll-prod-wrapper .slide_text .panel-heading img { width: 100%; border-radius: 12px; /*margin: inherit; */}

 .scroll-prod-wrapper .slide_text .panel-heading { width: 120px; } 

.scroll-prod-wrapper .slide_text i { color: #ffc833; letter-spacing: -3px; font-size: 0.875rem; } 

.scroll-prod-wrapper .slide_text .panel-body { padding: 0; } 

.scroll-prod-wrapper .slide_text + .slide_text { margin-left: 0; } 
.review_slide .prod.type1 > .panel-body .prod-title { font-size: 0.8125rem; width: 165px; line-height: 1.2; margin: 6px 0px 4px 0px; text-overflow: ellipsis; color: #222; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; min-height: 60px; } 
.main-review-slide .review_slide .prod-title { width:100% !important; margin-top:0 !important; } 
.container.good-review .Goods_wrapper.review_slide .writeinfo p { font-size: 0.75rem; } 
.wrap_login_out { display: flex !important; align-content: center; } 

.navbar .logo { /*font-size: 22px; */
 color: #222; font-weight: bold; } 

#onair_replyinput { background: #f6f6f6; padding: 5px; } 

.onair-view .panel-body.content p { width: 100%; height: 22px; display: inline-block; word-wrap: break-word; } 

#commentCount img { width: 20px; margin-right: 4px; } 

#commentCount { color: #727272; font-weight: bold; } 

.onair-list-wrapper .onair-view .reply-body .writer > .lastname { background: #b8b8b8; border-radius: 50%; color: #fff; padding: 3px 5px; margin-right: 4px; } 

.onair-list-wrapper .onair-view .reply-body .contents { margin-bottom: 10px; } 

.onair-list-wrapper .onair-view .reply-body .media-heading { display: flex; align-items: center; justify-content: space-between; height: 21px; } 

.onair-list-wrapper .onair-view .reply-body .media-heading .modify img { margin-right: 10px; width: 16px; } 

.onair-list-wrapper .onair-view .reply-body .media-heading .del img { width: 16px; } 

.onair-list-wrapper .onair-view .rereplyfrm { background: #f6f6f6; display: flex; align-items: center; width: 100%; height: 102px; } 

 .onair-list-wrapper .onair-view .rereplyfrm .changeinput { width: 71%; height: 102px; } 

 .onair-list-wrapper .onair-view .rereplyfrm .changebox { display: flex; flex-direction: column; } 

 .onair-list-wrapper .onair-view .rereplyfrm .changebox a { width: 100px; } 

 .onair-list-wrapper .onair-view .rereplyfrm .changebox a:first-child { margin-bottom: 4px; } 

 .onair-list-wrapper .onair-view .rereplyfrm .media-body { display: flex; align-items: center; height: auto; } 

.panel.notice .panel-body p { display: flex; align-items: center; justify-content: center; } 

#sidemenu .login-out-wrapper .my_login { width: 100%; } 

#couponDownloadModal,
#qnaModal { z-index: 9999; } 

#rewardP .modal-header { position: fixed; width: 100%; right: 0; left: 0; } 

#reviewWriteModal .modal-body { background: #fff; font-size: .875rem; width: 100%; height: calc(100% - 60px); /* overflow-y: auto; */
 margin-top: 58px; } 

#deliveryModal .modal-header { border-bottom: 0; } 

#noOAuthModal2 .panel-body { word-break: break-word; } 

#loginModal .modal-body.common-wrapper { margin-top: 0; } 

.consent_home .sub-menu-title { margin-left: 20px; } 

.member_wrap .Apple,
.member_wrap .Naver,
.member_wrap .katalk { position: relative; justify-content: center; } 




#rewardP .modal-header,
#floatingActionShare .modal-header,
#snsShareModal .modal-header { border-bottom: 0; } 

#loginModal { z-index: 99999; } 

.guestinfo_form .user-find-wrapper.panel { margin-top: 0; } 

.guestinfo_form .col-xs-12 { margin-top: 58px; } 

.faq .answer p img { width: 100%; } 

.panel.notice .title__td { width: 225px; } 

.TopGnb ul { display: flex; width: 100%; justify-content: center; } 

.TopGnb ul > li { display: flex; align-items: center; position: relative; width: 20%; justify-content: center; } 

.TopGnb { /*padding: 15px; */
 border-bottom: 1px solid #e8e8e8; position: fixed; right: 0; left: 0; z-index: 1030; display: flex; align-items: center; border: 0; } 

 .TopGnb ul > li:nth-of-type(2) > a { text-align: center; } 

 .TopGnb .animationGnb { display: inline-block; -webkit-animation: animationGnb 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; z-index: 1; } 

 .TopGnb .animationGnbnum { display: inline-block; -webkit-animation: animationGnbnum 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } 

@-webkit-keyframes animationGnb { 
 0% { z-index: 2; -webkit-transform: rotateX( 0deg ); } 

 40% { z-index: 2; -webkit-transform: rotateX( 0deg ); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX( 0deg ); } 

 50% { z-index: 1; -webkit-transform: rotateX( -180deg ); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX( -180deg ); } 

 90% { z-index: 2; -webkit-transform: rotateX( -180deg ); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX( -180deg ); } 

 100% { z-index: 2; -webkit-transform: rotateX( 0deg ); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX( 0deg ); } 
 }

@-webkit-keyframes animationGnbnum { 
 0% { z-index: 2; -webkit-transform: rotateX( -180deg ); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX( -180deg ); } 

 40% { z-index: 2; -webkit-transform: rotateX( -180deg ); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX( -180deg ); } 

 50% { z-index: 1; -webkit-transform: rotateX( 0deg ); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX( 0deg ); } 

 90% { z-index: 2; -webkit-transform: rotateX( 0deg ); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX( 0deg ); } 

 100% { z-index: 2; -webkit-transform: rotateX( -180deg ); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX( -180deg ); } 
 }


.TopGnb .join,
.TopGnb .pointnum { width: 100%; height: 100%; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0px; color: #727272; font-size: 11px; } 

.mainShopinfo ul { display: flex; padding: 15px; } 

.mainShopinfo ul > li { display: flex; flex-flow: column wrap; width: 300px; align-items: center; letter-spacing: -0.2px; text-align: center; white-space: nowrap; } 

.mainShopinfo ul > li:last-child { border-right: none; } 

.mainShopinfo ul > li > span { font-family: Roboto; margin-bottom: 4px; } 

#Npaydetail .panel.panel-body { background: #f8f8f8; } 

#Npaydetail .Npaybody ul { font-size: 12px; line-height: 19px; } 

#Npaydetail .Npaybody ul > li { margin-top: 7px; } 

#Npaydetail .Npaybody ul > li:first-child { margin-top: 0; } 

.footer-info-wrapper .footerblock { display: block !important; } 



.join_wrap .guestwrap img,
.Login_page .guestwrap img { width: 20px; transform: translate3d(0, 0, 0); } 

.goods-items-container .section-title-wrapper .moretext,
.main-recommend-item .section-title-wrapper .moretext,
.main-review-wrapper .section-title-wrapper .moretext,
.main-review-slide .section-title-wrapper .moretext,
.category-view .title_category .moretext { position: relative; top: 5px; flex-shrink: 0; /*width: 74px; */
 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.category-view .title_category .moretext,
.main-review-slide .section-title-wrapper .moretext { text-align: center; } 

.goods-items-container .section-title-wrapper img,
.good-unlimited .section-title-wrapper img,
.main-recommend-item .section-title-wrapper img { width: 24px; margin-right: 4px; } 
.fixtype1 .benefitbox span { height: auto; width: 200px; } 

.fixtype1 .col-xs-12 .default-benefit { display: flex; align-items: center; flex-wrap: wrap; height: auto; /*width: 200px; */
 margin-left: 0; /*padding-top: 4px; */}

.BigWrap .col-xs-6.itemrows .body_panel .benefit { margin-top: 0; margin-left: 0; width: 100%; } 

 .BigWrap .col-xs-6.itemrows .body_panel .benefit p { margin-left: 0; } 

 .BigWrap .col-xs-6.itemrows .body_panel .benefit p:first-child { margin-right: 2px; } 

.fixtype2 .col-xs-6 .benefit { width: 100%; } 

.wrap_my_delivery .delivery-list.addedList a.btn.btn_type3.btn-white { box-shadow: 0 3px 0 #c8c8c8 !important; } 

.common-wrapper.guestinfo_form .panel-heading.navbar-fixed-top p,
.common-wrapper.access.join.new_join_wrap .panel-heading p,
.common-wrapper.access.join.idpw_search .panel-heading p,
.common-wrapper.idsearch_list .panel-heading p,
.common-wrapper.pwsearch_reset .panel-heading p { width: 10%; } 

.event-page-wrapper.couponbookpage .text-center { font-size: 12px; } 

#purchase-wrapper .panel-footer.sellersoldout,
#purchase-wrapper .panel-footer.sellerplan { box-shadow: 0 -5px 10px 0px #d3d3d3; background: #424242; } 

#purchase-wrapper .panel-footer.sellersoldout a,
#purchase-wrapper .panel-footer.sellerplan a { color: #929292; font-size: 1rem; } 

#purchase-wrapper .panel-footer.sellerplan a span { color: #fff; font-size: 1rem; } 

.common-wrapper.access.join.idpw_search .member { margin-top: 70px; } 

.common-wrapper.idsearch_list .idsearch,
.common-wrapper.pwsearch_reset .pwsearch { margin-top: 58px; } 
.common-wrapper.access.join.new_join_wrap .member.joinmember { margin-top: 73px; } 

.common-wrapper.access.join.idpw_search .phone-token_chk { margin-bottom: 20px; text-align: center; } 

.col-xs-12 .prod.type1,
.col-xs-6 .prod.type1,
.col-xs-4 .prod.type1,
.Goods_wrapper .sliding1 .prod.slidebasic,
.main-review-slide .prod.type1,
.moall-wrapper .prod-list-wrapper .rcmm_1wrap .panel,
.recommend .sliding1 .prod.slidebasic,
#newboard .img-type#imgTypeLine2 .col-xs-6,
#newboard #imgTypeLine1 .panel-list li,
#newboard.main-slide .swiper-slide { margin-bottom: calc(var(--goods-interval) + 0px) !important; } 


.col-xs-12 .prod.type1 > .panel-body,
.col-xs-6 .prod.type1 > .panel-body,
.col-xs-4 .prod.type1 > .panel-body,
.Goods_wrapper .sliding1 .prod.type1 > .panel-body,
.Goods_wrapper.review_slide .prod.type1 > .panel-body,
.photoreview_list .panel-body,
.moall-wrapper .prod-list-wrapper .rcmm_1wrap .prod.type1 > .panel-body,
.container.recommend .sliding1 .panel-body.body_panel,
.scroll-prod-wrapper.sliding1 .panel-body.body_panel { padding: 12px 0 0 0; } 

.col-xs-12 .prod.type1 > .footer_panel,
.col-xs-6 .prod.type1 > .footer_panel,
.col-xs-4 .prod.type1 > .footer_panel,
.Goods_wrapper .sliding1 .footer_panel.default-footerpanel,
.Goods_wrapper.review_slide .prod.type1 > .panel-footer,
.main-review-wrapper .panel-footer,
.photoreview_list .panel-footer,
.moall-wrapper .prod-list-wrapper .rcmm_1wrap .footer_panel,
.recommend .sliding1 .prod.type1 > .footer_panel { padding-top: 10px; } 


.btn_type_maintop.view div:last-child .basket-exist { top: 9px; } 

.sellerfootpartial .company { margin-bottom: 64px; } 

.contents-wrapper.wrap_orderendcont .payment-wrapper { margin-top: 80px; } 

.panel.info-wrapper.wrap_info .detail-summary { font-size: 0.875rem; color: #727272; word-wrap: break-word; display: inline-block; width: 342px; margin-top: 32px; padding-bottom: 4px; } 

.panel.info-wrapper.wrap_info .panel-heading h3 { margin-top: 0; } 

.my-wrapper .media-body.orderbody_media .media-head > p > a { float: right; } 

.panel-body.body_pane_orderdetail .madia-head a { float: right; } 

.my-wrapper .media-body.orderbody_media .request_text { font-size: 12px; font-weight: 600; color: #ff0000; } 

.moall-wrapper .prod-list-wrapper .rcmm_2wrap.rcmm_2wrapslide .rcmm_slide_title { padding-left: 15px; } 

.moall-wrapper .prod-list-wrapper .rcmm_2wrap.rcmm_2wrap_2div .rcmm_slide_title { padding-left: 15px; } 

.Goods_wrapper.goods-items-container .section-title-wrapper,
.main-review-wrapper .section-title-wrapper.titlewrapper,
.container.main-review-slide .section-title-wrapper,
.main-recommend-item .section-title-wrapper,
.main-review-slide .section-title-wrapper,
.good-unlimited .section-title-wrapper,
.category-view .title_category { padding: 16px 15px; } 

.btn-moreview div { display: flex; align-items: center; justify-content: center; } 

.btn-moreview a { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 6px; } 
/*신규배너라인*/
.bigBannerCarousel_olcaseline li,
.bigBannerCarousel_olcaseinline li { height: 4px; width: 18px; margin: 0; border-color: #dcdcdc; background-color: #dcdcdc; border-radius: 0; } 

.bigBannerCarousel_olcaseline .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bigBannerCarousel_olcaseinline .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 4px; width: 18px; margin: 0; border-radius: 0; background-color: var(--btn_type_shopbasic3_background, #0e16f0); border: 0; } 

.bigBannerCarousel_olcaseline .swiper-pagination-bullet,
.bigBannerCarousel_olcaseinline .swiper-pagination-bullet { margin: 0 !important; height: 4px; width: 18px; border-radius: 0; opacity: 1; border-color: #dcdcdc; background-color: #dcdcdc; } 
/*//신규배너라인*/
.category-view .title_category { display: flex; } 

.Goods_wrapper.good-unlimited .prod-wrapper.fixtype1,
.Goods_wrapper.good-unlimited .prod-wrapper.fixtype3 { margin-left: 0; margin-right: 0; } 

.Goods_wrapper.good-unlimited .textwrap { width: 100%; } 

.main-recommend-item .iconsize,
.main-review-slide .iconsize,
.main-review-wrapper .iconsize { width: 24px; height: 24px; margin-right: 4px; } 

.good-unlimited .fixtype1 { padding-right: 15px; padding-left: 15px; } 

 .good-unlimited .fixtype1 .col-xs-6:nth-child(2n+1) { padding-left: 0; } 

 .good-unlimited .fixtype1 .col-xs-6:nth-child(2n) { padding-right: 0; } 

.good-unlimited .prod-wrapper.fixtype3 { padding-right: 15px; padding-left: 15px; } 

.panel { background: none; } 

#purchase-wrapper { background: #fff; } 

.prod-list-wrapper.prod_list_wrap .gnb-wrapper { font-size: .8125rem; font-weight: 600; width: 100%; height: 42px; line-height: 43px; background-color: #fff; } 

.prod-list-wrapper.prod_list_wrap .gnb > .menu:first-child { margin-left: 15px !important; } 

.prod-list-wrapper.prod_list_wrap .gnb > .menu:last-child { margin-right: 15px !important; } 

.prod-list-wrapper.prod_list_wrap .gnb > .menu { margin: 0 10px; font-size: .8125rem; } 

.contents-wrapper.myqna.my-qna .more-view a,
#prodOrder_btn { width: 100%; } 

.contents-wrapper.view .recommend.main-recommend-item .section-title-wrapper { padding-left: 15px; padding-right: 15px; } 

.contents-wrapper.view .good-review .section-title-wrapper { padding-bottom: 16px; } 

.quick-category { display: flex; align-items: center; width: 100%; flex-wrap: wrap; } 

.payment-wrapper .checks .paycoimg { height: 13px; } 

.panel-body.sns.join_wrap a { white-space: nowrap; } 

.contents-wrapper.wrap_orderendcont .orderendbanner { margin-bottom: 80px; } 

.payment-wrapper.common-wrapper .orderbanner { padding-top: 15px; } 

.contents-wrapper.view .sliding1 .prod-title { white-space: normal; } 

.contents-wrapper.view .Goods_wrapper.review_slide .panel-body { padding-top: 0; } 

.footer-wrapper .notify-wrapper .notifytitle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 


.panel.faq { margin-top: 70px; } 

#purchase_first .golinkbtn { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 8px; } 

.info-wrapper.payment-info .pay-cancel { color: #ff0000; } 

.home-termswrap .home-terms-navbar,
.privacywrap .home-parivacy-navbar { background-color: #fff; } 

.home-termswrap .contents-wrapper.terms,
.privacywrap .contents-wrapper.terms.home-parivacy { margin-top: 58px; } 

.sub-menu-wrapper.wrap_sub_menu.submenu-wrap-1 .sub-menu-title { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 

#paymentMethod .paycomethod img { height: 11px; margin-left: 2px; } 

#postModal .modal-body { margin-top: 63px; } 

.onair-page-wrapper.img-board-list .goodsbox .media-object { width: 100px; height: 100px; } 

.text-success.success-text { color: #3c763d !important; } 

#sidemenu #categoryAccordion .sideClose.sidetext { display: inline-block; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.panel.notice.notice-table .text-center { padding: 14px; } 

.panel.notice.detail_normal .subject.textbox a { width: 200px; } 
/*현금영수증수정*/
.contents-wrapper.detail .panel.order-payment-info .receiptselect,
.contents-wrapper.detail .panel.order-payment-info .receiptselect2,
.contents-wrapper.detail .panel.order-payment-info .receiptselect3 { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: 0.8125rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; cursor: pointer; } 

.contents-wrapper.detail .agree_chk a, .payment-wrapper .order-payment-info .pay_heading a { color: var(--btn_type_shopbasic2_color, #ffd800); text-decoration-color: var(--btn_type_shopbasic2_color, #ffd800); } 
/*//현금영수증수정*/
.customer-wrapper .panel.notice.notice-table { margin-top: 61px; } 

.customer-wrapper .panel.notice.notice-table tr { justify-content: space-between; } 
/*#paymentMethod .NpayModal,
#paymentMethod .halbuModal { text-decoration: underline; } */
.pay_heading .NpayModal,
.pay_heading .halbuModal { text-decoration: underline; } 
.form-group.card-agree-wrapper .checks label { white-space: nowrap; } 
.form-group.card-agree-wrapper .checks a { width: 26px; } 
.contents-wrapper.terms.consent-terms { margin-top:58px; } 
.sub-menu-wrapper.consent_home { border-bottom: 1px solid #e8e8e8; } 

.prod-wrapper > .col-xs-12 { padding-left: 0; padding-right: 0; } 
.col-xs-12 .panel-body.custom-panelbody { padding-left:15px !important; padding-right:15px !important; } 

.col-xs-12 .panel-body,
.col-xs-12 .footer_panel.default-footer { padding-left: 15px !important; padding-right: 15px !important; } 
.wrapper_moall .main .default1_DIV,
#sidemenu .default1_DIV { margin: 0 !important; } 
.BigWrap.default-list .col-xs-12 .prod.type1 { margin: 0 -15px; } 
.BigWrap.default-list .col-xs-12 .panel-heading { margin:0 !important; } 
.BigWrap .panel-body.body_panel { padding-left: 0 !important; padding-right: 0 !important; } 
.rcmm_2wrap.rcmm_2wrapslide .prod-title.default-title { white-space: normal; max-height: 2.4em; width: 100%; overflow: hidden; margin: 0; margin-bottom: 4px; text-overflow: ellipsis; color: #222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.4em; letter-spacing: -0.2px; line-height: 1.25em; } 
.rcmm_2wrap.rcmm_2wrapslide .prod-title,
.rcmm_2wrap .prod.type1.slidebasic .custom-summary { white-space: normal; text-overflow: ellipsis; } 
.BigWrap .rcmm_2wrap .col-xs-12 .panel-body { /*padding-left:0 !important; padding-right:0 !important; */}
.BigWrap .rcmm_2wrap .col-xs-12 .footer_panel { padding-left: 0 !important; padding-right: 0 !important; } 
.footer_panel.default-footer .orderCount { color: #727272; font-size: .6875rem; min-height: 14px; letter-spacing: -0.2px; } 

/*커스텀*/
/*.BigWrap.custom-list .col-xs-12 .prod.type1 { margin-left: -15px !important; margin-right: -15px !important; } 
.BigWrap.custom-list .col-xs-12 .panel-heading { margin: 0 !important; } 
.BigWrap.default-list .col-xs-12 .panel-body { padding-left: 15px !important; padding-right: 15px !important}*/
.col-xs-6 .goodssellimg img,
.col-xs-12 .goodssellimg img,
.col-xs-4 .goodssellimg img,
.scroll-prod-wrapper.sliding1 .goodssellimg img,
.scroll-prod-wrapper.sliding4 .goodssellimg img,
.rcmm_2wrap.rcmm_2wrapslide .goodssellimg img { width: 80px; height: 32px; } 
.col-xs-12 .goodssell-filter,
.col-xs-6 .goodssell-filter,
.col-xs-4 .goodssell-filter,
.scroll-prod-wrapper.sliding1 .goodssell-filter,
.scroll-prod-wrapper.sliding4 .goodssell-filter { /* filter: grayscale(1); opacity: 70%; */}

.col-xs-6 .goods-free,
.col-xs-12 .goods-free,
.col-xs-4 .goods-free,
.scroll-prod-wrapper.sliding1 .goods-free,
.scroll-prod-wrapper.sliding4 .goods-free { width: 32px; height: 32px; } 
.col-xs-6 .godossellcustom img,
.col-xs-4 .godossellcustom img,
.col-xs-12 .godossellcustom img,
.scroll-prod-wrapper.sliding1 .godossellcustom img,
.scroll-prod-wrapper.sliding4 .godossellcustom img,
.rcmm_2wrap .godossellcustom img { width: 32px; height: 32px; } 

.col-xs-6 .godossellcustom img:nth-of-type(5),
.col-xs-12 .godossellcustom img:nth-of-type(11) { margin-left:0; } 

/*.col-xs-6 .goods-timesale-label,
.col-xs-12 .goods-timesale-label,*/
.scroll-prod-wrapper .goods-timesale-label { position: absolute; bottom: 0px; left: 0px; width: 100%; padding:5px; } 

.sliding4 .goods-timesale-label { position: relative; bottom: 29px; } 
.col-xs-6 .goods-custom-Line p,
.col-xs-12 .goods-custom-Line p,
.col-xs-4 .goods-custom-Line p,
.scroll-prod-wrapper.sliding1 .goods-custom-Line p,
.scroll-prod-wrapper.sliding4 .goods-custom-Line p { border-bottom: 0; border-left: 0; border-right: 0; border-top: 0; } 
.main-recommend-item .col-xs-12 .prod.type1 { margin:0 15px; } 
.col-xs-6 .footer_panel .avgstar span,
.col-xs-12 .footer_panel .avgstar span,
.col-xs-4 .footer_panel .avgstar span,
.scroll-prod-wrapper.sliding1 .footer_panel .avgstar span,
.scroll-prod-wrapper.sliding4 .footer_panel .avgstar span { margin-left: 4px; } 
.goods-timesale-label .time-remaining { margin-right:2px; } 
.goods-timesale-label .timesale { white-space: nowrap; } 
.goods-timesale-label .timesaletext { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.fixtype1 .col-xs-12 .benefitbox .box { flex-wrap: wrap; display: flex; align-items: center; } 
.col-xs-12 .smfix_dft1_div { color: #727272; min-height: 18px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.2px; margin-bottom: 2px; min-height: 1.37em; max-height: 1.37em; } 
.fixtype2 .col-xs-6 .summary_fix2,
.fixtype3 .col-xs-4 .summary_fix2 { margin-bottom: 2px; } 
.col-xs-6 .summary_fix2 { min-height: 1.33em; max-height: 1.33em; } 
.footer_panel > .orderCount > span { color: #ff7e00; font-size: .6875rem; font-weight: bold; margin-right:2px; } 

.wrapper_moall .swiper-container.sliding4 .price-wrapper { padding-top: 4px; } 
.col-xs-4 .default-pricewrap,
.sliding1 .default-pricewrap,
.col-xs-6 .default-pricewrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } 
.sliding1 .default-pricewrap .dc-rate,
.col-xs-12 .default-pricewrap .dc-rate,
.col-xs-6 .default-pricewrap .dc-rate,
.col-xs-4 .default-pricewrap .dc-rate,
.brd-recommen.brd-recommen-listL .dc-rate,
.brd-recommen.brd-recommen-listR .dc-rate,
.rcmm_2wrap.rcmm_2wrapslide .dc-rate { margin-left:4px; } 
.sliding4 .default-pricewrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px; } 
.col-xs-12 .default-pricewrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.col-xs-6 .goodssellimg,
.col-xs-12 .goodssellimg,
.col-xs-4 .goodssellimg,
.sliding1 .goodssellimg { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; } 
.sliding4 .goodssellimg,
.rcmm_2wrap .goodssellimg { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } 

/*가격정보*/
.price-bigbox .price-wrapper .org-price { display: inline-block; /*height: 16px; */
 letter-spacing: -0.2px; } 
.price-bigbox .price-wrapper .dc-rate { padding-left: 0; display: inline-block; height: 14px; letter-spacing: -0.2px; } 
.custom-textdeco { text-decoration: none; } 

.price-bigbox .price-wrapper p { letter-spacing: -0.2px; } 

.price-bigbox .price-wrapper.type-Fcolumncenter { display: flex; flex-direction: column; align-items: center; } 
.price-bigbox .price-wrapper.type-Fcolumnend { display: flex; flex-direction: column; align-items: end; } 
.price-bigbox .price-wrapper.type-Fcolumn { display: flex; flex-direction: column; } 
.price-bigbox .price-wrapper.type-Fjustifycenter { display: flex; justify-content: center; align-items:center; } 
.price-bigbox .price-wrapper.type-fjustifyspace { display: flex; justify-content: space-between; align-items: center; } 
.price-bigbox .price-wrapper .setml { margin-left: 8px; } 
.price-bigbox .price-wrapper .setfbasecenter { display: flex; align-items: baseline; justify-content: center; } 
.price-bigbox .price-wrapper .setfbase { display: flex; } 
.price-bigbox .price-wrapper.type42 { display: flex; justify-content: center; } 
.price-bigbox .price-wrapper.type43 { display: flex; justify-content: end; } 
.price-bigbox .price-wrapper.type27 .setfbase { width:100%; justify-content:end; } 
.price-bigbox .price-wrapper.type30 { width:100%; } 

.price-bigbox .price-wrapper.type31 { width:100%; text-align:right; } 
.price-bigbox .price-wrapper.type31 .org-price { width:100%; } 
.price-bigbox .price-wrapper.type32 .org-price { width:100%; text-align:right; } 
.price-wrapper.type23 { text-align: right; width: 100% !important; } 
.price-wrapper.type24 { width: 100%; } 
.price-wrapper.type25 { width: 100%; } 
.price-wrapper.type26 .price { display: inline-block !important; } 
.price-wrapper.type9 .dc-rate { display: flex !important; align-items: center; } 
.price-bigbox .price-wrapper.type7 .setmlR { margin-left: 8px; text-align: right; } 
.price-bigbox .price-wrapper { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } 
.price-wrapper.type22 { justify-content: center; } 
.col-xs-6 .price-bigbox .price-wrapper.type2 .setfbasecenter,
.col-xs-6 .price-bigbox .price-wrapper.type3 .setfbase,
.col-xs-6 .price-bigbox .price-wrapper.type6 .setfbasecenter,
.col-xs-6 .price-bigbox .price-wrapper.type26 .setfbase,
.col-xs-6 .price-bigbox .price-wrapper.type27 .setfbase { width: 100%; } 
.col-xs-6 .price-bigbox .price-wrapper.type3 .setfbase,
.col-xs-6 .price-bigbox .price-wrapper.type27 .setfbase { justify-content: flex-end; } 
.col-xs-6 .price-bigbox .price-wrapper.type26 .setfbase { justify-content: center; } 
.col-xs-6 .price-bigbox .price-wrapper.type5 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type6 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type26 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type30 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type35 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type37 .dc-rate { line-height: 0 !important; min-height: 0 !important; } 
.col-xs-6 .price-bigbox .price-wrapper.type6 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type30 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type35 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type37 .dc-rate { height: 0; } 
.col-xs-6 .price-bigbox .price-wrapper.type23 .setR,
.col-xs-6 .price-bigbox .price-wrapper.type31 .setR { margin-left: 8px; } 
.col-xs-6 .price-bigbox .price-wrapper.type34,
.col-xs-6 .price-bigbox .price-wrapper.type35,
.col-xs-6 .price-bigbox .price-wrapper.type37 { align-items: center; } 
.col-xs-6 .price-wrapper.type1 div { align-items: baseline; } 
.col-xs-6 .price-wrapper.type2 div { align-items: baseline; } 
.col-xs-4 .price-bigbox .price-wrapper.type-F { display: flex; } 
.col-xs-4 .price-wrapper.type5 .setfbase { align-items: center; } 
.col-xs-12 .price-bigbox .price-wrapper.type-F,
.col-xs-6 .price-bigbox .price-wrapper.type-F { display: flex; align-items: baseline; } 
.col-xs-12 .price-wrapper .setfbase,
.col-xs-6 .price-wrapper .setfbase { display: flex; align-items: baseline; } 
.col-xs-12 .price-bigbox .price-wrapper.type-justifyend,
.col-xs-6 .price-bigbox .price-wrapper.type-justifyend { display: flex; justify-content: end; align-items: center; } 
.col-xs-4 .price-bigbox .price-wrapper.type-justifyend,
.sliding1 .price-bigbox .price-wrapper.type-justifyend { display: flex; justify-content: end; } 
.col-xs-4 .price-wrapper.type6 .setfbasecenter { align-items: center; } 
.col-xs-4 .price-wrapper.type32 div { align-items: center; } 
.col-xs-4 .price-wrapper.type1 div { align-items:center; } 
.slidebasic .summary_fix2 { margin-bottom: 2px; min-height: 1.35em; max-height: 1.35em; } 
.sliding1 .price-wrapper.type1 div { align-items: baseline; } 
.sliding1 .price-wrapper.type5 div { align-items: center; } 
.sliding1 .price-wrapper.type10 div,
.sliding1 .price-wrapper.type11 div,
.sliding1 .price-wrapper.type12 div,
.sliding1 .price-wrapper.type13 div,
.sliding1 .price-wrapper.type14 div,
.sliding1 .price-wrapper.type17 div,
.sliding1 .price-wrapper.type18 div,
.sliding1 .price-wrapper.type19 div,
.sliding1 .price-wrapper.type21 div { align-items: baseline; } 
.sliding1 .price-wrapper.type24 .price { text-align:right; } 
.sliding1 .price-wrapper.type33,
.sliding1 .price-wrapper.type37,
.sliding1 .price-wrapper.type39 { display: flex; align-items: center; } 
.sliding1 .price-wrapper.type6 div { align-items: center; } 
.col-xs-4 .type13 div,
.col-xs-4 .type14 div { align-items: baseline; } 
.col-xs-4 .type15 div { align-items: center; } 
.col-xs-4 .price-bigbox .price { letter-spacing: -0.2px; } 
.col-xs-4 .type10 div,
.col-xs-4 .type18 div,
.col-xs-4 .type19 div,
.col-xs-4 .type21 div,
.col-xs-4 .type11 div { align-items: baseline; } 
.col-xs-12 .price-wrapper.type1 div { align-items: baseline; } 
.col-xs-12 .price-wrapper.type28 { width: 100%; } 
.col-xs-12 .price-wrapper.type6 .dc-rate { text-align: right; } 
.col-xs-12 .price-wrapper.type3 div { align-items: baseline; } 
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type10 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type11 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type13 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type14 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type18 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type19 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type21 .setfbase { align-items: center !important; } 
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type33,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type37 { display: flex; align-items: center; } 
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type35,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type39 { display: flex; align-items: center; justify-content: end; } 
/*//가격정보*/
/*구매정보*/
.orderinfor.footer_panel .orderCount { min-height: 14px; letter-spacing: -0.2px; } 
.orderinfor.footer_panel.type2 { display: flex; flex-direction: column; align-items: end; } 
.orderinfor.footer_panel.type3 { display: flex; flex-direction: column; align-items: center; } 
.orderinfor.footer_panel.type5 { display: flex; flex-direction: column; align-items: end; } 
.orderinfor.footer_panel.type6 { display: flex; flex-direction: column; align-items: center; } 
.orderinfor.footer_panel.type7 { display: flex; justify-content:space-between; align-items:center; } 
.orderinfor.footer_panel.type7 .orderCount { white-space:nowrap; margin-right:4px; } 
.orderinfor.footer_panel.type9 { display:flex; align-items:center; justify-content:center; } 
.orderinfor.footer_panel.type10 { display: flex; justify-content: end; } 
.orderinfor.footer_panel.type11 { display: flex; justify-content: space-between; align-items: center; } 
.orderinfor.footer_panel.type11 .orderCount { white-space: nowrap; margin-left: 4px; } 
.orderinfor.footer_panel.type13 { display: flex; justify-content: center; } 
.orderinfor.footer_panel.type14 { display: flex; justify-content: end; } 
.col-xs-12 .footer_panel.type7 .orderCount,
.scroll-prod-wrapper.sliding1 .footer_panel.type7 .orderCount,
.scroll-prod-wrapper.sliding4 .footer_panel.type7 .orderCount { margin-right: 16px; } 
.col-xs-12 .footer_panel.type11 .orderCount,
.scroll-prod-wrapper.sliding1 .footer_panel.type11 .orderCount,
.scroll-prod-wrapper.sliding4 .footer_panel.type11 .orderCount { margin-left: 16px; } 
.col-xs-12 .footer_panel.type7 { justify-content:space-between; } 
.col-xs-12 .footer_panel.type11 { justify-content:space-between; } 
.orderinfor.footer_panel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } 
.orderinfor.footer_panel .orderCount p { display:flex; } 
.orderinfor.footer_panel .orderCount p .text { margin-left:2px; } 
.orderinfor.footer_panel .avgstarnum { display: flex; align-items:center; } 
.orderinfor.footer_panel .avgstarnum span { margin-left:2px; } 
.orderinfor.footer_panel.type1 .avgstarnum,
.col-xs-6 .orderinfor.footer_panel.type2 .avgstarnum,
.col-xs-6 .orderinfor.footer_panel.type7 .avgstarnum { display: flex; align-items: baseline; } 
/*//구매정보*/
/*//커스텀*/
/*구매후기신고기능*/
.main-review-wrapper .reviewreportbtn,
.main-review-slide .reviewreportbtn,
.review-list-container .reviewreportbtn,
.review-detail-wrapper.photoreivewdetail .reviewreportbtn,
#prodReview .reviewreportbtn,
.container.good-review .reviewreportbtn { border: none; background: none; outline: none; padding-left: 12px; font-size: 0.75rem; color: #929292; } 
.main-review-wrapper .reviewdate,
.review-list-container .reviewdate { color: #929292; } 
.main-review-wrapper .byname,
.main-review-slide .byname { color: #282828; } 
.review-detail-wrapper.photoreivewdetail .reviewreportbtn,
#prodReview .reviewreportbtn { margin-left: auto; } 
#reportModal .panel-title label { font-size: 13px; cursor: pointer; } 
#reportModal .panel-title { padding:4px 0; } 
#reportModal .modal-body .text { margin:16px 0; } 
#reportModal .modal-body .form-group.content { margin-top:24px; } 
#reportModal .modal-body .form-group.content textarea { resize: none; } 
#reportModal .modal-footer { display: flex; align-items: center; border-top:0; } 
#reportModal .modal-footer button { width:50%; } 
#reportModal { padding-right: 0 !important; z-index: 9999; } 
.payment-wrapper.common-wrapper.oder .form-control { color:#222; font-size:0.8125rem; } 
.footer_panel.default-footerpanel .orderCount { align-items: center; } 
.common-wrapper.join.new_join_wrap .panel-heading { background:#fff; } 
.section-title.main-title { word-break: break-all; } 
.moall-wrapper.wrapper_moall .navbar.home-consent { background:#fff; } 
.panel.agree-wrapper.agree-align .agreewrap-box { display: flex; flex-direction: column; line-height: 2.5; } 
#orderlist .mo_order_num { color: #727272; font-size:12px; } 
.payment-wrapper .agree-wrapper .allchk input[type="checkbox"] + label { color: #b8b8b8; } 
.payment-wrapper .agree-wrapper .allchk input[type="checkbox"] + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 
.payment-wrapper .agree-wrapper .allchk input[type="checkbox"]:checked + label { color:#222; } 
.payment-wrapper .agree-wrapper .allchk input[type="checkbox"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 
.payment-wrapper.common-wrapper.oder .info_form tr:first-child { margin-top: 15px; } 
/*혜택/총결제금액*/
.contents-wrapper.basket .basket-pricewrap table tr,
.payment-wrapper.common-wrapper .order-pricewrap table tr,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap table tr,
.my-wrapper.wrap_maypage .orderdetail-priceline,
.my-wrapper.wrap_maypage .orderdetail-totatable tr { display: flex; align-items: center; justify-content: space-between; } 
.payment-wrapper.common-wrapper .order-pricewrap { margin: 0 15px 15px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } 
.contents-wrapper.wrap_orderendcont .payinfo { margin: 15px; color: #929292; font-size: 0.75rem; } 
.contents-wrapper.basket .basket-pricewrap .basket-totalline, .payment-wrapper.common-wrapper .order-pricewrap .order-totalline { padding: 16px 15px; border-bottom: 1px solid #e8e8e8; } 
.contents-wrapper.wrap_orderendcont .payinfo { margin-left: 0; margin-right: 0; } 
.payment-wrapper.common-wrapper .order-pricewrap table th,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totatable th,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable th,
.my-wrapper.wrap_maypage .orderdetail-payinfo th,
.my-wrapper.wrap_maypage .orderend-priceline th,
.my-wrapper.wrap_maypage .orderdetail-payinfo th,
.my-wrapper.wrap_maypage .orderdetail-totatable th,
.my-wrapper.wrap_maypage .orderdetail-priceline th,
.contents-wrapper.basket .basket-pricewrap .basket-totalline th,
.contents-wrapper.basket .basket-pricewrap .basket-priceline th { font-size: 0.75rem; color: #222; } 
.contents-wrapper.basket .basket-pricewrap .basket-totalline td,
.payment-wrapper.common-wrapper .order-pricewrap .order-totalline td { font-size: 1.1875rem; } 

.contents-wrapper.basket .basket-pricewrap .basket-priceline,
.payment-wrapper.common-wrapper .order-pricewrap .order-priceline:not(.order-pricefistline),
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-priceline,
.my-wrapper.wrap_maypage .orderdetail-priceline { padding: 4px 15px 0; } 
.payment-wrapper.common-wrapper .order-pricewrap .order-priceline,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable,
.my-wrapper.wrap_maypage .orderdetail-pricetable { background: #f8f8f8; } 
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable .account { background:#fff; border-top:1px solid #e8e8e8; } 
.contents-wrapper.basket .basket-pricewrap .basket-pricefistline,
.payment-wrapper.common-wrapper .order-pricewrap .order-pricefistline,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .order-pricefistline,
.my-wrapper.wrap_maypage .orderdetail-pricefistline { padding: 11px 15px 0; } 
.payment-wrapper.common-wrapper .order-pricewrap .order-pricealstline,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricealstline,
.my-wrapper.wrap_maypage .orderend-pricealstline { padding: 0px 15px 11px !important; } 
.payment-wrapper.common-wrapper .order-pricewrap .order-pointline { padding:16px 15px; border-top:1px solid #e8e8e8; } 
.payment-wrapper.common-wrapper .order-pricewrap .order-priceline th,
.contents-wrapper.basket .basket-pricewrap .basket-priceline th,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap th,
.my-wrapper.wrap_maypage .orderdetail-totatable th,
.my-wrapper.wrap_maypage .orderdetail-priceline th,
.payment-wrapper.common-wrapper .order-pointline th { font-weight: 500; } 

.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totalline,
.my-wrapper.wrap_maypage .orderdetail-totalline th,
.my-wrapper.wrap_maypage .orderdetail-totalline td { padding: 16px 15px 0; } 
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pointline,
.my-wrapper.wrap_maypage .orderdetail-pointline th,
.my-wrapper.wrap_maypage .orderdetail-pointline td { padding: 0px 15px; } 
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totallast,
.my-wrapper.wrap_maypage .orderdetail-totallast,
.my-wrapper.wrap_maypage .orderdetail-totallast { padding: 0 0 16px; } 
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totatable { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } 
.contents-wrapper.wrap_orderendcont .orderend-accountline { padding:16px 15px; border-bottom:1px solid #e8e8e8; } 
.contents-wrapper.wrap_orderendcont .orderend-accountline td { font-size: 0.75rem; } 
.my-wrapper.wrap_maypage .orderdetail-payinfo { border-top: 1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-bottom:0px; } 
.my-wrapper.wrap_maypage .table.orderdetail-payinfo th,
.my-wrapper.wrap_maypage .table.orderdetail-payinfo td { border-top: 0 !important; } 
.my-wrapper.wrap_maypage .orderdetail-wrap,
.my-wrapper.wrap_maypage .orderdetail-totatable { border-bottom: 1px solid #e8e8e8; } 
/*혜택/상품상세*/
.prod-info-wrapper.wrap_info .benefitbtn { padding:0 !important; border-bottom:0 !important; } 
.prod-info-wrapper.wrap_info .btn_type_white { width: 50%; margin-top: 18px; } 
.prod-info-wrapper.wrap_info .btn_type_white:first-child { margin-right: 12px; } 
.prod-info-wrapper.wrap_info .benefit-cont p { color: #727272; font-size: 0.75rem; font-weight: 500; } 
.modal.fade #basketConfirm { -webkit-transform: translate(0, -15%) !important; -ms-transform: translate(0, -15%) !important; -o-transform: translate(0, -15%) !important; transform: translate(0, -15%) !important; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; } 
.modal.in #basketConfirm { -webkit-transform: translate(0, 0%) !important; -ms-transform: translate(0, 0%) !important; -o-transform: translate(0, 0%) !important; transform: translate(0, 0%) !important; } 
/*혜택/상세구매옵션*/
.purchase-wrapper.detail-purchasewrapper .appline { display: flex; align-items: center; justify-content: space-between; padding: 15px 15px 0 15px; } 
.purchase-wrapper.detail-purchasewrapper .appline .appbtn { border: none; outline: none; background: none; color: #222; font-weight: 600; font-size: 0.75rem; } 
.purchase-wrapper.detail-purchasewrapper .appline p { font-size:0.75rem; color:#727272; font-weight:600; } 
.purchase-wrapper.detail-purchasewrapper .panel-footer #putin_basket { position: relative; } 
.purchase-wrapper.detail-purchasewrapper .popup-freedelivery { position: absolute; background: #484848; border-radius: 10px; top: 50%; padding: 8px 14px; left: 50%; color: #fff; font-size: 12px; font-weight: 600; transform: translate(-50%, -50%); white-space: nowrap; -webkit-animation: bounce-top 3s infinite alternate; animation: bounce-top 3s infinite alternate; } 
.purchase-wrapper.detail-purchasewrapper .popup-freedelivery:hover { animation-play-state: paused; cursor:pointer; } 
@keyframes bounce-top { 
 0% { transform: translate(-33%, -53px); animation-timing-function: ease; } 

 22% { transform: translate(-33%, -45px); animation-timing-function: ease; } 

 42% { transform: translate(-33%, -53px); animation-timing-function: ease; } 

 62% { transform: translate(-33%, -45px); animation-timing-function: ease; } 

 82% { transform: translate(-33%, -53px); animation-timing-function: ease; } 

 100% { transform: translate(-33%, -45px); animation-timing-function: ease; } 
 }
.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay { position: absolute; background: #484848; border-radius: 10px; top: 50%; padding: 8px 14px; left: 50%; color: #fff; font-size: 12px; font-weight: 600; transform: translate(-50%, -50%); white-space: nowrap; -webkit-animation: btn-purchase-bounce 3s infinite alternate; animation: btn-purchase-bounce 3s infinite alternate; } 

.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay:hover { animation-play-state: paused; cursor: pointer; } 

@keyframes paybounce-top { 
 0% { transform: translate(-33%, -53px); animation-timing-function: ease; } 

 22% { transform: translate(-33%, -45px); animation-timing-function: ease; } 

 42% { transform: translate(-33%, -53px); animation-timing-function: ease; } 

 62% { transform: translate(-33%, -45px); animation-timing-function: ease; } 

 82% { transform: translate(-33%, -53px); animation-timing-function: ease; } 

 100% { transform: translate(-33%, -45px); animation-timing-function: ease; } 
 }
.purchase-wrapper.detail-purchasewrapper .popup-freedelivery p,
.purchase-wrapper.detail-purchasewrapper .popup-basketfree p,
.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay p { line-height: initial; font-size: 0.75rem; } 
.purchase-wrapper.detail-purchasewrapper .popup-freedelivery p:before { background-color: #484848; content: "\00a0"; display: block; height: 9px; position: absolute; top: 26px; right: 84px; transform: rotate( 120deg ) skew( 334deg ); -moz-transform: rotate( 120deg ) skew( 334deg ); -ms-transform: rotate( 120deg ) skew( 334deg ); -o-transform: rotate( 120deg ) skew( 334deg ); -webkit-transform: rotate( 120deg ) skew( 334deg ); width: 7px; } 
.purchase-wrapper.detail-purchasewrapper .popup-basketfree p:before { background-color: #484848; content: "\00a0"; display: block; height: 9px; position: absolute; top: 24px; /*right: 73px; */
 left: 50%; transform: rotate( 120deg ) skew( 334deg ); -moz-transform: rotate( 120deg ) skew( 334deg ); -ms-transform: rotate( 120deg ) skew( 334deg ); -o-transform: rotate( 120deg ) skew( 334deg ); -webkit-transform: rotate( 120deg ) skew( 334deg ); width: 7px; } 
.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay p:before { background-color: #484848; content: "\00a0"; display: block; height: 9px; position: absolute; top: 24px; right: 102px; transform: rotate( 120deg ) skew( 334deg ); -moz-transform: rotate( 120deg ) skew( 334deg ); -ms-transform: rotate( 120deg ) skew( 334deg ); -o-transform: rotate( 120deg ) skew( 334deg ); -webkit-transform: rotate( 120deg ) skew( 334deg ); width: 7px; } 
.purchase-wrapper.detail-purchasewrapper .popup-basketfree { position: absolute; background: #484848; border-radius: 10px; top: 50%; padding: 8px 14px; left: 50%; color: #fff; font-size: 12px; font-weight: 600; transform: translate(-50%, -50%); white-space: nowrap; -webkit-animation: btn-purchase-bounce 3s infinite alternate; animation: btn-purchase-bounce 3s infinite alternate; } 
.purchase-wrapper.detail-purchasewrapper .popup-app { position: absolute; background: #484848; border-radius: 10px; top: 50%; padding: 8px 14px; left: 50%; color: #fff; font-size: 12px; font-weight: 600; transform: translate(-27%, -151%); white-space: nowrap; -webkit-animation: appbounce-top 3s infinite alternate; animation: appbounce-top 3s infinite alternate; z-index:9; } 

.purchase-wrapper.detail-purchasewrapper .popup-app:hover { animation-play-state: paused; cursor: pointer; } 

@keyframes appbounce-top { 
 0% { transform: translate(-27%, -53px); animation-timing-function: ease; } 

 22% { transform: translate(-27%, -45px); animation-timing-function: ease; } 

 42% { transform: translate(-27%, -53px); animation-timing-function: ease; } 

 62% { transform: translate(-27%, -45px); animation-timing-function: ease; } 

 82% { transform: translate(-27%, -53px); animation-timing-function: ease; } 

 100% { transform: translate(-27%, -45px); animation-timing-function: ease; } 
 }
@keyframes btn-purchase-bounce { 
 0% { transform: translate(-50%, -53px); animation-timing-function: ease; } 

 22% { transform: translate(-50%, -45px); animation-timing-function: ease; } 

 42% { transform: translate(-50%, -53px); animation-timing-function: ease; } 

 62% { transform: translate(-50%, -45px); animation-timing-function: ease; } 

 82% { transform: translate(-50%, -53px); animation-timing-function: ease; } 

 100% { transform: translate(-50%, -45px); animation-timing-function: ease; } 
 }

.purchase-wrapper.detail-purchasewrapper .popup-app p { line-height: initial; font-size: 0.75rem; } 

.purchase-wrapper.detail-purchasewrapper .popup-app p:before { background-color: #484848; content: "\00a0"; display: block; height: 9px; position: absolute; top: 26px; right: 74px; transform: rotate( 120deg ) skew( 334deg ); -moz-transform: rotate( 120deg ) skew( 334deg ); -ms-transform: rotate( 120deg ) skew( 334deg ); -o-transform: rotate( 120deg ) skew( 334deg ); -webkit-transform: rotate( 120deg ) skew( 334deg ); width: 7px; } 

.modal-content.detail-basket { background-color: #484848; -webkit-box-shadow: none; margin: 0 20px; border-radius: 6px; padding: 20px; /*margin-top: 180%; */
 display: flex; align-items: center; justify-content: space-between; padding: 15px; margin-bottom: 74px; } 
.modal-content.detail-basket .modal-header,
.modal-content.detail-basket .modal-footer { padding: 0 !important; } 
.modal-content.detail-basket .modal-footer { padding-top:0 !important; } 
.modal-content.detail-basket .modal-footer button { width: 100% !important; background: none; color: #b8b8b8; font-size: 12px; font-weight: 600; line-height: 0; height: 13px}

/*혜택/장바구니*/
.basket-wrapper .basket-list .panel-heading .checkbox-wrapper a:first-child:after,
.basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer a:first-child:after { content: "|"; color: #e9e9e9; font-weight: 400; padding: 0 10px; } 
.basket-wrapper .basket-list .package-cont .freedelivery-text,
.basket-wrapper .basket-list .package-cont .packagecont-text { color: #727272; font-size: 0.75rem; font-weight: 500; text-align: center; padding-top: 15px; } 
.basket-wrapper .basket-list .package-cont .freedelivery-text { padding-top:0; } 
.basket-wrapper .basket-list .package-cont .freedelivery-text span { color: #fb793f; font-size: 0.75rem; font-weight:600; } 
.basket-wrapper .basket-list .singleitem-wrap { padding: 17px; border: 1px solid #d2d2d2; border-radius: 10px; box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.12); background: #fff; } 
.basket-wrapper .basket-list .package-wrap { border: 1px solid #d2d2d2; border-radius: 10px; box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.12); background: #fff; margin-bottom:16px; } 
.basket-wrapper .basket-list .singleitem-wrap .media,
.basket-wrapper .basket-list .package-wrap .package-optionbox .media { padding: 0; padding-bottom: 16px; } 
.basket-wrapper .basket-list .singleitem-wrap .media:last-child,
.basket-wrapper .basket-list .package-wrap .package-optionbox .media:last-child { padding-bottom: 0; } 
.basket-wrapper .basket-list .impossiblegoods { color: #ff2f2f; font-size: 12px; font-weight: 600; } 
.basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper { display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #e8e8e8; padding-bottom:16px; } 
.basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper img,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper img { width:16px; } 
.basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper label:before,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 
.basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper input[type="checkbox"]:checked + label:before,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper input[type="checkbox"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

.basket-wrapper .basket-list .package-wrap .checkbox-wrapper label,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper a { display: flex; align-items: center; } 
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper p { font-size: 0.875rem; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; color: #222; } 
.basket-wrapper .basket-list .packageset-item .goorderbtn { display: flex; align-items: center; justify-content: center; background-color: #222; color: #fff; border-radius: 14px; border: 0; padding: 8px 15px; font-size: 0.75rem; margin-top: 17px; } 
.basket-wrapper .basket-list .packageset-item .goorderbtn span { color: #fb793f; font-size: 12px; font-weight: 600; } 
.basket-wrapper .basket-list .dontget { display: flex; align-items: center; flex-direction: column; } 
.basket-wrapper .basket-list .package-wrap .package-optionbox { padding:17px; } 
.basket-wrapper .basket-list .package-wrap .set_item { background: #f6f6f6; padding: 0 17px 17px 17px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } 
.basket-wrapper .basket-list .package-wrap .savebtn { display:flex; align-items:center; justify-content:center; margin-top:17px; } 
.basket-wrapper .basket-list .package-wrap .savebtn span { color: #fb793f; font-weight:600; } 
.basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer { margin:5px 0 !important; } 
.basket-wrapper .basket-list .basket-list-option { background: #f8f8f8; } 
.basket-wrapper .basket-list .basket-pricewrap .deliverysavetext { padding: 16px 0 30px; text-align: center; border-bottom: 1px solid #e8e8e8; color: #727272; font-size: 0.75rem; } 
.basket-wrapper .basket-list .basket-pricewrap .deliverysavetext span { color: #222222; font-weight: 600; text-decoration: underline; text-underline-position: under; } 
.basket-wrapper .basket-list .basket-pricewrap .dontget { font-size:0.688rem; margin-top:33px; } 
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer { width:100%; } 
.basket #AppinfoPopup { position: fixed; z-index: 1040; margin: 0 auto; border-radius: 50px; border: 1px solid #fb793f; background: #fff; padding: 8px; width: 90%; box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.12); height: 98px; bottom: 109px; left: 0; right: 0; } 
.basket #AppinfoPopup .appinfo-position { width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.basket #AppinfoPopup .appinfo-wrap { display: flex; align-items: center; justify-content: center; } 
.basket #AppinfoPopup .appinfo-wrap ul { margin-left:12px; } 
.basket #AppinfoPopup .appinfo-wrap li:first-child { color: #727272; font-size: 0.75rem; font-weight: 500; } 
.basket #AppinfoPopup .appinfo-wrap li:last-child { color: #222; font-size: 0.813rem; font-weight: 600; word-break: break-word; width: 90%; } 
.basket #AppinfoPopup .appinfo-wrap li:last-child span { color: #fb793f; } 
.basket #AppinfoPopup .circle-wrap .circle { width: 58px; height: 58px; position: relative; } 
.basket #AppinfoPopup .circle-wrap .circle .bar,
.basket #AppinfoPopup .circle-wrap .circle .fillprogress { width: 58px; height: 58px; position: absolute; border-radius: 50%; } 

.basket #AppinfoPopup .circle-wrap .circle .bar { clip: rect(0px, 58px, 58px, 29px); } 
.basket #AppinfoPopup .bar .fillprogress { clip: rect(0px, 29px, 58px, 0px); border: 4px solid #fb793f; } 
.basket #AppinfoPopup .circle-wrap .inside-circle { width: 45px; height: 45px; border-radius: 50%; background: #222; position: absolute; z-index: 100; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; color:#fff; font-size: 1.563rem; } 
.basket #AppinfoPopup .circle-wrap .inside-circle img { height:28px; } 

.basket #AppinfoPopup .bar.right,
.basket #AppinfoPopup .bar .fillprogress { animation: fill ease-in-out 5s; transform: rotate(180deg); } 
@keyframes fill { 
 0% { transform: rotate(2deg); } 
 100% { transform: rotate(180deg); } 
 }
.basket #AppinfoPopup button { margin-left: auto; border:none; outline:none; background:none; } 
.basket #AppinfoPopup button img { width:20px; height:20px; } 
.payment-wrapper.common-wrapper.oder .set-title { font-size: 0.75rem; } 
.payment-wrapper.common-wrapper.oder #jsBtnPost a { font-size:0.8125rem; } 
.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]:checked + label,
.payment-wrapper.common-wrapper.oder .panel-group.panel-body.point th,
.payment-wrapper.common-wrapper.oder .halbuModal,
#snsShareModal .modal-body .panel-heading p { font-size: 0.75rem; } 
.basket-wrapper .basket-pricewrap p { color: #727272; font-size: 0.75rem; text-align: center; margin-top: 30px; } 
.basket-wrapper .basket-pricewrap p span { color: #fb793f; font-weight: 600; } 
/*혜택/주문결제*/
.payment-wrapper.common-wrapper.oder #paymentMethod_zero_info { padding: 0 15px 35px; } 
.payment-wrapper.common-wrapper.oder #paymentMethod_zero_info li { color: #222; font-weight: bold; font-size: 12px; } 
/*같이보면좋은상품*/
.view-packageitem { background:#fff; } 
.view-packageitem .section-title-wrapper { padding: 16px 15px; } 
.view-packageitem .section-title { width: 100%; } 
.view-packageitem .section-title p:first-child { font-size: 0.875rem; } 
.view-packageitem .section-title p:last-child { font-size: 0.75rem; color: #929292; cursor:pointer; } 
.view-packageitem .swiper-container { display: flex; align-items: center; overflow: visible; white-space: normal; padding-right:30px; } 
.view-packageitem .godossellcustom { width: 32px; height: 32px; } 
.view-packageitem .panel-body { padding: 12px 0 0 0; } 
.view-packageitem .panel-body .summary_fix2 { font-size:0.75rem; } 
.view-packageitem .panel-body .prod-title { font-size:0.8125rem; max-height: 2.5em; width: 100%; overflow: hidden; margin: 0; margin-bottom: 4px; text-overflow: ellipsis; color: #222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.5em; letter-spacing: -0.2px; line-height: 1.25em; } 
.view-packageitem .panel-body .org-price { font-size: 0.8125rem; max-height: 14px; } 
.view-packageitem .panel-body .price { font-size: 0.9375rem; font-weight: bold; color: #484848; display: block; } 
.view-packageitem .panel-body .dc-rate { font-size: 0.9375rem; font-weight: bold; color: #ff7e00; display: inline-block; margin-left:8px; } 
.modal-content.detail-basketpackageitem { background-color: #484848; -webkit-box-shadow: none; padding: 20px; display: flex; align-items: center; padding: 15px; justify-content: space-between; } 
.modal-content.detail-basketpackageitem #modal-btn-no1 { background: none; color: #ffc833; font-size: 12px; font-weight: 600; line-height: 0; height: 13px; display: flex; align-items: center; } 
.modal-content.detail-basketpackageitem #modal-btn-no1 i { font-size: 1.25rem; margin-left: 4px; } 
.modal-content.detail-basketpackageitem .modal-header { display: flex; align-items: center; } 
.modal-content.detail-basketpackageitem .modal-header,
.modal-content.detail-basketpackageitem .modal-footer { padding:0 !important; } 
.modal-content.detail-basketpackageitem .modal-footer .Icon_Close { width: 100% !important; } 
.modal-content.detail-basketpackageitem .modal-footer .Icon_Close img { width: 18px; height: 18px; } 
.view-packageitem .panel { margin-bottom: calc(var(--goods-interval) + 0px) !important; } 
.modal.fade .modal-dialog.basketpackmodal { -webkit-transform: translate(0, 99%) !important; -ms-transform: translate(0, 99%) !important; -o-transform: translate(0, 99%) !important; transform: translate(0, 99%) !important; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; } 
.modal.in .modal-dialog.basketpackmodal { -webkit-transform: translate(0, 0%) !important; -ms-transform: translate(0, 0%) !important; -o-transform: translate(0, 0%) !important; transform: translate(0, 0%) !important; } 
/*구매후기 모달*/
#reviewModal .modal-content.detailreviewmodal { background: #fff; } 
.modal-content.detailreviewmodal .modal-title { width: 100%; margin-left: 20px; } 
.modal-content.detailreviewmodal .modal-header { display: flex; align-items: center; justify-content: center; margin: 0; padding: 15px; top: 0 !important; position: fixed; width: 100%; right: 0; left: 0; z-index: 999 !important; } 
.modal-content.detailreviewmodal .panel-heading { padding: 25px 0 40px; } 
.modal-content.detailreviewmodal .score-wrapper .fa { color: #ffc833 !important; font-size: 1.75rem !important; } 
.modal-content.detailreviewmodal .panel-heading .title { font-size: 14px; font-weight: 600; margin: 14px 0 10px; } 
.modal-content.detailreviewmodal .score-wrapper { position:inherit !important; } 
.modal-content.detailreviewmodal .panel-heading .title { font-size: 0.875rem; font-weight: 600; margin: 14px 0 10px; } 
.modal-content.detailreviewmodal .panel-heading .option { color: #929292; font-size: 11px; margin-bottom: 16px; } 
.modal-content.detailreviewmodal .panel-heading .Btn { font-size: .875rem; font-weight: 600; height: 40px; line-height: 40px; padding: 10px 55px; } 
.modal-content.detailreviewmodal .swiper-container { padding: 0px !important; } 
.modal-content.detailreviewmodal .reviewmodalpic { padding:10px 0; } 
.modal-content.detailreviewmodal .swiper-button-next { right: 15px !important; top: 52% !important; } 
.modal-content.detailreviewmodal .swiper-button-prev { left: 15px !important; top:52% !important; } 
.modal-content.detailreviewmodal .media-body { font-size: 0.6875rem; padding: 15px 12px; } 
.modal-content.detailreviewmodal .media-body .contents { white-space: pre-line; border-radius: 4px; font-size: 0.75rem; } 
.modal-content.detailreviewmodal .media-body .review_info { display: flex; flex-direction: row; align-items: center; padding-top: 15px; } 
.modal-content.detailreviewmodal .reviewreportbtn,
.modal-content.detailreviewmodal .reviewreportdelet { margin-left: auto; border: none; background: none; outline: none; padding-left: 12px; font-size: 11px; color: #929292; } 
.modal-content.detailreviewmodal .reviewreportdelet img { width: 18px; height: 18px; image-rendering: -webkit-optimize-contrast; } 
.modal-content.detailreviewmodal .media-body .date { color: #929292; font-size: 11px; padding: 5px 0; margin-left: 8px; } 
.modal-content.detailreviewmodal .panel-footer { border-top: 0; padding: 0; } 
.modal-content.detailreviewmodal .media-list li:first-child { border-top: 1px solid #e8e8e8; } 

.modal-content.detailreviewmodal .media-list .media { position: relative; padding: 0; margin-top: 0; border-bottom: 1px solid #e8e8e8; } 
.modal-content.detailreviewmodal .prod-info { margin-top: 0; padding: 20px 12px; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8; } 
.modal-content.detailreviewmodal .prod-info > .panel-heading { position: absolute; padding: 0; border: 0; } 
.modal-content.detailreviewmodal .prod-info > .panel-heading > img { width: 60px; height: 60px; } 
.modal-content.detailreviewmodal .prod-info > .cont { height: 60px; padding: 0 0 0 90px; } 
.modal-content.detailreviewmodal .prod-info > .cont > .title { font-size: 0.75rem; margin: 0 0 5px; } 
.modal-content.detailreviewmodal .prod-info > .cont > .price { font-size: 12px; font-weight: 600; margin-bottom: 0; } 
.modal-content.detailreviewmodal .panel-footer.item_detail { text-align: center; padding-top: 0; padding-bottom: 80px; } 
.modal-content.detailreviewmodal .panel-footer.item_detail a { font-size: .875rem; font-weight: 600; height: 40px; line-height: 40px; padding: 10px 65px; } 
.modal-content.detailreviewmodal .input-wrapper { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; font-size: 0; display: flex; align-items: center; background-color: #f6f6f6; } 
.modal-content.detailreviewmodal .input-wrapper .form-control { display: inline-block; font-size: .75rem; width: calc(100% - 50px); resize: none; border-width: 1px 0 0; height: 48px; padding-top: 15px; padding-bottom: 15px; box-shadow: none; } 
.modal-content.detailreviewmodal .input-wrapper .btn { color: #fff; font-size: 11px; width: 94px; height: 38px; line-height: 40px; padding: 0; background-color: #666; vertical-align: top; } 
.modal-content.detailreviewmodal::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}
/**/
.prod-list-wrapper.prod_list_wrap .total-count { display: flex; align-items: center; justify-content: space-between; } 
.review-category-wrapper.prod-list-wrapper .filter_box { margin: 0 5px 0 0 !important; } 
.review-category-wrapper.prod-list-wrapper .total-count { display: flex; justify-content: space-between; } 
#reviewModal .swiperWrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; } 
#reviewModal .swiperWrap #r_modal_photo { display: flex; align-items: center; } 
.modal.detailreview button,
.modal.my-review button { font-size: 18px; border-radius: 50%; background: rgba(34,34,34,0.4); padding: 12px !important; margin: 8px !important; } 
.review-category-wrapper.prod-list-wrapper .category .chk_on,
.review-category-wrapper.prod-list-wrapper .category .chk_off { /*width:23px; */
 height:20px; } 
#viewDeliveryStatusModal .modal-body .panel-body .info-wrapper.flex .text { width:20%; } 
#viewDeliveryStatusModal .modal-body .panel-body .info-wrapper.flex .info { width: 80%; font-weight: 600; color: #222; } 
#viewDeliveryStatusModal .modal-body .panel-body .info-wrapper.flex .delivery-company { font-weight: 600; color: #222; padding-right:2px; } 
#viewDeliveryStatusModal #deliveryinfo td div { max-width:132px; width:132px; } 
/*폰트사이즈 리스트*/
.prod-list-wrapper.prod_list_wrap .total-count p { font-size: 0.75rem; } 
/*폰트사이즈 리스트-필터(공통)*/
.selectbox select,
.selectbox:before,
.prod-list-wrapper .filter_box .item-filter label { font-size: 0.75rem; } 
/*폰트사이즈 검색*/
.prod-list-wrapper .no-data p { font-size: 0.75rem; } 
/*폰트사이즈 리스트-구매후기*/
.review-category-wrapper .category-list.text .category > a,
.review > .panel-footer .byname,
.review-list-container .reviewdate { font-size: 0.75rem; } 
/*폰트사이즈 디테일*/
#prodDetail .panel-body.notice .title,
#prodDetail .panel-body.notice .desc,
#prodDetail .panel-body.notice .desc_b,
#collapseNotice .table th,
#collapseNotice .table td,
.review-detail-list-wrapper .no-data-review p,
#prodQna.detail_qna .media.admin_comment p span { font-size: 0.75rem; } 
/*폰트사이즈 로그인*/
.Login_page .guestwrap p,
.Login_page .letjoin p { font-size:0.75rem; } 
/*폰트사이즈 비회원주문배송조회*/
.common-wrapper.guestinfo_form .panel-body.member th { font-size:0.75rem; } 
/*폰트사이즈 메인-구매후기*/
.main-review-wrapper .reviewdate,
.main-review-slide .byname,
.main-review-slide .date { font-size: 0.75rem; } 
.review_slide .score-wrapper i { font-size:0.875rem; } 
/*폰트사이즈 타임세일*/
.goods-timesale-label .time-remaining,
.goods-timesale-label .timesaletext { font-size: 0.8125rem; } 
/*폰트사이즈 마이페이지*/
.my-wrapper.index.mobile_my_index > .reward-wrapper label,
.my-wrapper.index.mobile_my_index .myinfo:last-child span:first-child { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-적립급*/
.my-info-wrapper.my-point-wrapper .mytotal_num li,
.my-info-wrapper.my-point-wrapper .filter-wrapper .status-filter li label,
.my-info-wrapper.my-point-wrapper .filter-wrapper .year-filter label { font-size: 0.75rem; } 
.my-info-wrapper .filter-wrapper .status-filter li label { display:flex !important; } 
.my-info-wrapper.my-point-wrapper .filter-wrapper .year-filter::before { top:2px; } 
/*폰트사이즈 마이페이지-보유쿠폰*/
.my-info-wrapper.my-coupon-wrapper .mytotal_num.coupon_total li,
.my-info-wrapper.my-coupon-wrapper .coupon_chk label,
.my-info-wrapper.my-coupon-wrapper .coupontbox p { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-회원등급*/
.modal.userclass-modal .benefit_point p,
.modal.userclass-modal .benefit_coupon p,
.modal.userclass-modal .myclass_footer p { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-주문목록배송조회*/
.contents-wrapper.mypage-myorder .delivery_chk label,
.contents-wrapper.mypage-myorder .orderbody_media .media-body .option:nth-of-type(1) { font-size: 0.75rem; } 
.contents-wrapper.mypage-myorder .selectbox.year-filter label,
.contents-wrapper.mypage-myorder .orderbody_media .btn { font-size:0.75rem !important; } 
.contents-wrapper.mypage-myorder .selectbox.year-filter::before { top:2px; } 
/*폰트사이즈 마이페이지-배송조회*/
#viewDeliveryStatusModal #deliveryinfo td,
#viewDeliveryStatusModal #deliveryinfo td:nth-of-type(1) p,
#viewDeliveryStatusModal .panel-heading ul > li.active .desc,
#viewDeliveryStatusModal .info-wrapper { font-size: 0.75rem; } 
.contents-wrapper.mypage-myorder .media-body .count.count2,
.contents-wrapper .my-wrapper.wrap_maypage .count.count2 { color: #ff0000; } 
/*폰트사이즈 마이페이지-주문상세*/
.my-wrapper.wrap_maypage .prod-order .panel .media-body .option,
.my-wrapper.wrap_maypage .body_pane_orderdetail .media-body .price p,
.my-wrapper.wrap_maypage .prod-order .panel .panel-footer .btn,
.my-wrapper.wrap_maypage .info-wrapper.order-info .table th,
.my-wrapper.wrap_maypage .info-wrapper.order-info .table td,
.my-wrapper.wrap_maypage .info-wrapper.recipient-info .table th,
.my-wrapper.wrap_maypage .info-wrapper.recipient-info .table td { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-배송지관리*/
.my-wrapper .my-info.delivery .panel-heading p,
.my-wrapper .my-info.delivery .no-data p,
.my-wrapper .my-info.delivery .delivery_basic,
.my-wrapper .my-info.delivery .delivery-list .delivery_cont p { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-배송지등록*/
.modal.addDelivery input[type="checkbox"] + label,
.modal.addDelivery .form-group label,
.modal.addDelivery .attrselect { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-최근본상품*/
.prod-list-wrapper.Lastitem .total-count { font-size:0.75rem; } 
/*폰트사이즈 마이페이지-구매후기*/
.my-wrapper.review-wrapper #writtenReview .data_none td,
.my-wrapper.review-wrapper .tab-pane .review_order p:last-child,
.my-wrapper.review-wrapper .admin_comment p { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-구매후기모달*/
#reviewWriteModal .media-body .price,
#reviewWriteModal .modal-body .review-score dt { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-게시판*/
.contents-wrapper#newMyboard .select-arrow select,
#newMyboard .pagination > li > a { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-개인정보관리*/
.my-wrapper.my-info table td p,
.my-wrapper.my-info table th,
.my-wrapper.my-info-modify table th,
.my-wrapper.my-info-modify .checkbox_wrapper label,
.my-wrapper.my-info-modify .checkbox_wrapper a,
.my-wrapper.my-info-modify table .text_box p,
.my-wrapper.my-info-modify .panel-footer p { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-교환반품*/
.my-wrapper.return .prod-info-wrapper.my_return_wrap .point-wrapper span,
.my-wrapper.return .order-info th,
.my-wrapper.return .order-info td,
.my-wrapper.return .panel-body.reason .desc p { font-size: 0.75rem; } 
.my-wrapper.return label,
.my-wrapper.return .order-payment-info th { font-size: 0.75rem !important; } 
/*폰트사이즈 마이페이지-문의내역*/
.my-wrapper #qnatype .review-regist-text,
.my-wrapper #qnatype .media-body .admin_comment .media-body { font-size: 0.75rem; } 
/*폰트사이즈 마이페이지-쇼핑정보수신동의모달*/
.contents-wrapper.terms.consent-terms .panel-body p { font-size: 0.75rem !important; } 
/*폰트사이즈 faq*/
.customer-wrapper.faqlist .panel-title.faq span,
.customer-wrapper.faqlist .panel-body.faq span,
.customer-wrapper.faqlist .panel-body.faq span p { font-size: 0.75rem !important; } 
/*폰트사이즈 공지사항*/
.panel.notice.detail_normal .table td,
.panel.notice.detail_normal .table td a { font-size: 0.75rem; } 
/*폰트사이즈 주문결제-배송지관리*/
.modal-dialog.order .panel-heading p,
.modal-dialog.order .user-post1 { font-size: 0.75rem; } 
/*쿠폰 리뉴얼*/
.coupon.detailcoupon .coupon-use .category span { word-break: break-word; } 
.coupon.detailcoupon .coupon-area .choice p,
.event-page-wrapper.couponbookpage .coupon-area .choice p { border-radius: 8px; padding: 4px 6px; color: #fff; background: rgba(0,0,0,0.33); font-size: 0.75rem; font-weight: 600; margin-right: 3px; } 
.coupon.detailcoupon .coupon-area .choice,
.event-page-wrapper.couponbookpage .coupon-area .choice { flex-wrap: wrap; } 
.coupon.detailcoupon .coupon-area .cpn-date span::after,
.event-page-wrapper.couponbookpage .cpn-date span::after { content: "|"; color: #fff; font-weight: 400; padding: 0 4px; } 
/*타임세일 3열,4단슬라이드수정*/
.col-xs-4 .timesale.deadline img,
.sliding4 .timesale.deadline img { width: 32px; height: 32px; margin-right: 0; } 
.col-xs-12 .timesale img,
.col-xs-6 .timesale img,
.sliding1 .timesale img,
.rcmm_1wrap .rcmm_2wrapslide .timesale img { width: 20px; height: 20px; margin-right: 4px; } 

/*.col-xs-12 .timesale,*/
/*.col-xs-6 .timesale,*/
.sliding1 .timesale,
.rcmm_1wrap .rcmm_2wrapslide .timesale { display: flex; justify-content: center; align-items: center; top: 0; left: 0; /*color: #fff; */
 font-size: 11px; font-weight: 600; padding: 7px; background-color: #727272; } 
/*swiper버전업그레이드css수정*/
.rcmm_1wrap .swiper-container,
.recommend.main-recommend-item .swiper-container,
.Goods_wrapper.goods-items-container .swiper-container.sliding1,
#reviewPhoto.swiper-container,
.modal.detailreview .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } 
.Goods_wrapper.goods-items-container .swiper-container.sliding4,
.Goods_wrapper.review_slide.swiper-container { margin: 0 auto; position: relative; list-style: none; padding: 0; z-index: 1; } 
.wrapper_moall .main .recommend.main-recommend-item .swiper-container,
.wrapper_moall .main .Goods_wrapper.goods-items-container .swiper-container.sliding1 { overflow: visible; } 
.modal.detailreview .swiper-pagination { bottom: 0; left: 0; } 
.modal.my-review .swiper-pagination { position: relative; bottom: -3px; display: flex; justify-content: center; align-items: center; height: 25px; } 
/*리스트장바구니기능+타임세일리뉴얼*/
.col-xs-12 .timelabelcartbtnWrap { position: absolute; bottom: 0px; width: 100%; display: flex; align-items: center; justify-content: space-between; /*z-index: 1; */
 padding: 5px; } 
/*.col-xs-12 .goods-timesale-label.not(#imgTypeLine1 .col-xs-12 .goods-timesale-label) { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } */
.moall-search-wrapper.search_wrap .col-xs-12 .goods-timesale-label,
.BigWrap .col-xs-12 .goods-timesale-label,
.contents-wrapper.main .col-xs-12 .goods-timesale-label,
.default.bootsidemenu-left .sidemenu-wrapper .col-xs-12 .goods-timesale-label,
#imgTypeLine1 .col-xs-12 .panel-heading.default1_DIV .goods-timesale-label { width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } 
.col-xs-6 .goods-timesale-label { position: absolute; bottom: 0px; left: 0px; /*z-index: 1; */
 width: 100%; padding: 5px; } 
.col-xs-12 .goods-timesale-label .timesaleWrap,
.col-xs-6 .goods-timesale-label .timesaleWrap,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesaleWrap,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesaleWrap,
#viewpackageitem .goods-timesale-label .timesaleWrap { width: 100%; display: flex; justify-content: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.col-xs-12 .goods-timesale-label .timesale,
.col-xs-6 .goods-timesale-label .timesale,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesale,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesale,
#viewpackageitem .goods-timesale-label .timesale { padding: 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: flex; align-items: center; } 
.col-xs-12 .timesale img,
.col-xs-6 .timesale img,
.scroll-prod-wrapper.sliding1 .timesale img,
.rcmm_1wrap .rcmm_2wrapslide .timesale img,
#viewpackageitem .timesale img { width: 20px; height: 20px; margin-right: 4px; } 
.col-xs-4 .timesale.deadline img,
.sliding4 .timesale.deadline img { width: 32px; height: 32px; margin-right: 0; } 
.col-xs-12 .goods-timesale-label .timesaleWrap .datetime-wrapper,
.col-xs-12 .goods-timesale-label .timesaleWrap .time-remaining,
.col-xs-6 .goods-timesale-label .timesaleWrap .datetime-wrapper,
.col-xs-6 .goods-timesale-label .timesaleWrap .time-remaining,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesaleWrap .datetime-wrapper,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesaleWrap .time-remaining,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesaleWrap .datetime-wrapper,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesaleWrap .time-remaining,
#viewpackageitem .goods-timesale-label .timesaleWrap .datetime-wrapper,
#viewpackageitem .goods-timesale-label .timesaleWrap .time-remaining { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.8125rem; font-weight: 600; } 

.goodslabel-CartButton,
.CartButton { outline: none; border: none; background: none; z-index:1; } 
.sliding1 .CartButton,
.col-xs-6 .CartButton:not(.brd-recommen .CartButton),
.col-xs-12 .CartButton:not(#imgTypeLine1 .CartButton),
.rcmm_2wrapslide .CartButton,
#viewpackageitem .CartButton { margin-left: 4px; } 
.goodslabel-CartButton img,
.CartButton img { width: 32px; height: 32px; z-index:999999; } 
.col-xs-4 .CartButton { position: absolute; bottom: 0px; right: 0px; z-index: 1; padding: 5px; } 
.scroll-prod-wrapper.sliding4 .CartButton { position: absolute; bottom: 0px; right: 0px; z-index: 1; padding:5px; } 
.col-xs-4 .CartButton img,
.scroll-prod-wrapper.sliding4 .CartButton img { /*margin-left: auto; */}
.goods-timesale-label .timesale { border-radius: 16px; } 
.col-xs-6 .allWrap,
.col-xs-4 .allWrap,
.col-xs-12 .allWrap,
.scroll-prod-wrapper.sliding1 .allWrap,
.scroll-prod-wrapper.sliding4 .allWrap,
.rcmm_1wrap .rcmm_2wrap .allWrap,
.brd-recommen .allWrap,
.BigWrap .allWrap,
#viewpackageitem .allWrap { position: absolute; width: 100%; height: 100%; z-index: 1; } 
/*좌측슬라이드-장바구니기능옵션수정*/
.purchase-wrapper.detail-purchasewrapper#cartPurchase-wrapper { z-index: 100000; } 
/*게시판-장바구니기능수정*/
.board-main-listtype1 .icon-basketwrap { z-index: 99; } 
#cart-confirm-mi-modal .modal-header.confirm { background:none !important; } 
/*게시판-상품노출여백수정*/
#imgTypeLine1 .board-mixgoods .col-xs-4 .custom-panelbody,
#imgTypeLine1 .board-mixgoods .col-xs-6 .custom-panelbody,
#imgTypeLine1 .board-mixgoods .sliding1 .body_panel,
#imgTypeLine1 .board-mixgoods .sliding1 .default-footerpanel,
#imgTypeLine1 .board-mixgoods .col-xs-4 .body_panel,
#imgTypeLine1 .board-mixgoods .col-xs-4 .default-footer,
#imgTypeLine1 .board-mixgoods .col-xs-6 .body_panel,
#imgTypeLine1 .board-mixgoods .col-xs-6 .default-footer { padding-left: 0px !important; padding-right: 0px !important; } 
/*앱뒤로가기버튼수정*/
.backLeft-wrap { position: fixed; bottom: 85px; right: 10px; z-index: 999; } 
.backLeft-wrap img { max-width: 40px; height: 40px; transform: translate3d(0, 0, 0); cursor: pointer; } 
#backLeft { display:none; } 
/*더보기유형수정*/
.Btn-moreview { padding: 0; border: 0; text-align: center; height: 40px; line-height: 39px; font-size: .75rem; cursor: pointer; } 
/*상세-구매후기스크롤없애기*/
.scroll-prod-wrapper.Goods_wrapper.review_slide { scrollbar-width: none; } 
.scroll-prod-wrapper.Goods_wrapper.review_slide::-webkit-scrollbar { display: none !important; } 
/*공지사항-흰색빼기*/
.sub-menu-wrapper.wrap_sub_menu.submenu-wrap-1 { border-bottom:0; } 
/*메인-팝업수정*/
.popup-wrapper.mainPopup #mainBannerPopup .swiper-slide { position: relative; overflow: hidden; } 
.popup-wrapper.mainPopup #mainBannerPopup .swiper-slide img { display: block; max-width: 100%; /* height:100%; */}
.popup-wrapper.mainPopup .mainBPopup-contents { display: table-cell; text-align: center; vertical-align: middle; padding: 0 25px; } 
.popup-wrapper.mainPopup .mainBPopup-text a,
.popup-wrapper.mainPopup .mainoneBPopup-text a { color: #fff; font-weight: bold; font-size: 1rem; } 
.popup-wrapper.mainPopup .mainBPopup-text,
.popup-wrapper.mainPopup .mainoneBPopup-text { padding-top: 15px; display: flex; align-items: center; justify-content: center; } 
.popup-wrapper.mainPopup #mainBPopupCarousel { bottom: 0; height: auto; } 
.popup-wrapper.mainPopup #mainBPopupCarousel span { margin: 0; height: 4px; width: 100%; border-radius: 0; opacity: 1; background-color: #dcdcdc; } 
.popup-wrapper.mainPopup #mainBPopupCarousel .swiper-pagination-bullet-active { background-color: var(--btn_type_shopbasic3_background); } 
/*#detailImgSwiper .swiper-scrollbar { left: 0; bottom: 0; width: 100%; height: 8px; } */
/*옵션 닫는 영역수정*/
.purchase-wrapper.detail-purchasewrapper#purchase-wrapper .closebuyhelp,
.purchase-wrapper.detail-purchasewrapper#cartPurchase-wrapper .closebuyhelp { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%); width: 50%; height: 62px; cursor: pointer; } 
/*장바구니바로담기팝업 open 스크롤-좌측 슬라이드*/
.sideCartCnfmModal { height: 48px; bottom: 0; margin-bottom: 93px !important; top:auto !important; } 
.basketCnfm { top:0 !important; } 

/* 회원가입,로그인,아이디비번찾기,비회원배송조회 */
.common-wrapper.guestinfo_form .panel-heading,
.common-wrapper .join-wrapper .panel-heading { height: 60px; line-height: 60px; padding: 0 15px !important; } 



/*회원가입 상단바*/
.common-wrapper.access.join.new_join_wrap .panel-heading { margin: 0 auto; } 
/*아이디비번찾기 상단바*/
.common-wrapper.access.join.idpw_search .panel-heading { margin: 0 auto; } 
/*비밀번호재설정 상단바*/
.common-wrapper.pwsearch_reset { margin: 0 auto; } 
/*아이디찾기 결과*/
.common-wrapper.idsearch_list { margin: 0 auto; } 
/*마이페이지-구매후기-댓글*/
.my-wrapper.review-wrapper .admin_comment .contents { color: #222; padding: 0 12px 16px !important; border-bottom: 1px solid #e8e8e8; word-break: break-word; } 
.my-wrapper.review-wrapper .admin_comment .contents:last-child { border-bottom: 0; } 
.my-wrapper.review-wrapper .admin_comment .writer { padding: 16px 12px 12px; color: #929292; } 
/*구매후기상세-댓글*/
.review-detail-wrapper.photoreivewdetail .reply-list.panel-footer .contents,
.review-detail-wrapper.photoreivewdetail .contents.reviewCont { word-break: break-word; } 
/*구매후기리스트-내용노출수정*/
.review-list-container .panel-body .prod-title { max-height: 48px; min-height: 48px; line-height: 1.25em; } 
/*메인-구매후기 내용노출 수정*/
.main-review-slide .review_slide .prod-title { line-height: 1.25 !important; max-height:64px; height:64px; } 
.main-review-wrapper .col-xs-6.review .prod-title { line-height: 1.25em; } 
/*메인-구매후기-리스트형식-이미지수정*/
.main-review-wrapper .col-xs-6.review img { /*height: 200px; */
 object-fit: cover; aspect-ratio: 1; } 
/*상세-탭*/
#prodTab.fixed-top { position: fixed; top: 60px; z-index: 1030; background-color: #fff; width: 100% !important; left: 0px; } 
/*좌측메뉴-리스트에서 하단바로 이동시-넘버링*/
.detail_wrap_moall .prod .panel-heading .dc-rank { display: flex; justify-content: center; align-items: center; padding: 4px; width: 28px; height: 28px; line-height: 1; font-size: .75rem; font-weight: 600; color: #fff; background-color: #929292; border-radius: 0; } 
/*카카오톡 대체 우편번호*/
#postModalFLEXG #_flexgPostSearch::placeholder { color: #222; font-size: 0.875rem; } 
#postModalFLEXG #_flexgPostSearch { font-size: 0.875rem; } 
#postModalFLEXG .flexgSearchhelp { color: #727272; font-size: 0.75rem; font-weight: bold; } 
#postModalFLEXG .posthelpExemple { color: #727272; font-size: 0.75rem; } 
#postModalFLEXG .posthelpExemple span { color: #222; font-size: 0.75rem; } 
#postModalFLEXG .flexgSearchhelp,
#postModalFLEXG .posthelpExemple { line-height: 1.5; } 
#postModalFLEXG ul { margin-top:36px; } 
#postModalFLEXG .noSearchbox li { line-height: 1.5}
#postModalFLEXG .noSearch { color: #222; font-size: 0.875rem; font-weight: bold; } 
#postModalFLEXG .noSearchcheck { color: #929292; font-size:0.75rem; } 
#postModalFLEXG .postListtable tr { border-bottom: 1px solid #e8e8e8; padding:15px 0; } 
#postModalFLEXG .postListtable td:nth-child(1) { color:#222222; font-weight:bold; font-size:1rem; } 
#postModalFLEXG .postListtable td:nth-child(2n) { color: #222222; font-size: 0.875rem; padding: 4px 0; } 
#postModalFLEXG .postListtable td:nth-child(2n) p { font-size: 0.875rem; } 
#postModalFLEXG .postListtable td .title { background: #b8b8b8; border-radius: 6px; padding: 2px 6px; color: #fff; font-weight: bold; font-size: 0.75rem; width: 18%; text-align: center; white-space: nowrap; } 
#postModalFLEXG .modal-content { -ms-overflow-style: none; } 
#postModalFLEXG .modal-content::-webkit-scrollbar { display: none; } 
#postModalFLEXG { z-index: 999999; } 
#postModalFLEXG .roadAddrwrap,
#postModalFLEXG .jibunAddrwrap { display: flex; align-items: baseline; } 
#postModalFLEXG .roadAddrwrap .roadName,
#postModalFLEXG .jibunAddrwrap .jibunName { width: 82%; padding-left:6px; } 
#postModalFLEXG .jibunAddrwrap .jibunName { color:#727272; } 
/*기존 우편번호*/
#jsDaumPostSearch div:nth-of-type(1) { height: 88vh !important; } 
/*회원등급제개편*/
#userclass-modal .my__index--userclass .benefit__group__H--level img { height: 40px; } 
#userclass-modal .my__index--userclass .benefit__group__H--level li:last-child { font-size: 0.875rem; } 
#userclass-modal .my__index--userclass .class_member--order { font-size: 0.75rem; } 
#userclass-modal .my__index--userclass .text__target { font-size: 1rem; } 
#userclass-modal .my__index--userclass .benefit_group_heading .class_member { margin-top: 40px; } 
#userclass-modal .my__index--userclass .benefit_group_heading { margin-top: 40px; padding-top:0; } 
#userclass-modal .my__index--userclass .benefit_group_heading .progress { border-radius: 16px; margin: 12px 0; } 
#userclass-modal .my__index--userclass .benefit_group_heading .progress .progress-bar { border-radius: 16px; background: var(--btn_type_shopbasic2_color) !important; } 
#userclass-modal .my__index--userclass .class_option--benefit { margin: 12px 0 30px; padding: 20px; } 
#userclass-modal .my__index--userclass .benefit_group_body .class_option { padding-top: 0px; } 
#userclass-modal .my__index--userclass .benefit_group_body .class_option .title { font-size: 0.875rem; } 
#userclass-modal .my__index--userclass .benefit_group_body .class_option ul { font-size: 0.75rem; } 
#userclass-modal .my__index--userclass .benefit_group_body .benefit_point--subtitle { margin-top: 15px !important; font-weight: bold; } 
#userclass-modal .my__index--userclass .myclass_footer { border-top: 0; padding-top:0; } 
#userclass-modal .my__index--userclass .myclass_footer p { color: #727272; } 
#userclass-modal .membermodal2 .member_footer { border-top: 0; } 
#userclass-modal .my__index--userclass .benefit_point { padding: 0; } 
#userclass-modal .my__index--userclass { /*min-height: 100vh; */}
#userclass-modal { padding-right:0 !important; } 
/*마이페이지-회원등급*/
#userclass .reward { width: 70%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden; } 
#userclass .reward .count { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:right; line-height:1.5; } 
#userclass .reward i { color: #b8b8b8; font-size: 14px; font-weight: bold; margin-left: 10px; } 
/*마이페이지-이벤트 참여*/
.my-info-wrapper.my-event { margin-top: 68px; } 
/*마이페이지-회원등급아이콘추가*/
.my-wrapper.index.mobile_my_index .memberlevel { height: 20px; margin:0 4px; } 
/*좌측메뉴-회원등급아이콘*/
#sidemenu .login-out-wrapper img { height:30px; } 
/*회사소개페이지-전화문의이미지*/
.footer-info-wrapper .panel-body .container li .telImg { width: inherit; } 
/*마이페이지-개인정보관리-폰트사이즈*/
.my-wrapper.my-info-modify .panel-footer a { font-size: 0.75rem; } 
/*회원가입-폰트사이즈*/
.common-wrapper.join.new_join_wrap .basic-select { font-size: 0.75rem; } 
/*좌측메뉴-리워드팝업-폰트사이즈*/
#floatingActionShare .panel-heading p { font-size: 0.75rem; } 
/*플렉스지-우편번호개편 placeholder수정*/
#postModalFLEXG #_flexgPostSearch::placeholder { color:#969696; } 
/*리스트 nav와 section 간격*/
.navbar.detailhead { /*border:0; */}
.contents-wrapper.listcontents { margin-top: 60px !important; } 
.contents-wrapper.listcontents .prod_list_wrap { margin-top:60px; } 
/*구게시판 타이틀 정렬*/
.customer-wrapper.faqlist .panel-title.faq { align-items:center; } 
.customer-wrapper.faqlist .panel-title.faq .title { line-height: inherit; } 
/*상품2열 부연설명 가려지는 증상*/
.col-xs-4 .summary_fix2 { min-height: 1.35em; max-height: 1.35em; } 
/*최근본상품-부연설명 가려지는 증상*/
.prod-list-wrapper.Lastitem .col-xs-6 .summary_fix2 { min-height: 1.35em; max-height: 1.35em; } 
/*리스트-1열 기타정보표시*/
.BigWrap .footer_panel.default-footer { padding-left:0 !important; } 
/*미디어쿼리*/
@media (max-width: 320px){
 .fixtype2 .col-xs-6 .default-benefit { width: 155px; } 

 .BigWrap .col-xs-6.itemrows .body_panel .benefit p { padding: 2px 0px; } 

 .my-wrapper #orderlist .filter-wrapper .status-filter li { padding-right: 4px; } 

 #reviewWriteModal .modal-content .panel-body imgs_wrap .image { height: auto !important; } 

 .my-wrapper .panel-body .menu a { font-size: .75rem; padding-left: 8px; padding-right: 8px; } 

 .my-wrapper .panel-body .menu a .fa { font-size: 1rem; line-height: 34px; } 

 .basket-wrapper .basket-list .price .form-control { width: 33px; } 

 .basket-wrapper .basket-list .price button { width: 23px; } 


 .fixtype1 .pricewrap { display: block !important; } 

 .scroll-prod-wrapper .slide_text .prod-title { display: inline-block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; line-height: 1.2 !important; min-height: 62px !important; text-align: left !important; word-wrap: break-word !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical !important; margin-top: 6px !important; } 

 .my-wrapper .panel-heading.myindex-info .list-group-item { padding: 8px; } 

 .customer-wrapper .panel.notice.notice-table .title__td { width: 170px; } 

 .customer-wrapper .panel.notice.detail_normal .subject.textbox a { width: 180px; } 

 .basket #AppinfoPopup .appinfo-wrap ul { margin-left: 8px; } 
 }
@media (max-width: 280px){
 .basket #AppinfoPopup .appinfo-wrap { width: 100%; } 
 }
/*WEB 시작 팝업 flod 펼칠때 닫기,하루그만보기 수정+팝업수정*/
@media (min-width: 715px)and (max-width:767px){
 .popup-wrapper.mainPopup.fold .popup-contents { height: 100vh; display: initial !important; } 
 .popup-wrapper.mainPopup.fold .popup-contents .contents { height: calc(100% - 40px); text-align: center; vertical-align: middle; padding: 0 25px; display: flex; flex-direction: column; } 
 .popup-wrapper.mainPopup.fold .popup-contents .contents .img-wrapper,
 .popup-wrapper.mainPopup.fold .popup-contents .contents .img-wrapper img { height: 100%; } 
 /*메인-팝업수정*/
 .popup-wrapper.mainPopup .mainBPopup-contents { height: calc(100% - 40px); text-align: center; vertical-align: middle; padding: 0 25px; display: flex; flex-direction: column; } 
 .popup-wrapper.mainPopup #mainBannerPopup .swiper-slide img,
 .popup-wrapper.mainPopup #mainBannerPopup .swiper-slide { height: 100%; } 
 }
/*샵 웹버전*/
@media (min-width: 768px){
 .purchase-wrapper.detail-purchasewrapper .popup-freedelivery p:before { height: 10px; top: 28px; right: 101px; transform: rotate( 120deg ) skew( 334deg ); -moz-transform: rotate( 120deg ) skew( 334deg ); -ms-transform: rotate( 120deg ) skew( 334deg ); -o-transform: rotate( 120deg ) skew( 334deg ); -webkit-transform: rotate( 120deg ) skew( 334deg ); width: 10px; } 

 .purchase-wrapper.detail-purchasewrapper .popup-freedelivery { -webkit-animation: bounce-top 3s infinite alternate; animation: bounce-top 3s infinite alternate; } 

 

 .purchase-wrapper.detail-purchasewrapper .popup-app p:before { height: 10px; top: 29px; right: 88px; transform: rotate( 120deg ) skew( 334deg ); -moz-transform: rotate( 120deg ) skew( 334deg ); -ms-transform: rotate( 120deg ) skew( 334deg ); -o-transform: rotate( 120deg ) skew( 334deg ); -webkit-transform: rotate( 120deg ) skew( 334deg ); width: 10px; } 

 .purchase-wrapper.detail-purchasewrapper .popup-app { position: absolute; background: #484848; border-radius: 10px; top: 50%; padding: 8px 14px; left: 50%; color: #fff; font-size: 12px; font-weight: 600; transform: translate(-27%, -151%); white-space: nowrap; -webkit-animation: appbounce-top 3s infinite alternate; animation: appbounce-top 3s infinite alternate; } 

 

 .purchase-wrapper.detail-purchasewrapper .popup-basketfree p:before { background-color: #484848; content: "\00a0"; display: block; height: 10px; position: absolute; top: 24px; right: 73px; transform: rotate( 120deg ) skew( 334deg ); -moz-transform: rotate( 120deg ) skew( 334deg ); -ms-transform: rotate( 120deg ) skew( 334deg ); -o-transform: rotate( 120deg ) skew( 334deg ); -webkit-transform: rotate( 120deg ) skew( 334deg ); width: 7px; } 

 /* .purchase-wrapper.detail-purchasewrapper .popup-basketfree { -webkit-animation: basketbounce-top 3s infinite alternate; animation: basketbounce-top 3s infinite alternate; } */
/*
 @keyframes basketbounce-top { 
 0% { transform: translate(-33%, -55px); animation-timing-function: ease; } 

 22% { transform: translate(-33%, -48px); animation-timing-function: ease; } 

 42% { transform: translate(-33%, -55px); animation-timing-function: ease; } 

 62% { transform: translate(-33%, -48px); animation-timing-function: ease; } 

 82% { transform: translate(-33%, -55px); animation-timing-function: ease; } 

 100% { transform: translate(-33%, -48px); animation-timing-function: ease; } 
 }*/

 .purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay p:before { position: absolute; top: 27px; right: 105px; } 

 .purchase-wrapper.detail-purchasewrapper .popup-basketfree p:before { top: 29px; right: 100px; } 

 .wrapper_moall .prod .panel-heading .dc-rank { width: 48px; height: 48px; font-size: 18px; } 

 .col-xs-6 .goodssellimg img,
 .col-xs-12 .goodssellimg img,
 .col-xs-4 .goodssellimg img,
 .scroll-prod-wrapper.sliding1 .goodssellimg img,
 .scroll-prod-wrapper.sliding4 .goodssellimg img,
 .rcmm_2wrap.rcmm_2wrapslide .goodssellimg img { width: 120px; height: 48px; } 

 .col-xs-6 .godossellcustom img,
 .col-xs-4 .godossellcustom img,
 .col-xs-12 .godossellcustom img,
 .scroll-prod-wrapper.sliding1 .godossellcustom img,
 .scroll-prod-wrapper.sliding4 .godossellcustom img,
 .rcmm_2wrap .godossellcustom img { width: 48px; height: 48px; } 

 .orderinfor.footer_panel.type6 .avgstarnum,
 .col-xs-6 .orderinfor.footer_panel.type4 .avgstarnum,
 .col-xs-6 .orderinfor.footer_panel.type5 .avgstarnum,
 .col-xs-6 .orderinfor.footer_panel.type7 .avgstarnum,
 .col-xs-6 .orderinfor.footer_panel.type11 .avgstarnum,
 .col-xs-6 .orderinfor.footer_panel.type12 .avgstarnum,
 .col-xs-6 .orderinfor.footer_panel.type13 .avgstarnum,
 .col-xs-6 .orderinfor.footer_panel.type14 .avgstarnum,
 .col-xs-4 .orderinfor.footer_panel.type14 .avgstarnum,
 .col-xs-4 .orderinfor.footer_panel.type13 .avgstarnum,
 .col-xs-4 .orderinfor.footer_panel.type12 .avgstarnum { display: flex; align-items: baseline; } 

 .footer_panel .orderCount { align-items: center; } 

 .sliding4 .goods-timesale-label { position: relative; bottom: 34px; } 

 .price-bigbox .price-wrapper { width: 100% !important; } 

 .goods-timesale-label .timesale { font-size: 14px !important; } 

 .panel.order-payment-info .info_form .ordername-order { justify-content: space-between; } 

 .panel.order-payment-info .info_form .ordername-order button { padding: 0px 10px; } 

 #sidemenu #categoryAccordion .sideClose.sidetext { width: 500px; } 

 .delivery.delivery-type b { color: #222; } 

 #postModal .modal-content { /*overflow: overlay; */
 overflow-y:hidden; } 

 .onair-page-wrapper.img-board-list .embed-responsive.embed-responsive-4by3,
 .onair-page-wrapper.img-board-list .embed-responsive.embed-responsive-4by3 img { height: 200px; } 

 .review-banner-wrapper { margin-top: 61px; } 

 #collapseNotice .table th,
 #collapseNotice .table td { font-size: 12px; } 

 .modal-content.membermodal.membermodal2 { /*overflow: hidden; overflow-y: auto; */}

 .home-useterms { width: 640px; margin: 0 auto; } 

 .panel.order-payment-info.gift.order_payment_info_gift .media-right.hidden-xs { font-size: 12px; } 
 /*브랜드2차작업*/
 .brd-recommen .price-wrapper.default-pricewrap { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; width: 100%; } 

 .brd-recommen .pricebox { margin-top: 4px; } 

 .brd-recommen-listL { position: absolute; margin-right: 40px; margin-left: 0 !important; } 

 .brd-recommen-thumR { margin-left: 40px; position: absolute; } 

 .brd-recommen { -webkit-animation: up-down 1.4s infinite ease-in-out alternate; animation: up-down 1.4s infinite ease-in-out alternate; } 

 .brd-recommen:hover { animation-play-state: paused; } 

 

 .brd-recommen-thumL .panel.prod,
 .brd-recommen-thumR .panel.prod { padding-bottom: 16px; } 

 .brd-recommen-thumL .col-xs-6,
 .brd-recommen-thumR .col-xs-6 { padding: 0 4px; } 

 .brd-recommen-thumL .dc-rate,
 .brd-recommen-thumR .dc-rate,
 .brd-recommen-listL .dc-rate,
 .brd-recommen-listR .dc-rate { font-size: 16px; font-weight: bold; color: #ff7e00; display: inline-block; } 

 .brd-recommen-thumL .price,
 .brd-recommen-thumR .price,
 .brd-recommen-listL .price,
 .brd-recommen-listR .price { font-size: 16px; font-weight: bold; color: #484848; display: block; } 

 .brd-recommen-thumL .org-price,
 .brd-recommen-thumR .org-price,
 .brd-recommen-listL .org-price,
 .brd-recommen-listR .org-price { font-size: 13px; color: #c8c8c8; text-decoration: line-through; min-height: 14px; max-height: 14px; height: 14px; display: inline-block; } 

 .brd-recommen-thumL .section-title,
 .brd-recommen-thumR .section-title { font-size: 18px; } 

 .brd-recommen-thumL,
 .brd-recommen-thumR,
 .brd-recommen-listL,
 .brd-recommen-listR { width: 360px; height: auto; background: #fff; border-radius: 13px; padding: 15px; } 

 .brd-recommen-thumL .itembox,
 .brd-recommen-thumR .itembox { width: 100%; margin-top: 15px; } 

 .brd-recommen-thumL .section-title-wrapper,
 .brd-recommen-thumR .section-title-wrapper,
 .brd-recommen-listL .section-title-wrapper,
 .brd-recommen-listR .section-title-wrapper { padding: 5px 0 10px; display: flex; align-items: center; } 

 .brd-recommen-thumL .recommenclosebtn,
 .brd-recommen-thumR .recommenclosebtn,
 .brd-recommen-listL .recommenclosebtn,
 .brd-recommen-listR .recommenclosebtn { margin-left: auto; border: none; background: none; } 

 .brd-recommen-thumL .dc-rank,
 .brd-recommen-thumR .dc-rank,
 .brd-recommen-listL .dc-rank,
 .brd-recommen-listR .dc-rank { display: flex; justify-content: center; align-items: center; padding: 4px; width: 28px; height: 28px; line-height: 1; font-size: .75rem; font-weight: 600; color: #fff; background-color: #929292; border-radius: 0; } 

 .brd-recommen-thumL .prod-title,
 .brd-recommen-thumR .prod-title,
 .brd-recommen-listL .prod-title,
 .brd-recommen-listR .prod-title { font-size: 14px; } 

 .brd-recommen-listL,
 .brd-recommen-listR { margin-left: 40px; } 

 .brd-recommen-listL .itemprod,
 .brd-recommen-listR .itemprod { padding: 5px 0; } 

 .brd-recommen-listR .itemprod:first-child,
 .brd-recommen-listL .itemprod:first-child { padding-top: 0; } 

 .brd-recommen-listL .panel-heading,
 .brd-recommen-listR .panel-heading { position: relative; padding: 0; } 

 .brd-recommen .panel.prod { width: 100%; padding: 5px 0; } 

 .brd-recommen-thumR .panel-body,
 .brd-recommen-thumL .panel-body { padding: 12px 0px 0px !important; } 

 .brd-recommen .panel-body { width: 100%; padding: 7px 15px; } 

 .brd-recommen .section-title { line-height: 27px; } 

 .brand-search .recommend_search p { font-size: 14px; margin-bottom: 16px; } 

 .brand-search { width: 320px; } 

 .brand-search .Icon_Search { margin-left: 8px; } 

 .brand-search .custom-search { width: auto; height: 38px; margin: 2px; border-radius: 26px !important; font-size: 13px; font-weight: bold; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 8px; padding: 8px 15px; line-height: 19px; } 

 .brand-search .form-control { background-color: #fff; width: 276px; font-size: 14px; font-weight: bold; } 

 .brd-recommen-listL .prod-title,
 .brd-recommen-listR .prod-title { overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 38px; max-height: 38px; line-height: 19px; } 

 .brd-recommen-thumR .prod-title,
 .brd-recommen-thumL .prod-title { overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 38px; max-height: 38px; line-height: 19px; } 

 .brd-recommen-listR .itembox,
 .brd-recommen-listL .itembox { margin-top: 15px; } 

 .brd-recommen .price-box { min-height: 42px; width: 100%; } 

 .general-wrapper.terms.home-terms,
 .navbar.home-terms-navbar,
 .navbar.home-parivacy-navbar,
 .contents-wrapper.terms.home-parivacy { background-color: #fff; } 

 .contents-wrapper.basket,
 .my-info-wrapper.my-point-wrapper,
 .contents-wrapper.search,
 .my-wrapper.my-info,
 .contents-wrapper.terms.consent-terms,
 .panel.notice.detail_normal,
 .panel.notice.notice-table,
 .panel.faq,
 .onair-page-wrapper.img-board-list,
 .common-wrapper.idsearch_list,
 .common-wrapper.pwsearch_reset,
 .common-wrapper.mypage-resetpassword,
 .common-wrapper.mypage-searchpassword,
 .review-detail-wrapper.photoreivewdetail,
 .order-payment-info.gift.order_payment_info_gift,
 .contents-wrapper.wrap_orderendcont,
 .my-wrapper.review-wrapper,
 .contents-wrapper.mypage-myorder,
 .my-wrapper.wrap_my_delivery,
 .mypage-wrapper.list-type,
 .prod-list-wrapper.prod_list_wrap,
 .prod-list-wrapper.Lastitem,
 .contents-wrapper.myqna.my-qna,
 .general-wrapper.intro.homeintro,
 .moall-wrapper.detail_wrap_moall { min-height: 100vh; } 

 .container.Login_select,
 .common-wrapper.guestinfo_form,
 .common-wrapper.access.join.joinselect,
 .common-wrapper.access.join.new_join_wrap,
 .common-wrapper.Login_page,
 .common-wrapper.access.join.idpw_search { min-height: 100vh; background-color: #fff; } 

 .panel.faq { margin-top: 70px; } 

 .payment-wrapper.common-wrapper.giftorder,
 .contents-wrapper.terms.home-parivacy,
 .general-wrapper.terms.home-terms,
 .contents-wrapper.terms.consent-terms .general-wrapper.terms { margin-top: 58px; } 

 .moall-wrapper,
 .sub-menu-wrapper.consent_home { background: #fff; } 

 body { background-attachment: fixed !important; } 

 .finalLineR { border-top-width: 0; border-bottom-width: 0; border-right-width: 0; width: 400px; height: 100%; position: fixed; bottom: 0%; left: calc(50% + 320px); display: flex; align-items: center; /*border-left: 1px solid #e8e8e8; */}

 .finalLineL { border-top-width: 0; border-bottom-width: 0; border-left-width: 0; width: 400px; height: 100%; position: fixed; bottom: 0%; left: calc(50% - 720px); display: flex; align-items: center; /*border-right: 1px solid #e8e8e8; */}

 .sub-menu-wrapper.wrap_sub_menu.submenu-wrap-1 .sub-menu-title { width: 335px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 

 /* //브랜드2차작업*/
 /*장바구니기능-브랜드*/
 .brd-recommen .icon-basketwrap { z-index: 9999; } 

 .brd-recommen .icon-basket { width: 32px; height: 32px; } 

 .brd-recommen .Cart-label { position: absolute; bottom: 0px; left: 0px; width: 100%; display: flex; padding: 5px; } 
 /*//장바구니기능-브랜드*/
 .payment-wrapper .order-payment-info .pay_heading { font-size: 16px; } 

 .panel-body.order_item .media-right.hidden-xs { padding-left: 0; } 

 .panel-body.order_item .media-right.hidden-xs span { font-size: 11px; color: #929292; } 

 .panel-body.order_item .media-right.hidden-xs span span { font-weight: bold; color: #222; } 

 .contents-wrapper, detail { margin-top: 70px; } 

 .basket-wrapper .basket-list .media-body .price .price_num { align-items: initial; } 

 #categoryView .container.prod-wrapper.fixtype2,
 #categoryView .container.prod-wrapper.fixtype3 { margin-left: -15px; margin-right: -15px; } 

 .moall-wrapper .prod-list-wrapper .rcmm_1wrap > .rcmm_2wrap > .rcmm_slide_title { padding-left: 30px; } 

 .moall-wrapper .prod-list-wrapper .rcmm_1wrap { margin-top: 15px; } 

 .moall-wrapper .prod-list-wrapper .rcmm_2wrap { margin: 0; } 

 .moall-wrapper .prod-list-wrapper .rcmm_2wrap_2div .rcmm_slide_title { padding-left: 30px !important; margin: 0; } 

 .moall-wrapper .prod-list-wrapper .rcmm_2wrapslide .rcmm_slide_title { padding-left: 15px !important; } 

 .moall-wrapper .prod-list-wrapper .rcmm_2wrap_2div,
 .moall-wrapper .prod-list-wrapper .rcmm_2wrap_3div { margin: -15px !important; } 

 .moall-wrapper .prod-list-wrapper .rcmm_2wrap_3div .rcmm_slide_title { margin-left: 0; padding-left: 30px; } 

 .my-wrapper .media-body.orderbody_media .request_text { font-size: .75rem; font-weight: 600; color: #ff0000; } 

 .my-wrapper .media-body.orderbody_media .media-head > p > a { float: right; } 

 .panel-body.body_pane_orderdetail .madia-head a { float: right; } 

 .panel.info-wrapper.wrap_info .detail-summary { width: 609px; } 

 #prodReview .review-detail-list-wrapper .panel.prod-review .container { padding: 0 30px; margin: 0 -17px; } 

 .event-page-wrapper.couponbookpage { margin-top: 78px; } 

 .common-wrapper.guestinfo_form .panel-heading.navbar-fixed-top p,
 .common-wrapper.access.join.new_join_wrap .panel-heading p,
 .common-wrapper.access.join.idpw_search .panel-heading p,
 .common-wrapper.idsearch_list .panel-heading p,
 .common-wrapper.pwsearch_reset .panel-heading p { width: 7%; } 

 .prod-list-wrapper.Lastitem .col-xs-6 .benefit { margin-top: 0; margin-left: 0; width: 100%; } 


 .category-wrapper .list-group-item img { width: 48%; height: 55px; } 

 .BigWrap .col-xs-6.itemrows .body_panel .benefit p { padding: 2px 3px; } 

 .col-xs-12 .default-benefit p,
 .col-xs-12 .custom-benefit p,
 .col-xs-6 .default-benefit p,
 .col-xs-6 .custom-benefit p,
 .col-xs-4 .default-benefit p,
 .col-xs-4 .custom-benefit p,
 .scroll-prod-wrapper .default-benefit p,
 .scroll-prod-wrapper .custom-benefit p { padding: 2px 3px; } 

 .prod-info-wrapper .image-wrapper .timesale_today { width: 640px; margin: 0 auto; right: 0; } 

 .TopGnb { width: 640px; margin: 0 auto; } 

 #Npaydetail .modal-header { width: 640px; margin: 0 auto; } 


 .review-detail-wrapper,
 .my-wrapper.my-info { margin-top: 58px; } 

 .guestinfo_form .panel-heading,
 .common-wrapper.access.join.idpw_search .panel-heading,
 .common-wrapper.idsearch_list .panel-heading,
 .common-wrapper.access.join.new_join_wrap .panel-heading,
 .common-wrapper.pwsearch_reset .panel-heading { width: 640px; margin: 0 auto; } 

 .back-to-left { width: 65px; height: 65px; } 

 .back-to-left a { font-size: 1.125rem; } 

 .back-to-left a .fa { top: 5px; font-size: 2rem; } 

 .back-to-top a { font-size: 1.125rem; } 

 .back-to-top a .fa { top: 5px; font-size: 2rem; } 

 .footer-wrapper .company ul li { padding: 3px 0; } 

 .footer-wrapper .company ul li { font-size: 0.8125rem; padding: 3px 0; } 

 .footer-wrapper .customrer-account { padding-top: 20px; padding-bottom: 20px; } 

 .footer-wrapper .customrer-account h5 { font-size: 1.875rem; margin-top: 30px; margin-bottom: 22px; color: #000; } 

 .footer-wrapper .customrer-account .tel { font-size: 1.25rem; margin-bottom: 15px; } 

 .footer-wrapper .customrer-account ul li { font-size: 1rem; padding: 4px 0; } 

 .footer-wrapper .menu-wrapper { height: 64px; line-height: 60px; } 

 .footer-wrapper .menu-wrapper .menu:not(:first-child):before { font-size: 1.25rem; padding-right: 15px; padding-left: 15px; } 

 .footer-wrapper .company .info { position: relative; } 

 .modal-header,
 .modal-body,
 .modal-footer { padding-right: 25px; padding-left: 25px; } 

 .modal-body,
 .modal-footer .btn,
 .selectbox label,
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: 1rem; } 

 #halbuInfo .modal-header { width: 620px; margin: 0 auto; } 

 .my-wrapper.review-wrapper .nav-tabs > li.active:hover,
 .my-wrapper.review-wrapper .nav-tabs > li.active:focus { border-top: 0 !important; } 

 #rewardP .modal-content.rewardPmodal { height: 100%; } 

 .moall-search-wrapper .contents-wrapper.search { padding: 15px; } 

 .wrap_orderendcont
 .payment-wrapper.common-wrapper,
 .my-wrapper.wrap_my_delivery { margin-top: 58px !important; } 

 .mypage-wrapper.list-type { margin-top: 60px !important; } 

 .onair-page-wrapper { margin-top: 58px !important; } 

 .onair-list-wrapper .onair-view .rereplyfrm .changeinput { width: 82%; } 

 .panel.notice .panel-body p img { max-width: 100%; } 

 .customer-wrapper .table.notice th { width: 100%; } 

 .customer-wrapper .table > tbody > tr > td { margin-left: auto; } 


 .scroll-prod-wrapper .slide_text { width: 60%; display: flex; border: 1px solid #e8e8e8; border-radius: 12px; padding: 15px; justify-content: space-between; } 

 .scroll-prod-wrapper .slide_text .prod-title { width: 195px !important; } 

 .scroll-prod-wrapper .slide_text + .slide_text { margin-left: 4px; } 

 .basket_total_price .price-wrapper { font-size: 12px; } 

 .dontget { font-size: 11px; } 

 #confirm-mi-modal { z-index: 1052; } 

 #reviewModal { z-index: 1051; padding-right: 0 !important; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } 

 #reviewModal .swiper-slide.swiper-slide-active { width: 100% !important; } 

 .reviewModal { padding-right: 0 !important; z-index: 1051; } 

 .review-detail-wrapper .input-wrapper .btn { margin-right: 3px; } 

 .review-detail-wrapper .input-wrapper { width: 640px; margin: 0 auto; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } 

 .panel.complete.orderEnd .total_pay th,
 .payment-wrapper .pay_result_table tbody th { font-size: 13px; } 

 .payment-wrapper .pay_result_table tbody td { font-size: 13px; } 

 .number_td,
 .title_td,
 .title__td { width: 209px; } 

 .panel.notice.notice-table .title__td { width: 100%; } 

 .category-wrapper .list-group-item { width: 118px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; } 

 .wrap_cont_popcs_img { margin-top: -58px !important; } 

 #couponDownloadModal { padding-right: 0 !important; z-index: 9999; } 

 .search_wrap .wrap_scroll { padding-right: 15px !important; } 

 .search_wrap .fixtype1 .panel.gap_22p { padding: 0 0 24px 0; } 

 .search_wrap .default1_DIV { margin: 0 -13px 0 -15px !important; } 

 .search_wrap .swiper-container { /*overflow: hidden !important; */
 width: 100%; } 

 .search_wrap .fixtype2 .col-xs-6:nth-child(2n) { padding-right: 15px; } 

 #notWritereview-data-list li:first-child { font-weight: bold; } 

 #notWritereview-data-list li { font-size: 0.9375rem; } 

 .modal.addDelivery .postnum_search .form-group button { line-height: 33px; } 

 .deliverymodal_address { padding: 0 16px; } 

 .payment-wrapper .order-payment-info .panel-body.get .table tr:first-child label { cursor: pointer; } 

 #reviewWriteModal .modal-content { width: 100% !important; } 

 .my-info-wrapper,
 .Lastitem,
 .panel-body.modify,
 .my_return,
 .panel-body.order,
 .prod_list_wrap,
 .general-wrapper.intro,
 .review-wrapper,
 .user-info-wrapper,
 #qnatype,
 .customer-wrapper { margin-top: 58px; } 

 .my_return_wrap { margin-top: 58px !important; } 

 .panel-body.modify .phone-wrapper input { margin-right: 6px; } 

 .order_navbar { border-left: 0 !important; } 

 .basket-wrapper .basket-list .price button { line-height: 20px; } 

 .search_wrap .recentlylst-wrapper .col-xs-6:nth-child(2n-1), .fixtype2col .col-xs-6:nth-child(2n-1) { padding-left: 15px; } 

 .search_wrap .recentlylst-wrapper .col-xs-6:nth-child(2n), .fixtype2col .col-xs-6:nth-child(2n) { padding-right: 15px; } 

 .payment-wrapper .order-info .media-body { width: calc(100% - 326px); } 

 .order_payment_info_gift .media-body { width: calc(100% - 266px) !important; } 

 .order_item .media-right,
 .order_payment_info_gift .media-right { display: flex; flex-direction: column; } 

 #sidemenu .sidemenu-wrapper { /*padding: 0 15px; */}

 .prod-tab-wrapper .nav-tabs a:hover,
 .prod-tab-wrapper .nav-tabs a:focus,
 #deliveryModal .panel-tab .nav-tabs a:hover,
 #deliveryModal .panel-tab .nav-tabs a:focus { background: none !important; } 

 .search_wrap .navbar { border: 0 !important; } 

 .my-wrapper.review-wrapper .tab-pane .review_order p:last-child { cursor: pointer; } 

 .modal-dialog.confirm > .modal-content:not(.detail-basket) { width: 90% !important; margin: 0 auto !important; } 

 .rewardlogin { width: 90% !important; margin: 0 auto !important; top: 33% !important; position: relative !important; } 

 .wrap_maypage { margin-top: 60px; } 

 .phonesearchmodal { top: 34% !important; } 

 .modal-backdrop.in { display: none !important; } 

 .modal-content { width: 100% !important; } 

 .moall-wrapper,
 .moall-search-wrapper,
 .gnb.text-center,
 .navbar,
 .modal,
 .footer-menu,
 .purchase-wrapper,
 .common-wrapper,
 .scroll-prod-wrapper,
 .popup-wrapper-detail,
 .container,
 .prod-tab-wrapper,
 .contents-wrapper,
 .board-search-view { /*width: 720px; */
 width: 640px; margin: 0 auto; } 

 #prodTab { margin: 0 auto !important; } 

 #sidemenu { /*width: 720px !important; */
 width: 640px !important; } 



 .tabFixed { position: fixed; top: 60px; z-index: 1030; background-color: #fff; width: 640px !important; left: 0px; right: 0px; } 

 .footer-menu { box-shadow: none; } 

 .modal-dialog:not(.confirm) > .modal-content { width: 60%; margin: 0 auto; } 

 .modal-open { /*width: 720px; */
 width: 640px; margin: 0 auto; } 

 .new_join_wrap .col-xs-12,
 .Login_select .col-xs-12,
 .idpw_search .col-xs-12 { width: 100%; margin-left: 0; } 

 .new_join_wrap .chkwrap .rule { display: flex; align-items: center; } 

 .new_join_wrap .chkwrap .rule span { margin-left: 8px; } 

 .new_join_wrap .phone-wrapper .form-control { width: 30%; } 

 .new_join_wrap .phone-token .form-control { width: 80% !important; } 

 .wrap_scroll { padding-right: 30px !important; } 

 .BigWrap { padding: 0 !important; } 

 .BigWrap .container { padding: 0 !important; } 

 .BigWrap .prod-wrapper { padding-left: 30px !important; padding-right: 30px !important; } 

 .rcmm_2wrapslide .scroll-prod-wrapper { padding-right: 30px; white-space: normal; } 

 .mainPopup .img-responsive { width: auto !important; } 

 .img-responsive { width: 100%; cursor: pointer; } 

 .rewardActionBtn img { max-width: 40px; height: 40px; } 

 #main_menu_area a:hover { color: #222; } 

 #categoryTab.affix { overflow-x: auto; /*width: 720px; */
 width: 640px; } 

 .category-view-wrapper-text .nav-tabs { overflow-x: auto; /* display: flex; align-items: center; justify-content: center; */}

 .membermodal2 { width: 100% !important; } 

 #modal_moc_content,
 #qnaModal_txt_contents,
 #modal_txt_contents { resize: none; } 

 #writereview-data-list { margin-left: 0 !important; display: flex; align-items: center; } 

 #reviewWriteModal { padding-right: 0 !important; } 

 .review-detail-list-wrapper .panel .panel-body .photo-list > .photo { display: inline-block; } 

 .navbar a,
 .footer-menu > ul > li { cursor: pointer; } 
 /*스크롤바 전체*/
 #categoryTab::-webkit-scrollbar,
 #categoryTab.affix::-webkit-scrollbar,
 .scroll-prod-wrapper::-webkit-scrollbar { display: block !important; width: 100%; /*background:#000; */
 height: 8px; } 
 /*스크롤막대*/
 #categoryTab::-webkit-scrollbar-thumb,
 #categoryTab.affix::-webkit-scrollbar-thumb,
 .scroll-prod-wrapper::-webkit-scrollbar-thumb { background-color: #e8e8e8; border-radius: 10px; overflow-x: scroll; overflow-y: hidden; } 
 /*스크롤막대외부*/
 #categoryTab::-webkit-scrollbar-track,
 #categoryTab.affix::-webkit-scrollbar-track,
 .scroll-prod-wrapper::-webkit-scrollbar-track { background-color: #f8f8f8; border-radius: 10px; height: 32px; box-shadow: inset 0px 0px 5px white; } 

 .prod-info-wrapper .info-wrapper .price-wrapper .like_btn img, .prod-info-wrapper .info-wrapper .price-wrapper .share_btn img { cursor: pointer; } 

 .footerfixedwrap { position: absolute !important; bottom: 300px !important; left: calc(50% - 395px); } 

 .footerfixedwrap ul { position: fixed; z-index: 999999; } 

 .panel.notice.detail_normal .subject.textbox a { width: 480px; } 

 #viewDeliveryStatusModal .table > tbody > tr > td:last-child { width: 36%; } 

 #viewDeliveryStatusModal .table > tbody > tr > td:nth-child(2) { width: 45%; } 

 #viewDeliveryStatusModal .table > tbody > tr > td:first-child { width: 50%; } 

 .Lastitem .container { padding-right: 45px !important; } 

 .modal.fade.in { padding-right: 0 !important; overflow-y: hidden; } 

 .modal-content { margin: 0 !important; } 

 #snsShareModal,
 #deliveryModal,
 #addDeliveryModal,
 #postModal,
 #orderCanceReqModal,
 #viewDeliveryStatusModal,
 #qnaModal,
 .floatingActionModal,
 .modal.center-modal.in,
 .phoneAuthModal,
 #rewardP,
 #noOAuthModal1,
 #noOAuthModal2,
 #orderAgreeModal1,
 #orderAgreeModal2,
 #orderAgreeModal3 { padding-right: 0 !important; } 

 .footerfixedwrap { position: absolute !important; bottom: 300px !important; right: auto !important; margin-left: 655px; } 

 .payment-wrapper .card-agree-wrapper .checks { align-items: center; } 

 .moall-wrapper.sellerlayout .contents-wrapper.detail { margin-top: 62px !important; min-height: 100vh; } 

 .moall-wrapper.sellerlayout .payment-wrapper.common-wrapper.oder { background: #fff; } 

 .moall-wrapper.sellerlayout .payment-wrapper .panel-footer { padding-bottom: 28px; } 

 .moall-wrapper.sellerlayout .contents-wrapper.wrap_orderendcont .payment-wrapper { /*margin-top:60px; */}

 .modal-content.detail-basket { width: 90% !important; margin: 0 auto !important; } 

 .basket #AppinfoPopup { width: 420px; margin: 0 auto; } 

 .wrap_info .reward_share p { top: 9px; } 

 .modal.in .modal-dialog.basketpackmodal { -webkit-transform: translate(0, 0%) !important; -ms-transform: translate(0, 0%) !important; -o-transform: translate(0, 0%) !important; transform: translate(0, 0%) !important; } 

 .detail_qna .media-left .comment { width: 64px; height: 19px; line-height: 18px; } 

 .detail_qna .media-body .secret_text img { width: 17px; } 
 /*pc폰트사이즈*/
 /*장바구니*/
 .basket-wrapper .basket-list .media .subject,
 .basket-wrapper .basket-list .media-body .price h7,
 .contents-wrapper.basket .basket-pricewrap .basket-price,
 .basket-wrapper .panel-body.gift-wrapper > .title,
 .basket-wrapper .basket-list .singleitem-wrap label,
 .basket-wrapper .basket-list .package-wrap .checkbox-wrapper p { font-size: 1.0625rem; } 

 .basket-wrapper .basket-list .media.set_item span:first-child,
 .basket-wrapper .basket-list .media.set_item span:nth-of-type(2),
 .basket-wrapper .basket-list .media.set_item .set_group_item button { font-size: 0.875rem; } 

 .basket-wrapper .basket-list .media.set_item .set_group_item li { font-size: 0.813rem; } 

 .basket-wrapper .basket-list .panel-footer a,
 .basket .gift-wrapper a,
 .basket_total_price .price-wrapper,
 .basket-wrapper .basket-list .panel-body .total-price .price-wrapper .price,
 .basket-wrapper .basket-list .panel-heading .checkbox-wrapper label,
 .basket-wrapper .basket-list .panel-heading .checkbox-wrapper a,
 .basket-wrapper .basket-list .singleitem-wrap .impossiblegoods,
 .basket-wrapper .basket-list .media-body .option,
 .basket-wrapper .basket-list .package-cont .freedelivery-text,
 .basket-wrapper .basket-list .media.set_item .set_group_item li,
 .basket-wrapper .basket-list .media.set_item .set_group_item button,
 .basket-wrapper .basket-list .package-wrap .savebtn,
 .basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer label,
 .basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer a,
 .basket-wrapper .basket-list .basket-pricewrap .deliverysavetext,
 .basket-wrapper .basket-list .media-list.order_list .basket_data_none p,
 .basket-wrapper .basket-list .package-cont .packagecont-text,
 .basket-wrapper .basket-pricewrap p,
 .basket-wrapper .basket-list .media-body .delivery_free { font-size: 0.9375rem; } 

 .contents-wrapper.basket .basket-pricewrap table th { font-size: 0.9375rem !important; } 

 .contents-wrapper.basket .basket-pricewrap .basket-totalline td { font-size: 1.375rem; } 

 .basket-wrapper .panel-body.gift-wrapper > .desc p,
 .contents-wrapper.basket .basket-list .total.price-wrapper,
 .basket-wrapper .basket-list .media-body span,
 .basket-wrapper .basket-list .basket-pricewrap .dontget { font-size: 0.875rem; } 

 .basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper img,
 .basket-wrapper .basket-list .media .subject img { width: 19px; } 

 .basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper input[type="checkbox"]:checked + label:before,
 .basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer input[type="checkbox"]:checked + label:before { width: 17px; height: 17px; } 
 /*주문결제*/
 .payment-wrapper.common-wrapper.oder .order-pricewrap .order-price,
 .payment-wrapper.common-wrapper.oder .order-pricewrap .order-point,
 .payment-wrapper .media-list .media.set_item .set_item_title { font-size: 1.0625rem; } 

 .payment-wrapper.common-wrapper .order-pricewrap table th,
 .payment-wrapper.common-wrapper.oder .agree-wrapper a,
 .payment-wrapper .order-payment-info .btn,
 .payment-wrapper .media-list .media.set_item .set_item_price,
 .payment-wrapper .media-list .media.set_item .set_group_item li,
 .panel-body.order_item .media-right.hidden-xs span,
 .payment-wrapper .order-info .media-body.item_order_info p,
 .payment-wrapper .media-list .media.set_item .set_group_item,
 .payment-wrapper.common-wrapper.oder .halbuModal,
 #paymentMethod .pay-benefit,
 .payment-wrapper .panel-group .panel-body .form-group > p.label,
 .payment-wrapper .order-payment-info .panel-body .order_heading,
 .payment-wrapper .order-payment-info .panel-body.get .table tr:first-child label,
 .payment-wrapper.common-wrapper.oder .panel-group.panel-body.point th,
 .payment-wrapper .panel-group .panel-body .form-group.card_info > div .desc,
 .payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]:checked + label,
 .payment-wrapper .card-agree-wrapper .checks input[type="checkbox"] + label,
 .payment-wrapper .card-agree-wrapper .more_view,
 .payment-wrapper.common-wrapper.oder #paymentMethod_zero_info li { font-size: 0.9375rem; } 

 .payment-wrapper.common-wrapper.oder .set-title { font-size: 0.9375rem !important; } 

 .payment-wrapper.common-wrapper .order-pricewrap .order-totalline td { font-size: 1.375rem; } 

 .payment-wrapper.common-wrapper.oder .orderrequest,
 .payment-wrapper .agree-wrapper input[type="checkbox"] + label,
 .contents-wrapper.detail .agree_chk a,
 .payment-wrapper.common-wrapper.oder .panel-body.get th { font-size: 0.875rem; } 

 .payment-wrapper .order-payment-info .pay_heading { font-size: 0.875rem !important; } 

 .payment-wrapper .checks label,
 .payment-wrapper.common-wrapper.oder .form-control,
 .payment-wrapper .order-payment-info .panel-body.get .form-group.ip_post #jsBtnPost a,
 .payment-wrapper .order-payment-info .panel-body.get .attrselect,
 .contents-wrapper.detail .panel.order-payment-info .receiptselect,
 .contents-wrapper.detail .panel.order-payment-info .receiptselect2,
 .payment-wrapper .order-info .media-body.item_order_info .order_title,
 .deliverymodal_address,
 .payment-wrapper.common-wrapper.oder .form-group.couponuse .couponUseModal,
 .payment-wrapper .panel-group .panel-body .pg_cardquota,
 .payment-wrapper .panel-group .panel-body .mo_bank_num,
 .contents-wrapper.detail .panel.order-payment-info .receiptselect3,
 .contents-wrapper.detail .panel.order-payment-info .receiptselect,
 .payment-wrapper .order-payment-info .panel-body.point .form-group a { font-size: 1rem; } 
 /*주문결제-쿠폰모달*/
 .modal-body.orderCouponModalBody .coupon-item p,
 .modal.coupon-use .coupon-item label,
 .modal.coupon-use .modal-body .attrselect,
 .modal.coupon-use .modal-footer .modal-button .Btn { font-size: 0.9375rem; } 
 /*주문결제-배송지관리모달*/
 .modal-dialog.order .panel-heading p,
 .modal-dialog.order .user-post1,
 .modal-dialog.order .user-name,
 .modal-dialog.order .user-htel,
 .modal-dialog.order .panel-footer a { font-size: 0.9375rem; } 
 .modal-dialog.order .delivery-list .btn { font-size: 0.9375rem !important; } 
 /*주문결제-카드무이자할부*/
 #halbuInfo .modal-footer button { font-size: 0.9375rem; } 
 /*주문완료*/
 .contents-wrapper.wrap_orderendcont .orderend-totatable td,
 .contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable td { font-size: 1.063rem; } 

 .payment-wrapper .complete .message p { font-size: 0.813rem; } 

 #orderend-goods-table > .panel-body > .media > .media-body > .price,
 .payment-wrapper .complete .info .table > thead > tr > th,
 .contents-wrapper.wrap_orderendcont .payinfo,
 .contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totatable th,
 .contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable th,
 .contents-wrapper.wrap_orderendcont .btn-wrapper a { font-size: 0.9375rem; } 

 #orderend-goods-table .media-body .price .count,
 .payment-wrapper .complete .info .table > tbody th,
 .payment-wrapper .complete .info .table > tbody td,
 #orderend-goods-table > .panel-body > .media > .media-body > .option { font-size: 0.875rem; } 

 .payment-wrapper .complete .message h3,
 #orderend-goods-table > .panel-body > .media > .media-body > .subject { font-size: 1rem; } 
 /*주문상세*/
 .my-wrapper.wrap_maypage .body_pane_orderdetail .status,
 .my-wrapper.wrap_maypage .orderdetail-pricetable .orderdetail-price { font-size: 1.0625rem; } 

 .my-wrapper.wrap_maypage .orderdetail-totatable td { font-size: 1.0625rem !important; } 

 .my-wrapper.wrap_maypage .body_pane_orderdetail .media-body .subject,
 .my-wrapper.wrap_maypage .body_pane_orderdetail .price .count,
 .my-wrapper.wrap_maypage .info-wrapper .sub-title,
 .my-wrapper.wrap_maypage .info-wrapper button,
 .my-wrapper.wrap_maypage .go-list a,
 .my-wrapper.wrap_maypage .info-wrapper.order-info .table th,
 .my-wrapper.wrap_maypage .info-wrapper.order-info .table td,
 .my-wrapper.wrap_maypage .info-wrapper.recipient-info .table th,
 .my-wrapper.wrap_maypage .info-wrapper.recipient-info .table td,
 .my-wrapper.wrap_maypage .info-wrapper table th { font-size: 0.9375rem; } 

 .my-wrapper.wrap_maypage .orderdetail-payinfo td,
 .my-wrapper.wrap_maypage .body_pane_orderdetail .media-body .option,
 .my-wrapper.wrap_maypage .body_pane_orderdetail .price p,
 .my-wrapper.wrap_maypage .prod-order-wrapper .panel-footer a { font-size: 0.9375rem !important; } 

 .my-wrapper.wrap_maypage .info-wrapper table td { font-size: 0.875rem; } 
 /*상품상세*/
 .panel.info-wrapper.wrap_info .detail-summary,
 .wrap_info .info-wrapper .price-wrapper .dc-price,
 .wrap_info .info-wrapper .price-wrapper .discount,
 .purchase-option .result .media-body .price,
 .view-packageitem .section-title p:first-child,
 .scroll-prod-wrapper .slide_text i { font-size: 1.0625rem; } 

 .prod-info-wrapper .info-wrapper .detail-heading .price { font-size: 1.5625rem; } 

 .prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper,
 .prod-info-wrapper.wrap_info .benefit-cont p,
 .prod-info-wrapper.wrap_info .btn_type_white,
 .prod-info-wrapper .info-wrapper .panel-heading .product_info h6,
 #prodQna .panel-heading a,
 .wrap_info .reward_share p,
 .purchase-option .total-price .text,
 .purchase-wrapper.detail-purchasewrapper .appline p,
 .purchase-wrapper.detail-purchasewrapper .appline .appbtn,
 .purchase-wrapper.detail-purchasewrapper .popup-freedelivery p,
 .purchase-option .result .media-body .option-title,
 .purchase-option .goods-price,
 .purchase-option .option .form-group.option_input .option_value .btn,
 .prod-info-wrapper .info-wrapper .panel-heading .buy_number,
 .buy_number .likecount p,
 .prod-info-wrapper .info-wrapper .panel-heading .buy_number .avgstar,
 .prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon,
 .prod-info-wrapper .info-wrapper .panel-heading .product_info div span,
 .prod-info-wrapper .info-wrapper .panel-heading .product_info div p,
 .purchase-wrapper.detail-purchasewrapper .popup-app p,
 .view-packageitem .section-title p:last-child,
 .detail_qna .media-left .comment.uncall,
 .detail_qna .media-left .qna_user_info span,
 .detail_qna .media-body .secret_text,
 .detail_qna .media-body .admin_comment .media-body,
 #prodQna_btn,
 .purchase-wrapper.detail-purchasewrapper .popup-basketfree p,
 .prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:first-child,
 .prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:last-child,
 #prodDetail .panel-body.notice .title,
 #prodDetail .panel-body.notice .desc,
 #prodDetail .panel-body.notice .desc_b,
 #collapseNotice .table th,
 #collapseNotice .table td,
 .container.good-review .Goods_wrapper.review_slide .writeinfo p,
 .review-detail-list-wrapper .prod-review .panel-heading span,
 .review-detail-list-wrapper .panel .panel-body .review-desc,
 .review-detail-list-wrapper .panel .panel-footer .btn-wrapper a,
 .review-detail-list-wrapper .panel .panel-footer .help-yn,
 .review-detail-list-wrapper .panel .panel-footer .help a .count,
 .detail_qna .media-body .qnaHold input,
 .detail_qna .media-left .comment,
 .review-detail-list-wrapper .no-data-review p,
 #prodQna.detail_qna .media.admin_comment p span,
 #prodQna.detail_qna .qnaHold a { font-size: 0.9375rem; } 

 .prod-info-wrapper.wrap_info .benefit-cont p,
 .modal-content.detail-basketpackageitem .modal-title,
 .modal-content.detail-basketpackageitem button { font-size: 0.9375rem !important; } 

 .review-detail-list-wrapper .panel .panel-body .filter_option,
 .review-detail-list-wrapper .panel .panel-body .align-wrapper > a,
 #prodReview .reviewreportbtn,
 #prodReview #prodReview_btn,
 .detail_qna .media-list p { font-size: 0.875rem; } 

 .review-detail-list-wrapper .panel .panel-footer .btn-wrapper a { width: 51px; height: 27px; line-height: 28px; } 

 .info-wrapper.wrap_info .reward_share .pgnotice { width: 100px; } 

 .prod-tab-wrapper .nav-tabs.nav-justified li a .count { font-size: 0.8125rem; } 

 .prod-info-wrapper.wrap_info .detail-heading .title { font-size: 1.4375rem; } 

 .purchase-option .selectbox-wrapper select,
 .prod-info-wrapper .image-wrapper .label-timesale,
 .prod-info-wrapper .image-wrapper .timesale span,
 .prod-tab-wrapper .nav-tabs.nav-justified > li > a,
 .view-packageitem .panel-body .org-price,
 .view-packageitem .panel-body .prod-title,
 .detail_qna .media-body .qna_content,
 .review_slide .prod.type1 > .panel-body .prod-title { font-size: 1rem; } 

 .purchase-option .total-price span.total,
 .purchase-option .panel-footer > .btn,
 .purchase-option .total-price { font-size: 1.188rem; } 

/* .footer-info-wrapper .panel-body div li img { width: 72%; } */

 .footer-icon-wrapper img { width: 32px; } 

 .view-packageitem .panel-body .price,
 .view-packageitem .panel-body .dc-rate { font-size: 1.125rem; } 
 /*상세/모달*/
 .rewardPmodal .panel-heading p,
 .floatingContentsImg .section ul li,
 .floatingContentsImg .section2 ul li,
 .floatingContentsImg .section3 ul li { font-size: 0.9375rem !important; } 

 .rewardPmodal.rewardPointIcon { width: 22px; height: 24px; } 

 .rewardPmodal .floatingContentsImg .section img { width: 51px; } 

 .rewardPmodal .floatingContentsImg .section span,
 .rewardPmodal .floatingContentsImg .section2 span,
 .rewardPmodal .floatingContentsImg .section3 span,
 .rewardPmodal .floatingInfoTitle,
 .rewardPmodal .floatinginfosub,
 #snsShareModal .modal-body .url-copy-wrapper .btn,
 .coupon-down-modal .modal-body .coupontext,
 #couponDownloadModal .modal-footer.detailfooter button,
 #reportModal .form-control,
 #qnaModal .form-control,
 #qnaModal .modal-footer button,
 #reportModal .modal-footer button,
 .rewardPmodal .urlcopy_wrap a,
 #snsShareModal .modal-body .panel-heading p,
 #snsShareModal .modal-body .url-copy-wrapper .form-control,
 #qnaModal .modal-body .form-group label { font-size: 0.9375rem; } 

 .rewardPmodal .floatingContentsImg .section span,
 .rewardPmodal .floatingContentsImg .section2 span,
 .rewardPmodal .floatingContentsImg .section3 span { padding: 0; } 

 .rewardPmodal .floatingContentsImg .section2 img { width: 53px; } 

 .rewardPmodal .floatingContentsImg .section3 img { width: 59px; } 

 #reportModal .modal-body .text { font-size: 0.875rem; } 

 .coupon.detailcoupon .condition i { font-size: 0.875rem !important; } 

 #snsShareModal .modal-body .sns > img { width: 43px; } 

 #couponDownloadModal .coupon.detailcoupon .coupon-down img { width: 18px; } 

 #reportModal .panel-title label,
 .coupon.detailcoupon .category span { font-size: 1rem; } 
 /*푸터 공지사항*/
 .footer-wrapper .notify-wrapper .notifytitle { font-size: 0.9375rem; } 
 /*푸터*/
 .footer-info-wrapper .bankaccount,
 .counsel-wrapper .customerinfo_call { font-size: 1.0625rem; } 

 .footer-info-wrapper .panel-body div li p { font-size: 1rem; } 

 .footer-wrapper .menu-wrapper .menu,
 .footer-icon-wrapper .appdown,
 .footer-wrapper .company ul li,
 .copyright { font-size: 0.9375rem; } 
 /*구매후기상세모달*/
 .review-detail-wrapper .panel-heading .title,
 .review-detail-wrapper .panel-heading .Btn,
 .review-detail-wrapper .panel-footer.item_detail a { font-size: 1.0625rem; } 

 .review-detail-wrapper .media-body .contents,
 .review-detail-wrapper .media-body .review_info .name,
 .review-detail-wrapper .media-body .date,
 .review-detail-wrapper .prod-info > .panel-body > .title,
 .review-detail-wrapper .prod-info > .panel-body > .price,
 .review-detail-wrapper .input-wrapper .btn,
 .review-detail-wrapper .input-wrapper .form-control,
 .review-detail-wrapper .panel-heading .option,
 .review-detail-wrapper .prod-info > .panel-body > .option { font-size: 0.9375rem; } 
 /*구매후기신고버튼*/
 .main-review-wrapper .reviewreportbtn,
 .main-review-slide .reviewreportbtn,
 .review-list-container .reviewreportbtn,
 .review-detail-wrapper.photoreivewdetail .reviewreportbtn,
 #prodReview .reviewreportbtn,
 .container.good-review .reviewreportbtn { font-size: 0.9375rem; } 
 /**** 폰트사이즈 게시판 ****/
 /*11*/
 #newboard .icon-list,
 #newboard .no-data p,
 #replyPwdModal p,
 .board-modal .fs-11px { font-size: 0.875rem !important; } 
 /*12*/
 #newboard .category-wrapper li a,
 #newboard .filter-wrapper,
 #newboard .board-desc,
 #newboard .board-writer,
 #newboard .tag-list,
 #newboard .board-info,
 #newboard .date,
 #newboard .icon-label,
 #newboard .board-view-wrapper .panel-heading,
 #newboard .board-view-wrapper .board-reply,
 #newboard .board-view-wrapper .reply-name,
 #newboard .board-view-wrapper .nbr_content,
 #newboard .board-view-wrapper .select-arrow select,
 .board-listtype1 .default-price text,
 .board-main-listtype1 .board-title,
 .board-modal .fs-12px { font-size: 0.9375rem !important; } 
 /*14*/
 #newboard .list-type .board-title,
 #newboard .board-view-wrapper .board-category,
 #newboard .board-view-wrapper .board-info,
 #newboard .board-view-wrapper .icon-list,
 #newboard .board-view-wrapper .tag-list { font-size: 1.0625rem !important; } 
 /*16*/
 #newboard .img-type .board-title,
 #newboard .board-view-wrapper .board-title,
 .board-main-listtype1 .default-price text { font-size: 1.1875rem !important; } 
 /**** //폰트사이즈 게시판 ****/

 /**** 폰트사이즈 로그인 ****/
 /*16*/
 .modal-login .fs-16px { font-size: 1.1875rem !important; } 
 /**** 폰트사이즈 로그인 ****/

 /*리스트*/
 .prod-list-wrapper.prod_list_wrap .total-count p { font-size: 0.9375rem; } 
 /*리스트-필터(공통)*/
 .selectbox select,
 .selectbox:before,
 .prod-list-wrapper .filter_box .item-filter label { font-size: 0.9375rem; } 
 /*검색*/
 .prod-list-wrapper .no-data p,
 .moall-search-wrapper .contents-wrapper > .panel > .panel-body .keyword { font-size: 0.9375rem; } 

 .moall-search-wrapper .contents-wrapper > .panel > .panel-heading .search_delete { font-size: 1.0625rem; } 
 /*리스트-구매후기*/
 .review-category-wrapper .category-list.text .category > a,
 .review > .panel-footer .byname,
 .review-list-container .reviewdate,
 .main-review-wrapper .reviewdate,
 .main-review-slide .byname,
 .main-review-slide .date { font-size: 0.9375rem; } 

 .prod-list-wrapper .no-data img { width: 35px; height: 35px; } 

 .review > .panel-body .prod-title { font-size: 1rem; max-height: 100px; height: 60px; } 

 .review > .panel-footer .score-wrapper i,
 .main-review-wrapper .review > .panel-footer .score-wrapper i,
 .main-review-slide .review_slide .score-wrapper i { font-size: 1.0625rem; } 
 /*로그인*/
 .Login_page .guestwrap p,
 .Login_page .letjoin p,
 .Login_page .idpwwrap p,
 .Login_page .idpwwrap button,
 .Login_page .idpwwrap input,
 .Login_select .join_wrap .ID,
 .Login_select .join_wrap .email,
 .Login_select .join_wrap .phone,
 .Login_select .join_wrap .katalk,
 .Login_select .join_wrap .Naver,
 .Login_select .guestwrap a,
 .Login_select .join_wrap .Apple { font-size: 0.9375rem; } 

 .Login_page .guestwrap img,
 .join_wrap .guestwrap img { width: 23px; } 
 /*아이디비번찾기*/
 .common-wrapper.idpw_search .panel-body.member .tab_link { font-size: 1.0625rem; } 

 .common-wrapper.idpw_search .idpwsearch p,
 .common-wrapper.idpw_search .title_input,
 .common-wrapper.idpw_search .form-group.phone-wrapper input,
 .common-wrapper.idpw_search .form-group.phone-wrapper .numcheckbtn,
 .common-wrapper.idpw_search .panel-body.member .Btn,
 .common-wrapper.idpw_search .id-comment input,
 .common-wrapper.idpw_search #token-div span,
 .common-wrapper.idpw_search #pwdTokenTime,
 .common-wrapper.idpw_search .form-group.phone-token input,
 .common-wrapper.idpw_search .form-group.phone-token .sms-btn,
 .common-wrapper.access.join.idpw_search .phone-token_chk { font-size: 0.9375rem; } 

 .common-wrapper.idpw_search #id-notcomment,
 .common-wrapper.idpw_search #pw-sms-token-comment { font-size: 0.9375rem !important; } 

 .common-wrapper.idpw_search .idpwsearch { line-height: 1.3; } 

 .common-wrapper.idpw_search .phone-wrapper .form-control { width: 27%; } 

 .common-wrapper.idpw_search .form-group .numcheckbtn { width: 105px; } 
 /*아이디찾기 결과*/
 .common-wrapper.idsearch_list .idsearch p { font-size: 0.9375rem; } 

 .common-wrapper.idsearch_list .panel-body.findbox a { font-size: 1.0625rem; } 
 /*비밀번호재설정*/
 .common-wrapper.pwsearch_reset .pwsearch,
 .common-wrapper.pwsearch_reset .title_input,
 .common-wrapper.pwsearch_reset .form-group input,
 .common-wrapper.pwsearch_reset .login { font-size: 0.9375rem; } 
 /*비회원주문배송조회*/
 .common-wrapper.guestinfo_form .panel-body.member th { font-size: 0.9375rem; } 

 .common-wrapper.guestinfo_form .guesttext p,
 .common-wrapper.guestinfo_form .form-group input,
 .common-wrapper.guestinfo_form .Btn { font-size: 0.9375rem; } 
 /*푸터-카피라이트*/
 .common-wrapper .panel-footer.copyright p { font-size: 0.9375rem; } 
 /*회원가입*/
 .common-wrapper.new_join_wrap .title_input,
 .common-wrapper.new_join_wrap .form-group input,
 .common-wrapper.new_join_wrap #changeNum,
 .common-wrapper.new_join_wrap #myInfoSmstime,
 .common-wrapper.new_join_wrap #sms_token_check,
 .common-wrapper.new_join_wrap .chkwrap input[type=checkbox] + label,
 .common-wrapper.new_join_wrap .member.joinmember .Btn,
 .common-wrapper.joinselect .member_wrap .katalk,
 .common-wrapper.joinselect .member_wrap .phone,
 .common-wrapper.joinselect .member_wrap .email,
 .common-wrapper.joinselect .member_wrap .Apple,
 .common-wrapper.joinselect .member_wrap .ID,
 .common-wrapper.joinselect .member_wrap .Naver { font-size: 0.9375rem; } 

 .common-wrapper.new_join_wrap .ip_id.id-comment .id-comment-text,
 .common-wrapper.new_join_wrap #sms-token-comment { font-size: 0.9375rem !important; } 

 .common-wrapper.new_join_wrap .phone-wrapper .form-control { width: 27%; } 

 .common-wrapper.new_join_wrap #changeNum { width: 105px; } 

 .new_join_wrap .chkwrap input[type=checkbox] + label:before { width: 20px; height: 20px; } 
 /*메인-타임세일*/
 .goods-timesale-label .time-remaining,
 .goods-timesale-label .timesaletext { font-size: 1rem; } 

 /*마이페이지*/
 .my-wrapper.index.mobile_my_index .my-name,
 .my-wrapper.index.mobile_my_index .myinfo:first-child div:last-child a { font-size: 1.0625rem !important; } 

 .my-wrapper.index.mobile_my_index .myinfo:last-child span:first-child,
 .my-wrapper.index.mobile_my_index .text,
 .my-wrapper.index.mobile_my_index > .reward-wrapper label,
 .my-wrapper.index.mobile_my_index .count,
 .my-wrapper.index.mobile_my_index .unit,
 .my-wrapper.index.mobile_my_index .desc { font-size: 0.9375rem; } 

 .my-wrapper.index.mobile_my_index .point_num a,
 .my-wrapper.index.mobile_my_index .coupon_num a { font-size: 1.1875rem; } 
 /*마이페이지-보유적립금*/
 .my-info-wrapper.my-point-wrapper .mytotal_num li,
 .my-info-wrapper.my-point-wrapper .filter-wrapper .status-filter li label,
 .my-info-wrapper.my-point-wrapper .filter-wrapper .year-filter label,
 .my-info-wrapper.my-point-wrapper .point-list.point_group p,
 .my-info-wrapper.my-point-wrapper .point-list.point_group h6 > b,
 .my-info-wrapper.my-point-wrapper #prodCash_btn,
 .my-info-wrapper.my-coupon-wrapper .mytotal_num.coupon_total li, .my-info-wrapper.my-coupon-wrapper .coupon_chk label { font-size: 0.9375rem; } 

 .my-info-wrapper.my-point-wrapper .mytotal_num li strong { font-size: 1.0625rem; } 

 .my-info-wrapper.my-point-wrapper .filter-wrapper .status-filter li label { align-items: center; } 
 /*마이페이지-보유쿠폰*/
 .my-info-wrapper.my-coupon-wrapper .mytotal_num li strong { font-size: 1.0625rem; } 

 .my-info-wrapper.my-coupon-wrapper .panel-heading .coupontbox p,
 .my-info-wrapper.my-coupon-wrapper .panel-heading .coupontbox .form-control,
 .my-info-wrapper.my-coupon-wrapper .panel-heading .coupontbox button,
 .my-info-wrapper.my-coupon-wrapper .coupon-list p { font-size: 0.9375rem; } 

 .my-info-wrapper.my-coupon-wrapper .coupon-list h6 b { font-size: 1.0625rem; } 

 .my-info-wrapper.my-coupon-wrapper .coupon-list h6 { font-size: 1rem; } 
 /*마이페이지-회원등급*/
 .modal.userclass-modal .benefit_group_heading b,
 .modal.userclass-modal .benefit_group_body .class_option b { font-size: 1.0625rem; } 

 .modal.userclass-modal .class_member b,
 .modal.userclass-modal .class_member li,
 .modal.userclass-modal .class_member .next_class_price,
 .modal.userclass-modal .benefit_point p,
 .modal.userclass-modal .benefit_coupon p,
 .modal.userclass-modal .myclass_footer p,
 .modal.userclass-modal .member_footer button,
 .benefit_group_heading .class_member .progress .my_price span { font-size: 0.9375rem; } 

 .modal.userclass-modal .class_member .text { font-size: 1rem; } 
 /*마이페이지-주문목록배송조회*/
 .contents-wrapper.mypage-myorder .prod-order-wrapper li a { font-size: 1rem !important; } 

 .contents-wrapper.mypage-myorder .orderhead_panel .date,
 .contents-wrapper.mypage-myorder .orderhead_panel .date2 { font-size: 1rem; } 

 .contents-wrapper.mypage-myorder .delivery_chk label,
 .contents-wrapper.mypage-myorder .media-body,
 #viewDeliveryStatusModal .info-wrapper,
 #viewDeliveryStatusModal #deliveryinfo td,
 #viewDeliveryStatusModal #deliveryinfo td:nth-of-type(1) p,
 #viewDeliveryStatusModal .modal-content .modal-footer button,
 #viewDeliveryStatusModal .panel-heading ul > li.active .desc { font-size: 0.9375rem; } 

 .contents-wrapper.mypage-myorder .selectbox.year-filter label,
 .contents-wrapper.mypage-myorder .orderbody_media .media-head span,
 .contents-wrapper.mypage-myorder .media-body .subject,
 .contents-wrapper.mypage-myorder .media-body .option,
 .contents-wrapper.mypage-myorder .media-body .count.count2,
 .contents-wrapper.mypage-myorder .media-body .price p,
 .contents-wrapper.mypage-myorder .orderfooterhr .btn,
 .contents-wrapper.mypage-myorder .orderbody_media .btn,
 .contents-wrapper.mypage-myorder #prodOrder_btn { font-size: 0.9375rem !important; } 

 .contents-wrapper.mypage-myorder .orderbody_media .media-head p { font-size: 1.0625rem; } 

 .contents-wrapper.mypage-myorder .delivery_chk label { display: flex !important; align-items: center; } 

 #viewDeliveryStatusModal .panel-heading ul > li span { font-size: 0.875rem; } 

 #viewDeliveryStatusModal #deliveryinfo td div { max-width: 200px; width: 200px; } 
 /*마이페이지-배송지관리*/
 .wrap_my_delivery .nav-tabs > li > a { font-size: 1rem; } 

 .my-wrapper .my-info.delivery .panel-heading p,
 .my-wrapper .my-info.delivery .delivery-list .delivery_title,
 .my-wrapper .my-info.delivery .delivery-list .delivery_cont p,
 .my-wrapper .my-info.delivery .delivery-list a,
 .my-wrapper.wrap_my_delivery .panel-footer a,
 .my-wrapper .my-info.delivery .delivery_basic,
 .my-wrapper .my-info.delivery .no-data p { font-size: 0.9375rem; } 
 /*마이페이지-배송지등록*/
 .modal.addDelivery input[type="checkbox"] + label,
 .modal.addDelivery .form-group label,
 .modal.addDelivery .attrselect,
 .modal.addDelivery .form-control,
 .modal.addDelivery .postnum_search .form-group button,
 .modal.addDelivery .modal-footer button { font-size: 0.9375rem; } 
 /*마이페이지-이벤트참여*/
 .my-info-wrapper.my-event .panel-heading p,
 .my-info-wrapper.my-event .mypage-list span { font-size: 0.9375rem !important; } 

 .my-info-wrapper.my-event #eventData p,
 .my-info-wrapper .mypage-list li#eventEnd b,
 .my-info-wrapper.my-event .panel-footer button { font-size: 0.9375rem; } 
 /*마이페이지-최근본상품*/
 .prod-list-wrapper.Lastitem .total-count { font-size: 0.9375rem; } 
 /*마이페이지-구매후기*/
 .my-wrapper.review-wrapper .nav-tabs > li > a { font-size: 1rem; } 

 .my-wrapper.review-wrapper .nav-tabs > li > a i { font-size: 0.875rem; width: 18px; height: 18px; } 

 .my-wrapper.review-wrapper .tab-pane .review-regist-text,
 .my-wrapper.review-wrapper .tab-pane .media .order-date .score-wrapper .fa,
 .my-wrapper.review-wrapper .tab-pane .media .order-date,
 .my-wrapper.review-wrapper .tab-pane .media .contents p,
 .my-wrapper.review-wrapper .tab-pane .media .contents .text_more,
 .my-wrapper.review-wrapper .tab-pane .media-heading,
 .my-wrapper.review-wrapper .tab-pane .review_order .price,
 .my-wrapper.review-wrapper .tab-pane .review_order p:last-child,
 .my-wrapper.review-wrapper .tab-pane .media-footer button,
 .my-wrapper.review-wrapper #writtenReview .data_none td,
 .my-wrapper.review-wrapper #writtenReview .data_none td b,
 #reviewWriteModal .media-body .price,
 #reviewWriteModal .modal-body .review-score dt,
 #reviewWriteModal .modal-body .form-group .form-control,
 #reviewWriteModal .form-group.image .desc,
 #reviewWriteModal .form-group.image .btn,
 .my-wrapper.review-wrapper .tab-pane .media .myreview_comment span,
 .my-wrapper.review-wrapper .admin_comment p { font-size: 0.9375rem; } 

 #reviewWriteModal .modal-body .purchase-info .media-body .title,
 #reviewWriteModal .modal-footer button { font-size: 1.0625rem; } 
 /*마이페이지-게시판*/
 #newMyboard .mypage-wrapper.list-type .nav-tabs li a { font-size: 1rem; } 

 #newMyboard #writtenBoard .panel-heading span,
 .contents-wrapper#newMyboard .select-arrow select,
 #newMyboard #writtenComment .panel-heading span,
 #newMyboard .pagination > li > a { font-size: 0.9375rem; } 

 #newMyboard #writtenBoard .panel-body .panel-list li p,
 #newMyboard #writtenBoard .panel-body .panel-list li div,
 #newMyboard #writtenComment .panel-body .panel-list span,
 #newMyboard #writtenComment .panel-body .panel-list li p,
 #newMyboard #writtenComment .panel-body .panel-list li a { font-size: 0.9375rem !important; } 

 #newMyboard #writtenBoard .no-data h6,
 #newMyboard #writtenComment .no-data h6 { font-size: 1.0625rem; } 

 #newMyboard #writtenBoard .panel-body .panel-list li b { font-size: 1.0625rem !important; } 
 /*마이페이지-스크랩*/
 #newMyboard .icon-label { font-size: 0.9375rem !important; } 

 #newMyboard .icon-label { padding: 0 10px !important; } 
 /*마이페이지-개인정보관리*/
 .my-wrapper.my-info-modify table th,
 .my-wrapper.my-info-modify table .form-control,
 .my-wrapper.my-info-modify .form-group.phone-wrapper a,
 .my-wrapper.my-info-modify .checkbox_wrapper label,
 .my-wrapper.my-info-modify .checkbox_wrapper a,
 .my-wrapper.my-info-modify table .text_box p,
 .my-wrapper.my-info-modify .info_inform a,
 .my-wrapper.my-info-modify .panel-footer p,
 .my-wrapper.my-info .myinfo_text p,
 .my-wrapper.my-info table th,
 .my-wrapper.my-info table .form-control,
 .my-wrapper.my-info .panel-footer a { font-size: 0.9375rem; } 
 /*마이페이지-반품교환*/
 .my-wrapper.return .prod-info-wrapper.my_return_wrap .point-wrapper span,
 .my-wrapper.return .order-info th, .my-wrapper.return .order-info td,
 .my-wrapper.return .panel-body .subject,
 .my-wrapper.return .panel-body .price,
 .my-wrapper.return .panel-footer .media-body .btn.return,
 .my-wrapper.return .panel-footer .media-body .item_eq a,
 .my-wrapper.return .panel-footer .form-control,
 .my-wrapper .info-wrapper .sub-title,
 .my-wrapper.return .panel-body .title,
 .my-wrapper.return .panel-body.reason .returnselect,
 .my-wrapper.return .panel-body.ing-yn .moc_bank select,
 .my-wrapper.return .form-control,
 .my-wrapper.return .panel-body .table .form-group.ip_post #jsBtnPost,
 .my-wrapper.return .btn-wrapper a,
 .my-wrapper.return .panel-body.reason .desc p { font-size: 0.9375rem; } 

 .my-wrapper.return label,
 .my-wrapper.return .order-payment-info th { font-size: 0.9375rem !important; } 

 .my-wrapper.return .panel-footer .media-body .btn.return { width: 68px; height: 29px; } 
 /*마이페이지-문의내역*/
 .my-wrapper #qnatype .nav-tabs > li > a { font-size: 1rem; } 

 .my-wrapper #qnatype .review-regist-text,
 .my-wrapper #qnatype .media-left .comment,
 .my-wrapper #qnatype .media-left .qna_user_info span,
 .my-wrapper #qnatype .media-body .media_text span,
 .my-wrapper #qnatype .panel-side .Btn,
 .my-wrapper #qnatype .media-body .admin_comment .media-body { font-size: 0.9375rem; } 
 /*마이페이지-주문상세*/
 .contents-wrapper .my-wrapper.wrap_maypage .count.count2 { font-size: 0.9375rem; } 
 /*마이페이지-쇼핑정보수신동의모달*/
 .contents-wrapper.terms.consent-terms .panel-body p { font-size: 0.9375rem !important; } 
 /*쿠폰*/
 .coupon.detailcoupon .coupon-area .number { font-size: 1.6875rem !important; } 

 .coupon.detailcoupon .coupon-area .choice p { font-size: 0.9375rem; } 
 /*쿠폰북*/
 .event-page-wrapper.couponbookpage .text-center,
 .event-page-wrapper.couponbookpage .coupon-area .choice p,
 .btnbox_couponbook .btn_type_basic { font-size: 0.9375rem; } 

 .coupon .coupon-list li .coupon-area .number { font-size: 1.6875rem; } 

 .coupon .coupon-list li .coupon-area .category { font-size: 1rem; } 

 .coupon .coupon-list li .coupon-area .condition .cpn-date i { font-size: 0.875rem; } 
 /*검색*/
 .contents-wrapper.search .search-wrapper h5 { font-size: 1.1875rem; } 

 .contents-wrapper.search .search-wrapper .text_search .form-control,
 .contents-wrapper.search .homeSearchDiv a { font-size: 0.9375rem; } 

 .contents-wrapper.search .panel-body .list-group { font-size: 0.9375rem !important; } 

 .contents-wrapper.search .recently .panel-heading b,
 .contents-wrapper.search .search_panel b { font-size: 1.0625rem; } 
 /*페이징번호*/
 .pagination > li > a { font-size: 0.9375rem; } 
 /*하단faq*/
 .customer-wrapper.faqlist #progressTab a { font-size: 0.9375rem; } 

 .customer-wrapper.faqlist .panel-title.faq span,
 .customer-wrapper.faqlist .panel-body.faq span,
 .customer-wrapper.faqlist .panel-body.faq span p,
 .panel.notice.detail_normal .subject div,
 .panel.notice.detail_normal .panel-body.content { font-size: 0.9375rem !important; } 

 .customer-wrapper.faqlist .panel-group div { font-size: 1.0625rem; } 
 /*공지사항*/
 .customer-wrapper .panel.notice.notice-table .title__td a,
 .customer-wrapper .table.notice .date__td,
 .panel.notice.detail_normal .subject.textbox a,
 .panel.notice.detail_normal .panel-footer a,
 .panel.notice.detail_normal .table td,
 .panel.notice.detail_normal .table td a { font-size: 0.9375rem; } 

 .panel.notice.detail_normal .price a { font-size: 0.9375rem !important; } 

 .panel.notice.detail_normal .subject.title a,
 .panel.notice.detail_normal .price p { font-size: 1.0625rem !important; } 
 /*좌측메뉴*/
 /*12*/
 .footer-info-wrapper .fs-12px,
 #sidemenu .side-event .fs-12px,
 #sidemenu .side-reward .fs-12px,
 #sidemenu .shop-info .fs-12px { font-size: 0.9375rem !important; } 
 /*14*/
 .footer-info-wrapper .fs-14px,
 #sidemenu .shop-info .fs-14px { font-size: 1.0625rem !important; } 
 #sidemenu .shop-info .company img,
 .footer-info-wrapper .panel-body div li img { height: 40px; } 
 /*//폰트사이즈*/
 /* 게시판 pc 사이즈 */
 #newboard .icon-label.newLabel { padding: 0 5px !important; } 

 #newboard .img-type#imgTypeLine1 .date,
 #newboard .img-type#imgTypeLine2 .date { min-height: 22px !important; } 

 #newboard .icon-label.newLabel { width: 20px !important; height: 20px !important; line-height: 19px !important; } 

 .board-listtype1 .board-title { max-height: 54px !important; } 

 .board-listtype1 .icon-basket { width: auto !important; height: auto !important; } 

 .board-main-listtype1 .icon-basket { width: 32px !important; height: 32px !important; } 

 #newboard.main-slide .img-type#imgTypeLine2 .board-title-box { min-height: auto !important; } 

 #newboard .img-type#imgTypeLine2 .board-title-box { min-height: 49px !important; line-height: 1.2 !important; } 

 #newboard .img-type#imgTypeLine2 .board-desc { min-height: 65px !important; } 

 #newboard .board-view-wrapper .user-content { font-size: 1rem !important; } 

 #newboard .img-type .tag-list { min-height: 25px !important; } 
 /* //게시판 pc 사이즈 */
 .panel.notice.detail_normal .table td { margin-left: inherit; } 

 .col-xs-4 .timesale.deadline img,
 .sliding4 .timesale.deadline img { width: 48px; height: 48px; } 
 /*상세-구매후기스크롤없애기*/
 .scroll-prod-wrapper.Goods_wrapper.review_slide { scrollbar-width: none; } 
 .scroll-prod-wrapper.Goods_wrapper.review_slide::-webkit-scrollbar { display: none !important; } 
 /*메인-팝업수정*/
 .popup-contents.mainBP { width: 640px; margin: 0 auto; } 
 .popup-wrapper.mainPopup #mainBannerPopup .swiper-slide img { width: 100% !important; } 
 .popup-wrapper.mainPopup .mainBPopup-text a,
 .popup-wrapper.mainPopup .mainoneBPopup-text a { font-size: 1.1875rem; } 
 .popup-wrapper.mainPopup .mainBPopup-contents { padding: 0 45px; } 
 /*마이페이지-구매후기(리뉴얼221026)*/
 .review-evaluate > p,
 .renew-review .review-evaluate .review-point-text,
 .renew-review p.title { font-size: .875rem; } 
 .renew-review .review-evaluate #starScore .fa { font-size: 1.563rem !important; } 
 /*상품상세-다중이미지*/
 .swiper-pagination .progressbar,
 .swiper-pagination .progressbar.swiper-pagination-bullet-active { height: 8px !important; } 
 /*메인-구매후기내용노출수정*/
 .main-review-slide .review_slide .prod-title { max-height: 80px; min-height: 80px !important; } 
 .main-review-wrapper .col-xs-6.review .prod-title { max-height: 60px; height: 60px; } 
 /*상세-탭*/
 #prodTab.fixed-top { position: fixed; top: 60px; z-index: 1030; background-color: #fff; width: 640px !important; left: 0px; right: 0px; } 
 /*좌측메뉴-리스트에서 하단바로 이동시-넘버링*/
 .detail_wrap_moall .prod .panel-heading .dc-rank { width: 48px; height: 48px; font-size: 18px; } 
 /*좌측 로그인*/
 #sidemenu .login-out-wrapper { min-height: 60px; } 
 /*카카오톡 대체 우편번호*/
 #postModalFLEXG { padding-right:0 !important; } 
 #postModalFLEXG #_flexgPostSearch::placeholder,
 #postModalFLEXG #_flexgPostSearch { font-size: 1.0625rem; } 
 #postModalFLEXG .flexgSearchhelp,
 #postModalFLEXG .posthelpExemple,
 #postModalFLEXG .posthelpExemple span { font-size: 0.9375rem; } 
 #postModalFLEXG .flexgSearchhelp,
 #postModalFLEXG .posthelpExemple { line-height:1.5; } 
 #postModalFLEXG .noSearch { font-size:1.125rem; } 
 #postModalFLEXG .noSearchcheck { font-size: 0.9375rem; } 
 #postModalFLEXG .postListtable td:nth-child(1) { font-size:1.1875rem; } 
 #postModalFLEXG .postListtable td .title { font-size:0.9375rem; width: 15%; } 
 #postModalFLEXG .postListtable td:nth-child(2n) { font-size: 1.0625rem; } 
 /*기존 우편번호*/
 #jsDaumPostSearch div:nth-of-type(1) { height: 95vh !important; } 
 /*로그인*/
 .login-logo .logo-img { width: 300px !important; } 
 .login-type__button a.fs-12px { font-size: 0.9375rem !important; } 
 .copyright p { font-size: 0.875rem !important; } 
 /*회원등급제개편*/
 #userclass-modal .benefit__group__H--level li:last-child { font-size: 1.0625rem !important; } 
 #userclass-modal .text__target { font-size: 1.1875rem; } 
 #userclass-modal .my__index--userclass .class_member li.text { font-size: 0.9375rem; } 
 #userclass-modal .benefit_group_body .class_option .title { font-size: 1.0625rem !important; } 
 /*마이페이지-개인정보관리*/
 .my-wrapper.my-info-modify .panel-footer a { font-size: 0.9375rem; } 
 /*회원가입-폰트사이즈*/
 .common-wrapper.join.new_join_wrap .basic-select { font-size: 0.9375rem; } 
 /*좌측메뉴-리워드팝업-폰트사이즈*/
 #floatingActionShare .panel-heading p,
 #floatingActionShare .urlcopy_wrap a { font-size: 0.9375rem; } 
 #floatingActionShare .floatingContentsImg .section span,
 #floatingActionShare .floatingContentsImg .section2 span,
 #floatingActionShare .floatingContentsImg .section3 span { font-size: 0.9375rem; display:flex; align-items:center; justify-content:center; } 
 #floatingActionShare .floatingInfoTitle,
 #floatingActionShare .floatinginfosub { font-size: 0.9375rem; } 
 }
/*//샵 웹버전*/
@media (max-width: 1079px){
 .BrandLeft,
 .BrandRight,
 .brd-recommen { display: none; } 
 }
@media (min-width: 1080px){
 #couponDownloadModal { padding-right: 0 !important; } 

 .modal.fade.in { padding-right: 0 !important; overflow-y: hidden; } 

 .modal-content { margin: 0 !important; } 

 .modal-open { /*width: 1200px !important; */
 padding-right: 0 !important; overflow-y: auto; } 



 .delivery_inquiry #deliveryinfo colgroup { width: 100% !important; } 

 .footerfixedwrap ul { position: fixed; z-index: 999; } 


 .mobile_my_index { margin-top: 60px; } 

 .col-md-4 { width: 100%; margin-left: 0; } 

 .Main_Wrap { display: flex; justify-content: center; /*margin: 0 auto; */}

 /*브랜드*/
 .BrandRight { position: fixed; bottom: 0%; left: calc(50% + 320px); /*background: pink; */}

 .BrandLeft { position: fixed; bottom: 0%; left: calc(50% - 720px); } 

 .BrandLeft { width: 400px; height: 100%; } 

 .BrandRight { width: 400px; /*width:150px; */
 height: 100%; } 

 .BLfixed { height: 100%; position: fixed; display: flex; flex-direction: column; width: 400px; align-items: center; justify-content: center; } 

 .BRfixed { height: 100%; position: fixed; display: flex; flex-direction: column; width: 180px; align-items: center; justify-content: center; padding-left: 30px; } 

 .BLfixed .brandimgbox img { border-radius: 16px; width: 320px; } 

 .BLfixed .brandimgbox { align-items: center; display: flex; flex-direction: column; } 

 .BLfixed .brimg { margin-bottom: 24px; } 

 .BrandLeft .BLfixed .recentlyview { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 320px; } 

 .BrandLeft .BLfixed .recentlyview p { font-size: 14px; /*font-weight: bold; */
 margin-bottom: 25px; width: 100%; } 

 .BrandLeft .BLfixed .recentlyview .imgbox img { height: 64px; width: 64px; border-radius: 50%; margin-right: 8px; cursor: pointer; } 

 .BrandRight .BRfixed .recentlyview { display: flex; flex-direction: column; align-items: center; } 

 .BrandRight .BRfixed .recentlyview p { color: #727272; font-size: 13px; } 

 .BrandRight .BRfixed .recentlyview span { border-bottom: 2px solid #b8b8b8; width: 30px; margin: 5px 0; } 

 .BrandRight .BRfixed .recentlyview .imgbox img { width: 75px; height: 75px; border-radius: 50%; margin-bottom: 4px; } 

 .BrandRight .BRfixed .recentlyview .imgbox { display: flex; flex-direction: column; align-items: center; } 

 .BrandLeft .APP { display: flex; } 

 .BrandLeft .APP a { cursor: pointer; width: 186px; height: 50px; } 

 .BrandLeft .APP img { width: 100%; height: 100%; } 

 .BrandLeft .BLfixed .recentlyview .norecentlyimg { height: 75px; border-radius: 50%; margin-right: 4px; background: #e8e8e8; width: 75px; border-bottom: 0; } 


 /**/
 .joinselect .panel-heading a,
 .joinselect .title a,
 .Login_select .panel-heading a,
 .Login_select .title a { cursor: pointer; } 

 .joinselect .member_wrap a,
 #loginModal .join_wrap a { position: relative; justify-content: center; } 
 }
/*김선우 추가*/
.onair-page-wrapper { /*margin-top:-17px; */}
.onair-page-wrapper .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } 
.runapp-wrapper .app_close { position: absolute; top: 0; right: 0; margin: .5rem; padding: 1.25rem; } 
.runapp-wrapper .panel-footer { border-top: 0; padding-top: 24px; display: flex; } 
.runapp-wrapper .panel-footer .btn { position: relative; color: #fff; font-size: .875rem; font-weight: 600; width: 50%; padding: 0; border-radius: 8px; } 
.runapp-wrapper .panel-footer .btn:after { content: ""; position: absolute; display: inline-block; left: 0; bottom: -2px; width: 100%; height: 100%; border-radius: 8px; box-shadow: 0 2px 0 rgba(0,0,0,0.1); } 
.runapp-wrapper .panel-footer .btn + .btn { margin-left: 8px; } 
.runapp-wrapper .panel-footer .btn_install, .runapp-wrapper .panel-footer .btn_runapp { width: 50%; } 
.runapp-wrapper .panel-footer .btn_runapp { margin-left: 4px; } 
.contents-wrapper.app-push-setting { } 
.app-push-setting .categoryList li { display: flex; border-top: 1px solid #e8e8e8; padding: 12px; font-size: .75rem; font-weight: 600; } 
.app-push-setting .categoryList li .app_menu_detail { position: relative; margin-left: auto; } 
.app-push-setting .categoryList li .app_menu_detail select { -moz-appearance: none; /* Firefox */
 -webkit-appearance: none; /* Safari and Chrome */
 appearance: none; border: 0; text-align-last: right; padding: 0 1.125rem 0 .625rem; background-color: #fff; } 
.app-push-setting .categoryList li .app_menu_detail i { position: absolute; right: 0; font-size: 1rem; font-weight: 600; color: #b8b8b8; } 
.app-push-setting .categoryList .ver_name { padding-left: 6px; color: #929292; } 
.app-push-setting .categoryList .url_text { padding-right: 1.125rem; } 
.orderCouponModalBody { height: calc(100% - 110px) !important; margin-top: 0 !important; } 
#couponUseModal { padding-right: 0 !important; } 
.modal.success .modal-dialog.top-half { top: 0; } 
.modal.success .modal-content { background-color: #484848; box-shadow: none; margin: 74px 20px 0; border-radius: 6px; padding: 20px; } 
.modal.success .modal-header { background-color: transparent; } 
.modal.success .modal-footer button { width: 100% !important; } 
.payment-wrapper .complete .failmessage { height: calc(100vh - 58px); margin: 0 16px; } 
.payment-wrapper .complete .failmessage .panel-body { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; top: 3px; min-height: 300px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #f8f8f8; } 
.payment-wrapper .complete .failmessage .panel-body .oderfailtext { margin-top: 0; } 
.payment-wrapper .complete .failmessage .panel-footer { padding: 0; } 
.payment-wrapper .agree-wrapper.agree-align .panel-body { align-items: center; } 
.payment-wrapper .agree-wrapper.agree-align .panel-body span { min-width: 257px; padding: 0; text-align: left; } 
.payment-wrapper .agree-wrapper.agree-align .panel-body span:last-child { text-align: center; } 
/* 구매후기 상품 */
.main-review-wrapper .review .panel-heading { display: flex; justify-content: center; align-items: center; padding-top: 100%; width: 100%; overflow: hidden; } 
.scroll-prod-wrapper.review_slide .panel-heading { display: flex; justify-content: center; align-items: center; padding-top: 100%; overflow: hidden; } 
.main-review-wrapper .review .panel-heading { position: relative; } 
.scroll-prod-wrapper.review_slide .panel-heading img, .main-review-wrapper .review .panel-heading img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } 
.scroll-prod-wrapper.review_slide.goods_detail .panel-heading { padding-top: 0; } 
.panel.detail_normal .panel-body p { flex-direction: column; } 
.panel.notice.detail_normal .panel-body p img { max-width: 100% !important; } 
/** 추첨이벤트 **/
/* 사이드메뉴 */
.raffle_text { padding: 12px 0; background-color: #3bcdb0; color: #fff; } 
/* 마이페이지 */
#eventtype .panel-heading { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #f8f8f8; } 
.my-info-wrapper .mypage-list li { padding: 20px 12px; border-bottom: 1px solid #e8e8e8; } 
.my-info-wrapper .mypage-list li .grid-layout:first-child { width: 90%; } 
.my-info-wrapper .mypage-list li .grid-layout:last-child { width: 10%; } 
.my-info-wrapper .mypage-list li#eventEnd span, .my-info-wrapper .mypage-list li#eventEnd b { color: #b8b8b8 !important; } 
/* 배너 */
.raffle-event-wrapper .panel { margin: 0 16px; padding-bottom: 6px; } 
.raffle-event-wrapper .panel-footer { padding: 12px 0; } 
.raffle-event-wrapper #eventDateEnd img { -webkit-filter: grayscale(100%); filter: gray; } 
.raffle-event-wrapper #eventDateEnd .panel-footer span, .raffle-event-wrapper #eventDateEnd .panel-footer p { color: #929292 !important; } 
.raffle-event-wrapper ol li:before { content: '·'; } 
.raffle-event-wrapper .winner-list { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.raffle-event-wrapper.detail .panel-body, .raffle-event-wrapper.detail .panel-footer { background-color: #f8f8f8; } 
.raffle-event-wrapper.detail .panel-footer { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } 
.raffle-event-wrapper.detail .panel-footer > div { padding: 16px; } 
.raffle-event-wrapper.detail .panel-footer > div + div { border-top: 1px solid #e8e8e8; } 
.raffle-event-wrapper.detail .panel-footer ol li:before { margin-right: 6px; } 
.raffle-img { position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; } 
.raffle-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
#token-div span { position: absolute; top: 0; right: 0; color: #ff9c00; height: 40px; line-height: 40px; padding: 0 12px; font-size: .75rem; } 
.btn.bg-gray { background-color: #b8b8b8; box-shadow: 0 2px 0 #b8b8b8; -webkit-box-shadow: 0 2px 0 #b8b8b8; } 
/* 메인 fade 팝업 */
.popup-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 99999; opacity: .5; } 
.main-popup .container { left: 0; bottom: 0; left: 0; right: 0; z-index: 99999; } 
.main-popup .pop-header { padding: 12px 16px; } 
.main-popup .pop-body { padding: 30px; height: 200px; border-radius: 16px 16px 0 0; } 
.main-popup .pop-body h5 { padding: 12px 0; } 
.main-popup .pop-body a { margin: 20px auto 0; padding: 0 26px; border-radius: 20px; background-color: #222; } 
@keyframes fadeInUp { 
 from { opacity: 0; margin-bottom: -100px; } 
 to { opacity: 1; margin-bottom: 0; } 
 }
.main_popup .container .pop-body { animation-name: fadeInUp; animation-duration: 2s; } 
/* 메인 최상단배너 */
.main-topbanner-wrapper { position: fixed; top: 0; z-index: 999; } 
.main-topbanner-wrapper > a { border-radius: 0 0 0 16px; background-color: rgba(0,0,0,0.4); } 
.main-topbanner-wrapper > a.close { position: absolute; top: 0px; right: 0px; opacity: 1; color: #fff; font-size: 10px; padding: 6px 7px 9px 9px; text-shadow:none; } 
@media (min-width: 768px){
 .main-topbanner-wrapper { width: 640px; margin: 0 auto; } 
 }
/*결제수단*/
.pay-benefit { border-radius: 10px; color: #fff; font-size: 0.75rem; font-weight: bold; padding: 3px 9px; background-color: #ffae00; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
#paymentMethod .npay .pay-benefit { background-color: #00c63b; } 
#paymentMethod .kakaopay .pay-benefit { background-color: #ffeb00; } 
#paymentMethod .payco .pay-benefit { background-color: #e10129; } 
/*마이페이지 탭 디자인 (공통)*/
.mypage-wrapper .nav-tabs li { width: 50%; border-top: 1px solid #e8e8e8; background-color: #f8f8f8; } 
.mypage-wrapper .nav-tabs li a { border-width: 0 1px 1px !important; border-style: solid !important; border-color: #e8e8e8 !important; margin-bottom: 0; padding: 10px 0; font-size: 13px; font-weight: bold; color: #727272; } 
.mypage-wrapper .nav-tabs li.active > a { border-bottom-color: #fff !important; border-left-width: 1px !important; background-color: #fff; color: #222; } 
.mypage-wrapper .nav-tabs li:first-child > a { border-left: 0 !important; } 
.mypage-wrapper .nav-tabs li:last-child > a { border-left: 0 !important; border-right: 0 !important; } 
.mypage-wrapper .panel-heading { /*border-bottom: 1px solid #e8e8e8; */}
.mypage-wrapper .panel-body .panel-list li { padding: 15px; border-top: 1px solid #e8e8e8; } 
.mypage-wrapper .filter-wrapper { font-size: 0.75rem; } 
.mypage-wrapper .select-arrow,
.board-view-wrapper .select-arrow { position: relative; color: #727272; /*font-weight: bold; */}
.mypage-wrapper .select-arrow:before,
.board-view-wrapper .select-arrow:before { content: "\279C"; position: absolute; top: 2px; right: 0; width: 0; height: 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } 
.mypage-wrapper .select-arrow select,
.board-view-wrapper .select-arrow select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 0 16px; border: 0; text-align: right; font-size: .6875rem; background-color: transparent; } 
.mypage-wrapper .select-arrow select::-ms-expand,
.board-view-wrapper .select-arrow select::-ms-expand { display: none; } 
/**게시판강화**/
#newboard { letter-spacing: -0.2px; } 
#newMyboard .icon-list img,
#newboard .icon-list img { height: 16px; } 
#newboard .board-view-wrapper .icon-list img { height: 18px; } 
#newMyboard .icon-label,
#newboard .icon-label { padding: 0 7px; border-radius: 16px; color: #fff; font-size: 0.75rem; font-style: normal; font-weight: bold; letter-spacing: -0.2px; /*font-family: 'Roboto Mono'; */}
#newboard .icon-label.newLabel { border-radius: 50%; display: inline-block; padding: 0 4px !important; position: relative; /*top: -1px; */
 width: 17px; height: 16px; line-height: 16px; text-align: center; font-weight :bold; } 
#newboard .label-list { bottom:0; z-index: 99; padding: 8px; } 
#newboard .date { color: #fb793f; font-weight: bold; min-height: 18px; } 
#newboard .list-type .pagination > li.active > a { border-radius: 50%; } 
#newboard .list-type .pagination > li > a:hover { background-color: transparent; border-color: transparent; color: #222; } 
#newboard .list-type .panel-body .panel-list li { display: flex; flex-direction: column; justify-content: center; position: relative; padding: 15px 12px; border-top: 1px solid #e8e8e8; min-height: 85px; } 
#newboard .list-type .panel-body .panel-list li:first-child { border-top: 1px solid #222; } 
#newboard .list-type .tag-list,
#newboard .img-type .tag-list,
#newMyboard .list-type .tag-list { margin-top: 12px; } 
#newboard .list-type .notice { background-color: #f8f8f8; } 
#newboard .list-type .layout-img { position: absolute; transform: translate(-50%,-50%); top: 50%; right: -18px; } 
#newboard .listimg-type .layout-list,
#newboard .listimg-type .tag-list { max-width: 78%; } 
@media (max-width: 320px){
 #newboard .img-type#imgTypeLine2 .board-title { letter-spacing: -1px; } 
 }
#newboard .img-type#imgTypeLine2 .col-xs-6:nth-child(odd) { padding-right: 4px !important; } 
#newboard .img-type#imgTypeLine2 .col-xs-6:nth-child(even) { padding-left: 4px !important; } 
#newboard .img-type#imgTypeLine2 .board-title-box > .icon-label { position: relative; top: -1px; } 
#newboard .img-type#imgTypeLine2 .board-title-box { word-break: break-all; min-height: 42px; line-height: 1.3; } 
#newboard.main-slide .img-type#imgTypeLine2 .board-title { min-height: auto; } 
#newboard .img-type#imgTypeLine2 .board-desc,
#newboard.main-slide .img-type .board-desc { min-height: 52px; } 
#newboard .img-type#imgTypeLine2 .board-info { min-height: 32px; } 
#newboard .img-type#imgTypeLine2 .icon-list { min-height: 18px; } 
#newboard .img-type .board-title.textover { max-height: 45px; overflow: hidden; } 
#newboard .img-type .board-desc { white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 65px; } 
#newboard .img-type .tag-list { min-height: 22px; } 
#newboard .category-wrapper ul { display: flex; white-space: nowrap;/* overflow-y: hidden; padding-bottom: 1px; -ms-overflow-style: none; scrollbar-width: none; */}
#newboard .category-wrapper li { width: auto !important; } 
#newboard .category-wrapper li a { padding: 8px 10px; border: 0; border-radius: 32px; color: #929292; } 
#newboard .category-wrapper li a:focus,
#newboard .category-wrapper li a:hover { background-color: transparent; } 
@media (max-width: 768px){
 #newboard .category-wrapper ul::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; -webkit-appearance: none; } 
 .board-search-view { width: 100%; } 
 }
#newboard .category-wrapper li.active a { background-color: #222; color: #fff; } 
.board-search-view { position: fixed; top: 60px; z-index: 999; background-color: #fff; border-bottom: 1px solid #ddd; padding: 16px 15px 8px; } 
.board-search-view .search-box { position: relative; width: 100%; } 
.board-search-view input { padding: 6px 30px 6px 12px; } 
.icon-clear { border: 0; background-color: transparent; display: inline-block; vertical-align: middle; outline: 0; cursor: pointer; } 
.icon-clear:after { content: "x"; display: block; position: absolute; top: 0; right: 0; font-size: 10px; border-radius: 50%; background-color: #b8b8b8; font-style: normal; color: #fff; padding: 0 4px; /*width: 12px; height: 12px; line-height: 12px; */
 text-align: center; margin: 14px 10px; cursor: pointer; } 
.search-box input:not(:valid) ~ .icon-clear { display: none; } 
.board-search-view a { font-size: .75rem; color: #727272; white-space: nowrap; margin: 0 12px 0 15px; cursor: pointer; } 
#newboard .board-view-wrapper .icon-label { padding: 3px 7px 4px; } 
#newboard .board-title { font-size: 1rem; font-weight: bold; } 
#newboard .board-view-wrapper .panel-heading { /*border-bottom: 1px solid #e8e8e8; */}
#newboard .board-view-wrapper .panel-footer { border-top: 8px solid #f2f2f2; } 
#newboard .board-view-wrapper .head-btn { padding: 10px 0 16px; } 
#newboard .board-view-wrapper .reply-wrapper .panel-list li { padding: 15px 12px; border-top: 1px solid #e8e8e8; } 
#newboard .board-view-wrapper .reply-wrapper .panel-list li:last-child { border-bottom: 1px solid #e8e8e8; } 
#newboard .board-view-wrapper .reply-wrapper .reply-re { background-color: #f8f8f8; } 
.reply.modal .modal-content { border-radius: 10px; width: 90% !important; } 
.reply.modal .modal-footer { border-top: 0; padding-top: 0; } 
.modal-dialog-centered { display: flex; justify-content: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; height: 100%; } 
#replyModal input[type=checkbox] + label:before,
#writeModal input[type=checkbox] + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; margin-right: 0; } 
#replyModal input[type=checkbox]:checked + label:before,
#writeModal input[type=checkbox]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 
#replyModal input[type=checkbox]:checked + label span,
#writeModal input[type=checkbox]:checked + label span { color: #222 !important; } 
.board-mixgoods,
.margin-base { margin: 0 -16px; } 
.board-mixgoods { margin-top: 32px; } 
.board-mixgoods .panel-heading { margin: 0; } 
.board-mixgoods .swiper-container { overflow: visible !important; white-space: normal; } 
/*.board-mixgoods .prod-wrapper .board-title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px; } */
.board-mixgoods .prod-wrapper .board-desc { min-height: 18px; } 
#newboard .search-result { min-height: calc(100vh - 60px); } 
#writeModal #boardImgList { overflow-x: auto; overflow-y: hidden; width: 100%; display: -webkit-inline-box; } 
#writeModal #boardImg:last-child { margin-right: 0; } 
.new-modal.modal .modal-header { border-bottom: 1px solid #e8e8e8; /*margin: 0 15px; */
 padding: 0 15px; width: auto; /* height: 60px; line-height: 65px; */}
.new-modal.modal .modal-header .Icon_Close { position: absolute; right: 15px; } 
.new-modal.modal .modal-header .modal-title { height: 60px; line-height: 60px; } 
.enddate-label { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } 
.enddate-label img { width: 100%; height: 100%; } 
.board-img { position: relative; } 
.editor-frame iframe { width: 100%; } 
.editor-frame img { max-width: 100%; /*margin-bottom: 20px; */}
.board-file-list li { display: inline-block; background-color: #f8f8f8; padding: 12px; border-radius: 20px; margin: 4px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
@media (max-width: 768px){
 .privacywrap { height: auto; } 
 }
#newMyboard .pagination > li > a,
#newboard .pagination > li > a { width: 30px; height: 30px; line-height: 30px; padding: 0; } 
#newMyboard .pagination > li.active > a,
#newboard .pagination > li.active > a { border-radius: 50%; } 
#newMyboard .pagination .fa,
#newboard .pagination .fa { top: 2px; } 
@media (max-width: 380px){
 #newMyboard .pagination > li > a,
 #newboard .pagination > li > a { width: 26px; height: 26px; line-height: 26px; } 
 }
@media (max-width: 320px){
 #newMyboard .pagination > li > a,
 #newboard .pagination > li > a { width: 24px; height: 24px; line-height: 24px; } 
 }
#writeModal textarea { resize: none; } 
#newboard .filter-wrapper .select-arrow select { padding-right: 20px !important; text-align: center; font-weight: bold; } 
.detail_wrap_moall::-webkit-scrollbar { display: none; } 
#newboard .board-view-wrapper .user-content { font-size: 0.813rem; } 
/* 메인레이아웃[게시판] - 상품리스트 */
.board-main-listtype1 { /*margin: 0 15px; */
 padding: 0 15px; } 
.board-main-listtype1 .panel-heading { padding: 0; } 
.board-main-listtype1 .panel-body { padding: 4px; padding-right: 0 !important; } 
.board-main-listtype1 .dc-body { position: absolute; top: 0; left: 0; } 
.board-main-listtype1 .default-price text { font-size: 1rem; font-weight: bold; } 
.board-main-listtype1 .icon-basket { width: 24px; height: 24px; } 
.board-main-listtype1 .panel-heading > img { width: 100%; } 
.board-main-listtype1 .panel-heading .timesale { display: flex; justify-content: center; align-items: center; top: 0; left: 0; font-size: 11px; font-weight: 600; padding: 7px; background-color: #727272; } 
.board-main-listtype1 .panel-heading .timesale img { width: 15px; height: 15px; margin-right: 3px; } 
#newboard .swiper-wrapper .col-xs-12 { width: 90% !important; } 
.board-mixgoods.main { margin: 0; margin-top: 32px !important; } 
.board-mixgoods .prod-wrapper a:first-child .board-main-listtype1 { border-top: 1px solid #eee; padding-top: 15px; } 
#newboard.main-slide .swiper-slide { overflow: hidden; margin-right: 10px; flex: 0 0 80%; } 
#newboard #imgTypeLine1.list-type .panel-list li { margin-bottom: 0 !important; } 
#newboard.main-slide #imgTypeLine2 .swiper-slide { flex: 0 0 45%; } 
.main-recommend-item #newboard .list-type .panel-body .panel-list li { min-height: auto; } 
.main-recommend-item #newboard .list-type .panel-body .panel-list li:first-child { border-top: 0; } 
#newboard.main-slide .img-type .board-title-box { min-height: auto !important; } 
#newboard.main-slide .panel,
#newboard .panel#imgTypeLine1 { border: 0; } 
/*메인 배너전환효과*/
/*** 배너 ***/
.swiper.banner.vertical { margin-top: -1px; } 
.swiper.banner .bigBannerCarousel_olcasein { margin-bottom: 0; } 
/*공통 - 좌우버튼 */
.swiper.banner.barOutline .swiper-button-next,
.swiper.banner.barOutline .swiper-button-prev { top: calc(50% - 6%); } 
/*공통 - barNone(페이징 없음)*/
.swiper.banner.barNone ol { position: absolute !important; } 

.swiper.banner.barNone li { background-color: transparent !important; border: 0 !important; } 
/*공통 - 세로 + barNone */
.swiper.banner.vertical.barNone img.img-responsive { padding-bottom: 0; } 
/*공통ol - barOut */
.swiper.banner.vertical_Outline .bigBannerCarousel_olcasebottom { position: relative; background-color: #fff; } 
/*공통 - 가로 + barOut */
.swiper.banner .bigBannerCarousel_olcasebottom { position: relative; } 
/*공통ol - 세로 + barIn */
.swiper.banner.vertical .bigBannerCarousel_olcasein { top: -24px; } 
/*공통 - 세로 img */
.swiper.banner.vertical img.img-responsive { padding-bottom: 24px; } 
/*공통ol - barOut */
/*.swiper.banner.slide .bigBannerCarousel_olcasebottom,
.swiper.banner.cover .bigBannerCarousel_olcasebottom,
.swiper.banner.backfade.vertical .bigBannerCarousel_olcasebottom { background-color: #fff; } */

.swiper.banner.vertical.slide img.img-responsive,
.swiper.banner.vertical.cover img.img-responsive,
.swiper.banner.backfade img.img-responsive,
.swiper.banner.slide img.img-responsive,
.swiper.banner.fold.vertical.barInline img.img-responsive { padding-bottom: 0; } 
/* ol(slide,coverflow,backfade) - barIn */
.swiper.banner.slide .bigBannerCarousel_olcasein,
.swiper.banner.coverflow .bigBannerCarousel_olcasein,
.swiper.banner.vertical.backfade .bigBannerCarousel_olcasein { position: absolute !important; top: inherit; } 
/* ol(slide,cover,flip,rolling,fold) - 세로 + barIn */
.swiper.banner.vertical.slide .bigBannerCarousel_olcasein,
.swiper.banner.vertical.cover .bigBannerCarousel_olcasein,
.swiper.banner.vertical.flip .bigBannerCarousel_olcasein,
.swiper.banner.vertical.rolling .bigBannerCarousel_olcasein,
.swiper.banner.vertical.fold .bigBannerCarousel_olcasein { top: inherit; position: absolute !important; } 
.swiper.banner.vertical.barInline .swiper-wrapper,
.swiper.banner.vertical.barNone .swiper-wrapper { border-width: 0 0 1px 0; border-style: solid; border-color: transparent; } 
/*filp*/
.swiper.banner.flip img.img-responsive { padding-bottom: 0; } 

.swiper.banner.flip { overflow: hidden !important; } 

.swiper.banner.flip.barOutline .bigBannerCarousel_olcasebottom { z-index: 99; } 
/*file barOut */
.swiper.banner.flip.vertical.barOutline img.img-responsive { padding-bottom: 24px; } 
/*slide, cover*/
/*barNone*/
.swiper.banner.slide.barNone,
.swiper.banner.cover.barNone { margin-bottom: 0; padding-bottom: 0; } 

.swiper.banner.slide.barNone .bigBannerCarousel_olcasebottom,
.swiper.banner.cover.barNone .bigBannerCarousel_olcasebottom { background-color: transparent; position: absolute !important; } 
.swiper.banner.barNone .bigBannerCarousel_olcasebottom { height: 0; } 
/*barIn*/
.swiper.banner.slide.barInline,
.swiper.banner.cover.barInline { padding-bottom: 0; } 

/*slide*/
/*slide 세로 + barOut */
.swiper.banner.slide.vertical.barOutline { padding-bottom: 24px; } 
.swiper.banner.slide.vertical.barOutline .swiper-wrapper { border-width: 0 0 1px 0; border-style: solid; border-color: transparent; margin-top: -1px; } 
/*ol 세로 + barOut */
.swiper.banner.slide.vertical .bigBannerCarousel_olcasebottom { position: absolute; } 

.swiper.banner.slide.vertical.barOutline img.img-responsive { position: relative !important; } 
/*cover*/
/*cover 세로 + barOut */
.swiper.banner.cover.vertical.barOutline img.img-responsive { padding-bottom: 24px; } 
/*coverflow*/
.swiper.banner.coverflow img.img-responsive { padding-bottom: 0; } 
/*coverflow 세로 - barOut */
.swiper.banner.coverflow.vertical.barOutline img.img-responsive { padding-bottom: 24px; } 

.swiper.banner.coverflow.vertical.barOutline .bigBannerCarousel_olcasebottom { background-color: #fff; } 
/*fade*/
.swiper.banner.fade { opacity: 1; } 

.swiper.banner.fade.vertical.barInline { margin-bottom: -24px; } 
/*backfade*/
/*barOut*/
.swiper.banner.backfade.vertical.barOutline img.img-responsive { padding-bottom: 24px; } 
/*barNone*/
.swiper.banner.backfade.vertical.barNone .bigBannerCarousel_olcasebottom { background-color: transparent; } 
/*rolling*/
.swiper.banner.vertical.rolling .swiper-wrapper { border-width: 1px 0 1px 0; border-style: solid; border-color: transparent; } 

.swiper.banner.vertical.rolling.barOutline ol { position: relative !important; background-color: #fff; } 

.swiper.banner.vertical.rolling.barInline img.img-responsive { padding-bottom: 0; } 
/*공통 barInline , barNone */
.swiper.banner.vertical.barInline .swiper-wrapper,
.swiper.banner.vertical.barNone .swiper-wrapper { border-width: 0 0 1px 0; border-style: solid; border-color: transparent; } 
/*넘길때 이미지 숨기기*/
/*coverflow*/
/*.swiper.banner.coverflow .swiper-slide,*/
.swiper.banner.vertical.rolling .swiper-slide { opacity: 0 !important; } 
/*.swiper.banner.coverflow .swiper-slide-active,*/
.swiper.banner.vertical.rolling .swiper-slide-active { opacity: 1 !important; } 

@media (max-width: 360px){
 .swiper.banner.slide.vertical.barOutline .swiper-wrapper { margin-top: -2px; } 
 }

/* pc화면 미디어쿼리 */
@media (min-width: 768px){
 .categoryList .addview { width: 16px; display: flex; justify-content: center; } 

 .modal .banner_list { width: 640px; } 

 #sidemenu .sidemenu-close-wrapper { width: 640px; top: inherit; right: inherit; } 
 }
.basic-select { display: block; width: 100%; height: 40px; padding: 6px 12px; border-radius: 10px; background-color: #fff; border: 2px solid #222; font-weight: bold; font-size: .6875rem; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/design/moraguo/img/icon-arrow-bottom.svg); background-repeat: no-repeat; background-size: 13px; background-position: 95% 50%; } 
/*modal 리뉴얼*/
/*modal*/
.renew-modal .modal-content { width: 90%; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.15); border-radius: 10px; } 
.renew-modal .modal-header { background-color: #fff; color: #222; border-radius: 10px 10px 0 0; } 
.renew-modal .modal-header .modal-title { letter-spacing: -1px; word-break: keep-all; } 
.renew-modal .common-wrapper .form-group { width: auto; } 
.renew-modal .modal-footer { border-top: 0; padding-top: 0; } 
.renew-modal .smstime { position: absolute; top: 0; right: 0; padding: 12px; font-size: 12px; color: #ff9c00; } 
/*알림*/
.renew-confirm { top: auto !important;/* min-height: 48px; position: fixed; top: calc(100% - 139px); */}
.renew-confirm .modal-dialog { top: 0 !important; } 
.renew-confirm .modal-header { background-color: transparent; } 
@media (min-width: 768px){
 .renew-confirm .modal-content { margin-bottom: 74px !important; } 
 }
/**/
#orderSmsModal .common-wrapper { width: 100%; } 
/*상품상세-대표이미지 swiper bar*/
#detailImgSwiper .swiper-pagination { position: absolute; } 
#detailImgSwiper .swiper-pagination-fraction { width: auto; transform: translate(-50%,-50%); left: 50%; width: 48px; height: 24px; line-height: 24px; border-radius: 20px; font-size: 12px; color: #fff; background-color: rgba(140,140,140,0.8); } 
#detailImgSwiper .swiper-pagination-bullet:only-child { display: block !important; } 

/*<!-- 개인정보실태 css start -->*/
#orderPrivacy .privacy-agreewrap,
#orderPrivacy .privacy-infowrap { width: 100%; } 

 #orderPrivacy .privacy-agreewrap table th { color: #b8b8b8; font-weight: bold; font-size: 0.75rem; display: flex; align-items: center; } 

 #orderPrivacy .privacy-agreewrap table tr { display: flex; align-items: center; justify-content: space-between; padding: 4px 0; } 

 #orderPrivacy .privacy-agreewrap table td { display: flex; align-items: center; } 

#orderPrivacy .privacy-moreView { color: var(--btn_type_shopbasic2_color); white-space: nowrap; text-decoration: underline; /* @*position: relative; top: 1px; *@*/}

#orderPrivacy .privacy-agreewrap .agreeChk { color: #222; font-weight: bold; font-size: 0.75rem; white-space: nowrap; } 

#orderPrivacy .privacy-agreewrap input[type="checkbox"] + label { color: #b8b8b8; font-size: 0.75rem; cursor: pointer; } 

 #orderPrivacy .privacy-agreewrap input[type="checkbox"] + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

#orderPrivacy .privacy-agreewrap input[type="checkbox"]:checked + label { color: #222; } 

 #orderPrivacy .privacy-agreewrap input[type="checkbox"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

#orderPrivacy .privacy-infowrap { margin-top: 12px; margin-bottom: 20px; } 

 #orderPrivacy .privacy-infowrap table { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } 

 #orderPrivacy .privacy-infowrap table tbody tr { border-top: 1px solid #e8e8e8; /* @*border-bottom: 1px solid #e8e8e8; *@*/}

 #orderPrivacy .privacy-infowrap table thead { background: #f8f8f8; } 

 #orderPrivacy .privacy-infowrap table thead th { color: #727272; font-size: 0.75rem; width: 33.3%; padding: 8px; display: flex; justify-content: center; } 

 #orderPrivacy .privacy-infowrap th:nth-child(2) { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } 

 #orderPrivacy .privacy-infowrap td:nth-child(2) { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } 

 #orderPrivacy .privacy-infowrap td { padding: 8px; color: #727272; font-size: 0.75rem; word-break: break-all; display: flex; width: 33.3%; } 

 #orderPrivacy .privacy-infowrap td { padding: 8px; color: #727272; font-size: 0.75rem; word-break: break-all; } 

 #orderPrivacy .privacy-infowrap tr { display: flex; } 

@media (min-width: 768px){
 #orderPrivacy .privacy-agreewrap th { font-size: 0.9375rem !important; } 

 #orderPrivacy .privacy-infowrap table thead th,
 #orderPrivacy .privacy-infowrap td,
 #orderPrivacy .privacy-agreewrap .agreeChk { font-size: 0.9375rem; } 
 }

/*<!-- 개인정보실태 css end -->*/


/*<!-- 개인정보실태 css start 회원가입 -->*/
#newjoinPrivacy .privacy-agreewrap,
#newjoinPrivacy .privacy-infowrap { width: 100%; } 

 #newjoinPrivacy .privacy-agreewrap table th { color: #b8b8b8; font-weight: bold; font-size: 0.75rem; display: flex; align-items: center; } 

 #newjoinPrivacy .privacy-agreewrap table tr { display: flex; align-items: center; justify-content: space-between; padding: 4px 0; } 

 #newjoinPrivacy .privacy-agreewrap table td { display: flex; align-items: center; } 

#newjoinPrivacy .privacy-moreView { color: #31c0c5; white-space: nowrap; font-weight: bold; /*@*position: relative; top: 1px; *@*/}

#newjoinPrivacy .privacy-agreewrap .agreeChk { color: #222; font-weight: bold; font-size: 0.75rem; white-space: nowrap; } 

#newjoinPrivacy .privacy-agreewrap input[type="checkbox"] + label { color: #b8b8b8; font-size: 0.75rem; cursor: pointer; } 

 #newjoinPrivacy .privacy-agreewrap input[type="checkbox"] + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_off.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

#newjoinPrivacy .privacy-agreewrap input[type="checkbox"]:checked + label { color: #222; } 

 #newjoinPrivacy .privacy-agreewrap input[type="checkbox"]:checked + label:before { content: ""; background-image: url(/design/moraguo/img/icon_check_on.svg); background-size: 100% 100%; width: 17px; height: 17px; clear: both; } 

#newjoinPrivacy .privacy-infowrap { margin-top: 12px; margin-bottom: 20px; } 

 #newjoinPrivacy .privacy-infowrap table { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } 

 #newjoinPrivacy .privacy-infowrap table tbody tr { border-top: 1px solid #e8e8e8; /* @*border-bottom: 1px solid #e8e8e8; *@*/}

 #newjoinPrivacy .privacy-infowrap table thead { background: #f8f8f8; } 

 #newjoinPrivacy .privacy-infowrap table thead th { color: #727272; font-size: 0.75rem; width: 33.3%; padding: 8px; display: flex; justify-content: center; } 

 #newjoinPrivacy .privacy-infowrap th:nth-child(2) { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } 

 #newjoinPrivacy .privacy-infowrap td:nth-child(2) { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } 

 #newjoinPrivacy .privacy-infowrap td { padding: 8px; color: #727272; font-size: 0.75rem; word-break: break-all; display: flex; width: 33.3%; } 

 #newjoinPrivacy .privacy-infowrap td { padding: 8px; color: #727272; font-size: 0.75rem; word-break: break-all; } 

 #newjoinPrivacy .privacy-infowrap tr { display: flex; } 

@media (min-width: 768px){
 #newjoinPrivacy .privacy-agreewrap th { font-size: 0.9375rem !important; } 

 #newjoinPrivacy .privacy-infowrap table thead th,
 #newjoinPrivacy .privacy-infowrap td,
 #newjoinPrivacy .privacy-agreewrap .agreeChk { font-size: 0.9375rem; } 

 #newjoinPrivacy .privacy-moreView { font-size: 0.9375rem !important; } 
 }

/*<!-- 개인정보실태 css 회원가입 end -->*/

/* 마이페이지 구매후기 (renew-review 리뉴얼 22-10-25) */
.renew-review .review-point-text { display: inline-block; border-radius: 16px; background-color: #f6f6f6; color: #929292; padding: 10px 15px; font-size: 0.688rem; margin-top: 32px; } 
.renew-review .review-evaluate { text-align: center; padding: 22px 0; } 
.renew-review .review-evaluate #starScore .fa { font-size: 1.375rem; cursor: pointer; } 
/* 별점 디자인 (공통) */
.fa-star-o:before { content: "\f005" !important; } 
.fa-star-o { color: #e8e8e8 !important; } 
.fa-star { color: #ffc833; } 
/* swiper - scrollbar 디자인 */
.swiper-scrollbar-drag { border-radius: 0; background-color: var(--btn_type_shopbasic3_background); } 
/* swiper - progressbar 디자인 커스텀 */
.swiper-pagination .progressbar { width: 100%; margin: 0 !important; border-radius: 0; height: 4px; background-color: #d2d2d2; } 
.swiper-pagination .progressbar.swiper-pagination-bullet-active { height: 4px; background-color: var(--btn_type_shopbasic3_background); } 
/*모아보기 상단 닫기버튼 고정*/
.modal.img-collection .navbar-fixed-top { top: 0 !important; } 
/* 로그인,회원가입 커스텀 리뉴얼 */
.login-box { height: 100vh; background-color: #fff; } 
.login-bgimg { position: absolute; top: 0; left: 0; width: 100%; max-height: 100vh; z-index: 1; object-fit: cover; object-position: top; } 
.login-close .login-close__back { width: 32px; height: 32px; } 
.login-logo { display: flex; justify-content: center; align-items: center; height: 100%; } 
.login-logo .logo-img { width: 200px; } 
.login-type__button a { display: flex; justify-content: center; align-items: center; width: 100%; height: 45px; line-height: 44px; font-size: 12px; font-weight: bold; /* padding-top: 8px; padding-bottom: 6px; */
 margin-top: 8px; border-radius: var(--btn_type_sub_radius, 26px); } 
.login-type__button .Naver { background: #37cc66; color: #fff; /*box-shadow: 0 3px 0 #15ab44; */}
.login-type__button .Kakao { background: #fbe300; color: #3b1e1e; /*box-shadow: 0 3px 0 #f1c252*/}
.login-type__button .Apple { background: #222222; color: #fff; /*box-shadow: 0 3px 0 #000*/}
.login-type__button img { width: 34px; } 
.login-type__icon { margin: 34px 0; text-align: center; } 
.login-type__icon li { display: inline-block; margin: 0 3px; } 
.login-type__icon img { width: 40px; height: 40px; } 
.login-guest { display: flex; align-items: center; justify-content: center; margin-bottom: 47px; text-align: center; font-weight: bold; } 
.login-guest a { font-size: var(--fix-font); white-space: nowrap; } 
.login-guest a + a:before { content: '|'; position: relative; top: -1px; padding: 0px 6px; cursor: auto; } 
.login-guest .login-guest__text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } 
/* 로그인타입 sns버튼 */
.login-type__button .sns-boxshadow { box-shadow: 0px var(--btn_type_sub_shadow_px,0px) var(--btn_type_sub_box-shadow); } 
.login-type__button .Naver.sns-boxshadow { border-bottom: 6px solid #2eab56; } 
.login-type__button .Kakao.sns-boxshadow { border-bottom: 6px solid #d3bf00; } 
.login-type__button .Apple.sns-boxshadow { border-bottom: 6px solid #1d1d1d; } 
/* 로그인 모달 리뉴얼 */
.modal-login .modal-content { padding: 15px; border-radius: 16px; } 
.modal-login .modal-close { position: absolute; top: 0; right: 0; padding: 15px; } 
.modal-login .modal-title { height: 32px; line-height: 32px; } 
.modal-login .login-banner { margin-top: 30px; text-align: center; } 
.modal-login .login-banner img { max-width: 100%; } 
.modal-login .login-guest { margin: 20px 0; } 
/* pc mediaQuery */
@media (min-width: 768px){
 .pc-size { position: relative; width: 640px; margin: 0 auto; } 
 }

/*이벤트효과*/
/** 눈내리기 효과 **/
.snowflake { color: #fff; font-size: 1em; font-family: Arial; text-shadow: 0 0 1px #f8f8f8; } 

@-webkit-keyframes snowflakes-fall { 
 0% { top: -10%}

 100% { top: 100%} 
 }

@-webkit-keyframes snowflakes-shake { 
 0% { -webkit-transform: translateX(0px); transform: translateX(0px)}

 50% { -webkit-transform: translateX(80px); transform: translateX(80px)}

 100% { -webkit-transform: translateX(0px); transform: translateX(0px)} 
 }

@keyframes snowflakes-fall { 
 0% { top: -10%}

 100% { top: 100%} 
 }

@keyframes snowflakes-shake { 
 0% { transform: translateX(0px)}

 50% { transform: translateX(80px)}

 100% { transform: translateX(0px)} 
 }

.snowflake:nth-of-type(0) { left: 1%; -webkit-animation-delay: 0s,0s; animation-delay: 0s,0s}

.snowflake:nth-of-type(1) { left: 10%; -webkit-animation-delay: 1s,1s; animation-delay: 1s,1s}

.snowflake:nth-of-type(2) { left: 20%; -webkit-animation-delay: 6s,.5s; animation-delay: 6s,.5s}

.snowflake:nth-of-type(3) { left: 30%; -webkit-animation-delay: 4s,2s; animation-delay: 4s,2s}

.snowflake:nth-of-type(4) { left: 40%; -webkit-animation-delay: 2s,2s; animation-delay: 2s,2s}

.snowflake:nth-of-type(5) { left: 50%; -webkit-animation-delay: 8s,3s; animation-delay: 8s,3s}

.snowflake:nth-of-type(6) { left: 60%; -webkit-animation-delay: 6s,2s; animation-delay: 6s,2s}

.snowflake:nth-of-type(7) { left: 70%; -webkit-animation-delay: 2.5s,1s; animation-delay: 2.5s,1s}

.snowflake:nth-of-type(8) { left: 80%; -webkit-animation-delay: 1s,0s; animation-delay: 1s,0s}

.snowflake:nth-of-type(9) { left: 90%; -webkit-animation-delay: 3s,1.5s; animation-delay: 3s,1.5s}

.snowflake, .blossom { position: fixed; top: -10%; z-index: 9999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; -webkit-animation-name: snowflakes-fall,snowflakes-shake; -webkit-animation-duration: 10s,3s; -webkit-animation-timing-function: linear,ease-in-out; -webkit-animation-iteration-count: infinite,infinite; -webkit-animation-play-state: running,running; animation-name: snowflakes-fall,snowflakes-shake; animation-duration: 10s,3s; animation-timing-function: linear,ease-in-out; animation-iteration-count: infinite,infinite; animation-play-state: running,running}
/** 벚꽃날리기 효과 **/
.blossom { -webkit-animation-duration: 15s; animation-duration: 15s; } 
.blossom:nth-of-type(0) { left: 1%; -webkit-animation-delay: 0s,0s; animation-delay: 0s,0s}

.blossom:nth-of-type(1) { left: 10%; -webkit-animation-delay: 1s,1s; animation-delay: 1s,1s}

.blossom:nth-of-type(2) { left: 90%; -webkit-animation-delay: 6s,.5s; animation-delay: 6s,.5s}

.blossom:nth-of-type(3) { left: 20%; -webkit-animation-delay: 4s,2s; animation-delay: 4s,2s}

.blossom:nth-of-type(4) { left: 80%; -webkit-animation-delay: 2s,2s; animation-delay: 2s,2s}

.blossom:nth-of-type(5) { left: 30%; -webkit-animation-delay: 8s,3s; animation-delay: 8s,3s}

.blossom:nth-of-type(6) { left: 70%; -webkit-animation-delay: 6s,2s; animation-delay: 6s,2s}

.blossom:nth-of-type(7) { left: 40%; -webkit-animation-delay: 2.5s,1s; animation-delay: 2.5s,1s}

.blossom:nth-of-type(8) { left: 60%; -webkit-animation-delay: 5s,0s; animation-delay: 5s,0s}

.blossom:nth-of-type(9) { left: 1%; -webkit-animation-delay: 15s,10s; animation-delay: 15s,10s}

.blossom:nth-of-type(10) { left: 10%; -webkit-animation-delay: 10s,10s; animation-delay: 10s,10s; } 

.blossom:nth-of-type(11) { left: 90%; -webkit-animation-delay: 14s,2s; animation-delay: 14s,2s}

.blossom:nth-of-type(12) { left: 20%; -webkit-animation-delay: 4s,2s; animation-delay: 4s,2s}

.blossom:nth-of-type(13) { left: 80%; -webkit-animation-delay: 12s,2s; animation-delay: 18s,3s; } 

.blossom:nth-of-type(14) { left: 30%; -webkit-animation-delay: 8s,3s; animation-delay: 8s,3s}

.blossom:nth-of-type(15) { left: 10%; -webkit-animation-delay: 12s,6s; animation-delay: 12s,6s; } 

.blossom:nth-of-type(16) { left: 40%; -webkit-animation-delay: 9s,5s; animation-delay: 9s,5s; } 

.blossom:nth-of-type(17) { left: 60%; -webkit-animation-delay: 6s,.5s; animation-delay: 6s,.5s; } 

.blossom:nth-of-type(18) { left: 50%; -webkit-animation-delay: 11s,1.5s; animation-delay: 11s,1.5s}

.blossom:nth-of-type(19) { left: 100%; -webkit-animation-delay: 20s,20s; animation-delay: 20s,20s}

.blossom:nth-of-type(20) { left: 1%; -webkit-animation-delay: 16s,.5s; animation-delay: 16s,.5s; } 
@-webkit-keyframes transparent { 
 0% { opacity: 0.9; top: 0; text-shadow: 0 0 1px #f8f8f8; } 

 100% { opacity: 0.2; top: 100%; } 
 }
@keyframes flower1 { 
 0% { top: 0; margin-left: 0%; } 

 40% { margin-left: 100%; } 

 100% { top: 100%; margin-left: -50%; } 
 }
@keyframes flower2 { 
 0% { top: 0; margin-left: 0%; } 

 50% { margin-left: -50%; } 

 100% { top: 100%; margin-left: 0%; } 
 }
@keyframes blow1 { 
 0% { transform: rotate(72deg)}

 40% { transform: rotate(118deg)}

 100% { transform: rotate(68deg)} 
 }
@keyframes blow2 { 
 0% { transform: rotate(94deg)}

 40% { transform: rotate(136deg)}

 100% { transform: rotate(82deg)} 
 }
.blossom:nth-child(even) { -webkit-animation-name: flower1, blow1, transparent; animation-name: flower1, blow1,transparent; } 
.blossom:nth-child(odd) { -webkit-animation-name: flower2, blow2, transparent; animation-name: flower2, blow2, transparent; } 
.blossom { background: -webkit-linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9)); background: -o-linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9)); background: -ms-linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9)); background: -moz-linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9)); background: linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9)); -webkit-border-radius: 36px 7px 26px 14px; -o-border-radius: 36px 7px 26px 14px; -ms-border-radius: 36px 7px 26px 14px; -moz-border-radius: 36px 7px 26px 14px; border-radius: 36px 7px 26px 14px; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none; /*position: absolute; */
 width: 10px; height: 15px; } 

/**************************/
/*ios 노치대응*/
body { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 

.header-wrapper .navbar-fixed-top { top: constant(safe-area-inset-top) !important; top: env(safe-area-inset-top) !important; } 

#footer-menu { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } 

/*구매후기*/
.review-detail-wrapper .input-wrapper { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } 

.review-detail-wrapper .panel { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } 

.purchase-wrapper { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } 

.purchase-wrapper.notch { padding-bottom: 0; } 

.purchase-option .panel { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } 

.login-bgimg { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 

.popup-wrapper-detail { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 

.popup-wrapper-detail a.close { margin-top: constant(safe-area-inset-top); margin-top: env(safe-area-inset-top); } 

#detail_popup { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 

#mainTopBanner { margin-top: constant(safe-area-inset-top); margin-top: env(safe-area-inset-top); } 

#sidemenu { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 

#sidemenu .sidemenu-close-wrapper { top: constant(safe-area-inset-top) !important; top: env(safe-area-inset-top) !important; } 

#categoryTab { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 

.detail_wrap_moall .navbar { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 

/*로그인관련*/
.common-wrapper .join-wrapper .panel-heading,
.common-wrapper.guestinfo_form .panel-heading { padding-top: constant(safe-area-inset-top) !important; padding-top: env(safe-area-inset-top) !important; } 
.common-wrapper.access.join.idpw_search .member { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 
/*알림*/
.renew-confirm { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } 

.footerfixedwrap { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } 

#prodTab { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } 

#loginModal { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); margin-top: constant(safe-area-inset-top); margin-top: env(safe-area-inset-top); } 

#loginModal .modal-backdrop { background-color: transparent; } 

#loginModal { background-color: rgba(000,000,000,0.5); } 
/*modal*/
.new-modal.modal .modal-header,
.modal .modal-header { padding-top: constant(safe-area-inset-top) !important; padding-top: env(safe-area-inset-top) !important; } 
.new-modal.modal .modal-body,
.modal .modal-body { padding-top: constant(safe-area-inset-top) !important; padding-top: env(safe-area-inset-top) !important; } 
/**************************/
/*modal 230126 최신*/
.modal .modal-header { line-height: 60px; padding: 0 15px; } 
.modal .modal-body { margin-top: 75px !important; } 
.modal .modal-body.orderCouponModalBody { margin-top: 0 !important; } 
.modal.reply .modal-body { padding-top: 15px !important; margin-top: 0 !important; } 
.modal .modal-title { height: 60px; line-height: 60px; } 
.modal .confirm .modal-title { height: auto; line-height: initial; } 

/* keyframes */
@keyframes bounce-top { 
 0% { transform: translate(-33%, -55px); animation-timing-function: ease; } 

 22% { transform: translate(-33%, -48px); animation-timing-function: ease; } 

 42% { transform: translate(-33%, -55px); animation-timing-function: ease; } 

 62% { transform: translate(-33%, -48px); animation-timing-function: ease; } 

 82% { transform: translate(-33%, -55px); animation-timing-function: ease; } 

 100% { transform: translate(-33%, -48px); animation-timing-function: ease; } 
 }
@keyframes appbounce-top { 
 0% { transform: translate(-27%, -55px); animation-timing-function: ease; } 

 22% { transform: translate(-27%, -48px); animation-timing-function: ease; } 

 42% { transform: translate(-27%, -55px); animation-timing-function: ease; } 

 62% { transform: translate(-27%, -48px); animation-timing-function: ease; } 

 82% { transform: translate(-27%, -55px); animation-timing-function: ease; } 

 100% { transform: translate(-27%, -48px); animation-timing-function: ease; } 
 }
@keyframes up-down { 
 from { transform: translateY(0px); } 

 to { transform: translateY(-8px); } 
 }