/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';
@import 'modal.css';


/* 서브공통 */
#sub_wrap { box-sizing:border-box; position:relative; padding:8rem 0; }
#sub_wrap .title {margin-bottom:3rem;} 
#sub_wrap h2 {font-size:3rem; font-weight:800;}
@media (max-width: 991.98px) {
	#sub_wrap { padding:4rem 0; }
	#sub_wrap .title {margin-bottom:2rem;} 
	#sub_wrap h2 {font-size:2.2rem;}
}
.btnArea {
	display:flex;
	align-items:center;
	justify-content:center;
}
.btn {
	display:inline-block;
	width:100%;
	max-width:30rem;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #6668af;
	color:#6668af;
	padding:1.5rem 1rem;
	font-size:1.6rem;
	border-radius:8px;
	margin:0 0.3rem;
}
.btn:hover,
.btn:focus{
	color:#6668af;
}
.btn2 {
	display:inline-block;
	width:100%;
	max-width:30rem;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #6668af;
	background:#6668af;
	color:#fff;
	padding:1.5rem 1rem;
	font-size:1.6rem;
	border-radius:8px;
	margin:0 0.3rem;
}
.btn2:hover,
.btn2:focus{
	color:#fff;
}
.btn3 {
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	color:#333;
	background:#fff;
	padding:0.4rem 1rem;
	font-size:1.2rem;
	border-radius:3px;
	border:1px solid #ccc;
}
.btn3:hover,
.btn3:focus{
	color:#333;
}

input[type="text"], input[type="number"]{
	position:relative;
	box-sizing:border-box;
	width:30rem;
	padding:0.8rem 1.5rem;
	border:1px solid #ddd;
	border-radius:8px;
	margin-right:.5rem;
}
@media (max-width: 991.98px) {
	input[type="text"], input[type="number"]{
		width:100%;
		border-radius:4px;
	}
}


/* 쿠폰샵 상품검색 */
.prd-search-box table {
	width:100%;
	border-top:1px solid #ddd;
}
.prd-search-box table tbody th,
.prd-search-box table tbody td {
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	padding:2.5rem 2rem;
}
.prd-search-box table tbody th {
	font-size:1.8rem;
	font-weight:600;
	text-align:center;
	background:#f9f9fc;
}
.prd-search-box table tbody td {
	font-size:1.6rem;
	font-weight:500;
	color:#333;
}
.prd-search-box table tbody th.category {
	background:#6668af;
	color:#fff;
}
.prd-search-box .category-list {
	margin-left:-5px;
	margin-right:-5px;
}
.prd-search-box .category-list > div[class^='col-'] {
	padding-left:5px;
	padding-right:5px;
	margin:0.5rem 0;
}
.prd-search-box .category-list > div[class^='col-'] > a {
	display:block;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:8px;
	font-size:1.6rem;
	color:#333;
	text-align:center;
	padding:1.5rem 1rem;
}
.prd-search-box .category-list > div[class^='col-'] > a > p {
	margin-top:0.8rem;
}
.prd-search-box .category-list > div[class^='col-'] > a.active{
	background:#6668af;
	color:#fff;
	border:1px solid #6668af;
}
.prd-search-box .category-list > div[class^='col-'] > a.active > .img > img{
	filter:brightness(0) invert(1);
	-webkit-filter:brightness(0) invert(1);
}

.prd-search-box .brand-list {
	margin-left:-10px;
	margin-right:-10px;
}
.prd-search-box .brand-list > div[class^='col-'] {
	--wid : calc(100% / 7);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	padding-left:10px;
	padding-right:10px;
}
@media (max-width: 1199.98px) {
	.prd-search-box .brand-list > div[class^='col-'] {
		--wid : calc(100% / 4);
	}
}
@media (max-width: 767.98px) {
	.prd-search-box .brand-list > div[class^='col-'] {
		--wid : calc(100% / 3);
	}
}
@media (max-width: 575.98px) {
	.prd-search-box .brand-list > div[class^='col-'] {
		--wid : calc(100% / 2);
	}
}

.prd-search-box .bar-wrap {
	position:relative;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:2rem;
}
.prd-search-box .bar-wrap .info {
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:1.4rem;
	margin-top:1rem;
	color:#666;
}
.prd-search-box .bar-wrap .slider-box {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin-top:2rem;
}
.prd-search-box .bar-wrap .slider-box > div {
	margin:0 1rem;
}
.prd-search-box .bar-wrap .slider-box input {
	width:23rem;
	border:1px solid #ddd;
	background:#f9f9f9;
	padding:1.2rem 1.5rem;
	margin-left:1.5rem;
}
/* 슬라이드바 커스텀 */
.prd-search-slider.ui-corner-all, 
.prd-search-slider.ui-corner-bottom, 
.prd-search-slider.ui-corner-right, 
.prd-search-slider.ui-corner-br {
	border-radius:5rem;
	background:#eee;
}
.prd-search-slider.ui-widget.ui-widget-content {
	border:0;
}
.prd-search-slider.ui-slider .ui-slider-range {
	background:#6668af;
}
.prd-search-slider.ui-slider .ui-slider-handle {
	width:3rem;
	height:3rem;
	background:#fff;
	top:-.8rem;
	border:0;
	border-radius:50%;
	box-shadow:0 5px 15px rgba(0,0,0,0.2);
}
.prd-search-slider.ui-slider .ui-slider-handle:focus {
	outline:none;
}


.prd-search-box .btnArea {
	display:flex;
	align-items:center;
	justify-content:center;
}
.prd-search-box .btnArea .btn-submit {
	display:inline-block;
	width:30rem;
	box-sizing:border-box;
	padding:1.5rem 0;
	background:#6668af;
	color:#fff;
	text-align:center;
	border-radius:8px;
	font-size:1.4rem;
	font-weight:500;
	margin-right:1rem;
}
.prd-search-box .btnArea button {
	width:5rem;
	height:5rem;
	border-radius:50%;
	border:0;
	background:#fff;
	box-sizing:border-box;
	border:1px solid #6668af;
	font-size:1.4rem;
	line-height:5rem;
	text-align:center;
	color:#6668af;
}

/* 상품리스트 상단 */
.prd-top {
	position:relative;
	font-size:1.4rem;
	font-weight:500;
	color:#333;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin-bottom:1.5rem;
}
.prd-top .total > span {
	color:#6668af;
}
.prd-top .sub_filter > a {
	display:inline-block;
	margin-left:1rem;
	color:#333;
}
.prd-top .sub_filter > a.active {
	color:#6668af;
	font-weight:600;
}

/* 상품리스트 */
#prd-list > div[class^='col-'] {
	margin-bottom:5rem;
}
#prd-list > div[class^='col-'] > a {
	display:block;
	position:relative;
	color:#333;
}
#prd-list > div[class^='col-'] > a > .thum {
	box-sizing:border-box;
	padding-bottom:100%;
	border:1px solid #eee;
}
#prd-list > div[class^='col-'] > a > .info {
	margin-top:1.5rem;
}
#prd-list > div[class^='col-'] > a > .info > .brand_name {
	font-size:1.4rem;
	font-weight:600;
}
#prd-list > div[class^='col-'] > a > .info > .tit {
	font-size:1.8rem;
	font-weight:700;
	margin-top:0.5rem;
}
#prd-list > div[class^='col-'] > a > .info > p {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#prd-list > div[class^='col-'] > a > .info > div{
	margin-top:2rem;
}
#prd-list > div[class^='col-'] > a > .info > div > p {
	display:inline-block;
	margin-right:0.8rem;
}
#prd-list > div[class^='col-'] > a > .info > div > p.discount {
	font-size:2.4rem;
	font-weight:800;
	color:#6668af;
}
#prd-list > div[class^='col-'] > a > .info > div > p.discount > span {
	font-size:1.8rem;
}
#prd-list > div[class^='col-'] > a > .info > div > p.regular {
	font-size:1.4rem;
	color:#bbb;
	text-decoration:line-through;
}
#prd-list > div[class^='col-'] > a > .info > div > p.price {
	font-size:2.2rem;
	font-weight:700;
}
#prd-list .btnArea {
	width:100%;
	text-align:center;
	margin-top:2rem;
	margin-bottom:4rem;
}

@media (max-width: 1199.98px) {
	#prd-list {
		margin-left:-10px;
		margin-right:-10px;
	}
	#prd-list > div[class^='col-'] {
		margin-bottom:3rem;
		padding-left:10px;
		padding-right:10px;
	}
	#prd-list > div[class^='col-'] > a > .info > div{
		margin-top:1rem;
	}
	#prd-list > div[class^='col-'] > a > .info > div > p {
		margin-right:0.5rem;
	}
	#prd-list > div[class^='col-'] > a > .info > div > p.discount {
		font-size:1.8rem;
	}
	#prd-list > div[class^='col-'] > a > .info > div > p.discount > span {
		font-size:1.4rem;
	}
	#prd-list > div[class^='col-'] > a > .info > div > p.price {
		font-size:1.8rem;
	}
}
@media (max-width: 767.98px) {
	#prd-list .btnArea{
		padding-left:10px;
		padding-right:10px;
	}
	#prd-list .btnArea > .btn-more {
		max-width:100%;
	}
}


