@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic|Rajdhani|Poppins:300,400,500,600,700");
/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");*/

input { border:1; }

/* login */
html.auth {
	width:100%;
	height:100%;
}

body.auth {
	width:100%;
	height:100%;
	display:table;
	background: url('/lib/img/milky-way-2181250_1920.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.auth .authWrap {
	overflow:hidden;
	display:block;
	width:100%;
	display:table-cell;
	vertical-align:middle;
}

body.auth form input
,body.auth form select {
	font-size:1.5rem;
}
body.auth footer {
	z-index: 10;
	bottom: 0px;
	left: 0px;
	position: fixed;
	width:100%;
	background: #fff;
	border-top: 1px solid rgba(120, 130, 140, 0.13);

	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}



/*=============================================================================+
| quantity
+-----------------------------------------------------------------------------*/
.quantityWrap { 	display: inline-flex;
	border: 1px solid silver;
	border-radius: 3px;
	overflow: hidden; }
.quantityWrap .quantityBtn { border:0; padding:2px 5px; }
.quantityWrap .amountInput { width:50px; text-align:center; border:0; padding:2px 5px; }

/*=============================================================================+
| BOX
+-----------------------------------------------------------------------------*/
.contBox { padding:10px 0; }
.contBox h3 { font-size:20px; margin:10px 0; }
.btnBox { padding:10px 0; }

/*=============================================================================+
| BOX
+-----------------------------------------------------------------------------*/
.formInline input
,.formInline button { vertical-align: middle;  }

.formInline input + sub { position:absolute; margin-left:-30px; text-align:right;  }

.formInline input { width:auto; height:auto !important; min-width:100px; padding:4px 5px !important; height:auto; }
.formInline button { border:1px solid rgba(0,0,0,0.2); margin:0; color:#777; border-radius:0; padding:2px 5px; border-radius: 3px; }

/*=============================================================================+
| TABLE
+-----------------------------------------------------------------------------*/
/*
table.table tr th { padding:2px 0; font-size:16px; }
table.table tr td { padding:2px 0; font-size:14px; }
*/
table.table { width:100%; }

table.table tr th
,table.table tr td { border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; /* padding:10px 0; font-size:14px; */ }

table.table tr th input
,table.table tr td input { border:1px solid #eee; text-align:center; /* padding:5px 0; font-size:14px; */ }

table.table.table-sm td { font-size:12px; }

table.table.tableGray thead tr {}
table.table.tableGray tr td { border-bottom:1px solid #eee; text-align:center; padding:12px 0; }
table.table.tableGray tr td.price{ font-weight:bold; font-size:17px; color:red; }
table.table.tableGray tr td .plus{ color:#2594cb; font-weight:bold;margin-left:5px; }
table.table.tableGray tr:last-child td {border-bottom:none}
table.table.tableGray tr th {
	padding: 8px;
	background: #2b3142;
	font-size: 13px;
	color: #fff;
	overflow: hidden;
	opacity:0.5;
}

/*=============================================================================+
| WINLAY
+-----------------------------------------------------------------------------*/
/*
+'<div class="layerPopWrap layerPopWrap-'+param.skin+' layerPopWrap-'+param.skin+'-zoom" data-layer-id="'+id+'">'
+'	<div class="layerPopBody">'
+'		<div class="layerPopBtnCenter"></div>'
+'		<div class="layerPopBtnRight"></div>'
+'		<div class="layerPopHead"><h3>-</h3></div>'
+'		<div class="layerPopCont"></div>'
+'		<div class="layerPopGallWrap"></div>'
+'		<div class="layerPopProgWrap">'
+'			<div class="layerPopProgText"></div>'
+'			<div class="layerPopProgBar"></div>'
+'		</div>'
+'		<div class="layerPopFoot"></div>'
+'	</div>'
+'</div>'
+'');
*/


.winlayPopupWrap {
	position:absolute; top:0; left:0; margin:0; z-index:5000;

	display: flex; flex-wrap: wrap;
	align-items: center; justify-content: center;
	width: 100%; height: 100%; overflow: scroll;
}
.winlayPopupWrap .winLayWrap {
	width:auto; height:auto; /* min-width:400px; max-width:500px; min-height:400px; max-height:450px; */
	margin:10px;
	bottom:auto;
	left:auto;
	right:auto;
	top:auto;
	position: relative;
	display: inline-block;
	float: left;
}




.winlayPopupWrap .winLayWrap .winLayContainer { width:100%; height:100%; }

.winlayPopupWrap .winLayWrap .winLayContainer .winLayBody  {
	border-radius:5px;
}


.winlayPopupWrap .winLayWrap .winLayContainer .winLayCont { width:auto; height:auto; min-width:300px; max-width:500px; min-height:300px; max-height:500px; }


.winlayPopupWrap .winLayWrap .winLayContainer .btnTopWrap { display:flex; right:5px; }

.winlayPopupWrap .winLayWrap .winLayContainer .btnTopWrap .btnBack
,.winlayPopupWrap .winLayWrap .winLayContainer .btnTopWrap .btnFull
,.winlayPopupWrap .winLayWrap .winLayContainer .btnTopWrap .btnClose { width:35px; height:35px; position: relative; border-radius:0; background-color:transparent; }

.winlayPopupWrap .winLayWrap .winLayContainer .btnTopWrap .btnBack span
,.winlayPopupWrap .winLayWrap .winLayContainer .btnTopWrap .btnFull span
,.winlayPopupWrap .winLayWrap .winLayContainer .btnTopWrap .btnClose span { width:35px; height:35px; line-height:35px; color:#333; }

.winLayWrap .winLayContainer .btnBtmWrap { display:flex; text-align:right; justify-content: flex-end; border-top: 1px solid silver;}
.winLayWrap .winLayContainer .btnBtmWrap div { display:inline-block; }
.winLayWrap .winLayContainer .btnBtmWrap button { width:100%; flex-grow:1; background-color: transparent; padding: 17px 0; font-size: 17px;  border-right: 1px solid silver; color:black; }
.winLayWrap .winLayContainer .btnBtmWrap button:last-child { border-right:0; }

.winLayWrap .winLayContainer .btnBtmWrap .btnBlue { color:white; background: #2895ff; }




.winLayWrap {
	width:100%; height:100%;
	position:fixed; z-index: 5000; bottom:0; left:0;
	display:flex; align-items: center; justify-content: center;
	background:rgba(255,255,255,0.8);
}
.winLayWrap .winLayContainer {
	width:100%; height:100%;
	position:relative;
}

.winLayWrap .winLayContainer .btnTopWrap {
	display:flex; position:absolute; width:auto; right: -45px; top:0px; padding:0; margin:0; z-index:9999;
}


.winLayWrap .winLayContainer .btnTopWrap .btnBack {
	width:40px; height:40px; line-height:40px;
	display:none; position:relative; overflow:hidden; padding:0; margin:0;
}

.winLayWrap .winLayContainer .btnTopWrap .btnBack span {
	width:30px; height:30px; font-size:20px; line-height:40px;
	text-align:center;  font-weight:bold; position:absolute; left:0;
}



.winLayWrap .winLayContainer .btnTopWrap .btnFull {
	width:40px; height:40px; line-height:40px;
	display:none; position:relative; overflow:hidden; padding:0; margin:0;
}
.winLayWrap .winLayContainer .btnTopWrap .btnFull span {
	width:40px; height:40px; font-size:20px; line-height:40px;
	font-weight:bold; position:absolute; left:0;
}


.winLayWrap .winLayContainer .btnTopWrap .btnClose {
	width:40px; height:40px; line-height:40px;
	display:inline-block; position:relative; overflow:hidden; padding:0; margin:0;
	border-radius:20px; background-color:#838383; text-align: center;
}
.winLayWrap .winLayContainer .btnTopWrap .btnClose span {
	width:40px; height:40px; font-size:20px; line-height:40px;
	font-weight:bold; position:absolute; left:0;
}

.winLayWrap .winLayContainer .btnTopWrap .btnClose span:before
,.winLayWrap .winLayContainer .btnTopWrap .btnFull span:before
,.winLayWrap .winLayContainer .btnTopWrap .btnBack span:before {
	color:black;
	text-shadow: -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white, 1px 1px 0px white;
}












.indicatorWait { position: absolute; width: 100%; height: 100%; min-height: 100px; top: 0; left: 0; }
/* .winLayWrap .winLayContainer .wait .dim { position:absolute; width: 100%; height: 100%; left:0; top:0; background:rgba(255,255,255,0.7);} */
.indicatorWait .circle { position:absolute; width:40px; height:40px; left:50%; top:50%; transform:translate(-50%, -50%);  border:10px solid #AAA; border-top:10px solid red; border-radius:50em;
	animation-name:indicatorWaitCircle;
	animation-duration:.5s;
	animation-iteration-count:infinite;
}

@keyframes indicatorWaitCircle {
	from {
		transform:translate(-50%, -50%) rotate(0);
	}
	to {
		transform:translate(-50%, -50%) rotate(360deg);
	}
}

.indicatorWait.indicatorWaitBox { position: relative; width: 100%; min-height: 50px; }

.indicatorWait .circle.circleRed { border-top:10px solid red; }
.indicatorWait .circle.circleBlack { border-top:10px solid black; }




.winLayWrap .winLayContainer .winLayBody  {
	width:100%; height:100%;
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction: column;
	text-align:center; background-color:white; /* border:1px solid #AAA; */
/* 	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2); border-radius:5px; */
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5); border-radius:15px;
}


/* phone */
.winLayWrap.winLayWrap-size-phone .winLayContainer { max-width:400px; max-height:900px; }

/* half */
.winLayWrap.winLayWrap-size-half { height:40%; bottom:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.8); }
.winLayWrap.winLayWrap-size-half.winLayWrap-size-half-full { height:95%; }

.winLayWrap.winLayWrap-size-half .winLayContainer .winLayBody { border-radius:0; }
.winLayWrap.winLayWrap-size-half .winLayContainer { width:100%; height:100%; }
.winLayWrap.winLayWrap-size-half .winLayContainer .btnTopWrap { right:5px; }
.winLayWrap.winLayWrap-size-half .winLayContainer .btnTopWrap .btnBack { width:30px; height:30px; position: relative; }
.winLayWrap.winLayWrap-size-half .winLayContainer .btnTopWrap .btnFull { width:30px; height:30px; position: relative; display:inline-block; }
.winLayWrap.winLayWrap-size-half .winLayContainer .btnTopWrap .btnClose { width:30px; height:30px; position: relative; display:inline-block; background-color:transparent; }


.winLayWrap.winLayWrap-size-half .winLayContainer .btnTopWrap { right: 5px; }
.winLayWrap.winLayWrap-size-half .winLayContainer .btnTopWrap span { text-align: center; width: 35px; height: 35px; line-height: 35px; color: #333; }


/* half to full */
.winLayWrap.winLayWrap-size-half-full .winLayContainer { width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important;  }
.winLayWrap.winLayWrap-size-half-full .winLayContainer .winLayBody { border-radius:0; }
.winLayWrap.winLayWrap-size-half-full .winLayContainer .btnTopWrap .btnFull span { transform:rotate(180deg); }



.winLayWrap.winLayWrap-size-auto .winLayContainer { width:70%; height:70%; }
.winLayWrap.winLayWrap-size-autoSize .winLayContainer { width:50%; height:90%; }
/* .winLayWrap.winLayWrap-size-popup .winLayContainer { width:50%; height:50%; } */
.winLayWrap.winLayWrap-size-contents .winLayContainer { width:70%; height:70%; }

.winLayWrap.winLayWrap-size-full .winLayContainer { max-width:100%; max-height:100%; }
.winLayWrap.winLayWrap-size-full .winLayContainer .winLayBody { border-radius:0; }
.winLayWrap.winLayWrap-size-full .winLayContainer .btnTopWrap .btnFull { display:none !important; }

.winLayWrap.winLayWrap-size-middle .winLayContainer { max-width:90%; max-height:50%; }



.winLayWrap.winLayWrap-size-xlg .winLayContainer { max-width:90%; max-height:90%; }
.winLayWrap.winLayWrap-size-lg .winLayContainer { max-width:75%; max-height:75%; }
.winLayWrap.winLayWrap-size-md .winLayContainer { max-width:50%; max-height:50%; }
.winLayWrap.winLayWrap-size-sm .winLayContainer { max-width:300px; max-height:200px; }
.winLayWrap.winLayWrap-size-xsm .winLayContainer { max-width:200px; max-height:100px; }




.winLayWrap.winLayWrap-size-left { width: 400px; position: absolute; top: 0; right: auto; left: 0; }
.winLayWrap.winLayWrap-size-right { width: 400px; position: absolute; top: 0; right: 0; left: auto; }

.winLayWrap.winLayWrap-size-left .winLayContainer .winLayBody
,.winLayWrap.winLayWrap-size-right .winLayContainer .winLayBody { border-radius:0; }


.winLayWrap.winLayWrap-size-right .winLayContainer .btnTopWrap { right:5px; }
,.winLayWrap.winLayWrap-size-right .winLayContainer .btnTopWrap div { display:inline-block; }

.winLayWrap.winLayWrap-size-left .winLayContainer .btnTopWrap .btnBack
,.winLayWrap.winLayWrap-size-right .winLayContainer .btnTopWrap .btnBack { width:30px; height:30px; }

.winLayWrap.winLayWrap-size-left .winLayContainer .btnTopWrap .btnBack span
,.winLayWrap.winLayWrap-size-right .winLayContainer .btnTopWrap .btnBack span { line-height:30px; color:#333; }

.winLayWrap.winLayWrap-size-left .winLayContainer .btnTopWrap .btnClose
,.winLayWrap.winLayWrap-size-right .winLayContainer .btnTopWrap .btnClose { width:30px; height:30px; border-radius:0; background-color:transparent; }

.winLayWrap.winLayWrap-size-left .winLayContainer .btnTopWrap .btnClose span
,.winLayWrap.winLayWrap-size-right .winLayContainer .btnTopWrap .btnClose span { line-height:30px; color:#333; }



.winLayWrap .winLayBody .winLayHead {
	display:flex; justify-content: space-between;
	height: 40px; line-height: 40px; font-size: 16px;
}
.winLayWrap .winLayBody .winLayHead .winLayHeadLeft { padding:0 10px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; }

.winLayWrap .winLayBody .winLayCont { width:100%; height: 100%; overflow:auto; }
.winLayWrap .winLayBody .winLayCont img { max-width:100%; }
.winLayWrap .winLayBody .winLayCont iframe { border:0; overflow:auto; }

.winLayWrap .winLayBody .winLayImgGallery { width:100%; height:100%; }
.winLayWrap .winLayBody .winLayImgGallery .swiper { height:100%; }
.winLayWrap .winLayBody .winLayImgGallery .swiper .swiper-slide { background-size: contain; background-repeat: no-repeat; background-position: center; }

.winLayWrap .winLayBody .winLayImgView { width:100%; height: 100%; overflow:scroll; text-align:center; }
.winLayWrap .winLayBody .winLayImgView img { text-align:center; display: block; margin:0 auto; max-width:100%; }


/* .winLayWrap.winLayWrap-skin-popup .winLayContainer { max-width:25%; max-height:auto; } */
.winLayWrap.winLayWrap-skin-popup .winLayContainer { max-width:30%; max-height:auto; height:auto; }
.winLayWrap.winLayWrap-size-popup .winLayContainer .winLayBody { height:auto; height:auto; overflow:hidden; }
.winLayWrap.winLayWrap-skin-popup .winLayImgGallery img { max-width:100%; max-height:100%; height:auto; }


@media only screen and (max-width: 1024px){
	.winLayWrap .winLayBody .winLayHead { height: 35px; line-height: 35px; font-size: 14px; }

	.winLayWrap .winLayContainer .btnTopWrap { right:5px; }

	.winLayWrap .winLayContainer .btnTopWrap .btnBack
	,.winLayWrap .winLayContainer .btnTopWrap .btnFull
	,.winLayWrap .winLayContainer .btnTopWrap .btnClose { width:35px; height:35px; position: relative; border-radius:0; background-color:transparent; }

	.winLayWrap .winLayContainer .btnTopWrap .btnBack span
	,.winLayWrap .winLayContainer .btnTopWrap .btnFull span
	,.winLayWrap .winLayContainer .btnTopWrap .btnClose span { width:35px; height:35px; line-height:35px; color:#FFF; }

	/*SIZE*/
	.winLayWrap.winLayWrap-size-auto .winLayContainer { width:80%; height:80%; }
/* 	.winLayWrap.winLayWrap-size-popup .winLayContainer { width:60%; height:60%; } */
	.winLayWrap.winLayWrap-size-contents .winLayContainer { width:80%; height:80%; }

	/*SKIN*/
	.winLayWrap.winLayWrap-skin-popup .winLayContainer { max-width:50%; max-height:auto; }
}

@media only screen and (max-width: 768px){

	.winLayWrap.winLayWrap-size-md .winLayContainer { max-width:75%; }

	.winLayWrap .winLayContainer .winLayBody  { border-radius:10px; }

	.winLayWrap .winLayContainer .btnTopWrap { right:5px; }
	.winLayWrap .winLayContainer .btnTopWrap .btnBack
	,.winLayWrap .winLayContainer .btnTopWrap .btnFull
	,.winLayWrap .winLayContainer .btnTopWrap .btnClose { width:30px; height:30px; position: relative; border-radius:0; background-color:transparent; }

	.winLayWrap .winLayContainer .btnTopWrap .btnBack span
	,.winLayWrap .winLayContainer .btnTopWrap .btnFull span
	,.winLayWrap .winLayContainer .btnTopWrap .btnClose span { text-align: center; width:30px; height:30px; line-height:30px; color:#FFF; }


	.winLayWrap .winLayContainer .btnTopWrap .btnBack img
	,.winLayWrap .winLayContainer .btnTopWrap .btnFull img
	,.winLayWrap .winLayContainer .btnTopWrap .btnClose img { width:100%; height:100%; }

	.winLayWrap .winLayBody .winLayHead { height: 30px; line-height: 30px; font-size: 12px; }

	/*SIZE*/
	.winLayWrap.winLayWrap-size-auto .winLayContainer { width:90%; height:90%; }
/* 	.winLayWrap.winLayWrap-size-popup .winLayContainer { width:80%; height:80%; } */
	.winLayWrap.winLayWrap-size-contents .winLayContainer { width:85%; height:85%; }

	/*SKIN*/
	.winLayWrap.winLayWrap-skin-popup .winLayContainer { max-width:75%; max-height:auto; }

}

@media only screen and (max-width: 430px){

	/* .winLayWrap .winLayContainer .winLayBody  { border-radius:5px; } */

	/*SIZE*/
	.winLayWrap.winLayWrap-size-auto .winLayContainer { width:100%; height:100%; }
	.winLayWrap.winLayWrap-size-auto .winLayContainer .winLayBody { border-radius:0; }
/* 	.winLayWrap.winLayWrap-size-popup .winLayContainer { width:90%; height:90%; } */
	.winLayWrap.winLayWrap-size-contents .winLayContainer { width:90%; height:90%; }

	/*SKIN*/
	.winLayWrap.winLayWrap-skin-popup .winLayContainer { max-width:90%; max-height:auto; } */

}








/*=============================================================================+
| LAYER POP
+-----------------------------------------------------------------------------*/
.layerPopWrap {
	width:100%; height:100%;
	position:fixed; z-index: 9999; top:0; left:0;
	display:flex; align-items: center; justify-content: center;
	background:rgba(255,255,255,0.9);
}
.layerPopWrap .layerPopBody {
	width:100%; max-width:750px; height:100%; max-height:600px;
	overflow:hidden;
	display:flex;
	position:relative;
	flex-direction: column;
	text-align:center; background-color:white; border:1px solid #AAA;
/* 	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2); border-radius:5px; */
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5); border-radius:2px;
}
.layerPopWrap .layerPopBody .fas { margin:0 10px; font-size:20px; vertical-align:baseline; }
.layerPopWrap .layerPopBody .layerPopBtnCenter { width:50%; height:auto; line-height:40px; top:0; left:25%; position:absolute; z-index:2; }
.layerPopWrap .layerPopBody .layerPopBtnRight { width:auto; height:auto; line-height:40px; top:0; right:0; position:absolute; z-index:2; line-height:40px; background:rgba(255,255,255,0.5); }

.layerPopWrap .layerPopBody .layerPopHead { width:100%; height:40px; line-height:40px; flex-shrink:0; font-weight:bold; border-bottom:1px solid #CCC; }
.layerPopWrap .layerPopBody .layerPopCont { width:100%; height:100%; overflow:auto; display:flex; align-items: center; justify-content: center; overflow:auto; }
.layerPopWrap .layerPopBody .layerPopCont iframe { border:0; }

.layerPopWrap .layerPopBody .layerPopGallWrap { width:100%; height: 100%; display:flex; flex-direction: column;}
.layerPopWrap .layerPopBody .layerPopGallWrap .swiper-container a { width:100%; height:100%; }
.layerPopWrap .layerPopBody .layerPopGallWrap .swiper-container img { max-width:100%; max-height:100%; }

.layerPopWrap .layerPopBody .layerPopGallWrap .swiper-container.gallery { width:100%; height:100%; flex-shrink:0; }
.layerPopWrap .layerPopBody .layerPopGallWrap .swiper-container.gallery-top { width:100%; height:80%; flex-shrink:0; }
.layerPopWrap .layerPopBody .layerPopGallWrap .swiper-container.gallery-thumbs { width:100%; height:20%; flex-shrink:0; }


.layerPopWrap .layerPopBody .layerPopGallWrap .swiper-container .swiper-slide { display: flex; align-items: center; justify-content: center; }


.layerPopWrap .layerPopBody .layerPopProgWrap { width:80%; height:20px; margin:10px auto; border:1px solid silver; position:relative; }
.layerPopWrap .layerPopBody .layerPopProgWrap .layerPopProgText { width:100%; height:20px; text-align:center; line-height:20px; display:inline-block; position:absolute; left:0; font-size:10px; font-weight:bold; text-shadow: -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 1px 1px 0 #FFF; }
.layerPopWrap .layerPopBody .layerPopProgWrap .layerPopProgBar { width:100%; height:20px; line-height:20px; background-color:orange; width:50%; }

.layerPopWrap.layerPopWrap-clear { background:transparent; }
.layerPopWrap.layerPopWrap-half { height:40%; top:60%; background:transparent;  }
.layerPopWrap.layerPopWrap-half .layerPopBody { border:0; border-top:1px solid #666; border-radius:0; }

.layerPopWrap.layerPopWrap-sm .layerPopBtnCenter
,.layerPopWrap.layerPopWrap-sm .layerPopBtnRight
,.layerPopWrap.layerPopWrap-sm .layerPopHead { height:30px; line-height:30px; }
.layerPopWrap.layerPopWrap-sm .layerPopBody { width:100%; max-width:200px; height:100%; max-height:100px; }

.layerPopWrap.layerPopWrap-xsm .layerPopBtnCenter
,.layerPopWrap.layerPopWrap-xsm .layerPopBtnRight
,.layerPopWrap.layerPopWrap-xsm .layerPopHead { height:30px; line-height:30px; }
.layerPopWrap.layerPopWrap-xsm .layerPopBody { width:auto; min-width:300px; height:auto; min-height:200px; }

.layerPopWrap.layerPopWrap-mid .layerPopBody { width:100%; max-width:600px; height:90%; max-height:600px; }

.layerPopWrap.layerPopWrap-full .layerPopBody { width:95%; max-width:95%; height:95%; max-height:95%; border:0; border-radius:0; }

.layerPopWrap .layerPopGallWrap .swiper-pagination { width:50%; left:25%; background:rgba(255,255,255,0.2); padding-top: 10px; border-radius: 10px; }


.layerPopWrap.layerPopWrap-gall { background:rgba(0,0,0,0.8); }
.layerPopWrap.layerPopWrap-gall .layerPopBody { width:95%; max-width:95%; height:95%; max-height:95%; background:rgba(0,0,0,0.6); border: 1px solid #000; }

.layerPopWrap.layerPopWrap-gallSimple { background:transparent; }
.layerPopWrap.layerPopWrap-gallSimple .layerPopBody { width:auto; max-width:auto; height:90%; max-height:90%; background:transparent; border:0; box-shadow:0 0; }




@media only screen and (max-width: 750px){
	.layerPopWrap.layerPopWrap-auto .layerPopBody { width:100%; max-width:100%; height:100%; max-height:100%; border:0; border-radius:0; }
	.layerPopWrap.layerPopWrap-gallSimple .layerPopBody { width:auto; max-width:95%; height:auto; max-height:95%; }
}

.divMask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	border: 2px solid silver;
	text-align: center;
	font-size: 30px;
	vertical-align: middle;
	color: gray;
	z-index: 10;
	padding: 20px;
}

/*=============================================================================+
| flex
+-----------------------------------------------------------------------------*/
.flexRowWrap { display:flex; position:relative; flex-direction: row; }
.flexColWrap { display:flex; position:relative; flex-direction: column; }

/*=============================================================================+
| row
+-----------------------------------------------------------------------------*/
.row { display:flex; position:relative; flex-direction: row; }
.row .col { overflow:hidden; }
.row .col.col50 { width:50px; flex-shrink:0; }
.row .col.col100 { width:100px; flex-shrink:0; }
.row .col.col150 { width:150px; flex-shrink:0; }
.row .col.col200 { width:200px; flex-shrink:0; }
.row .col.col250 { width:250px; flex-shrink:0; }
.row .col.col300 { width:300px; flex-shrink:0; }
.row .col.col350 { width:350px; flex-shrink:0; }
.row .col.col400 { width:400px; flex-shrink:0; }
.row .col.col450 { width:450px; flex-shrink:0; }

/*=============================================================================+
| tabWrap
+-----------------------------------------------------------------------------*/
.tabWrap { /* padding:5px; margin: 5px 0 10px 0; box-shadow: 0px 3px 6px 0px rgb(0 13 57 / 10%); background-color:white; */ }
.tabWrap .tabWrapBtn { display:block; text-align:left; background-color:white; padding:5px; }

.tabWrap .tabWrapBtn .tabEle
,.tabWrap .tabWrapBtn > button { background-color:transparent; border:0; margin:0; color:#777; border-radius:0; padding:10px; }
.tabWrap .tabWrapBtn .tabEle.active
,.tabWrap .tabWrapBtn > button.active { font-weight:bold; color:#111; border-bottom:2px solid #111; }

.tabWrap .tabWrapCont { padding:15px; }
.tabWrap .tabWrapCont .tabEle
,.tabWrap .tabWrapCont > div { display:none; }
.tabWrap .tabWrapCont .tabEle.active
,.tabWrap .tabWrapCont > div.active { display:block; }



/*=============================================================================+
| 커스텀 INPUT
+-----------------------------------------------------------------------------*/
.label-chk label {
	box-sizing: border-box;
	line-height:20px;
	white-space:nowrap;
}
.label-chk label
,.label-chk span {
	box-sizing: border-box;
}
/*
.label-chk label input {
	width:auto; height:auto;
	display:block !important;
	appearance:checkbox;
}
*/
.label-chk label input + span {
	font-size: 15px;
	font-weight: 500;
	margin-left: 5px;
	margin-right: 10px;
	color: #333;
}
.label-chk label input:checked + span {
	font-weight:bold;
	color:#555;
}

.label-chk label input + span:before {
	width: 18px; height: 18px; line-height:18px;
	overflow: hidden;
	content: '';
	margin-right:5px;
	display: inline-block;
	border: 1px solid #aaa;
	border-radius: 50%;
	position:relative;
	top: 5px;
}
.label-chk label input:checked + span:before {
	color: #555;
	content: '\2713';
	text-align:center;
	background:#f7e723;
}

.label-chk.label-chk-box label input + span:before {
	border-radius: 0;
}
.label-chk.label-chk-cir label input + span:before {
	border-radius: 50%;
}



.label-btn { display:flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.label-btn label
,.label-btn span {
	box-sizing: border-box;
	overflow: hidden;
	line-height:18px;
	display: inline-block;
}

.label-btn label {
	padding:1px;
}
.label-btn span {
	width: 100%;
}

.label-btn label input { display:none; }
.label-btn label input + span {
	padding: 5px 10px;
	font-size: 14px;
	background: #e6e6e6;
	color: #333;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	border:1px solid rgba(0,0,0,0.1);
}
.label-btn label input:not(:checked) + span {
}

.label-btn label input:checked + span{
	background:#f7e722 !important;
	color: #111;
}


.label-btn .label-btn-multi:hover > div {
	display:block;
}
.label-btn .label-btn-multi {
	position:relative;
	display:inline-block;
}
.label-btn .label-btn-multi.active > span { background:#f7e722 !important; color: #111; }
.label-btn .label-btn-multi span {
	min-width: 80px;
	padding: 5px 10px;
	font-size: 14px;
	background: #e6e6e6;
	color: #777;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	border:1px solid rgba(0,0,0,0.1);
}
.label-btn .label-btn-multi > div {
	width:100%;
	position:absolute;
	z-index:100;
	display:none;
	border-radius:5px;
	overflow:hidden;
	background:#FFF;

	border:1px solid gray;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.label-btn .label-btn-multi > div label { padding:0; }
.label-btn .label-btn-multi > div label span {
	border-radius:0;
	background:#FFF;
	border:0;
}

/* .label-btn.label-btn-sm span { padding:2px; font-size:12px; } */

.label-btn.label-btn-lg label
,.label-btn.label-btn-lg span { font-size:13px; }
.label-btn.label-btn-lg span { padding:15px; }

.label-btn.label-btn-simple span { border:0; background-color:#f9f9f9; }






/*=============================================================================+
|
+-----------------------------------------------------------------------------*/
/*footer ul { list-style:none; margin:0; padding:10px; }*/
footer ul li { display:inline-block; }
footer .foot_info ul li:before { content: " | "; margin-right:5px;}
footer ul li:first-child:before { content: ""; }

/*.page-titles { margin: 0 -15px 15px; }*/


/* layout */
body.auth form .form-group { margin-bottom:25px; }


/* table */
.table-responsive table thead tr th
,.table-responsive table tbody tr td { white-space:nowrap; }

/* label */
/* label { margin-bottom: 0; } */
/* label [type="checkbox"] + span { display:inline; } */
.input-group-text { padding:0; }


.ms-container .ms-list { height:150px; }

/* etc */
.card-header-pop {
	border-radius: 5px !important;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.sidebar-nav ul li.nav-devider {
	margin:0;
}

.form-control {
  min-height: auto;
  width:100%;
}

.container-fluid {
  padding: 0 15px 0 15px;
}

.table-sm input { padding:.1rem .2rem; }

.table-sm label { padding:0 2px; margin:0; font-size:0.9rem; }
.table-sm .form-control { font-size:0.9rem; padding:0; }

.table-sm [type="checkbox"] + span
,.table-sm [type="radio"] + span { padding-left: 22px; font-size:0.9rem; }


/* Form summernote */
.note-editor.note-frame .btn-group {
	display:inline-block;
}
.note-editor.note-frame .panel-heading {
	padding: 0 0 5px 5px;
}
/*
.note-popover, .note-icon-caret {
	display: none;
}
.note-editor.note-frame {
	border: 1px solid #d9d9d9;
}
.note-editor.note-frame .panel-heading {
	padding:inherit;
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
}
*/

/* CodeMirror */
.CodeMirror pre {
	-webkit-box-shadow:none;
	box-shadow:none;
}
.CodeMirror {
	border: 1px solid #eee;
	height: auto;
}

/* card */
.card .form-group { margin-bottom:5px; }

.card .row { margin-left:-5px; margin-right:-5px; }

.card .col, .card .col-1, .card .col-10, .card .col-11, .card .col-12, .card .col-2, .card .col-3, .card .col-4, .card .col-5, .card .col-6, .card .col-7, .card .col-8, .card .col-9, .card .col-auto, .card .col-lg, .card .col-lg-1, .card .col-lg-10, .card .col-lg-11, .card .col-lg-12, .card .col-lg-2, .card .col-lg-3, .card .col-lg-4, .card .col-lg-5, .card .col-lg-6, .card .col-lg-7, .card .col-lg-8, .card .col-lg-9, .card .col-lg-auto, .card .col-md, .card .col-md-1, .card .col-md-10, .card .col-md-11, .card .col-md-12, .card .col-md-2, .card .col-md-3, .card .col-md-4, .card .col-md-5, .card .col-md-6, .card .col-md-7, .card .col-md-8, .card .col-md-9, .card .col-md-auto, .card .col-sm, .card .col-sm-1, .card .col-sm-10, .card .col-sm-11, .card .col-sm-12, .card .col-sm-2, .card .col-sm-3, .card .col-sm-4, .card .col-sm-5, .card .col-sm-6, .card .col-sm-7, .card .col-sm-8, .card .col-sm-9, .card .col-sm-auto, .card .col-xl, .card .col-xl-1, .card .col-xl-10, .card .col-xl-11, .card .col-xl-12, .card .col-xl-2, .card .col-xl-3, .card .col-xl-4, .card .col-xl-5, .card .col-xl-6, .card .col-xl-7, .card .col-xl-8, .card .col-xl-9, .card .col-xl-auto { padding-left:5px; padding-right:5px; }

/* sidebar */
.sidebar-nav ul li.nav-small-cap {
	font-size: 1rem;
	font-weight:bold;
	color: #666;
	padding: 7px;
}
.sidebar-nav > ul > li {
	margin-bottom: 0;
}
.sidebar-nav ul li a {
	padding: 8px 16px;
}
.sidebar-nav ul li ul li a {
	padding: 8px 32px;
}

.sidebar-nav ul li ul li.nav-devider {
	margin-left: 32px;
	margin-right: 32px;
}

/* color picker */
.asColorPicker-wrap {
	white-space:nowrap;
	position:static;
}
.asColorPicker-wrap .form-control {
	width:80%;
}
.asColorPicker-trigger {
  position: static;
  top: inherit;
  right: inherit;
  height:20px;
  width:20px; }

/* dropify */
.dropify-wrapper{
	display:block;
	position:relative;
	cursor:pointer;
	overflow:hidden;
	width:100%;max-width:100%;
	height:100px;
	padding:5px 10px;
	font-size:14px;line-height:22px;color:#777;
	background-color:#FFF;
	background-image:none;
	text-align:center;
	border:2px solid #E5E5E5;
	-webkit-transition:border-color .15s linear;
	transition:border-color .15s linear
}

/* button small */
.btn-circle.btn-sm {
	width: 20px;
	height: 20px;
	padding: 0;
	font-size: 18px;
	line-height: 18px;
}


.btn-sm .btn-label {
	margin: -6px 5px -6px -7px;
	padding: 7px 5px;
}

/* table */
.table-responsive {
	padding: 1px;
}

/* table board statCode */
table .statCode {
	border-radius:5px;
	padding:4px;
	border:1px solid white;
/* 	font-weight:bold; */
}

/* board */

/*
빨강	#fc4b6c
파랑	#1e88e5
보라	#7460ee
주황	#ffb22b
아이스	#26c6da
화이트	#ffffff
그레이

'standby'=>'대기'
,'absence'=>'부재'
,'wrong'=>'허위'
,'reserve'=>'예약'
,'manage'=>'관리'
,'contract'=>'계약'
,'success'=>'완료'
,'remove'=>'삭제'

*/


table .statCode-standby { background-color:#1e88e5; color:white; }
table .statCode-receive { background-color:#7460ee; color:white; }
table .statCode-process { background-color:#ffb22b; color:white; }
table .statCode-confirm { background-color:#26c6da; color:white; }
table .statCode-fail { background-color:#000; color:white; }


table .statCode-standby { background-color:#7460ee; color:white; }
table .statCode-check { background-color:white; color:gray; border:1px solid gray; }
table .statCode-normal { background-color:#1e88e5; color:white; }
table .statCode-qnaStandby { background-color:#7460ee; color:white; }
table .statCode-qnaCheck { background-color:white; color:gray; border:1px solid gray; }
table .statCode-qnaAnswer { background-color:#26c6da; color:white; }
table .statCode-notice { background-color:#ffb22b; color:white; }
table .statCode-remove { background-color:#fc4b6c; color:white; }

table .statCode-ready { background-color:silver; color:white; }
table .statCode-confirm { background-color:#ffb22b; color:white; }
table .statCode-return { background-color:gray; color:white; }
table .statCode-block { background-color:black; color:white; }
table .statCode-remove { background-color:#fc4b6c; color:white; }
table .statCode-cancel { background-color:#fc4b6c; color:white; }

table .statCode-show { background-color:#7460ee; color:white; }
table .statCode-hide { background-color:white; color:gray; border:1px solid gray; }

table .statCode-payment { background-color:#ffb22b; color:white; }
table .statCode-finish { background-color:#ffb22b; color:white; }
table .statCode-returnStandby { background-color:black; color:yellow; }
table .statCode-returnConfirm { background-color:black; color:white; }
table .statCode-returnFinish { background-color:black; color:white; }

table .statCode-manage { background-color:green; color:white; }
table .statCode-absence { background-color:#ff822e; color:white; }
table .statCode-reserve { background-color:red; color:white; }
table .statCode-success { background-color:black; color:white; }

table .statCode-1 { background-color:pink; color:white; }
table .statCode-2 { background-color:#FA8072; color:white; }
table .statCode-3 { background-color:#FF4500; color:white; }
table .statCode-4 { background-color:#DC143C; color:white; }
table .statCode-5 { background-color:#8B0000; color:white; }

/* push */
table .statCode-100 { background-color:#1e88e5; color:white; }



/* board */
table .statCode-standby	{ background-color:#252525; color:white; }
table .statCode-read	{ background-color:#a7a7a7; color:white; }
table .statCode-normal	{ background-color:#5c2ad0; color:white; }
table .statCode-remove	{ background-color:#72919b; color:white; }

table .statCode-absence	{ background-color:#f49b33; color:white; }
table .statCode-wrong	{ background-color:#f14949; color:white; }
table .statCode-reserve	{ background-color:#1fa4e2; color:white; }
table .statCode-manage	{ background-color:#2ac223; color:white; }
table .statCode-contract	{ background-color:#37967a; color:white; }
table .statCode-success	{ background-color:#5b5b5b; color:white; }
table .statCode-receive	{ background-color:#2e7cbe; color:white; }
table .statCode-process	{ background-color:#f8cc33; color:white; }
table .statCode-confirm	{ background-color:#0b75d8; color:white; }
table .statCode-fail	{ background-color:#f10e0e; color:white; }


table .statCode-consult-standby { background-color:#ea8cb1; color:black; } /*접수*/
table .statCode-consult-absence { background-color:#fcdea5; color:black; } /*부재*/
/* table .statCode-consult-return { background-color:#eb7e2a; color:black; } */ /*반납*/
table .statCode-consult-faulty { background-color:#eb7e2a; color:black; } /*반납*/
table .statCode-consult-quotation { background-color:#fdec3b; color:black; } /*견적발송*/
table .statCode-consult-manage { background-color:#aacc5e; color:black; } /*관리*/
table .statCode-consult-judge { background-color:#a28f62; color:black; } /*심사*/
table .statCode-consult-refusal { background-color:#ffb22b; color:black; } /*승인거절*/
table .statCode-consult-meeting { background-color:#39a959; color:black; } /*미팅*/
table .statCode-consult-contract { background-color:#61c0e2; color:black; } /*계약*/
table .statCode-consult-delivery { background-color:#128cd0; color:black; } /*인도완료*/
/* table .statCode-consult-purchaseHold { background-color:#9e4e4a; color:black; } */ /*구매보류*/
table .statCode-consult-shortTerm { background-color:#9e4e4a; color:black; } /*단기*/
table .statCode-consult-remove { background-color:gray; color:black; } /*삭제*/
table .statCode-consult-dbRemove { background-color:gray; color:black; } /*DB삭제*/

table .statCode-check { background-color:white; color:gray; border:1px solid gray; }
table .statCode-notice { background-color:#ffb22b; color:white; }
table .statCode-qnaStandby { background-color:#7460ee; color:white; }
table .statCode-qnaCheck { background-color:white; color:gray; border:1px solid gray; }
table .statCode-qnaAnswer { background-color:#26c6da; color:white; }

table .statCode-ready { background-color:silver; color:white; }
table .statCode-return { background-color:gray; color:white; }
table .statCode-block { background-color:black; color:white; }
table .statCode-remove { background-color:#ffb22b; color:white; }
table .statCode-cancel { background-color:#fc4b6c; color:white; }

table .statCode-show { background-color:#7460ee; color:white; }
table .statCode-hide { background-color:white; color:gray; border:1px solid gray; }

table .statCode-payment { background-color:#ffb22b; color:white; }
table .statCode-finish { background-color:#ffb22b; color:white; }
table .statCode-returnStandby { background-color:black; color:yellow; }
table .statCode-returnConfirm { background-color:black; color:white; }
table .statCode-returnFinish { background-color:black; color:white; }



table .statCode-step-standby { background-color:#5c2ad0; color:white; } /*보라*/
table .statCode-step-read { background-color:#252525; color:white; } /*검정*/
table .statCode-step-delivery { background-color:#f14949; color:white; } /*빨강*/
table .statCode-step-check { background-color:#0b75d8; color:white; } /*파랑*/


table .statCode-comm-away1 { background-color:#f49b33; color:white; }
table .statCode-comm-away2 { background-color:#1fa4e2; color:white; }
table .statCode-comm-awaySms { background-color:#2ac223; color:white; }
table .statCode-comm-sendEmail { background-color:#37967a; color:white; }
table .statCode-comm-call { background-color:#f8cc33; color:white; }
table .statCode-comm-register { background-color:#0b75d8; color:white; }
table .statCode-comm-sendKakaotalk { background-color:#5c2ad0; color:white; }


table .statCode-reserv-chg1 { background-color:#37967a; color:white; } /*부정1*/
table .statCode-reserv-chg2 { background-color:#5b5b5b; color:white; } /*부정2*/
table .statCode-reserv-chg3 { background-color:#2e7cbe; color:white; } /*부정3*/


table .statCode-exe-reserv { background-color:#f49b33; color:white; }
table .statCode-exe-cancel { background-color:#1fa4e2; color:white; }
table .statCode-exe-standby { background-color:#2ac223; color:white; }
table .statCode-exe-ship { background-color:#37967a; color:white; }
table .statCode-exe-complet { background-color:#f8cc33; color:white; }

table .statCode-delivery-start {background-color:#5e35cb; color:white;} /*배송등록*/
table .statCode-delivery-stat {background-color:#009efb; color:white;} /*배송정보*/
table .statCode-payment-cancel{background-color:#ff0000; color:white;} /*구매취소*/

/*
#FFF199 #FFEF8C
#E8CB8B #E8C780
#FFD0A7 #FFC898
#E89E8B #E89580
#FF94A8 #FF879E
*/


.table-ago1,.table-ago1>td,.table-ago1>th{background-color:#FFF199; color:#000;}
.table-hover .table-ago1:hover{background-color:#FFEF8C}
.table-hover .table-ago1:hover>td,.table-hover .table-ago1:hover>th{background-color:#FFEF8C}

.table-ago2,.table-ago2>td,.table-ago2>th{background-color:#E8CB8B; color:#000;}
.table-hover .table-ago2:hover{background-color:#E8C780}
.table-hover .table-ago2:hover>td,.table-hover .table-ago2:hover>th{background-color:#E8C780}

.table-ago3,.table-ago3>td,.table-ago3>th{background-color:#FFD0A7; color:#000;}
.table-hover .table-ago3:hover{background-color:#FFC898}
.table-hover .table-ago3:hover>td,.table-hover .table-ago3:hover>th{background-color:#FFC898}

.table-ago4,.table-ago4>td,.table-ago4>th{background-color:#E89E8B; color:#000;}
.table-hover .table-ago4:hover{background-color:#E89580}
.table-hover .table-ago4:hover>td,.table-hover .table-ago4:hover>th{background-color:#E89580}

.table-ago5,.table-ago5>td,.table-ago5>th{background-color:#FF94A8; color:#000;}
.table-hover .table-ago5:hover{background-color:#FF879E}
.table-hover .table-ago5:hover>td,.table-hover .table-ago5:hover>th{background-color:#FF879E}

/* board memo */
.board-memo textarea
,.board-memo button { height:100px; vertical-align:middle; font-size:1rem; }
.board-memo textarea { width:100%; vertical-align:top; padding-right:60px; }
.board-memo button[type="submit"] { position:absolute; right:0px; width:50px; /*margin-right:5px;*/ background-color:gray; border:0px; color:white; }
.board-memo button.btn.btn-circle { width:24px; height:24px; padding:0; }







.wLayNotiWrap { position: fixed; z-index: 10000; right:0; bottom:0; }

.wLayNotiWrap .wLayItem { width:300px; height:auto;
	position:relative; margin:5px; border:1px solid rgba(0,0,0,50%);
	background-color:rgba(255,255,255,80%); box-shadow: 2px 2px 5px rgba(0,0,0,50%);
	box-sizing: border-box;
}

.wLayNotiWrap .wLayItem .wLayBtnWrap { position: absolute; z-index: 1; top:-7px; left: -7px; }
.wLayNotiWrap .wLayItem .wLayBtnWrap button {
	width:15px; height:15px; border-radius:50%;
	padding: 0; margin: 0; border:0;
	background-color:white;
	font-size: 15px; font-weight:bold;
 }

.wLayNotiWrap .wLayItem .wLayHead { font-weight:bold; padding:5px 0; text-align:center; background-color:rgba(0,0,0,10%); }
.wLayNotiWrap .wLayItem .wLayCont { max-height:150px; padding:5px; overflow:auto; font-size:14px; }

.wLayNotiWrap .wLayItem.wLayItemType_info
,.wLayPopupWrap .wLayItem.wLayItemType_info { border:1px solid #06f; }
.wLayNotiWrap .wLayItem.wLayItemType_info .wLayHead
,.wLayPopupWrap .wLayItem.wLayItemType_info .wLayHead { color:white; background-color:rgba(0, 102, 255, 0.8); }

.wLayNotiWrap .wLayItem.wLayItemType_warning
,.wLayPopupWrap .wLayItem.wLayItemType_warning { border:1px solid #f70; }
.wLayNotiWrap .wLayItem.wLayItemType_warning .wLayHead
,.wLayPopupWrap .wLayItem.wLayItemType_warning .wLayHead { color:white; background-color:rgba(255, 119, 0, 0.8); }

.wLayNotiWrap .wLayItem.wLayItemType_alert
,.wLayPopupWrap .wLayItem.wLayItemType_alert { border:1px solid #f0a; }
.wLayNotiWrap .wLayItem.wLayItemType_alert .wLayHead
,.wLayPopupWrap .wLayItem.wLayItemType_alert .wLayHead { color:white; background-color:rgba(255, 0, 170, 0.8); }






.wLayChatWrap { position: fixed; z-index: 10000; left:0; bottom:0; }

.wLayChatWrap .wLayItem { width:300px; height:auto;
	position:relative; margin:5px; border:1px solid rgba(0,0,0,50%);
	background-color:rgba(255,255,255,80%); box-shadow: 2px 2px 5px rgba(0,0,0,50%);
	box-sizing: border-box;
}

.wLayChatWrap .wLayItem .wLayBtnWrap { position: absolute; z-index: 1; top:-7px; left: -7px; }
.wLayChatWrap .wLayItem .wLayBtnWrap button {
	width:15px; height:15px; border-radius:50%;
	padding: 0; margin: 0; border:0;
	background-color:white;
	font-size: 15px; font-weight:bold;
 }

.wLayChatWrap .wLayItem .wLayHead { font-weight:bold; padding:5px 0; text-align:center; background-color:rgba(0,0,0,10%); }
.wLayChatWrap .wLayItem .wLayCont { height: calc(100vh); max-height: 400px; padding:0; }






.wLayPopupWrap { width: calc(100vw); height: calc(100vh);
	position: fixed; left:0; top:0; z-index: 11000;
	background-color: rgba(0,0,0,0.5);
	display: flex; gap: 20px; justify-content: center; align-content: center; align-items: center; flex-wrap:wrap;
}

.wLayPopupWrap .wLayItem {
	max-width:95%; max-height:95%;
	position: relative; z-index: 11001;

	border: 1px solid #ccc;
	background: #fff;
	border-radius: 10px;
	box-shadow: 2px 4px 5px 1px rgba(0,0,0,0.1), inset 0 0 6px 1px #fff;
	box-sizing: border-box;
}
.wLayPopupWrap .wLayItem .wLayBtnWrap { position: absolute; z-index: 1; top:-15px; right: -15px; z-index:99; }

.wLayPopupWrap .wLayBtnWrap button {
    position:relative;
	width:30px; height:30px; border-radius:50%;
	padding: 0; margin: 0; border:0;
	background-color:white;
	font-size: 0; font-weight:bold;
}
.wLayPopupWrap .wLayBtnWrap button:before,
.wLayPopupWrap .wLayBtnWrap button:after {
    content: "";
    display:block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 4px;
    background-color: #000;
}
.wLayPopupWrap .wLayBtnWrap button:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.wLayPopupWrap .wLayBtnWrap button:after {    
    transform: translate(-50%, -50%) rotate(-45deg);
}

.wLayPopupWrap .wLayItem .wLayCont {
	max-width: calc(100vw - 40px); max-height: calc(90vh - 40px); overflow:auto;
}




.wLayPopupWrap .wLayItem .wLayHead { font-weight:bold; padding:5px 0; text-align:center; background-color:rgba(0,0,0,10%); }
.wLayPopupWrap .wLayItem.wLayItemType_img { }
.wLayPopupWrap .wLayItem.wLayItemType_img .wLayCont { overflow: visible; max-width: 100%; max-height: 100%; }
.wLayPopupWrap .wLayItem.wLayItemType_img .wLayCont img { max-height: calc(90vh - 40px); max-width: calc(90vw - 40px); }