a:hover {
text-decoration: none;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*p {
    margin-top: 0;
    margin-bottom: 1rem;
}
*/

/* 기본스타일 */
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1200px) {
    .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
    .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 992px) {
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }  

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }
}

@media (min-width: 1200px) {
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.text-center {
    text-align: center !important;
}


.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table thead th {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	color: #000;
}

table {
    border-collapse: collapse;
}

.table th {
    border-top: 2px solid #dee2e6;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover, .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

/* List Group */

.list-group.no-border .list-group-item {
	border: none;
	margin-bottom: 1px;
	color: #666;
 padding-top:.5rem;
 padding-bottom:.5rem;
}
.list-group.no-border .list-group-item:hover {
	background-color: rgba(134, 158, 158, 0.05);
}
.list-group.no-border .list-group-item.active, .list-group.no-border .list-group-item.active:focus, .list-group.no-border .list-group-item.active:hover {
	background-color: rgba(134, 158, 158, 0.1);
	border-radius: 3px;
	color: #333;
	font-weight: bold;
}
.list-group .list-group-item.heading {
	font-weight:500;
	color: #333;
	font-size: 18px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.list-group .list-group-item.heading:hover {
	background: none;
}
.list-group.v2 {
	font-size: 16px;
}
.list-group.v2 > li {
	padding-top: 10px;
	line-height: 34px;
	padding-bottom: 10px;
	clear: both;
}
.list-group.v2 > li + li {
	border-top: 1px solid #eee;
}
.list-group.v2 .icon {
	width: 30px;
	text-align: left;
}
.list-group.v2 .btn {
	float: right;
}
.list-group.v2 .connected, .list-group.v2 .default {
	float: right;
	margin-right: 20px;
	opacity: 0.6;
    font-size: .875rem;
}
.list-group.v2 .set-default {
	float: right;
	opacity: 0.6;
}
.list-group.v2 .btn + .set-default {
	margin-right: 20px;
}
.list-group.v2 .set-default:hover {
	opacity: 1;
}

/* Sidr CSS */

#toggle-sidr {
	z-index: 7;
	display: none;
}
.close-panel {
	display: none;
	float: right;
	border: none;
	background: none;
	color: rgba(0,0,0,0.5);
	margin: 0;
	padding: 5px;
	cursor: pointer;
	font-size: 28px;
	line-height: 1;
	width: 40px;
	margin-right: -15px;
}
.close-panel:focus {
	outline: none;
}
.sidr-overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.25);
	z-index:999;
	display:none;
}
.nav-adjustable .sidr, .no-sidebar.sidr {
	display: block !important;
	position: fixed;
	top: 0;
	left:0;
	bottom:0;
	height: 100%;
	z-index: 999999;
	width: 260px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
	color: #333;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
	padding: 20px;
}
.nav-adjustable .navbar-dark .sidr {
	background-color:#333;
}
.no-sidebar.sidr {
	display: none;
}
.nav-adjustable .sidr.right, .no-sidebar.sidr.right {
	left: auto;
	right: -260px;
}
.nav-adjustable .sidr.sidr.left, .no-sidebar.sidr.sidr.left {
	left: -260px;
	right: auto;
}
.nav-adjustable .sidr#sidebar .sidebar_inner {
	padding-left: 0;
	padding-right: 20px;
	margin-right: -20px;
	border-left: 0;
	border-right: 0;
	padding-bottom: 50px;
	height: 100%;
	overflow: auto;
}
.nav-adjustable #toggle-sidr {
	background:#FFF;
	display: block;
	position: fixed;
	left: 2rem;
	bottom: 2rem;
}
.nav-adjustable .sidr-open .close-panel {
	display: block;
}

.nav-adjustable #menu.absolute-top {
	position:fixed !important;
}
#toggle-sidr.no-sidebar {
	display: block;
}
.sidr-open .no-sidebar .close-panel {
	display: block;
}
/* Pagination */
.page-link {
	background:none;
	border:1px solid;
	border-color:transparent;
	color:rgba(52, 58, 64, 0.5);
	line-height:50px;
	padding-top:0;
	padding-bottom:0;
}
.page-link:hover, .page-link:focus {
	color:rgba(52, 58, 64,0.75);
	background:none;
	border-color:transparent;
}
.page-item.active .page-link {
	color:rgba(52, 58, 64,0.75);
    background:none;
	font-weight:bold;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-color:rgba(52, 58, 64,0.75);
	padding-left:0;
	padding-right:0;
	border-radius:50%;
}
.page-item.active .page-link:hover, .page-item.active .page-link:focus {
	border-color:transparent;
	background-color:rgba(52, 58, 64,0.5);
	color:rgba(255,255,255,1);
}
.page-item.disabled .page-link {
	border-color:transparent;
	color:rgba(52, 58, 64,0.25);
}