#prd-list.promotion-list > div[class^='col-'] > a:after {
	content:"프로\A모션";
	position:absolute;
	white-space:pre;
	left:1rem;
	top:1rem;
	width:6rem;
	height:6rem;
	line-height:1.1;
	padding-top:1.5rem;
	box-sizing:border-box;
	font-size:1.4rem;
	font-weight:600;
	border-radius:50%;
	text-align:center;
	color:#fff;
	background:linear-gradient(160deg, #4d66c4, 80%, #ba4afb);
}
@media (max-width: 991.98px) {
	#prd-list.promotion-list > div[class^='col-'] > a:after {
		width:5rem;
		height:5rem;
		padding-top:1.2rem;
		line-height:1;
	}
}

/* 상품상세 */
#brand-view .sec01 .inner {
	width:100%;
	max-width:50rem;
}
#brand-view .sec01 .inner .thum {
	box-sizing:border-box;
	padding-bottom:100%;
}
#brand-view .sec01 .info .top {
	position:relative;
	box-sizing:border-box;
}
#brand-view .sec01 .info .top .brand_name {
	font-size:1.8rem;
	color:#999;
}
#brand-view .sec01 .info .top .tit {
	font-size:3rem;
	font-weight:800;
	color:#333;
}
#brand-view .sec01 .info .top .btn-share {
	font-size:2.8rem;
	color:#333;
	position:absolute;
	right:0;
	bottom:0;
}
#brand-view .sec01 .info .mid > table {
	margin-top:2rem;
	border-top:2px solid #222;
}
#brand-view .sec01 .info .mid > table th,
#brand-view .sec01 .info .mid > table td {
	font-size:1.6rem;
	color:#333;
	box-sizing:border-box;
	padding:1.8rem 0;
	border-bottom:1px solid #ddd;
}
#brand-view .sec01 .info .mid > table td {
	font-weight:500;
}
#brand-view .sec01 .info .mid > table td.price {
	font-size:2.2rem;
	font-weight:600;
	color:#6668af;
}
#brand-view .sec01 .info .mid > table td.price > .regular {
	font-size:1.6rem;
	font-weight:400;
	color:#c4c4c4;
	text-decoration:line-through;
}
#brand-view .sec01 .info .mid > table td .remark {
	padding-left:2rem;
	position:relative;
}
#brand-view .sec01 .info .mid > table td .remark:before {
	content: "\e9a6";
	position:absolute;
	left:0;
	top:0;
	font-family:"xeicon";
	font-size:1.6rem;
	color:#c4c4c4;
}
#brand-view .sec01 .info .btm {
	text-align:center;
	display:flex;
	justify-content:space-between;
}
#brand-view .sec01 .info .btm .btn {
	max-width:calc(50% - .5rem);
}
#brand-view .sec01 .info .btm .btn.btn-buy {
	background:#6668af;
	color:#fff;
}
@media (max-width: 1199.98px) {
	#brand-view .sec01 .inner {
		max-width:42rem;
	}
}
@media (max-width: 991.98px) {
	#brand-view .sec01 .inner {
		max-width:32rem;
	}
	#brand-view .sec01 .info .top .tit {
		font-size:2.4rem;
	}
	#brand-view .sec01 .info .top .btn-share {
		font-size:2.2rem;
	}
}
@media (max-width: 767.98px) {
	#brand-view .sec01 .inner {
		max-width:100%;
	}
	#brand-view .sec01 .info .btm {
		position:fixed;
		width:100%;
		left:0;
		bottom:0;
		z-index:100;
		box-sizing:border-box;
		background:#fff;
		padding:2rem 1.5rem;
		box-shadow:0 5px 15px rgba(0,0,0,0.3);
	}
}
#brand-view .detail-wrap {
	padding-bottom:2rem;
}
#brand-view .detail-wrap .detail-tab {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
}
#brand-view .detail-wrap .detail-tab > a{
	cursor:auto;
	display:inline-block;
	font-size:1.8rem;
	color:#666;
	width:calc(100% / 6);
	text-align:center;
	padding-bottom:1rem;
	box-sizing:border-box;
}
#brand-view .detail-wrap .detail-tab > a.active {
	font-weight:600;
	color:#6668af;
	border-bottom:3px solid #6668af;
}

#brand-view .detail-wrap .detail-content > div {
	font-size:1.8rem;
	font-weight:500;
	line-height:1.6;
	color:#333;
}
#brand-view .detail-wrap .detail-content > div > .tit {
	font-weight:700;
}
#brand-view .detail-wrap .detail-content > div {
	margin-top:4rem;
}
#brand-view .detail-wrap .detail-content .prd-info table{
	border-top:1px solid #222;
	width:100%;
	margin-top:1rem;
}
#brand-view .detail-wrap .detail-content .prd-info table th,
#brand-view .detail-wrap .detail-content .prd-info table td {
	box-sizing:border-box;
	padding:1.5rem 2rem;
	font-size:1.6rem;
	color:#666;
	border-bottom:1px solid #ddd;
}
#brand-view .detail-wrap .detail-content .prd-info table th {
	color:#333;
	background:#fbfbfb;
	font-weight:500;
}
#brand-view .detail-wrap .detail-content .prd-info table td > span {
	color:#d40000;
}
@media (max-width: 991.98px) {
	#brand-view .detail-wrap .detail-content > div {
		margin-top:2rem;
	}
}



/* 이벤트 */
#event-wrap .tabArea .tab{
	box-sizing:border-box;
	border-bottom:1px solid #eee;
	display:flex;
	padding-left:0;
	list-style:none;
	margin-bottom:3rem;
}
#event-wrap .tabArea .tab > li {
	width:22rem;
}
#event-wrap .tabArea .tab > li > a {
	display:inline-block;
	width:100%;
	padding:1rem 0;
	font-size:1.8rem;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #eee;
	border-bottom:0;
	border-left:0;
	color:#333;
}
#event-wrap .tabArea .tab > li:first-child > a {
	border-left:1px solid #eee;
}
#event-wrap .tabArea .tab > li.on > a {
	background:#6668af;
	color:#fff;
}
@media (max-width: 575.98px) {
	#event-wrap .tabArea .tab > li {
		width:50%;
	}
}
#event-wrap .tabArea .tabBox {
	display:none;
}
#event-wrap .tabArea .tabBox.on {
	display:block;
}

#event-wrap .event-list .row > div[class^='col-'] {
	margin-bottom:3rem;
}
#event-wrap .event-list .row > div[class^='col-'] .thum {
	position:relative;
	box-sizing:border-box;
	padding-bottom:50%;
}
#event-wrap .event-list .row > div[class^='col-'] .info {
	margin-top:1rem;
}
#event-wrap .event-list .row > div[class^='col-'] .info .tit {
	font-size:1.8rem;
	font-weight:700;
	color:#333;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#event-wrap .event-list .row > div[class^='col-'] .info .day {
	font-size:1.4rem;
	font-weight:500;
	color:#999;
}

#event-wrap .event-list.finish-list .row > div[class^='col-'] .thum:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:10;
}
#event-wrap .event-list.finish-list .row > div[class^='col-'] .thum:after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:16rem;
	height:16rem;
	z-index:20;
	background:url("../_img/sub/event_stemp.png") no-repeat center / cover;
}
@media (max-width: 1199.98px) {
	#event-wrap .event-list.finish-list .row > div[class^='col-'] .thum:after {
		width:12rem;
		height:12rem;
	}
}

/* 이벤트 뷰(상세) */
#event-view {
	margin-bottom:2rem;
}
#event-view .sec01 .top {
	box-sizing:border-box;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:2rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#event-view .sec01 .top .tit {
	font-size:2rem;
	font-weight:600;
	color:#333;
}
#event-view .sec01 .top .day {
	font-size:1.6rem;
	font-weight:500;
	color:#999;
}
#event-view  .event-content {
	box-sizing:border-box;
	padding:6rem 2rem;
	border-bottom:1px solid #ddd;
	word-break:break-all;
}
#event-view  .event-content img {
	max-width:100%;
}
@media (max-width: 991.98px) {
	#event-view .sec01 .top {
		padding:2rem 0;
		display:block;
	}
}


