@charset "utf-8";
@import url('/share/css/font/Paperlogy.css');

:root {
	--turquoise: #01BFA6;
	--coral: #F53A57;
	--purple: #8349FC;
	--charcoal: #3F3D55;
	--yellow: #FFD13D;
	--blue: #2C4DD3;
  --gd: linear-gradient(113deg, #153ABE  7.97%, #152A75 92.25%);
  --gray: #666;
}

/*각자 초기화할 폰트*/
body {
	font-family: 'Paperlogy', 'Malgun Gothic', '맑은고딕', sans-serif;
}

html,body,div,p,dl,dt,dd,ol,ul,li,label,legend,table,input,button {
	font-family: 'Paperlogy', 'Malgun Gothic', '맑은고딕', sans-serif;
	font-size: 15px;
}

select,textarea {
	font-family: 'Paperlogy', 'Malgun Gothic', '맑은고딕', sans-serif;
}

.blind, hr, .sr-only, legend, caption {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.krds-pagination {
  --krds-pagination--color-text: var(--krds-light-color-text-subtle);
  --krds-pagination--color-text-active: var(--krds-light-color-text-inverse-static);
  --krds-pagination--color-text-disabled: var(--krds-light-color-text-disabled);
  --krds-pagination--color-action: var(--krds-light-color-action-secondary);
  --krds-pagination--color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-pagination--color-action-pressed: var(--krds-light-color-action-secondary-pressed);
  --krds-pagination--color-action-active: var(--krds-light-color-action-secondary-active);
  --krds-pagination-gap: var(--krds-gap-3);
  --krds-pagination-margin-top: var(--krds-pc-gap-layout-h2-h3);
  --krds-pagination--size-height: var(--krds-size-height-6);
  --krds-pagination--radius: var(--krds-radius-medium1);
  --krds-pagination--prev-btn-padding-left: var(--krds-padding-2);
  --krds-pagination--prev-btn-padding-right: var(--krds-padding-3);
	margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .krds-pagination {
    --krds-pagination-gap: var(--krds-gap-7) var(--krds-gap-3);
    --krds-pagination-margin-top: var(--krds-mobile-gap-layout-h2-h3);
		margin-bottom: 0;
  }
}
.krds-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: var(--krds-pagination-gap);
  width: 100%;
  margin-top: var(--krds-pagination-margin-top);
  color: var(--krds-pagination--color-text);
}
.krds-pagination .page-navi,
.krds-pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: var(--krds-pagination--size-height);
  background-color: var(--krds-pagination--color-action);
  border-radius: var(--krds-pagination--radius);
}
.krds-pagination .page-navi:hover,
.krds-pagination .page-link:hover {
  background-color: var(--krds-pagination--color-action-hover);
}
.krds-pagination .page-navi:active,
.krds-pagination .page-link:active {
  background-color: var(--krds-pagination--color-action-pressed);
}
.krds-pagination .page-navi.prev {
  order: 1;
  padding: 0 var(--krds-pagination--prev-btn-padding-right) 0 var(--krds-pagination--prev-btn-padding-left);
}
.krds-pagination .page-navi.prev::before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  content: "";
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(/share/images/icon/ico_angle.svg);
  mask-image: url(/share/images/icon/ico_angle.svg);
  background-color: var(--krds-pagination--color-text);
  transform: rotate(90deg);
}
.krds-pagination .page-navi.next {
  order: 3;
  padding: 0 var(--krds-pagination--prev-btn-padding-left) 0 var(--krds-pagination--prev-btn-padding-right);
}
.krds-pagination .page-navi.next::after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  content: "";
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(/share/images/icon/ico_angle.svg);
  mask-image: url(/share/images/icon/ico_angle.svg);
  background-color: var(--krds-pagination--color-text);
  transform: rotate(-90deg);
}
.krds-pagination .page-navi.disabled {
  color: var(--krds-pagination--color-text-disabled);
}
.krds-pagination .page-navi.disabled:hover, .krds-pagination .page-navi.disabled:active {
  background-color: var(--krds-pagination--color-action-disabled);
}
.krds-pagination .page-navi.disabled::before, .krds-pagination .page-navi.disabled::after {
  background-color: var(--krds-pagination--color-text-disabled);
}
.krds-pagination .page-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  order: 2;
  gap: var(--krds-gap-3);
}
.krds-pagination .page-links .page-link {
  width: var(--krds-pagination--size-height);
  height: var(--krds-pagination--size-height);
}
.krds-pagination .page-links .page-link.link-dot {
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(/share/images/icon/ico_ellipsis.svg);
  mask-image: url(/share/images/icon/ico_ellipsis.svg);
}
.krds-pagination .page-links .page-link.active {
  background-color: var(--krds-pagination--color-action-active);
  font-weight: var(--krds-font-weight-bold);
  color: var(--krds-pagination--color-text-active);
}
.krds-pagination + .helper-box {
  margin-top: var(--krds-padding-10);
}
	
