html, body
{
	/*
	font-size: 80%;
	*/
	margin: 0;
	padding: 0;
	min-height: 100% !important;
	height: auto !important;
}
::placeholder
{
	font-style: italic;
	font-size: 80%;
}
#base-div
{
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
	/*
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://w3.org' width='250' height='150'><text x='30' y='100' font-size='20' font-family='Arial, sans-serif' font-weight='bold' fill='%23000000' transform='rotate(-30 30 100)'>CONFIDENTIAL</text></svg>");
	*/
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27400%27%20height%3D%27150%27%3E%3Ctext%20x%3D%2730%27%20y%3D%27100%27%20font-size%3D%2740%27%20font-family%3D%27Arial%2C%20sans-serif%27%20font-weight%3D%27bold%27%20fill%3D%27%23000000%27%20transform%3D%27rotate%28-30%2030%20100%29%27%3EALM%3C/text%3E%3C/svg%3E");

    background-repeat: repeat;

    opacity: 0.05;
    z-index: -1;

	animation-name: rot-alm-ani;
	animation-duration: 60s;
	/*
	animation-timing-function: linear;
	*/
	animation-iteration-count: infinite;
}
@keyframes rot-alm-ani
{
	50% { transform: rotateZ(90deg); }
}
textarea
{
	width: 100%;
	min-height: 70px;
	border: 1px solid lightgray;
	font-size: 80%;
	background-color: transparent;
}
.db-cnt-input
{
	font-size: 80%;
	max-width: 60px;
	text-align: center;
}
#coupang-img
{
	max-width: 200px;
	border: 1px solid lightgray;
}
#coupang-ttl
{
	display: flex;
	align-items: center;
	/*
	font-size: 120%;
	*/
}
.site-div
{
	width: 100%;
	max-width: 600px;
	max-width: 300px;
	border: 0.5px solid rgb(220,220,220);
}
#page-open-div
{
	max-width: 600px;
	max-width: 300px;
}
#toss-img,
#naver-img
{
	min-height: 64px;
	/*
	max-height: 200px;
	min-width: 100%;
	width: auto;
	*/
	width: 100%;
	max-height: 200px;
	max-height: 260px;
	max-height: 200px;
	object-fit: cover;
	box-shadow: 0 0 2px gray;
}
#toss-txt-div,
#naver-txt-div
{
	padding: 10px;
	padding: 15px;
}
.toss-txt-div,
.naver-txt-div
{
	padding-right: 3px;
	padding: 5px 3px 0 0;
	white-space: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none; /* 인터넷 익스플로러, 엣지 */
}
#toss-ttl,
#naver-ttl
{
	font-weight: bold;
	/*
	font-size: 120%;
	*/
}
#toss-desc,
#naver-desc
{
	font-size: 80%;
	color: rgb(100,100,100);
}
#toss-host,
#naver-host
{
	font-size: 80%;
	color: green;
}
#page-open-div
{
	text-align: center;
}

.product-card-grp
{
	position: relative;
	max-height: 60vh;
	overflow-y: auto;
	background-color: transparent;
}
.card
{
	position: relative;
	min-width: 18rem;
	min-width: 16rem;
	min-width: 14rem;
	box-shadow: 0 0 3px rgba(10,10,139,0.5);
	box-shadow: 0 0 3px black;
	background-color: transparent;
}
.card:hover
{
	transform: scale(0.95);
	border: 1px solid red;
}
.noimg-coupang-small
{
	position: absolute;
	/*
	left: 5px;
	bottom: 3px;
	*/
	font-style: italic;
	font-size: 70%;
	padding: 5px;
	text-shadow: 0 0 2px cyan;
	color: orange;
}
.searched-card
{
	border: 1px solid red;
	transform: rotate(30deg) scale(0.8);
}
.card-text
{
	font-size: 80%;
}
.coupang-card img
{
	max-width: 100px;
	/*
	box-shadow: 1px 1px 3px black;
	*/
}
.product-card img
{
	max-height: 200px;
	object-fit: cover;
	/*
	box-shadow: 1px 1px 3px black;
	*/
}
.delete-link-btn
{
	position: absolute;
	top: 2px;
	right: 5px;
}
#help-modal table
{
	border: 1px solid lightgray;
}
#help-modal table tbody td
{
	border: 1px solid lightgray;
	padding: 5px;
	text-align: center;
}
#help-modal img
{
	max-height: 32px;
}
#question-img
{
	max-width: 80px;
}
#qbody-table tbody,
#qbody-table tbody td
{
	border: none;
}

#page-footer
{
	font-size: 80%;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 5px;
	background-color: rgba(10,10,139,0.2);
}

.modal-content
{
	box-shadow: 2px 2px 6px gray;
	box-shadow: 0px 0px 6px orange;
}
#login-table th
{
	border: none;
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
	padding: 2px;
}
#new-email-check
{
	/*
	margin-top: 0.15rem !important;
	*/
}
#login-msg-div
{
	font-size: 70%;
	font-style: italic;
}
.login-msg-green
{
	color: green;
}
.login-msg-red
{
	color: red;
}
#publish-select
{
	color: rgb(139,0,0);
	text-shadow: cyan;
}

@media (orientation: landscape)
{
	/*
	.card-text
	{
		font-size: 80%;
	}
	*/
	/*
	.product-card-grp
	{
		max-height: 70vh;
	}
	*/
}