@charset "utf-8";



/* =======================================================
	common
========================================================*/
.section-order {
	position: relative;
	width: 100%;
	padding: 0;
	margin-top: 10px;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #dadbdf;
}
.section-order:first-of-type {
	margin-top: 0;
}




/* order-header
---------------------------------------------------*/
.order-header {
	position: relative;
	display: block;
	width: 100%; height: 55px;
	padding: 0 20px;
	background-color: #fff;
  box-sizing: border-box;
}
.order-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.order-header .title {
	float: left;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	color: #222;
	line-height: 55px;
}
.order-header .btn,
.order-header .btn02,
.order-header .btn03 {
	float: right;
	margin-top: 13px;
}
.order-header .btn-goto {
	float: right;
	height: 55px;
	line-height: 55px;
}

button.order-header {
	float: none;
	height: 55px;
	padding: 0 50px 0 20px;
	background-image: url("/AppData/images/mediacommerce/button/accordion_down.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 24px;
  background-size: 12px 8px;
}
button.order-header .peep {
	position: absolute;
	right: 50px;
	display: none;
	font-size: 13px;
	text-align: right;
	color: #888;
	line-height: 55px;
}
button.order-header.active .peep {
	display: block;
}




/* order-contents
---------------------------------------------------*/
.order-contents {
	display: block;
	position: relative;
	padding: 20px 20px;
	border-top: 1px solid #f2f2f2;
	box-sizing: border-box;
	background-color: #fff;
}
.order-contents.active {
	display: none;
}

.order-contents .text-message {
  width: 100%; height: 120px;
  margin-top: 10px;
}
.order-contents .input-message {
	margin-top: 10px;
}


/* inventory-list
---------------------------------------------------*/
.inventory-list {}
.inventory-list li {
	box-sizing: border-box;
	background-color: #fff;
}

.inventory-list li:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }



/* 머리 */
.inventory-header {
	padding: 10px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
}
.inventory-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-header .date {
	float: left;
	font-size: 13px;
	color: #888;
}
.inventory-header .date em {
	font-style: normal;
	font-weight: 500;
}

.inventory-header .btn-group {
	float: right;
}