/* 충전하기 */
#charge-wrap {
	margin-bottom:2rem;
}
#charge-wrap .sec01 .top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	box-sizing:border-box;
	padding:3rem 4rem;
	background:#f9f9f9;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#charge-wrap .sec01 .top .tit {
	font-size:2.2rem;
	font-weight:700;
}
#charge-wrap .sec01 .top .tit .circle {
	display:inline-block;
	position:relative;
	width:8rem;
	height:8rem;
	border-radius:50%;
	background:#e3e3ee;
	text-align:center;
	line-height:7.5rem;
	margin-right:2rem;
}
#charge-wrap .sec01 .top .price {
	font-size:2.8rem;
	font-weight:800;
	color:#6668af;
}
#charge-wrap .sec02 .top {
	font-size:1.4rem;
	color:#333;
	margin-bottom:1rem;
}
#charge-wrap .sec02 .top > i {
	font-size:2rem;
	color:#c4c4c4;
	position:relative;
	top:3px;
	margin-right:0.8rem;
}
#charge-wrap .charge-table {
	box-sizing:border-box;
	width:100%;
	border-top:1px solid #ddd;
}
#charge-wrap .charge-table th,
#charge-wrap .charge-table td {
	box-sizing:border-box;
	padding:3rem 0;
	border-bottom:1px solid #ddd;
	color:#333;
}
#charge-wrap .charge-table th {
	font-size:1.8rem;
}
#charge-wrap .charge-table td {
	font-size:1.6rem;
}
#charge-wrap .charge-table td.charge_price > p {
	display:inline-block;
	margin-right:.6rem;
}
#charge-wrap .charge-table td.charge_price > p.total_price {
	margin-right:3rem;
}
#charge-wrap .charge-table td.charge_price > p.total_price > input{
	text-align:right;
}
#charge-wrap .charge-table td.charge_price > p > .total_price:hover,
#charge-wrap .charge-table td.charge_price > p > .total_price:focus {
	outline:none;
	border:1px solid #ddd;
}
#charge-wrap .charge-table td.charge_price > p > button {
	box-sizing:border-box;
	background:#fff;
	padding:0.8rem 1.5rem;
	border:1px solid #ddd;
	border-radius:8px;
	text-align:center;
	color:#000;
	width:8rem;
	font-size:1.4rem;
}
#charge-wrap .charge-table td.charge_price > p > button.btn-reset {
	background:#6668af;
	color:#fff;
	border:0;
	width:10rem;
}
#charge-wrap .charge-table td.charge_price > p > button.btn-reset > i {
	margin-right:1rem;
}
@media (max-width: 991.98px) {
	#charge-wrap .sec01 .top {
		padding:2rem 1.5rem;
	}
		#charge-wrap .sec01 .top .tit {
		font-size:2rem;
	}
	#charge-wrap .sec01 .top .tit .circle {
		width:6rem;
		height:6rem;
		line-height:5.5rem;
		margin-right:1rem;
	}
	#charge-wrap .sec01 .top .tit .circle > img {
		width:50%;
	}
	#charge-wrap .sec01 .top .price {
		font-size:2.2rem;
	}
	#charge-wrap .charge-table,
	#charge-wrap .charge-table colgroup,
	#charge-wrap .charge-table tbody,
	#charge-wrap .charge-table tr,
	#charge-wrap .charge-table th,
	#charge-wrap .charge-table td {
		display:block;
		width:100%;
	}
	#charge-wrap .charge-table th {
		padding:2rem 0 1rem;
		border-bottom:0;
	}
	#charge-wrap .charge-table td {
		padding:0 0 2rem;
	}
	#charge-wrap .charge-table td.charge_price > p.total_price {
		display:block;
		width:100%;
		margin-right:0;
		margin-bottom:1rem;
	}
	#charge-wrap .charge-table td.charge_price > p.total_price > input{
		width:94%;
	}
	#charge-wrap .charge-table td.charge_price > p {
		width:19%;
		margin-right:0;
	}
	#charge-wrap .charge-table td.charge_price > p:last-child {
		margin-right:0;
	}
	#charge-wrap .charge-table td.charge_price > p > button {
		width:100%;
		padding:0.8rem 0.5rem;
		margin-bottom:1rem;
	}
	#charge-wrap .charge-table td.charge_price > p > button.btn-reset {
		background:#6668af;
		color:#fff;
		border:0;
		width:100%;
	}
	#charge-wrap .charge-table td .radio_type1 {
		width:40%;
	}
}


/* 충전내역 */
#charge-history {
	margin-bottom:4rem;
}
#charge-history .sec01 {
	box-sizing:border-box;
}
#charge-history .sec01 .top {
	box-sizing:border-box;
	padding:3rem 4rem;
	background:#f9f9f9;
	border:1px solid #ddd;
}
#charge-history .sec01 .top > p {
	font-size:1.8rem;
	font-weight:600;
	color:#333;
	margin-bottom:1rem;
}
#charge-history .charge-history-search {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#charge-history .charge-history-search .date input{
	width:17.6rem;
	background:#fff url("../_img/sub/icon_calendar.png") no-repeat right 1.5rem center / 2rem 2rem;
}

#charge-history .charge-history-search .date > button {
	display:none;
}
#charge-history .charge-history-search .btnArea > button {
	box-sizing:border-box;
	background:#fff;
	padding:0.8rem 1.5rem;
	border:1px solid #ddd;
	border-radius:8px;
	text-align:center;
	color:#333;
	width:9rem;
	font-size:1.6rem;
	margin-left:0.5rem;
}
#charge-history .charge-history-search .btnArea > button.active {
	background:#6668af;
	color:#fff;
	border:0;
}
#charge-history .charge-history-search .btnArea > button.btn-submit {
	background:#6668af;
	color:#fff;
	border:0;
	width:30rem;
}
@media (max-width: 1199.98px) {
	#charge-history .charge-history-search .date > input{
		width:16rem;
	}
	#charge-history .charge-history-search .btnArea > button {
		width:8rem;
	}
	#charge-history .charge-history-search .btnArea > button.btn-submit {
		width:20rem;
	}
}
@media (max-width: 991.98px) {
	#charge-history .sec01 .top {
		padding:2rem 1.5rem;
	}
	#charge-history .charge-history-search {
		display:block;
	}
	#charge-history .charge-history-search .date {
		margin-bottom:1rem;
	}
	#charge-history .charge-history-search .date > input{
		width:calc(50% - 0.7rem);
	}
	#charge-history .charge-history-search .btnArea > button:first-child {
		margin-left:0;
	}
	#charge-history .charge-history-search .btnArea > button {
		width:25%;
	}
	#charge-history .charge-history-search .btnArea > button.btn-submit {
		width:25%;
	}
}


#charge-history .sec02 > .info {
	font-size:1.4rem;
	text-align:right;
	margin-bottom:1rem;
}
#charge-history .charge-table {
	box-sizing:border-box;
	width:100%;
	border-top:2px solid #000;
}
#charge-history .charge-table th,
#charge-history .charge-table td {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:1.4rem 1rem;
	text-align:center;
}
#charge-history .charge-table th:first-child,
#charge-history .charge-table td:first-child {
	border-left:0;
}
#charge-history .charge-table th {
	font-size:1.6rem;
	background:#fbfbfb;
	color:#333;
}
#charge-history .charge-table td {
	font-size:1.4rem;
	color:#666;
}
#charge-history .charge-history-table div.none {
	box-sizing:border-box;
	text-align:center;
	padding:10rem 0;
}
@media (max-width: 991.98px) {
	#charge-history .charge-history-table {
		overflow-x:auto;
	}
}
@media (max-width: 767.98px) {
	#charge-history .charge-history-table th,
	#charge-history .charge-history-table td{
		width:20%;
	}
	#charge-history .charge-history-table th.none,
	#charge-history .charge-history-table td.none {
		display:none;
	}
}


/* 포인트 충전 완료 */
#charge-finish .sec01 .box {
	box-sizing:border-box;
	padding:10rem 2rem;
	background:#fbfbfb;
	border:1px solid #ddd;
	text-align:center;
}
#charge-finish .sec01 .box .img {
	position:relative;
	left:-3rem;
}
#charge-finish .sec01 .box .txt > h3 {
	margin-top:3rem;
	font-size:3rem;
	font-weight:600;
	color:#000;
}
#charge-finish .sec01 .box .txt > h3 > span {
	color:#6668af;
}
#charge-finish .sec01 .box .txt > p {
	font-size:1.8rem;
	color:#666;
	margin-top:1rem;
}
#charge-finish .btnArea {
	margin-top:4rem;
}
#charge-finish .btnArea a.btn-ok {
	display:inline-block;
	font-size:1.6rem;
	text-align:center;
	color:#fff;
	background:#6668af;
	box-sizing:border-box;
	padding:1rem;
	width:30rem;
	border-radius:1rem;
}
@media (max-width: 991.98px) {
	#charge-finish .sec01 .box {
		padding:6rem 2rem;
	}
	#charge-finish .sec01 .box .img {
		left:-2rem;
	}
	#charge-finish .sec01 .box .img > img {
		max-width:13rem;
	}
	#charge-finish .sec01 .box .txt > h3 {
		font-size:2.2rem;
	}
	#charge-finish .btnArea {
		margin-top:3rem;
	}
	#charge-finish .btnArea a.btn-ok {
		width:28rem;
	}
}