.shadow {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1) !important;
}

/* Swiper */

.v1 .swiper-arrows {
	position:absolute;
	right:0;
	top:0;
}

.v1 .slider-title {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.v1 .swiper-button-next, .v1 .swiper-button-prev {
	position:static;
	display:inline-block;
	margin-top:0;
	line-height:1;
}
.swiper-container-horizontal>.swiper-pagination.v2 {
	bottom:80px;
}
.swiper-pagination.v2 .swiper-pagination-bullet {
	margin: 0 10px;
	background: none;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: auto;
	height: auto;
	font-size: 13px;
	font-weight: bold;
	counter-increment: slideNum;
	opacity: .5;
}
.swiper-pagination.v2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: none;
	opacity: 1;
}
.swiper-pagination.v2 .swiper-pagination-bullet:before {
	content: "0" counter(slideNum);
}
.swiper-pagination.v2 .swiper-pagination-bullet:after {
	content: "";
	height: 1px;
	width: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 20px;
	-webkit-transition: all ease-in .2s;
	-o-transition: all ease-in .2s;
	transition: all ease-in .2s;
}
.swiper-pagination.v2 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	width: 50px;
}
.swiper-container.swiper-dark .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	background-color: #ddd;
}
.swiper-container.swiper-dark>.swiper-pagination-bullets .swiper-pagination-bullet {
	color:#FFF;
}
.swiper-container.swiper-dark .swiper-arrows>* {
	color:#FFF;
}
.swiper-button-next, .swiper-button-prev {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	pointer-events: visible;
}
.swiper-button-next {
	right:-50px;
}
.swiper-button-prev {
	left:-50px;
}
.swiper-container:hover .swiper-button-next {
	right:50px;
}
.swiper-container:hover .swiper-button-prev {
	left:50px;
}
.scroll-to-top {
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:1;
	opacity:0;
	visibility:hidden;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.scroll-to-top #to-top {
	background-color:#777;
	border:none;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:18px;
	text-align:center;
	color:#FFF;
	border-radius:50%;
	cursor:pointer;
	outline:none;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);

}
.scroll-to-top.show {
	opacity:1;
	visibility:visible;
}
#header {
	position:relative;
	z-index:9;
}
.navbar-open.navbar-fixed #header {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100% !important;
	overflow:auto;
	z-index:9999;
}
@media (max-width: 991px) {
.nav-lg.navbar-open.navbar-fixed {
	overflow:hidden;
}
.nav-lg.navbar-open.navbar-fixed #menu.fixed-top {
	position:static;
	overflow:auto !important;
}
.nav-lg.navbar-open.navbar-fixed #header:before {
	z-index:-1;
	content:'';
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5)
}
}
.bg-dark {
	background-color:#222 !important;
}

