/* Ribbonline official header parity and accessible global search. */
@media (min-width:1025px){
	#smart-head .smart-head-row>.inner.wrap{
		box-sizing:border-box!important;
		width:calc(100% - 40px)!important;
		max-width:1288px!important;
		margin-inline:auto!important
	}
	#smart-head .smart-head-bot>.inner.wrap{
		display:flex!important;
		align-items:stretch!important
	}
}
#smart-head .smart-head-bot .items-right{
	display:flex!important;
	align-items:stretch!important;
	margin-left:auto!important
}
#smart-head .smart-head-bot .search-icon{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	box-sizing:border-box!important;
	width:48px!important;
	min-width:48px!important;
	height:56px!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	color:#fff!important;
	text-decoration:none!important;
	cursor:pointer!important
}
#smart-head .smart-head-bot .search-icon:hover,
#smart-head .smart-head-bot .search-icon:focus-visible{
	background:rgba(255,255,255,.12)!important;
	outline:2px solid rgba(255,255,255,.92)!important;
	outline-offset:-4px!important
}
#smart-head .smart-head-bot .search-icon .tsi{display:none!important}
#smart-head .smart-head-bot .rln-rpi-search-glyph{
	display:block!important;
	width:22px!important;
	height:22px!important;
	transform:translateY(3px)!important
}
.search-modal-wrap.rln-rpi-search-modal{
	display:none!important
}
.search-modal-wrap.rln-rpi-search-modal.is-open{
	display:flex!important;
	visibility:visible!important;
	opacity:1!important;
	pointer-events:auto!important;
	position:fixed!important;
	inset:0!important;
	z-index:2147483000!important;
	align-items:flex-start!important;
	justify-content:center!important;
	box-sizing:border-box!important;
	padding:clamp(88px,14vh,160px) 20px 32px!important;
	background:rgba(19,23,42,.64)!important;
	backdrop-filter:blur(5px)!important;
	-webkit-backdrop-filter:blur(5px)!important
}
.rln-rpi-search-modal .search-modal-box{
	position:relative!important;
	box-sizing:border-box!important;
	width:min(680px,100%)!important;
	margin:0!important;
	padding:32px!important;
	border:1px solid #d9deea!important;
	border-radius:16px!important;
	background:#fff!important;
	box-shadow:0 24px 70px rgba(13,18,38,.28)!important;
	visibility:visible!important;
	opacity:1!important;
	transform:none!important
}
.rln-rpi-search-modal .search-form{
	display:flex!important;
	gap:10px!important;
	width:100%!important;
	margin:0!important
}
.rln-rpi-search-modal .search-field{
	box-sizing:border-box!important;
	width:100%!important;
	min-width:0!important;
	height:52px!important;
	margin:0!important;
	padding:0 16px!important;
	border:1px solid #cbd3e1!important;
	border-radius:8px!important;
	background:#fff!important;
	color:#151a2d!important;
	font:500 16px/1.4 Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif!important;
	outline:none!important
}
.rln-rpi-search-modal .search-field:focus{
	border-color:#623acb!important;
	box-shadow:0 0 0 3px rgba(98,58,203,.14)!important
}
.rln-rpi-search-modal .search-submit{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	flex:0 0 auto!important;
	min-width:96px!important;
	height:52px!important;
	padding:0 18px!important;
	border:0!important;
	border-radius:8px!important;
	background:#5933c5!important;
	color:#fff!important;
	font:700 15px/1 Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif!important;
	cursor:pointer!important
}
.rln-rpi-search-modal .rln-rpi-search-close{
	position:absolute!important;
	top:-46px!important;
	right:0!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:40px!important;
	height:40px!important;
	padding:0!important;
	border:1px solid rgba(255,255,255,.72)!important;
	border-radius:50%!important;
	background:rgba(255,255,255,.14)!important;
	color:#fff!important;
	font:400 28px/1 Arial,sans-serif!important;
	cursor:pointer!important
}
body.rln-rpi-search-open{overflow:hidden!important}
@media (max-width:1024px){
	#smart-head .smart-head-bot .search-icon{width:44px!important;min-width:44px!important;height:50px!important}
	.rln-rpi-search-modal .search-modal-box{padding:22px!important}
}
@media (max-width:560px){
	.rln-rpi-search-modal .search-form{display:grid!important}
	.rln-rpi-search-modal .search-submit{width:100%!important}
}