/* 쿠폰구매 완료 */
#coupon-finish .sec01 .box {
	box-sizing:border-box;
	padding:10rem 2rem;
	background:#fbfbfb;
	border:1px solid #ddd;
	text-align:center;
}
#coupon-finish .sec01 .box .img {
	position:relative;
	left:1rem;
}
#coupon-finish .sec01 .box .txt > h3 {
	margin-top:3rem;
	font-size:3rem;
	font-weight:600;
	color:#000;
}
#coupon-finish .sec01 .box .txt > h3 > span {
	color:#6668af;
}
#coupon-finish .sec01 .box .txt > p {
	font-size:1.8rem;
	color:#666;
	margin-top:1rem;
}
#coupon-finish .btnArea {
	margin-top:4rem;
}
#coupon-finish .btnArea a.btn-ok {
	display:inline-block;
	font-size:1.6rem;
	text-align:center;
	color:#fff;
	background:#6668af;
	box-sizing:border-box;
	padding:1rem;
	width:30rem;
	border-radius:1rem;
}
@media (max-width: 991.98px) {
	#coupon-finish .sec01 .box {
		padding:6rem 2rem;
	}
	#coupon-finish .sec01 .box .img {
		left:1rem;
	}
	#coupon-finish .sec01 .box .img > img {
		max-width:12rem;
	}
	#coupon-finish .sec01 .box .txt > h3 {
		font-size:2.2rem;
	}
	#coupon-finish .btnArea {
		margin-top:3rem;
	}
	#coupon-finish .btnArea a.btn-ok {
		width:28rem;
	}
}


/* 포인트내역 */
.point-history .sec01 .info {
	box-sizing:border-box;
	padding:3rem 4rem;
	background:#f9f9f9;
	margin-bottom:4rem;
	font-size:1.4rem;
	line-height:1.8;
}
.point-history .sec01 .info > ul {
	padding-left:0;
	list-style:none;
}
.point-history .sec01 .info > ul > li {
	box-sizing:border-box;
	padding-left:1.2rem;
	position:relative;
}
.point-history .sec01 .info > ul > li:before {
	content:"";
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	background:#6668af;
	position:absolute;
	left:0;
	top:0.9rem;
}
.point-history .point-box {
	margin-bottom:4rem;
}
.point-history .point-box .point-table {
	box-sizing:border-box;
	border-top:1px solid #ddd;
	width:100%;
}
.point-history .point-box .point-table th,
.point-history .point-box .point-table td {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:1.4rem 2rem;
}
.point-history .point-box .point-table th {
	border-left:0;
	background:#fbfbfb;
	font-size:1.6rem;
}
.point-history .point-box .point-table td {
	font-size:1.4rem;
	color:#666;
}
.point-history .point-box .point-table td > span {
	font-weight:800;
	color:#6668af;
}
.point-history .point-box .point-table td > .btn-coupon {
	display:inline-block;
	box-sizing:border-box;
	font-size:1.4rem;
	background:#6668af;
	color:#fff;
	text-align:center;
	padding:0.8rem 3rem;
	margin-left:1rem;
}
@media (max-width: 991.98px) {
	.point-history .point-box .point-table th,
	.point-history .point-box .point-table td {
		width:50%;
	}
	.point-history .point-box .point-table td > .btn-coupon {
		display:block;
		padding:0.8rem 1.5rem;
		margin-left:0;
	}
	.point-history .sec01 .info {
		padding:2rem 1.5rem;
	}
}


/* 주문내역 */
.order-List .sec01 .info {
	box-sizing:border-box;
	padding:3rem 4rem;
	background:#f9f9f9;
	margin-bottom:4rem;
	font-size:1.4rem;
	line-height:1.8;
}
.order-List .sec01 .info > ul {
	padding-left:0;
	list-style:none;
}
.order-List .sec01 .info > ul > li {
	box-sizing:border-box;
	padding-left:1.2rem;
	position:relative;
}
.order-List .sec01 .info > ul > li:before {
	content:"";
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	background:#6668af;
	position:absolute;
	left:0;
	top:0.9rem;
}
@media (max-width: 991.98px) {
	.order-List .charge-table colgroup {
		display:none;
	}
	.order-List .charge-table th,
	.order-List .charge-table td {
		width:33.33333%;
	}
	.order-List .sec01 .info {
		padding:2rem 1.5rem;
	}
}




/* 마이페이지 공통 */
.mypage-wrap {
	margin-bottom:2rem;
}
.mypage-wrap .sec01 .info {
	box-sizing:border-box;
	padding:3rem 4rem;
	background:#f9f9f9;
	margin-bottom:4rem;
	font-size:1.6rem;
	line-height:1.8;
	border:1px solid #ddd;
}
.mypage-wrap .sec01 .info > ul {
	padding-left:0;
	list-style:none;
}
.mypage-wrap .sec01 .info > ul > li {
	box-sizing:border-box;
	padding-left:1.2rem;
	position:relative;
}
.mypage-wrap .sec01 .info > ul > li:before {
	content:"";
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	background:#6668af;
	position:absolute;
	left:0;
	top:1.1rem;
}
@media (max-width: 991.98px) {
	.mypage-wrap .sec01 .info {
		padding:2rem 1.5rem;
	}
}

.mypage-wrap .mypage-tab {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	box-sizing:border-box;
	margin-bottom:4rem;
}
.mypage-wrap .mypage-tab > a {
	display:inline-block;
	width:20%;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-left:0;
	text-align:center;
	font-size:1.6rem;
	color:#333;
	padding:1rem;
}
.mypage-wrap .mypage-tab > a:first-child {
	border-left:1px solid #ddd;
}
.mypage-wrap .mypage-tab > a.on {
	background:#6668af;
	color:#fff;
	border-color:#6668af;
}
@media (max-width: 991.98px) {
	.mypage-wrap .mypage-tab {
		margin-bottom:2rem;
	}
	.mypage-wrap .mypage-tab > a {
		font-size:1.4rem;
		padding:0.8rem 0;
	}
}


.mypage-wrap .mypage-table-box > .none {
	box-sizing:border-box;
	padding:5rem 0;
	text-align:center;
}
.mypage-wrap .mypage-table {
	box-sizing:border-box;
	width:100%;
	border-top:2px solid #000;
}
.mypage-wrap .mypage-table th,
.mypage-wrap .mypage-table td {
	box-sizing:border-box;
	padding:1.4rem 1rem;
	color:#333;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	text-align:center;
}
.mypage-wrap .mypage-table th:first-child,
.mypage-wrap .mypage-table td:first-child {
	border-left:0;
}
.mypage-wrap .mypage-table th {
	background:#fbfbfb;
	font-size:1.6rem;
	color:#333;
}
.mypage-wrap .mypage-table td {
	font-size:1.4rem;
	color:#666;
}
.mypage-wrap .mypage-table input {
	background:#fff;
}
.mypage-wrap .mypage-table .checkbox_type1 {
	position:relative;
	top:3px;
}
.mypage-wrap .mypage-table .checkbox_type1 label{
	width:14px;
	height:14px;
	padding-left:0;
}


/* 주소록관리 */
.mypage-addrGroupList .sec01 .info .inner {
	display:flex;
	align-items:center;
	font-size:2rem;
	line-height:1.4;
}
.mypage-addrGroupList .sec01 .info .inner .circle {
	display:flex;
	align-items:center;
	justify-content:center;
	width:8rem;
	height:8rem;
	border-radius:50%;
	background:#e3e3ee;
	margin-right:1.5rem;
}
.mypage-addrGroupList .mypage-table button {
	width:33.333%;
	margin:0 0.3rem;
	padding:0.8rem 1rem;
}
@media (max-width: 991.98px) {
	.mypage-addrGroupList .sec01 .info .inner .circle {
		width:4rem;
		height:4rem;
		flex:0 0 4rem;
	}
	.mypage-addrGroupList .sec01 .info .inner .circle > img {
		width:50%;
	}
	.mypage-addrGroupList .sec01 .info .inner {
		font-size:1.6rem;
	}
	.mypage-addrGroupList .mypage-table colgroup,
	.mypage-addrGroupList .mypage-table th.none,
	.mypage-addrGroupList .mypage-table td.none {
		display:none;
	}
	.mypage-addrGroupList .mypage-table th,
	.mypage-addrGroupList .mypage-table td {
		width:50%;
	}
}