/* 몸통 */
.inventory-group {
	padding: 20px 0;
	box-sizing: border-box;
}
.inventory-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.inventory-thumb {
	float: left;
	position: relative;
	display: block;
	width: 72px; height: 72px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.inventory-thumb img {
	display: block;
	width: 100%;
	height: 100%;
}

.inventory-matching .matching-tag{
	position: absolute;
	top: 10px; left: 0;
	display: inline-block;
	padding: 3px 12px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: rgba(255, 0, 0, 0.6);
}
.inventory-matching span {
	color: #fff;
	display: inline-block;
	padding-left: 11px;
	background-image: url("/AppData/images/mediacommerce/icon/icon_video.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 6px 8px;
	font-size: 13px;
	line-height: 1em;
}

.inventory-thumb .soldout-text {
	display: none;
	position: absolute;
	top: 0; left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}
.inventory-thumb .soldout-text span {
	position: absolute;
	top: 50%;
	margin: 0 auto;
	margin-top: -36px;
	display: block;
	width: 100%;
	font-size: 24px;
	text-align: center;
	font-weight: 700;
	color: #fff;
}
.inventory-list .soldout .soldout-text {display: block; }



.inventory-item {
	float: left;
	width: calc(100% - 82px);
	margin-left: 10px;
	padding-top: 5px;
}
.inventory-title {
	font-size: 14px;
	color: #222;
}
.inventory-option {
	font-size: 12px;
	color: #888;
}

.inventory-info {
	margin-top: 10px;
}
.inventory-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.inventory-info .count {
	float: left;
	font-size: 13px;
	color: #888;
	line-height: 18px;
}
.inventory-list .price {
	float: right;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	line-height: 18px;
}
.inventory-list .price span {
	font-size: 15px;
	font-weight: 400;
}


/* 다리 */
.inventory-bottom {
	padding: 10px 0;
	box-sizing: border-box;
	border-top: 1px solid #f2f2f2;
}
.inventory-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-bottom > span {
	float: left;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	line-height: 30px;
}
.inventory-bottom .btn-group {
	float: right;
}


.inventory-list .sale {
	color: red;
	font-size: 16px;
}




/* order-receipt
---------------------------------------------------*/
.receipt-info {}
.receipt-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.receipt-info dt {
	float: left;
	font-size: 16px;
	color: #444;
	line-height: 24px;
}
.receipt-info dd {
	float: right;
	font-size: 15px;
	color: #444;
	line-height: 24px;
	text-align: right;
}
.receipt-info dd strong {
	font-size: 18px;
	font-weight: 500;
}

.receipt-info + .receipt-info {
	margin-top: 15px;
}

.receipt-total {
	margin-top: 20px;
	padding-top: 20px;
	box-sizing: border-box;
	border-top: 1px solid #f2f2f2;
}
.receipt-total dt {
	font-size: 18px;
	color: #222;
	line-height: 32px;
}
.receipt-total dd {
	font-size: 18px;
	line-height: 32px;
}
.receipt-total dd strong {
	font-size: 22px;
	font-weight: 700;
}

.receipt-group + .receipt-group {
	margin-top: 20px;
}




/* =======================================================
	mc--cart 장바구니
========================================================*/
.mc--cart {}

.mc--cart .page-header {
	padding: 10px 20px;
}
.cart-inventory li {
	width: 100%;
	padding: 20px 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}
.cart-inventory li:last-of-type {
	border-bottom: 1px solid #dadbdf;
}
.cart-inventory li.nodata {
	padding: 100px 20px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 14px;
	color: #888;
	text-align: center;
}


.cart-inventory-top:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.cart-inventory .checkbox {float: left; }
.cart-inventory .checkbox input[type=checkbox] + label:before {
	margin-right: 0;
}

.cart-inventory .inventory-group {
	float: left;
	width: calc(100% - 50px);
	padding: 0 0 0 10px;
}
.cart-inventory .btn-delete-cart {
	float: left;
	width: 30px; height: 30px;
	padding: 0;
	border: none;
	background: none;
}
.cart-inventory .btn-delete-cart .icon-delete {
	width: 30px; height: 10px;
	margin-top: 10px;
  background-image: url("/AppData/images/mediacommerce/button/btn_delete.svg");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: right top;
}

.cart-inventory-bottom {
	width: 100%;
	padding: 15px 0 0 30px;
	box-sizing: border-box;
}
.cart-inventory-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.cart-inventory-bottom .quantity-wrapper {
	float: left;
}
.cart-inventory-bottom .price {
	float: right;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	line-height: 40px;
}
.cart-inventory-bottom .price span {
	font-size: 15px;
	font-weight: 400;
}


.cart-receipt {
	position: relative;
	padding: 20px 20px;
	margin-top: 10px;
	background-color: #fff;
}


/* cart fixed-btn-group
---------------------------------------------------*/
.mc--cart .fixed-btn-group {
	padding: 0;
}
.mc--cart .fixed-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--cart .fixed-btn-group .btn-big {
	width: 100%; height: 50px;
	display: block;
	padding: 0 20px;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 50px;
}




/* =======================================================
	mc--zzim 관심상품
========================================================*/

.zzim-inventory li {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}
.zzim-inventory li.nodata {
	padding: 100px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #888;
  text-align: center;
}

.zzim-inventory .inventory-thumb {
	float: left;
	width: 105px; height: 105px;
}
.zzim-inventory .inventory-item {
	float: left;
	width: calc(100% - 152px);
}
.zzim-inventory .inventory-title {
	margin-bottom: 20px;
}
.zzim-inventory .btn-delete-zzim {
	float: right;
	width: 30px; height: 30px;
	padding: 0;
	border: none;
	background: none;
}
.zzim-inventory .btn-delete-zzim .icon-delete {
	width: 22px; height: 22px;
	margin-top: 10px;
  background-image: url("/AppData/images/mediacommerce/button/btn_delete.svg");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: right top;
}

.zzim-inventory .price {
	float: none;
}
.zzim-inventory .sale {padding-left: 10px; }





/* =======================================================
	mc--recently 최근상품
========================================================*/
.recently-inventory li {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}
.recently-inventory li.nodata {
	padding: 100px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #888;
  text-align: center;
}
.recently-inventory .inventory-thumb {
	float: left;
	width: 105px; height: 105px;
}
.recently-inventory .inventory-item {
	float: left;
	width: calc(100% - 152px);
}
.recently-inventory .inventory-title {
	margin-bottom: 20px;
}
.recently-inventory .btn-dot {
	float: right;
	width: 30px; height: 30px;
	padding: 0;
	border: none;
	background: none;
}
.recently-inventory .btn-dot .icon-dot {
	width: 30px; height: 30px;
	margin-top: 10px;
  background-image: url("/AppData/images/mediacommerce/icon/icon_dot.svg");
  background-size: 3px 15px;
  background-repeat: no-repeat;
  background-position: right top;
}

.recently-inventory .price {
	float: none;
}
.recently-inventory .sale {padding-left: 10px; }


/* drawer-container */
.drawer-container {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 9998;
	display: none;
	background: rgba(28, 28, 28, 0.6);
}
.drawer-bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: none;
	background-color: transparent;
	outline: none;
}
.drawer-contents {
	position: absolute;
	left: 0; bottom: -100%;
	z-index: 9999;
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}
.drawer-contents.active {
	bottom: 0;
}


.drawer-list {}
.drawer-list li + li {
	border-top: 1px solid #dfdfdf;
}
.drawer-list li button {
	display: block;
	width: 100%; height: 50px;
	padding: 0 20px;
	box-sizing: border-box;
	border-radius: 0;
	color: #444;
}
.drawer-list li button.close-drawer {
	text-align: center;
	color: #fff;
}
.drawer-list li button:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}

