@charset "UTF-8";

@import url(../../css/2019/settings/layout.css);
@import url(../../css/2019/settings/invert.css);
@import url(../../css/2019/settings/component.css);
@import url(../../css/2019/settings/crops.css);
@import url(../../css/2019/theme/black/init.css);

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: normal;
	src: url(../../font/NotoSansKR/Regular/NotoSansKR-Regular.woff2) format('woff2'),
		 url(../../font/NotoSansKR/Regular/NotoSansKR-Regular.woff) format('woff'),
		 url(../../font/NotoSansKR/Regular/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: bold;
	src: url(../../font/NotoSansKR/Medium/NotoSansKR-Medium.woff2) format('woff2'),
		 url(../../font/NotoSansKR/Medium/NotoSansKR-Medium.woff) format('woff'),
		 url(../../font/NotoSansKR/Medium/NotoSansKR-Medium.otf) format('opentype');
}

/*그리드 ROWCLICK CSS*/
.grid-row-click-on {
	position: relative;
	border-left: 2px solid #de5b04;
	border-right: 2px solid #de5b04;
}
.grid-row-click-on::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #de5b04;
	bottom: -1px;
	z-index: 99;
}
.grid-row-click-on::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #de5b04;
	top: -1px;
	z-index: 99;
}

[ucups-grid-mode="TILE"] .grid-row-click-on {
	position: relative;
	border-left: 0 solid #de5b04;
	border-right: 0 solid #de5b04;
}
[ucups-grid-mode="TILE"] .grid-row-click-on::after {
	width: 0 !important;
}
[ucups-grid-mode="TILE"] .grid-row-click-on::before {
	width: 0 !important;
}