.OPtion-wrap {
/*	display: none;
	position: sticky;
	z-index: 999991;*/
}
.OPtion-shadow {
	position:fixed;
	z-index: 999991;
	top:0;
	left:0;
	width: 100%;
	height: 100vh;
	background-color:#000;
	opacity: 0.7;
}
.modal-lg-option {
	max-width: 670px;
}
.OPtion-PB {
/*	position: absolute;
	z-index: 999992;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	min-width: 670px;*/
	max-width:900px;
	height: auto;
	box-sizing: border-box;
	padding:0px;
	border: 0;
	border-radius:2rem;
	background-color: #f1f1f1;
	overflow:hidden;
	
	display:grid;
	grid-template-rows:68px minmax(400px, 650px) 95px;
	grid-template-columns:100%;
	grid-template-areas:"OP_header" "OP_body" "OP_footer";
	gap:0;
}
.OPtion-PB.OPtion-PBmini {
	min-width:auto;
	max-height:calc(100vh - 1em);
	grid-template-rows:68px minmax(auto, 1fr) 80px;
}
.OPtion-PB-Close {
	position:absolute;
	z-index: 999999;
	top:22px;
	right:35px;
}
.OPtion-PB-Close > button {
	border:0;
	background-color:transparent;
	cursor:pointer;
}
.OPtion-PB-Close > button:after {
	content:'';
	display:inline-block;
	width:28px;
	height:28px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(/img/icons/i_close.svg);
	background-size:31px;
	filter:invert(1);
}
.OPtion-PB-Close > button:focus {
	outline:none;
}
.OPtion-PB-Close.close_black > button:after {
	filter:none;
}
@media (orientation: landscape) and (min-device-height:768px) and (max-device-height:911px) {
.OPtion-PB {
	grid-template-rows:68px minmax(400px, 600px) 74px;
}
}
@media (max-device-width:1023px) {
.OPtion-PB {
	max-width:740px;
}
}
@media (orientation: portrait) and (max-device-width:767px), 
(orientation: Landscape) and (max-device-width:1140px) and (max-device-height:767px) {
.modal-lg-option {
	width: 100vw;
	max-width: none;
	height: 100%;
	margin: 0;
}
.OPtion-PB {
	max-width:100%;
	height:100%;
	border-radius:0;
	grid-template-rows:52px auto 58px;
}
.OPtion-PB.OPtion-PBmini {
	max-width:calc(100% - 0.1em);
	border-radius:1.25rem;
	grid-template-rows:52px minmax(auto, 1fr) 58px;
}
.OPtion-PB-Close {
	top:11px;
	right:15px;
}
}

.OPtion-PB.OPtion-PB-Size {}

.OPtion-PB.OPtion-PB-Initial {
/*	grid-template-rows:68px 48px 1fr 95px;
	grid-template-areas:"OP_header" "OP_tab" "OP_body" "OP_footer";*/
}
.OPtion-PB.OPtion-PB-Print {}
.OPtion-PB.OPtion-PB-Pack {}

.OPtion-PB.OPtion-PB-guide {
	min-width:auto;
	grid-template-rows:auto;
	grid-template-areas:"OP_body";
}