/*	5.	Titles
-------------------------------------------------------------------*/
.page-header {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
}
.page-header.bordered {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.page-header h1 {
	font-size: 26px;
	line-height: 34px;
	margin-top: 0;
	margin-bottom: 0;
    font-weight:500;
}
.page-header h1 small {
	display: block;
	font-size: 18px;
	color: #999;
	margin-top: 5px;
}
.page-header .btn-return + h1 {
	margin-left: 75px;
}
.page-header .price {
	color: #d64521;
	margin-left: 15px;
	font-size: 24px;
	line-height: 1.1;
	text-align: right;
	font-weight: bold;
}
 @media (max-width: 767px) {
.page-header .price {
	text-align: left;
	margin-top: 15px;
	margin-left: 75px;
}
}
.page-header .price small {
	display: block;
	font-size: 18px;
	color: #888;
	margin-top: 10px;
	font-weight: normal;
}
.page-header h1 .label-bordered {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	border: 1px solid rgba(134, 158, 158, 0.5);
	color: rgba(134, 158, 158, 0.9);
}
.page-header.bordered {
	border-bottom: 1px solid #eee !important;
}
.page-header.v2 h1 {
	font-size: 26px;
}
.page-header.v2 h1 small {
	display: inline-block;
}

.main-title {
	font-size: 28px;
	margin-bottom: 15px;
	line-height: 34px;
	color: #333;
}
.main-title span {
	position: relative;
	padding-bottom: 20px;
	display: inline-block;
	margin-bottom: 20px;
}
.main-title span:before {
	content: '';
	height: 1px;
	width: 200px;
	background: #bbb;
	position: absolute;
	bottom: 0;
	left: 0;
}
.main-title.centered {
	text-align: center;
}
.main-title.centered span:before {
	left: 50%;
	margin-left: -100px;
}
.main-title-description {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 30px;
}
 @media (max-width: 767px) {
.main-title {
	font-size: 22px;
	line-height: 26px;
}
.main-title span {
	padding-bottom: 15px;
}
.main-title-description {
	font-size: 18px;
}
}

/* Font Awesome */

.fa-fw {
	width: 2.25em;
}

/* Cards */

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.card {
	margin-bottom: 1.5rem;
}
.card .card-header {
	background-color: transparent;
	font-weight: 600;
	border-bottom: none;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: block;
}
.card .card-body {
	padding:1rem;
}
.card .card-title a {
	text-decoration: none;
}
@media (max-width: 575px) {
	.card .card-title {
		font-size:12px;
	}
	.card .card-subtitle {
		font-size:11px;
	}
}}
.card:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.card.active {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.card.shadow {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.card.shadow:hover {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.card.border {
	border: 1px solid rgba(0,0,0,0.1);
}
.card .image {
	position:relative;
	overflow:hidden;
}
.card>.image img{
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-backface-visibility:hidden;
	backface-visibility: :hidden;
}
.card:hover>.image img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.card .quickview {
	opacity:0;
	visibility:hidden;
	position:absolute;
	bottom:0;
	text-align:center;
	left:0;
	right:0;
	font-size: 14px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.card:hover .quickview {
	opacity:1;
	visibility:visible;
}
.card .quickview span {
	background-color:rgba(255,255,255,1);
	color:rgba(0,0,0,0.85);
	display:inline-block;
	padding:5px 10px;
	border-radius:3px 3px 0 0 ;
	box-shadow: inset 0 -3px 3px -3px rgba(0,0,0,0.2), 0 0 3px rgba(0,0,0,0.2);
}
.card .wishlist-cart {
	visibility:hidden;
	opacity:0;
	position:absolute;
	top:10px;
	right:10px;
	left:10px;
	text-align:right;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	display: none;
}
.card:hover .wishlist-cart {
	visibility:visible;
	opacity:1;
}
.card .wishlist-cart .wishlist, .card .wishlist-cart .cart {
	width:40px;
	height:40px;
	line-height:40px;
	font-size:18px;
	border-radius:50%;
	text-align:center;
	margin:0 3px;
	background-color:rgba(255,255,255,0.75);
	color:rgba(0,0,0,0.75);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	opacity:0.75;
}
.card .wishlist-cart .wishlist:hover, .card .wishlist-cart .cart:hover {
	background-color:#EC7A5C;
	color:#FFF;
	opacity:1;
}
@media (min-width: 576px) {
.card-columns {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}}
@media (max-width: 767px) {
.card-columns {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.card-columns .card {
    display: inline-block;
    width: 100%;
}}


.catalog .card {
	border: none;
}
.card-address .address-select {
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.bg-light {
    background-color: #f8f9fa!important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.text-right {
    text-align: right!important;
}

.d-block {
    display: block!important;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

.text-success {
    color: #28a745!important;
}

.mt-5, .my-5 {
    margin-top: 3rem!important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

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

.btn {
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

@media (max-width: 992px) {	
	.mypage-menu{flex-direction:row; margin-bottom:20px;}
    .mypage-menu a{padding:0; margin-right:10px; font-size:14px; }
}

@media (max-width: 576px) {	
	.mypage-menu .fa-fw{width:1.2em;}
    .mypage-menu a{font-size:12px;}
}

.subheadline {
	font-size: 20px;
	margin: 20px 0 20px 0;
	padding-bottom: 15px;
	color: #869e9e;
	font-weight: 500;
}

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

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

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

@media (min-width: 768px) {
    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.form-group {
    margin-bottom: 1rem;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 992px) {
    .text-lg-right {
        text-align: right !important;
    }
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.btn-lg {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.form-control {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
}


/* 추가 : 버튼스타일 */
.btn-style1{display: inline-block; width: 150px; padding: 15px 0; font-weight: 500; text-align: center; font-size:16px;}
.btn-style2{display: inline-block; width: 93px; padding: 1px 0; font-weight: 500; text-align: center; font-size:13px;}
.btn-style3{font-size: 12px; padding:11px;}
.btn-style4{display: inline-block; width: 70px; text-align: center; font-size:11px;}
.btn-style5{display: inline-block; width: 140px; padding: 15px 0; font-weight: 500; text-align: center; font-size:16px;}

.btn-outline-green{border: 1px solid #00b760; color: #333;}
.btn-outline-gray{border: 1px solid #888; color: #333;}
.btn-bg-gray{background-color: #ccc; color: #333;}
.btn-bg-gray2{background-color: #ddd; color: #333;}
.btn-bg-gray2 a{color: #666;}
.btn-bg-gray3{background-color: #999; color: #fff;}

/* 추가 : 폼 */
.input-size1{width:160px;}
.input-size2{width:100px;}
.input-size3{width:49%;}
.input-size4{width:100%;}
.input-size5{width:168px;}
.input-size6{width:105px;}
.input-size7{width:34%;}

@media (max-width: 768px) {	
  .input-size1{width:100%;}
  .input-size7{width:49%;}
}

@media (max-width: 768px) {	
	.input-size2, .input-size5{width:100%;}
	.input-size3{width:100%; margin-bottom:3px;}
}

@media (max-width: 992px) {	
	.input-size6{width:100%;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
	.input-size5{width:145px;}
	.input-size6{width:89px;}
}

/* 추가 : 기본요소 */
.fl-left{float:left;}
.fl-right{float:right;}

.mt-0{margin-top:0;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-70{margin-top:70px;}
.mt-100{margin-top:100px;}
.mt-200{margin-top:200px;}

.mb-0{margin-bottom:0;}
.mb-50{margin-bottom:50px;}
.mb-100{margin-bottom:100px;}

.mr-0{margin-right:0;}

.pt-10{padding-top:10px;}

.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}

.pr-50{padding-right:50px;}

.pa-15{padding:15px;}

@media (max-width: 992px) {
	.mo-mt30{margin-top:30px;}
}

.clear{clear:both;}

.mo-visible{display:none;}

@media (max-width: 991px) {	
	.mo-visible{display:inline-table;}
}

.pc-visible{display:none;}

@media (min-width: 992px) {	
	.pc-visible{display:block;}
}

/* 추가 : 상품목록 */
 .pro-list-links{background-color:#f2f2f2;}

 .pro-list-links .list-inline {margin-bottom: 30px;}

 .pro-list-links .list-inline .list-inline-item {font-weight: 400; line-height: 2.5em; margin-left: 10px; margin-right: 10px; text-transform: uppercase; letter-spacing: 1px; font-size: 13px;}

@media (max-width: 480px) {
	.j-left-align{text-align : left !important; padding-top:0.5em;}	
	.j-left-float{float:none !important;}
}

/* 추가 :상품상세페이지 */
.c-666 {color: #666 !important;}

.info {}
.info ul{padding:0; margin:0;}
.info li{clear:both; font-size:15px; color:#333; list-style-type:none; padding:0 0 8px 0;}
.info li strong{width:95px; color:#999; display:inline-block;}

.pro-info-line{border-bottom: 1px solid #dcdcdc; width:100%; padding-bottom:15px;}

.option1{clear:both; display:block;}
.option1 .tt{display:none;}
.option1 select{}

.option2{clear:both; display:block;}

.price .tit{font-size: 15px; color: #333; font-weight: 500; width: 95px; float:left; padding-top:10px; font-family: 'Noto Sans Korean Medium', sans-serif;}

.txt-12{font-size:12px;}
.txt-13{font-size:13px;}
.txt-14{font-size:14px;}
.txt-15{font-size:15px;}
.txt-16{font-size:16px;}
.txt-18{font-size:18px;}
.txt-20{font-size:20px;}
.txt-22{font-size:22px; color:#333; font-family: 'Noto Sans Korean Regular', sans-serif;}
.txt-24{font-size:24px;}
.txt-32{font-size:32px;}

@media (max-width: 576px) {
	.txt-22{font-size:18px; color:#333; font-weight:500;}
    .txt-20{font-size:16px;}
	
	.mo-plt-0 {padding-left: 0 !important; padding-right: 0 !important;}
}

.txt-medium{font-weight:500;}

.font-eng{font-family: 'Montserrat', sans-serif;}

.total .tit{font-size: 18px; color: #333; font-weight: 500; width: 85px; padding-top:10px; float:left; font-family: 'Noto Sans Korean Medium', sans-serif;}
.total .price{font-size: 32px; color: #fc0000; float:right;}

.pro-total-line{border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; width:100%; padding:10px 0; margin: 15px 0 10px; overflow:hidden;}

.option_wrap{padding-top:15px;}

.option2{clear:both; display:block;}

.option3{clear:both; display:block; width:100%; padding: 12px 14px 14px 14px; background-color: #f5f5f5; border-top: 1px solid #e7e7e7; position:relative;}
.option3 div.amount{border:1px solid #ccc; width:108px; text-align:center; clear:both;}
.option3 div.amount span.numbers{display:inline-block; font-size:14px; color:#292929; font-weight:bold; width:40px;}

.option3 div.amount span.btn_minus{display:inline-block; float:left; width:32px; height:29px; background-color:#ccc; text-align:center;}
.option3 div.amount span.btn_minus a{font-size:16px; color:#292929; font-weight:400; text-decoration:none; display:inline-block;}

.option3 div.amount span.btn_plus{display:inline-block; float:right; width:32px; height:29px; background-color:#ccc; text-align:center;}
.option3 div.amount span.btn_plus a{font-size:16px; color:#292929; font-weight:400; text-decoration:none; display:inline-block;}

.option3 div.amount2{border:1px solid #ccc; width:108px; text-align:center; float:right;}

.option3 div.amount2 span.btn_minus{display:inline-block; float:left; width:32px; height:29px; background-color:#ccc; text-align:center;}
.option3 div.amount2 span.btn_minus a{font-size:16px; color:#292929; font-weight:400; text-decoration:none; display:inline-block;}

.option3 div.amount2 span.btn_plus{display:inline-block; float:right; width:32px; height:29px; background-color:#ccc; text-align:center;}
.option3 div.amount2 span.btn_plus a{font-size:16px; color:#292929; font-weight:400; text-decoration:none; display:inline-block;}

.option3 span.name{float:left; display:inline-block; font-size:15px; color:#292929; font-weight:400; padding-bottom:10px;}
				
.del_price2 {position:absolute; top:50px; right:10px;} 

.btn-success2 {background-color: #fff; border-color: #00b760;}

.btn-success2:hover {
  color: #fff;
  background-color: #00b760;
  border-color: #00b760;
}

.btn {margin: 5px;}

.btn-lg {
    padding: .5rem 1.5em;
    font-size: 1.25rem;
    line-height: 1.5;
}


.pro-tab-line{border-bottom: 1px solid #dcdcdc; width:100%; padding:10px 0;}

.detail_wrap img{max-width:100%;}

/* 추가 : 상세페이지 - 배송정보 */
.delivery_wrap dl{color: #000; margin-bottom: 30px;}
.delivery_wrap dt{font-size: 15px; font-weight: 700; margin-bottom: 10px;}
.delivery_wrap dd{font-size: 14px; margin-bottom: 8px; text-indent: -13px; padding-left: 10px; line-height: 1.8;}

/* 추가 : 현재위치 */
.breadcrumb-item+.breadcrumb-item::before{content: ">";}

/* 추가 : 장바구니 */
.checkout-progress-indicator {font-size: 1em; overflow: hidden; border-bottom: 1px solid #333; margin-bottom: 30px; width:100%;}

.checkout-progress-indicator .active {
    color: #000;
    border-bottom-color: #333;
}

.checkout-progress-indicator div {
    display: inline-block;
    padding: 0 16px 16px 25px;
    border-bottom: 2px solid transparent;
    font-size: 25px;
    font-weight: 300;
    color: #aaa;
}

@media (max-width: 768px) {
	.checkout-progress-indicator div{font-size:16px; padding: 0 0 10px 10px;}
}

.checkout-progress-indicator i{padding-left:10px; padding-bottom:15px;}

.table_cart .btn2{display: block; width: 93px; padding: 1px 0; font-weight: 500; text-align: center; margin-bottom:1px; font-size:13px;}

.btn_order span {display: block; background-color: #00b760; color:#fff;}

.btn_delete span {display: block; background-color: #ccc; color: #333;}

.btn_wish span {display: block; border: 1px solid #00b760; color: #333;}

.table_cart2 td{border:0 !important; text-align:left; padding:1px !important;}

.table_cart2 .txtle{font-size:13px; color:#aaa;}

.table_cart div.number{position:relative; text-align:left;}
.table_cart div.number input{border:1px solid #ccc; background-color: #f7f7f7; padding:0px 3px 2px 3px; font-size:12px; color:#666; width:44px; height:26px; IME-MODE: disabled;}
.table_cart div.number .btn_num_plus{position:absolute; top:1px; left:30px; cursor:pointer;}
.table_cart div.number .btn_num_minus{position:absolute; top:10px; left:30px; cursor:pointer;}
.table_cart div.number .btn_num_modify{position:absolute; top:0; left:43px;cursor:pointer; border: 1px solid #ccc !important; background-color:#fff; color: #333; font-size:13px; width:44px; height:26px;}

.table_cart .btn_op_modify{border: 1px solid #ccc !important; background-color:#fff; color: #333; font-size:12px; cursor:pointer;}

.table_cart .cart-img{float:left; width:15%}
.table_cart .cart-info{float:left; width:85%}

.table_cart td{border-bottom:1px solid #dee2e6; border-top:0 !important;}

.text-v-mid{vertical-align:middle !important;}

/*결제금액*/
.cart_payment{clear:both; width:100%; border:1px solid #e6e6e6; background-color:#f2f2f2; padding:30px 50px; text-align:left; font-size:16px; color:#4c4c4c; overflow:hidden;}
.cart_payment strong{font-weight:500; float:right; color:#fc0000; font-size:24px;}
.cart_payment .total_title{color:#4c4c4c;}

@media (max-width: 991px) {
	.cart_payment{padding:10px;}
	.cart_payment strong, .cart_payment div{float:none !important; text-align:center; clear:both; display:block;}
	.cart_payment strong{font-size:20px; font-weight:500;}
}

.cart_btn_wrap .btn3{display: inline-block; width: 150px; padding: 15px 0; font-weight: 500; text-align: center; font-size:16px;}
.btn_order_choose {background-color: #00b760; color:#fff;}
.btn_order_all{border: 1px solid #00b760; color: #333;}
.btn_order_all:hover {
  color: #fff;
  background-color: #00b760;
  border-color: #00b760;
}
.btn_order_shopping {border: 1px solid #888; color: #333;}

@media (max-width: 573px) {
    .sp-pc-view {display:none;}
}

@media (min-width: 573px) {
    .sp-mo-view {display:none;}
}

@media (max-width: 991px) {
	.cart_btn_wrap .btn3{width: 32%;}
}

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

@media (min-width: 992px) {
	.lghidden{display:none;}
}

@media (max-width: 991px) {
	.moblock{display:block;}
}

@media (max-width: 991px) {
	.mofleft{float:left;}
}

.mowide{width:5%;}

@media (max-width: 991px) {
	.mowide{width:100%;}
}

@media (max-width: 991px) {
	.mowide2{width:100%;}
}

@media (max-width: 768px) {
	.mowide3{width:100%;}
}

@media (max-width: 991px) {
	.moclear{clear:both;}
}

@media (max-width: 991px) {
	.mo-border-0{border:0 !important;}
}

@media (max-width: 991px) {
	.mopl78{padding-left:78px;}
}

@media (max-width: 991px) {
	.table_cart .btn2{display:inline-block; width:32%;}
}

@media (max-width: 991px) {
	.table td{padding:5px !important}
}

@media (max-width: 991px) {
	.mocheck{padding:5px !important}
}

@media (max-width: 991px) {
	.mo-border-1{border-bottom:1px solid #dee2e6;}
}


.table th{border-top:2px solid #dee2e6;}

/* 추가 : 주문결제 */
.order_wrap{display:block; clear:both; margin-top:50px;}
.order_wrap div.tit{font-size:18px; font-weight:500; padding:10px 0 12px 0; margin:20px 0 0 0; border-bottom: 1px solid #ccc; overflow:hidden;}
.order_wrap div.tit .select{font-size:14px; font-weight:400; margin-left:20px;}
.order_wrap table{clear:both; margin:15px 0 0 5px; width:100%;}
.order_wrap table th{padding: 7px 0; width:125px; font-weight:500; text-align:left;}
.order_wrap table td{padding: 7px 0;}
.order_wrap table td input, .order_wrap table td select{height:40px !important; font-size:14px; display:inline-block;}
.order_wrap .payment_select{margin:20px 0 20px 5px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.order_wrap .payment_select label{padding-right:10px;}
.order_wrap .btn_op_modify, .table_bank .btn_op_modify{border:0; background-color:#ddd; font-size:12px; cursor:pointer;}

@media (max-width: 991px) {
	.order_wrap table th{padding:7px 0 0 !important;}
	.order_wrap table td{padding:3px 0 7px !important; /* width:100% !important; */}
}

.payment_wrap{display:block; clear:both; margin-top:50px;}
.payment_wrap div.tit{font-size:18px; font-weight:500; padding:10px 0 12px 0; margin:20px 0 0 0; border-bottom: 1px solid #ccc;}
.payment_wrap table{clear:both; margin:15px 0 0 5px; width:100%;}
.payment_wrap table th{padding: 7px 0; width:125px; font-weight:500; text-align:left;}
.payment_wrap table td{padding: 7px 0;}
.payment_wrap table td input, .order_wrap table td select{height:40px !important; font-size:14px; display:inline-block;}
.payment_wrap .payment_select{margin:20px 0 20px 5px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.payment_wrap .payment_select label{padding-right:10px;}

.payment_wrap .table_bank{margin-left:0px;}
.payment_wrap .table_bank th{width:125px !important}
.payment_wrap .table_bank td{}

.payment_btn_wrap{margin-top:50px;}

@media (max-width: 573px) {
	.payment_wrap .table_bank th{width:100% !important; text-align:left;}
    .table_cart2 .sp-mo-ordertd {padding-top:0 !important;}
    .order_wrap .sp-mo-ordertxt{padding-left: 3px; font-size: 12px;}
}

.font-red{color:#ff0000}

.hide-label, .span-connect,.hide-label2, .hide-label3, .span-connect2{float:left;}
.span-connect{padding:5px; text-align:center;}
.span-connect2{text-align:center;}

@media (max-width: 768px) {
	.hide-label{width:30%;}
	.hide-label2{width:70%;}
	.hide-label3{width:47%;}
	.span-connect{padding:5px 0; width:5%;}
	.span-connect2{padding:0; width:30%;}	
}

@media (max-width: 991px) {
	.order_wrap div.tit .select{margin-left:0}
	.payment_wrap .td-style{padding:0 0 10px 10px;}
}

.order-quest-wrap{margin-top:60px;}

.order-quest-wrap .limited-box {box-sizing: border-box; border: 1px solid #e4e4e4; padding: 18px; max-height: 160px; overflow-y: auto; margin-bottom:10px; margin-top:15px;}

/* 추가 : 비회원구매 */
.login-quest{margin-top:60px; margin-bottom:20px; overflow:hidden;}
.login-quest .left{float:left;}
.login-quest .right{float:right;}

.login-join{padding-top:20px; margin-bottom:30px; overflow:hidden; border-top:1px solid #ccc;}
.login-join .left{float:left;}
.login-join .right{float:right;}

.form-login{position:relative;}
.form-login button{position:absolute; top:0; right:0; margin:0 !important; height:100%;}
.form-login input{width:75%; margin-top:10px;}

.login-search{overflow:hidden;}

.login-sns {margin: 35px 0;}
.login-sns ul {display: flex; justify-content: center;}
.login-sns ul li {width: 155px; height: 40px; border: 1px solid #999;display: flex; justify-content: center; align-items: center; margin-left: 12px;}
.login-sns ul li:first-child{margin-left:0;}
.login-sns ul li img {padding-right: 12px;}
.login-sns ul li a {font-size: 14px; color: #5e5e5e; font-weight: 400; display: flex; justify-content: center; align-items: center;}

.login-sns ul li:nth-of-type(2) {
  /*display: none;*/
}

@media (max-width: 573px) {
	.mo-mt-10{margin-top:10px;}
  .mo-pd-10{padding:10px;}
  .login-sns {margin: 15px 0 0;}
  .login-sns ul li {width:120px;}
  .login-sns ul li img {padding-right: 3px;}
  .login-sns ul li a {font-size: 13px;}
}

/* 추가 : 아이디 찾기 */
.forgot_wrap{border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.forgot_wrap table{clear:both; margin:15px auto; width:90%;}
.forgot_wrap table th{padding: 7px 0; width:115px; font-weight:500;}
.forgot_wrap table td{padding: 7px 0;}
.forgot_wrap table td input{height:40px !important; font-size:14px; display:inline-block;}


@media screen and (max-width: 1200px) and (min-width: 992px){
	.forgot_wrap table th{width:90px;}
}

@media screen and (max-width: 991px) and (min-width: 749px){
    .forgot_wrap table td input{font-size:11px;}
}

/* 추가 : 회원가입 */
.join1-box2{margin-bottom:50px;}
.member-wrap .join1-scrollbox {height: 200px; margin: 20px 0 10px 0; padding: 20px; background: #F8F8F8; overflow-y: scroll; color: #666; line-height: 18px;}

@media (max-width: 573px) {
  .member-wrap .join1-scrollbox {
    padding: 10px;
  }
}

.join1-box2 .rdo{border:0; margin:0 5px 0 20px;}

.table-member{display:block; clear:both; margin-top:50px;}
.table-member table{clear:both; margin:15px 0 0 5px; width:100%;}
.table-member table th{padding: 7px 0; width:125px; font-weight:500;}
.table-member table td{padding: 7px 0;}
.table-member table td .input{height:40px !important; font-size:14px; display:inline-block;}
.table-member table td label{padding-left:5px;}

@media (max-width: 991px) {
	.table-member table th{padding:7px 0 0 !important;}
	.table-member table td{padding:3px 0 7px !important; width:100% !important;}
}

.font-500 {
    font-weight: 500;
}

.policy-wrap{font-size:14px;}

.policy-wrap p{margin:20px 0 50px;}

.join2-box2 th, .tab-content th{text-align:left;}

/* 추가 : 마이페이지 */
.sidebar-left .sidebar_inner{border-right:0;}

.bo-right{border-right:0; height:100%;}

@media (min-width: 993px) {
	.bo-right{border-right:1px solid rgba(0,0,0,0.1)}
}

.table-point{}
.table-point th{text-align:center; padding: 10px 0;}
.table-point td{font-size:14px; color:#4c4c4c; text-align:center; padding: 12px 0;}
.table-point td.totalpoint{text-align:right; background-color:#f4f4f4; font-size:16px; padding-right:20px;}

.bo-b1-gray{border-bottom:1px solid #dee2e6;}
.bo-t1-gray2{border-top:1px solid #ccc;}

.table-modify{}
.table-modify th{font-weight:500; text-align:left; border-bottom:1px solid #dee2e6; padding:.75rem; text-indent:20px; background-color:#f7f7f7; border-top:1px solid #dee2e6 !important;}
.table-modify td{color:#2c2d32; border-bottom:1px solid #dee2e6; padding:.75rem;}

@media (max-width: 991px) {
	.table-modify td{padding:.75rem !important;}
}

@media (max-width: 573px) {
	.table-modify th{padding:.75rem 0 !important; text-align:center !important; text-indent:0;}
}

.order-view-btn{}

.table-cancel{}
.table-cancel th{text-align:center; padding: 10px 0;}
.table-cancel td{color:#4c4c4c; padding: 12px; border:1px solid #dee2e6;}

.sub-sec table::after,
.sub-sec tr::after,
.sub-sec td::after,
.sub-sec table::before,
.sub-sec tr::before,
.sub-sec td::before,
.sidebar div::after,
.sidebar div::before,
.mypage-sec table::after,
.mypage-sec tbody::after,
.mypage-sec thead::after,
.mypage-sec tr::after,
.mypage-sec td::after,
.mypage-sec table::before,
.mypage-sec tbody::before,
.mypage-sec thead::before,
.mypage-sec tr::before,
.mypage-sec td::before,
.mypage-sec .info *::after,
.mypage-sec .info *::before,
.shop-login i::after,
.shop-login i::before {
    position:inherit;
    display: block;
    content: normal !important;
}

.sidebar i::after,
.sidebar i::before {
    position:inherit;
    display: block;
}



.mypage-sec i::after,
.mypage-sec i::before{
    position:inherit;
    display: block;
}


.shop-login-2 i::after,
.shop-login-2 i::before {
    position:inherit;
    display: block;
}


.text-muted {
	color: #aaa !important;
}

@media (max-width:575.99px) {
  .shop-login > .row > .txt-32,
  .shop-login > .row > .col-lg-6 > .tab-content > .txt-32{
    font-size: 24px;
  } 

  .shop-login > form > .row > .txt-32 {
    font-size: 24px;
    padding-bottom: 10px;
  }

  .shop-login > form > .row > .txt-14 {
    font-weight: 300;
  }

  .shop-login > form > .mb-100 {
    margin-bottom: 0;
  }

  .shop-login .btn-lg {
    padding: .3rem 1.5em;
    font-size: 16px;
    line-height: 1.5;
  }

  .shop-login > .row > .mb-5,
  .shop-login > .row > .col-lg-6 > .tab-content > .mb-5 {
    margin-bottom: 1rem !important;
  }

  .shop-login input {
    font-size: 14px;
  }

  .shop-login button[type='submit'], .shop-login button{
    font-size: 16px;
  }

   .login-quest .btn-style1, 
   .member-wrap .btn-style1 {
     width: 140px;
     font-size: 14px;    
     padding: 10px 0; 
   } 

   .cart_btn_wrap .btn3 {
    padding: 10px 0;
    font-weight: 400;
    font-size: 14px;
   }

   .btn-style5 {
    display: inline-block;
    width: 140px;
    padding: 10px 0;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
   }

   .table-member {
    margin-top: 0;
   }

   .login-join, .login-quest {
     display: flex;
     flex-direction: column;
     margin-top: 35px;
   }

   .login-join .btn-style1 {
    width: 140px;
    font-size: 14px;
    margin-top: 10px;
   }

   .login-join {
    margin-bottom: 0;
  }   

  .g-mypage-sec {
    padding-top: 10px;
  }

  .page-header h1 {
    font-size: 20px;
  }

  .payment_wrap .btn-style1 {
    width: 140px;
    font-size: 14px;
   }
}


#sod_bsk_list, #forderform, .shop-login{width:100%;}

.table_cart2 .price2{position:relative; top:-8px;}

.shop-wrap, #order, .payment_wrap{width:100%;}

.btn-block+.btn-block {
    margin-top: .5rem;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn {
    margin: 5px;
}

.mypage-sec .info{margin-top:15px;}


/* 추가 : 페이지 넘버 */

.u-pagination-v1__item {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: solid 1px transparent;
    transition: all .3s ease;
}

.u-pagination-v1-4 {
	color:rgba(52, 58, 64, 0.5);
    border-color: transparent;
}

.u-pagination-v1-4:hover,
.u-pagination-v1-4:focus {
    border-color: rgba(52, 58, 64,0.75);
}

.u-pagination-v1__item--active,
.u-pagination-v1__item:hover,
.u-pagination-v1__item:focus {
    text-decoration: none;
    cursor: pointer;
}

.u-pagination-v1-4--active {
    color: #fff;
    background-color:  rgba(52, 58, 64,0.75);
    border-color:  rgba(52, 58, 64,0.75);
}

.u-pagination-v1-4--active:hover,
.u-pagination-v1-4--active:focus {
    color: #fff;
}

.g-pa-7-16 {
    padding: 0.5rem 1.14286rem !important;
}

.g-rounded-50 {
    border-radius: 50px !important;
}

.g-pa-7-14 {
    padding: 0.5rem 1rem !important;
}

@media (min-width: 0) {
	.g-ml-5 {
        margin-left: 0.35714rem !important;
    }
}

#msg_email{
    position: relative;
    left: 5px;
    top: 10px;
}