/* 주소록 등록 */
.mypage-addrListReg .addrListReg-box .adr-list .btnArea {
	margin-top:1.8rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.mypage-addrListReg .addrListReg-box .adr-list .btnArea .btn-button {
	padding:0.6rem 1rem;
	width:13rem;
	font-size:1.4rem;
	font-weight:400;
	color:#666;
	background:#fff;
	border:1px solid #ccc;
	border-radius:6px;
}
.mypage-addrListReg .addrListReg-box .addrListReg-select {
	box-sizing:border-box;
	padding:0.8rem 1rem;
	width:18rem;
	border:1px solid #ccc;
}
.mypage-addrListReg .addrListReg-box .addrListReg-select:focus {
	outline:none;
}
.mypage-addrListReg .addrListReg-box .table-wrap {
	position:relative;
	box-sizing:border-box;
	height:36rem;
	overflow-y:scroll;
	border-bottom:1px solid #ddd;
}
.mypage-addrListReg .addrListReg-box .order-table {
	box-sizing:border-box;
	border-top:2px solid #222;
	width:100%;
}
.mypage-addrListReg .addrListReg-box .order-table th {
	box-sizing:border-box;
	padding:1.2rem 2rem;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
}
.mypage-addrListReg .addrListReg-box .order-table td {
	box-sizing:border-box;
	padding:0;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
}
.mypage-addrListReg .addrListReg-box .order-table th:first-child,
.mypage-addrListReg .addrListReg-box .order-table td:first-child {
	border-left:0;
}
.mypage-addrListReg .addrListReg-box .order-table th {
	font-size:1.6rem;
	color:#333;
	background:#fbfbfb;
}
.mypage-addrListReg .addrListReg-box .order-table td {
	font-size:1.4rem;
	color:#666;
}
.mypage-addrListReg .addrListReg-box .order-table td input {
	margin:0;
	border:0;
	border-radius:0;
	background:#fff;
	text-align:center;
	color:#666;
}
.mypage-addrListReg .addrListReg-box .order-table td input:focus {
	outline:none;
	background:#f5f5f5;
}
.mypage-addrListReg .addrListReg-box .order-table td > .checkbox_type2 > input {
	border:1px solid #666;
	border-radius:4px;
}
.mypage-addrListReg .addrListReg-box .order-table-head {
	position:sticky;
	left:0;
	top:0;
	z-index:10;
}
.mypage-addrListReg .addrListReg-box .order-table-body {
	border-top:0;
}


/* 발신번호등록 */
.sendPhoneAuth .tit {
	font-size:1.8rem;
	font-weight:600;
	color:#333;
	padding-bottom:1rem;
	box-sizing:border-box;
	border-bottom:1px solid #000;
	margin-bottom:2rem;
}
.sendPhoneAuth .sec02 .info {
	padding-left:0;
	list-style:none;
}
.sendPhoneAuth .sec02 .info > li {
	position:relative;
	padding:0.5rem 0;
	padding-left:1.2rem;
	box-sizing:border-box;
	font-size:1.4rem;
	color:#333;
}
.sendPhoneAuth .sec02 .info > li:before{
	content:"";
	width:0.4rem;
	height:0.4rem;
	border-radius:50%;
	background:#6668af;
	position:absolute;
	left:0;
	top:1.5rem;
}
.sendPhoneAuth .sendPhoneAuth-table {
	position:relative;
	box-sizing:border-box;
	width:100%;
	border-top:1px solid #ddd;
}
.sendPhoneAuth .sendPhoneAuth-table th,
.sendPhoneAuth .sendPhoneAuth-table td {
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:1rem 1rem;
	color:#666;
	font-size:1.4rem;
	text-align:center;
	line-height:1.4;
	font-weight:400;
}
.sendPhoneAuth .sendPhoneAuth-table th:first-child,
.sendPhoneAuth .sendPhoneAuth-table td:first-child {
	border-left:0;
}
.sendPhoneAuth .sendPhoneAuth-table th {
	font-weight:600;
	background:#f7f7f7;
	color:#333;
}
.sendPhoneAuth .sendPhoneAuth-table td input {
	background:#fff;
}
.sendPhoneAuth .sendPhoneAuth-table td .inner {
	display:flex;
	align-items:center;
}
.sendPhoneAuth .sendPhoneAuth-table td .btn-numberChk{
	padding:0.6rem 1.5rem;
	width:auto;
}
.sendPhoneAuth .sendPhoneAuth-table.type2 {
	border-left:1px solid #ddd;
}
.sendPhoneAuth .sendPhoneAuth-table.type2 th,
.sendPhoneAuth .sendPhoneAuth-table.type2 td {
	border-right:1px solid #ddd;
}
.sendPhoneAuth .certi-box {
	box-sizing:border-box;
	border:10px solid #f7f7f7;
	margin-top:4rem;
	padding:2rem;
}
.sendPhoneAuth .certi-box .top {
	text-align:center;
	font-size:1.8rem;
	font-weight:500;
	color:#333;
	padding-bottom:2rem;
	border-bottom:1px dashed #ccc;
}
.sendPhoneAuth .certi-box .top .btn {
	width:auto;
	padding:0.8rem 2rem;
	border-radius:0;
	margin-left:1rem;
	font-size:1.4rem;
}
.sendPhoneAuth .certi-m .btm {
	font-size:1.4rem;
	line-height:1.8;
	text-align:center;
	padding-top:2rem;
}
.sendPhoneAuth .certi-f .sendPhoneAuth-table input {
	padding:1rem 1rem;
	height:auto;
}
.sendPhoneAuth .certi-f .sendPhoneAuth-table  .fileBox.fileBox_board {
	height:auto;
}
.sendPhoneAuth .certi-f .sendPhoneAuth-table .btn_file {
	font-size:1.4rem;
	height:auto;
}
.sendPhoneAuth .certi-f .sendPhoneAuth-table .btn_file > span {
	height:4rem;
	line-height:4rem;
}
@media (max-width: 991.98px) {
	.sendPhoneAuth .certi-box {
		border:8px solid #f7f7f7;
		margin-top:2rem;
	}
	.sendPhoneAuth .certi-box .top {
		font-size:1.6rem;
	}
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type,
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type colgroup,
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type tbody,
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type tr,
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type th,
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type td {
		display:block;
	}
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type {
		border-top:0;
	}
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type th,
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type td {
		border-bottom:0;
		border-left:0;
	}
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type th {
		background:#fff;
		text-align:left;
		padding:1rem 0 0;
	}
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type td {
		padding:1rem 0;
	}
	.sendPhoneAuth .certi-f .sendPhoneAuth-table.mobile-type .btn_file > span {
		height:4.8rem;
		line-height:4.8rem;
	}
}
.sendPhoneAuth .sec04 .btn-wrap .btn {
	width:auto;
	padding:0.6rem 2rem;
	border-radius:4px;
}
.sendPhoneAuth .myPhoneGroup .row > div[class^='col-'] {
	margin-bottom:4rem;
}
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table {
	box-sizing:border-box;
	width:100%;
	border-top:1px solid #000;
}
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table th,
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table td {
	box-sizing:border-box;
	padding:1rem 1.5rem;
	text-align:center;
	font-size:1.4rem;
	color:#333;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table th:first-child,
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table td:first-child {
	border-left:0;
}
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table th {
	background:#f7f7f7;
}
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table td {
	color:#666;
}
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table td .process-ing {
	color:#ff5555;
}
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table td .process-finish {
	color:#6668af;
}
.sendPhoneAuth .myPhoneGroup .myPhoneGroup-table td .btn-del {
	width:2.6rem;
	height:2.6rem;
	font-size:1.4rem;
	text-align:center;
	border:0;
	background:#222;
	color:#fff;
}
@media (max-width: 991.98px) {
	.sendPhoneAuth .myPhoneGroup .row > div[class^='col-'] {
		margin-bottom:3rem;
	}
}


/* 비즈회원전환 */
.changeBizUser .changeBizUser-table {
	box-sizing:border-box;
	width:100%;
	border-top:2px solid #000;
}
.changeBizUser .changeBizUser-table th,
.changeBizUser .changeBizUser-table td {
	box-sizing:border-box;
	padding:1.5rem;
	font-size:1.4rem;
	color:#666;
	line-height:1.4;
	border-bottom:1px solid #ddd;
}
.changeBizUser .changeBizUser-table th {
	font-size:1.6rem;
	font-weight:500;
	color:#222;
}
.changeBizUser .changeBizUser-table th > span,
.changeBizUser .changeBizUser-table td > .inner > span{
	color:#f55;
}
.changeBizUser .changeBizUser-table td > p {
	margin-top:1rem;
}
.changeBizUser .changeBizUser-table td input {
	padding:1.2rem 1.5rem;
	height:auto;
	background:#fff;
}
.changeBizUser .changeBizUser-table td select {
	padding:1.2rem 1.5rem;
	border:1px solid #ddd;
}
.changeBizUser .changeBizUser-table td.adr > div {
	margin-bottom:0.4rem;
}
.changeBizUser .changeBizUser-table td.adr a {
	color:#333;
	padding:1.3rem 1.5rem;
	font-size:1.4rem;
}
.changeBizUser .changeBizUser-table td.adr a:hover {
	border:1px solid #000;
}
.changeBizUser .changeBizUser-table td .btn-busiNumChk {
	width:auto;
	padding:1.2rem 1rem;
	font-size:1.4rem;
	margin:0;
	margin-right:1rem;
}
.changeBizUser .agree-box {
	margin-top:2rem;
	display:flex;
	align-items:center;
}
.changeBizUser .agree-box .checkbox_type1 label{
	font-size:1.6rem;
}
@media (max-width: 991.98px) {
	.changeBizUser .changeBizUser-table,
	.changeBizUser .changeBizUser-table colgroup,
	.changeBizUser .changeBizUser-table tbody,
	.changeBizUser .changeBizUser-table tr,
	.changeBizUser .changeBizUser-table th,
	.changeBizUser .changeBizUser-table td {
		display:block;
	}
	.changeBizUser .changeBizUser-table {
		border-top:0;
	}
	.changeBizUser .changeBizUser-table th,
	.changeBizUser .changeBizUser-table td {
		border-bottom:0;
		padding:0;
	}
	.changeBizUser .changeBizUser-table th {
		font-size:1.8rem;
		padding:3rem 0 1rem;
	}
	.changeBizUser .changeBizUser-table tr:first-child th {
		padding-top:0;
	}
	.changeBizUser .changeBizUser-table td input,
	.changeBizUser .changeBizUser-table td select {
		padding:1.5rem;
	}
	.changeBizUser .changeBizUser-table td select {
		width:100%;
	}
	.changeBizUser .changeBizUser-table td.busiNum .inner {
		display:flex;
		flex-wrap:wrap;
		-ms-flex-wrap:wrap;
	}
	.changeBizUser .changeBizUser-table td.busiNum .inner > input {
		width:calc(100% - 14.5rem);
	}
	.changeBizUser .changeBizUser-table td.busiNum .inner > .btn-busiNumChk {
		width:14rem;
		margin-right:0;
		padding:1.5rem 1rem;
	}
	.changeBizUser .changeBizUser-table td.busiNum .inner > span {
		display:block;
		width:100%;
		margin-top:1rem;
	}
	.changeBizUser .changeBizUser-table td.adr .dp-table {
		display:flex;
		align-items:center;
	}
	.changeBizUser .changeBizUser-table td.adr .dp-table > div:first-child {
		width:16rem;
		margin-right:0.4rem;
	}
	.changeBizUser .changeBizUser-table td.adr .dp-table a {
		padding:1.7rem 1.5rem;
		position:relative;
		top:1px;
	}
}





/* 모바일쿠폰 발송 */
#order-wrap {
	margin-bottom:2rem;
}
#order-wrap .step {
	display:flex;
	align-items:center;
	box-sizing:border-box;
	margin-bottom:3rem;
}
#order-wrap .step > .arrow {
	background:#6668af;
	position:relative;
	color:#fff;
	font-size:2.2rem;
	font-weight:800;
	line-height:5rem;
	box-sizing:border-box;
	width:14rem;
	height:5rem;
	text-align:center;
}
#order-wrap .step > .arrow:after {
	content:"";
	position:absolute;
	right:-5rem;
	top:0;
	width: 0;
	height: 0;
	border-bottom: 2.5rem solid transparent;
	border-top: 2.5rem solid transparent;
	border-left: 2.5rem solid #6668af;
	border-right: 2.5rem solid transparent;
}
#order-wrap .step > p {
	font-size:2.2rem;
	font-weight:700;
	box-sizing:border-box;
	padding-left:4rem;
	width:calc(100% - 14rem);
	height:5rem;
	line-height:5rem;
	color:#333;
	border-bottom:1px solid #ddd;
}
@media (max-width: 1199.98px) {
	#order-wrap .step > .arrow {
		font-size:1.8rem;
		line-height:40px;
		width:10rem;
		height:40px;
	}
	#order-wrap .step > .arrow:after {
		right:-40px;
		border-bottom: 20px solid transparent;
		border-top: 20px solid transparent;
		border-left: 20px solid #6668af;
		border-right: 20px solid transparent;
	}
	#order-wrap .step > p {
		font-size:1.8rem;
		padding-left:4rem;
		width:calc(100% - 10rem);
		height:40px;
		line-height:40px;
	}
}
@media (max-width: 991.98px) {
	#order-wrap .step {
		margin-bottom:2rem;
	}
	#order-wrap .step > .arrow {
		font-size:1.6rem;
		font-weight:600;
		line-height:32px;
		width:9rem;
		height:32px;
	}
	#order-wrap .step > .arrow:after {
		right:-32px;
		border-bottom: 16px solid transparent;
		border-top: 16px solid transparent;
		border-left: 16px solid #6668af;
		border-right: 16px solid transparent;
	}
	#order-wrap .step > p {
		font-size:1.6rem;
		padding-left:3rem;
		width:calc(100% - 9rem);
		height:32px;
		line-height:32px;
	}
}