.search_word {
	color: #b00101;
	font-weight: 600
}
	
.contents>section div.noresult p {
	position: relative;
	padding-left: 28px;
	font-size: 16px;
	font-weight: 600
}

.contents>section div.noresult p:after {
	display: block;
	content: '!';
	position: absolute;
	left: 0px;
	top: 1.5px;
	text-align: center;
	width: 18px;
	height: 18px;
	border: 2px solid #b00101;
	font: 800 18px/18px helvetica;
	color: #b00101;
	border-radius: 50px
}

/*******************************************************************************************************************/

@media screen and (min-width:801px) {
	.dp_mb {
		display: none
	}

	.wrapper {
		margin: auto;
		width: 98%;
		max-width: 1400px
	}
	
	/*** header ***/
	header .top {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 30px;
	}
	
	header .prev,
	header .mb-logo,
	header nav .close {
		display: none;
	}
	
	header h1 {
		--logo: url(/main/img/ico_logo.svg) no-repeat 0 0 / 100%;
	}

	header h1 a {
		position: relative;
		display: block;
		width: 170px;
		height: 33px;
		font-size: 0;
		text-indent: -5000px;
	}
	
	header h1 a::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: var(--logo);
	}
	
	header div.search {
		position: relative;
		margin: 42px 0 41px;
		width: 100%;
		max-width: 530px;
		border: 2px solid var(--blue);
		border-radius: 5px;
		box-sizing: border-box
	}
	
	header div.search input[type=text] {
		padding: 12px 5%;
		width: 90%;
		border: 0px;
		font-size: 16px;
		color: #666;
		background: transparent
	}
	
	header div.search input[type=text]:focus {
		color: var(--blue);
		font-weight: 600
	}
	
	header div.search input[type=submit] {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 100px;
		height: 100%;
		background: var(--blue);
		color: #fff;
		font-size: 18px;
		border: 0px
	}
	
	header div.search p.research {
		position: absolute;
		bottom: 13px;
		right: 125px
	}
	
	header div.search p.research input[type=checkbox] {
		width: 16px;
		height: 16px;
		vertical-align: middle
	}
	
	header nav {
		background: var(--blue);
	}
	
	header nav h2 {
		position: fixed;
		top: -5000px;
		right: -5000px
	}
	
	header nav ul {
		overflow: hidden;
		border-top: 3px solid var(--blue);
	}
	
	header nav ul li {
		position: relative;
		float: left;
		text-align: center;
		width: 14.28%
	}
	
	header nav ul li:after {
		display: block;
		content: '';
		position: absolute;
		left: 0px;
		top: 17px;
		width: 1px;
		height: 16px;
		background: rgba(0, 0, 0, 0.3);
	}
	
	header nav ul li:first-child:after {
		display: none
	}
	
	header nav ul li a {
		display: block;
		padding: 12px 5px 17px;
		font-size: 18px;
		color: #eaeaea
	}
	
	header nav ul li.select a {
		background: #fff;
		font-weight: 600;
		color: var(--blue)
	}
	
	header nav ul li.select:after {
		display: none
	}
	
	header nav ul li.select+li:after {
		display: none
	}
	
	/*** footer ***/
	footer {
		text-align: center;
		padding: 27px 10px 35px;
		background: var(--blue)
	}
	
	footer a {
		display: inline-block;
		position: relative;
		padding: 3px 1px;
		font-size: 18px;
		color: #fff;
		border-bottom: 1px solid #fff
	}
	
	footer a:before {
		display: inline-block;
		content: '';
		margin-right: 5px;
		border-width: 10px 6px;
		border-style: solid;
		border-color: transparent;
		border-bottom-color: #fff;
	}
	
	/*** container ***/
	.container {
		position: relative;
		overflow: hidden
	}
	
	.more {
		margin-top: 40px;
		text-align: right
	}
	
	.contents>section ul.menu+p.more {
		margin-top: -25px
	}
	
	.contents>section ul.image+p.more {
		margin-top: 10px
	}
	
	.more a {
		display: inline-block;
		position: relative;
		padding-right: 13px;
		font-weight: 600;
		font-size: 14px;
		color: #0459b8;
		letter-spacing: -1px
	}
	
	.more a:before,
	.more a:after {
		display: block;
		content: '';
		position: absolute;
		right: 0px;
		top: 3px;
		width: 2px;
		height: 8px;
		background: #0459b8;
		transform: rotate(-45deg)
	}
	
	.more a:after {
		top: 8px;
		transform: rotate(45deg)
	}
	
	.depth {
		color: #666;
		font-size: 14px
	}
	
	.depth span.name {
		margin-right: 5px;
		color: #999;
		font-weight: 500
	}
	
	/* contents */
	.container .contents {
		float: left;
		width: 71.4%
	}
	
	.container.noaside .contents {
		float: none;
		width: 100%
	}
	
	.contents .total {
		padding: 25px 25px 22px;
		font-size: 18px
	}
	
	.contents>section {
		padding: 4% 5% 4% 2.5%;
		border-top: 1px solid #eee;
		word-break: keep-all
	}
	
	.contents>.total+section {
		border-top-color: #ddd
	}
	
	.contents>section:last-child {
		margin-bottom: 5%
	}
	
	.contents>section h3 {
		margin-bottom: 30px;
		font-size: 20px;
	}
	
	.contents>section h3 span {
		font-weight: normal;
		font-size: 16px;
		color: #666
	}
	
	.contents>section ul.menu.pdR130 {
		padding-right: 130px
	}
	
	.contents>section ul.menu>li {
		position: relative;
		margin-top: 3px;
		padding-left: 10px
	}
	
	.contents>section ul.menu>li:after {
		display: block;
		content: '';
		position: absolute;
		left: 2px;
		top: 10px;
		width: 4px;
		height: 4px;
		background: #aaa
	}
	
	.contents>section div.form dl {
		margin-top: 40px
	}
	
	.contents>section div.form dl:first-child {
		margin-top: 0px
	}
	
	.contents>section div.form dl dt {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	
	.contents>section div.form dl dt a {
		display: block;
		color: #0459b8;
		font-size: 16px
	}
	
	.contents>section div.form dl dd {
		padding-left: 1px;
		font-size: 14px;
		line-height: 150%
	}
	
	.contents>section div.form dl dd.txt {
		margin-top: 7px
	}
	
	.contents>section div.form dl dd.url {
		margin-top: 5px
	}
	
	.contents>section ul.image {
		overflow: hidden
	}
	
	.contents>section ul.image>li {
		float: left;
		margin: 0% .8% 30px;
		width: 31.7%
	}
	
	.contents>section ul.image>li p.photo a {
		display: block;
		position: relative;
		height: 200px;
		overflow: hidden
	}
	
	.contents>section ul.image>li p.photo a:after {
		display: block;
		content: '';
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		border: 1px solid rgba(0, 0, 0, .1);
		box-sizing: border-box
	}
	
	.contents>section ul.image>li img {
		position: absolute;
		left: 0px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		width: 100%;
		min-height: 200px
	}
	
	.contents>section ul.image>li p.tit {
		margin-top: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	
	.contents>section div.table table {
		width: 100%;
		text-align: center
	}
	
	.contents>section div.table table thead th {
		padding: 13px 0px;
		font-weight: 600;
		color: #333;
		border-top: 2px solid #333;
		border-bottom: 1px solid #333;
		background: #f0f0f0
	}
	
	.contents>section div.table table tbody td {
		padding: 20px 2%;
		font-size: 14px;
		border-bottom: 1px solid #ccc;
		line-height: 150%
	}
	
	.contents>section div.table table tbody td ul li {
		position: relative;
		font-size: 14px;
		line-height: 130%
	}
	
	.contents>section div.table table tbody td ul li:after {
		content: '>';
		margin-left: 5px
	}
	
	.contents>section div.table table tbody td ul li:last-child:after {
		content: ''
	}
	
	.contents>section div.noresult ul {
		margin-top: 20px;
		margin-left: 5px
	}
	
	.contents>section div.noresult ul>li {
		position: relative;
		padding-left: 8px;
		font-size: 14px
	}
	
	.contents>section div.noresult ul>li:After {
		display: block;
		content: '';
		position: absolute;
		left: 0px;
		top: 11px;
		width: 3px;
		height: 3px;
		background: #aaa
	}
	
	/* 페이지 */
	.input {
		margin: 1px;
		padding: 0px 5px;
		height: 40px;
		line-height: 40px;
		border: 1px solid #ccc;
		vertical-align: middle;
		background: #f5f5f5;
		box-sizing: border-box
	}
	
	.btn_input {
		display: inline-block;
		text-align: center;
		padding: 0px 10px;
		min-width: 90px;
		height: 40px;
		line-height: 40px;
		border-width: 0px;
		background: #333;
		color: #fff;
		font-size: 14px;
		vertical-align: middle
	}
	
	a.page_btn.btn_first,
	a.page_btn.btn_prev,
	a.page_btn.btn_next,
	a.page_btn.btn_last {
		display: inline-block;
		text-indent: -50000px;
		width: 25px;
		height: 30px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 17px 20px;
		vertical-align: middle
	}
	
	a.page_btn.btn_first {
		background-image: url(/share/images/program/btn_first.gif)
	}
	
	a.page_btn.btn_prev {
		margin-right: 15px;
		background-image: url(/share/images/program/btn_prev.gif)
	}
	
	a.page_btn.btn_next {
		margin-left: 15px;
		background-image: url(/share/images/program/btn_next.gif)
	}
	
	a.page_btn.btn_last {
		background-image: url(/share/images/program/btn_last.gif)
	}
	
	.paging {
		text-align: center;
		margin: 20px 0px 8%;
		font-size: 0px;
	}
	
	.image+.paging {
		margin-top: 0px
	}
	
	.paging a {
		display: inline-block;
		text-align: center;
		min-width: 30px;
		line-height: 30px;
		font-size: 16px;
		vertical-align: middle
	}
	
	.paging a.select {
		background: #333;
		color: #fff;
	}
	
	.paging_mb {
		text-align: center;
		margin: 30px 0px;
		letter-spacing: -2px
	}
	
	.paging_mb .input {
		text-align: center;
		width: 50px
	}
	
	.paging_mb .btn_input {
		min-width: 60px
	}
	
	.paging_mb a.page_btn {
		border: 1px solid #ddd;
		width: 25px;
		height: 40px;
		line-height: 40px;
		letter-spacing: 0px;
		box-sizing: border-box
	}
	
	.paging_mb a.page_btn.btn_prev {
		margin-right: 0px
	}
	
	.paging_mb a.page_btn.btn_next {
		margin-left: 0px
	}
	
	.paging_mb a.page_btn.btn_first,
	.paging_mb a.page_btn.btn_last {
		text-indent: 0px;
		padding: 0px 4%;
		width: 20%;
		min-width: 65px;
		max-width: 130px;
		color: #666
	}
	
	.paging_mb a.page_btn.btn_first {
		text-align: left;
		background-position: right 8px center
	}
	
	.paging_mb a.page_btn.btn_last {
		text-align: right;
		background-position: left 8px center
	}
	
	/* aside */
	.container aside {
		float: right;
		width: 28.56%
	}
	
	aside:after {
		display: block;
		content: '';
		position: absolute;
		right: 28.56%;
		top: 0px;
		width: 1px;
		height: 100%;
		background: #ddd
	}
	
	aside>div {
		padding: 40px 0px;
		padding-left: 45px
	}
	
	aside>div h3 {
		color: #333
	}
	
	aside>div ol {
		margin-top: 20px;
		margin-bottom: 40px;
		counter-reset: rank
	}
	
	aside>div ol li {
		display: flex;
		gap: 5px;
		align-items: center;
		margin-top: 5px;
	}
	
	aside>div ol li a {
		display: block;
		height: 24px;
		line-height: 24px;
	}
	
	aside>div ol li a:before {
		display: inline-block;
		text-align: center;
		margin-right: 8px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		background: #f0f0f0;
		border: 1px solid #ddd;
		font-size: 14px;
		counter-increment: rank;
		content: '' counter(rank);
	}
	
	aside>div ol li a.aside_del {
		width: 24px;
		font-size: 0;
		text-indent: -5000px;
		background: url(aside_del.png) no-repeat center;
	}
	
	aside>div ol li a.aside_del:before {
		display: none;
	}
}

@media screen and (max-width:800px) {
	:root {		
		--bg: url(search.svg) no-repeat;
	}

	.dp_pc,
	header div.search .research,
	header nav h2,
	header nav .lnb li:first-child,
	aside,
	footer {
		display: none
	}

	body {
		padding-bottom: 100px;
	}

	.menu-on {
		padding-bottom: 280px;
	}

	.wrapper {
		width: 100%;
	}
	
	header .top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 15px 20px;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
	}
	
	header .prev {
		position: relative;
		width: 22px;
		height: 22px;
		font-size: 0;
		text-indent: -5000px;
	}
	
	header .prev::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: var(--bg);
	}

	header .mb-logo {
		color: #333;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: -0.28px;
	}

	header h1 a {
		position: relative;
		display: flex;
		width: 22px;
		height: 22px;
		font-size: 0;
		text-indent: -5000px;
		border-radius: 50px;
		background: var(--gd);
	}
	
	header h1 a::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: var(--bg);
		background-position: -22px 0;
	}

	header div.search{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 58px;
		border-top: 1px solid #E9E9E9;
		background: #fff;
		overflow: hidden;
		z-index: 99;
	}
	
	header div.search input[type=text] {
		padding: 18px 100px 18px 25px;
		width: 100%;
		font-size: 14px;
		font-weight: 500;
		line-height: 160%;
		letter-spacing: -0.28px;
		border: none;
	}

	header div.search input[type=text]::placeholder {
		color: #A0A0A0;
	}
	
	header div.search .btn {
		position: absolute;
		right: 0;
		top: 0;
		display: inline-block;
	}

	header div.search .btn::before {
		content: '';
		position: absolute;
		right: 25px;
		top: 19px;
		width: 18px;
		height: 18px;
		background: var(--bg);
		background-position: -44px 0;
	}

	header div.search input[type=submit] {
		padding: 18px 48px 18px 25px;
		color: var(--turquoise);
		font-size: 14px;
		font-weight: 600;
		line-height: 160%;
		letter-spacing: -0.28px;
		border: none;
		background: none;
	}

	header nav {
		position: fixed;
		left: 0;
		bottom: 58px;
		width: 100%;
		max-height: 205px;
		border-radius: 10px 10px 0px 0px;
		background: var(--blue);
		overflow: hidden;
		z-index: 99;
	}

	header nav .close {
		display: block;
		text-align: center;
		width: 100%;
		padding: 6px 0px;
	}

	header nav .close span {
		position: relative;
		display: inline-block;
		padding-right: 13px;
		color: #FFF;
		font-size: 10px;
		font-weight: 600;
		letter-spacing: -0.2px;
	}

	header nav .close span::before {
		content: '';
		position: absolute;
		right: 0;
		top: 5px;
		width: 8px;
		height: 6px;
		background: var(--bg);
		background-position: 0 -47px;
		transition: .3s;
	}
	
	header nav .close span.on::before {
		transform: rotate(180deg);
	}	
	
	header nav .lnb {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		background: var(--blue);
	}
	
	header nav .lnb li {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex: 1 1 33.3%;
		align-self: stretch;
	}

	header nav .lnb li a {
		position: relative;
		display: block;
		text-align: center;
		padding: 47px 15px 19px 15px;
		width: 100%;
		color: #FFF;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: -0.24px;
		border-right: 1px solid rgba(0, 0, 0, 0.3);
		border-top: 1px solid rgba(0, 0, 0, 0.3);
	}

	header nav .lnb li:nth-child(4) a,
	header nav .lnb li:nth-child(7) a {
		border-right: none;
	}
	
	header nav .lnb li a::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 21.5px;
		margin: auto;
		width: 18px;
		height: 18px;
		background: var(--bg);
	}

	header nav .lnb li:nth-child(2) a::before {
		background-position: -8px -47px;
	}

	header nav .lnb li:nth-child(3) a::before {
		background-position: calc(-8px + -18px) -47px ;
	}

	header nav .lnb li:nth-child(4) a::before {
		background-position: calc(-8px + -18px * 2) -47px ;
	}

	header nav .lnb li:nth-child(5) a::before {
		background-position: calc(-8px + -18px * 3) -47px ;
	}

	header nav .lnb li:nth-child(6) a::before {
		background-position: calc(-8px + -18px * 4) -47px ;
	}

	header nav .lnb li:nth-child(7) a::before {
		background-position: calc(-8px + -18px * 5) -47px ;
	}

	.contents {
		padding: 18px 20px 30px 20px;
	}
	
	.contents .total {
		text-align: right;
		font-size: 0;
	}
	
	.contents .total .total_mb {
		display: inline-block;
		padding: 10px 18px;
		color: #FFF;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: -0.26px;
		text-decoration: none;
		border-radius: 20px 2px 20px 20px;
		background: #315AAC;
	}

	.contents .result{		
		position: relative;
	}

	.contents .result h3 {
		position: relative;
		display: flex;
		align-items: center;
		gap: 5px;
		padding: 1px 0 8px 33px;
		color: #222;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: -0.28px;
	}
	
	.contents .result h3::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 25px;
		height: 25px;
		background: var(--bg);
		background-position: 0 -22px;
	}
	
	.contents .result h3 span {
		color: #666;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: -0.24px;
	}
	
	.contents .result .form,
	.contents .result .menu {
		margin: 7px 30px 15px 15px;
		padding: 18px 20px 18px 20px;
		border-radius: 1px 20px 20px 20px;
		background: #F3F7FF;
	}
	
	.contents .result .form.has-more,
	.contents .result .menu.has-more {
		padding-bottom: 52px;
	}
	
	.contents .result .form dl {
		margin-bottom: 12px;
		padding-bottom: 12px;
		border-bottom: 1px dashed #CED3DD;	
	}
	
	.contents .result .form dl:nth-last-child(1) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	
	.contents .result .form.has-more dl:nth-last-child(1) {
		padding-bottom: 12px;
	}
	
	.contents .result .form dl dt,
	.contents .result .form dl dt a {
		color: #0459B8;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: -0.24px;
	}
	
	.contents .result .form dl dt {
		position: relative;
		padding-left: 8px;
	}

	.contents .result .form dl dt::before {
		content: '';
		position: absolute;
		left: 0;
		top: 6px;
		width: 4px;
		height: 4px;
		border-radius: 50px;
		background: #0459B8;
	}
	
	.contents .result .form dl .txt {
		padding: 7px 0px 0px 10px;
		color: #5A5A5A;
		font-size: 10px;
		letter-spacing: -0.2px;
	}
	
	.contents .result .form dl .url {
		padding-left: 10px;
		color: #5A5A5A;
		font-size: 10px;
		letter-spacing: -0.2px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.contents .result .form dl .url a{
		color: #5A5A5A;
		font-size: 10px;
		letter-spacing: -0.2px;
	}
	
	.contents .result .form dl .depth {
		padding: 7px 0px 0px 10px;
		color: #87A0D2;
		font-size: 9px;
		font-weight: 600;
		letter-spacing: -0.18px;
	}

	.contents .result .menu li,
	.contents .result .menu li a {
		font-size: 12px;
		line-height: 140%;
		letter-spacing: -0.24px;
	}
	
	.contents .result .menu li {
		position: relative;
		padding-left: 9px;
		margin-bottom: 5px;
	}
	
	.contents .result .menu li:nth-last-child(1) {
		margin-bottom: 0;
	}
	
	.contents .result .menu.has-more li:nth-last-child(1) {
		margin-bottom: 12px;
	}
	
	.contents .result .menu li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 6px;
		width: 4px;
		height: 4px;
		border-radius: 50px;
		background: #9D9D9D;
	}

	.contents .result .more {
		position: absolute;
		left: 27px;
		bottom: 18px;
		text-align: center;
		width: calc(100% - 27px - 50px);
	}
	
	.contents .result .more a {
		display: block;
		padding: 10px 0px;
		color: #555;
		font-size: 11px;
		font-weight: 500;
		line-height: 14px;
		letter-spacing: -0.22px;
		border-radius: 5px;
		border: 1px solid #DCE5F6;
		background: #FFF;
	}
	
	.contents .result .more a span {
		position: relative;
		padding-right: 14px;
	}
	
	.contents .result .more a span::before {
		content: '';
		position: absolute;
		right: 0;
		top: 3px;
		width: 5px;
		height: 8px;
		background: var(--bg);
		background-position: -25px -22px;
	}
}

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