.OPtion-PB .OPtion-head {
	grid-area:OP_header;
	position:relative;
	background-color:#6666ff;
	display:grid;
	align-items:center;
}
.OPtion-PB .OPtion-head .OPtion-head-inner {
	margin-left:40px;
	margin-right:40px;
}
.OPtion-PB .OPtion-head h2 {
	margin:0;
	text-align:left;
	line-height:1;
	font-size:21px;
	font-weight:600;
	color:#ffffff;
}
.OPtion-PB .OPtion-head .message {
	display:inline-block;
	margin-left:15px;
	font-size:15px;
}
@media (max-device-width:767px), (orientation: landscape) and (max-device-height:767px) {
.OPtion-PB .OPtion-head h2 {
	font-size:19px;
}
.OPtion-PB .OPtion-head .OPtion-head-inner {
	margin-left:25px;
	margin-right:45px;
}
.OPtion-PB .OPtion-head .message {
	font-size:14px;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.OPtion-PB .OPtion-head .OPtion-head-inner {
	margin-left:15px;
}
.OPtion-PB .OPtion-head h2 {
	font-size:17px;
}
.OPtion-PB .OPtion-head .message {
	font-size:13px;
}
}
@media (max-device-width:419px), (orientation: landscape) and (max-device-height:419px) {
.OPtion-PB .OPtion-head .message {
	display:block;
	margin-left:0;
	margin-top:6px;
}
}

.OPtion-PB .OPtion-body {
	grid-area:OP_body;
	position: relative;
	overflow: auto;
	padding:30px 40px;
	font-size:18px;
	color:#666666;
}
.OPtion-PB .OPtion-body.body-spaceout {
	padding:0 !important;
}
@media (max-device-width:767px), (orientation: landscape) and (max-device-height:767px) {
.OPtion-PB .OPtion-body {
	padding:30px 25px;
	font-size:16px;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.OPtion-PB .OPtion-body {
	padding:20px 15px;
	font-size:14px;
}
}

.OPtion-PB .OPtion-footer {
	grid-area:OP_footer;
	position: relative;
	margin:0;
	padding:0;
	
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
}
.OPtion-PB .OPtion-footer > * {
	flex:1 0 0%;
	width:100%;
	height:100%;
}
.OPtion-PB .OPtion-footer button {
	box-sizing:border-box;
	width:100%;
	height:100%;
	text-align:center;
}
.OPtion-PB .bc-btn {
	display: block;
	box-sizing:border-box;
	width: 30px;
	height:42px;
	cursor:pointer;
	border:0;
	border-radius:0;
	background-color: transparent;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:22px;
}
.OPtion-btn-sec {
	clear:both;
	display:flex;
	flex-wrap:wrap;
}
.OPtion-btn-sec > div {
	flex:1 0 0%;
}
.OPtion-btn-sec > div + div {
	margin-left:-1px;
}
.OPtion-btn-sec button {
	width: 100% !important;
	border:1px solid #dbdbdb !important;
}

.OPtion-PB.OPtion-PB-Size .OPtion-btn-sec > :nth-child(2) {
	flex:0 0 150px;
}


/*-- Option POP TAB --*/
.OPtion_tab {
	grid-area:OP_tab;
	clear: both;
	box-sizing:border-box;
	margin-bottom: 12px;
	padding-left:40px;
	padding-right:40px;
}
.OPtion_tab.body_in {
	grid-area:auto;
	padding-left:0;
	padding-right:0;
}
.OPtion_tab ul {
	display: inline-flex;
	width: 100%;
}
.OPtion_tab li {
	flex:1 0 0%;
	display:inline-grid;
	align-content:center;
	height: 48px;
	box-sizing: border-box;
	padding:16px 6px;
	text-align:center;
	border:0;
	border-radius:0.75rem 0.75rem 0 0;
	background-color: #bcbcbc;
	line-height: 1;
	color: #ffffff;
}
.OPtion_tab li a {
	display:block;
	text-decoration:none;
	color:inherit;
}
.OPtion_tab li._select {
	padding-top:12px;
	padding-bottom:12px;
	background-color: #6666ff;
}
.OPtion_tab li._select::after {
	content:'';
	display:block;
	width:22px;
	height:16px;
	margin-left:auto;
	margin-right:auto;
	background:url(/img/icons/i_arrow_drop_up.svg) no-repeat 50% 50%;
	background-size:24px;
	transform:scale(-1);
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(131deg) brightness(102%) contrast(101%);
}
@media (max-width:1079px) {
.OPtion_tab li {
	height: auto;
	line-height: 21px;
}
}
/***** -END- Option POP TAB *****/


/*-- COLOR input --*/
.OPtion-PB .selod_color {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:middle;
	width:32px;
	height:32px;
	margin:0;
	border:1px solid #c7c7c7;
	border-radius:100%;
	overflow:hidden;
	background-color:transparent;
	background-image:url();
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.incheck_color {
	position: relative;
}
.incheck_color input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.incheck_color input[type="radio"] + label {
	display: inline-block;
	position: relative;
	width:32px;
	height:32px;
	margin:2px 10px 2px 0;
	padding:0;
	border-radius:100%;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.incheck_color input[type="radio"] + label:active, .incheck_color input[type="radio"]:checked + label:active {
	border-color:#6666ff;
	box-shadow:0 0 1px 2px rgba(102,102,255,0.9);
}
.incheck_color input[type="radio"]:disabled + label {
	cursor: no-drop;
}
.incheck_color input[type="radio"]:disabled + label:before {
	content: '';
	position: absolute;
	left: 0px;
	top:0px;
	width:100%;
	height:100%;
	text-align: center;
	background-color:#999;
	border-radius: 100%;
	box-shadow: none;
}
.incheck_color input[type="radio"]:disabled + label:after {
	content:'품절';
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	white-space:nowrap;
	line-height:1;
	font-family: 'Pretendard', 'Noto Sans KR';
	font-size:10px;
	font-weight:500;
	color:#fff;
}
.incheck_color input[type="radio"]:disabled + label > .selod_color {
	opacity:0.5;
}
.incheck_color input[type="radio"]:disabled + label:active {
	border-color: transparent;
	box-shadow:none;
	cursor: no-drop;
}
@media (max-device-width:599px) {
.OPtion-PB .selod_color {
	width:28px;
	height:28px;
}
.incheck_color input[type="radio"] + label {
	width:28px;
	height:28px;
	margin-right:6px;
}
}
@media (max-device-width:539px) {
.OPtion-PB .selod_color {
	width:22px;
	height:22px;
}
.incheck_color input[type="radio"] + label {
	width:22px;
	height:22px;
}
}
/*-- END.COLOR input --*/

/*-----* Size Option *-----*/
.OPtion-select-row {
	position:relative;
	z-index:102;
	display:flex;
	flex-wrap:nowrap;
	align-items:stretch;
	box-sizing:border-box;
	text-align:left;
	padding-bottom:40px;
}
.OPtion-select-row > * {
	flex:0 0 auto;
}
.OPtion-select-stepList {
	position:relative;
	z-index:100;
	margin-top:2px
}

/*.OPtion-select-stepList:before {
	content:'';
	display: block;
	position:absolute;
	top:21px;
	left:16px;
	height:174px;
	border-left:1px dashed #d7d7d7;
}*/
.OPtion-select-step {
	position:relative;
	width:32px;
	height:auto;
	margin-left:12px;
	margin-right:15px;
	margin-bottom:-40px;
}
.OPtion-select-step::after {
	content:'';
	display:inline-block;
	position:absolute;
	top:32px;
	left:16px;
	bottom:0;
	border-left:1px dashed #d7d7d7;
}
.OPtion-select-step i {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:32px;
	height:32px;
	color:#ffffff;
	border-radius:100%;
	background-color:#666666;
}
.OPtion-select-step.active i {
	background-color:#6666ff;
}
.OPtion-select-step.vacant i {
	visibility: hidden;
}
.OPtion-name {
	flex:0 0 auto;
	min-width:108px;
	margin-right:25px;
	padding-top:5px;
	font-size:20px;
	font-weight:600;
	color:#000;
}
.OPtion-content {
	flex:1 0 0%;
}

.OPtion-content.opGoods-type {
	margin-top:-5px;
}

.OPtion-content.opGoods-color {}

.OPtion-content.opValue-size {
	font-weight:600;
	color:#333;
	
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.OPtion-content.opValue-size span {
	display:inline-block;
}
.OPtion-content.opValue-size span + span {
	margin-left:15px;
}
.OPtion-content.opValue-size .selod_color {
	width:21px !important;
	height:21px !important;
}
.btnOpen-sizelist {
	display:inline-block;
	cursor:pointer;
}
.btnOpen-sizelist:hover {
	filter: brightness(0) saturate(100%) invert(38%) sepia(91%) saturate(2515%) hue-rotate(225deg) brightness(101%) contrast(101%);
}
.btnOpen-sizelist:after {
	content:'';
	display:inline-block;
	width:18px;
	height:18px;
	margin-left:5px;
	vertical-align:middle;
	background-image:url(/img/icons/i_arrow_downward.svg);
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}

.OPtion-select-stepList > .OPtion-select-row:last-child > .OPtion-select-step {
	margin-bottom:0;
}
.OPtion-select-stepList > .OPtion-select-row:last-child > .OPtion-select-step::after {
	display:none;
}

.OPtion-size {
	clear: both;
	font-weight:700;
	color:#333333;
}
.OPtion-size .OPtion-size-list {
	height:225px;
	overflow-x:hidden;
	overflow-y:auto;
}
.OPtion-size dl {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	width: 100%;
	box-sizing: border-box;
	list-style: none;
	margin:0;
	padding:12px 18px;
	border:1px solid #cccccc;
	border-width:1px 0;
}
.OPtion-size dl + dl {
	margin-top:-1px;
}
.OPtion-size dl > * {
	box-sizing: border-box;
	flex:1 0 0%;
	line-height: 32px;
}
.OPtion-size dt {
	text-align: left;
}
.OPtion-size dd {}
.OPtion-size .sizePrice {
	padding-right:20px;
	text-align:right;
}
.OPtion-size .sizePriceT {
	text-align:right;
	font-size:18px;
}
.OPtion-size .sizePriceT span {
	font-size:30px;
}
.OPtion-size .size-qtt-box {
	flex:0 0 auto;
	width:160px;
	margin:0 20px;
	padding:0;
	display:flex;
	flex-wrap:nowrap;
	align-items:stretch;
}
.OPtion-size .size-qtt-box > * {
	flex:1 0 0%;
}
.OPtion-size .size-qtt {
	box-sizing: border-box;
	text-align:center;
	padding-left:8px;
	padding-right:8px;
}
.OPtion-size .size-qtt input {
	width: 100%;
	height:32px;
	text-align: center;
	background-color:transparent;
	border: 0px;
}
.OPtion-size .size-qtt-bt {
	flex:0 0 auto;
	width:32px;
	height:32px;
	box-sizing:border-box;
	align-content:center;
	text-align:center;
	cursor:pointer;
	border:1px solid #cccccc;
	border-radius:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#ffffff;
	background-size:12px;
}
.OPtion-size .size-qtt-bt.sizebtn_plus {
	background-image:url(/img/mall/qtt_i_plus.png);
}
.OPtion-size .size-qtt-bt.sizebtn_minus {
	background-image:url(/img/mall/qtt_i_minus.png);
}
.OPtion-size .size-qtt-box.qtt_sizeT {
	display:inline-block;
	text-align:center;
}
.OPtion-size .total-size {
	box-sizing:border-box;
	margin:18px 0 20px 0;
	font-size:24px;
}
.OPtion-size .total-size dl {
	padding:15px 35px;
	border-width:2px;
	border-color:#6666ff;
	border-radius:3rem;
	background-color:#fff;
}
.OPtion-size .total-size .caption {
	margin-top:10px;
	padding-right:8px;
	text-align:right;
	font-size:16px;
}
@media (orientation: portrait) and (max-device-width:767px) and (min-device-height:912px) {
.OPtion-size {
	height:calc(100% - 222px);
}
.OPtion-size .OPtion-size-list {
	height:calc(100% - 138px);
}
}
@media (orientation: portrait) and (max-device-width:599px) and (min-device-height:720px) {
.OPtion-size {
	height:calc(100% - 162px);
}
.OPtion-size .OPtion-size-list {
	height:calc(100% - 123px);
}
}
@media (orientation: portrait) and (max-device-width:419px) {
.OPtion-size {
	height:calc(100% - 156px);
}
.OPtion-size .OPtion-size-list {
	height:calc(100% - 123px);
}
}
@media (max-device-width:599px), (orientation: landscape) and (max-device-height:599px) {
.OPtion-select-row {
	padding-bottom:25px;
}
.OPtion-name {
	min-width:86px;
	margin-right:15px;
	font-size:18px;
}
.OPtion-select-step {
	width:28px;
	margin-left:8px;
	margin-right:12px;
	margin-bottom:-25px;
}
.OPtion-select-step::after {
	top:28px;
	left:14px;
}
.OPtion-select-step i {
	width:28px;
	height:28px;
}
.OPtion-content.opValue-size .selod_color {
	width:16px !important;
	height:16px !important;
}
.btnOpen-sizelist:after {
	width:16px;
	height:16px;
}
.OPtion-size dl {
	padding:8px 12px;
}
.OPtion-size .sizePrice {
	padding-right:12px;
}
.OPtion-size .sizePriceT {
	font-size:16px;
}
.OPtion-size .sizePriceT span {
	font-size:24px;
}
.OPtion-size .size-qtt-bt {
	width:28px;
	height:28px;
}
.OPtion-size .total-size {
	font-size:21px;
}
.OPtion-size .total-size dl {
	padding:10px 25px;
}
.OPtion-size .total-size .caption {
	font-size:14px;
	font-weight:600;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.OPtion-name {
	min-width:72px;
	font-size:15px;
}
.OPtion-select-step {
	width:22px;
}
.OPtion-select-step::after {
	top:22px;
	left:11px;
}
.OPtion-select-step i {
	width:22px;
	height:22px;
}
.OPtion-content.opValue-size .selod_color {
	width:13px !important;
	height:13px !important;
}
.OPtion-size .sizePrice {
	padding-right:0;
}
}
@media (max-device-width:419px) {
.OPtion-size dt {
	flex-grow:0;
	flex-basis:74px;
}
.OPtion-size .size-qtt-box {
	width:128px;
	margin:0 10px;
}
}
@media (max-device-width:419px), (orientation: landscape) and (max-device-height:419px) {
.OPtion-size dl {
	padding:8px;
}
.OPtion-size .sizePriceT span {
	font-size:20px;
}
.OPtion-size .total-size {
	font-size:16px;
}
.OPtion-size .total-size dl {
	padding:10px 18px;
}
.OPtion-size .total-size .caption {
	font-size:13px;
}
}

/*-----* initial/color *-----*/
.OPtion-SIN {
	clear:both;
	margin-bottom:25px;
}
.OPtion-SIN + .OPtion-SIN {
	margin-top:50px;
}
.OPtion-SIN .OPtion-SIN-top {
	padding-bottom:15px;
	border-bottom:1px solid #919191;
}
.OPtion-SIN .OPtion-SIN-top ol {
	list-style:none;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
.OPtion-SIN .OPtion-SIN-top li {
	flex:0 0 auto;
	margin-right:20px;
	font-weight:500;
	color:#333;
}
.OPtion-SIN .OPtion-SIN-top .SIN-arm::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:18px;
	margin-left:12px;
	background-color:#c2c2c2;
	transform: rotate(15deg);
}
.OPtion-SIN .OPtion-SIN-top .selod_color {
	width:20px;
	height:20px;
	margin-right:4px;
}
.OPtion-SIN .OPtion-SIN-top .SIN-service {
	margin-right:0;
	margin-left:auto;
}
.OPtion-SIN .OPtion-SIN-list {
	padding-top:25px;
	font-size:16px;
	color:#333;
}
.OPtion-SIN .OPtion-SIN-list::after {
	content:'';
	display:block;
	clear:both;
	width:100%;
	height:3px;
	margin-top:15px;
	background-color:#000000;
	border-radius:5px;
}
.OPtion-SIN .OPtion-SIN-list ol {
	list-style:none;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
.OPtion-SIN .OPtion-SIN-list li {
	flex:0 0 auto;
	box-sizing:border-box;
	padding:3px;
	text-align:left
}
.OPtion-SIN .OPtion-SIN-list li:first-child {
	padding-left:0;
}
.OPtion-SIN .OPtion-SIN-list li:last-child {
	padding-right:0;
}
.OPtion-SIN .OPtion-SIN-list li.cell-size1,
.OPtion-SIN .OPtion-SIN-list li.cell-size2 {
	width:22%;
	max-width:110px;
}
.OPtion-SIN .OPtion-SIN-list li.cell-ini {
	width:30%;
}
.OPtion-SIN .OPtion-SIN-list li.cell-number {
	width:20%;
}
.OPtion-SIN .OPtion-SIN-list li.cell-btn {
	flex:1 0 0%;
}

.OPtion-SIN .OPtion-SIN-list .list-head {
	font-weight:600;
}
.OPtion-SIN .OPtion-SIN-list .list-body {}
.OPtion-SIN .OPtion-SIN-list input, .OPtion-SIN .OPtion-SIN-list select {
	height:39px !important;
	padding-left:10px !important;
}
.OPtion-SIN .OPtion-SIN-list button.i_del {
	filter: brightness(0) saturate(100%) invert(13%) sepia(6%) saturate(11%) hue-rotate(326deg) brightness(103%) contrast(83%);
}
.OPtion-SIN .OPtion-SIN-list button.i_del:active,
.OPtion-SIN .OPtion-SIN-list button.i_del:hover {
	filter: brightness(0) saturate(100%) invert(36%) sepia(31%) saturate(3883%) hue-rotate(225deg) brightness(104%) contrast(102%);
}
@media (max-device-width:599px), (orientation: landscape) and (max-device-height:599px) {
.OPtion-SIN .OPtion-SIN-top .SIN-arm::after {
	height:16px;
}
.OPtion-SIN .OPtion-SIN-top .selod_color {
	width:18px;
	height:18px;
}
.OPtion-SIN .OPtion-SIN-list {
	padding-top:15px;
	font-size:14px;
}
.OPtion-SIN .OPtion-SIN-list input, .OPtion-SIN .OPtion-SIN-list select {
	height:32px !important;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.OPtion-SIN .OPtion-SIN-top li {
	margin-right:15px;
}
.OPtion-SIN .OPtion-SIN-top .selod_color {
	width:15px;
	height:15px;
}
.OPtion-SIN .OPtion-SIN-list input, .OPtion-SIN .OPtion-SIN-list select {
	padding-left:6px !important;
}
}


/*-----* Printer *-----*/
.OPtion-Print {}
.OPtion-Print .print-Type {
	margin-bottom:20px;
	text-align:left;
}
.OPtion-Print .section-title {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:10px;
	text-align:center;
	font-size:20px;
}
.OPtion-Print .section-title h4::before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%) rotate(-90deg);
	width:28px;
	height:28px;
	background:url(/img/icons/i_arrow_circlefill.svg) no-repeat 50% 50%;
	background-size:contain;
	opacity:0.8;
}
.OPtion-Print .section-title h4 {
	position:relative;
	margin:0;
	padding-left:36px;
	font-size: inherit;
	font-weight:bold;
	color:#333;
}
.OPtion-Print .section-title .subject-line {
	flex:1 0 0%;
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
	height:1px;
	background-color:#000000;
	opacity:0.2;
}
.OPtion-Print .section-title .title-btn {
	flex:0 0 auto;
	margin-left:auto;
}
@media (max-device-width:767px), (orientation: landscape) and (max-device-height:767px) {
.OPtion-Print .section-title {
	font-size:18px;
}
.OPtion-Print .section-title h4::before {
	width:24px;
	height:24px;
}
.OPtion-Print .section-title h4 {
	padding-left:30px;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.OPtion-Print .section-title {
	font-size:16px;
}
}

.OPtion-Print .opPrint-Location-article {
	position: relative;
	padding:25px 0;
	text-align:center;
}
.OPtion-Print .opPrint-designBox {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	width: 540px; /*150px*/
	min-height: 290px; /*155px*/
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:contain;
}
.OPtion-Print .opPrint-designBox::after {
	content: "";
	display: block;
	clear: both;
}
.opPrint-designBox .cloth_zone {
	position:absolute;
	width:44px;
	height:44px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	font-size:13px;
	font-weight:600;
	border:1px dashed #c2c2c2;
/*	border-radius:100%;*/
	cursor: cell;
}
.opPrint-designBox .cloth_zone img {
	width:100%;
	height:100%;
	object-fit:contain;
}
.cloth_zone::after {
	content:'';
	display:inline-block;
	width:28px;
	height:28px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: contain;
	filter: grayscale(1) brightness(1.3);
}
.cloth_zone.zone1::after {
	background-image:url(/img/mall/cloth_location_1.png);
}
.cloth_zone.zone2::after {
	background-image:url(/img/mall/cloth_location_2.png);
}
.cloth_zone.zone3::after {
	background-image:url(/img/mall/cloth_location_3.png);
}
.cloth_zone.zone4::after {
	background-image:url(/img/mall/cloth_location_4.png);
}
.cloth_zone.zone5::after {
	background-image:url(/img/mall/cloth_location_5.png);
}
.cloth_zone.zone6::after {
	background-image:url(/img/mall/cloth_location_6.png);
}
.cloth_zone.zone7::after {
	background-image:url(/img/mall/cloth_location_7.png);
}
.cloth_zone.zone8::after {
	background-image:url(/img/mall/cloth_location_8.png);
}
.cloth_zone.zone9::after {
	background-image:url(/img/mall/cloth_location_9.png);
}
.cloth_zone.zone10::after {
	background-image:url(/img/mall/cloth_location_10.png);
}
.cloth_zone.zone11::after {
	background-image:url(/img/mall/cloth_location_11.png);
}
.cloth_zone.zone12::after {
	background-image:url(/img/mall/cloth_location_12.png);
}
/*
.OPtion-Print .opPrint-designBox .cloth_zone::after {
	width:100%;
	height:100%;
	background-color:#ffffff;
	background-size:auto;
}
.OPtion-Print .opPrint-designBox .cloth_zone.zone1::after {
	background-image:url(/img/mall/cloth_location_size_1.png);
}
.OPtion-Print .opPrint-designBox .cloth_zone.zone2::after {
	background-image:url(/img/mall/cloth_location_size_2.png);
}
.OPtion-Print .opPrint-designBox .cloth_zone.zone3::after {
	background-image:url(/img/mall/cloth_location_size_3.png);
}
.OPtion-Print .opPrint-designBox .cloth_zone.zone4::after {
	background-image:url(/img/mall/cloth_location_size_4.png);
}
.OPtion-Print .opPrint-designBox .cloth_zone.zone5::after {
	background-image:url(/img/mall/cloth_location_size_5.png);
}
.OPtion-Print .opPrint-designBox .cloth_zone.zone6::after {
	background-image:url(/img/mall/cloth_location_size_6.png);
}
.OPtion-Print .opPrint-designBox .cloth_zone.zone7::after {
	background-image:url(/img/mall/cloth_location_size_7.png);
}*/

.opPrint-designBox .cloth_zone.active,
.opPrint-designBox .cloth_zone:hover {
	border-color:#000;
}
.opPrint-designBox .cloth_zone.active {
	color:#6666ff;
	border-radius:0;
}
.opPrint-designBox .cloth_zone:hover::after {
	filter:none;
}
.opPrint-designBox .cloth_zone.active::after {
	display:none;
	background-image:none;
}

.OPtion-Print .opPrint-Location-article .clothZone-selectLIst {
	padding:15px 0;
	border:1px solid #ccc;
	border-width:1px 0;
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst ul {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	align-items:start;
	margin-left:-6px;
	margin-right:-6px;
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst li {
	flex:1 0 calc(33% - 12px);
	margin:6px;
	text-align:left;
	font-size:16px;
	font-weight:600;
	color:#333;
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst .cloth_zone {
	display:inline-block;
	vertical-align:middle;
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst .cloth_zone::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-right:2px;
	width:22px;
	height:22px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: contain;
	filter:none;
}
@media (max-device-width:599px), (orientation: landscape) and (max-device-height:599px) {
.OPtion-Print .opPrint-designBox {
	transform:scale(90%) translateX(-5%);
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst {
	padding-top:10px;
	padding-bottom:10px;
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst li {
	font-size:14px;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.OPtion-Print .opPrint-designBox {
	transform:scale(77%) translateX(-14%);
}

.OPtion-Print .opPrint-Location-article {
	padding-top:15px;
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst ul {
	margin-left:-2px;
	margin-right:-2px;
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst li {
	flex:1 0 calc(50% - 12px);
}
}
@media (max-device-width:449px), (orientation: landscape) and (max-device-height:449px) {
.OPtion-Print .opPrint-designBox {
	transform:scale(72%) translateX(-18.5%);
}

.OPtion-Print .opPrint-Location-article .clothZone-selectLIst ul {
	margin-left:0;
	margin-right:0;
}
.OPtion-Print .opPrint-Location-article .clothZone-selectLIst li {
	flex:1 0 calc(50% - 8px);
	margin:4px;
}
}
@media (max-device-width:419px), (orientation: landscape) and (max-device-height:419px) {
.OPtion-Print .opPrint-designBox {
	transform:scale(66%) translateX(-24.5%);
}
}
@media (max-device-width:389px), (orientation: landscape) and (max-device-height:389px) {
.OPtion-Print .opPrint-designBox {
	transform:scale(61%) translateX(-32%);
}
}
@media (max-device-width:359px), (orientation: landscape) and (max-device-height:359px) {
.OPtion-Print .opPrint-designBox {
	transform:scale(53%) translateX(-43%);
}
}

.OPtion-Print .opPrint-filebox {
	box-sizing:border-box;
	padding:5px;
	font-size:16px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius:8px;
}
.OPtion-Print .opPrint-filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.OPtion-Print .opPrint-filebox .upload-name {
    display: inline-block;
	box-sizing:border-box;
	width:calc(100% - 104px);
    height: 40px;
	margin:0;
    padding: 0 10px;
    vertical-align: middle;
    color: #898989;
    border:0;
	background-color:transparent;
}
.OPtion-Print .opPrint-filebox label {
    display: inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	width:90px;
    height:40px;
	margin-left:10px;
    margin-right:0;
    padding: 10px;
	text-align:center;
	font-weight:600;
    color: #fff;
    vertical-align: middle;
    background-color: #333333;
	border-radius:4px;
    cursor: pointer;
}

.OPtion-Print .opPrint-memo {
	position: relative;
}
@media (max-device-width:599px), (orientation: landscape) and (max-device-height:599px) {
.OPtion-Print .opPrint-filebox .upload-name {
    height: 37px;
}
.OPtion-Print .opPrint-filebox label {
    height:37px;
}
}
@media (max-device-width:449px), (orientation: landscape) and (max-device-height:449px) {
.OPtion-Print .opPrint-filebox {
	font-size:14px;
}
.OPtion-Print .opPrint-filebox .upload-name {
	width:calc(100% - 91px);
    height: 32px;
	padding-left:5px;
	padding-right:5px;
}
.OPtion-Print .opPrint-filebox label {
	width:78px;
    height:32px;
	padding:6px 8px;
}
}

.OPtion-Pack {}
.OPtion-Pack .packing-List {
	color:#333;
}
.OPtion-Pack .packing-List label {
	padding-left:40px !important;
	padding-right:40px !important;
}
@media (max-device-width:599px), (orientation: landscape) and (max-device-height:599px) {
.OPtion-Pack .packing-List label {
	padding-left:30px !important;
	padding-right:25px !important;
}
}
@media (max-device-width:449px), (orientation: landscape) and (max-device-height:449px) {
.OPtion-Pack .packing-List label {
	padding-left:20px !important;
	padding-right:20px !important;
}
}

.OPtion-MKlist {
	clear: both;
	box-sizing: border-box;
	width: 100%;
}
.OPtion-MKlist ul {
	list-style:none;
	box-sizing: border-box;
	margin-left:-3px;
	margin-right:-3px;
	display:flex;
	flex-wrap:wrap;
	align-items:start;
	justify-content:start;
}
.OPtion-MKlist li {
	flex:0 0 calc(25% - 6px);
	margin:0 3px 8px 3px;
	word-break:break-word;
	background-color:#fff;
	border: 1px solid #dbdbdb;
}
.OPtion-MKlist input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0
}
.OPtion-MKlist label {
	display:block;
	box-sizing:border-box;
	margin:0 !important;
}
.OPtion-MKlist input[type="radio"]:checked + label {
	border:1px solid #6666ff;
}
.OPtion-MKlist .mk_image {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}
.OPtion-MKlist .mk_image img {
	max-width:94px;
	height:94px;
	object-fit:contain;
}
.OPtion-MKlist .mk_title {
	padding:4px 3px;
	line-height:1.1;
	font-size:14px;
	font-weight:400;
	color:#333;
	background-color:#f4f4f4;
}
.OPtion-MKlist .mk_price {
	padding:4px 3px;
	line-height:1;
	font-size:14px;
	font-weight:600;
	color:#eb0000;
}
@media (max-device-width:449px), (orientation: landscape) and (max-device-height:449px) {
.OPtion-MKlist li {
/*	flex:0 0 calc(50% - 6px);*/
}
.OPtion-MKlist .mk_image img {
	max-width:max-content;
	height:70px;
}
}
@media (max-device-width:359px) {
.OPtion-MKlist .mk_image img {
	height:60px;
}
}

.OPtion-gallery {
	clear: both;
	margin: 0;
	padding: 0;
}
.OPtion-gallery ul {
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.OPtion-gallery li {
	float: left;
	flex:0 0 auto;
	width: 50%;
	height: 106px;
	box-sizing: border-box;
	margin: 0;
	padding: 4px;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	overflow:hidden;
}
.OPtion-gallery li > * {
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
}
.OPtion-gallery li img {
	width: auto;
	object-fit: contain;
}

.OPtion-gift li {
	margin-bottom: 10px;
}
.OPtion-gift li img {
	width: 100%;
	height: auto;
}
@media (max-width:1079px) {
.OPtion-gallery li {
	height: 82px;
}
}
@media (max-device-width:599px), (orientation: landscape) and (max-device-height:599px) {
.OPtion-gallery li {
	height: 64px;
}
}
@media (max-device-width:359px), (orientation: landscape) and (max-device-height:359px) {
.OPtion-gallery li {
	width:100%;
}
}

.OPtion-packing {
	position:relative;
}
.OPtion-packing ul {
	list-style:none;
	margin:0;
	padding:0;
}
.OPtion-packing ul > li {
	text-align:left;
	border-bottom:1px solid #EBEBEB;
}
.OPtion-packing .incheck input[type="radio"] + label {
	width:100%;
	margin:0;
	padding:12px 25px;
}
.OPtion-packing .incheck input[type="radio"] + label:before {
	border-width:0;
}
.OPtion-packing .incheck input[type="radio"] + label:active:before,
.OPtion-packing .incheck input[type="radio"]:checked + label:active:before {
	background-color:#fb6291;
	box-shadow:none;
}
.OPtion-packing .incheck input[type="radio"] + label:active,
.OPtion-packing .incheck input[type="radio"]:checked + label:active,
.OPtion-packing .incheck input[type="radio"]:checked + label {
	color:#ffffff;
	background-color:#fb6291;
}	


/***** Option Button *****/
.optBtn_success {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position: relative;
	text-align:center;
	font-size:26px;
	font-weight:600;
	color:#fff;
	background-color:#6666ff;
	outline:none;
}
.optBtn_success span::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
	width:40px;
	height:40px;
	background:url(/img/icons/i_check-circle-fill.svg) no-repeat 50% 50%;
	background-size:contain;
}
@media (max-device-width:767px), (orientation: landscape) and (max-device-height:767px) {
.optBtn_success {
	font-size:24px;
}
.optBtn_success span::after {
	width:32px;
	height:32px;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.optBtn_success {
	font-size:21px;
}
.optBtn_success span::after {
	width:24px;
	height:24px;
}
}

.optBtn_goods_add {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position: relative;
	height:40px;
	box-sizing:border-box;
	padding:7px 12px;
	text-align:center;
	font-weight:500;
	color:#000;
	background-color:#fff;
	border:1px solid #909090;
	border-radius:2rem;
	outline:none;
}
.optBtn_goods_add::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	margin-right:4px;
	width:12px;
	height:12px;
	background:url(/img/icons/i_plus.png) no-repeat 50% 50%;
	background-size:contain;
}
@media (max-device-width:767px), (orientation: landscape) and (max-device-height:767px) {
.optBtn_goods_add {
	height:37px;
	padding:7px 10px;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.optBtn_goods_add {
	height:32px;
}
.optBtn_goods_add::after {
	margin-left:6px;
	margin-right:0;
}
}

.optBtn_gift_add {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position: relative;
	height:40px;
	box-sizing:border-box;
	padding:7px 12px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#ffffff;
	background-color:#414141;
	border:1px solid #000;;
	border-radius:6px;
	outline:none;
}
.optBtn_gift_add::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	width:22px;
	height:22px;
	background:url(/img/icons/i_gift.svg) no-repeat 50% 50%;
	background-size:contain;
	filter: brightness(0) saturate(100%) invert(36%) sepia(82%) saturate(1988%) hue-rotate(225deg) brightness(100%) contrast(102%);
}
@media (max-device-width:767px), (orientation: landscape) and (max-device-height:767px) {
.optBtn_gift_add {
	height:37px;
	padding:6px 10px;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.optBtn_gift_add {
	height:32px;
	font-size:14px;
}
.optBtn_gift_add::after {
	width:18px;
	height:18px;
	margin-left:6px;
}
}

.optBtn_print_file {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position: relative;
	height:40px;
	box-sizing:border-box;
	padding:7px 12px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#ffffff;
	background-color:#414141;
	border:1px solid #000;;
	border-radius:6px;
	outline:none;
}
.optBtn_print_file::after {
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	width:22px;
	height:22px;
	background:url(/img/icons/i_upload.svg) no-repeat 50% 50%;
	background-size:contain;
	filter: brightness(0) saturate(100%) invert(99%) sepia(82%) saturate(0%) hue-rotate(32deg) brightness(110%) contrast(100%);
}
@media (max-device-width:767px), (orientation: landscape) and (max-device-height:767px) {
.optBtn_print_file {
	height:37px;
	padding:6px 10px;
}
}
@media (max-device-width:539px), (orientation: landscape) and (max-device-height:539px) {
.optBtn_print_file {
	height:32px;
	padding:5px 8px;
	font-size:14px;
}
.optBtn_print_file::after {
	margin-left:6px;
	width:20px;
	height:18px;
}
}
/***** -END- Option POP Button *****/

.soldout { color:#6666ff }
.soldout input, .soldout select { border-color:#6666ff }