#order-wrap .order-table {
	box-sizing:border-box;
	border-top:2px solid #222;
	width:100%;
}
#order-wrap .order-table th,
#order-wrap .order-table td {
	box-sizing:border-box;
	padding:1.2rem 2rem;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
}
#order-wrap .order-table th:first-child,
#order-wrap .order-table td:first-child {
	border-left:0;
}
#order-wrap .order-table th {
	font-size:1.6rem;
	color:#333;
	background:#fbfbfb;
}
#order-wrap .order-table td {
	font-size:1.4rem;
	color:#666;
}
#order-wrap .order-table td.thum > img {
	max-height:9rem;
}
#order-wrap .order-table td.prd-name {
	text-align:left;
}
@media (max-width: 991.98px) {
	#order-wrap .order-prd-table,
	#order-wrap .order-prd-table colgroup,
	#order-wrap .order-prd-table thead,
	#order-wrap .order-prd-table tbody,
	#order-wrap .order-prd-table tr,
	#order-wrap .order-prd-table th,
	#order-wrap .order-prd-table td {
		display:block;
		border-left:0;
		border-bottom:0;
		border-top:0;
	}
	#order-wrap .order-prd-table thead,
	#order-wrap .order-prd-table td.none {
		display:none;
	}
	#order-wrap .order-prd-table tr {
		position:relative;
		box-sizing:border-box;
		border:1px solid #ddd;
		margin-bottom:1rem;
		padding:1rem 1rem 1rem 14rem;
		min-height:11rem;
	}
	#order-wrap .order-prd-table td.thum {
		position:absolute;
		display:flex;
		align-items:center;
		justify-content:center;
		width:11rem;
		height:11rem;
		left:1rem;
		top:1rem;
		padding:0;
		overflow:hidden;
		text-align:center;
		border:1px solid #ddd;
	}
	#order-wrap .order-prd-table td.thum > img {
		max-width:100%;
	}
	#order-wrap .order-prd-table td {
		position:relative;
		padding:0.2rem 0;
		text-align:left;
		font-size:1.6rem;
	}
	#order-wrap .order-prd-table td.prd-name {
		font-weight:700;
		color:#000;
	}
	#order-wrap .order-prd-table td.prd-price {
		color:#6668af;
		font-weight:600;
	}
	#order-wrap .order-prd-table td.prd-price:before {
		content:"구매가격";
		display:inline-block;
		width:9rem;
	}
	#order-wrap .order-prd-table td.prd-point:before {
		content:"적립포인트";
		display:inline-block;
		width:9rem;
	}
	#order-wrap .order-prd-table td.count-day:before {
		content:"유효기간";
		display:inline-block;
		width:9rem;
	}
}



#order-wrap .btn-button {
	box-sizing:border-box;
	padding:0.8rem 1rem 0.7rem;
	text-align:center;
	background:#6668af;
	color:#fff;
	font-size:1.6rem;
	font-weight:600;
	border:0;
	border-radius:8px;
}

#order-wrap .sec01 > .info {
	text-align:right;
	font-size:1.4rem;
	margin-bottom:1rem;
}

#order-wrap .sec01 > .price-box {
	box-sizing:border-box;
	background:#f9f9f9;
	padding:1.5rem 3rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:2rem;
}
#order-wrap .sec01 > .price-box > p {
	font-size:2rem;
	font-weight:700;
	color:#333;
}
#order-wrap .sec01 > .price-box > .total-price {
	font-size:2.2rem;
	font-weight:700;
	color:#6668af;
}
@media (max-width: 991.98px) {
	#order-wrap .sec01 > .price-box {
		padding:1.2rem 2rem;
	}
	#order-wrap .sec01 > .price-box > p {
		font-size:1.8rem;
	}
	#order-wrap .sec01 > .price-box > .total-price {
		font-size:2rem;
	}
}