.drawer-list li .icon {
	float: left;
	margin-right: 15px;
}
.drawer-list li .icon + span {float: left; }





/* =======================================================
	mc--order 주문/결제
========================================================*/
/* order fixed-btn-group
---------------------------------------------------*/
.mc--order .fixed-btn-group {
	padding: 0;
}
.mc--order .fixed-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--order .fixed-btn-group .btn-big {
	width: 100%; height: 50px;
	display: block;
	padding: 0 20px;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 50px;
}


/* 주문상품 정보
----------------------------------------------*/
.mc--order .inventory-list li {
	border-bottom: 1px solid #f2f2f2;
}
.mc--order .inventory-list li:last-of-type {
	border-bottom: 0;
}
.mc--order .inventory-list li:first-of-type .inventory-group {
	padding-top: 0;
}
.mc--order .inventory-list li:last-of-type .inventory-group {
	padding-bottom: 0;
}

/* 쿠폰영역 */
.mc--order .inventory-bottom {border-top: none;}
.mc--order .inventory-bottom strong {
	float: left;
	line-height: 30px;
	color: #444;
	font-size: 14px;
	font-weight: 500;
}
.mc--order .coupon-group {float: right; }
.mc--order .coupon-group .coupon-sale {
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
}
.mc--order .coupon-group em {font-style: normal;}


/* 배송지 정보
----------------------------------------------*/
.mc--order .radio-delivery {
	margin-bottom: 30px;
}
.mc--order .radio-delivery label {
	font-size: 13px;
}
.mc--order .radio-delivery input[type=radio]:checked + label:after {
	content: "";
	top: 5px;
}
.mc--order .checkbox-delivery {
	margin-top: 10px;
}
.mc--order .checkbox-same {
	margin-top: 10px;
}
.mc--order .order-delivery-form {margin-top: 30px; }


/* 쿠폰/적립금
----------------------------------------------*/
.mc--order .point-guide {
	font-size: 12px;
	color: #888;
}
.mc--order .point-guide strong {
	font-weight: 500;
}




/* 결제수단
----------------------------------------------*/
.pay-list li {margin-top: 20px; }
.pay-list li:first-child {margin-top: 0; }
.pay-list .radiobox label {
	font-size: 16px;
	color: #444;
	line-height: 22px;
}
.pay-list .radiobox input[type=radio]:checked + label:after {
	content: "";
	position: absolute;
	top: 7px; left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
}