#order-wrap .sec02 .top {
	box-sizing:border-box;
	padding:3rem 4rem;
	background:#f9f9f9;
	border:1px solid #ddd;
	display:flex;
}
#order-wrap .sec02 .top > div > p {
	font-size:1.8rem;
	font-weight:700;
	color:#333;
	margin-bottom:1rem;
}
#order-wrap .sec02 .top .caller-box {
	flex:4;
}
#order-wrap .sec02 .top .caller-box > div {
	display:flex;
	align-items:center;
}
#order-wrap .sec02 .top .caller-box input.caller {
	width:20rem;
}
#order-wrap .sec02 .top .caller-box .btn-caller {
	width:16rem;
}
#order-wrap .sec02 .top .caller-box .info {
	margin-top:1rem;
	font-size:1.4rem;
	font-weight:500;
	color:#333;
}
#order-wrap .sec02 .top .caller-box .info > span {
	color:#600ce5;
}
#order-wrap .sec02 .top .message-box {
	flex:6;
}
#order-wrap .sec02 .top .message-box input.message {
	width:100%;
}
@media (max-width: 1199.98px) {
	#order-wrap .sec02 .top .caller-box {
		flex:1;
	}
	#order-wrap .sec02 .top .message-box {
		flex:1;
	}
}
@media (max-width: 991.98px) {
	#order-wrap .sec02 .top {
		padding:2rem 1.5rem;
		display:block;
	}
	#order-wrap .sec02 .top .caller-box {
		margin-bottom:1rem;
	}
	#order-wrap .sec02 .top .caller-box input.caller {
		width:100%;
	}
}

#order-wrap .sec02 .mid {
	margin-top:4rem;
}
#order-wrap .sec02 .mid .table-wrap {
	position:relative;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	overflow-y:scroll;
	height:36rem;
}
#order-wrap .sec02 .mid .table-wrap .order-table-head {
	position:sticky;
	left:0;
	top:0;
	z-index:10;
}
#order-wrap .sec02 .mid .table-wrap .order-table-body {
	border-top:0;
}
#order-wrap .sec02 .mid .table-wrap .order-table-body td.input {
	padding:0;
	height:4.5rem;
}
#order-wrap .sec02 .mid .table-wrap .order-table-body td.input input {
	margin:0;
	width:100%;
	height:100%;
	border:0;
	border-radius:0;
	background:#fff;
}
#order-wrap .sec02 .mid .table-wrap .order-table-body td.input input:focus {
	background:#f5f5f5;
	outline:none;
}
#order-wrap .sec02 .mid .adr-list .btnArea {
	margin-top:1.8rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#order-wrap .sec02 .mid .adr-list .btnArea .btn-button {
	padding:0.6rem 1rem;
	width:13rem;
	font-size:1.4rem;
	font-weight:400;
	color:#666;
	background:#fff;
	border:1px solid #ccc;
	border-radius:6px;
}
@media (max-width: 991.98px) {
	#order-wrap .sec02 .mid .table-wrap {
		height:22rem;
	}
}



#order-wrap .sec02 .mid .adr-info > .btnArea {
	display:flex;
}
#order-wrap .sec02 .mid .adr-info > .btnArea > .btn-button {
	width:50%;
	padding:1.5rem 1rem;
	margin-right:0.8rem;
}
#order-wrap .sec02 .mid .adr-info > .btnArea > .btn-button:last-child {
	margin-right:0;
}
#order-wrap .sec02 .mid .adr-info > .btnArea > .btn-adr-load {
	background:#fff;
	color:#6668af;
	border:1px solid #6668af;
}
#order-wrap .sec02 .mid .adr-info .info-box {
	box-sizing:border-box;
	padding:3rem 3rem;
	background:#f9f9f9;
	color:#333;
	font-size:1.6rem;
	line-height:1.6;
	margin-top:4rem;
}
#order-wrap .sec02 .mid .adr-info .info-box .tit {
	font-size:1.8rem;
	font-weight:700;
}
#order-wrap .sec02 .mid .adr-info .info-box .info {
	position:relative;
	box-sizing:border-box;
	padding-left:2.2rem;
	margin-top:1rem;
}
#order-wrap .sec02 .mid .adr-info .info-box .info:before {
	content: "\e9a6";
	font-family:"xeicon";
	position:absolute;
	left:0;
	top:-1px;
	font-size:1.6rem;
	color:#c4c4c4;
}
#order-wrap .sec02 .mid .caller-box {
	box-sizing:border-box;
	padding:2rem 3rem;
	background:#f9f9f9;
	color:#333;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:4rem;
}
#order-wrap .sec02 .mid .caller-box > p {
	font-size:2rem;
	font-weight:700;
}
#order-wrap .sec02 .mid .caller-box .caller-price {
	text-align:right;
	font-size:2.2rem;
	font-weight:700;
	color:#6668af;
}
@media (max-width: 991.98px) {
	#order-wrap .sec02 .mid .adr-info .info-box {
		padding:2rem 2rem;
		margin-top:2rem;
	}
	#order-wrap .sec02 .mid .caller-box {
		padding:2rem 2rem;
		margin-top:2rem;
	}
	#order-wrap .sec02 .mid .caller-box > p {
		font-size:1.8rem;
	}
	#order-wrap .sec02 .mid .caller-box .caller-price {
		font-size:2rem;
	}
}



#order-wrap .sec03 .pay-table{
	box-sizing:border-box;
	width:100%;
}
#order-wrap .sec03 .pay-table th,
#order-wrap .sec03 .pay-table td {
	box-sizing:border-box;
	padding:2rem 0;
	border-bottom:1px solid #ddd;
	color:#333;
}
#order-wrap .sec03 .pay-table tr:last-child th,
#order-wrap .sec03 .pay-table tr:last-child td {
	border-bottom:0;
}
#order-wrap .sec03 .pay-table th {
	font-size:1.8rem;
	font-weight:700;
	padding:2rem 4rem;
}
#order-wrap .sec03 .pay-table th > a > i {
	position:relative;
	top:2px;
	font-size:2rem;
	color:#c4c4c4;
}
#order-wrap .sec03 .pay-table td > .inner {
	display:flex;
	align-items:center;
}
#order-wrap .sec03 .pay-table td > .inner > input,
#order-wrap .sec03 .pay-table td > .inner > button {
	margin-right:1rem;
}
#order-wrap .sec03 .pay-table td > .inner > input {
	width:40%;
}
#order-wrap .sec03 .pay-table td > .inner > button {
	width:9rem;
}
#order-wrap .sec03 .pay-table td > .inner > p {
	font-size:1.4rem;
	width:calc(60% - 11rem);
}
#order-wrap .sec03 .pay-box > div > p > label {
	font-size:1.6rem;
	color:#000;
}
#order-wrap .sec03 .pay-box .agree-box {
	display:flex;
	align-items:center;
}
#order-wrap .sec03 .pay-box .btn-agree {
	padding:0.6rem 1rem;
	font-size:1.4rem;
	font-weight:400;
	background:#fff;
	border:1px solid #6668af;
	color:#6668af;
	width:20rem;
	border-radius:6px;
}
@media (max-width: 991.98px) {
	#order-wrap .sec03 .pay-table th,
	#order-wrap .sec03 .pay-table td {
		padding:1rem 0;
	}
	#order-wrap .sec03 .pay-table th {
		font-size:1.6rem;
		font-weight:600;
		padding:1rem 1rem;
	}
	#order-wrap .sec03 .pay-table td > .inner {
		flex-wrap:wrap;
		-ms-flex-wrap:wrap;
	}
	#order-wrap .sec03 .pay-table td > .inner > input,
	#order-wrap .sec03 .pay-table td > .inner > button {
		
	}
	#order-wrap .sec03 .pay-table td > .inner > input {
		width:auto;
		--wid : calc(100% - 10rem);
		max-width:var(--wid);
		flex:0 0 var(--wid);
	}
	#order-wrap .sec03 .pay-table td > .inner > button {
		margin-right:0;
		max-width:9rem;
		flex:0 0 9rem;
	}
	#order-wrap .sec03 .pay-table td > .inner > p {
		font-size:1.6rem;
		width:100%;
		margin-top:0.5rem;
	}
}
@media (max-width: 767.98px) {
	#order-wrap .sec03 .pay-box .agree-box {
		display:block;
		text-align:center;
	}
	#order-wrap .sec03 .pay-box .agree-box > .checkbox_type1 {
		margin-right:0;
	}
	#order-wrap .sec03 .pay-box .btn-agree {
		padding:0.6rem 2rem;
		width:auto;
		margin-top:1rem;
	}
}