/* =======================================================
	mc--complete 주문완료
========================================================*/
.mc--complete .complete-text {
	padding: 20px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
	font-size: 16px;
	color: #444;
}

.mc--complete .order-receipt {
	padding: 20px 20px;
	box-sizing: border-box;
}





/* =======================================================
	mc--orderlist 주문/배송 목록
========================================================*/
.range-wrapper {
	margin-bottom: 10px;
	padding: 20px 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #dadbdf;
}
.mc--orderlist .nodata {
	padding: 100px 20px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 14px;
	color: #888;
	text-align: center;
}

.mc--orderlist .ordergroup {
	background-color: #fff;
	border-bottom: 1px solid #dadbdf;
	box-sizing: border-box;
}

.mc--orderlist .ordergroup + .ordergroup {
	margin-top: 10px;
}



/* ordergroup-header */
.mc--orderlist .ordergroup-header {
	padding: 20px 20px;
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.mc--orderlist .ordergroup-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--orderlist .ordergroup-header p {float: left; }
.mc--orderlist .ordergroup-header .ordernum {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding-right: 11px;
	font-size: 13px;
}
.mc--orderlist .ordergroup-header .ordernum:after {
	content: "";
	position: absolute;
	right: 0; top: 5px;
	display: block;
	width: 1px; height: 12px;
	background-color: #e9eaee;
}
.mc--orderlist .ordergroup-header .date {
	font-size: 13px;
	color: #666;
}
.mc--orderlist .ordergroup-header button {
	float: right;
	line-height: 19px;
}
.mc--orderlist .ordergroup-header span {
	font-size: 13px;
}

.mc--orderlist .ordergroup-inventory {
	padding: 0 20px;
}
.mc--orderlist .ordergroup-inventory .price {
	float: right;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
}



.mc--orderlist .inventory-list li {
	border-top: 1px solid #f2f2f2;
	padding: 0 20px;
}
.mc--orderlist .inventory-list li:first-child {
	border-top: 0;
}





/* =======================================================
	mc--orderview 주문상세
========================================================*/
.mc--orderview .ordergroup {
	padding: 20px 20px;
	background: none;
	font-size: 13px;
	color: #888;
}
.mc--orderview .ordergroup:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.mc--orderview .ordergroup p {
	float: left;
	line-height: 28px;
}
.mc--orderview .ordergroup .ordernum {
	font-weight: 400;
	padding-left: 10px;
}
.mc--orderview .ordergroup button {
	float: right;
	height: 30px;
	line-height: 28px;
}
/* 주문상품 정보 */
.mc--orderview .orderinfo {
	padding: 0 0;
}
.mc--orderview .inventory-list li + li {
	border-top: 1px solid #ececec;
}
.mc--orderview .inventory-group {
	padding: 20px 20px;
}
.mc--orderview .inventory-bottom {
	padding: 10px 20px;
}


/* 결제 정보 */
.mc--orderview .receipt-total dt {
	font-size: 16px;
	line-height: 24px;
}
.mc--orderview .receipt-total dd {
	font-size: 16px;
	line-height: 24px;
}
.mc--orderview .receipt-total dd strong {
	font-size: 18px;
	font-weight: 400;
}





/* =======================================================
	mc--orderrequest 교환/반품 신청
========================================================*/
.mc--orderrequest .ordergroup {
	padding: 20px 20px;
	background: none;
	font-size: 13px;
	color: #888;
}
.mc--orderrequest .ordergroup .ordernum {
	font-weight: 400;
	padding-left: 10px;
}


/* 교환상품 정보*/
.mc--orderrequest .orderinfo {
	padding: 0 0;
}

.mc--orderrequest .inventory-list li {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}

.request-inventory li:last-of-type {
	border-bottom: 1px solid #dadbdf;
}

.request-inventory-top:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.request-inventory-top .checkbox {float: left; }
.request-inventory-top .checkbox input[type=checkbox] + label:before {
	margin-right: 0;
}

.request-inventory-top .inventory-group {
	float: left;
	width: calc(100% - 20px);
	padding: 0 0 0 10px;
}

.request-inventory-bottom {
	width: 100%;
	padding: 15px 0 0 30px;
	box-sizing: border-box;
}
.request-inventory-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.request-inventory-bottom .quantity-wrapper {
	float: left;
}
.request-inventory-bottom .price {
	float: right;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	line-height: 40px;
}
.request-inventory-bottom .price span {
	font-size: 15px;
	font-weight: 400;
}



/* =======================================================
* Device = 태블릿, 아이패드(세로), PC
* Screen = 768 이상
* ========================================================*/
@media all and (min-width: 690px){



/* inventory-list
---------------------------------------------------*/

/* 머리 */
.inventory-header {
	padding: 10px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
}
.inventory-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.inventory-header .date {
	float: left;
	font-size: 13px;
	color: #888;
}
.inventory-header .date em {
	font-style: normal;
	font-weight: 500;
}

.inventory-header .btn-group {
	float: right;
}



/* 몸통 */
.inventory-thumb {
	width: 130px; height: 130px;
}


.inventory-matching .matching-tag {
	position: absolute;
	top: 10px; left: 0;
	display: inline-block;
	padding: 3px 12px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.inventory-matching span {
	color: #fff;
	display: inline-block;
	padding-left: 11px;
	background-image: url("/AppData/images/mediacommerce/icon/icon_video.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 6px 8px;
	font-size: 13px;
	line-height: 1em;
}

.inventory-thumb .soldout-text {
	display: none;
	position: absolute;
	top: 0; left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}
.inventory-thumb .soldout-text span {
	position: absolute;
	top: 50%;
	margin: 0 auto;
	margin-top: -36px;
	display: block;
	width: 100%;
	font-size: 24px;
	text-align: center;
	font-weight: 700;
	color: #fff;
}
.inventory-list .soldout .soldout-text {display: block; }



.inventory-item {
	width: calc(100% - 145px);
	margin-left: 15px;
}


.inventory-info .count {
	float: left;
	font-size: 13px;
	color: #888;
	line-height: 18px;
}
.inventory-list .price {
	float: right;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	line-height: 18px;
}
.inventory-list .price span {
	font-size: 15px;
	font-weight: 400;
}


/* 다리 */
.inventory-bottom {
	padding: 10px 0;
	box-sizing: border-box;
	border-top: 1px solid #f2f2f2;
}
.inventory-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-bottom > span {
	float: left;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	line-height: 30px;
}
.inventory-bottom .btn-group {
	float: right;
}


.inventory-list .sale {
	padding-left: 0;
	font-size: 16px;
}


/* =======================================================
	mc--order 주문
========================================================*/

/* order fixed-btn-group
---------------------------------------------------*/
.mc--order .fixed-btn-group .btn-big {
	width: 690px;
	margin: 0 auto;
}



/* =======================================================
	mc--order 주문
========================================================*/

/* order fixed-btn-group
---------------------------------------------------*/
.drawer-contents.active {
	width: 690px;
	left: 50%;
	margin: 0 auto;
	transform: translateX(-50%);
}



/* =======================================================
	mc--cart 장바구니
========================================================*/
.cart-inventory li {
	position: relative;
	box-sizing: border-box;
}

.cart-inventory .checkbox {
	margin-top: 5px;
}

.cart-inventory-bottom {
	position: absolute;
	left: 180px; bottom: 20px;
	width: 510px;
	padding: 0 20px 0 15px;
}

.cart-inventory-bottom .price {
	line-height: 40px;
}


.cart-receipt {
	position: relative;
	padding: 20px 20px;
	margin-top: 10px;
	background-color: #fff;
}


/* cart fixed-btn-group
---------------------------------------------------*/
.mc--cart .fixed-btn-group {
	padding: 0;
}
.mc--cart .fixed-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.mc--cart .fixed-btn-group .btn-big {
	width: 690px; height: 50px;
	display: block;
	padding: 0 20px;
	margin: 0 auto;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	background: red;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
}


}/* 반응형 끝 */