#order-wrap .sec03 .pay-info {
	box-sizing:border-box;
	border:2rem solid #f9f9fc;
	padding:3rem;
}
#order-wrap .sec03 .pay-info .tit {
	font-size:2.2rem;
	font-weight:700;
	color:#333;
	padding-bottom:1rem;
	border-bottom:2px solid #000;
}
#order-wrap .sec03 .pay-info-table {
	box-sizing:border-box;
	width:100%;
}
#order-wrap .sec03 .pay-info-table tbody > tr:first-child > th,
#order-wrap .sec03 .pay-info-table tbody > tr:first-child > td {
	padding-top:2rem;
}
#order-wrap .sec03 .pay-info-table tbody > tr:last-child > th,
#order-wrap .sec03 .pay-info-table tbody > tr:last-child > td {
	padding-bottom:1.5rem;
	border-bottom:1px solid #ddd;
}
#order-wrap .sec03 .pay-info-table th,
#order-wrap .sec03 .pay-info-table td {
	font-size:1.6rem;
	color:#333;
	box-sizing:border-box;
	padding:0.5rem 0.5rem;
}
#order-wrap .sec03 .pay-info-table th > span {
	position:relative;
	font-weight:500;
	padding-left:2rem;
}
#order-wrap .sec03 .pay-info-table th > span:before {
	content:"";
	position:absolute;
	left:1rem;
	top:50%;
	transform:translateY(-50%);
	width:4px;
	height:4px;
	border-radius:50%;
	background:#6668af;
}
#order-wrap .sec03 .pay-info-table th.total > span {
	font-weight:700;
}
#order-wrap .sec03 .pay-info-table td {
	text-align:right;
}
#order-wrap .sec03 .pay-info-table td.total {
	color:#6668af;
	font-weight:700;
	font-size:1.4rem;
	line-height:1.2;
}
#order-wrap .sec03 .pay-info-table td.total .price {
	font-size:2.2rem;
}
@media (max-width: 991.98px) {
	#order-wrap .sec03 .pay-info {
		border:1.5rem solid #f9f9fc;
		padding:2rem;
	}
	#order-wrap .sec03 .pay-info .tit {
		font-size:2rem;
	}
	#order-wrap .sec03 .pay-info-table th,
	#order-wrap .sec03 .pay-info-table td {
		padding:0.5rem 0;
	}
	#order-wrap .sec03 .pay-info-table th > span {
		padding-left:1.2rem;
	}
	#order-wrap .sec03 .pay-info-table th > span:before {
		left:0;
	}
	#order-wrap .sec03 .pay-info-table td.total .price {
		font-size:1.8rem;
	}
}


/* 장바구니 */
.order-cart-wrap .sec01 .info {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.order-cart-wrap .sec01 > p {
	color:#333;
}
.order-cart-wrap .order-cart-table .checkbox_type1 > label {
	width:14px;
	height:14px;
	padding-left:0;
}
.order-cart-wrap .order-cart-table th > .checkbox_type1 {
	position:relative;
	top:4px;
}

.order-cart-wrap .order-cart-table td a {
	color:#333;
}
@media (max-width: 991.98px) {
	.order-cart-wrap .order-cart-table th > .checkbox_type1 {
		top:2px;
	}
}
@media (max-width: 991.98px) {
	#order-wrap .order-cart-table,
	#order-wrap .order-cart-table colgroup,
	#order-wrap .order-cart-table thead,
	#order-wrap .order-cart-table tbody,
	#order-wrap .order-cart-table tr,
	#order-wrap .order-cart-table th,
	#order-wrap .order-cart-table td {
		display:block;
		border-left:0;
		border-bottom:0;
		border-top:0;
	}
	#order-wrap .order-cart-table thead,
	#order-wrap .order-cart-table td.none {
		display:none;
	}
	#order-wrap .order-cart-table tr {
		position:relative;
		box-sizing:border-box;
		border:1px solid #ddd;
		margin-bottom:1rem;
		padding:1rem 1rem 1rem 12rem;
		min-height:11rem;
	}
	#order-wrap .order-cart-table td.thum {
		position:absolute;
		display:flex;
		align-items:center;
		justify-content:center;
		width:9rem;
		height:9rem;
		left:1rem;
		top:1rem;
		padding:0;
		overflow:hidden;
		border:0;
		text-align:center;
		border:1px solid #ddd;
	}
	#order-wrap .order-cart-table td.thum > a {
		display:block;
	}
	#order-wrap .order-cart-table td.thum > a > img {
		max-width:100%;
		width:100% !important;
	}
	#order-wrap .order-cart-table td.chk {
		position:absolute;
		right:2rem;
		top:50%;
		transform:translateY(-50%);
		z-index:50;
	}
	#order-wrap .order-cart-table td {
		position:relative;
		padding:0.2rem 0;
		text-align:left;
		font-size:1.6rem;
	}
	#order-wrap .order-cart-table td.prd-name {
		font-weight:700;
		color:#000;
	}
	#order-wrap .order-cart-table td.prd-price {
		color:#6668af;
		font-weight:600;
	}
	#order-wrap .order-cart-table td.prd-price:before {
		content:"구매가격";
		display:inline-block;
		width:9rem;
	}
	#order-wrap .order-cart-table td.prd-point:before {
		content:"적립포인트";
		display:inline-block;
		width:9rem;
	}
	#order-wrap .order-cart-table td.sale-day:before {
		content:"전시상태";
		display:inline-block;
		width:9rem;
	}
	.order-cart-wrap .btnArea {
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.order-cart-wrap .btnArea > a {
		width:50%;
		margin:0 0.4rem;
	}
}





/************* 회원가입 인트로 ****************/
#join-intro .title p {
	font-size:2rem;
	color:#333;
	margin-top:1.5rem;
}
#join-intro .sec01 {
	margin:0 auto;
	max-width:100rem;
}
#join-intro .sec01 .tab {
	list-style:none;
	padding-left:0;
	width:100%;
	display:flex;
	justify-content: center;
}
#join-intro .sec01 .tab > li {
	width:50%;
}
#join-intro .sec01 .tab > li > form > a,
#join-intro .sec01 .tab > li > a {
	display:block;
	box-sizing:border-box;
	font-size:2.4rem;
	font-weight:700;
	color:#999;
	text-align:center;
	border:1px solid #ddd;
	border-left:0;
	/* padding:2rem 1.5rem; */
	padding:5rem 1.5rem;
	background:#f6f6f6;
}
#join-intro .sec01 .tab > li > form > a,
#join-intro .sec01 .tab > li:first-child > a {
	border-left:1px solid #ddd;
}
#join-intro .sec01 .tab > li > form > a:hover,
#join-intro .sec01 .tab > li > a:hover,
#join-intro .sec01 .tab > li.on > a {
	background:#fff;
	color:#6668af;
	border:1px solid #6668af;
}
#join-intro .sec01 .tabBox {
	display:none;
}
#join-intro .sec01 .tabBox.on {
	display:block;
}
#join-intro .sec01 .tabBox {
	box-sizing:border-box;
	padding:4rem 2rem;
	border:1px solid #ddd;
	border-top:0;
	text-align:center;
}
#join-intro .sec01 .tabBox > .tit {
	font-size:2.2rem;
	font-weight:700;
	color:#333;
}
#join-intro .sec01 .tabBox .box {
	margin:2rem auto 0;
	max-width:80rem;
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#f9f9f9;
	padding:3rem;
	text-align:left;
}
#join-intro .sec01 .tabBox .box > dl {
	display:flex;
}
#join-intro .sec01 .tabBox .box > dl > dt,
#join-intro .sec01 .tabBox .box > dl > dd {
	box-sizing:border-box;
	padding:0.5rem 0;
}
#join-intro .sec01 .tabBox .box > dl > dt {
	width:15%;
	font-size:1.8rem;
	font-weight:600;
	color:#333;
}
#join-intro .sec01 .tabBox .box > dl > dd {
	width:85%;
	font-size:1.6rem;
	color:#333;
	line-height:1.6;
}
#join-intro .sec01 .tabBox .box > dl > dd > span {
	color:#6668af;
}
@media (max-width: 991.98px) {
	#join-intro .title p {
		font-size:1.8rem;
	}
	#join-intro .sec01 .tab > li > form > a,
	#join-intro .sec01 .tab > li > a {
		font-size:1.8rem;
		padding:1.5rem 1rem;
	}
	#join-intro .sec01 .tabBox .box {
		padding:2rem;
	}
	#join-intro .sec01 .tabBox .box > dl {
		display:block;
	}
	#join-intro .sec01 .tabBox .box > dl > dt,
	#join-intro .sec01 .tabBox .box > dl > dd {
		width:100%;
	}
}

#join-intro .btnArea {
	margin-top:6rem;
	margin-bottom:5rem;
}
#join-intro .btnArea > a {
	display:inline-block;
	font-size:1.8rem;
	font-weight:500;
	text-align:center;
	box-sizing:border-box;
	padding:1.3rem 2rem;
	width:30rem;
	border-radius:1rem;
	background:#393a43;
	color:#fff;
	margin:0 0.5rem;
}
#join-intro .btnArea > a:nth-of-type(1){
	background:#6668af;
}
@media (max-width: 991.98px) {
	#join-intro .btnArea {
		margin-top:4rem;
		margin-bottom:3rem;
	}
	#join-intro .btnArea > a {
		font-size:1.6rem;
		width:20rem;
	}
}