@charset "utf-8";

#search form, #navigation .container, #container, #preface .utility, [class^="main-"], .main-infomation h2, .board-paging ul, .board-list-thumnail li, .board-list-thumnail2 li, .board-list-gallery,
	.birthplace-gallery, .birthplace-gallery2, .itinerancy-gallery, .board-button, .board-group, .commentary-list, .record-detail, .inauguration-intro, .itinerancy-list>li dl dd ul, .exhibition-selectbox,
	.record-search-list>ul>li, .schedule-year-sort, .schedule-year-list tr td .content, .history-list {
	*zoom: 1
}

#search form:after, #navigation .container:after, #container:after, #preface .utility:after, [class^="main-"]:after, .main-infomation h2:after, .board-paging ul:after, .board-list-thumnail li:after,
	.board-list-thumnail2 li:after, .board-list-gallery:after, .birthplace-gallery:after, .birthplace-gallery2:after, .itinerancy-gallery:after, .board-button:after, .board-group:after, .commentary-list:after,
	.record-detail:after, .inauguration-intro:after, .itinerancy-list>li dl dd ul:after, .exhibition-selectbox:after, .record-search-list>ul>li:after, .schedule-year-sort:after, .schedule-year-list tr td .content:after,
	.history-list:after {
	content: '';
	display: table;
	line-height: 0;
	clear: both;
}

/* 240919 기존 폰트 주석처리 */
/*
@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 100;
	src: url("../vendor/NotoSansKR/NotoSansKR-Thin.eot"),
		url("../vendor/NotoSansKR/NotoSansKR-Thin.eot?#iefix") format("embedded-opentype"),
		url("../vendor/NotoSansKR/NotoSansKR-Thin.woff") format("woff"),
		url("../vendor/NotoSansKR/NotoSansKR-Thin.otf") format("opentype")
}
*/
/*
@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 300;
	src: url("../vendor/NotoSansKR/NotoSansKR-Light.eot"),
		url("../vendor/NotoSansKR/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"),
		url("../vendor/NotoSansKR/NotoSansKR-Light.woff") format("woff"),
		url("../vendor/NotoSansKR/NotoSansKR-Light.otf") format("opentype")
}
*/
/*
@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 350;
	src: url("../vendor/NotoSansKR/NotoSansKR-DemiLight.eot"),
		url("../vendor/NotoSansKR/NotoSansKR-DemiLight.eot?#iefix") format("embedded-opentype"),
		url("../vendor/NotoSansKR/NotoSansKR-DemiLight.woff") format("woff"),
		url("../vendor/NotoSansKR/NotoSansKR-DemiLight.otf") format("opentype")
}
*/
/*
@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 400;
	src: url("../vendor/NotoSansKR/NotoSansKR-Regular.eot"),
		url("../vendor/NotoSansKR/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),
		url("../vendor/NotoSansKR/NotoSansKR-Regular.woff") format("woff"),
		url("../vendor/NotoSansKR/NotoSansKR-Regular.otf") format("opentype")
}
*/
/*
@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 500;
	src:url("../vendor/NotoSansKR/NotoSansKR-Medium.eot"),
		url("../vendor/NotoSansKR/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"),
		url("../vendor/NotoSansKR/NotoSansKR-Medium.woff") format("woff"),
		url("../vendor/NotoSansKR/NotoSansKR-Medium.otf") format("opentype")
}
*/
/*
@font-face {
	font-family: "Noto Sans Korean Medium";
	font-style: normal;
	font-weight: 500;
	src: url("../vendor/NotoSansKR/NotoSansKR-Medium.eot"), url("../vendor/NotoSansKR/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("../vendor/NotoSansKR/NotoSansKR-Medium.woff")
		format("woff"), url("../vendor/NotoSansKR/NotoSansKR-Medium.otf") format("opentype")
}
*/
/*
@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 700;
	src: url("../vendor/NotoSansKR/NotoSansKR-Bold.eot"),
		url("../vendor/NotoSansKR/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),
		url("../vendor/NotoSansKR/NotoSansKR-Bold.woff") format("woff"),
		url("../vendor/NotoSansKR/NotoSansKR-Bold.otf") format("opentype")
}
*/
/*
@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 900;
	src: url("../vendor/NotoSansKR/NotoSansKR-Black.eot"),
		url("../vendor/NotoSansKR/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"),
		url("../vendor/NotoSansKR/NotoSansKR-Black.woff") format("woff"),
		url("../vendor/NotoSansKR/NotoSansKR-Black.otf") format("opentype")
} *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* // 240919 기존 폰트 주석처리 */


/* 240919 폰트 수정 */
@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 300;
	src: local("Noto Sans Light"),
		local("NotoSans-Light"),
		url("../vendor/NotoSansKR/new/NotoSans-Light.woff2") format("woff2"),
		url("../vendor/NotoSansKR/new/NotoSans-Light.woff") format("woff"),
		url("../vendor/NotoSansKR/new/NotoSans-Light.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 400;
	src: local("Noto Sans Regular"),
		local("NotoSans-Regular"),
		url("../vendor/NotoSansKR/new/NotoSans-Regular.woff2") format("woff2"),
		url("../vendor/NotoSansKR/new/NotoSans-Regular.woff") format("woff"),
		url("../vendor/NotoSansKR/new/NotoSans-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 500;
	src: local("Noto Sans Medium"),
		local("NotoSans-Medium"),
		url("../vendor/NotoSansKR/new/NotoSans-Medium.woff2") format("woff2"),
		url("../vendor/NotoSansKR/new/NotoSans-Medium.woff") format("woff"),
		url("../vendor/NotoSansKR/new/NotoSans-Medium.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 700;
	src: local("Noto Sans Bold"),
		local("NotoSans-Bold"),
		url("../vendor/NotoSansKR/new/NotoSans-Bold.woff2") format("woff2"),
		url("../vendor/NotoSansKR/new/NotoSans-Bold.woff") format("woff"),
		url("../vendor/NotoSansKR/new/NotoSans-Bold.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans Korean";
	font-style: normal;
	font-weight: 900;
	src: local("Noto Sans Black"),
		local("NotoSans-Black"),
		url("../vendor/NotoSansKR/new/NotoSans-Black.woff2") format("woff2"),
		url("../vendor/NotoSansKR/new/NotoSans-Black.woff") format("woff"),
		url("../vendor/NotoSansKR/new/NotoSans-Black.otf") format("opentype");
}
/* // 240919 폰트 수정 */


html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

*, *::before, *::after {
	box-sizing: border-box
}

html {
	overflow-y: auto;
	overflow-x: hidden;
	font-family: "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif";
	font-size: 100%;
	line-height: 1.5;
	color: #000;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased
}

body {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	background-color: transparent
}

legend, table caption, .hd-element, .u-e-hidden, .blind {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0
}

img, fieldset, button, input {
	border: 0;
	vertical-align: middle
}

fieldset {
	min-width: auto
}

input:-ms-clear {
	display: none;
	width: 0;
	height: 0
}

input::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

ul, ol, li {
	list-style: none
}

dl, dt, dd, ul, ol, li, p, fieldset {
	margin: 0;
	padding: 0
}

em, address {
	font-style: normal
}

label, button {
	cursor: pointer
}

label {
	margin: 0;
	font-size: inherit
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700
}

h6 {
	font-size: 1em
}

a {
	text-decoration: none;
	color: inherit
}

input, select, button, textarea {
	min-width: 0;
	vertical-align: middle;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	background: #fff
}

input[type="radio"], input[type="checkbox"] {
	margin: 0;
	cursor: pointer
}

img {
	max-width: 100%
}

strong {
	font-weight: 700
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	line-height: 1.2
}

::-webkit-input-placeholder {
	color: #666
}

::-moz-placeholder {
	color: #666
}

:-ms-input-placeholder {
	color: #666
}

:-moz-placeholder {
	color: #666
}

.u-t-hidden, .aria-hidden {
	position: absolute !important;
	width: 0px !important;
	height: 0px;
	overflow: hidden !important;
	text-indent: -9999em !important
}

.u-i-layout, #topmenu .link li a.home, #topmenu .link li a.facebook, #topmenu .link li a.twitter, #search .toggle span, #search form button span, #navigation .container .mainmenu>ul>li .submenu .close button,
	#navigation .container .allmenu .toggle span, #navigation .container .allmenu .scroller .toggle-close button span, #lnb nav .toggle::after, #preface nav ol li .home, #preface nav ol li::after,
	#preface .utility a::before, #preface .utility button::before, .president_page #preface > ol li .home, #lnb_president nav .toggle::after { /* 2024-08-01 추가 */
	display: inline-block;
	position: relative;
	overflow: hidden;
	line-height: 1;
	background: url(../images/ico-sprite-layout.png)
}/* 2024-01-04 선언 추가 */

#header {
	position: relative;
	z-index: 8888
}

@media ( max-width : 980px) {
	#header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 56px;
		background: #22569a;
		background: -moz-linear-gradient(top, #22569a 0%, #265c9f 50%, #265895 51%, #144688 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #22569a), color-stop(50%, #265c9f), color-stop(51%, #265895), color-stop(100%, #144688));
		background: -webkit-linear-gradient(top, #22569a 0%, #265c9f 50%, #265895 51%, #144688 100%);
		background: -o-linear-gradient(top, #22569a 0%, #265c9f 50%, #265895 51%, #144688 100%);
		background: -ms-linear-gradient(top, #22569a 0%, #265c9f 50%, #265895 51%, #144688 100%);
		background: linear-gradient(to bottom, #22569a 0%, #265c9f 50%, #265895 51%, #144688 100%)
	}
}

#topmenu {
	position: relative;
	margin: 0 auto;
	padding: 30px 296px 30px 242px;
	max-width: 1260px
}

#topmenu h1 {
	position: absolute;
	top: 50%;
	left: 1.875rem;
	margin: -23px 0 0 0
}

#topmenu h1 a {
	display: block;
	width: 202px;
	height: 47px;
	overflow: hidden;
	background: url(../images/img-header-logo.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px
}

#topmenu .link {
	position: absolute;
	top: 50%;
	right: 1.875rem;
	margin-top: -18px
}

#topmenu .link li {
	display: inline-block;
	position: relative;
	margin-right: 0.75rem;
	padding-right: 1rem;
	vertical-align: middle
}

#topmenu .link li a.home, #topmenu .link li a.facebook, #topmenu .link li a.twitter {
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -9999em
}

#topmenu .link li a.home {
	width: 22px;
	height: 20px;
	background-position: -50px 0
}

#topmenu .link li a.facebook {
	background-position: -100px 0
}

#topmenu .link li a.twitter {
	background-position: -150px 0
}

#topmenu .link li::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	width: 1px;
	height: 20px;
	overflow: hidden;
	background: #999
}

#topmenu .link li:last-child {
	margin-right: 0;
	padding-right: 0
}

#topmenu .link li:last-child::after {
	display: none
}

@media ( max-width : 1200px) {
	#topmenu {
		padding: 24px 256px 24px 196px
	}
	#topmenu h1 {
		left: 1.5rem;
		margin: -19px 0 0 0
	}
	#topmenu h1 a {
		width: 162px;
		height: 38px
	}
	#topmenu .link {
		right: 1.5rem;
		margin-top: -15px
	}
	#topmenu .link li {
		margin-right: 0.6rem;
		padding-right: 0.8rem
	}
	#topmenu .link li a.home, #topmenu .link li a.facebook, #topmenu .link li a.twitter {
		width: 30px;
		height: 30px;
		background-size: 240px
	}
	#topmenu .link li a.home {
		width: 18px;
		height: 17px;
		background-position: -40px 0
	}
	#topmenu .link li a.facebook {
		background-position: -80px 0
	}
	#topmenu .link li a.twitter {
		background-position: -120px 0
	}
	#topmenu .link li::after {
		margin-top: -9px;
		height: 18px
	}
}

@media ( max-width : 980px) {
	#topmenu {
		padding: 12px 0
	}
	#topmenu h1 {
		position: static;
		margin: 0 auto
	}
	#topmenu h1 a {
		margin: 0 auto;
		width: 126px;
		height: 32px;
		background-image: url(../images/img-header-logo-m.png)
	}
	#topmenu .link {
		display: none
	}
}

#search {
	margin: 0 auto;
	max-width: 500px
}

#search .toggle {
	display: none;
	background: transparent
}

#search .toggle span {
	text-indent: -999em
}

#search form {
	border: 3px solid #1269b4;
	background: #fff
}

#search form select, #search form input, #search form button {
	float: left;
	padding: 0 10px;
	height: 2.75rem;
	border: 0
}

#search form select {
	width: 90px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url(../images/ico-search-select.jpg) calc(100% - 10px) center no-repeat
}

#search form select::-ms-expand {
	display: none
}

#search form input {
	width: calc(100% - 140px) /* 상단 검색 수정 221202  */
}

#search form button {
	width: 44px
}

#search form button span {
	width: 24px;
	height: 24px;
	vertical-align: top;
	text-indent: -9999px
}

@media ( max-width : 1200px) {
	#search {
		max-width: 450px;
		margin: 0 0 0 150px;
	}
	#search form select, #search form input, #search form button {
		height: 2.5rem
	}
	#search form select {
		width: 122px
	}
	#search form input {
		width: calc(100% - 166px)
	}
}

@media ( min-width : 981px) and (max-width : 1199px) {
	#search {max-width: 420px; margin: 0 auto;}
	#ark {width: 360px !important; right: inherit !important;}
	#ark_down, #ark_up {margin: 0 !important; max-width: 420px !important;}
	#ark_img_down, #ark_img_up {position: absolute !important;; right:10px !important;; top: -34px !important;}
}

@media ( max-width : 980px) {
	#search {
		max-width: 100%; margin-left: 0;
	}
	#search .toggle {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 1rem;
		height: 56px
	}
	#search .toggle span {
		top: 2px;
		width: 24px;
		height: 24px;
		background-size: 180px;
		background-position: 0 -30px
	}
	#search form {
		display: none;
		position: absolute;
		top: 56px;
		left: 0;
		right: 0;
		padding: 1rem;
		border: 0
	}
	#search form fieldset {
		border-bottom: 2px solid #1269b4
	}
	#search form select {
		width: 120px
	}
	#search form input {
		width: calc(100% - 160px)
	}
	#search form button {
		width: 40px
	}
	#search form button span {
		width: 20px;
		height: 20px;
		background-size: 240px
	}
	#search.active .toggle span {
		background-position: -30px -30px
	}
	#search.active form {
		display: block
	}
}

#navigation {
	position: relative;
	padding: 0 1.875rem;
	height: 70px;
	background: url(../images/bg-navigation.png) center center no-repeat, url(../images/bg-navigation2.png) center center repeat-x;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff
}

#navigation a {
	display: block
}

#navigation .submenu {
	padding: 0 1.875rem 1.25rem 1.875rem;
	background: #02316b
}

#navigation .submenu>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 auto;
	max-width: 1200px
}

#navigation .submenu>ul>li {
	white-space: nowrap;
	margin: 1.25rem 1.25rem 0 0
}

#navigation .submenu>ul>li>a {
	padding: 0.25rem 1.25rem 0.375rem 1.25rem;
	border: 1px solid #8198b5;
	font-size: 1.125rem;
	color: #fff
}

#navigation .submenu>ul>li>ul>li>a {
	padding: 0.5rem 1rem 0.625rem 1rem;
	border-bottom: 1px solid #355a89
}

#navigation .submenu>ul>li>ul>li>a:focus, #navigation .submenu>ul>li>ul>li>a:hover {
	color: #fff
}

#navigation .submenu>ul>li:last-child {
	margin-right: 0
}

#navigation .container {
	margin: 0 auto;
	max-width: 1200px
}

#navigation .container .mainmenu {
	float: left;
	width: 90%
}

#navigation .container .mainmenu>ul>li {
	float: left;
	width: 20%;
}

#navigation .container .mainmenu>ul>li>a {
	position: relative;
	height: 70px;
	line-height: 70px;
	font-size: 1.25rem
}

#navigation .container .mainmenu>ul>li>a::before, #navigation .container .mainmenu>ul>li>a::after {
	content: " ";
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: 1px;
	height: 20px;
	background: #fff;
	overflow: hidden
}

#navigation .container .mainmenu>ul>li>a::before {
	display: none;
	left: -1px
}

#navigation .container .mainmenu>ul>li>a::after {
	right: -1px
}

#navigation .container .mainmenu>ul>li .submenu {
	display: none;
	position: absolute;
	top: 70px;
	left: 0;
	right: 0
}

#navigation .container .mainmenu>ul>li .submenu .close {
	margin: 10px auto 0 auto;
	max-width: 1200px;
	text-align: right
}

#navigation .container .mainmenu>ul>li .submenu .close button {
	width: 44px;
	height: 44px;
	overflow: hidden;
	background-position: -250px 0;
	text-indent: -9999em
}

#navigation .container .mainmenu>ul>li:first-child>a::before {
	display: block
}

#navigation .container .mainmenu>ul>li.active>a {
	z-index: 2;
	background: #02316b;
	font-weight: 500;
	color: #fff
}

#navigation .container .mainmenu>ul>li.active>a::before, #navigation .container .mainmenu>ul>li.active>a::after {
	height: 100%;
	top: 0;
	margin-top: 0;
	background: #02316b
}

#navigation .container .mainmenu>ul>li.active .submenu {
	display: block
}

#navigation .container .allmenu {
	float: right;
	width: 10%
}

#navigation .container .allmenu .toggle {
	float: right;
	margin-top: 13px;
	padding: 0;
	background: transparent
}

#navigation .container .allmenu .toggle span {
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	background-position: -200px 0;
	text-indent: -9999em
}

#navigation .container .allmenu .scroller {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	overflow: auto
}

#navigation .container .allmenu .scroller>ul {
	padding-bottom: 50px;
	background: #fff
}

#navigation .container .allmenu .scroller>ul>li>p {
	margin: 0 auto;
	padding: 2.5rem 1.875rem 0.75rem 1.875rem;
	max-width: 1260px
}

#navigation .container .allmenu .scroller>ul>li>p>a {
	text-align: left;
	font-size: 2rem;
	color: #02316b
}

#navigation .container .allmenu .scroller .toggle-close {
	position: relative;
	margin: 0 auto;
	max-width: 1264px
}

#navigation .container .allmenu .scroller .toggle-close button {
	position: absolute;
	top: 29px;
	right: 1.5rem;
	margin: 0;
	padding: 0;
	display: block
}

#navigation .container .allmenu .scroller .toggle-close button span {
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	background-position: -200px -50px;
	text-indent: -9999em
}

#navigation .container .allmenu.active .scroller {
	display: block
}

@media ( max-width : 1200px) {
	#navigation {
		padding: 0 1.5rem;
		height: 56px
	}
	#navigation .submenu {
		padding: 0 1.5rem 1rem 1.5rem
	}
	#navigation .submenu>ul>li {
		margin: 1rem 1rem 0 0
	}
	#navigation .submenu>ul>li>a {
		padding: 0.2rem 1rem 0.3rem 1rem;
		font-size: 1rem
	}
	#navigation .submenu>ul>li>ul>li>a {
		padding: 0.4rem 0.8rem 0.5rem 0.8rem
	}
	#navigation .container .mainmenu>ul>li>a {
		height: 56px;
		line-height: 56px;
		font-size: 1.125rem
	}
	#navigation .container .mainmenu>ul>li>a::before, #navigation .container .mainmenu>ul>li>a::after {
		margin-top: -8px;
		height: 16px
	}
	#navigation .container .mainmenu>ul>li .submenu {
		top: 56px
	}
	#navigation .container .mainmenu>ul>li .submenu .close {
		margin-top: 8px
	}
	#navigation .container .mainmenu>ul>li .submenu .close button {
		width: 36px;
		height: 36px;
		background-size: 240px;
		background-position: -200px 0
	}
	#navigation .container .allmenu .toggle {
		margin-top: 10px
	}
	#navigation .container .allmenu .toggle span {
		width: 36px;
		height: 36px;
		background-size: 240px;
		background-position: -160px 0
	}
	#navigation .container .allmenu .scroller>ul>li>p {
		padding: 2rem 0 0.6rem 0
	}
	#navigation .container .allmenu .scroller>ul>li>p a {
		padding: 0 24px;
		font-size: 1.75rem
	}
	#navigation .container .allmenu .scroller .toggle-close button {
		top: 20px;
		right: 0.45rem
	}
	#navigation .container .allmenu .scroller .toggle-close button span {
		width: 36px;
		height: 36px;
		background-size: 240px;
		background-position: -160px -40px
	}
}

@media ( max-width : 980px) {
	#navigation {
		position: static;
		height: auto;
		background: transparent
	}
	#navigation .container .mainmenu {
		display: none
	}
	#navigation .container .allmenu {
		float: none;
		width: auto
	}
	#navigation .container .allmenu .toggle {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 0;
		padding: 0 1rem;
		height: 56px
	}
	#navigation .container .allmenu .toggle span {
		width: 30px;
		height: 30px;
		background-size: 180px;
		background-position: -60px -30px
	}
	#navigation .container .allmenu .scroller {
		top: 56px !important;
		padding: 0;
		height: calc(100% - 56px) !important
	}
	#navigation .container .allmenu .scroller a {
		position: relative;
		padding: 0.7rem 0.85rem
	}
	#navigation .container .allmenu .scroller a::after {
		content: " ";
		display: none;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -5px;
		width: 19px;
		height: 10px;
		background: url(../images/ico-sprite-layout.png);
		background-size: 180px
	}
	#navigation .container .allmenu .scroller>ul {
		padding: 0 1rem 1.875rem 1rem
	}
	#navigation .container .allmenu .scroller>ul>li {
		border-bottom: 1px solid #02316b
	}
	#navigation .container .allmenu .scroller>ul>li>p {
		padding: 0
	}
	#navigation .container .allmenu .scroller>ul>li>p>a {
		padding: 0.6rem 0;
		font-size: 1.25rem;
		font-weight: 500
	}
	#navigation .container .allmenu .scroller>ul>li>p>a::after {
		display: block;
		background-position: 0 -60px
	}
	#navigation .container .allmenu .scroller>ul>li .submenu {
		display: none;
		padding: 0;
		background: #fff;
		text-align: left
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul {
		display: block
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li {
		white-space: normal;
		margin: 0 0 1px 0
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li>a {
		border: 0;
		background: #02316b;
		font-weight: normal
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li>a::after {
		right: 0.85rem;
		background-position: -60px -60px
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li>ul {
		display: none
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li>ul>li>a {
		border-bottom-color: #eee;
		color: #2062b6
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li>ul>li>a:focus, #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>ul>li>a:hover {
		background: #2062b6;
		color: #fff
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li:last-child {
		margin-bottom: 0
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li.depth>a::after {
		display: block
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li.active.depth>a::after {
		background-position: -90px -60px
	}
	#navigation .container .allmenu .scroller>ul>li .submenu>ul>li.active>ul {
		display: block
	}
	#navigation .container .allmenu .scroller>ul>li.active>p>a::after {
		background-position: -30px -60px
	}
	#navigation .container .allmenu .scroller>ul>li.active .submenu {
		display: block
	}
	#navigation .container .allmenu .scroller>ul>li:last-child>p {
		border-bottom: 0
	}
	#navigation .container .allmenu .scroller .toggle-close {
		display: none
	}
	#navigation .container .allmenu.active .toggle span {
		background-position: -90px -30px
	}
}

#container {
	margin: 0 auto;
	padding: 3.125rem 1.875rem 4.375rem 1.875rem;
	max-width: 1260px
}

#container .u-i-layout, #container #topmenu .link li a.home, #topmenu .link li #container a.home, #container #topmenu .link li a.facebook, #topmenu .link li #container a.facebook, #container #topmenu .link li a.twitter,
	#topmenu .link li #container a.twitter, #container #search .toggle span, #search .toggle #container span, #container #search form button span, #search form button #container span, #container #navigation .container .mainmenu>ul>li .submenu .close button,
	#navigation .container .mainmenu>ul>li .submenu .close #container button, #container #navigation .container .allmenu .toggle span, #navigation .container .allmenu .toggle #container span, #container #navigation .container .allmenu .scroller .toggle-close button span,
	#navigation .container .allmenu .scroller .toggle-close button #container span, #container #lnb nav .toggle::after, #lnb nav #container .toggle::after, #container #preface nav ol li .home, #preface nav ol li #container .home,
	#container #preface nav ol li::after, #preface nav ol #container li::after, #container #preface .utility a::before, #preface .utility #container a::before, #container #preface .utility button::before,
	#preface .utility #container button::before, #preface nav ol li .home, .president_page #preface > ol li .home {
	background-size: 150px
}/* 2024-01-04 선언 추가 */

@media ( max-width : 980px) {
	#container {
		padding: 1.75rem 1rem 2.85rem 1rem
	}
	#container .u-i-layout, #container #topmenu .link li a.home, #topmenu .link li #container a.home, #container #topmenu .link li a.facebook, #topmenu .link li #container a.facebook, #container #topmenu .link li a.twitter,
		#topmenu .link li #container a.twitter, #container #search .toggle span, #search .toggle #container span, #container #search form button span, #search form button #container span, #container #navigation .container .mainmenu>ul>li .submenu .close button,
		#navigation .container .mainmenu>ul>li .submenu .close #container button, #container #navigation .container .allmenu .toggle span, #navigation .container .allmenu .toggle #container span, #container #navigation .container .allmenu .scroller .toggle-close button span,
		#navigation .container .allmenu .scroller .toggle-close button #container span, #container #lnb nav .toggle::after, #lnb nav #container .toggle::after, #container #preface nav ol li .home, #preface nav ol li #container .home,
		#container #preface nav ol li::after, #preface nav ol #container li::after, #container #preface .utility a::before, #preface .utility #container a::before, #container #preface .utility button::before,
		#preface .utility #container button::before, #preface nav ol li .home, .president_page #preface > ol li .home,  #container #lnb_president nav .toggle::after { /* 2024-08-01 수정 */
		background-size: 120px
	}
}

#lnb,
#lnb_president {  /* 2024-08-01 추가 */
	float: left;
	position: relative;
	z-index: 5;
	width: 200px
}

#lnb h2,
#lnb_president h2{  /* 2024-08-01 추가 */
	margin: 0;
	padding: 3.125rem 0 3.875rem 0;
	background: url(../images/bg-lnb.jpg) center center no-repeat;
	background-size: cover;
	font-size: 2rem;
	text-align: center;
	font-weight: 400;
	color: #fff
}

#lnb nav .toggle,
#lnb_president nav .toggle{  /* 2024-08-01 추가 */
	display: none
}

#lnb nav>ul,
#lnb_president nav>ul{  /* 2024-08-01 추가 */
	background: #fff
}

#lnb nav>ul a,
#lnb_president nav>ul a{ /* 2024-08-01 추가 */
	display: block;
	position: relative
}

#lnb nav>ul>li,
#lnb_president nav>ul>li {  /* 2024-08-01 추가 */
	margin-top: -1px;
	position: relative;
	border: 1px solid #e1e1e1
}

#lnb nav>ul>li>a,
#lnb_president nav>ul>li>a{ /* 2024-08-01 추가 */
	padding: 0.625rem 1rem;
	font-size: .95rem
}

#lnb nav>ul>li>a i,
#lnb_president nav>ul>li>a i{ /* 2024-08-01 추가 */		/* 인크리스추가 */
	font-size: .9rem;
	padding-right:5px;
}

#lnb nav>ul>li>ul,
#lnb_president nav>ul>li>ul{ /* 2024-08-01 추가 */
	display: none;
	padding: 0.75rem 0
}
/* 20220907_회의록관련공통수정 */
#lnb nav>ul>li>ul>li>a,
#lnb_president nav>ul>li>ul>li>a{ /* 2024-08-01 추가 */
	padding: 0.375rem 0rem 0.375rem 1.7rem
}

#lnb nav>ul>li>ul>li>a::before,
#lnb_president nav>ul>li>ul>li>a::before{ /* 2024-08-01 추가 */
	content: " ";
	position: absolute;
	top: 50%;
	left: 1rem;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	overflow: hidden;
	border-radius: 4px;
	background: #666
}
/* 20220907_회의록관련공통수정전
#lnb nav>ul>li>ul>li>a {
	padding: 0.375rem 1.25rem 0.375rem 1.8125rem
}

#lnb nav>ul>li>ul>li>a::before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 1.25rem;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	overflow: hidden;
	border-radius: 4px;
	background: #666
}
*/

#lnb nav>ul>li>ul>li.active>a,
#lnb_president nav>ul>li>ul>li.active>a{ /* 2024-08-01 추가 */
	color: #2062b6
}

#lnb nav>ul>li>ul>li.active>a::before,
#lnb_president nav>ul>li>ul>li.active>a::before { /* 2024-08-01 추가 */
	background: #2062b6
}

#lnb nav>ul>li.depth>a::before, #lnb nav>ul>li.depth>a::after,
#lnb_president nav>ul>li.depth>a::before, #lnb_president nav>ul>li.depth>a::after{ /* 2024-08-01 추가 */
	content: " ";
	position: absolute;
	top: 50%;
	right: 0.625rem;
	overflow: hidden;
	background: #000
}


#lnb nav>ul>li.depth>a::before,
#lnb_president nav>ul>li.depth>a::before{ /* 2024-08-01 추가 */
	margin-top: -1px;
	width: 12px;
	height: 2px
}


#lnb nav>ul>li.depth>a::after,
#lnb_president nav>ul>li.depth>a::after{ /* 2024-08-01 추가 */
	margin-top: -6px;
	margin-right: 5px;
	width: 2px;
	height: 12px
}

#lnb nav>ul>li.active,
#lnb_president nav>ul>li.active{ /* 2024-08-01 추가 */
	z-index: 2;
	border-color: #2062b6
}

#lnb nav>ul>li.active>a,
#lnb_president nav>ul>li.active>a{ /* 2024-08-01 추가 */
	background: #2062b6;
	color: #fff
}

#lnb nav>ul>li.active.depth>a::before,
#lnb_president nav>ul>li.active.depth>a::before{ /* 2024-08-01 추가 */
	background: #fff
}

#lnb nav>ul>li.active.depth>a::after,
#lnb_president nav>ul>li.active.depth>a::after{ /* 2024-08-01 추가 */
	display: none
}

#lnb nav>ul>li.active.depth>ul,
#lnb_president nav>ul>li.active.depth>ul{ /* 2024-08-01 추가 */
	display: block
}

#lnb nav>ul>li:first-child,
#lnb_president nav>ul>li:first-child{ /* 2024-08-01 추가 */
	margin-top: 0
}

@media ( max-width : 980px) {
	#lnb,
	#lnb_president { /* 2024-08-01 추가 */
		clear: none;
		float: none;
		margin: -1.75rem -1rem 1.75rem -1rem;
		width: auto;
		text-align: center
	}
	#lnb h2,
	#lnb_president h2 { /* 2024-08-01 추가 */
		display: none
	}
	#lnb nav .toggle,
	#lnb_president nav .toggle{ /* 2024-08-01 추가 */
		display: block;
		position: relative;
		padding: 0.625rem 1.25rem;
		background: #02316b;
		font-size: 1.125rem;
		color: #fff
	}
	#lnb nav .toggle button,
	#lnb_president nav .toggle button{ /* 2024-08-01 추가 */
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		background: transparent;
		overflow: hidden;
		text-indent: -9999em
	}
	#lnb nav .toggle::after,
	#lnb_president nav .toggle::after { /* 2024-08-01 추가 */
		content: " ";
		position: absolute;
		top: 50%;
		margin-top: -4px;
		right: 1rem;
		width: 13px;
		height: 7px;
		background-position: -80px -60px
	}
	#lnb nav>ul,
	#lnb_president nav>ul { /* 2024-08-01 추가 */
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0
	}
	#lnb nav>ul>li,
	#lnb_president nav>ul>li { /* 2024-08-01 추가 */
		border-right-width: 0;
		border-left-width: 0
	}
	#lnb nav>ul>li>ul,
	#lnb_president nav>ul>li>ul{ /* 2024-08-01 추가 */
		padding: 0;
		background: #ebebeb
	}
	#lnb nav>ul>li>ul>li,
	#lnb_president nav>ul>li>ul>li{ /* 2024-08-01 추가 */
		border-bottom: 1px solid #e1e1e1
	}
	#lnb nav>ul>li>ul>li>a,
	#lnb_president nav>ul>li>ul>li>a { /* 2024-08-01 추가 */
		padding: 0.625rem 1.25rem
	}
	#lnb nav>ul>li>ul>li>a::before,
	#lnb_president nav>ul>li>ul>li>a::before{ /* 2024-08-01 추가 */
		display: none
	}
	#lnb nav>ul>li>ul>li.active>a,
	#lnb_president nav>ul>li>ul>li.active>a{ /* 2024-08-01 추가 */
		color: #2062b6
	}
	#lnb nav>ul>li>ul>li:last-child,
	#lnb_president nav>ul>li>ul>li:last-child{ /* 2024-08-01 추가 */
		border-bottom: 0
	}
	#lnb nav>ul>li.depth>a::before, #lnb nav>ul>li.depth>a::after,
	#lnb_president nav>ul>li.depth>a::before, #lnb_president nav>ul>li.depth>a::after{ /* 2024-08-01 추가 */
		right: 15px;
		background: #2062b6
	}
	#lnb nav>ul>li.active,
	#lnb_president nav>ul>li.active{ /* 2024-08-01 추가 */
		border-bottom-color: #e1e1e1
	}
	#lnb nav.active .toggle::after,
	#lnb_president nav.active .toggle::after{ /* 2024-08-01 추가 */
		background-position: -100px -60px
	}
	#lnb nav.active>ul,
	#lnb_president nav.active>ul { /* 2024-08-01 추가 */
		display: block
	}
}

#log-search {
	margin-top: 3.125rem;
	color: #000
}

#log-search h3 {
	padding: 0.875rem;
	background: #02316b;
	font-size: 1.125rem;
	font-weight: normal;
	color: #fff;
	text-align: center
}

#log-search form button {
	display: block;
	position: relative;
	width: 100%
}

#log-search form input {
	position: relative;
	border: 2px solid #e1e1e1
}

#log-search form .group {
	border: 2px solid #e1e1e1;
	margin-top: -2px
}

#log-search form .group button {
	padding: 0.5625rem 0.625rem;
	text-align: left
}

#log-search form .group button::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 0.625rem;
	margin-top: -4px;
	width: 12px;
	height: 7px;
	background: url(../images/ico-search-lnb.png) no-repeat
}

#log-search form .group fieldset {
	display: none;
	padding: 1.25rem 0.625rem;
	border-top: 2px solid #e1e1e1;
	width: 100%
}

#log-search form .group fieldset .inchk {
	display: block;
	margin-bottom: 0.75rem;
	font-weight: 300
}

#log-search form .group fieldset .inchk input {
	top: -0.1em;
	margin-right: 0.35rem;
	width: 1.5rem;
	height: 1.5rem;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none
}

#log-search form .group fieldset .inchk input:checked {
	background: #fff url(../images/ico-checked.jpg) center center no-repeat;
	background-size: cover
}

#log-search form .group fieldset .inchk:last-child {
	margin-bottom: 0
}

#log-search form .group fieldset .date span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0.625rem
}

#log-search form .group fieldset .date span input {
	flex: 1 1 0px;
	margin-right: 0.35rem;
	padding: 0 0.625rem;
	height: 2.5rem
}

#log-search form .group:first-child {
	margin-top: 0
}

#log-search form .group.active button {
	color: #2062b6
}

#log-search form .group.active button::after {
	transform: rotate(180deg)
}

#log-search form .group.active fieldset {
	display: block
}

#log-search form .submit {
	padding: 0.8rem;
	background: #2062b6;
	color: #fff
}

@media ( max-width : 980px) {
	#log-search {
		display: none
	}
}

#content-area, #preface, #content {
	clear: right;
	float: right;
	width: calc(100% - 240px)
}

@media ( max-width : 980px) {
	#content-area, #preface, #content {
		clear: none;
		float: none;
		width: auto
	}
}

#content-area #preface, #content-area #content {
	width: 100%
}

#preface {
	position: relative;
	z-index: 4
}

#preface nav {
	border-bottom: 1px solid #e1e1e1
}

#preface nav .button{  /*인크리스 추가*/
	display: inline-block;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: .9rem;
    margin-top: -3px;
}
/* 2024-01-04 선언 추가 start */
#preface nav ol, .president_page #preface > ol {  /*인크리스 추가*/
	display:inline-block	;
}

#preface nav ol li, .president_page #preface > ol li {
	display: inline-block;
	position: relative;
	margin-right: 0.25em;
	padding: 0.35em 1.125em 0.5em 0
}

#preface nav ol li .home, .president_page #preface > ol li .home {
	top: 1px;
	width: 17px;
	height: 15px;
	text-indent: -9999em;
	background-position: 0 -75px
}

#preface nav ol li::after, .president_page #preface > ol li::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7px;
	width: 9px;
	height: 14px;
	background-position: -38px -75px
}

#preface nav ol li:last-child, .president_page #preface > ol li:last-child {
	font-weight: 400;
	color: #000
}

#preface nav ol li:last-child::after, .president_page #preface > ol li:last-child::after {
	display: none
}
/* 2024-01-04 선언 추가 end */

#preface h3 {
	margin: 0;
	padding: 1.875rem 0;
	font-size: 2.5rem;
	font-weight: 400;
	letter-spacing: -1px;
	color: #000
}

#preface .utility {
	position: absolute;
	right: 0;
	bottom: 1.8rem
}

#preface .utility a, #preface .utility button {
	display: block;
	float: left;
	padding: 0.65rem 0.875rem;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #666;
	font-size: 1.125rem
}

#preface .utility a::before, #preface .utility button::before {
	content: " ";
	margin-right: 6px;
	width: 24px;
	height: 24px;
	vertical-align: middle
}

#preface .utility a.print::before, #preface .utility button.print::before {
	background-position: -50px -75px
}

#preface .utility a.intro, #preface .utility button.intro {
	border-color: #2062b6;
	color: #2062b6
}

#preface .utility a.intro::before, #preface .utility button.intro::before {
	background-position: -75px -75px
}

#preface .utility a:last-child, #preface .utility button:last-child {
	border-width: 1px
}

@media ( max-width : 980px) {
	#preface {
		display: none
	}
	#preface nav {
		display: none;
		font-size: 0.875rem
	}
	#preface nav ol li .home {
		width: 13px;
		height: 12px;
		background-position: 0 -60px
	}
	#preface nav ol li::after {
		margin-top: -6px;
		width: 7px;
		height: 12px;
		background-position: -20px -60px
	}
	#preface h3 {
		padding: 1.5rem 0;
		font-size: 2.25rem
	}
	#preface .utility {
		bottom: 1.5rem
	}
	#preface .utility a {
		padding: 0.52rem 0.7rem;
		font-size: 1rem
	}
	#preface .utility a::before {
		width: 20px;
		height: 20px
	}
	#preface .utility a.print::before {
		background-position: -40px -60px
	}
	#preface .utility a.intro::before {
		background-position: -60px -60px
	}
}

@media ( max-width : 660px) {
	#preface h3 {
		padding: 1.125rem 0;
		font-size: 1.875rem
	}
	#preface .utility {
		bottom: 1rem
	}
	#preface .utility a {
		padding: 0.39rem
	}
	#preface .utility a::before {
		margin-right: 0
	}
	#preface .utility a span {
		position: absolute;
		width: 0;
		height: 0;
		overflow: hidden;
		text-indent: 9999em
	}
}

#content {
	letter-spacing: -0.05em;
	line-height: 1.875
}

#footer {
	font-weight: 300;
	background: #f2f2f2
}

#footer .container {
	position: relative;
	margin: 0 auto;
	max-width: 1200px
}

#footer .utility {
	padding: 1.25rem 1.875rem;
	background: #1a2a42;
	text-align: center
}

#footer .utility ul {
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	color: #fff
}

#footer .utility ul li {
	display: inline-block;
	position: relative;
	margin-right: 1rem;
	padding-left: 1.375rem;
	vertical-align: top
}

#footer .utility ul li a {
	display: block;
	padding: 0.25rem 0 0.5rem 0
}

#footer .utility ul li::before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5rem;
	width: 1px;
	height: 1rem;
	background: #d7d9de
}

#footer .utility ul li:first-child {
	padding-left: 0;
	color: #fffc00
}

#footer .utility ul li:first-child::before {
	display: none
}

#footer .utility ul li:last-child {
	margin-right: 0
}

#footer .infomation {
	padding: 3.375rem 1.875rem
}

#footer .infomation .addr, #footer .infomation .copy {
	margin: 0 230px 0 22.5%
}

#footer .infomation .logo, #footer .infomation .link {
	position: absolute;
	top: 50%
}

#footer .infomation .logo {
	left: 0;
	margin-top: -25px;
	width: 22.5%
}

#footer .infomation .logo img {
	width: 81.5%
}

#footer .infomation .link {
	right: 0;
	margin-top: -28px;
	padding: 0
}

#footer .infomation .link li {
	display: inline-block;
	margin-right: 0.625rem;
	vertical-align: middle
}

#footer .infomation .link li:last-child {
	margin-right: 0
}

@media ( max-width : 980px) {
	#footer .utility {
		padding: 0.75rem 1rem
	}
	#footer .utility ul li {
		margin-right: 0.6rem;
		padding-left: 0.825rem
	}
	#footer .utility ul li a {
		padding: 0.15rem 0 0.3rem 0
	}
	#footer .infomation {
		padding: 2.025rem 1rem;
		text-align: center
	}
	#footer .infomation .addr, #footer .infomation .copy {
		margin: 0.2em 0 0 0
	}
	#footer .infomation .logo, #footer .infomation .link {
		position: static
	}
	#footer .infomation .logo {
		margin: 0 auto 1.25rem auto;
		width: auto
	}
	#footer .infomation .logo img {
		width: 176px
	}
	#footer .infomation .link {
		margin-top: 1.25rem
	}
	#footer .infomation .link li {
		margin-right: 0.5rem
	}
	#footer .infomation .link li img {
		height: 45px
	}
}

[class^="main-"] {
	float: left;
	position: relative;
	margin-top: 2rem;
	letter-spacing: -1px
}

[class^="main-"] .slick-slider {
	margin-bottom: 0
}

[class^="main-"] .slick-slider div {
	vertical-align: top
}

[class^="main-"] .slick-dots {
	top: 1.25rem;
	right: 60px;
	bottom: auto;
	width: auto;
	line-height: 1
}

[class^="main-"] .slick-dots li {
	width: 15px;
	height: 15px;
	vertical-align: top
}

[class^="main-"] .slick-dots li button {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: #fff
}

[class^="main-"] .slick-dots li button::before {
	display: none
}

[class^="main-"] .slick-dots li.slick-active {
	width: 40px
}

[class^="main-"] .slick-dots li.slick-active button {
	width: 40px;
	background: #ed1c24
}

[class^="main-"] .slick-toggle {
	position: absolute;
	z-index: 3;
	top: 1.25rem;
	right: 20px;
	width: 13px;
	height: 15px;
	overflow: hidden;
	text-indent: -9999em;
	background-color: transparent;
	background-image: url(../images/ico-slider-pause.png);
	background-size: cover
}

[class^="main-"] .slick-toggle.stop {
	background-image: url(../images/ico-slider-play.png)
}

[class^="main-"] .slick-play, [class^="main-"] .slick-stop {
	position: absolute;
	z-index: 3;
	top: 1.25rem;
	width: 13px;
	height: 15px;
	overflow: hidden;
	text-indent: -9999em;
	background-color: transparent;
	background-size: cover
}

[class^="main-"] .slick-play {
	right: 40px;
	background-image: url(../images/ico-slider-play.png)
}

[class^="main-"] .slick-stop {
	right: 20px;
	background-image: url(../images/ico-slider-pause.png)
}

[class^="main-"].left {
	margin-right: 2rem;
	width: calc(100% - ( 380px + 2rem))
}

[class^="main-"].right {
	width: 380px
}

@media ( max-width : 1200px) {
	[class^="main-"] {
		margin-top: 1.5rem
	}
	[class^="main-"].left {
		margin-right: 1.5rem;
		width: calc(100% - ( 340px + 1.5rem))
	}
	[class^="main-"].right {
		width: 340px
	}
}

@media ( max-width : 980px) {
	[class^="main-"] .slick-dots {
		top: 1rem;
		right: 36px
	}
	[class^="main-"] .slick-toggle {
		top: 1rem;
		right: 16px
	}
	[class^="main-"].left, [class^="main-"].right {
		float: none;
		width: auto
	}
	[class^="main-"].left {
		margin-right: 0
	}
}

@media ( max-width : 660px) {
	[class^="main-"] {
		margin-top: 1.125rem
	}
	[class^="main-"] .slick-dots li {
		margin: 0 4px;
		width: 14px;
		height: 14px
	}
	[class^="main-"] .slick-dots li button {
		width: 14px;
		height: 14px;
		border-radius: 14px
	}
	[class^="main-"] .slick-dots li.slick-active {
		width: 35px
	}
	[class^="main-"] .slick-dots li.slick-active button {
		width: 35px
	}
	[class^="main-"] .slick-toggle {
		width: 12px;
		height: 14px
	}
}

.main-visual {
	margin-top: 0
}

.main-visual .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 310px;
	background-size: cover;
	background-position: center top
}

.main-visual .item .content {
	padding: 1rem 1.25rem;
	width: 400px;
	max-width: 100%;
	background: rgba(0, 0, 0, 0.7);
	color: #fff
}

.main-visual .item .content .title {
	font-size: 1.5rem;
	line-height: 1.2
}

.main-visual .item .content .desc {
	margin-top: 0.75rem;
	font-size: 1.125rem;
	font-weight: 300
}

@media ( max-width : 980px) {
	.main-visual {
		margin: -1.75rem -1rem 0 -1rem !important
	}
	.main-visual .item {
		height: 280px
	}
	.main-visual .item .content {
		padding: 0.8rem 1rem;
		width: 300px
	}
	.main-visual .item .content .desc {
		margin-top: 0.6rem
	}
}

@media ( max-width : 660px) {
	.main-visual .item {
		height: 255px
	}
	.main-visual .item .content {
		padding: 1.5rem 0.75rem;
		min-width: 200px;
		width: auto
	}
	.main-visual .item .content .desc {
		display: none
	}
}

.main-guide {
	margin-top: 0;
	padding: 1.5rem 0 1.875rem 0;
	height: 310px;
	background: url(../images/bg-main-guide.jpg) center top no-repeat;
	background-size: cover;
	color: #fff
}

.main-guide h2 {
	font-size: 1.75rem;
	font-weight: normal;
	text-align: center
}

.main-guide h2 small {
	display: block;
	margin-top: 0.25rem;
	font-size: 1.125rem;
	font-weight: 300
}

.main-guide ul {
	margin: 1.75rem 2.5rem 0 2.5rem
}

.main-guide ul li {
	margin-top: 0.625rem
}

.main-guide ul li a {
	display: block;
	position: relative;
	padding: 0.625rem 1.25rem;
	border: 1px solid #fff;
	background: rgba(0, 0, 0, 0.7);
	font-size: 1.125rem
}

.main-guide ul li a::before {
	content: " ";
	display: inline-block;
	position: relative;
	top: -1px;
	margin-right: 0.625rem;
	width: 24px;
	height: 24px;
	background: url(../images/ico-main-arrow.png) no-repeat;
	background-size: cover;
	vertical-align: middle
}

.main-guide ul li:first-child {
	margin-top: 0
}

.main-guide .add-more {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-main-guide.jpg) center top no-repeat
}

@media ( max-width : 1200px) {
	.main-guide ul {
		margin-right: 2rem;
		margin-left: 2rem
	}
}

@media ( max-width : 980px) {
	.main-guide {
		margin: 1.125rem 0 0 0;
		padding-bottom: 45%;
		height: auto
	}
	.main-guide h2 {
		font-size: 1.625rem
	}
	.main-guide ul {
		margin-top: 1.5rem
	}
	.main-guide ul li {
		margin-top: 1rem
	}
	.main-guide ul li a {
		padding: 0.5rem 1rem
	}
	.main-guide ul li a::before {
		margin-right: 0.5rem;
		width: 22px;
		height: 22px
	}
	.main-guide .add-more {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../images/bg-main-guide_mo.jpg) no-repeat center top/cover
	}
}

@media ( max-width : 660px) {
	.main-guide h2 {
		font-size: 1.5rem
	}
	.main-guide ul {
		margin: 1.25rem 1.5rem 0 1.5rem
	}
	.main-guide ul li a {
		padding: 0.5rem 0.75rem
	}
	.main-guide ul li a::before {
		width: 20px;
		height: 20px
	}
}

.main-topic ul {
	overflow: hidden
}

.main-topic ul li {
	float: left;
	margin-right: 2rem;
	width: calc(50% - 1rem)
}

.main-topic ul li .thumbnail {
	height: 240px;
	background-size: cover;
	background-position: center top
}

.main-topic ul li p {
	position: relative;
	padding-right: 5rem;
	border-bottom: 1px solid #cecece
}

.main-topic ul li p span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	font-size: 1.25rem;
	line-height: 3;
	color: #222
}

.main-topic ul li p a {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.8em;
	font-size: 0.875rem
}

.main-topic ul li a {
	display: block
}

.main-topic ul li a:focus {
	outline: 1px dotted #000
}

.main-topic ul li:last-child {
	margin-right: 0;
	float: right
}

@media ( max-width : 1200px) {
	.main-topic ul li {
		margin-right: 1.5rem;
		width: calc(50% - 0.75rem)
	}
	.main-topic ul li .thumbnail {
		height: 220px
	}
	.main-topic ul li p span {
		line-height: 2.4
	}
}

@media ( max-width : 980px) {
	.main-topic ul li .thumbnail {
		padding-top: 63.1%;
		height: auto
	}
	.main-topic ul li p {
		margin-top: 0.8rem;
		border-bottom: 0
	}
	.main-topic ul li p span {
		line-height: 1.5
	}
}

@media ( max-width : 660px) {
	.main-topic ul li {
		float: none;
		margin: 0 0 1rem 0;
		width: auto
	}
	.main-topic ul li p {
		margin-top: 0.6rem
	}
	.main-topic ul li p a {
		font-size: 1rem;
		color: #999
	}
	.main-topic ul li:last-child {
		margin: 0;
		float: none
	}
}

.main-banner a {
	display: block;
	position: relative
}

.main-banner a img {
	display: block;
	width: 100%
}

.main-banner a:focus::after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid #000
}

@media ( max-width : 980px) {
	.main-banner {
		margin-top: 1.5rem;
		margin-right: -1rem !important;
		margin-left: -1rem !important
	}
}

@media ( max-width : 660px) {
	.main-banner {
		margin-top: 1.125rem
	}
}

.main-infomation {
	padding: 0 1.25rem 1.25rem 1.25rem;
	background: #ebebeb
}

.main-infomation h2 {
	margin: 0 -1.25rem 0 -1.25rem;
	padding: 1.125rem 1.875rem 1.25rem 100px;
	background: #2062b6 url(../images/ico-main-calendar.png) 1.875rem center no-repeat;
	background-size: 50px;
	font-size: 1.75rem;
	font-weight: 300;
	color: #fff
}

.main-infomation h2 strong {
	float: right;
	font-weight: 500
}

.main-infomation .detail {
	margin-top: 1.25rem;
	padding-right: 1rem;
	height: 9.6875rem;
	overflow: auto;
	scrollbar-color: #fff #a4a4a4;
	scrollbar-width: thin;
	/*
	scrollbar-base-color: #a4a4a4;
	scrollbar-face-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-track-color: #a4a4a4;
	scrollbar-arrow-color: #a4a4a4;
	scrollbar-shadow-color: #fff;
	scrollbar-dark-shadow-color: #fff
	*/
}

.main-infomation .detail::-webkit-scrollbar {
	width: 13px
}

.main-infomation .detail::-webkit-scrollbar-track {
	background: #a4a4a4;
	border-radius: 13px;
	border-width: 0 4px;
	border-style: solid;
	border-color: #ebebeb
}

.main-infomation .detail::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 13px
}

.main-infomation .detail>ul>li {
	font-weight: 300;
	color: #000
}

.main-infomation .detail>ul>li dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse
}

.main-infomation .detail>ul>li dl dt, .main-infomation .detail>ul>li dl dd {
	display: table-cell;
	vertical-align: middle
}

.main-infomation .detail>ul>li dl dt {
	padding: 0.875rem 0;
	width: 161px;
	background: #d7d7d7;
	font-size: 1.125rem;
	text-align: center
}

.main-infomation .detail>ul>li dl dd {
	padding: 0.875rem 1.75rem;
	text-align: left
}

.main-infomation .detail>ul>li dl dd ul li a:hover, .main-infomation .detail>ul>li dl dd ul li a:focus {
	color: #2062b6
}

.main-infomation .detail>ul>li:nth-child(odd) {
	background: #e2e2e2
}

.main-infomation .detail>ul>li:nth-child(odd) dl dt {
	background: #d2d2d2
}

@media ( max-width : 1200px) {
	.main-infomation h2 {
		padding: 1.125rem 1.25rem 1.25rem 70px;
		background-position: 1.25rem center;
		background-size: 40px;
		font-size: 1.625rem
	}
}

@media ( max-width : 980px) {
	.main-infomation {
		margin: 0 -1rem 0 -1rem !important;
		padding: 0 1rem 1rem 1rem
	}
	.main-infomation h2 {
		margin-right: -1rem;
		margin-left: -1rem;
		background-position: 1rem center
	}
	.main-infomation h2 strong {
		display: block;
		float: none;
		margin-top: 0.25rem;
		font-size: 1rem
	}
	.main-infomation .detail {
		margin-top: 1rem;
		height: 22.1rem
	}
	.main-infomation .detail::-webkit-scrollbar {
		width: 10px
	}
	.main-infomation .detail::-webkit-scrollbar-track {
		border-radius: 10px;
		border-width: 0 3px
	}
	.main-infomation .detail::-webkit-scrollbar-thumb {
		border-radius: 10px
	}
	.main-infomation .detail>ul>li dl dt {
		padding: 0.7rem 0;
		width: 145px
	}
	.main-infomation .detail>ul>li dl dd {
		padding: 0.7rem 1.4rem
	}
}

@media ( max-width : 660px) {
	.main-infomation h2 {
		padding: 1.125rem 1rem 1.25rem 65px;
		background-size: 35px;
		font-size: 1.5rem
	}
	.main-infomation .detail {
		margin-top: 0.75rem;
		height: 16.575rem
	}
	.main-infomation .detail>ul {
		padding-left: 1rem
	}
	.main-infomation .detail>ul>li {
		margin-top: 0.5rem
	}
	.main-infomation .detail>ul>li dl {
		display: block
	}
	.main-infomation .detail>ul>li dl dt, .main-infomation .detail>ul>li dl dd {
		display: block
	}
	.main-infomation .detail>ul>li dl dt {
		padding: 0;
		width: auto;
		background: transparent;
		font-size: 1.25rem;
		text-align: left
	}
	.main-infomation .detail>ul>li dl dd {
		margin-top: 0.5rem;
		padding: 0
	}
	.main-infomation .detail>ul>li dl dd ul li {
		padding-left: 0.85rem;
		position: relative
	}
	.main-infomation .detail>ul>li dl dd ul li::before {
		content: " ";
		position: absolute;
		top: 0.7rem;
		left: 0.25rem;
		width: 2px;
		height: 2px;
		overflow: hidden;
		border-radius: 2px;
		background: #000
	}
	.main-infomation .detail>ul>li:nth-child(odd) {
		background: transparent
	}
	.main-infomation .detail>ul>li:nth-child(odd) dl dt {
		background: transparent
	}
	.main-infomation .detail>ul>li:first-child {
		margin-top: 0.5rem
	}
}

.main-news {
	color: #222
}

.main-news h2 {
	padding-bottom: 1.125rem;
	border-bottom: 2px solid #000;
	font-size: 1.75rem;
	font-weight: normal
}

.main-news ul li {
	position: relative;
	padding-left: 0.875rem;
	border-bottom: 1px solid #cecece
}

.main-news ul li::before {
	content: " ";
	position: absolute;
	top: 1.2rem;
	left: 0.25rem;
	width: 0.1875rem;
	height: 0.1875rem;
	overflow: hidden;
	border-radius: 100%;
	background: #222
}

.main-news ul li a {
	display: block;
	position: relative;
	padding: 0.5rem 4.25rem 0.6rem 0;
	font-weight: 300
}

.main-news ul li a .title {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.main-news ul li a .date {
	position: absolute;
	top: 0.5rem;
	right: 0;
	font-size: 0.875rem;
	color: #000
}

.main-news .more {
	position: absolute;
	top: 0.25rem;
	right: 0;
	width: 1.625rem;
	height: 1.625rem;
	overflow: hidden;
	text-indent: -9999em
}

.main-news .more::before, .main-news .more::after {
	content: " ";
	position: absolute;
	background: #000;
	overflow: hidden
}

.main-news .more::before {
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%
}

.main-news .more::after {
	top: 50%;
	left: 0;
	margin-top: -1px;
	width: 100%;
	height: 2px
}

@media ( max-width : 1200px) {
	.main-news h2 {
		font-size: 1.625rem
	}
	.main-news .more {
		top: 0.2rem;
		width: 1.5rem;
		height: 1.5rem
	}
}

@media ( max-width : 980px) {
	.main-news h2 {
		padding-bottom: 0.75rem
	}
	.main-news ul li::before {
		top: 1.1rem
	}
	.main-news ul li a {
		padding: 0.4rem 4.25rem 0.5rem 0
	}
}

.main-link {
	font-size: 1.75rem;
	color: #fff
}

.main-link ul {
	overflow: hidden
}

.main-link ul li {
	float: left;
	margin-right: 2rem;
	width: calc(50% - 1rem);
	background-size: cover;
	background-position: center center
}

.main-link ul li a {
	display: block;
	position: relative;
	padding: 0 1.25rem;
	height: 109px;
	line-height: 109px
}

.main-link ul li a strong {
	font-weight: 500
}

.main-link ul li a::after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	right: 1.25rem;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url(../images/ico-main-arrow.png) no-repeat;
	background-size: 100%
}

.main-link ul li.n1 {
	background-image: url(../images/bg-main-banner1.jpg)
}

.main-link ul li.n2 {
	background-image: url(../images/bg-main-banner2.jpg)
}

.main-link ul li.n3 {
	background-image: url(../images/bg-main-banner3.jpg)
}

.main-link ul li.n4 {
	background-image: url(../images/bg-main-banner4.jpg)
}

.main-link ul li:nth-child(1), .main-link ul li:nth-child(2) {
	margin-bottom: 1.875rem
}

.main-link ul li:nth-child(2) {
	margin-right: 0
}

@media ( max-width : 1200px) {
	.main-link {
		font-size: 1.625rem
	}
	.main-link ul li {
		margin-right: 1.5rem;
		width: calc(50% - 0.75rem)
	}
	.main-link ul li a {
		padding: 0 1rem
	}
	.main-link ul li a::after {
		right: 1rem
	}
	.main-link ul li:nth-child(1), .main-link ul li:nth-child(2) {
		margin-bottom: 1.5rem
	}
}

@media ( max-width : 980px) {
	.main-link ul li a {
		padding: 1.75rem 1rem;
		height: auto;
		line-height: 1.5
	}
	.main-link ul li a::after {
		margin-top: -15px;
		width: 27px;
		height: 27px
	}
}

@media ( max-width : 660px) {
	.main-link {
		font-size: 1.5rem
	}
	.main-link ul li {
		float: none;
		margin: 0 0 1.125rem 0;
		width: auto
	}
	.main-link ul li a {
		padding: 1.5rem 0.75rem
	}
	.main-link ul li a::after {
		right: 0.75rem;
		margin-top: -12px;
		width: 24px;
		height: 24px
	}
	.main-link ul li:nth-child(1), .main-link ul li:nth-child(2) {
		margin-bottom: 1.125rem
	}
	.main-link ul li:last-child {
		margin-bottom: 0
	}
}

.main-service {
	min-height: 250px;
	padding: 1.375rem 2.125rem;
	background: #fbf9f1 url(../images/bg-main-service.jpg) center top no-repeat;
	background-size: 100%;
	line-height: 1.25;
	color: #000
}

.main-service h2 {
	font-size: 1.75rem;
	font-weight: normal;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4)
}

.main-service h2 strong {
	font-weight: 500
}

.main-service p {
	font-weight: 300
}

.main-service p.text1 {
	margin-top: 1rem;
	font-size: 1.125rem
}

.main-service p.text2 {
	margin-top: 0.3125rem
}

.main-service a {
	display: inline-block;
	margin-top: 1.25rem;
	padding: 0.35rem 1.25rem 0.45rem 1.25rem;
	background: #2e5fd8;
	color: #fff
}

@media ( max-width : 1200px) {
	.main-service {
		padding: 1.375rem 1.7rem;
		min-height: 242px
	}
	.main-service h2 {
		font-size: 1.625rem
	}
}

@media ( max-width : 980px) {
	.main-service {
		min-height: 0
	}
	.main-service p.text1 {
		margin-top: 0.8rem
	}
	.main-service p.text2 {
		margin-top: 0.25rem
	}
	.main-service a {
		margin-top: 1rem;
		padding: 0.35rem 1rem 0.45rem 1rem
	}
}

@media ( max-width : 660px) {
	.main-service {
		padding: 1.35rem
	}
	.main-service h2 {
		font-size: 1.5rem
	}
	.main-service p.text1 {
		margin-top: 0.6rem
	}
	.main-service a {
		margin-top: 0.75rem
	}
}

[class^="icon-"], .lawlink-list li .link a::after {
	display: inline-block;
	position: relative;
	top: -0.07em;
	overflow: hidden;
	background-repeat: no-repeat;
	vertical-align: middle;
	line-height: 1;
	text-indent: -9999em
}

[class^="icon-"].lt, .lawlink-list li .link a.lt::after {
	margin-left: 0.2rem
}

[class^="icon-"].rt, .lawlink-list li .link a.rt::after {
	margin-right: 0.2rem
}

[class^="icon-board-"], .lawlink-list li .link a::after {
	background-image: url(../images/ico-sprite-board.png);
	background-size: 150px
}

@media ( max-width : 660px) {
	[class^="icon-board-"], .lawlink-list li .link a::after {
		background-size: 120px
	}
}

.icon-board-search {
	width: 18px;
	height: 18px
}

@media ( max-width : 660px) {
	.icon-board-search {
		width: 14px;
		height: 14px
	}
}

.icon-board-refresh {
	width: 23px;
	height: 18px;
	background-position: -25px 0
}

@media ( max-width : 660px) {
	.icon-board-refresh {
		width: 18px;
		height: 14px;
		background-position: -20px 0
	}
}

.icon-board-up {
	width: 17px;
	height: 18px;
	background-position: -50px 0
}

@media ( max-width : 660px) {
	.icon-board-up {
		width: 14px;
		height: 14px;
		background-position: -40px 0
	}
}

.icon-board-down {
	width: 17px;
	height: 18px;
	background-position: -75px 0
}

@media ( max-width : 660px) {
	.icon-board-down {
		width: 14px;
		height: 14px;
		background-position: -60px 0
	}
}

.icon-board-left {
	width: 18px;
	height: 17px;
	background-position: -100px 0
}

@media ( max-width : 660px) {
	.icon-board-left {
		width: 14px;
		height: 14px;
		background-position: -80px 0
	}
}

.icon-board-left2 {
	width: 9px;
	height: 13px;
	background-position: -100px -50px
}

@media ( max-width : 660px) {
	.icon-board-left2 {
		width: 7px;
		height: 10px;
		background-position: -80px -40px
	}
}

.icon-board-right {
	width: 18px;
	height: 17px;
	background-position: -125px 0
}

@media ( max-width : 660px) {
	.icon-board-right {
		width: 14px;
		height: 14px;
		background-position: -100px 0
	}
}

.icon-board-right2 {
	width: 9px;
	height: 13px;
	background-position: -125px -50px
}

@media ( max-width : 660px) {
	.icon-board-right2 {
		width: 7px;
		height: 10px;
		background-position: -100px -40px
	}
}

.icon-board-list {
	width: 17px;
	height: 17px;
	background-position: 0 -25px
}

@media ( max-width : 660px) {
	.icon-board-list {
		width: 14px;
		height: 14px;
		background-position: 0 -20px
	}
}

.icon-board-request {
	width: 17px;
	height: 17px;
	background-position: -25px -25px
}

@media ( max-width : 660px) {
	.icon-board-request {
		width: 14px;
		height: 14px;
		background-position: -20px -20px
	}
}

.icon-board-more {
	width: 17px;
	height: 17px;
	background-position: -50px -25px
}

@media ( max-width : 660px) {
	.icon-board-more {
		width: 14px;
		height: 14px;
		background-position: -40px -20px
	}
}

.icon-board-more2, .lawlink-list li .link a::after {
	width: 15px;
	height: 15px;
	background-position: -125px -25px
}

@media ( max-width : 660px) {
	.icon-board-more2, .lawlink-list li .link a::after {
		width: 13px;
		height: 13px;
		background-position: -100px -20px
	}
}

.icon-board-noitem {
	width: 20px;
	height: 24px;
	background-position: -75px -25px
}

@media ( max-width : 660px) {
	.icon-board-noitem {
		width: 16px;
		height: 20px;
		background-position: -60px -20px
	}
}

.icon-board-noitem2 {
	width: 14px;
	height: 17px;
	background-position: -50px -100px
}

@media ( max-width : 660px) {
	.icon-board-noitem2 {
		width: 13px;
		height: 14px;
		background-position: -40px -80px
	}
}

.icon-board-file {
	width: 22px;
	height: 24px;
	background-position: 0 -75px
}

@media ( max-width : 660px) {
	.icon-board-file {
		width: 18px;
		height: 20px;
		background-position: 0 -60px
	}
}

.icon-board-check {
	width: 23px;
	height: 18px;
	background-position: -125px -75px
}

@media ( max-width : 660px) {
	.icon-board-check {
		width: 19px;
		height: 14px;
		background-position: -100px -60px
	}
}

.icon-board-download {
	width: 15px;
	height: 18px;
	background-position: -25px -100px
}

@media ( max-width : 660px) {
	.icon-board-download {
		width: 12px;
		height: 14px;
		background-position: -20px -80px
	}
}

.icon-board-download2 {
	width: 12px;
	height: 15px;
	background-position: 0 -100px
}

@media ( max-width : 660px) {
	.icon-board-download2 {
		width: 10px;
		height: 13px;
		background-position: 0 -80px
	}
}

.icon-board-download3 {
	width: 19px;
	height: 25px;
	background-position: -100px -25px
}

@media ( max-width : 660px) {
	.icon-board-download3 {
		width: 15px;
		height: 20px;
		background-position: -80px -20px
	}
}

.icon-board-close {
	width: 30px;
	height: 30px;
	background-position: -100px -100px
}

@media ( max-width : 660px) {
	.icon-board-close {
		width: 25px;
		height: 25px;
		background-position: -80px -80px
	}
}

.font-size1 {
	font-size: 0.75rem !important
}

.font-size2 {
	font-size: 0.875rem !important
}

.font-size3 {
	font-size: 1rem !important
}

.font-size4 {
	font-size: 1.125rem !important
}

.font-size5 {
	font-size: 1.25rem !important
}

.font-size6 {
	font-size: 1.375rem !important
}

.font-size7 {
	font-size: 1.5rem !important
}

.font-size8 {
	font-size: 1.625rem !important
}

.font-size9 {
	font-size: 1.75rem !important
}

.font-size10 {
	font-size: 1.875rem !important
}

.font-color {
	color: #000 !important
}

.font-color1 {
	color: #222 !important
}

.font-color2 {
	/*color: #999 !important;*/
	color: #7d7d7d !important; /* 220809 수정 */
}

.font-color3 {
	color: #2062b6 !important
}

.font-color3-up {
	color: #2062b6 !important;
	font-size:18px;
}

.font-color4 {
	color: #ed1c24 !important
}

.font-color5 {
	color: #309e3f !important
}

.font-color6 {
	color: #8f3ead !important
}

.font-color7 {
	color: #ed7102 !important
}

.font-color8 {
	color: #1e9490 !important
}

.text-left {
	text-align: left !important
}

.text-center {
	text-align: center !important
}

.text-right {
	text-align: right !important
}

@media ( min-width : 980px) {
	.pc-hidden {
		display: none !important
	}
}

@media ( min-width : 660px) and (max-width: 980px) {
	.ta-hidden {
		display: none !important
	}
}

@media ( max-width : 660px) {
	.mo-hidden {
		display: none !important
	}
}

.space1 {
	margin-top: 0.5rem !important
}

.space1:first-child {
	margin-top: 0 !important
}

@media ( max-width : 980px) {
	.space1 {
		margin-top: 0.4rem !important
	}
}

@media ( max-width : 660px) {
	.space1 {
		margin-top: 0.3rem !important
	}
}

.space2 {
	margin-top: 0.75rem !important
}

.space2:first-child {
	margin-top: 0 !important
}

@media ( max-width : 980px) {
	.space2 {
		margin-top: 0.6rem !important
	}
}

@media ( max-width : 660px) {
	.space2 {
		margin-top: 0.45rem !important
	}
}

.space3 {
	margin-top: 1.25rem !important
}

.space3:first-child {
	margin-top: 0 !important
}

@media ( max-width : 980px) {
	.space3 {
		margin-top: 1rem !important
	}
}

@media ( max-width : 660px) {
	.space3 {
		margin-top: 0.75rem !important
	}
}

.space4, .form-request .agree, .form-request .field, .birthplace-main, .itinerancy-list>li {
	margin-top: 1.875rem !important
}

.space4:first-child, .form-request .agree:first-child, .form-request .field:first-child, .birthplace-main:first-child, .itinerancy-list>li:first-child {
	margin-top: 0 !important
}

@media ( max-width : 980px) {
	.space4, .form-request .agree, .form-request .field, .birthplace-main, .itinerancy-list>li {
		margin-top: 1.5rem !important
	}
}

@media ( max-width : 660px) {
	.space4, .form-request .agree, .form-request .field, .birthplace-main, .itinerancy-list>li {
		margin-top: 1.125rem !important
	}
}

.space5 {
	margin-top: 2.5rem !important
}

.space5:first-child {
	margin-top: 0 !important
}

@media ( max-width : 980px) {
	.space5 {
		margin-top: 2rem !important
	}
}

@media ( max-width : 660px) {
	.space5 {
		margin-top: 1.5rem !important
	}
}

.space6, .history-list {
	margin-top: 3.125rem !important
}

.space6:first-child, .history-list:first-child {
	margin-top: 0 !important
}

@media ( max-width : 980px) {
	.space6, .history-list {
		margin-top: 2.5rem !important
	}
}

@media ( max-width : 660px) {
	.space6, .history-list {
		margin-top: 1.875rem !important
	}
}

.sub-title {
	position: relative;
	padding-left: 1.25rem;
	font-size: 1.5rem;
	line-height: 1.1;
	font-weight: 400;
	color: #222
}

.sub-title::before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.45em;
	width: 0.625rem;
	height: 0.917em;
	overflow: hidden;
	background: #2061b6;
	background: linear-gradient(to bottom, #2061b6 0%, #2061b6 50%, #023578 50%, #023578 100%)
}

@media ( max-width : 980px) {
	.sub-title {
		padding-left: 1rem;
		font-size: 1.375rem
	}
	.sub-title::before {
		margin-top: -0.45em;
		width: 0.5rem
	}
}

.sub-title2 {
	position: relative;
	padding-left: 1.2rem;
	font-size: 1.125rem;
	line-height: 1.2;
	font-weight: normal;
	color: #222
}

.sub-title2::before {
	content: " ";
	position: absolute;
	top: 0.5em;
	left: 0.2rem;
	width: 0.25rem;
	height: 0.25rem;
	overflow: hidden;
	border-radius: 0.25rem;
	background: #222
}

@media ( max-width : 980px) {
	.sub-title2 {
		padding-left: 1rem
	}
	.sub-title2::before {
		top: 0.4em;
		left: 0.15rem
	}
}
.sub-title3 {  /*인크리스추가*/
	position: relative;
	font-size: 1.125rem;
	line-height: 1.2;
	font-weight: normal;
	color: #222
}


.text-content, .text-description, .text-request, .letter-list, .inauguration-intro, .inauguration-result, [class^="exhibition-description"], .accordion-list, .schedule-accordion-list,
	.qna-accordion-list, .step-content, .library-step-content, .infomation-step-content, .record-description, .history-list, .text-description2, .board-list-thumnail, .board-list-thumnail2,
	.commentary-intro, .commentary-list, .record-detail .content, .story-content, .schedule-year-list, .lawlink-list li .text {
	font-weight: 300;
	color: #000
}

.text-description, .text-request, .letter-list, .inauguration-intro, .inauguration-result, [class^="exhibition-description"], .accordion-list, .schedule-accordion-list, .qna-accordion-list,
	.step-content, .library-step-content, .infomation-step-content, .record-description, .history-list {
	line-height: 1.5
}

.text-description2 {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #3d6ba8;
	font-size: 1.125rem;
	color: #fff;
	line-height: 1.6
}

.text-description2 p, .text-description2 dt, .text-description2 dd {
	display: table-cell;
	vertical-align: middle
}

.text-description2 .title, .text-description2 dt {
	padding: 1rem;
	width: 200px;
	background: #2f5180;
	font-size: 1.5rem;
	font-weight: 400;
	text-align: center
}

.text-description2 .desc, .text-description2 dd {
	padding: 1.25rem
}

@media ( max-width : 980px) {
	.text-description2 {
		font-size: 1rem
	}
	.text-description2 .title, .text-description2 dt {
		padding: 0.8rem;
		width: 160px;
		font-size: 1.25rem
	}
	.text-description2 .desc, .text-description2 dd {
		padding: 1rem
	}
}

@media ( max-width : 660px) {
	.text-description2 {
		display: block
	}
	.text-description2 p, .text-description2 dt, .text-description2 dd {
		display: block
	}
	.text-description2 .title, .text-description2 dt {
		padding: 0.6rem;
		width: auto
	}
	.text-description2 .desc, .text-description2 dd {
		padding: 0.75rem
	}
}

.list-style1 {
	color: #000
}

.list-style1>li {
	position: relative;
	padding-left: 1.2rem
}

.list-style1>li::before {
	content: "·";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700
}

@media ( max-width : 980px) {
	.list-style1>li {
		padding-left: 1rem
	}
}

.list-style2 {
	color: #000
}

.list-style2>li {
	position: relative;
	padding-left: 1.2rem
}

.list-style2>li::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0.15rem
}

@media ( max-width : 980px) {
	.list-style2>li {
		padding-left: 1rem
	}
	.list-style2>li::before {
		left: 0.12rem
	}
}

.label {
	display: inline-block;
	padding: 0 0 0.125rem 0;
	min-width: 3.75rem;
	border: 1px solid #ebebeb;
	background: #ebebeb;
	font-size: 0.875rem;
	line-height: 1.2;
	text-align: center;
	color: #000
}

.label.invert, .accordion-list dl dd .label.history, .schedule-accordion-list dl dd .label.history, .qna-accordion-list dl dd .label.history, .lawlink-list li .link a.label {
	background: #fff !important
}

.label.color1, .accordion-list dl dd .label.history, .schedule-accordion-list dl dd .label.history, .qna-accordion-list dl dd .label.history, .lawlink-list li .link a.label {
	border-color: #2062b6;
	background: #2062b6;
	color: #fff
}

.label.color1.invert, .accordion-list dl dd .label.history, .schedule-accordion-list dl dd .label.history, .qna-accordion-list dl dd .label.history, .lawlink-list li .link a.label {
	color: #2062b6
}

.label.color2 {
	border-color: #02316b;
	background: #02316b;
	color: #fff
}

.label.color2.invert, .accordion-list dl dd .label.color2.history, .schedule-accordion-list dl dd .label.color2.history, .qna-accordion-list dl dd .label.color2.history, .lawlink-list li .link a.label.color2
	{
	color: #02316b
}

.label.color3 {
	border-color: #ed1c24;
	background: #ed1c24;
	color: #fff
}

.label.color3.invert, .accordion-list dl dd .label.color3.history, .schedule-accordion-list dl dd .label.color3.history, .qna-accordion-list dl dd .label.color3.history, .lawlink-list li .link a.label.color3
	{
	color: #ed1c24
}

.label.color4 {
	border-color: #309e3f;
	background: #309e3f;
	color: #fff
}

.label.color4.invert, .accordion-list dl dd .label.color4.history, .schedule-accordion-list dl dd .label.color4.history, .qna-accordion-list dl dd .label.color4.history, .lawlink-list li .link a.label.color4
	{
	color: #309e3f
}

.label.color5 {
	border-color: #8f3ead;
	background: #8f3ead;
	color: #fff
}

.label.color5.invert, .accordion-list dl dd .label.color5.history, .schedule-accordion-list dl dd .label.color5.history, .qna-accordion-list dl dd .label.color5.history, .lawlink-list li .link a.label.color5
	{
	color: #8f3ead
}

.label.color6 {
	border-color: #ed7102;
	background: #ed7102;
	color: #fff
}

.label.color6.invert, .accordion-list dl dd .label.color6.history, .schedule-accordion-list dl dd .label.color6.history, .qna-accordion-list dl dd .label.color6.history, .lawlink-list li .link a.label.color6
	{
	color: #ed7102
}

.label.color7 {
	border-color: #1e9490;
	background: #1e9490;
	color: #fff
}

.label.color7.invert, .accordion-list dl dd .label.color7.history, .schedule-accordion-list dl dd .label.color7.history, .qna-accordion-list dl dd .label.color7.history, .lawlink-list li .link a.label.color7
	{
	color: #1e9490
}

.label.color8 {
	border-color: #000;
	background: #000;
	color: #fff
}

.label.color8.invert, .accordion-list dl dd .label.color8.history, .schedule-accordion-list dl dd .label.color8.history, .qna-accordion-list dl dd .label.color8.history, .lawlink-list li .link a.label.color8
	{
	color: #000
}
.label.color9 {  /*인크리스추가*/
	border-color: #ebebeb;
    background: #ebebeb;
	color: #fff
}

.button, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
	border-color: #ebebeb;
	background: #ebebeb;
	line-height: 1.2;
	text-align: center;
	color: #000
}


.button img, .accordion-list dl dd .history img, .schedule-accordion-list dl dd .history img, .qna-accordion-list dl dd .history img, .lawlink-list li .link a img {
	position: relative;
	top: -0.1em
}

.button img.lt, .accordion-list dl dd .history img.lt, .schedule-accordion-list dl dd .history img.lt, .qna-accordion-list dl dd .history img.lt, .lawlink-list li .link a img.lt {
	margin-left: 0.2rem
}

.button img.rt, .accordion-list dl dd .history img.rt, .schedule-accordion-list dl dd .history img.rt, .qna-accordion-list dl dd .history img.rt, .lawlink-list li .link a img.rt {
	margin-right: 0.2rem
}

.button.invert, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {
	background: #fff !important
}

.button.color1, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {
	border-color: #2062b6;
	background: #2062b6;
	color: #fff
}

.button.color1.invert {border-color:#2062b6;} /*버튼 라인 색상 20231219 웹접근성 수정 추가*/

.button.color1.invert, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {
	color: #2062b6;
}

/* 수정1021*/
.button1.color1, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {
	border-color: #2062b6;
	background: #2062b6;
	color: #fff
}

.button1.color1.invert, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {
	color: #2062b6
}
/* 수정1021*/

.button.color2, .accordion-list dl dd .color2.history, .schedule-accordion-list dl dd .color2.history, .qna-accordion-list dl dd .color2.history, .lawlink-list li .link a.color2 {
	border-color: #02316b;
	background: #02316b;
	color: #fff
}

.button.color2.invert, .accordion-list dl dd .color2.history, .schedule-accordion-list dl dd .color2.history, .qna-accordion-list dl dd .color2.history, .lawlink-list li .link a.color2 {
	color: #02316b
}

.button.color3, .accordion-list dl dd .color3.history, .schedule-accordion-list dl dd .color3.history, .qna-accordion-list dl dd .color3.history, .lawlink-list li .link a.color3 {
	border-color: #ed1c24;
	background: #ed1c24;
	color: #fff
}

.button.color3.invert, .accordion-list dl dd .color3.history, .schedule-accordion-list dl dd .color3.history, .qna-accordion-list dl dd .color3.history, .lawlink-list li .link a.color3 {
	color: #ed1c24
}

.button.color4, .accordion-list dl dd .color4.history, .schedule-accordion-list dl dd .color4.history, .qna-accordion-list dl dd .color4.history, .lawlink-list li .link a.color4 {
	border-color: #309e3f;
	background: #309e3f;
	color: #fff
}

.button.color4.invert, .accordion-list dl dd .color4.history, .schedule-accordion-list dl dd .color4.history, .qna-accordion-list dl dd .color4.history, .lawlink-list li .link a.color4 {
	color: #309e3f
}

.button.color5, .accordion-list dl dd .color5.history, .schedule-accordion-list dl dd .color5.history, .qna-accordion-list dl dd .color5.history, .lawlink-list li .link a.color5 {
	border-color: #8f3ead;
	background: #8f3ead;
	color: #fff
}

.button.color5.invert, .accordion-list dl dd .color5.history, .schedule-accordion-list dl dd .color5.history, .qna-accordion-list dl dd .color5.history, .lawlink-list li .link a.color5 {
	color: #8f3ead
}

.button.color6, .accordion-list dl dd .color6.history, .schedule-accordion-list dl dd .color6.history, .qna-accordion-list dl dd .color6.history, .lawlink-list li .link a.color6 {
	border-color: #ed7102;
	background: #ed7102;
	color: #fff
}

.button.color6.invert, .accordion-list dl dd .color6.history, .schedule-accordion-list dl dd .color6.history, .qna-accordion-list dl dd .color6.history, .lawlink-list li .link a.color6 {
	color: #ed7102
}

.button.color7, .accordion-list dl dd .color7.history, .schedule-accordion-list dl dd .color7.history, .qna-accordion-list dl dd .color7.history, .lawlink-list li .link a.color7 {
	border-color: #1e9490;
	background: #1e9490;
	color: #fff
}

.button.color7.invert, .accordion-list dl dd .color7.history, .schedule-accordion-list dl dd .color7.history, .qna-accordion-list dl dd .color7.history, .lawlink-list li .link a.color7 {
	color: #1e9490
}

.button.color8, .accordion-list dl dd .color8.history, .schedule-accordion-list dl dd .color8.history, .qna-accordion-list dl dd .color8.history, .lawlink-list li .link a.color8 {
	border-color: #666;
	background: #666;
	color: #fff
}

.button.color8.invert, .accordion-list dl dd .color8.history, .schedule-accordion-list dl dd .color8.history, .qna-accordion-list dl dd .color8.history, .lawlink-list li .link a.color8 {
	color: #000
}

.button.size1, .accordion-list dl dd .size1.history, .schedule-accordion-list dl dd .size1.history, .qna-accordion-list dl dd .size1.history, .lawlink-list li .link a.size1 {
	padding: 0.8rem 2rem 0.95rem 2rem;
	min-width: 12.5rem;
	font-size: 1.125rem
}

/* 수정1021*/
.button1.size1, .accordion-list dl dd .size1.history, .schedule-accordion-list dl dd .size1.history, .qna-accordion-list dl dd .size1.history, .lawlink-list li .link a.size1 {
	padding: 0.8rem 2rem 0.95rem 2rem;
	min-width: 12.5rem;
	font-size: 1.125rem
}
/* 수정1021*/

@media ( max-width : 980px) {
	.button.size1, .accordion-list dl dd .size1.history, .schedule-accordion-list dl dd .size1.history, .qna-accordion-list dl dd .size1.history, .lawlink-list li .link a.size1 {
		padding: 0.65rem 1rem 0.75rem 1rem;
		min-width: 10rem
	}
}

.button.size2, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {
	padding: 0.2rem 0.625rem 0.375rem 0.625rem
}

@media ( max-width : 980px) {
	.button.size2, .accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history, .lawlink-list li .link a {
		padding: 0.16rem 0.5rem 0.3rem 0.5rem
	}
}

/*인크리스 size3 추가*/
.button.size3, .accordion-list dl dd .size3.history, .schedule-accordion-list dl dd .size3.history, .qna-accordion-list dl dd .size3.history, .lawlink-list li .link a.size3 {
	padding: 0.375rem 1rem;
	min-width: 8rem;
	font-size: 1.125rem
}

@media ( max-width : 980px) {
	.button.size3, .accordion-list dl dd .size3.history, .schedule-accordion-list dl dd .size3.history, .qna-accordion-list dl dd .size3.history, .lawlink-list li .link a.size3 {
		padding: 0.375rem 0.625rem;
	}
}

.table, .board-list, .board-view, .table-view, .record-list, .schedule-year-list, .competition-list, .orgsite-list {
	width: 100%;
	table-layout: fixed;
	border-top: 2px solid #2062b6;
	border-spacing: 0;
	line-height: 1.5;
	color: #000;
	word-break: break-all
}

.table th, .board-list th, .board-view th, .table-view th, .record-list th, .schedule-year-list th, .competition-list th, .orgsite-list th, .table td, .board-list td, .board-view td, .table-view td,
	.record-list td, .schedule-year-list td, .competition-list td, .orgsite-list td {
	padding: 0.625rem;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #e1e1e1
}

.table th, .board-list th, .board-view th, .table-view th, .record-list th, .schedule-year-list th, .competition-list th, .orgsite-list th {
	background: #ebebeb;
	font-size: 1.125rem;
	font-weight: 500
}
.board-list thead tr.linetr th{border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} /*인크리스추가*/
.board-list thead tr.linetr th:last-child{border-left:none;border-right:1px solid #d6d6d6;} /*인크리스추가*/

@media ( max-width : 980px) {
	.table th, .board-list th, .board-view th, .table-view th, .record-list th, .schedule-year-list th, .competition-list th, .orgsite-list th, .table td, .board-list td, .board-view td, .table-view td,
		.record-list td, .schedule-year-list td, .competition-list td, .orgsite-list td {
		padding: 0.5rem
	}
}

.box-content, .form-request .agree, .image-viewer, .commentary-intro, .record-detail, .inauguration-intro, .exhibition-description1, .exhibition-description3, .orgchart-select {
	padding: 1.25rem;
	background: #ebebeb;
	color: #000
}

@media ( max-width : 980px) {
	.box-content, .form-request .agree, .image-viewer, .commentary-intro, .record-detail, .inauguration-intro, .exhibition-description1, .exhibition-description3, .orgchart-select {
		padding: 1rem
	}
}

@media ( max-width : 660px) {
	.box-content, .form-request .agree, .image-viewer, .commentary-intro, .record-detail, .inauguration-intro, .exhibition-description1, .exhibition-description3, .orgchart-select {
		padding: 0.75rem
	}
}

.box-content.border, .form-request .border.agree, .image-viewer, .border.commentary-intro, .border.record-detail, .border.inauguration-intro, .border.exhibition-description1, .border.exhibition-description3,
	.border.orgchart-select {
	border: 1px solid #e1e1e1;
	background: #fff
}

.box-content.border1, .form-request .border.agree, .image-viewer, .border.commentary-intro, .border.record-detail, .border.inauguration-intro, .border.exhibition-description1, .border.exhibition-description3,
	.border.orgchart-select {
	border: 1px solid #e1e1e1;
	background: #e1e1e1;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}



.box-content.white{background: #fff; }  /*인크리스 추가*/

[class^="nav-tabmenu"] {
	position: relative;
	text-align: center;
	line-height: 1.375
}

[class^="nav-tabmenu"] * {
	position: relative
}

[class^="nav-tabmenu"] .toggle {
	display: none;
	font-size: 1.125rem;
	background: #fff
}

[class^="nav-tabmenu"] .toggle button {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	text-indent: -9999em;
	background: transparent
}

[class^="nav-tabmenu"] .toggle::after {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	background: url(../images/ico-arrow-tabmenu.png);
	background-size: 80px
}

[class^="nav-tabmenu"] ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	background: #fff
}

[class^="nav-tabmenu"] ul li {
	flex: 1 1 0px;
	z-index: 2
}

[class^="nav-tabmenu"] ul li a {
	display: block;
	font-size: 1.125rem;
	min-height: 100%;
	align-content: center;
}

[class^="nav-tabmenu"] ul li.active {
	z-index: 3;
	font-weight: 500
}

[class^="nav-tabmenu"] ul li.nowrap {
	flex: none;
	white-space: nowrap
}

[class^="nav-tabmenu"].multi ul li {
	flex: none
}

@media ( max-width : 1200px) {
	[class^="nav-tabmenu"] ul li.nowrap {
		flex: 1 1 0px;
		white-space: normal
	}
}

@media ( max-width : 660px) {
	[class^="nav-tabmenu"].mobile .toggle {
		display: block
	}
	[class^="nav-tabmenu"].mobile ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		overflow: auto
	}
	[class^="nav-tabmenu"].mobile ul li {
		margin: 1px 0 0 0 !important;
		width: auto !important
	}
	[class^="nav-tabmenu"].mobile ul li.active {
		display: none
	}
	[class^="nav-tabmenu"].mobile ul li:first-child {
		margin-top: 0 !important
	}
	[class^="nav-tabmenu"].mobile.active {
		z-index: 20
	}
	[class^="nav-tabmenu"].mobile.active ul {
		display: block
	}
}

.nav-tabmenu1 ul li {
	margin-right: 2px; /* 221128 4px -> 2px로 수정 */
}

.nav-tabmenu1 ul li a {
	padding: 1.1rem 0.5rem;
	background: #ebebeb;
	align-content: center;
}

.nav-tabmenu1 ul li a:focus,
.nav-tabmenu1 ul li a:focus-visible {
	outline:1px dashed #000;
	outline-width: 2px;
} /* 221121 수정 */

.nav-tabmenu1 ul li.active a {
	background: #02316b;
	color: #fff
}/* 220809 추가 */

.nav-tabmenu1 ul li:last-child {
	margin-right: 0
}

.nav-tabmenu1.multi li {
	margin-top: 2px;
	width: calc(16.66666666666667% - 1.666666666666667px)
}

.nav-tabmenu1.multi li:nth-child(1), .nav-tabmenu1.multi li:nth-child(2), .nav-tabmenu1.multi li:nth-child(3), .nav-tabmenu1.multi li:nth-child(4), .nav-tabmenu1.multi li:nth-child(5), .nav-tabmenu1.multi li:nth-child(6)
	{
	margin-top: 0
}

.nav-tabmenu1.multi li:nth-child(6n) {
	margin-right: 0
}

@media ( max-width : 980px) {
	.nav-tabmenu1 ul li a {
		padding: 0.9rem 0.5rem
	}
	.nav-tabmenu1.multi ul li {
		width: calc(20% - 1.6px)
	}
	.nav-tabmenu1.multi ul li:nth-child(6) {
		margin-top: 2px
	}
	.nav-tabmenu1.multi ul li:nth-child(6n) {
		margin-right: 2px
	}
	.nav-tabmenu1.multi ul li:nth-child(5n) {
		margin-right: 0
	}
	.nav-tabmenu1.ta-multi li {
		flex: none;
		margin-top: 2px;
		width: calc(20% - 1.6px)
	}
	.nav-tabmenu1.ta-multi li:nth-child(1), .nav-tabmenu1.ta-multi li:nth-child(2), .nav-tabmenu1.ta-multi li:nth-child(3), .nav-tabmenu1.ta-multi li:nth-child(4), .nav-tabmenu1.ta-multi li:nth-child(5) {
		margin-top: 0
	}
	.nav-tabmenu1.ta-multi li:nth-child(5n) {
		margin-right: 0
	}
}

@media ( max-width : 660px) {
	.nav-tabmenu1 ul li {
		margin-right: 1px
	}
	.nav-tabmenu1 ul li a {
		padding: 0.75rem 0.5rem
	}
	.nav-tabmenu1.multi ul li, .nav-tabmenu1.ta-multi ul li {
		margin-top: 1px;
		width: calc(25% - 0.75px)
	}
	.nav-tabmenu1.multi ul li:nth-child(6), .nav-tabmenu1.multi ul li:nth-child(5), .nav-tabmenu1.ta-multi ul li:nth-child(6), .nav-tabmenu1.ta-multi ul li:nth-child(5) {
		margin-top: 1px
	}
	.nav-tabmenu1.multi ul li:nth-child(6n), .nav-tabmenu1.multi ul li:nth-child(5n), .nav-tabmenu1.ta-multi ul li:nth-child(6n), .nav-tabmenu1.ta-multi ul li:nth-child(5n) {
		margin-right: 1px
	}
	.nav-tabmenu1.multi ul li:nth-child(4n), .nav-tabmenu1.ta-multi ul li:nth-child(4n) {
		margin-right: 0
	}
	.nav-tabmenu1.mobile .toggle {
		padding: 0.75rem 0.5rem;
		background: #02316b;
		color: #fff
	}
	.nav-tabmenu1.mobile .toggle::after {
		content: " ";
		margin-top: -4px;
		right: 0.625rem;
		width: 13px;
		height: 7px;
		background-position: -40px -0
	}
	.nav-tabmenu1.mobile ul {
		max-height: 11.2375rem
	}
	.nav-tabmenu1.mobile ul li {
		background: #666
	}
	.nav-tabmenu1.mobile ul li a {
		padding: 0.45rem 0.75rem !important;
		background: #666;
		color: #fff
	}
	.nav-tabmenu1.mobile.active .toggle::after {
		background-position: -60px 0
	}
}

.nav-tabmenu2 ul li {
	margin-right: -2px;
	border: 2px solid #e1e1e1
}

.nav-tabmenu2 ul li a {
	padding: 1rem 0.5rem
}

.nav-tabmenu2 ul li.active {
	border-color: #2062b6
}

.nav-tabmenu2 ul li.active a {
	color: #02316b
}

.nav-tabmenu2 ul li:last-child {
	margin-right: 0
}

.nav-tabmenu2.multi li {
	margin-top: -2px;
	width: calc(16.66666666666667% + 1.666666666666667px)
}

.nav-tabmenu2.multi li:nth-child(1), .nav-tabmenu2.multi li:nth-child(2), .nav-tabmenu2.multi li:nth-child(3), .nav-tabmenu2.multi li:nth-child(4), .nav-tabmenu2.multi li:nth-child(5), .nav-tabmenu2.multi li:nth-child(6)
	{
	margin-top: 0
}

.nav-tabmenu2.multi li:nth-child(6n) {
	margin-right: 0
}

@media ( max-width : 980px) {
	.nav-tabmenu2 ul li a {
		padding: 0.75rem 0.5rem
	}
	.nav-tabmenu2.multi ul li {
		width: calc(20% + 1.6px)
	}
	.nav-tabmenu2.multi ul li:nth-child(6) {
		margin-top: -2px
	}
	.nav-tabmenu2.multi ul li:nth-child(6n) {
		margin-right: -2px
	}
	.nav-tabmenu2.multi ul li:nth-child(5n) {
		margin-right: 0
	}
	.nav-tabmenu2.ta-multi li {
		flex: none;
		margin-top: -2px;
		width: calc(20% - 1.6px)
	}
	.nav-tabmenu2.ta-multi li:nth-child(1), .nav-tabmenu2.ta-multi li:nth-child(2), .nav-tabmenu2.ta-multi li:nth-child(3), .nav-tabmenu2.ta-multi li:nth-child(4), .nav-tabmenu2.ta-multi li:nth-child(5) {
		margin-top: 0
	}
	.nav-tabmenu2.ta-multi li:nth-child(5n) {
		margin-right: 0
	}
}

@media ( max-width : 660px) {
	.nav-tabmenu2 ul li {
		margin-right: -1px;
		border-width: 1px
	}
	.nav-tabmenu2 ul li a {
		padding: 0.55rem 0.2rem
	}
	.nav-tabmenu2.multi ul li, .nav-tabmenu2.ta-multi ul li {
		margin-top: -1px;
		width: calc(25% + 0.75px)
	}
	.nav-tabmenu2.multi ul li:nth-child(6), .nav-tabmenu2.multi ul li:nth-child(5), .nav-tabmenu2.ta-multi ul li:nth-child(6), .nav-tabmenu2.ta-multi ul li:nth-child(5) {
		margin-top: -1px
	}
	.nav-tabmenu2.multi ul li:nth-child(6n), .nav-tabmenu2.multi ul li:nth-child(5n), .nav-tabmenu2.ta-multi ul li:nth-child(6n), .nav-tabmenu2.ta-multi ul li:nth-child(5n) {
		margin-right: -1px
	}
	.nav-tabmenu2.multi ul li:nth-child(4n), .nav-tabmenu2.ta-multi ul li:nth-child(4n) {
		margin-right: 0
	}
	.nav-tabmenu2.mobile .toggle {
		padding: 0.55rem 0.5rem;
		border: 1px solid #2062b6;
		font-size: 1.125rem;
		color: #2062b6
	}
	.nav-tabmenu2.mobile .toggle::after {
		margin-top: -4px;
		right: 0.625rem;
		width: 13px;
		height: 7px;
		background-position: 0 0
	}
	.nav-tabmenu2.mobile ul {
		padding: 0.4rem 0;
		max-height: 9.5rem
	}
	.nav-tabmenu2.mobile ul li {
		border: 0
	}
	.nav-tabmenu2.mobile ul li a {
		padding: 0.4rem 0.75rem
	}
	.nav-tabmenu2.mobile.active .toggle::after {
		background-position: -20px 0
	}
}

.nav-tabmenu2 + .box-content {margin-top:1.25rem;} /*대통령이야기 웹기록물 탭과 박스내용 사이 간격 추가 (20231219 웹접근성 추가) */

.nav-tabmenu3 {
	white-space: nowrap
}

.nav-tabmenu3 ul li {
	flex: initial;
	margin-right: -2px;
	border: 2px solid #e1e1e1;
	width: 20.83%
}

.nav-tabmenu3 ul li a {
	padding: 1rem 0.5rem
}

.nav-tabmenu3 ul li.active {
	border-color: #2062b6;
	border-bottom-color: #fff
}

.nav-tabmenu3 ul li.active a {
	color: #02316b
}

.nav-tabmenu3 ul li:last-child {
	margin-right: 0
}

.nav-tabmenu3 ul::after {
	content: " ";
	position: absolute;
	z-index: 1;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #e1e1e1
}

@media ( max-width : 980px) {
	.nav-tabmenu3 ul li a {
		padding: 0.75rem 0.5rem
	}
}

@media ( max-width : 660px) {
	.nav-tabmenu3 ul li {
		flex: 1 1 auto;
		width: auto;
		margin-right: -1px;
		border-width: 1px
	}
	.nav-tabmenu3 ul li a {
		padding: 0.55rem 0.2rem
	}
	.nav-tabmenu3 ul::after {
		height: 1px
	}
}


.nav-tabmenu4 {	 /*인크리스추가*/
	white-space: nowrap
}

.nav-tabmenu4 ul li {
	flex: initial;
	margin-right: -2px;
	border: 1px solid #e1e1e1;
	width: 16.84%;

}

.nav-tabmenu4 ul li a {
	padding:0.7rem 0.5rem;
	font-size:1rem;
}

.nav-tabmenu4 ul li.active {
	border-color: #2062b6;
	border-bottom-color: #fff
}

.nav-tabmenu4 ul li.active a {
	color: #02316b
}

.nav-tabmenu4 ul li:last-child {
	margin-right: 0
}

.nav-tabmenu4 ul::after {
	content: " ";
	position: absolute;
	z-index: 1;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: hidden;
	background: #e1e1e1
}
@media ( min-width : 200px) {
	.nav-tabmenu4 ul li a {
		padding:0.7rem 0.2rem;
		font-size:.9rem;
	}
	.nav-tabmenu4.dinner ul li a {
		font-size:.8rem;
	}
}
@media ( min-width : 980px) {
	.nav-tabmenu4 ul li {max-width: 200px;}
}
@media ( max-width : 660px) {
	.nav-tabmenu4 ul li {
		flex: 1 1 auto;
		width: auto;
		margin-right: -1px;
		border-width: 1px
	}
	.nav-tabmenu4 ul li a {
		padding: 0.45rem 0.2rem
	}
	.nav-tabmenu4 ul::after {
		height: 1px
	}
}


.ui-widget.ui-widget-content {
	padding: 0;
	border: 2px solid #167fe8;
	border-radius: 0;
	font-family: inherit;
	background: #fff;
	z-index: 10000 !important
}

.ui-datepicker {
	min-width: 330px
}

@media ( max-width : 660px) {
	.ui-datepicker {
		min-width: 280px
	}
}

.ui-datepicker .ui-datepicker-header {
	padding: 0.5rem;
	border: 0;
	border-radius: 0;
	background: #fff
}

.ui-datepicker .ui-datepicker-title {
	margin: 0
}

.ui-datepicker .ui-datepicker-title select {
	margin: 0;
	height: 2.5rem;
	border: 1px solid #e1e1e1;
	font: inherit;
	font-weight: normal
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	width: 5.625rem;
	margin-right: 5px;

}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
	width: 4.375rem;
	margin-left: 1.25rem
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 0.5rem;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid #e1e1e1;
	background: #fff
}

.ui-datepicker .ui-datepicker-prev {
	left: 0.5rem
}

.ui-datepicker .ui-datepicker-prev .ui-icon-circle-triangle-w {
	background-position: -96px 0
}

.ui-datepicker .ui-datepicker-next {
	right: 0.5rem
}

.ui-datepicker .ui-datepicker-next .ui-icon-circle-triangle-e {
	background-position: -32px 0
}

.ui-datepicker table {
	margin: 0;
	table-layout: fixed;
	border-spacing: 0;
	font-size: 1rem
}

.ui-datepicker table th {
	padding: 0.5rem 0;
	background: #2062b6;
	font-size: 0.9rem;
	color: #fff
}

.ui-datepicker table td {
	padding: 2px;
	font-size: 0.875rem
}

.ui-datepicker table td .ui-state-default {
	padding: 0.3125rem;
	border-color: #e1e1e1;
	background: #fff;
	text-align: right;
	font-weight: 300;
	color: #000
}

.ui-datepicker table td .ui-state-active, .ui-datepicker table td .ui-state-hover {
	-webkit-box-shadow: inset 0px 0px 0px 1px #2062b6;
	-moz-box-shadow: inset 0px 0px 0px 1px #2062b6;
	box-shadow: inset 0px 0px 0px 1px #2062b6;
	border-color: #2062b6;
	color: #2062b6
}

.ui-datepicker .ui-datepicker-buttonpane {
	border: 0;
	margin: 0;
	padding: 0 0.5rem 0.5rem;
	overflow: hidden
}

.ui-datepicker .ui-datepicker-current, .ui-datepicker .ui-datepicker-close {
	margin: 0 !important;
	padding: 0 !important;
	width: 5rem !important;
	height: 2rem !important;
	border: 0 !important;
	opacity: 1 !important;
	background: #666 !important;
	font-family: inherit !important;
	font-size: 0.875rem !important;
	color: #fff !important;
	border-radius:0;
}

.selectbox, .orgchart-select select {
	padding: 0 1.75rem 0 0.625rem;
	height: 2.5rem;
	border: 2px solid #e1e1e1;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/ico-search-select.jpg) calc(100% - 0.625rem) center no-repeat
}

.selectbox::-ms-expand, .orgchart-select select::-ms-expand {
	display: none
}

@media ( max-width : 660px) {
	.selectbox, .orgchart-select select {
		padding: 0 1.5rem 0 0.5rem;
		height: 2.75rem;
		border-width: 1px;
		background-position: calc(100% - 0.5rem) center
	}
}

.inputbox {
	padding: 0 0.625rem;
	height: 2.5rem;
	border: 2px solid #e1e1e1
}

@media ( max-width : 660px) {
	.inputbox {
		height: 2.75rem;
		padding: 0 0.5rem;
		border-width: 1px
	}
}

.inputchk {
	font-size: 1rem
}

.inputchk input {
	position: relative;
	top: -0.1em;
	margin-right: 0.25rem;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid #e1e1e1;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none
}

.inputchk input[type="radio"] {
	border-radius: 1.5rem
}

.inputchk input:checked {
	background: #fff url(../images/ico-checked.jpg) center center no-repeat;
	background-size: cover
}

@media ( max-width : 660px) {
	.inputchk input {
		border-width: 1px
	}
}

.inputbtn, .orgchart-select button {
	height: 2.5rem;
	border: 1px solid #2062b6;
	background: #2062b6;
	color: #fff
}

@media ( max-width : 660px) {
	.inputbtn, .orgchart-select button {
		height: 2.75rem
	}
}

[class^="board-search"], .record-search, .record-search2 {
	border-top: 2px solid #2062b6;
	background: #ebebeb;
	font-weight: 300;
	color: #000
}

[class^="board-search"] .field, .record-search .field, .record-search2 .field {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

[class^="board-search"] .field label, .record-search .field label, .record-search2 .field label {
	font-size: 1.125rem;
	font-weight: 400
}

[class^="board-search"] .field select, .record-search .field select, .record-search2 .field select, [class^="board-search"] .field button, .record-search .field button, .record-search2 .field button,
	[class^="board-search"] .field input[type="text"], .record-search .field input[type="text"], .record-search2 .field input[type="text"], [class^="board-search"] .field input[type="date"],
	.record-search .field input[type="date"], .record-search2 .field input[type="date"] {
	flex: none;
	margin-right: 0.625rem;
	height: 2.5rem
}

[class^="board-search"] .field select:last-child, .record-search .field select:last-child, .record-search2 .field select:last-child, [class^="board-search"] .field button:last-child, .record-search .field button:last-child,
	.record-search2 .field button:last-child, [class^="board-search"] .field input[type="text"]:last-child, .record-search .field input[type="text"]:last-child, .record-search2 .field input[type="text"]:last-child,
	[class^="board-search"] .field input[type="date"]:last-child, .record-search .field input[type="date"]:last-child, .record-search2 .field input[type="date"]:last-child {
	margin-right: 0
}

[class^="board-search"] .field select, .record-search .field select, .record-search2 .field select, [class^="board-search"] .field input[type="text"], .record-search .field input[type="text"],
	.record-search2 .field input[type="text"], [class^="board-search"] .field input[type="date"], .record-search .field input[type="date"], .record-search2 .field input[type="date"] {
	padding: 0 0.625rem;
	border: 2px solid #e1e1e1
}

[class^="board-search"] .field input[type="text"], .record-search .field input[type="text"], .record-search2 .field input[type="text"], [class^="board-search"] .field input[type="date"],
	.record-search .field input[type="date"], .record-search2 .field input[type="date"] {
	flex: 1 1 0px
}

[class^="board-search"] .field select, .record-search .field select, .record-search2 .field select {
	padding-right: 1.75rem;
	min-width: 9.375rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/ico-search-select.jpg) calc(100% - 0.625rem) center no-repeat
}

[class^="board-search"] .field select::-ms-expand, .record-search .field select::-ms-expand, .record-search2 .field select::-ms-expand {
	display: none
}

[class^="board-search"] .items, .record-search .items, .record-search2 .items {
	flex: 1 1 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media ( max-width : 980px) {
	[class^="board-search"] .field select, .record-search .field select, .record-search2 .field select, [class^="board-search"] .field button, .record-search .field button, .record-search2 .field button,
		[class^="board-search"] .field input[type="text"], .record-search .field input[type="text"], .record-search2 .field input[type="text"], [class^="board-search"] .field input[type="date"],
		.record-search .field input[type="date"], .record-search2 .field input[type="date"] {
		margin-right: 0.5rem
	}
}

@media ( max-width : 660px) {
	[class^="board-search"], .record-search, .record-search2 {
		border-top: 0;
		background: #fff
	}
	[class^="board-search"] .field select, .record-search .field select, .record-search2 .field select, [class^="board-search"] .field button, .record-search .field button, .record-search2 .field button,
		[class^="board-search"] .field input[type="text"], .record-search .field input[type="text"], .record-search2 .field input[type="text"], [class^="board-search"] .field input[type="date"],
		.record-search .field input[type="date"], .record-search2 .field input[type="date"] {
		height: 2.75rem
	}
	[class^="board-search"] .field select, .record-search .field select, .record-search2 .field select, [class^="board-search"] .field input[type="text"], .record-search .field input[type="text"],
		.record-search2 .field input[type="text"], [class^="board-search"] .field input[type="date"], .record-search .field input[type="date"], .record-search2 .field input[type="date"] {
		padding-left: 0.5rem;
		border-width: 1px
	}
	[class^="board-search"] .field select, .record-search .field select, .record-search2 .field select {
		padding-right: 1.5rem;
		background-position: calc(100% - 0.5rem) center
	}
}

.board-search1 .field {
	padding: 1.125rem
}

.board-search1 .field label {
	margin-right: 1.125rem
}

.board-search1 .field button {
	min-width: 10rem;
	background: #2062b6;
	font-size: 1.125rem;
	color: #fff
}

@media ( max-width : 980px) {
	.board-search1 .field {
		padding: 0.9rem
	}
	.board-search1 .field label {
		margin-right: 0.9rem
	}
	.board-search1 .field select {
		min-width: 7.5rem
	}
	.board-search1 .field button {
		min-width: 8rem
	}
}

@media ( max-width : 660px) {
	.board-search1 .field {
		padding: 0
	}
	.board-search1 .field label {
		display: none
	}
	.board-search1 .field select, .board-search1 .field button {
		min-width: 5.15rem
	}
}

.board-search2, .record-search2 {
	padding: 0.625rem 0 1.25rem 0
}

.board-search2 .field, .record-search2 .field {
	padding: 0.625rem 2.5rem 0.625rem 1.5rem;
	border-top: 1px solid #e1e1e1
}

.board-search2 .field>label, .record-search2 .field>label {
	margin-right: 1rem;
	min-width: 4em
}

.board-search2 .field .inchk, .record-search2 .field .inchk {
	margin: 2px 1.875rem 2px 0;
	min-width: 4.7rem;
	font-size: 1rem
}

.board-search2 .field .inchk input, .record-search2 .field .inchk input {
	position: relative;
	top: -0.1em;
	margin-right: 0.25rem;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid #e1e1e1;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none
}

.board-search2 .field .inchk input[type="radio"], .record-search2 .field .inchk input[type="radio"] {
	border-radius: 1.5rem
}

.board-search2 .field .inchk input:checked, .record-search2 .field .inchk input:checked {
	background: #fff url(../images/ico-checked.jpg) center center no-repeat;
	background-size: cover
}

.board-search2 .field .inchk.clear, .record-search2 .field .inchk.clear {
	min-width: 0 !important;
	width: auto !important
}

.board-search2 .field .inchk:last-child, .record-search2 .field .inchk:last-child {
	margin-right: 0
}

.board-search2 .field .date, .record-search2 .field .date {
	flex: none;
	margin-right: 0.625rem;
	/* overflow: hidden 221221 포커스문제로 삭제 */
}

.board-search2 .field .date input, .record-search2 .field .date input {
	float: left;
	margin: 0 0.25rem;
	width: 8.5rem;
	display: inline-block /* 221221 포커스 문제로 추가 */
}

.board-search2 .field .date input:first-child, .record-search2 .field .date input:first-child {
	margin-left: 0
}

.board-search2 .field .date .hypen, .record-search2 .field .date .hypen {
	float: left;
	width: 1em;
	text-align: center;
	line-height: 2.5
}

.board-search2 .field .date:last-child, .record-search2 .field .date:last-child {
	margin-right: 0
}

.board-search2 .field:first-child, .record-search2 .field:first-child {
	border-top: 0
}

.board-search2 .search-layer .buttons, .record-search2 .search-layer .buttons {
	margin-top: 0.625rem;
	text-align: center
}

.board-search2 .search-layer .buttons .button, .record-search2 .search-layer .buttons .button, .board-search2 .search-layer .buttons .accordion-list dl dd .history, .accordion-list dl dd .board-search2 .search-layer .buttons .history,
	.record-search2 .search-layer .buttons .accordion-list dl dd .history, .accordion-list dl dd .record-search2 .search-layer .buttons .history, .board-search2 .search-layer .buttons .schedule-accordion-list dl dd .history,
	.schedule-accordion-list dl dd .board-search2 .search-layer .buttons .history, .record-search2 .search-layer .buttons .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-search2 .search-layer .buttons .history,
	.board-search2 .search-layer .buttons .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .board-search2 .search-layer .buttons .history, .record-search2 .search-layer .buttons .qna-accordion-list dl dd .history,
	.qna-accordion-list dl dd .record-search2 .search-layer .buttons .history, .board-search2 .search-layer .buttons .lawlink-list li .link a, .lawlink-list li .link .board-search2 .search-layer .buttons a,
	.record-search2 .search-layer .buttons .lawlink-list li .link a, .lawlink-list li .link .record-search2 .search-layer .buttons a {
	margin: 0 0.25rem;
	min-width: 12.5rem;
	vertical-align: top
}

.board-search2 .search-layer .buttons .button:first-child, .record-search2 .search-layer .buttons .button:first-child, .board-search2 .search-layer .buttons .accordion-list dl dd .history:first-child,
	.accordion-list dl dd .board-search2 .search-layer .buttons .history:first-child, .record-search2 .search-layer .buttons .accordion-list dl dd .history:first-child, .accordion-list dl dd .record-search2 .search-layer .buttons .history:first-child,
	.board-search2 .search-layer .buttons .schedule-accordion-list dl dd .history:first-child, .schedule-accordion-list dl dd .board-search2 .search-layer .buttons .history:first-child, .record-search2 .search-layer .buttons .schedule-accordion-list dl dd .history:first-child,
	.schedule-accordion-list dl dd .record-search2 .search-layer .buttons .history:first-child, .board-search2 .search-layer .buttons .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .board-search2 .search-layer .buttons .history:first-child,
	.record-search2 .search-layer .buttons .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .record-search2 .search-layer .buttons .history:first-child, .board-search2 .search-layer .buttons .lawlink-list li .link a:first-child,
	.lawlink-list li .link .board-search2 .search-layer .buttons a:first-child, .record-search2 .search-layer .buttons .lawlink-list li .link a:first-child, .lawlink-list li .link .record-search2 .search-layer .buttons a:first-child
	{
	margin-left: 0
}

.board-search2 .search-layer .buttons .button:last-child, .record-search2 .search-layer .buttons .button:last-child, .board-search2 .search-layer .buttons .accordion-list dl dd .history:last-child,
	.accordion-list dl dd .board-search2 .search-layer .buttons .history:last-child, .record-search2 .search-layer .buttons .accordion-list dl dd .history:last-child, .accordion-list dl dd .record-search2 .search-layer .buttons .history:last-child,
	.board-search2 .search-layer .buttons .schedule-accordion-list dl dd .history:last-child, .schedule-accordion-list dl dd .board-search2 .search-layer .buttons .history:last-child, .record-search2 .search-layer .buttons .schedule-accordion-list dl dd .history:last-child,
	.schedule-accordion-list dl dd .record-search2 .search-layer .buttons .history:last-child, .board-search2 .search-layer .buttons .qna-accordion-list dl dd .history:last-child, .qna-accordion-list dl dd .board-search2 .search-layer .buttons .history:last-child,
	.record-search2 .search-layer .buttons .qna-accordion-list dl dd .history:last-child, .qna-accordion-list dl dd .record-search2 .search-layer .buttons .history:last-child, .board-search2 .search-layer .buttons .lawlink-list li .link a:last-child,
	.lawlink-list li .link .board-search2 .search-layer .buttons a:last-child, .record-search2 .search-layer .buttons .lawlink-list li .link a:last-child, .lawlink-list li .link .record-search2 .search-layer .buttons a:last-child
	{
	margin-right: 0
}

.board-search2 .search-layer .close, .record-search2 .search-layer .close {
	display: none;
	position: absolute;
	top: 1rem;
	right: 1rem;
	margin: 0;
	padding: 0;
	width: 30px !important;
	height: 30px !important;
	overflow: hidden;
	background-color: transparent;
	text-indent: -9999rem
}


.board-search2 .search-layer .close::before, .record-search2 .search-layer .close::before {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	background-position: -100px -100px;
	background-image: url(../images/ico-sprite-board.png);
	background-size: 150px
}

.board-search2 .search-mobile, .record-search2 .search-mobile {
	display: none
}

@media ( min-width : 660px) {
	.record-search2 .search-layer.detailSearh .close {display: block;} /*인크리스추가*/
	.record-search2  .search-layer.detailSearh{display:none;position:relative;}	   /*인크리스추가*/
	.record-search2.active .search-layer.detailSearh {display:block;}	  /*인크리스추가*/
}
@media ( max-width : 1200px) {
		.board-search2 .field>.field-label-two, .record-search2 .field>.field-label-two {width:100%;display:block;height:0.625rem;}  /*인크리스 추가*/
}

@media ( max-width : 980px) {
	.board-search2, .record-search2 {
		padding: 0.5rem 0 1rem 0
	}
	.board-search2 .field, .record-search2 .field {
		padding: 0.5rem 2rem 0.5rem 1.125rem
	}
	.board-search2 .field>label, .record-search2 .field>label {
		margin-right: 1.125rem
	}
	.board-search2 .field .inchk, .record-search2 .field .inchk {
		margin-right: 1.5rem
	}
	.board-search2 .field select, .record-search2 .field select {
		min-width: 7.5rem
	}
}

@media ( max-width : 660px) {
	.board-search2 .field>.field-label-two, .record-search2 .field>.field-label-two {width:100%;display:block;height:0.7em;}  /*인크리스 추가*/

	.board-search2, .record-search2 {
		padding: 0
	}
	.board-search2 .field, .record-search2 .field {
		padding: 0
	}
	.board-search2 .search-layer, .record-search2 .search-layer {
		display: none;
		position: absolute;
		z-index: 500;
		top: calc(67px + 2.9375rem); /* 240708 수정 56px -> 67px */
		right: 0;
		left: 0;
		padding: 4rem 1rem;
		background: #ebebeb
	}
	.board-search2 .search-layer .field, .record-search2 .search-layer .field {
		border-top: 0;
		margin-top: 0.7em
	}
	.board-search2 .search-layer .field>label, .record-search2 .search-layer .field>label {
		margin: 0 0 0.2em 0;
		width: 100%
	}
	.board-search2 .search-layer .field select.full, .record-search2 .search-layer .field select.full, .board-search2 .search-layer .field button.full, .record-search2 .search-layer .field button.full,
		.board-search2 .search-layer .field input[type="text"].full, .record-search2 .search-layer .field input[type="text"].full, .board-search2 .search-layer .field input[type="date"].full,
		.record-search2 .search-layer .field input[type="date"].full {
		width: 100% !important;
		margin-right: 0 !important
	}
	.board-search2 .search-layer .field .inchk, .record-search2 .search-layer .field .inchk , .record-search2 .search-layer .field .checkA{ /*인크리스 체크박스추가*/
		margin-right: 0;
		width: 33.3333333333%
	}
	.board-search2 .search-layer .field .inchk input, .record-search2 .search-layer .field .inchk input, .record-search2 .search-layer .field .checkA input + label:after {	  /*인크리스 체크박스추가*/
		border-width: 1px
	}
	.board-search2 .search-layer .field .inchk.full, .record-search2 .search-layer .field .inchk.full {
		width: 100% !important
	}
	.board-search2 .search-layer .field:first-child, .record-search2 .search-layer .field:first-child {
		margin-top: 0
	}
	.board-search2 .search-layer .buttons, .record-search2 .search-layer .buttons {
		margin-top: 2rem
	}
	.board-search2 .search-layer .buttons .button, .record-search2 .search-layer .buttons .button, .board-search2 .search-layer .buttons .accordion-list dl dd .history, .accordion-list dl dd .board-search2 .search-layer .buttons .history,
		.record-search2 .search-layer .buttons .accordion-list dl dd .history, .accordion-list dl dd .record-search2 .search-layer .buttons .history, .board-search2 .search-layer .buttons .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .board-search2 .search-layer .buttons .history, .record-search2 .search-layer .buttons .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-search2 .search-layer .buttons .history,
		.board-search2 .search-layer .buttons .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .board-search2 .search-layer .buttons .history, .record-search2 .search-layer .buttons .qna-accordion-list dl dd .history,
		.qna-accordion-list dl dd .record-search2 .search-layer .buttons .history, .board-search2 .search-layer .buttons .lawlink-list li .link a, .lawlink-list li .link .board-search2 .search-layer .buttons a,
		.record-search2 .search-layer .buttons .lawlink-list li .link a, .lawlink-list li .link .record-search2 .search-layer .buttons a {
		min-width: 9rem
	}
	.board-search2 .search-layer .close, .record-search2 .search-layer .close {
		display: block
	}
	.board-search2 .search-layer .items, .record-search2 .search-layer .items {
		flex: none;
		width: 100%
	}
	.board-search2 .search-mobile, .record-search2 .search-mobile {
		display: block
	}
	.board-search2 .search-mobile .field button, .record-search2 .search-mobile .field button {
		width: 5.15rem;
		background: #2062b6;
		color: #fff
	}
	.board-search2 .search-mobile .field button img, .record-search2 .search-mobile .field button img {
		position: relative;
		margin-top: -0.15em
	}
	.board-search2 .search-mobile .field button.toggle, .record-search2 .search-mobile .field button.toggle {
		width: 7rem
	}
	.board-search2.active .search-layer, .active.record-search2 .search-layer {
		display: block
	}
}
/*인크리스추가*/
.board-search2 .field .items .seacrh-inner-btn{padding: 0.5rem 1rem 0.75rem 1rem;    height: 2.4rem;}
.board-search.whiteStyle {background-color:#fff;padding: 0.625rem 0 0.625rem 0;border-bottom:1px solid #e1e1e1;}
.board-search.whiteStyle .field {}
.board-search.whiteStyle .field label {margin-right: 1.125rem}
.board-search.whiteStyle .field .items{vertical-align:top;}
.board-search.whiteStyle .field .items.left {flex: 2 1 0px;padding-right:10px;}
.board-search.whiteStyle .field .items.left select{    min-width: 5rem;}
.board-search.whiteStyle .field .items.left input[type='text']{width: calc(100% - 9rem);}
.board-search.whiteStyle .field .items.right {flex: 3 1 0px;}
.board-search.whiteStyle .field .items.right:after {display:block;content:'';clear:both;}
.board-search.whiteStyle .field .items.right label{float:left;width:70px;margin:0 5px;line-height: 40px;}
.board-search.whiteStyle .field .items.right .date{float:left;width:calc(100% - 7.5rem - 80px);}
.board-search.whiteStyle .field .items.right .date .datepicker,.board-search.whiteStyle .field .items.right .date .monthDate{width:calc(49% - 13px);margin-right: 0.25rem;}
.board-search.whiteStyle .field .items.right .date .hypen {margin-right: 0.25rem;}
.board-search.whiteStyle .field .items.right button{float:right;    min-width: auto;width: 120px;}
.board-search.whiteStyle .field button {min-width: 10rem;background: #2062b6;font-size: 1.125rem;color: #fff}

@media ( max-width : 820px) {
		.board-search.whiteStyle .field {	padding: 0;display:block}
		.board-search.whiteStyle .field .items.left{width:100%;padding: 0.5rem 0 0.5rem 0;}
		.board-search.whiteStyle .field .items.left select { min-width: 10rem;}
		.board-search.whiteStyle .field .items.left input[type='text']{width: calc(100% - 10.85rem);}
		.board-search.whiteStyle .field .items.right{width:100%;border-top: 1px solid #e1e1e1;padding: 0.5rem 0 0.5rem 0;}
}
@media ( max-width : 660px) {
		.board-search.whiteStyle {border-top: 2px solid #2062b6;}
		.board-search.whiteStyle .field select{	min-width: 5.15rem;}
		.board-search.whiteStyle .field .items.right .date{width:calc(100% - 65px);text-align:right;}
		.board-search.whiteStyle .field .items.right .date .datepicker,
		.board-search.whiteStyle .field .items.right .date .monthDate{width:calc(49.5% - 10px);}
		.board-search.whiteStyle .field .items.right .date .datepicker:last-child,
		.board-search.whiteStyle .field .items.right .date .monthDate:last-child{margin-right:0;}
		.board-search.whiteStyle .field .items.right label{float:left;width:60px;margin:0 5px 0 0;font-size:1rem;}
		.board-search.whiteStyle .field .items.right button {float:none;width: 100%;margin-top:.5rem;}
}
@media ( max-width : 500px) {
		.board-search.whiteStyle .field .items.right .date .datepicker,.board-search.whiteStyle .field .items.right .date .monthDate{width:calc(49% - 10px);}
}
/* new 2023 주석
.taegugki {position: relative;margin: -25px auto 0;width: 64px; height: 22px; left: 95px;}
.taegugki a{display: block; width: 100%; height: 100%; font-size: 0; background: url(../images/img_taegeukgi_m.png) no-repeat 0 0; background-size: contain;}
@media (min-width:980px) {
	.taegugki {position: absolute; top:50%; left:inherit;margin-left:-30px;margin-top:-10px;width:80px; height: 28px; }
	.taegugki a{background: url(../images/img_taegeukgi_black.png) no-repeat 0 0; background-size: contain;}
}
*/

.board-paging {
	text-align: center
}

.board-paging ul {
	vertical-align: top
}

.board-paging ul li {
	display: inline-block;
	vertical-align: top
}

.board-paging ul li a, .board-paging ul li strong {
	display: block;
	border: 1px solid #e1e1e1;
	margin: 0.2rem 0.2rem 0 0.2rem;
	min-width: 2.5rem;
	height: 2.5rem;
	overflow: hidden;
	line-height: 2.45;
	font-size: 0.875rem
}

.board-paging ul li strong {
	border-color: #2062b6;
	background: #2062b6;
	font-weight: 400;
	color: #fff
}

.board-paging ul li a > strong {
	border-color: #2062b6;
	background: #2062b6;
	font-weight: 400;
	color: #fff;
	border:0;
	margin:0;
	line-height:2.65;
}/* 2024-01-09 추가 */
.board-paging ul li a[title] {
	border:0;
}/* 2024-01-09 추가 */

.board-paging ul li .first, .board-paging ul li .prev, .board-paging ul li .next, .board-paging ul li .last {
	position: relative;
	text-indent: -9999em
}

.board-paging ul li .first::before, .board-paging ul li .prev::before, .board-paging ul li .next::before, .board-paging ul li .last::before {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -3px;
	width: 7px;
	height: 12px;
	overflow: hidden;
	background-image: url(../images/ico-sprite-board.png);
	background-size: 150px;
	background-repeat: no-repeat
}

.board-paging ul li .first::before {
	margin-left: -7px;
	width: 14px;
	background-position: -50px -50px
}

.board-paging ul li .prev {
	margin-right: 0.75rem
}

.board-paging ul li .prev::before {
	background-position: 0 -50px
}

.board-paging ul li .next {
	margin-left: 0.75rem
}

.board-paging ul li .next::before {
	background-position: -25px -50px
}

.board-paging ul li .last::before {
	margin-left: -7px;
	width: 14px;
	background-position: -75px -50px
}

@media ( max-width : 980px) {
	.board-paging ul {
		display: inline-block
	}
	.board-paging ul li {
		float: left;
		margin: 0 0 0 -1px
	}
	.board-paging ul li a, .board-paging ul li strong {
		margin: 0
	}
	.board-paging ul li .prev, .board-paging ul li .next {
		margin: 0
	}
	.board-paging ul li:first-child {
		margin-left: 0
	}
}

@media ( max-width : 660px) {
	.board-paging ul {
		display: none
	}
}

.board-list-noitem {
	padding: 2.6875rem 1rem;
	text-align: center;
	background: #ebebeb;
	color: #000
}
.board-list-noitem.blue {
	border-top:2px solid #2062b6;
	border-bottom:2px solid #2062b6;
}

@media ( max-width : 980px) {
	.board-list-noitem {
		padding: 2.15rem 0.8rem
	}
}

.board-list th, .board-list td {
	text-align: center
}

.board-list th.subject, .board-list td.subject {
	text-align: left
}

.board-list th.subject a, .board-list th.subject span, .board-list td.subject a, .board-list td.subject span {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.board-list th.original .button, .board-list th.original .accordion-list dl dd .history, .accordion-list dl dd .board-list th.original .history, .board-list th.original .schedule-accordion-list dl dd .history,
	.schedule-accordion-list dl dd .board-list th.original .history, .board-list th.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .board-list th.original .history, .board-list th.original .lawlink-list li .link a,
	.lawlink-list li .link .board-list th.original a, .board-list td.original .button, .board-list td.original .accordion-list dl dd .history, .accordion-list dl dd .board-list td.original .history,
	.board-list td.original .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .board-list td.original .history, .board-list td.original .qna-accordion-list dl dd .history,
	.qna-accordion-list dl dd .board-list td.original .history, .board-list td.original .lawlink-list li .link a, .lawlink-list li .link .board-list td.original a {
	display: block;
	margin-top: 0.625rem;
	font-weight: 400
}

.board-list th.original .button:first-child, .board-list th.original .accordion-list dl dd .history:first-child, .accordion-list dl dd .board-list th.original .history:first-child, .board-list th.original .schedule-accordion-list dl dd .history:first-child,
	.schedule-accordion-list dl dd .board-list th.original .history:first-child, .board-list th.original .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .board-list th.original .history:first-child,
	.board-list th.original .lawlink-list li .link a:first-child, .lawlink-list li .link .board-list th.original a:first-child, .board-list td.original .button:first-child, .board-list td.original .accordion-list dl dd .history:first-child,
	.accordion-list dl dd .board-list td.original .history:first-child, .board-list td.original .schedule-accordion-list dl dd .history:first-child, .schedule-accordion-list dl dd .board-list td.original .history:first-child,
	.board-list td.original .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .board-list td.original .history:first-child, .board-list td.original .lawlink-list li .link a:first-child,
	.lawlink-list li .link .board-list td.original a:first-child {
	margin-top: 0
}

/*인크리스추가*/
.board-list  td .table-detail{font-size: 1.5rem;color:#000;line-height: 1; padding-left:0; padding-right:0;}
.board-list  td .table-detail span, .board-list  .hiddenTxt{	display:none;}
.board-list  tr.table-detail-box{background-color:#eee;}
.board-list  tr.table-detail-box td{text-align:left;padding:1rem 2rem;position:relative;}
.board-list  tr.table-detail-box td .button{position:absolute;top:1rem;right:1rem;}
/* 220825 추가 -> 원문보기 버튼 위치 변경 */ .board-list tr.table-detail-box td .button.org_txt {right:7.5rem;}
.board-list  tr.table-detail-box td .overview-dl{	margin:0 0 20px 0;}
@media ( max-width : 820px) {
	.board-list  tr.table-detail-tr{position:relative;padding-right:40px;}
	.board-list  tr.table-detail-tr td:last-child{position:absolute;top:20%;right:10px;}
	.board-list  td .table-detail{padding-left:0;padding-right:0;}
}
@media ( max-width : 660px) {
	.board-list  tr.table-detail-box td .button{position:static;width:100%;display:block;padding:.625rem;}
	.board-list  tr.table-detail-box td{padding:1rem;}
	/* 220825 추가 -> 원문보기 버튼 margin-bottom 추가 */ .board-list tr.table-detail-box td .button.org_txt {right:auto; margin-bottom:.625rem;}
}

@media ( max-width : 980px) {
	.board-list th.original .button, .board-list th.original .accordion-list dl dd .history, .accordion-list dl dd .board-list th.original .history, .board-list th.original .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .board-list th.original .history, .board-list th.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .board-list th.original .history, .board-list th.original .lawlink-list li .link a,
		.lawlink-list li .link .board-list th.original a, .board-list td.original .button, .board-list td.original .accordion-list dl dd .history, .accordion-list dl dd .board-list td.original .history,
		.board-list td.original .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .board-list td.original .history, .board-list td.original .qna-accordion-list dl dd .history,
		.qna-accordion-list dl dd .board-list td.original .history, .board-list td.original .lawlink-list li .link a, .lawlink-list li .link .board-list td.original a {
		margin-top: 0.5rem
	}
}

@media ( max-width : 820px) {
	.board-list .hidden {/*인크리스 980에서 이동시킴*/
		display: none;
	}
	.board-list {
		display: block
	}
	.board-list table, .board-list tbody, .board-list tr {
		display: block
	}
	.board-list thead, .board-list colgroup {
		display: none
	}
	.board-list tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0.5rem 0;
		border-bottom: 1px solid #e1e1e1
	}
	.board-list  tr.table-detail-box{	/*인크리스 추가*/
		display:block;
	}
	.board-list td {
		order: 2;
		flex: none;
		display: inline-block;
		position: relative;
		margin-right: 0.35rem;
		padding: 0 0.45rem 0 0;
		border-bottom: 0;
		color: #000;
		vertical-align: middle;
		font-weight: normal
	}
	.board-list td::after {
		content: " ";
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -0.35rem;
		width: 1px;
		height: 0.8rem;
		overflow: hidden;
		background: #666
	}
	.board-list td.subject {
		order: 1;
		display: block;
		padding-right: 0;
		margin: 0 0 0.35rem 0;
		width: 100%;
		font-size: 1.125rem;
		line-height: 1.4;
		color: #000
	}
	.board-list td.subject::after {
		display: none
	}
	.board-list td.original {
		display: none
	}
	.board-list td:last-child, .board-list td.last {
		margin-right: 0;
		padding-right: 0
	}
	.board-list td:last-child::after, .board-list td.last::after {
		display: none
	}
}

.board-list-thumnail, .board-list-thumnail2 {
	border-top: 2px solid #2062b6
}

.board-list-thumnail li, .board-list-thumnail2 li {
	padding: 1.25rem 0;
	border-bottom: 1px solid #e1e1e1
}
.board-list-thumnail.search-result-img .infomation li{	  /*인크리스추가*/
	padding: 0;
	border-bottom: none	;
	margin-right: 0.35rem;
    padding-right: 0.6875rem;
}


.board-list-thumnail li .images, .board-list-thumnail2 li .images, .board-list-thumnail li .content, .board-list-thumnail2 li .content {
	position: relative;
	float: left
}

.board-list-thumnail li .images, .board-list-thumnail2 li .images {
	width: 10rem;
	height: 6.25rem;
	border: 1px solid #e1e1e1;
	background-color: #ebebeb;
	background-size: cover;
	background-repeat: no-repeat
}

.board-list-thumnail li .images > a, .board-list-thumnail2 li .images > a { /* 220809 추가 */
	display:block;
	width:100%;
	height:100%;
}

.board-list-thumnail li .images > a:focus, .board-list-thumnail2 li .images > a:focus { /* 220809 추가 */
	outline:2px solid #000;
}

.board-list-thumnail li .images img, .board-list-thumnail2 li .images img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.board-list-thumnail li .content, .board-list-thumnail2 li .content {
	padding: 0 1.25rem;
	width: calc(100% - 10rem);
	line-height: 1.65
}

.board-list-thumnail li .content .subject, .board-list-thumnail2 li .content .subject {
	margin: -0.1em 0 0.25rem;
	font-size: 1.125rem;
	line-height: 1.2
}

@media ( max-width : 980px) {
	.board-list-thumnail li, .board-list-thumnail2 li {
		padding: 1rem 0
	}
	.board-list-thumnail.search-result-img .infomation  li{	  /*인크리스추가*/
	padding: 0;
	margin-right: 0.28rem;
    padding-right: 0.55rem;
	}

	.board-list-thumnail li .images, .board-list-thumnail2 li .images {
		width: 8rem;
		height: 5rem
	}
	.board-list-thumnail li .content, .board-list-thumnail2 li .content {
		padding: 0 1rem;
		width: calc(100% - 8rem);
		line-height: 1.5
	}
	.board-list-thumnail li .content .subject, .board-list-thumnail2 li .content .subject {
		font-size: 1rem
	}
}

@media ( max-width : 660px) {
	.board-list-thumnail li, .board-list-thumnail2 li {
		padding: 0.625rem 0
	}
	.board-list-thumnail.search-result-img .infomation  li{	  /*인크리스추가*/
	padding: 0;
	margin-right: 0.28rem;
    padding-right: 0.55rem;
	}
	.board-list-thumnail li .images, .board-list-thumnail2 li .images, .board-list-thumnail li .content, .board-list-thumnail2 li .content {
		display: block;
		float: none;
		padding: 0;
		width: auto
	}
	.board-list-thumnail li .images, .board-list-thumnail2 li .images {
		padding-top: 62%;
		height: auto
	}
	.board-list-thumnail li .content, .board-list-thumnail2 li .content {
		padding: 0;
		margin-top: 0.45rem
	}
}

.board-list-thumnail li .content.w100 {		 /* 인크리스추가 */
	width:100%;
}
.board-list-thumnail li .content .board-list-title	h4.sub-title{		/* 인크리스추가 */
	display:inline-block;
	margin-right:20px;
	vertical-align: top;
    height: 30px;
    padding-top: 2px;
}
.board-list-thumnail li .content .board-list-title	button{		/* 인크리스추가 */
	display:inline-block;
	vertical-align: top;
}
.board-list-thumnail2 li .images {
	border: 0;
	height: 7.5rem
}

.board-list-thumnail2 li .content .subject {
	font-weight: normal
}

.board-list-thumnail2 li .content .textbox {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0.5625rem 0;
	max-height: 3.75rem;
	color: #000
}

@media ( max-width : 980px) {
	.board-list-thumnail2 li .images {
		height: 6rem
	}
	.board-list-thumnail2 li .textbox {
		margin: 0.45rem 0
	}
}

@media ( max-width : 660px) {
	.board-list-thumnail2 {
		overflow: hidden;
		border-top: 0
	}
	.board-list-thumnail2 li {
		float: left;
		margin: 1.125rem 1.125rem 0 0;
		width: calc(50% - 0.5625rem);
		border-bottom: 0
	}
	.board-list-thumnail2 li .images {
		padding-top: 75%;
		height: auto
	}
	.board-list-thumnail2 li .content .subject {
		margin-top: 0;
		font-size: 1.125rem;
		line-height: 1.5;
		font-weight: 300
	}
	.board-list-thumnail2 li .content .textbox {
		display: none
	}
	.board-list-thumnail2 li:nth-child(1), .board-list-thumnail2 li:nth-child(2) {
		margin-top: 0
	}
	.board-list-thumnail2 li:nth-child(2n) {
		margin-right: 0
	}
}

.board-list-gallery li, .birthplace-gallery li, .birthplace-gallery2 li, .itinerancy-gallery li {
	position: relative;
	float: left;
	margin: 1.875rem 1.875rem 0 0;
	width: calc(33.333333333333% - 1.25rem)
}

.board-list-gallery li a, .birthplace-gallery li a, .birthplace-gallery2 li a, .itinerancy-gallery li a {
	display: block;
	position: relative;
	z-index: 2
}

.board-list-gallery li a .thumnail, .birthplace-gallery li a .thumnail, .birthplace-gallery2 li a .thumnail, .itinerancy-gallery li a .thumnail {
	display: block;
	position: relative;
	padding-top: 75%;
	overflow: hidden;
	background-color: #ebebeb;
	background-size: cover;
	background-repeat: no-repeat
}

.board-list-gallery li a .thumnail img, .birthplace-gallery li a .thumnail img, .birthplace-gallery2 li a .thumnail img, .itinerancy-gallery li a .thumnail img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.board-list-gallery li a .thumnail .mask, .birthplace-gallery li a .thumnail .mask, .birthplace-gallery2 li a .thumnail .mask, .itinerancy-gallery li a .thumnail .mask {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(2, 54, 120, 0.8);
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease
}

.board-list-gallery li a .thumnail .mask::before, .birthplace-gallery li a .thumnail .mask::before, .birthplace-gallery2 li a .thumnail .mask::before, .itinerancy-gallery li a .thumnail .mask::before,
	.board-list-gallery li a .thumnail .mask::after, .birthplace-gallery li a .thumnail .mask::after, .birthplace-gallery2 li a .thumnail .mask::after, .itinerancy-gallery li a .thumnail .mask::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	background: #fff
}

.board-list-gallery li a .thumnail .mask::before, .birthplace-gallery li a .thumnail .mask::before, .birthplace-gallery2 li a .thumnail .mask::before, .itinerancy-gallery li a .thumnail .mask::before
	{
	margin: -2px 0 0 -34px;
	width: 68px;
	height: 3px
}

.board-list-gallery li a .thumnail .mask::after, .birthplace-gallery li a .thumnail .mask::after, .birthplace-gallery2 li a .thumnail .mask::after, .itinerancy-gallery li a .thumnail .mask::after {
	margin: -34px 0 0 -2px;
	width: 3px;
	height: 68px
}

.board-list-gallery li a .subject, .birthplace-gallery li a .subject, .birthplace-gallery2 li a .subject, .itinerancy-gallery li a .subject {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 2.6em;
	margin-top: 1rem;
	font-size: 1.125rem;
	color: #000;
	line-height: 1.3
}

.board-list-gallery li a .subject small, .birthplace-gallery li a .subject small, .birthplace-gallery2 li a .subject small, .itinerancy-gallery li a .subject small {
	color: #000
}

.board-list-gallery li a:hover .thumnail .mask, .birthplace-gallery li a:hover .thumnail .mask, .birthplace-gallery2 li a:hover .thumnail .mask, .itinerancy-gallery li a:hover .thumnail .mask {
	visibility: visible;
	opacity: 1
}

.board-list-gallery li a:focus, .birthplace-gallery li a:focus, .birthplace-gallery2 li a:focus, .itinerancy-gallery li a:focus {
	outline: 1px dotted #000
}

.board-list-gallery li:nth-child(1), .birthplace-gallery li:nth-child(1), .birthplace-gallery2 li:nth-child(1), .itinerancy-gallery li:nth-child(1), .board-list-gallery li:nth-child(2),
	.birthplace-gallery li:nth-child(2), .birthplace-gallery2 li:nth-child(2), .itinerancy-gallery li:nth-child(2), .board-list-gallery li:nth-child(3), .birthplace-gallery li:nth-child(3),
	.birthplace-gallery2 li:nth-child(3), .itinerancy-gallery li:nth-child(3) {
	margin-top: 0
}

.board-list-gallery li:nth-child(3n), .birthplace-gallery li:nth-child(3n), .birthplace-gallery2 li:nth-child(3n), .itinerancy-gallery li:nth-child(3n) {
	margin-right: 0
}

.board-list-gallery.b2 li .thumnail > video {position:absolute; top:0;}/* 2024-01-04 섬네일 안 video 포커스 문제로 추가*/

@media ( max-width : 980px) {
	.board-list-gallery li, .birthplace-gallery li, .birthplace-gallery2 li, .itinerancy-gallery li {
		margin: 1.5rem 1.5rem 0 0;
		width: calc(33.333333333333% - 1rem)
	}
	.board-list-gallery li a .thumnail .mask::before, .birthplace-gallery li a .thumnail .mask::before, .birthplace-gallery2 li a .thumnail .mask::before, .itinerancy-gallery li a .thumnail .mask::before
		{
		margin: -2px 0 0 -27px;
		width: 54px
	}
	.board-list-gallery li a .thumnail .mask::after, .birthplace-gallery li a .thumnail .mask::after, .birthplace-gallery2 li a .thumnail .mask::after, .itinerancy-gallery li a .thumnail .mask::after {
		margin: -27px 0 0 -2px;
		height: 54px
	}
	.board-list-gallery li a .subject, .birthplace-gallery li a .subject, .birthplace-gallery2 li a .subject, .itinerancy-gallery li a .subject, .board-list-gallery li a .subject2, .birthplace-gallery li a .subject2,
		.birthplace-gallery2 li a .subject2, .itinerancy-gallery li a .subject2 {
		margin-top: 0.75rem
	}
}

@media ( max-width : 660px) {
	.board-list-gallery li, .birthplace-gallery li, .birthplace-gallery2 li, .itinerancy-gallery li {
		margin: 1.125rem 1.125rem 0 0;
		width: calc(50% - 0.5625rem)
	}
	.board-list-gallery li a .thumnail .mask::before, .birthplace-gallery li a .thumnail .mask::before, .birthplace-gallery2 li a .thumnail .mask::before, .itinerancy-gallery li a .thumnail .mask::before
		{
		margin: -1px 0 0 -20px;
		width: 40px;
		height: 2px
	}
	.board-list-gallery li a .thumnail .mask::after, .birthplace-gallery li a .thumnail .mask::after, .birthplace-gallery2 li a .thumnail .mask::after, .itinerancy-gallery li a .thumnail .mask::after {
		margin: -20px 0 0 -1px;
		width: 2px;
		height: 40px
	}
	.board-list-gallery li a .subject, .birthplace-gallery li a .subject, .birthplace-gallery2 li a .subject, .itinerancy-gallery li a .subject, .board-list-gallery li a .subject2, .birthplace-gallery li a .subject2,
		.birthplace-gallery2 li a .subject2, .itinerancy-gallery li a .subject2 {
		margin-top: 0.5rem
	}
	.board-list-gallery li:nth-child(3), .birthplace-gallery li:nth-child(3), .birthplace-gallery2 li:nth-child(3), .itinerancy-gallery li:nth-child(3) {
		margin-top: 1.125rem
	}
	.board-list-gallery li:nth-child(3n), .birthplace-gallery li:nth-child(3n), .birthplace-gallery2 li:nth-child(3n), .itinerancy-gallery li:nth-child(3n) {
		margin-right: 1.125rem
	}
	.board-list-gallery li:nth-child(2n), .birthplace-gallery li:nth-child(2n), .birthplace-gallery2 li:nth-child(2n), .itinerancy-gallery li:nth-child(2n) {
		margin-right: 0
	}
}

.board-view td {
	padding-right: 1.25rem;
	padding-left: 1.25rem
}

.board-view .subject {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	font-size: 1.25rem;
	line-height: 1.2;
	color: #000
}

.board-view .subject .label {
	position: relative;
	top: -0.12rem;
	margin-right: 0.25rem
}

.board-view .content {
	padding-top: 1rem;
	padding-bottom: 1rem;
	line-height: 1.875
}

.board-view .exhibition {
	padding: 1.875rem
}

@media ( max-width : 980px) {
	.board-view {
		display: block
	}
	.board-view colgroup {
		display: none
	}
	.board-view tbody, .board-view th, .board-view td {
		display: block
	}
	.board-view tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.board-view th {
		width: 100%
	}
	.board-view td {
		padding-right: 1rem;
		padding-left: 1rem;
		width: calc(100%)
	}
	.board-view .subject, .board-view .content, .board-view .full, .board-view .exhibition {
		width: 100%
	}
	.board-view .exhibition {
		padding: 1.5rem
	}
	.board-view .subject {
		padding-top: 1rem;
		padding-bottom: 1rem
	}
	.board-view .content {
		padding-top: 0.8rem;
		padding-bottom: 0.8rem
	}
}

@media ( max-width : 660px) {
	.board-view td {
		padding-right: 0.75rem;
		padding-left: 0.75rem
	}
	.board-view .subject, .board-view .content {
		padding-right: 0;
		padding-left: 0
	}
	.board-view .exhibition {
		padding: 1.125rem 0
	}
}

.board-button {
	text-align: center
}

.board-button .left {
	float: left
}

.board-button .right {
	float: right
}

.board-button .button, .board-button .accordion-list dl dd .history, .accordion-list dl dd .board-button .history, .board-button .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .board-button .history,
	.board-button .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .board-button .history, .board-button .lawlink-list li .link a, .lawlink-list li .link .board-button a {
	margin: 0.1rem 0.5rem
}

.board-button .button:first-child, .board-button .accordion-list dl dd .history:first-child, .accordion-list dl dd .board-button .history:first-child, .board-button .schedule-accordion-list dl dd .history:first-child,
	.schedule-accordion-list dl dd .board-button .history:first-child, .board-button .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .board-button .history:first-child,
	.board-button .lawlink-list li .link a:first-child, .lawlink-list li .link .board-button a:first-child {
	margin-left: 0
}

.board-button .button:last-child, .board-button .accordion-list dl dd .history:last-child, .accordion-list dl dd .board-button .history:last-child, .board-button .schedule-accordion-list dl dd .history:last-child,
	.schedule-accordion-list dl dd .board-button .history:last-child, .board-button .qna-accordion-list dl dd .history:last-child, .qna-accordion-list dl dd .board-button .history:last-child,
	.board-button .lawlink-list li .link a:last-child, .lawlink-list li .link .board-button a:last-child {
	margin-right: 0
}

@media ( max-width : 980px) {
	.board-button .button, .board-button .accordion-list dl dd .history, .accordion-list dl dd .board-button .history, .board-button .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .board-button .history,
		.board-button .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .board-button .history, .board-button .lawlink-list li .link a, .lawlink-list li .link .board-button a {
		margin: 0.1rem 0.35rem
	}
}

@media ( max-width : 660px) {
	.board-button .button, .board-button .accordion-list dl dd .history, .accordion-list dl dd .board-button .history, .board-button .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .board-button .history,
		.board-button .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .board-button .history, .board-button .lawlink-list li .link a, .lawlink-list li .link .board-button a {
		margin: 0.1rem 0.15rem
	}
	.board-button.nowidth .button, .board-button.nowidth .accordion-list dl dd .history, .accordion-list dl dd .board-button.nowidth .history, .board-button.nowidth .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .board-button.nowidth .history, .board-button.nowidth .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .board-button.nowidth .history, .board-button.nowidth .lawlink-list li .link a,
		.lawlink-list li .link .board-button.nowidth a {
		min-width: 7rem
	}
}

.board-otheritem {
	border-top: 1px solid #e1e1e1;
	line-height: 1.5;
	color: #000
}

.board-otheritem li {
	border-bottom: 1px solid #e1e1e1
}

.board-otheritem li dl {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

.board-otheritem li dl dt, .board-otheritem li dl dd {
	display: table-cell;
	vertical-align: middle
}

.board-otheritem li dl dt {
	width: 6.25rem;
	background: #ebebeb;
	font-size: 1.125rem;
	text-align: center
}

.board-otheritem li dl dd a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0.625rem;
	font-weight: 300
}

.board-otheritem li dl dd a span {
	display: block
}

.board-otheritem li dl dd a span.thumb {
	margin-right: 1.25rem;
	width: 10rem;
	height: 7.5rem;
	overflow: hidden;
	background: #ebebeb
}

.board-otheritem li dl dd a span.thumb img {
	width: 100%;
	height: 100%
}

.board-otheritem li dl dd a span.title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex: 1 1 0px
}

@media ( max-width : 980px) {
	.board-otheritem li dl dd a {
		padding: 0.5rem
	}
	.board-otheritem li dl dd a span.thumb {
		margin-right: 1rem;
		width: 8rem;
		height: 6rem
	}
}

@media ( max-width : 660px) {
	.board-otheritem li dl dd a span.thumb {
		margin-right: 0.75rem;
		width: 5rem;
		height: 3.75rem
	}
}

.board-group .left {
	float: left;
	height: 40px;
}

.board-group .right {
	float: right
}

/* 240708 추가 시작 */
@media ( max-width : 1320px) {
	.board-group .left.enter,
	.board-group .right.enter {
		width:100%;
	}
	.board-group .right.enter {
		margin-top: 0.625rem;
	}
}
/* 240708 추가 끝 */

.board-group .ms-options-wrap > button:focus {color:#000;} /*포커스 시 글자 색 20231219 웹접근성 수정 */

@media ( max-width : 660px) {
	.board-group .left, .board-group .right {
		width: 100%
	}
}

.board-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	min-height: 2.5rem;
	line-height: 1.5;
	color: #000
}

.board-count strong {
	font-weight: 400;
	color: #2062b6
}

.board-sort {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.board-sort label, .board-sort button, .board-sort select, .board-sort input {
	margin-right: 0.625rem;
	height: 2.5rem
}

.board-sort label:last-child, .board-sort button:last-child, .board-sort select:last-child, .board-sort input:last-child {
	margin-right: 0
}

.board-sort select, .board-sort input {
	flex: 1 1 auto;
	min-width: 6.25rem;
	padding: 0 0.625rem;
	border: 2px solid #e1e1e1
}
@media ( min-width : 980px) {
	.board-sort input[type="text"]{width:250px;}	 /*인크리스추가*/
}

.board-sort select {
	padding-right: 1.75rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/ico-search-select.jpg) calc(100% - 0.625rem) center no-repeat
}

.board-sort select::-ms-expand {
	display: none
}

.board-sort label {
	flex: none;
	line-height: 2.5;
	color: #000
}

.board-sort button {
	flex: none;
	width: 5.0rem;
	background: #2062b6;
	font-size: 1.125rem;
	color: #fff
}
.board-sort .ms-options-wrap button{/*인크리스 추가*/
	flex: 1 1 auto;
	width:120px;
    min-width: 6.25rem;
	background: #fff;
    padding: 0 0.625rem;
    border: 2px solid #e1e1e1;
	font-size: 1rem;
	color:#000;
	margin-top: 0;
}

.board-sort button img {
	position: relative;
	top: -0.15rem;
	margin: 0 0.2rem
}

.board-sort button.download {
	width: 6.8125rem;
	border: 1px solid #2062b6;
	background: #fff;
	font-size: 1rem;
	color: #2062b6
}
.board-sort button + a:focus {
	outline: 0 !important;
}

@media ( max-width : 980px) {
	.board-sort label, .board-sort button, .board-sort select, .board-sort input {
		margin-right: 0.5rem
	}
	.board-sort button {
		width: 6rem
	}
	.board-sort label {
		display: none
	}
}

@media ( max-width : 660px) {
	.board-sort select, .board-sort input {
		border-width: 1px;
		padding: 0 0.5rem
	}
	.board-sort select {
		padding-right: 1.5rem;
		background-position: calc(100% - 0.5rem) center
	}
}

.table-view td {
	padding-right: 1.25rem;
	padding-left: 1.25rem
}

@media ( max-width : 980px) {
	.table-view td {
		padding-right: 1rem;
		padding-left: 1rem
	}
}

@media ( max-width : 660px) {
	.table-view colgroup {
		display: none
	}
	.table-view tbody, .table-view tr, .table-view th, .table-view td {
		display: block;
		text-align: center
	}
	.table-view td {
		padding-right: 0.75rem;
		padding-left: 0.75rem
	}
}

.video-content {
	background: #000
}

.video-content .holder {
	position: relative;
	padding-top: 56.25%
}

.video-content .holder video, .video-content .holder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.slide-content {
	border: 1px solid #e1e1e1;
	text-align: center
}

.slide-content .slick-slide div {
	vertical-align: top;
	position:relative; /* 220809 추가 */
}

.slide-content .slick-slide img {
	position: relative;
	/*z-index: 1;*/ /* 220809 주석 */
	margin: 0 auto
}

.slide-content .slick-prev, .slide-content .slick-next {
	z-index: 5;
	width: 16px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999em
}

.slide-content .slick-prev::before, .slide-content .slick-next::before {
	content: " ";
	display: block;
	width: 16px;
	height: 25px;
	background-image: url(../images/ico-sprite-board.png);
	background-size: 150px
}

.slide-content .slick-prev {
	left: 10px
}

.slide-content .slick-prev::before {
	background-position: -25px -75px
}

.slide-content .slick-prev:hover::before, .slide-content .slick-prev:focus::before {
	background-position: -75px -75px
}

.slide-content .slick-next {
	right: 10px
}

.slide-content .slick-next::before {
	background-position: -50px -75px
}

.slide-content .slick-next:hover::before, .slide-content .slick-next:focus::before {
	background-position: -100px -75px
}

.slide-content .viewer {
	padding: 1.25rem;
	border-bottom: 1px solid #e1e1e1
}

.slide-content .slider {
	padding: 1.875rem 55px
}

.slide-content .slider .slick-slide {
	/*padding: 0 5px		인크리스주석*/
}

.slide-content .slider .slick-slide a {
	display: block;
	position: relative;
	/* padding-top: 75%; */ /* 220809 주석 */
	overflow: hidden
}
/*
.slide-content .slider-item .slick-list {
	overflow: visible;
}
 */
.slide-content .slider .slick-slide a img {
	/* 220809 주석
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: 100%
	*/
}

.slide-content .slider .slick-slide a:focus {
	outline: 2px solid #000;
	/* 220809 추가 시작 */
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:3;
	/* 220809 추가 끝 */
}

.slide-content .slick-slide a:focus img { /* 221121 웹접근성 17p 내용 추가 */
    outline:dashed 3px #146aff;
    outline-offset:-4px;
}

.slide-content .slider .slick-current a::after {
	content: " ";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(2, 54, 120, 0.8)
}

@media ( max-width : 980px) {
	.slide-content .slick-prev {
		left: 8px
	}
	.slide-content .slick-next {
		right: 8px
	}
	.slide-content .viewer {
		padding: 1rem
	}
	.slide-content .slider {
		padding: 1.5rem 35px
	}
	.slide-content .slider .slick-slide {
		padding: 0 4px
	}
}

@media ( max-width : 660px) {
	.slide-content .slick-prev, .slide-content .slick-next {
		width: 13px;
		height: 20px
	}
	.slide-content .slick-prev::before, .slide-content .slick-next::before {
		width: 13px;
		height: 20px;
		background-size: 120px
	}
	.slide-content .slick-prev {
		left: 5px
	}
	.slide-content .slick-prev::before {
		background-position: -20px -60px
	}
	.slide-content .slick-prev:hover::before, .slide-content .slick-prev:focus::before {
		background-position: -60px -60px
	}
	.slide-content .slick-next {
		right: 5px
	}
	.slide-content .slick-next::before {
		background-position: -40px -60px
	}
	.slide-content .slick-next:hover::before, .slide-content .slick-next:focus::before {
		background-position: -80px -60px
	}
	.slide-content .viewer {
		padding: 0.75rem
	}
	.slide-content .slider {
		padding: 1.125rem 25px
	}
	.slide-content .slider .slick-slide {
		padding: 0 3px
	}
}

.button-request {
	margin-bottom: 3.125rem;
	text-align: right
}

.button-request .button, .button-request .accordion-list dl dd .history, .accordion-list dl dd .button-request .history, .button-request .schedule-accordion-list dl dd .history,
	.schedule-accordion-list dl dd .button-request .history, .button-request .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .button-request .history, .button-request .lawlink-list li .link a,
	.lawlink-list li .link .button-request a {
	vertical-align: top
}

@media ( max-width : 980px) {
	.button-request {
		margin-bottom: 2.5rem
	}
}

@media ( max-width : 660px) {
	.button-request {
		margin-bottom: 1.875rem;
		text-align: center
	}
}

.text-request {
	font-size: 1.5rem
}

@media ( max-width : 980px) {
	.text-request {
		font-size: 1.375rem
	}
}

@media ( max-width : 660px) {
	.text-request {
		font-size: 1.25rem
	}
}

.form-request .agree {
	border-top: 2px solid #2062b6
}

.form-request .inchk {
	display: inline-block;
	margin-top: 1rem;
	font-size: 1.125rem;
	font-weight: 300
}

.form-request .inchk input {
	position: relative;
	top: -0.1em;
	margin-right: 0.25rem;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid #e1e1e1;
	font-weight: 300;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none
}

.form-request .inchk input[type="radio"] {
	border-radius: 1.5rem
}

.form-request .inchk input:checked {
	background: #fff url(../images/ico-checked.jpg) center center no-repeat;
	background-size: cover
}

.form-request .field {
	padding: 1.25rem 1.5rem;
	border-top: 2px solid #2062b6;
	color: #000
}

.form-request .field .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 1.25rem
}

.form-request .field .items label {
	flex: none;
	min-width: 3em;
	margin-right: 1.25rem;
	font-size: 1.125rem;
	font-weight: 400
}

.form-request .field .items select, .form-request .field .items button, .form-request .field .items input[type="text"], .form-request .field .items input[type="date"] {
	flex: none;
	margin-right: 0.625rem;
	height: 2.5rem
}

.form-request .field .items select:last-child, .form-request .field .items button:last-child, .form-request .field .items input[type="text"]:last-child, .form-request .field .items input[type="date"]:last-child
	{
	margin-right: 0
}

.form-request .field .items select, .form-request .field .items input[type="text"], .form-request .field .items input[type="date"] {
	padding: 0 0.625rem;
	border: 2px solid #e1e1e1
}

.form-request .field .items input[type="text"], .form-request .field .items input[type="date"] {
	flex: 1 1 0px
}

.form-request .field .items select {
	padding-right: 1.75rem;
	width: 9.375rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/ico-search-select.jpg) calc(100% - 0.625rem) center no-repeat
}

.form-request .field .items select::-ms-expand {
	display: none
}

.form-request .field .items:first-child {
	margin-top: 0
}

@media ( max-width : 980px) {
	.form-request .inchk {
		margin-top: 0.8rem
	}
	.form-request .field {
		padding: 1rem 0.75rem
	}
	.form-request .field .items {
		margin-top: 1rem
	}
}

@media ( max-width : 660px) {
	.form-request .inchk {
		margin-top: 0.6rem
	}
	.form-request .inchk input {
		border-width: 1px
	}
	.form-request .field {
		padding: 1rem 0
	}
	.form-request .field .items {
		margin-top: 0.75rem
	}
	.form-request .field .items label {
		margin-right: 1rem
	}
	.form-request .field .items select, .form-request .field .items button, .form-request .field .items input[type="text"], .form-request .field .items input[type="date"] {
		height: 2.75rem
	}
	.form-request .field .items select, .form-request .field .items input[type="text"], .form-request .field .items input[type="date"] {
		padding-left: 0.5rem;
		border-width: 1px
	}
	.form-request .field .items select {
		padding-right: 1.5rem;
		background-position: calc(100% - 0.5rem) center
	}
	.form-request .field .items input[type="text"], .form-request .field .items input[type="date"] {
		max-width: 100% !important
	}
}

.image-viewer {
	text-align: center
}

.image-viewer+.slide-content {
	margin-top: -1px
}

.letter-list {
	border-top: 2px solid #2062b6
}

.letter-list>li {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #e1e1e1
}

.letter-list>li .content, .letter-list>li .buttons {
	display: table-cell;
	vertical-align: middle;
	padding: 1.25rem 0.625rem
}

.letter-list>li .content.keyword-info .box-content .file-list{
	display:inline-block;
	width:49%;
	vertical-align:top;
}
.letter-list>li .content.keyword-info .box-content .file-list a{
	margin-left:5px;
	border-radius:3px;
}
.letter-list>li .content.keyword-info .box-content .file-list a:hover{
	background: #1e9490;
	border-color: #1e9490;
}

.letter-list>li .content.keyword-info .box-content .file-list span{
	width: calc(100% - 60px);
    display: inline-block;
    vertical-align: top;
}

.letter-list>li .content .label {
	position: absolute;
	left: 0;
	text-align: center
}

.letter-list>li .content .subject {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	display: block;
	padding-left: 4.375rem;
	font-size: 1.125rem
}

.letter-list>li .content .subject .label {
	top: 0.25rem
}

.letter-list>li .content .subject small {
	font-size: 1rem;
	color: #000
}

.letter-list>li .content .context {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.375rem;
	max-height: 3rem
}

.letter-list>li .content .infomation {
	position: relative;
	margin-top: 0.375rem;
	padding-left: 4.375rem;
	color: #000
}

.letter-list>li .content .infomation .label {
	top: 0.2rem
}

.letter-list>li .content .infomation ul li {
	position: relative;
	display: inline-block;
	margin-right: 0.35rem;
	padding-right: 0.6875rem;
	vertical-align: top
}

.letter-list>li .content .infomation ul li::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.35rem;
	width: 1px;
	height: 0.9rem;
	overflow: hidden;
	background: #999
}

.letter-list>li .content .infomation ul li:last-child {
	margin-right: 0;
	padding-right: 0
}

.letter-list>li .content .infomation ul li:last-child::after {
	display: none
}

.letter-list>li .buttons {
	width: 7.5rem
}

.letter-list>li .buttons .button, .letter-list>li .buttons .accordion-list dl dd .history, .accordion-list dl dd .letter-list>li .buttons .history, .letter-list>li .buttons .schedule-accordion-list dl dd .history,
	.schedule-accordion-list dl dd .letter-list>li .buttons .history, .letter-list>li .buttons .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .letter-list>li .buttons .history,
	.lawlink-list .letter-list>li .buttons .link a, .lawlink-list .letter-list>li .link .buttons a {
	display: block;
	margin-top: 0.625rem;
	font-weight: 400
}

.letter-list>li .buttons .button:first-child, .letter-list>li .buttons .accordion-list dl dd .history:first-child, .accordion-list dl dd .letter-list>li .buttons .history:first-child, .letter-list>li .buttons .schedule-accordion-list dl dd .history:first-child,
	.schedule-accordion-list dl dd .letter-list>li .buttons .history:first-child, .letter-list>li .buttons .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .letter-list>li .buttons .history:first-child,
	.lawlink-list .letter-list>li .buttons .link a:first-child, .lawlink-list .letter-list>li .link .buttons a:first-child {
	margin-top: 0
}

@media ( max-width : 980px) {
	.letter-list>li .content, .letter-list>li .buttons {
		padding: 1rem 0.5rem
	}
	.letter-list>li .content .label {
		min-width: 3.35rem
	}
	.letter-list>li .content .subject, .letter-list>li .content .infomation {
		padding-left: 3.75rem
	}
	.letter-list>li .content .context, .letter-list>li .content .infomation {
		margin-top: 0.3rem
	}
	.letter-list>li .content .infomation ul li {
		margin-right: 0.28rem;
		padding-right: 0.55rem
	}
	.letter-list>li .buttons .button, .letter-list>li .buttons .accordion-list dl dd .history, .accordion-list dl dd .letter-list>li .buttons .history, .letter-list>li .buttons .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .letter-list>li .buttons .history, .letter-list>li .buttons .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .letter-list>li .buttons .history,
		.lawlink-list .letter-list>li .buttons .link a, .lawlink-list .letter-list>li .link .buttons a {
		margin-top: 0.5rem
	}
}

@media ( max-width : 820px) {
	.letter-list>li .content .infomation {
		padding-left: 0
	}
	.letter-list>li .content .infomation .label {
		display: none
	}
	.letter-list>li .buttons {
		display: none
	}
}

@media ( max-width : 820px) and (max-width: 660px) {
	.letter-list>li .content, .letter-list>li .buttons {
		padding: 0.75rem 0
	}
	.letter-list>li .content .label {
		min-width: 2.75rem
	}
	.letter-list>li .content .subject {
		padding-left: 3.15rem
	}
	.letter-list>li .content .subject .label {
		top: 0.2rem
	}
	.letter-list>li .content .context {
		display: none
	}
}

.commentary-intro {
	text-align: center
}

.commentary-intro .title {
	margin-bottom: 0.45rem;
	font-size: 1.5rem;
	font-weight: normal
}

.commentary-intro .title span {
	color: #2062b6
}

.commentary-intro .desc {
	margin-top: 0.25rem;
	font-size: 1.125rem;
	color: #2062b6
}

@media ( max-width : 980px) {
	.commentary-intro br {
		display: none
	}
	.commentary-intro .title {
		margin-bottom: 0.36rem;
		font-size: 1.375rem
	}
	.commentary-intro .desc {
		margin-top: 0.2rem;
		font-size: 1rem
	}
}

@media ( max-width : 660px) {
	.commentary-intro .title {
		margin-bottom: 0.27rem;
		font-size: 1.25rem
	}
	.commentary-intro .desc {
		margin-top: 0.16rem
	}
}

.commentary-list>li {
	float: left;
	margin: 1.875rem 0 0 2.5rem;
	padding: 1.25rem;
	width: calc(50% - 1.25rem);
	border: 1px solid #e1e1e1
}

.commentary-list>li a {
	display: block;
	font-size: 1.125rem;
	line-height: 1.2
}

.commentary-list>li .list-style1 {
	margin-top: 1.25rem;
	padding: 1rem 0.875rem;
	background: #ebebeb
}

.commentary-list>li .list-style1 li {
	margin-top: 0.5rem;
	line-height: 1.275
}

.commentary-list>li .list-style1 li span {
	font-weight: normal
}

.commentary-list>li .list-style1 li:first-child {
	margin-top: 0
}

.commentary-list>li:nth-child(odd) {
	clear: left;
	margin-left: 0
}

@media ( max-width : 980px) {
	.commentary-list>li {
		margin: 1.5rem 0 0 1.5rem;
		padding: 1rem;
		width: calc(50% - 0.75rem)
	}
	.commentary-list>li .list-style1 {
		margin-top: 1rem;
		padding: 0.8rem 0.7rem
	}
	.commentary-list>li .list-style1 li {
		margin-top: 0.4rem
	}
}

@media ( max-width : 660px) {
	.commentary-list>li {
		float: none;
		margin: 1.125rem 0 0 0;
		padding: 0.75rem;
		width: auto
	}
	.commentary-list>li .list-style1 {
		margin-top: 0.75rem;
		padding: 0.6rem 0.525rem
	}
}

.record-title {
	margin: 0;
	padding: 1.25rem 0.75rem;
	border-top: 2px solid #2062b6;
	border-bottom: 1px solid #e1e1e1;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 400;
	color: #000
}

@media ( max-width : 980px) {
	.record-title {
		padding: 1rem 0.5rem;
		font-size: 1.375rem
	}
}

@media ( max-width : 660px) {
	.record-title {
		padding: 0.75rem 0;
		font-size: 1.25rem
	}
}

.record-detail {
	border-bottom: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1
}

.record-detail .slide-content {
	float: left;
	margin-right: 1.875rem;
	width: 44.8%;
	border: 0
}

.record-detail .slide-content .viewer {
	padding: 0;
	border-bottom: 0
}

.record-detail .slide-content .slider {
	padding: 1.25rem 25px
}

.record-detail .slide-content .slider .slick-prev {
	left: 0
}

.record-detail .slide-content .slider .slick-next {
	right: 0
}

.record-detail .content {
	float: left;
	margin-top: -0.4rem;
	width: calc(100% - ( 44.8% + 1.875rem))
}

@media ( max-width : 980px) {
	.record-detail .slide-content {
		margin-right: 1.5rem
	}
	.record-detail .content {
		width: calc(100% - ( 44.8% + 1.5rem))
	}
}

@media ( max-width : 820px) {
	.record-detail .slide-content, .record-detail .content {
		float: none;
		margin: 0;
		width: auto
	}
	.record-detail .content {
		margin-top: 1.5rem
	}
}

@media ( max-width : 660px) {
	.record-detail .slide-content .slider {
		display: none
	}
	.record-detail .content {
		margin-top: 1.125rem
	}
}

.record-list col, .record-list th, .record-list td {
	text-align: center
}

.record-list col.subject, .record-list th.subject, .record-list td.subject {
	text-align: left
}

.record-list col.subject a, .record-list col.subject span, .record-list th.subject a, .record-list th.subject span, .record-list td.subject a, .record-list td.subject span {
	display: block
}

.record-list col.original, .record-list col.original2, .record-list th.original, .record-list th.original2, .record-list td.original, .record-list td.original2 {
	width: 7.5rem
}

.record-list col.original .button, .record-list col.original .accordion-list dl dd .history, .accordion-list dl dd .record-list col.original .history, .record-list col.original .schedule-accordion-list dl dd .history,
	.schedule-accordion-list dl dd .record-list col.original .history, .record-list col.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list col.original .history,
	.record-list col.original .lawlink-list li .link a, .lawlink-list li .link .record-list col.original a, .record-list col.original2 .button, .record-list col.original2 .accordion-list dl dd .history,
	.accordion-list dl dd .record-list col.original2 .history, .record-list col.original2 .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-list col.original2 .history,
	.record-list col.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list col.original2 .history, .record-list col.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list col.original2 a,
	.record-list th.original .button, .record-list th.original .accordion-list dl dd .history, .accordion-list dl dd .record-list th.original .history, .record-list th.original .schedule-accordion-list dl dd .history,
	.schedule-accordion-list dl dd .record-list th.original .history, .record-list th.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list th.original .history,
	.record-list th.original .lawlink-list li .link a, .lawlink-list li .link .record-list th.original a, .record-list th.original2 .button, .record-list th.original2 .accordion-list dl dd .history,
	.accordion-list dl dd .record-list th.original2 .history, .record-list th.original2 .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-list th.original2 .history,
	.record-list th.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list th.original2 .history, .record-list th.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list th.original2 a,
	.record-list td.original .button, .record-list td.original .accordion-list dl dd .history, .accordion-list dl dd .record-list td.original .history, .record-list td.original .schedule-accordion-list dl dd .history,
	.schedule-accordion-list dl dd .record-list td.original .history, .record-list td.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list td.original .history,
	.record-list td.original .lawlink-list li .link a, .lawlink-list li .link .record-list td.original a, .record-list td.original2 .button, .record-list td.original2 .accordion-list dl dd .history,
	.accordion-list dl dd .record-list td.original2 .history, .record-list td.original2 .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-list td.original2 .history,
	.record-list td.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list td.original2 .history, .record-list td.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list td.original2 a
	{
	display: block;
	margin-top: 0.625rem;
	font-weight: 400
}

.record-list col.original .button:first-child, .record-list col.original .accordion-list dl dd .history:first-child, .accordion-list dl dd .record-list col.original .history:first-child, .record-list col.original .schedule-accordion-list dl dd .history:first-child,
	.schedule-accordion-list dl dd .record-list col.original .history:first-child, .record-list col.original .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .record-list col.original .history:first-child,
	.record-list col.original .lawlink-list li .link a:first-child, .lawlink-list li .link .record-list col.original a:first-child, .record-list col.original2 .button:first-child, .record-list col.original2 .accordion-list dl dd .history:first-child,
	.accordion-list dl dd .record-list col.original2 .history:first-child, .record-list col.original2 .schedule-accordion-list dl dd .history:first-child, .schedule-accordion-list dl dd .record-list col.original2 .history:first-child,
	.record-list col.original2 .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .record-list col.original2 .history:first-child, .record-list col.original2 .lawlink-list li .link a:first-child,
	.lawlink-list li .link .record-list col.original2 a:first-child, .record-list th.original .button:first-child, .record-list th.original .accordion-list dl dd .history:first-child, .accordion-list dl dd .record-list th.original .history:first-child,
	.record-list th.original .schedule-accordion-list dl dd .history:first-child, .schedule-accordion-list dl dd .record-list th.original .history:first-child, .record-list th.original .qna-accordion-list dl dd .history:first-child,
	.qna-accordion-list dl dd .record-list th.original .history:first-child, .record-list th.original .lawlink-list li .link a:first-child, .lawlink-list li .link .record-list th.original a:first-child,
	.record-list th.original2 .button:first-child, .record-list th.original2 .accordion-list dl dd .history:first-child, .accordion-list dl dd .record-list th.original2 .history:first-child, .record-list th.original2 .schedule-accordion-list dl dd .history:first-child,
	.schedule-accordion-list dl dd .record-list th.original2 .history:first-child, .record-list th.original2 .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .record-list th.original2 .history:first-child,
	.record-list th.original2 .lawlink-list li .link a:first-child, .lawlink-list li .link .record-list th.original2 a:first-child, .record-list td.original .button:first-child, .record-list td.original .accordion-list dl dd .history:first-child,
	.accordion-list dl dd .record-list td.original .history:first-child, .record-list td.original .schedule-accordion-list dl dd .history:first-child, .schedule-accordion-list dl dd .record-list td.original .history:first-child,
	.record-list td.original .qna-accordion-list dl dd .history:first-child, .qna-accordion-list dl dd .record-list td.original .history:first-child, .record-list td.original .lawlink-list li .link a:first-child,
	.lawlink-list li .link .record-list td.original a:first-child, .record-list td.original2 .button:first-child, .record-list td.original2 .accordion-list dl dd .history:first-child, .accordion-list dl dd .record-list td.original2 .history:first-child,
	.record-list td.original2 .schedule-accordion-list dl dd .history:first-child, .schedule-accordion-list dl dd .record-list td.original2 .history:first-child, .record-list td.original2 .qna-accordion-list dl dd .history:first-child,
	.qna-accordion-list dl dd .record-list td.original2 .history:first-child, .record-list td.original2 .lawlink-list li .link a:first-child, .lawlink-list li .link .record-list td.original2 a:first-child
	{
	margin-top: 0
}

.record-list td {
	font-weight: 300
}

@media ( max-width : 980px) {
	.record-list col:nth-child(1), .record-list col:nth-child(4), .record-list col:nth-child(5), .record-list th:nth-child(1), .record-list th:nth-child(4), .record-list th:nth-child(5), .record-list td:nth-child(1),
		.record-list td:nth-child(4), .record-list td:nth-child(5) {
		display: none
	}
	.record-list col.original .button, .record-list col.original .accordion-list dl dd .history, .accordion-list dl dd .record-list col.original .history, .record-list col.original .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .record-list col.original .history, .record-list col.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list col.original .history,
		.record-list col.original .lawlink-list li .link a, .lawlink-list li .link .record-list col.original a, .record-list col.original2 .button, .record-list col.original2 .accordion-list dl dd .history,
		.accordion-list dl dd .record-list col.original2 .history, .record-list col.original2 .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-list col.original2 .history,
		.record-list col.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list col.original2 .history, .record-list col.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list col.original2 a,
		.record-list th.original .button, .record-list th.original .accordion-list dl dd .history, .accordion-list dl dd .record-list th.original .history, .record-list th.original .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .record-list th.original .history, .record-list th.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list th.original .history,
		.record-list th.original .lawlink-list li .link a, .lawlink-list li .link .record-list th.original a, .record-list th.original2 .button, .record-list th.original2 .accordion-list dl dd .history,
		.accordion-list dl dd .record-list th.original2 .history, .record-list th.original2 .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-list th.original2 .history,
		.record-list th.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list th.original2 .history, .record-list th.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list th.original2 a,
		.record-list td.original .button, .record-list td.original .accordion-list dl dd .history, .accordion-list dl dd .record-list td.original .history, .record-list td.original .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .record-list td.original .history, .record-list td.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list td.original .history,
		.record-list td.original .lawlink-list li .link a, .lawlink-list li .link .record-list td.original a, .record-list td.original2 .button, .record-list td.original2 .accordion-list dl dd .history,
		.accordion-list dl dd .record-list td.original2 .history, .record-list td.original2 .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-list td.original2 .history,
		.record-list td.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list td.original2 .history, .record-list td.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list td.original2 a
		{
		margin-top: 0.5rem
	}
}

@media ( max-width : 820px) {
	.record-list thead {
		display: none
	}
	.record-list col, .record-list th, .record-list td {
		padding-right: 0;
		padding-left: 0;
		font-size: 1.125rem
	}
	.record-list col:nth-child(3), .record-list th:nth-child(3), .record-list td:nth-child(3) {
		display: none
	}
	.record-list col.subject, .record-list th.subject, .record-list td.subject {
		padding-right: 1rem
	}
	.record-list col.original, .record-list th.original, .record-list td.original {
		width: 13.35rem
	}
	.record-list col.original .button, .record-list col.original .accordion-list dl dd .history, .accordion-list dl dd .record-list col.original .history, .record-list col.original .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .record-list col.original .history, .record-list col.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list col.original .history,
		.record-list col.original .lawlink-list li .link a, .lawlink-list li .link .record-list col.original a, .record-list th.original .button, .record-list th.original .accordion-list dl dd .history,
		.accordion-list dl dd .record-list th.original .history, .record-list th.original .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-list th.original .history,
		.record-list th.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list th.original .history, .record-list th.original .lawlink-list li .link a, .lawlink-list li .link .record-list th.original a,
		.record-list td.original .button, .record-list td.original .accordion-list dl dd .history, .accordion-list dl dd .record-list td.original .history, .record-list td.original .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .record-list td.original .history, .record-list td.original .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list td.original .history,
		.record-list td.original .lawlink-list li .link a, .lawlink-list li .link .record-list td.original a {
		float: left;
		margin: 0 0.25rem 0 0;
		padding-top: 0.4rem;
		padding-bottom: 0.55rem;
		width: 6.5rem
	}
	.record-list col.original .button:last-child, .record-list col.original .accordion-list dl dd .history:last-child, .accordion-list dl dd .record-list col.original .history:last-child, .record-list col.original .schedule-accordion-list dl dd .history:last-child,
		.schedule-accordion-list dl dd .record-list col.original .history:last-child, .record-list col.original .qna-accordion-list dl dd .history:last-child, .qna-accordion-list dl dd .record-list col.original .history:last-child,
		.record-list col.original .lawlink-list li .link a:last-child, .lawlink-list li .link .record-list col.original a:last-child, .record-list th.original .button:last-child, .record-list th.original .accordion-list dl dd .history:last-child,
		.accordion-list dl dd .record-list th.original .history:last-child, .record-list th.original .schedule-accordion-list dl dd .history:last-child, .schedule-accordion-list dl dd .record-list th.original .history:last-child,
		.record-list th.original .qna-accordion-list dl dd .history:last-child, .qna-accordion-list dl dd .record-list th.original .history:last-child, .record-list th.original .lawlink-list li .link a:last-child,
		.lawlink-list li .link .record-list th.original a:last-child, .record-list td.original .button:last-child, .record-list td.original .accordion-list dl dd .history:last-child, .accordion-list dl dd .record-list td.original .history:last-child,
		.record-list td.original .schedule-accordion-list dl dd .history:last-child, .schedule-accordion-list dl dd .record-list td.original .history:last-child, .record-list td.original .qna-accordion-list dl dd .history:last-child,
		.qna-accordion-list dl dd .record-list td.original .history:last-child, .record-list td.original .lawlink-list li .link a:last-child, .lawlink-list li .link .record-list td.original a:last-child {
		margin-right: 0
	}
	.record-list col.original2, .record-list th.original2, .record-list td.original2 {
		width: 6.5rem
	}
	.record-list col.original2 .button, .record-list col.original2 .accordion-list dl dd .history, .accordion-list dl dd .record-list col.original2 .history, .record-list col.original2 .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .record-list col.original2 .history, .record-list col.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list col.original2 .history,
		.record-list col.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list col.original2 a, .record-list th.original2 .button, .record-list th.original2 .accordion-list dl dd .history,
		.accordion-list dl dd .record-list th.original2 .history, .record-list th.original2 .schedule-accordion-list dl dd .history, .schedule-accordion-list dl dd .record-list th.original2 .history,
		.record-list th.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list th.original2 .history, .record-list th.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list th.original2 a,
		.record-list td.original2 .button, .record-list td.original2 .accordion-list dl dd .history, .accordion-list dl dd .record-list td.original2 .history, .record-list td.original2 .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .record-list td.original2 .history, .record-list td.original2 .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .record-list td.original2 .history,
		.record-list td.original2 .lawlink-list li .link a, .lawlink-list li .link .record-list td.original2 a {
		margin: 0;
		padding-top: 0.4rem;
		padding-bottom: 0.55rem;
		width: 6.5rem
	}
}

.inauguration-intro {
	border-top: 2px solid #2062b6;
	border-bottom: 1px solid #e1e1e1
}

.inauguration-intro .images {
	float: left;
	width: 46.73%;
	margin-right: 1.875rem;
	text-align: center
}

.inauguration-intro .context {
	float: left;
	margin-top: -0.2em;
	width: calc(100% - ( 46.73% + 1.875rem))
}

@media ( max-width : 980px) {
	.inauguration-intro .images {
		width: 37.38%;
		margin-right: 1.5rem
	}
	.inauguration-intro .context {
		width: calc(100% - ( 37.38% + 1.5rem))
	}
}

@media ( max-width : 660px) {
	.inauguration-intro .images, .inauguration-intro .context {
		float: none;
		width: auto
	}
	.inauguration-intro .images {
		margin-right: 0
	}
	.inauguration-intro .context {
		margin-top: 0.75rem
	}
}

.inauguration-result {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 2px solid #2062b6;
	border-bottom: 1px solid #e1e1e1;
	text-align: center
}

.inauguration-result dl {
	min-width: 6rem
}

.inauguration-result dl dt, .inauguration-result dl dd {
	padding: 0.625rem
}

.inauguration-result dl dt {
	border-bottom: 1px solid #e1e1e1;
	background: #ebebeb;
	font-size: 1.125rem;
	white-space: nowrap;
	font-weight: 500
}

.inauguration-result dl.full {
	flex: 1 1 auto
}

@media ( max-width : 980px) {
	.inauguration-result {
		display: block;
		border-bottom: 0
	}
	.inauguration-result dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.inauguration-result dt {
		width: 6.25rem
	}
	.inauguration-result dd {
		border-bottom: 1px solid #e1e1e1;
		width: calc(100% - 6.25rem);
		text-align: left
	}
}

.birthplace-main {
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #e1e1e1;
	font-size: 1.125rem;
	text-align: center;
	color: #000
}

.birthplace-main a {
	display: block
}

.birthplace-main a img {
	display: block;
	margin-bottom: 0.5rem;
	width: 100%
}

.birthplace-main a:focus {
	outline: 1px dotted #000
}

@media ( max-width : 980px) {
	.birthplace-main {
		padding-bottom: 0.4rem
	}
	.birthplace-main a img {
		margin-bottom: 0.4rem
	}
}

@media ( max-width : 660px) {
	.birthplace-main {
		padding-bottom: 0.3rem
	}
	.birthplace-main a img {
		margin-bottom: 0.3rem
	}
}

.birthplace-gallery li a .subject, .birthplace-gallery2 li a .subject {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	height: auto;
	-webkit-line-clamp: 1
}

.birthplace-gallery2 li a .thumnail {
	padding-top: 56.66666666666667%
}

.birthplace-gallery2 li a::after {
	content: " ";
	display: block;
	margin: 1.875rem auto 0 auto;
	width: 36px;
	height: 36px;
	background: url(../images/ico-marker-location.jpg) no-repeat;
	background-size: cover
}

.birthplace-gallery2 li::before, .birthplace-gallery2 li::after {
	content: " ";
	position: absolute;
	z-index: 1;
	bottom: 8px;
	height: 22px;
	overflow: hidden;
	background-image: url(../images/bg-arrow-location.jpg);
	background-position: right center;
	background-repeat: repeat-x;
	background-size: auto 100%
}

.birthplace-gallery2 li::before {
	left: 0;
	right: calc(50% + 18px);
	background-image: url(../images/ico-arrow-location.jpg), url(../images/bg-arrow-location.jpg);
	background-repeat: no-repeat, repeat-x
}

.birthplace-gallery2 li::after {
	left: 50%;
	right: -1.875rem
}

.birthplace-gallery2 li:nth-child(3n)::after {
	right: 0;
	background-image: url(../images/ico-arrow-location.jpg), url(../images/bg-arrow-location.jpg);
	background-repeat: no-repeat, repeat-x
}

.birthplace-gallery2 li:first-child::before {
	display: none
}

.birthplace-gallery2 li:last-child::after {
	display: none
}

@media ( max-width : 980px) {
	.birthplace-gallery2 li a::after {
		margin-top: 1.5rem;
		width: 29px;
		height: 29px
	}
	.birthplace-gallery2 li::before, .birthplace-gallery2 li::after {
		bottom: 6px;
		height: 17px
	}
	.birthplace-gallery2 li::before {
		right: calc(50% + 14px)
	}
	.birthplace-gallery2 li::after {
		right: -1.5rem
	}
}

@media ( max-width : 660px) {
	.birthplace-gallery2 li a::after {
		margin-top: 1.125rem;
		width: 22px;
		height: 22px
	}
	.birthplace-gallery2 li::before, .birthplace-gallery2 li::after {
		bottom: 5px;
		height: 13px
	}
	.birthplace-gallery2 li::before {
		right: calc(50% + 11px)
	}
	.birthplace-gallery2 li::after {
		right: -1.125rem
	}
	.birthplace-gallery2 li:nth-child(3n)::after {
		right: -1.125rem;
		background-image: url(../images/bg-arrow-location.jpg);
		background-repeat: repeat-x
	}
	.birthplace-gallery2 li:nth-child(2n)::after {
		right: 0;
		background-image: url(../images/ico-arrow-location.jpg), url(../images/bg-arrow-location.jpg);
		background-repeat: no-repeat, repeat-x
	}
}

.story-content {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid #e1e1e1
}

.story-content .emphasis1, .story-content .emphasis2 {
	margin: 0;
	font-size: 1.5rem
}

.story-content .emphasis1 {
	line-height: 1.5;
	font-weight: 500;
	color: #2062b6
}

.story-content .emphasis2 {
	line-height: 1.25
}

.story-content .images1 {
	float: left;
	margin: 0 1.875rem 1.5rem 0
}

.story-content .images2 {
	float: right;
	margin: 0 0 1.5rem 1.875rem
}

@media ( max-width : 980px) {
	.story-content {
		padding-bottom: 1rem
	}
	.story-content .emphasis1, .story-content .emphasis2 {
		font-size: 1.375rem
	}
	.story-content .images1 {
		margin: 0 1.5rem 1.2rem 0
	}
	.story-content .images2 {
		margin: 0 0 1.2rem 1.5rem
	}
}

@media ( max-width : 660px) {
	.story-content {
		padding-bottom: 0.75rem
	}
	.story-content .emphasis1, .story-content .emphasis2 {
		font-size: 1.25rem
	}
	.story-content .images1, .story-content .images2 {
		float: none;
		margin: 0 0 0.9rem 0;
		text-align: center
	}
}

.itinerancy-gallery li a span.thumnail {
	padding-top: 70%
}

.itinerancy-gallery li a span.subject {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: 0;
	transition: height 0.3s ease;
	background: rgba(2, 54, 120, 0.9);
	font-size: 1.125rem;
	color: #fff
}

.itinerancy-gallery li a:hover span.subject {
	height: 100%;
	font-size: 1.5rem
}

.itinerancy-list>li dl {
	display: table;
	width: 100%;
	table-layout: fixed
}

.itinerancy-list>li dl dt, .itinerancy-list>li dl dd {
	display: table-cell;
	padding: 1rem 1.5rem;
	vertical-align: middle;
	color: #000
}

.itinerancy-list>li dl dt {
	width: 200px;
	background: #ebebeb;
	text-align: center;
	font-size: 1.125rem
}

.itinerancy-list>li dl dd {
	border: 1px solid #e1e1e1;
	border-left-width: 0
}

.itinerancy-list>li dl dd ul li {
	float: left;
	margin-right: 3.75rem
}

.itinerancy-list>li dl dd ul li a {
	display: block;
	font-weight: 300
}

.itinerancy-list>li dl dd ul li a::after {
	content: " ";
	display: inline-block;
	position: relative;
	top: -1px;
	margin-left: 0.25rem;
	width: 9px;
	height: 15px;
	overflow: hidden;
	vertical-align: middle;
	background-image: url(../images/ico-sprite-board.png);
	background-size: 90px;
	background-position: -30px -45px
}

.itinerancy-list>li dl dd ul li a:hover, .itinerancy-list>li dl dd ul li a:focus {
	color: #2062b6
}

.itinerancy-list>li dl dd ul li a:hover::after, .itinerancy-list>li dl dd ul li a:focus::after {
	background-position: -60px -45px
}

.itinerancy-list>li dl dd ul li:last-child {
	margin-right: 0
}

.itinerancy-list>li:first-child {
	margin-top: 0 !important
}

@media ( max-width : 980px) {
	.itinerancy-list>li dl dt, .itinerancy-list>li dl dd {
		padding: 0.8rem 1.2rem
	}
	.itinerancy-list>li dl dt {
		width: 160px
	}
	.itinerancy-list>li dl dd ul li {
		margin-right: 3rem
	}
}

@media ( max-width : 660px) {
	.itinerancy-list>li dl {
		display: block
	}
	.itinerancy-list>li dl dt, .itinerancy-list>li dl dd {
		display: block;
		width: auto;
		text-align: center
	}
	.itinerancy-list>li dl dt {
		padding: 0.6rem 0.9rem
	}
	.itinerancy-list>li dl dd {
		padding: 0;
		border-width: 0 1px 1px 1px
	}
	.itinerancy-list>li dl dd ul li {
		float: none;
		margin-right: 0;
		border-bottom: 1px solid #e1e1e1
	}
	.itinerancy-list>li dl dd ul li a {
		padding: 0.6rem 0.9rem
	}
	.itinerancy-list>li dl dd ul li a::after {
		width: 6px;
		height: 10px;
		background-size: 60px;
		background-position: -20px -30px
	}
	.itinerancy-list>li dl dd ul li a:hover::after, .itinerancy-list>li dl dd ul li a:focus::after {
		background-position: -40px -30px
	}
	.itinerancy-list>li dl dd ul li:last-child {
		border-bottom: 0
	}
}

[class^="exhibition-description"] {
	padding: 1rem 1.25rem;
	font-size: 1.125rem
}

@media ( max-width : 980px) {
	[class^="exhibition-description"] {
		padding: 0.8rem 1rem
	}
}

@media ( max-width : 660px) {
	[class^="exhibition-description"] {
		padding: 0.6rem 0.75rem
	}
}

.exhibition-description2 {
	border: 1px solid #e1e1e1
}

.exhibition-description2 strong {
	display: block;
	margin-bottom: 0.625rem;
	font-weight: normal
}

@media ( max-width : 980px) {
	.exhibition-description2 strong {
		margin-bottom: 0.5rem
	}
}

@media ( max-width : 660px) {
	.exhibition-description2 strong {
		margin-bottom: 0.375rem
	}
}

.exhibition-description3 {
	font-size: 1rem
}

.exhibition-description3 h4, .exhibition-description3 h5, .exhibition-description3 h6 {
	margin-bottom: 0.75rem;
	font-size: 1.5rem;
	font-weight: 400
}

@media ( max-width : 980px) {
	.exhibition-description3 h4, .exhibition-description3 h5, .exhibition-description3 h6 {
		margin-bottom: 0.6rem;
		font-size: 1.375rem
	}
}

@media ( max-width : 660px) {
	.exhibition-description3 h4, .exhibition-description3 h5, .exhibition-description3 h6 {
		margin-bottom: 0.45rem;
		font-size: 1.25rem
	}
}

.exhibition-selectbox {
	position: relative;
	z-index: 10;
	line-height: 1.375
}

.exhibition-selectbox .toggle {
	float: right;
	position: relative;
	padding: 0.5625rem 1.75rem 0.5625rem 0.5rem;
	min-width: 12.5rem;
	border: 2px solid #e1e1e1;
	background: #fff url(../images/ico-search-select.jpg) calc(100% - 0.625rem) center no-repeat
}

.exhibition-selectbox .toggle button {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	text-indent: -9999em;
	background: transparent
}

.exhibition-selectbox ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: -1px;
	padding: 0.35rem 0;
	min-width: 12.5rem;
	border: 1px solid #e1e1e1;
	background: #fff
}

.exhibition-selectbox ul li a {
	display: block;
	padding: 0.35rem 1rem
}

.exhibition-selectbox.active ul {
	display: block
}

@media ( max-width : 660px) {
	.exhibition-selectbox {
		font-size: 1.125rem;
		text-align: center
	}
	.exhibition-selectbox .toggle {
		float: none;
		padding: 0.75rem 0.5rem;
		border: 0;
		background: #02316b;
		color: #fff
	}
	.exhibition-selectbox .toggle::after {
		content: " ";
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -4px;
		right: 0.625rem;
		width: 13px;
		height: 7px;
		background: url(../images/ico-arrow-tabmenu.png);
		background-size: 80px;
		background-position: -40px -0
	}
	.exhibition-selectbox ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		overflow: auto;
		margin-top: 0;
		padding: 0;
		min-width: 0;
		max-height: 11.2375rem;
		border: 0
	}
	.exhibition-selectbox ul li {
		margin: 1px 0 0 0;
		width: auto;
		background: #666
	}
	.exhibition-selectbox ul li a {
		padding: 0.45rem 0.75rem;
		background: #666;
		color: #fff
	}
	.exhibition-selectbox ul li:first-child {
		margin-top: 0
	}
	.exhibition-selectbox.active .toggle::after {
		background-position: -60px 0
	}
}

.exhibition-tabmenu {
	text-align: center;
	line-height: 1.375
}

.exhibition-tabmenu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	background: #fff
}

.exhibition-tabmenu ul li {
	flex: 1 1 0px;
	z-index: 2;
	margin-right: 2px
}

.exhibition-tabmenu ul li a {
	display: block;
	padding: 1.1rem 0.5rem;
	background: #ebebeb;
	font-size: 1.125rem;
	min-height: 100%
}

.exhibition-tabmenu ul li.active {
	z-index: 3;
	font-weight: 500
}

.exhibition-tabmenu ul li.active a {
	background: #02316b;
	color: #fff
}

.exhibition-tabmenu ul li:last-child {
	margin-right: 0
}

@media ( max-width : 980px) {
	.exhibition-tabmenu ul li a {
		padding: 0.9rem 0.5rem
	}
}

@media ( max-width : 660px) {
	.exhibition-tabmenu ul li {
		margin-right: -1px;
		border: 1px solid #e1e1e1
	}
	.exhibition-tabmenu ul li a {
		padding: 0.55rem 0.2rem;
		background: #fff
	}
	.exhibition-tabmenu ul li.active {
		border-color: #2062b6
	}
	.exhibition-tabmenu ul li.active a {
		background: #fff;
		color: #02316b
	}
}

.record-search .desc,.record-search2 .desc {
	padding: 1rem 50px 1rem 1.25rem;
	border-bottom: 1px solid #e1e1e1;
	line-height: 1.5;
	color: #2062b6
}
@media ( max-width : 660px) {	/*인크리스 추가*/
	.record-search2 .desc {
		padding-left:0;
		padding-right:0;
	}
}


.record-search .field {
	padding: 0.625rem 1.25rem
}

.record-search .field>label {
	margin-right: 1.25rem
}

.record-search .field input[type="text"] {
	flex: 1 1 0px;
	margin-right: 0.625rem;
	padding: 0 0.625rem;
	height: 2.5rem;
	border: 2px solid #e1e1e1
}

.record-search .field .inchk {
	flex: none;
	min-width: 10rem;
	font-size: 1rem;
	font-weight: 300
}

.record-search .field .inchk input {
	position: relative;
	top: -0.1em;
	margin-right: 0.25rem;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid #e1e1e1;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none
}

.record-search .field .inchk input:checked {
	background: #fff url(../images/ico-checked.jpg) center center no-repeat;
	background-size: cover
}

.record-search .field button {
	min-width: 10rem;
	height: 2.5rem;
	background: #2062b6;
	font-size: 1.125rem;
	color: #fff
}

@media ( max-width : 980px) {
	.record-search .desc {
		padding: 0.8rem 1rem
	}
	.record-search .field {
		padding: 0.5rem 1rem
	}
	.record-search .field>label {
		margin-right: 1rem
	}
	.record-search .field input[type="text"] {
		margin-right: 0.5rem;
		padding: 0 0.5rem
	}
	.record-search .field .inchk, .record-search .field button {
		min-width: 8rem
	}
}

.record-search2 .field>label {
	min-width: 5.5rem
}

@media ( max-width : 660px) {
	.record-search2 .field>label {
		min-width: 5.5rem
	}
}
.record-search-list {
	border-top: 2px solid #2062b6;
	font-weight: 300;
	color: #000
}

.record-search-list h4,.record-search-list h5 {
	position: relative;
	padding: 1rem 0.625rem;
	line-height: 1.2;
	background: #ebebeb;
	font-size: 1.125rem;
	font-weight: 300
}

.record-search-list h4 strong,.record-search-list h5 strong {
	font-weight: 400
}

.record-search-list h4 a,.record-search-list h5 a, .record-search-title a {
	position: absolute;
	top: 50%;
	right: 0.625rem;
	border: 1px solid #2062b6;
	background: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 1rem;
	color: #2062b6
}

.record-search-list h4 a.more,.record-search-list h5 a.more, .record-search-title a.more {
	margin-top: -0.9375rem;
	padding: 0 0.625rem;
	height: 1.875rem;
	line-height: calc(1.875rem - 2px)
}

.record-search-list h4 a.down,.record-search-list h5 a.down  {
	margin-top: -1.25rem;
	padding: 0 1rem;
	height: 2.5rem;
	line-height: calc(2.5rem - 2px)
}

.record-search-list>ul>li {
	padding: 1.25rem 0;
	border-bottom: 1px solid #e1e1e1;
	line-height: 1.5;
	position:relative;/*인크리스추가*/
}

.record-search-list>ul>li .images {
	float: left;
	width: 10rem;
	height: 7.5rem;
	background-color: #ebebeb;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover
}

.record-search-list>ul>li .images+.content {
	float: left;
	padding-left: 1.25rem;
	margin-top: -0.2rem;
	width: calc(100% - 10rem)
}

.record-search-list>ul>li .content {
	padding: 0 0.625rem
}

.record-search-list>ul>li strong {
	font-weight: 400
}

.record-search-list>ul>li .subject {
	display: block;
	font-size: 1.125rem
}

.record-search-list>ul>li  mark{ /*인크리스 추가*/
	background-color: #fff;
    color: #ed7102 !important;
}

.record-search-list>ul>li .context {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.375rem;
	max-height: 3rem
}

.record-search-list>ul>li .infomation {
	position: relative;
	margin-top: 0.375rem;
	padding-left: 4.375rem;
	color: #000
}

.record-search-list>ul>li .infomation .label {
	position: absolute;
	top: 0.2rem;
	left: 0;
	text-align: center
}
/*인크리스 추가 - 통합검색 정보공개*/
.record-search-list>ul.keyword-search>li {padding-bottom:0;}
.record-search-list>ul.keyword-search>li .infomation{padding-bottom:1.25rem;}
.record-search-list ul >li .keyword-btn {position:absolute;top:15px;right:0.625rem;}  /*인크리스추가*/
.record-search-list ul >li .box-content .file-list a.button.size2,
.record-search-list ul >li .keyword-btn a.button.size2{font-size: .9rem; font-weight: 400;padding: 3px 6px;}  /*인크리스추가*/
.record-search-list ul >li .box-content .file-list{float:left;width:50%;margin-bottom: 5px;}
.record-search-list ul >li .box-content .file-list span{width: calc(100% - 120px);overflow:hidden;text-overflow: ellipsis;white-space:nowrap;display: inline-block;vertical-align: top;font-size:1rem;}
.record-search-list ul >li .box-content:after {content: '';clear: both;display: block;}
@media ( max-width : 660px) {
	.record-search-list ul >li .keyword-btn {top:10px;}
	.record-search-list ul >li  .box-content .file-list{float:none;width:100%;margin-bottom: 5px;}
	.record-search-list>ul.keyword-search>li .subject{padding-right: 90px;}
}
/*인크리스 추가 - 통합검색 기록물철*/
.record-search-list>ul>li .infomation.label-info {position: relative;margin-top: 0.375rem;padding-left: 10rem;color: #000}
.record-search-list>ul>li .infomation.label-info .label-box {	position: absolute;top: 0;left: 0;text-align: center;}
.record-search-list>ul>li .infomation.label-info .label-box .label-item {	margin-right:3px;border-color: #ebebeb;background: #ebebeb;line-height:1.5;display: inline-block;padding: 0 0 0.125rem 0;min-width:5rem;font-size: 0.875rem;text-align: center;color: #000;}
.record-search-list>ul>li .infomation.label-info .label-box .label-item.blue {border-color: #2062b6;background: #2062b6;color:#fff;min-width: 4rem;}
@media ( max-width : 980px) {
	.record-search-list>ul>li .infomation.label-info {padding-left: 0;}
	.record-search-list>ul>li .infomation.label-info .label-box {	position: static;text-align:left;margin-bottom:0.375rem;}

}
.record-search-list>ul>li .infomation ul li {
	position: relative;
	display: inline-block;
	margin-right: 0.35rem;
	padding-right: 0.6875rem;
	vertical-align: top
}

.record-search-list>ul>li .infomation ul li::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.35rem;
	width: 1px;
	height: 0.9rem;
	overflow: hidden;
	background: #999
}

.record-search-list>ul>li .infomation ul li:last-child {
	margin-right: 0;
	padding-right: 0
}

.record-search-list>ul>li .infomation ul li:last-child::after {
	display: none
}

@media ( max-width : 980px) {
	.record-search-list h4,.record-search-list h5 {
		padding: 1rem 0.5rem
	}
	.record-search-list h4 a,.record-search-list h5 a, .record-search-title a {
		right: 0.5rem
	}
	.record-search-list h4 a.more,.record-search-list h5 a.more, .record-search-title a.more {
		padding: 0 0.5rem
	}
	.record-search-list h4 a.down,.record-search-list h5 a.down {
		padding: 0 0.8rem
	}
	.record-search-list>ul>li {
		padding: 1rem 0
	}
	.record-search-list>ul>li .images {
		width: 8rem;
		height: 6rem
	}
	.record-search-list>ul>li .images+.content {
		padding-left: 1rem;
		width: calc(100% - 8rem)
	}
	.record-search-list>ul>li .content {
		padding: 0 0.5rem
	}
	.record-search-list>ul>li .context {
		margin-top: 0.3rem
	}
	.record-search-list>ul>li .infomation {
		margin-top: 0.3rem
	}
	.record-search-list>ul>li .infomation ul li {
		margin-right: 0.28rem;
		padding-right: 0.55rem
	}
}

@media ( max-width : 660px) {
	.record-search-list h4,.record-search-list h5 {
		padding: 0.75rem 0.5rem
	}
	.record-search-list h4 a.more, .record-search-list h4 a.down,.record-search-list h5 a.more, .record-search-list h5 a.down, .record-search-title a.more {
		margin-top: -1rem;
		padding: 0 0.6rem;
		height: 2rem;
		line-height: calc(2rem - 2px)
	}
	.record-search-list>ul>li {
		padding: 0.75rem 0
	}
	.record-search-list>ul>li .images {
		float: none;
		padding-top: 75%;
		width: auto;
		height: auto
	}
	.record-search-list>ul>li .images+.content {
		float: none;
		padding-left: 0;
		margin-top: 0.5rem;
		width: auto
	}
	.record-search-list>ul>li .content {
		padding: 0
	}
	.record-search-list>ul>li .infomation {
		padding-left: 0
	}
	.record-search-list>ul>li .infomation .label {
		position: static;
		margin-right: 0.25rem
	}
	.record-search-list>ul>li .infomation ul {
		display: inline
	}
}

.accordion-list, .schedule-accordion-list, .qna-accordion-list {
	position: relative;
	z-index: 2;
	border-top: 2px solid #2062b6
}

.accordion-list dl, .schedule-accordion-list dl, .qna-accordion-list dl {
	border-bottom: 1px solid #e1e1e1
}

.accordion-list dl dt, .schedule-accordion-list dl dt, .qna-accordion-list dl dt {
	line-height: 1.2;
	font-size: 1.125rem;
	font-weight: 500;
	background: #ebebeb
}

.accordion-list dl dt a, .schedule-accordion-list dl dt a, .qna-accordion-list dl dt a {
	display: block;
	position: relative;
	padding: 1.25rem 3rem 1.25rem 1.25rem
}

.accordion-list dl dt a::after, .schedule-accordion-list dl dt a::after, .qna-accordion-list dl dt a::after {
	content: "\f078";
	position: absolute;
	top: 50%;
	right: 1.25rem;
	margin-top: -0.5em;
	font-family: "Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 900;
	color: #000
}

.accordion-list dl dd, .schedule-accordion-list dl dd, .qna-accordion-list dl dd {
	display: none;
	padding: 1.25rem;
	border-top: 1px solid #e1e1e1
}

.accordion-list dl dd .history, .schedule-accordion-list dl dd .history, .qna-accordion-list dl dd .history {
	display: inline-block;
	min-width: 6em
}

.accordion-list dl.active dt, .schedule-accordion-list dl.active dt, .qna-accordion-list dl.active dt {
	color: #2062b6
}

.accordion-list dl.active dt a::after, .schedule-accordion-list dl.active dt a::after, .qna-accordion-list dl.active dt a::after {
	content: "\f077";
	color: #2062b6
}

.accordion-list dl.active dd, .schedule-accordion-list dl.active dd, .qna-accordion-list dl.active dd {
	display: block
}

@media ( max-width : 980px) {
	.accordion-list dl dt a, .schedule-accordion-list dl dt a, .qna-accordion-list dl dt a {
		padding: 1rem 2.75rem 1rem 1rem
	}
	.accordion-list dl dt a::after, .schedule-accordion-list dl dt a::after, .qna-accordion-list dl dt a::after {
		right: 1rem;
		font-size: 1.375rem
	}
	.accordion-list dl dd, .schedule-accordion-list dl dd, .qna-accordion-list dl dd {
		padding: 1rem
	}
}

@media ( max-width : 660px) {
	.accordion-list dl dt a, .schedule-accordion-list dl dt a, .qna-accordion-list dl dt a {
		padding: 0.75rem 2.5rem 0.75rem 0.75rem
	}
	.accordion-list dl dt a::after, .schedule-accordion-list dl dt a::after, .qna-accordion-list dl dt a::after {
		right: 0.75rem;
		font-size: 1.375rem
	}
	.accordion-list dl dd, .schedule-accordion-list dl dd, .qna-accordion-list dl dd {
		padding: 0.75rem
	}
}

.schedule-selector {
	position: relative;
	margin: 2.5rem auto 1.5rem auto;
	max-width: 660px;
	line-height: 1.375;
	text-align: center
}

.schedule-selector .prev, .schedule-selector .next {
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	text-indent: -9999em;
	line-height: 1;
	font-size: 1.5rem;
	color: #000
}

.schedule-selector .prev::before, .schedule-selector .next::before {
	font-family: "Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: block;
	position: absolute;
	top: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 900;
	text-indent: 0
}

.schedule-selector .prev {
	left: 0
}

.schedule-selector .prev::before {
	content: "\f053"
}

.schedule-selector .next {
	right: 0
}

.schedule-selector .next::before {
	content: "\f054"
}

.schedule-selector .toggle {
	display: none
}

.schedule-selector .select {
	margin: 0 auto;
	max-width: 600px;
	overflow: hidden
}

.schedule-selector .select ul {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap
}

.schedule-selector .select ul li {
	display: inline-block;
	width: 100px;
	margin-right: -3px;
	vertical-align: middle;
	font-size: 1.5rem;
	line-height:70px; /* 240729 추가 */
}

.schedule-selector .select ul li:last-child {
	margin-right: 0
}

.schedule-selector .select ul li.active {
	font-size: 2.5rem;
	font-weight: 500;
	color: #2062b6
}

@media ( max-width : 980px) {
	.schedule-selector {
		margin-top: 2rem;
		margin-bottom: 1.25rem
	}
	.schedule-selector .prev, .schedule-selector .next {
		font-size: 1.375rem
	}
	.schedule-selector .select ul li {
		font-size: 1.375rem
	}
	.schedule-selector .select ul li.active {
		font-size: 2.25rem
	}
}

@media ( max-width : 660px) {
	.schedule-selector {
		margin-top: 1.5rem;
		margin-bottom: 1rem
	}
	.schedule-selector .toggle {
		display: block;
		padding: 0.55rem 0.5rem;
		border: 1px solid #2062b6;
		font-size: 1.125rem;
		color: #2062b6
	}
	.schedule-selector .toggle button {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		overflow: hidden;
		text-indent: -9999em;
		background: transparent
	}
	.schedule-selector .toggle::after {
		content: " ";
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -4px;
		right: 0.625rem;
		width: 13px;
		height: 7px;
		background: url(../images/ico-arrow-tabmenu.png);
		background-size: 80px;
		background-position: 0 0
	}
	.schedule-selector .prev, .schedule-selector .next {
		display: none
	}
	.schedule-selector .select {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		max-width: 100%;
		max-height: 9.5rem;
		overflow: auto
	}
	.schedule-selector .select ul {
		display: block;
		padding: 0.4rem 0;
		background: #fff
	}
	.schedule-selector .select ul li {
		display: block;
		padding: 0.4rem 0.75rem;
		width: auto;
		margin-right: 0;
		font-size: 1.125rem
	}
	.schedule-selector .select ul li.active {
		font-size: 1.125rem;
		font-weight: 400;
		color: #000
	}
	.schedule-selector.active {
		z-index: 20
	}
	.schedule-selector.active .toggle::after {
		background-position: -20px 0
	}
	.schedule-selector.active .select {
		display: block
	}
}

.schedule-accordion-list {
	margin-top: -2px
}
.schedule-accordion-list .source a:hover{	 /*인크리스 추가*/
	 text-decoration:underline;
}
@media ( max-width : 660px) {
	.schedule-accordion-list {
		margin-top: 1.5rem
	}
}

.schedule-year-sort {
	margin-bottom: 1.25rem
}

.schedule-year-sort .count {
	float: left;
	padding: 0.5rem 0;
	line-height: 1.5
}

.schedule-year-sort .count strong {
	font-weight: normal;
	color: #2062b6
}

.schedule-year-sort .sort {
	float: right
}

.schedule-year-sort .sort select, .schedule-year-sort .sort button {
	float: left;
	margin-right: 0.625rem;
	height: 2.5rem
}

.schedule-year-sort .sort select:last-child, .schedule-year-sort .sort button:last-child {
	margin-right: 0
}

.schedule-year-sort .sort select {
	min-width: 11rem;
	padding-right: 1.75rem;
	padding: 0 1.75rem 0 0.625rem;
	border: 2px solid #e1e1e1;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/ico-search-select.jpg) calc(100% - 0.625rem) center no-repeat
}

.schedule-year-sort .sort select::-ms-expand {
	display: none
}

.schedule-year-sort .sort button {
	border: 1px solid #2062b6;
	background: #fff
}

.schedule-year-sort .sort button.search {
	min-width: 5em;
	background: #2062b6;
	color: #fff
}

.schedule-year-sort .sort button.download {
	min-width: 8.75em;
	border-color: #2062b6;
	color: #2062b6
}

@media ( max-width : 980px) {
	.schedule-year-sort {
		margin-bottom: 1rem
	}
	.schedule-year-sort .sort select, .schedule-year-sort .sort button {
		margin-right: 0.5rem
	}
	.schedule-year-sort .sort select {
		min-width: 9rem
	}
}

@media ( max-width : 660px) {
	.schedule-year-sort {
		margin-bottom: 0;
		padding: 0.5rem;
		border-top: 2px solid #2062b6;
		background: #ebebeb
	}
	.schedule-year-sort .count .total1 {
		display: none
	}
	.schedule-year-sort .sort select {
		display: none
	}
	.schedule-year-sort .sort button.search {
		display: none
	}
}

.schedule-year-list tr td {
	padding: 1.25rem 0;
	text-align: center
}

.schedule-year-list tr td .content {
	text-align: left
}

.schedule-year-list tr td .content .images {
	float: left;
	margin-right: 1.25rem;
	width: 11rem;
	height: 9.5rem;
	background-color: #ebebeb;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat
}

.schedule-year-list tr td .content .images+.context {
	width: calc(100% - 12.25rem)
}

.schedule-year-list tr td .content .images+.context dl {
	margin-top: -0.25rem
}

.schedule-year-list tr td .content .context {
	float: left;
	width: 100%
}
.schedule-year-list tr td .content .context .source a:hover{	 /*인크리스 추가*/
	 text-decoration:underline;
}

.schedule-year-list tr td .content .context dl dt {
	font-size: 1.125rem;
	font-weight: normal
}

@media ( max-width : 980px) {
	.schedule-year-list tr td {
		padding: 1rem 0
	}
	.schedule-year-list tr td .content .images {
		margin-right: 1rem;
		width: 9rem;
		height: 7.5rem
	}
	.schedule-year-list tr td .content .images+.context {
		width: calc(100% - 10rem)
	}
}

@media ( max-width : 660px) {
	.schedule-year-list {
		display: block;
		border-top: 0
	}
	.schedule-year-list colgroup, .schedule-year-list thead {
		display: none
	}
	.schedule-year-list tbody, .schedule-year-list tr, .schedule-year-list td {
		display: block
	}
	.schedule-year-list tr {
		padding: 0.5rem;
		border-bottom: 1px solid #ebebeb
	}
	.schedule-year-list tr td {
		padding: 0;
		text-align: left;
		border-bottom: 0
	}
	.schedule-year-list tr td .content .images, .schedule-year-list tr td .content .context {
		float: none;
		width: auto
	}
	.schedule-year-list tr td .content .images {
		margin: 0 0 0.5rem 0;
		padding-top: 75%
	}
	.schedule-year-list tr td .content .images+.context {
		width: auto
	}
	.schedule-year-list tr td .content .images+.context dl {
		margin-top: 0
	}
	.schedule-year-list tr td.date {
		margin-bottom: 0.5rem
	}
}

.qna-accordion-list dl dt a {
	padding-left: 3.35rem
}

.qna-accordion-list dl dt a:before {
	content: "Q";
	position: absolute;
	top: 1rem;
	left: 1.25rem;
	font-size: 1.875rem;
	line-height: 1;
	font-weight: 500;
	color: #2062b6
}

.qna-accordion-list dl dd {
	position: relative;
	padding-left: 3.35rem
}

.qna-accordion-list dl dd::before {
	content: "A";
	position: absolute;
	top: 1rem;
	left: 1.25rem;
	font-size: 1.875rem;
	line-height: 1;
	font-weight: 500;
	color: #000
}

@media ( max-width : 980px) {
	.qna-accordion-list dl dt a {
		padding-left: 3rem
	}
	.qna-accordion-list dl dt a:before {
		top: 0.75rem;
		left: 1rem;
		font-size: 1.625rem
	}
	.qna-accordion-list dl dd {
		padding-left: 3rem
	}
	.qna-accordion-list dl dd::before {
		left: 1rem;
		font-size: 1.625rem
	}
}

@media ( max-width : 660px) {
	.qna-accordion-list dl dt a {
		padding-left: 2.5rem
	}
	.qna-accordion-list dl dt a:before {
		top: 0.5rem;
		left: 0.75rem;
		font-size: 1.5rem
	}
	.qna-accordion-list dl dd {
		padding-left: 2.5rem
	}
	.qna-accordion-list dl dd::before {
		top: 0.75rem;
		left: 0.75rem;
		font-size: 1.5rem
	}
}

.competition-list {
	text-align: center
}

.competition-list tr td.subject {
	text-align: left
}

.competition-list tr td.subject a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block
}

@media ( max-width : 980px) {
	.competition-list .numb {
		display: none
	}
}

@media ( max-width : 820px) {
	.competition-list {
		display: block
	}
	.competition-list thead, .competition-list colgroup {
		display: none
	}
	.competition-list tbody {
		display: block
	}
	.competition-list tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		padding: 0.5rem 4.5rem 0.5rem 0;
		border-bottom: 1px solid #e1e1e1
	}
	.competition-list tr td {
		padding: 0;
		border-bottom: 0;
		order: 2;
		color: #000
	}
	.competition-list tr td.subject {
		margin-bottom: 0.25rem;
		font-size: 1.125rem;
		color: #000;
		flex: none;
		width: 100%;
		order: 1
	}
	.competition-list tr td.part::after {
		padding: 0 0.25rem;
		content: "|"
	}
	.competition-list tr td.more {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -0.85rem
	}
	.competition-list tr td.more .button, .competition-list tr td.more .accordion-list dl dd .history, .accordion-list dl dd .competition-list tr td.more .history, .competition-list tr td.more .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .competition-list tr td.more .history, .competition-list tr td.more .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .competition-list tr td.more .history,
		.competition-list tr td.more .lawlink-list li .link a, .lawlink-list li .link .competition-list tr td.more a {
		padding-top: 0.3rem;
		padding-bottom: 0.45rem
	}
}

.step-content, .library-step-content, .infomation-step-content {
	overflow: hidden;
	text-align: center
}

.step-content li, .library-step-content li, .infomation-step-content li {
	position: relative;
	float: left;
	border: 1px solid #e1e1e1
}

.step-content li::after, .library-step-content li::after, .infomation-step-content li::after {
	content: "\f061";
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	text-align: center;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: #999
}

.step-content li:last-child, .library-step-content li:last-child, .infomation-step-content li:last-child {
	margin: 0
}

.step-content li:last-child::after, .library-step-content li:last-child::after, .infomation-step-content li:last-child::after {
	display: none
}

@media ( max-width : 660px) {
	.step-content li, .library-step-content li, .infomation-step-content li {
		float: none
	}
	.step-content li::after, .library-step-content li::after, .infomation-step-content li::after {
		content: "\f063";
		top: 100%;
		left: 0
	}
}

.library-step-content li {
	margin-right: 3.75rem;
	padding: 0.875rem 0;
	width: calc(33.333333333333% - 2.5rem)
}

.library-step-content li::after {
	right: -3.75rem;
	width: 3.75rem;
	font-size: 2.5rem
}

@media ( max-width : 980px) {
	.library-step-content li {
		margin-right: 3rem;
		padding: 0.7rem 0;
		width: calc(33.333333333333% - 2rem)
	}
	.library-step-content li::after {
		right: -3rem;
		width: 3rem;
		font-size: 2rem
	}
}

@media ( max-width : 660px) {
	.library-step-content li {
		margin: 0 0 2.25rem 0;
		padding: 0.525rem 0;
		width: auto
	}
	.library-step-content li::after {
		right: 0;
		margin-top: 0.25rem;
		width: auto;
		font-size: 1.875rem
	}
}

.facility-image {
	padding: 1.875rem 1.875rem 0 1.875rem;
	border-top: 2px solid #2062b6
}

.facility-image img {
	display: block;
	margin: 0 auto
}

@media ( max-width : 980px) {
	.facility-image {
		padding: 1.5rem 1.5rem 0 1.5rem
	}
}

@media ( max-width : 660px) {
	.facility-image {
		padding: 1.125rem 0 0 0
	}
}

.record-status {
	overflow-x: auto;
	overflow-y: hidden;
	border-top: 2px solid #2062b6
}

.record-status table {
	min-width: 860px;
	font-size: 14px;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	color: #000;
	word-break: break-all;
	line-height: 1.2;
	text-align: center
}

.record-status table tr th, .record-status table tr td {
	padding: 0.3125rem;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e1e1e1
}

.record-status table tr td {
	text-align: right
}

.record-status table thead tr th, .record-status table thead tr td, .record-status table tfoot tr th, .record-status table tfoot tr td {
	background: #ebebeb;
	font-weight: normal
}

.record-status table thead tr th:first-child, .record-status table thead tr td:first-child, .record-status table tfoot tr th:first-child, .record-status table tfoot tr td:first-child {
	border-left-color: #ebebeb
}

.record-status table thead tr th:last-child, .record-status table thead tr td:last-child, .record-status table tfoot tr th:last-child, .record-status table tfoot tr td:last-child {
	border-right-color: #ebebeb
}

.record-status table thead tr th, .record-status table thead tr td {
	padding: 0.75rem 0
}

.record-status table thead tr th.section, .record-status table thead tr td.section {
	padding: 0;
	background: linear-gradient(to right top, #ebebeb 0%, #ebebeb 49.9%, #e1e1e1 50%, #e1e1e1 51%, #ebebeb 51.1%, #ebebeb 100%)
}

.record-status table thead tr th.section>div, .record-status table thead tr td.section>div {
	position: relative;
	height: calc(5.4rem + 1px)
}

.record-status table thead tr th.section>div .col, .record-status table thead tr td.section>div .col {
	position: absolute;
	top: 0.75rem;
	right: 0.3125rem
}

.record-status table thead tr th.section>div .row, .record-status table thead tr td.section>div .row {
	position: absolute;
	left: 0.3125rem;
	bottom: 0.75rem
}

.record-status table tfoot tr th, .record-status table tfoot tr td {
	height: 4.375rem
}

.record-status table tbody tr th, .record-status table tbody tr td {
	height: 4.375rem;
	font-weight: 300
}

.record-status table tbody tr th:first-child, .record-status table tbody tr td:first-child {
	border-left-color: #fff
}

.record-status table tbody tr th:last-child, .record-status table tbody tr td:last-child {
	border-right-color: #fff
}

.record-status1 {
	overflow-x: auto;
	overflow-y: hidden;
	border-top: 2px solid #2062b6
}

.record-status1 table {
	min-width: 860px;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	color: #000;
	word-break: break-all;
	line-height: 1.2;
	text-align: center
}

.record-status1 table tr th, .record-status1 table tr td {
	padding: 0.3125rem;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e1e1e1
}

.record-status1 .left {
	text-align: left;
}

.record-status1 table thead tr th, .record-status1 table thead tr td, .record-status1 table tfoot tr th, .record-status1 table tfoot tr td {
	background: #ebebeb;
	font-weight: normal
}

.record-status1 table thead tr th:first-child, .record-status1 table thead tr td:first-child, .record-status1 table tfoot tr th:first-child, .record-status1 table tfoot tr td:first-child {
	border-left-color: #ebebeb
}

.record-status1 table thead tr th:last-child, .record-status1 table thead tr td:last-child, .record-status1 table tfoot tr th:last-child, .record-status1 table tfoot tr td:last-child {
	border-right-color: #ebebeb
}

.record-status1 table thead tr th, .record-status1 table thead tr td {
	padding: 0.75rem 0
}

.record-status1 table thead tr th.section, .record-status1 table thead tr td.section {
	padding: 0;
	background: linear-gradient(to right top, #ebebeb 0%, #ebebeb 49.9%, #e1e1e1 50%, #e1e1e1 51%, #ebebeb 51.1%, #ebebeb 100%)
}

.record-status1 table thead tr th.section>div, .record-status1 table thead tr td.section>div {
	position: relative;
	height: calc(5.4rem + 1px)
}

.record-status1 table thead tr th.section>div .col, .record-status1 table thead tr td.section>div .col {
	position: absolute;
	top: 0.75rem;
	right: 0.3125rem
}

.record-status1 table thead tr th.section>div .row, .record-status1 table thead tr td.section>div .row {
	position: absolute;
	left: 0.3125rem;
	bottom: 0.75rem
}

.record-status1 table tfoot tr th, .record-status1 table tfoot tr td {
	height: 4.375rem
}

.record-status1 table tbody tr th, .record-status1 table tbody tr td {
	height: 4.375rem;
	font-weight: 300
}

.record-status1 table tbody tr th:first-child, .record-status1 table tbody tr td:first-child {
	border-left-color: #fff
}

.record-status1 table tbody tr th:last-child, .record-status1 table tbody tr td:last-child {
	border-right-color: #fff
}


@media ( max-width : 980px) {
	.record-status table thead tr th, .record-status table thead tr td {
		padding: 0.6rem 0
	}
	.record-status table thead tr th.section>div, .record-status table thead tr td.section>div {
		height: calc(4.8rem + 1px)
	}
	.record-status table thead tr th.section>div .col, .record-status table thead tr td.section>div .col {
		top: 0.6rem
	}
	.record-status table thead tr th.section>div .row, .record-status table thead tr td.section>div .row {
		bottom: 0.6rem
	}
	.record-status table tbody tr th, .record-status table tbody tr td, .record-status table tfoot tr th, .record-status table tfoot tr td {
		height: 3.5rem
	}

	.record-status1 table thead tr th, .record-status1 table thead tr td {
		padding: 0.6rem 0
	}
	.record-status1 table thead tr th.section>div, .record-status1 table thead tr td.section>div {
		height: calc(4.8rem + 1px)
	}
	.record-status1 table thead tr th.section>div .col, .record-status1 table thead tr td.section>div .col {
		top: 0.6rem
	}
	.record-status1 table thead tr th.section>div .row, .record-status1 table thead tr td.section>div .row {
		bottom: 0.6rem
	}
	.record-status1 table tbody tr th, .record-status1 table tbody tr td, .record-status1 table tfoot tr th, .record-status1 table tfoot tr td {
		height: 3.5rem
	}
}

.record-description {
	border: 1px solid #e1e1e1;
	padding: 1rem 1.25rem 1rem 5.5rem;
	background-image: url(../images/ico-warning.gif);
	background-repeat: no-repeat;
	background-position: 1.25rem 1.25rem
}

.record-description dl {
	position: relative;
	padding-left: 1.1rem
}

.record-description dl dt {
	position: absolute;
	top: 0;
	left: 0
}

.record-description dl dd ol {
	counter-reset: numb
}

.record-description dl dd ol li {
	position: relative;
	padding-left: 1.1rem
}

.record-description dl dd ol li::before {
	counter-increment: numb;
	content: counter(numb) ")";
	position: absolute;
	top: 0;
	left: 0
}

@media ( max-width : 980px) {
	.record-description {
		padding: 0.75rem 1rem 0.75rem 4.375rem;
		background-size: 38px;
		background-position: 1rem 1rem
	}
}

@media ( max-width : 660px) {
	.record-description {
		padding: 0.75rem;
		background-image: none
	}
	.record-description dl {
		padding-left: 0
	}
	.record-description dl dt {
		position: static
	}
}

.infomation-step-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	line-height: 1.125
}

.infomation-step-content li {
	padding: 2.375rem 0.25rem;
	margin-right: 3rem;
	width: calc(33.33333337% - 2.5rem)
}

.infomation-step-content li img, .infomation-step-content li span {
	display: block;
	margin: 0 auto
}

.infomation-step-content li img {
	margin-bottom: 1rem
}

.infomation-step-content li::after {
	right: -3rem;
	width: 3rem;
	font-size: 2.25rem
}

@media ( max-width : 980px) {
	.infomation-step-content li {
		padding: 1.9rem 0.25rem;
		margin-right: 2.4rem;
		width: calc(33.33333337% - 2rem)
	}
	.infomation-step-content li img {
		margin-bottom: 0.8rem;
		height: 51px
	}
	.infomation-step-content li br {
		display: none
	}
	.infomation-step-content li::after {
		right: -2.4rem;
		width: 2.4rem;
		font-size: 2rem
	}
}

@media ( max-width : 660px) {
	.infomation-step-content {
		display: block;
		line-height: 1.5
	}
	.infomation-step-content li {
		margin: 0 0 2.25rem 0;
		padding: 0.525rem 0;
		width: auto
	}
	.infomation-step-content li img, .infomation-step-content li br {
		display: none
	}
	.infomation-step-content li span {
		display: inline
	}
	.infomation-step-content li::after {
		right: 0;
		margin-top: 0.25rem;
		width: auto;
		font-size: 1.875rem
	}
}

.guide-button-group {
	overflow: hidden
}

.guide-button-group .button, .guide-button-group .accordion-list dl dd .history, .accordion-list dl dd .guide-button-group .history, .guide-button-group .schedule-accordion-list dl dd .history,
	.schedule-accordion-list dl dd .guide-button-group .history, .guide-button-group .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .guide-button-group .history, .guide-button-group .lawlink-list li .link a,
	.lawlink-list li .link .guide-button-group a {
	margin: 0.25rem 0.5rem 0.25rem 0
}

.guide-button-group .button:last-child, .guide-button-group .accordion-list dl dd .history:last-child, .accordion-list dl dd .guide-button-group .history:last-child, .guide-button-group .schedule-accordion-list dl dd .history:last-child,
	.schedule-accordion-list dl dd .guide-button-group .history:last-child, .guide-button-group .qna-accordion-list dl dd .history:last-child, .qna-accordion-list dl dd .guide-button-group .history:last-child,
	.guide-button-group .lawlink-list li .link a:last-child, .lawlink-list li .link .guide-button-group a:last-child {
	margin-right: 0
}

@media ( max-width : 660px) {
	.guide-button-group .button, .guide-button-group .accordion-list dl dd .history, .accordion-list dl dd .guide-button-group .history, .guide-button-group .schedule-accordion-list dl dd .history,
		.schedule-accordion-list dl dd .guide-button-group .history, .guide-button-group .qna-accordion-list dl dd .history, .qna-accordion-list dl dd .guide-button-group .history, .guide-button-group .lawlink-list li .link a,
		.lawlink-list li .link .guide-button-group a {
		float: left;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
		width: calc(50% - 0.25rem);
		min-width: 0;
		font-size: 1rem
	}
	.guide-button-group .button:nth-child(2n), .guide-button-group .accordion-list dl dd .history:nth-child(2n), .accordion-list dl dd .guide-button-group .history:nth-child(2n), .guide-button-group .schedule-accordion-list dl dd .history:nth-child(2n),
		.schedule-accordion-list dl dd .guide-button-group .history:nth-child(2n), .guide-button-group .qna-accordion-list dl dd .history:nth-child(2n), .qna-accordion-list dl dd .guide-button-group .history:nth-child(2n),
		.guide-button-group .lawlink-list li .link a:nth-child(2n), .lawlink-list li .link .guide-button-group a:nth-child(2n) {
		margin-right: 0
	}
}

.introduce-task {
	display: table;
	padding: 1.25rem;
	width: 100%;
	table-layout: fixed;
	border: 1px solid #e1e1e1;
	font-weight: 300;
	color: #000
}

.introduce-task dt, .introduce-task dd {
	display: table-cell;
	vertical-align: middle
}

.introduce-task dt {
	width: 20.1%;
	text-align: center
}

.introduce-task dd {
	padding-left: 1.25rem
}

@media ( max-width : 980px) {
	.introduce-task {
		padding: 1rem
	}
	.introduce-task dt img {
		height: 116px
	}
	.introduce-task dd {
		padding-left: 1rem
	}
}

@media ( max-width : 660px) {
	.introduce-task {
		padding: 0.75rem
	}
	.introduce-task dt, .introduce-task dd {
		display: block
	}
	.introduce-task dt {
		width: auto
	}
	.introduce-task dt img {
		height: 86px
	}
	.introduce-task dd {
		margin-top: 0.75rem;
		padding-left: 0
	}
}

.orgchart-select {
	overflow: hidden
}

.orgchart-select select, .orgchart-select button {
	float: left;
	margin-right: 0.625rem
}

.orgchart-select select:last-child, .orgchart-select button:last-child {
	margin-right: 0
}

.orgchart-select select {
	min-width: 8.75rem
}

.orgchart-select button {
	min-width: 6rem
}

@media ( max-width : 660px) {
	.orgchart-select select, .orgchart-select button {
		margin-right: 0.5rem
	}
	.orgchart-select select {
		width: calc(50% - 3rem)
	}
	.orgchart-select button {
		min-width: 5rem
	}
}

.orgsite-list {
	text-align: center
}

.orgsite-list td {
	font-weight: 300
}

.orgsite-list td.subject {
	text-align: left
}

.orgsite-list tbody th {
	border-right: 1px solid #e1e1e1;
	background: #fff;
	font-size: 1rem;
	font-weight: 300
}

@media ( max-width : 660px) {
	.orgsite-list {
		display: block;
		text-align: left
	}
	.orgsite-list colgroup, .orgsite-list thead {
		display: none
	}
	.orgsite-list tbody, .orgsite-list tr, .orgsite-list th, .orgsite-list td {
		display: block
	}
	.orgsite-list tr {
		padding: 0.5rem 0;
		border-bottom: 1px solid #e1e1e1
	}
	.orgsite-list tr td {
		padding: 0;
		border: 0
	}
	.orgsite-list tr td img {
		display: block;
		margin: 0.35rem 0;
		width: 100%
	}
	.orgsite-list tr td:first-child {
		display: none
	}
	.orgsite-list tr td.part {
		display: block;
		font-size: 1.125rem
	}
}

.lawlink-list {
	overflow: hidden;
	padding: 1rem 0;
	border: 1px solid #e1e1e1
}

.lawlink-list li {
	float: left;
	padding: 0.25rem 1.25rem;
	width: 50%;
	display: table
}

.lawlink-list li .text, .lawlink-list li .link {
	display: table-cell;
	vertical-align: middle
}

.lawlink-list li .text p {
	position: relative;
	padding: 0 1rem;
	line-height: 1.2
}

.lawlink-list li .text p::before {
	content: "·";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700
}

.lawlink-list li .link {
	text-align: right;
	white-space: nowrap
}

.lawlink-list li .link a {
	padding: 0.35rem 0 0.45rem 0;
	margin-right: 0.5rem;
	width: 6.375rem
}

.lawlink-list li .link a:last-child {
	margin-right: 0
}

.lawlink-list li .link a::after {
	content: " ";
	margin-left: 0.25rem
}

.lawlink-list li:nth-child(2n-1) {
	clear: left
}

@media ( max-width : 980px) {
	.lawlink-list li {
		float: none;
		width: 100%
	}
}

@media ( max-width : 660px) {
	.lawlink-list {
		padding: 0.8rem 0
	}
	.lawlink-list li {
		display: block;
		margin-top: 0.25rem;
		padding: 0.2rem 1rem
	}
	.lawlink-list li .text, .lawlink-list li .link {
		display: block
	}
	.lawlink-list li .link {
		text-align: left;
		margin-top: 0.35rem
	}
	.lawlink-list li .link a {
		margin-right: 0.35rem
	}
	.lawlink-list li:first-child {
		margin-top: 0
	}
}

.history-image {
	padding-top: 3.125rem;
	border-top: 2px solid #2062b6;
	text-align: center
}

@media ( max-width : 980px) {
	.history-image {
		padding-top: 2.5rem
	}
}

@media ( max-width : 660px) {
	.history-image {
		padding-top: 1.875rem
	}
}

.history-list>li {
	position: relative;
	float: left;
	clear: both;
	padding: 0 3.125rem 0 1.25rem;
	width: 50%;
	text-align: right
}

.history-list>li::before, .history-list>li::after {
	content: " ";
	position: absolute;
	left: 100%;
	overflow: hidden
}

.history-list>li::before {
	top: 0;
	width: 1px;
	height: 100%;
	background: #e1e1e1
}

.history-list>li::after {
	top: 0.75rem;
	margin-left: -0.45rem;
	width: 1rem;
	height: 1rem;
	border: 5px solid #2062b6;
	border-radius: 100%;
	background: #fff
}

.history-list>li dl dt {
	font-size: 2.5rem;
	line-height: 1;
	font-weight: 700;
	color: #2062b6
}

.history-list>li dl dd {
	margin-top: 0.75rem
}

.history-list>li dl dd ul li {
	margin-top: 0.35rem
}

.history-list>li dl dd ul li span {
	font-weight: normal;
	color: #2062b6
}

.history-list>li dl dd ul li:first-child {
	margin-top: 0
}

.history-list>li:nth-child(even) {
	float: right;
	text-align: left;
	padding: 0 1.25rem 0 3.125rem
}

.history-list>li:nth-child(even)::before, .history-list>li:nth-child(even)::after {
	left: 0
}

.history-list>li:first-child::before {
	top: 1.5rem
}

.history-list>li:last-child::before {
	height: 1.5rem
}

@media ( max-width : 980px) {
	.history-list>li {
		padding: 0 2.5rem 0 1rem
	}
	.history-list>li dl dt {
		font-size: 2.25rem
	}
	.history-list>li dl dd {
		margin-top: 0.5rem
	}
	.history-list>li dl dd ul li {
		margin-top: 0.25rem
	}
	.history-list>li:nth-child(even) {
		padding: 0 1rem 0 2.5rem
	}
}

@media ( max-width : 660px) {
	.history-list>li {
		float: none !important;
		padding: 0.75rem 0.75rem 0 1.75rem !important;
		width: auto;
		text-align: left
	}
	.history-list>li::before {
		left: 0.35rem !important
	}
	.history-list>li::after {
		top: 1.35rem;
		left: 0;
		margin-left: 0;
		width: 0.8rem;
		height: 0.8rem;
		border: 3px solid #2062b6
	}
	.history-list>li dl dt {
		font-size: 1.875rem
	}
	.history-list>li dl dd {
		margin-top: 0.35rem
	}
	.history-list>li dl dd ul li {
		margin-top: 0
	}
	.history-list>li:first-child {
		padding-top: 0 !important
	}
	.history-list>li:first-child::after {
		top: 0.6rem
	}
}

.popup-modal {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0 1.875rem;
	overflow: auto;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.35s ease, opacity 0.35s ease;
	text-align:center;
}
.popup-modal:after{display:inline-block;content:'';vertical-align:middle;width:0;height:100%;}	 /*인크리스추가*/

.popup-modal:focus .container {outline:2px dashed #fff !important; outline-offset: 1px;}	/* 레이어팝업 포커스 20231219 웹접근성 추가 */

.popup-modal .container {
	margin: 0 auto;
	max-width: 960px;
	background: #fff;
	position:relative;
	display:inline-block;
	min-height:150px;
	vertical-align: middle;
}

.popup-modal .container>.header {
	position: relative;
	padding: 1.25rem 70px;
	background: #2062b6
}

.popup-modal .container>.header .title {
	font-size: 1.5rem;
	text-align: center;
	color: #fff
}

.popup-modal .container>.header .close {
	position: absolute;
	top: 50%;
	right: 1.25rem;
	margin-top: -22px;
	width: 44px;
	height: 44px;
	overflow: hidden;
	background-color: transparent;
	background-image: url(../images/ico-sprite-layout.png);
	background-position: -250px 0;
	text-indent: -9999em
}

.popup-modal .container>.content {
	padding: 1.875rem 1.25rem;
	text-align:left;
}

.popup-modal.active {
	visibility: visible;
	opacity: 1
}

@media ( max-width : 1200px) {
	.popup-modal {
		padding: 56px 1.875rem
	}
	.popup-modal .container>.header .close {
		margin-top: -18px;
		width: 36px;
		height: 36px;
		background-size: 240px;
		background-position: -200px 0
	}
}

@media ( max-width : 980px) {
	.popup-modal {
		padding: 56px 1rem
	}
	.popup-modal .container {width:100%;}/*인크리스추가*/
	.popup-modal .container>.header {
		padding: 1rem 50px
	}
	.popup-modal .container>.header .title {
		font-size: 1.25rem
	}
	.popup-modal .container>.header .close {
		right: 1rem;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		background-size: 180px;
		background-position: -90px -30px
	}
	.popup-modal .container>.content {
		padding: 1.5rem 1rem
	}
}

.popup-modal .board-view .subject {
	font-size: 1.125rem
}

.popup-modal .board-view .content {
	padding: 1rem 0.625rem
}

.popup-modal .slide-content {
	border: 0
}

.popup-modal .slide-content .viewer {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0
}

.popup-modal .slide-content .slider {
	padding: 1.5rem 35px
}

.popup-modal .slide-content .slider .slick-prev {
	left: 0
}

.popup-modal .slide-content .slider .slick-next {
	right: 0
}

@media ( max-width : 980px) {
	.popup-modal .slide-content .slider {
		padding: 1.25rem 25px
	}
	.popup-modal .slide-content .slider .slick-slide {
		padding: 0 4px
	}
	.popup-modal .slide-content .slider .slick-prev, .popup-modal .slide-content .slider .slick-next {
		width: 1.35rem
	}
	.popup-modal .slide-content .slider .slick-prev::before, .popup-modal .slide-content .slider .slick-next::before {
		font-size: 1.35rem
	}
}

@media ( max-width : 660px) {
	.popup-modal .slide-content .viewer {
		border-bottom: 0
	}
	.popup-modal .slide-content .slider {
		display: none;
		padding: 1rem 20px
	}
	.popup-modal .slide-content .slider .slick-slide {
		padding: 0 3px
	}
}

#accessibility strong {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	text-indent: -999em
}

#accessibility a {
	position: absolute;
	z-index: 9999;
	top: -3.1em;
	left: 0;
	right: 0;
	padding: 0.75em;
	overflow: hidden;
	background: #000;
	text-align: center;
	color: #fff
}

/* 2024-01-04 스킵 네비게이션 포커스 색상 변경 */
#accessibility a:focus {
	outline-color:#2062b6 !important;
}

#accessibility a:hover, #accessibility a:focus, #accessibility a:active {
	top: 0
}

#accessibility a:focus {outline-offset:-3px; outline-color:#fff !important;}/* 2024-01-10 추가 */
html {
	font-size: 100%;
	font-family: "Noto Sans Korean", "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif";
	font-style: normal
}

html.modal-open {
	overflow: hidden
}

@media ( max-width : 980px) {
	html {
		padding-top: 56px
	}
}

@media ( max-width : 660px) {
	html {
		font-size: 87.5%
	}
}

#container {
	padding-top: 2rem
}

.profileGroup {
	position: relative;
	display: inline-block;
	width: 100%
}

.profileGroup .photoArea {
	float: left;
	width: 264px;
	height: 493px;
	background: url(../images/bg_photoArea.gif) left top no-repeat;
	background-size: cover
}

.profileGroup .photoArea ul {
	margin: 35px auto;
	width: 196px
}

.profileGroup .photoArea ul li {
	text-align: center
}

.profileGroup .photoArea ul li img {
	width: 100%
}

.profileGroup .photoArea ul li.sign {
	margin-top: 75px
}

.profileGroup .profile {
	float: right;
	width: 67%
}

.profileGroup .profile h5 {
	margin-bottom: 13px
}

.firstLady {
	overflow: hidden;
	width: 100%
}

.firstLady .firstLadyCon {
	width: 100%;
	margin-top: 1.875rem
}

.firstLady .firstLadyCon .lady-info {
	float: left;
	width: 67%
}

.firstLady .firstLadyCon .photoGroup {
	float: right;
	width: 30%
}

.firstLady .firstLadyCon .photoGroup .slide-content .viewer {
	padding: 5px
}

.firstLady .firstLadyCon .photoGroup .slide-content .slider {
	padding: 5px
}

.table_new2 td {
	text-align: center;
	border: 1px solid #e1e1e1;
	border-left: none;
	border-top: none
}

.table_new2 td:last-child {
	border-right: none
}

.tour_info_box {
	margin: 0 0 50px;
	padding: 20px;
	box-sizing: border-box;
	background: #ebebeb
}

.tour_info_box dl {
	padding-left: 325px;
	background: url("../images/bg_info_n01.jpg") no-repeat left 0px/300px auto
}

.tour_info_box dl.elem {
	padding-left: 325px;
	background: url("../images/bg_info_n04.jpg") no-repeat left 0px/300px auto
}

.tour_info_box + .nav-tabmenu1 ul li {
    margin-right: 4px;
}/*221128 추가*/

@media ( max-width : 660px) {
	.tour_info_box dl.elem {
		padding-left: 0px;
		padding-top: 60%;
		background: url("../images/bg_info_n04.jpg") no-repeat left 0px/100% auto
	}
}


.tour_info_box dt, .tour_info_box dd {
	line-height: 1.6em
}

.tour_info_box dt {
	display: block;
	font-size: 24px;
	color: #000;
	margin-bottom: 10px
}

.tour_info_box dd {
	font-size: 15.5px;
	color: #000
}

.tour_cal {
	margin-top: 28px
}

.tour_cal .yyyymm {
	position: relative;
	text-align: center;
	padding: 19px 0;
	width: 100%;
	line-height: 24px
}

.tour_cal .yyyymm a {
	display: block;
	position: absolute;
	top: 19px;
	left: 2px
}

.tour_cal .yyyymm a:last-child {
	left: auto;
	right: 2px
}

.tour_cal .yyyymm a img {
	vertical-align: top
}

.tour_cal .month_txt {
	display: inline-block;
	width: 235px;
	font-size: 24px;
	color: #000
}

.tourSchd {
	overflow: hidden;
	width: 100%;
	margin-top: 50px;
	padding-bottom: 18px
}

.tourSchd .tourSchd_l {
	float: left;
	overflow: hidden;
	width: 45%
}

.tourSchd .tourSchd_l .tour_cal {
	border-top: 2px solid #2062b6
}

.tourSchd .tourSchd_l .tour_cal table {
	width: 100%;
	border-spacing: 1px
}

.tourSchd .tourSchd_l .tour_cal thead th {
	font-size: 18px;
	color: #000;
	text-align: center;
	font-weight: 500;
	padding: 8px 0;
	background: #ebebeb
}

.tourSchd .tourSchd_l .tour_cal thead th.sunday {
	color: #ff0000
}

.tourSchd .tourSchd_l .tour_cal thead th.saturday {
	color: #2062b6
}

.tourSchd .tourSchd_l .tour_cal tbody td {
	padding: 0;
	text-align: center;
	border: none
}

.tourSchd .tourSchd_l .tour_cal tbody td a {
	display: block;
	padding: 23px 0;
	line-height: 16px;
	font-size: 16px
}

.tourSchd .tourSchd_l .tour_cal .no {
	background: url("../images/bg_tour_02.gif") no-repeat center center/100% 100%
}

.tourSchd .tourSchd_l .tour_cal .no1 {
	background: url("../images/bg_tour_02.gif") no-repeat center center;
	position: relative;
}

.tourSchd .tourSchd_l .tour_cal .no1 a {
	font-size: 0;
}

.tourSchd .tourSchd_l .tour_cal .no1:before {
	content: '예약완료';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.1;
    cursor: pointer;
}

.tourSchd .tourSchd_l .tour_cal .yes a, .tourSchd .tourSchd_l .tour_cal .free a, .tourSchd .tourSchd_l .tour_cal .close a {
	color: #fff
}

.tourSchd .tourSchd_l .tour_cal .yes {
	background: url("../images/bg_tour_01.gif") no-repeat center center/100% 100%
}

.tourSchd .tourSchd_l .tour_cal .free {
	background: url("../images/bg_tour_04.gif") no-repeat center center/100% 100%
}

.tourSchd .tourSchd_l .tour_cal .close {
	background: url("../images/bg_tour_03.gif") no-repeat center center/100% 100%
}

.tourSchd .tourSchd_l .tour_cal .yes a {
	color: #000000
}

.tourSchd .tourSchd_l .thumbArea {
	margin-top: 20px;
	padding: 9px 19px;
	border: 1px solid #e1e1e1
}

.tourSchd .tourSchd_l .thumbArea ul {
	width: 215px;
	margin: 0 auto
}

.tourSchd .tourSchd_l .thumbArea li {
	display: inline-block;
	margin: 0 5px
}

.tourSchd .tourSchd_l .thumbArea2 {
	width: 100%;
	margin-top: 20px;
	padding: 9px 19px;
	border: 1px solid #e1e1e1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.tourSchd .tourSchd_l .thumbArea2 li {
	display: flex;
	width: 64px;
	height: 64px;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	margin: 0 5px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url("../images/bg_tour_01.gif") no-repeat center center/100% 100%
}

.tourSchd .tourSchd_l .thumbArea2 li+li {
	background: url("../images/bg_tour_02.gif") no-repeat center center
}

.tourSchd .tourSchd_l .thumbArea2 li+li+li {
	color: #fff;
	background: url("../images/bg_tour_03.gif") no-repeat center center/100% 100%
}

.tourSchd .tourSchd_l .thumbArea2 li+li+li+li {
	color: #fff;
	background: url("../images/bg_tour_04.gif") no-repeat center center/100% 100%
}

.tourSchd .tourSchd_r {
	float: right;
	width: 50%
}

.tourSchd .tourSchd_r .reserva_box {
	color: #074a7d;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ebe6e5;
	padding: 14px 10px;
	margin-top: 20px;
	background: #f1f1f1
}

.tourSchd .tourSchd_r .search_bookingList {
	margin-top: 20px;
	padding: 10px 0;
	border: 1px solid #d6deea;
	background: #edf2f7
}

.tourSchd .tourSchd_r .search_bookingList tbody th {
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.tourSchd .tourSchd_r .search_bookingList tbody td {
	padding-left: 7px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.tourSchd .tourSchd_r .search_bookingList .btnSch {
	background-color: #43567c;
	border: 0 none;
	color: #fff;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 53px
}

.ver_t {
	vertical-align: top
}

.ver_m {
	vertical-align: middle
}

.table_new3 th {
	text-align: left;
	padding: 0.45rem 0.45rem 0.45rem 3%
}

.table_new3 td {
	padding: 0.45rem 0.625rem
}

.table_new3 td input {
	height: 2.5rem;
	padding: 0 0.625rem;
	border: 2px solid #e1e1e1
}

.vlist {
	max-height: 90px;
	overflow-y: auto
}

.vlist li {
	margin: 0 0 5px 0
}

.vlist label {
	position: absolute;
	font-size: 0;
	line-height: 0
}

.vlist input {
	height: 24px;
	border: 1px solid #d6deea
}



.tourSchd_r textarea {
	line-height: 13px;
	padding: 0.625rem;
	border: 2px solid #e1e1e1
}

.btn_area_n {
	width: 100%;
	text-align: center
}

.btn_area_n button {
	width: 100%
}

.icon-board-apply {
	width: 19px;
	height: 14px;
	background: url("../images/bull_n01.png") no-repeat center center
}

.booking_search_box {
	margin: 26px 0 0;
	padding: 15px;
	border: 1px solid #d6deea;
	background: #ebebeb
}

.booking_search_box dl {
	display: block;
	margin: 0 0 15px
}

.booking_search_box dt {
	display: inline-block;
	font-size: 16px;
	color: #000;
	font-weight: 500
}

.booking_search_box dd {
	display: inline-block;
	font-size: 16px;
	color: #000
}

.booking_search_box .board-sort label {
	font-size: 16px;
	color: #000;
	font-weight: 500
}

.table_new4 td {
	text-align: center
}

.download-n1 {
	height: 40px;
	padding: 0 20px;
	margin: 0 0 0 5px;
	border: 1px solid #2062b6;
	background: #fff;
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	background: #2062b6
}

.icon-board-download-n1 {
	width: 20px;
	height: 24px;
	background: url("../images/icon_n01.gif") no-repeat center center
}

.tour_info_box-n1 p {
	display: block;
	margin: 0 0 15px;
	text-indent: -14px;
	padding: 0 0 0 14px
}

.table_new3 .form-request .inchk {
	margin: 0 0 5px;
	font-size: inherit;
	font-weight: inherit
}

.table_new3 .form-request .inchk input[type=radio]:checked {
	background: #fff url(../images/ico-checked-n1.jpg) center center no-repeat
}

.noti-n1 {
	padding-left: 8%;
	text-indent: -19px
}

.noti-n2 {
	padding-left: 3%;
	text-indent: -19px
}

.mb5 {
	margin-bottom: 5px
}

.mr30 {
	margin-right: 30px !important
}

.ml10 {
	margin-left: 10px !important
}

.mlr5 {
	margin-left: 5px !important;
	margin-right: 5px !important
}

.mlm8 {
	margin-left: -8px !important
}

.w10p {
	width: 10% !important
}

.w15p {
	width: 15% !important
}

.w100p {
	width: 100%
}

.table_new3 .pc_block {
	display: block;
	margin: 0 0 0 7%
}

.table_new3 td .hint {
	margin: 0 0 0 10px
}

.table_new3 td .tbox {
	padding: 5px 0
}

.table_new3_2 td input[type="text"], .table_new3_2 td input[type="password"] {
	width: 50%
}

.table_new3 td input:disabled {
	background: #ebebeb
}

.icon-board-cancel-n1 {
	width: 18px;
	height: 18px;
	background: url("../images/icon_n02.png") no-repeat center center
}

.table_new3 textarea {
	width: 100%;
	padding: 0.625rem;
	border: 2px solid #e1e1e1
}

.table_new3_2 .space1:first-child {
	margin-top: 0.5rem !important
}

.pwdbox {
	border: 1px solid #d6deea;
	background: #ebebeb;
	padding: 13px 0;
	margin: 0 0 25px 0;
	text-align: center
}

.tipbox-n1 {
	position: relative;
	padding: 20px 20px 20px 192px
}

.tipbox-n1 img {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -72px
}

.sub-title-n2 {
	font-size: 1.25rem;
	color: #222;
	font-weight: normal
}

.list-style-n2 {
	margin-left: 1.2rem
}

.list-style-n2 li {
	position: relative;
	margin-top: 0.125em;
	padding-left: 1em;
	color: #000
}

.list-style-n2 li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0
}

.board-search-n2 .field {
	padding: 1.125rem 15%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.organization h4 {
	width: 318px;
	height: 60px;
	margin: 50px auto 0
}

.organization h4 a {
	display: block;
	text-align: center;
	font-size: 1.5rem;
	line-height: 60px;
	font-weight: 400;
	color: #fff;
	background: #023678
}

.organization_in {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 100px 0 0;
	text-align: center;
	background: url("../images/organization_img.gif") no-repeat center top
}

.organization_in dl {
	display: inline-block;
	width: 180px;
	height: 356px;
	margin: 0 7.5px;
	box-sizing: border-box;
	border: 1px solid #2062b6
}

.organization_in dt {
	width: 100%;
	height: 60px;
	font-size: 1.125rem;
	line-height: 60px;
	font-weight: 400;
	color: #fff;
	background: #2062b6
}

.organization_in dd {
	padding: 10px 5px;
	text-align: left;
	line-height: 1.4
}

.organization_in dd a {
	display: block
}

.noti-n3 {
	position: relative;
	color: #000;
	padding: 0 0 0 30px;
	box-sizing: border-box
}

.icon-board-noti-n1 {
	position: absolute;
	top: 4px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url("../images/noti-n1.gif") no-repeat center center/cover
}

.history-step-n1 {
	padding: 50px 0 0;
	text-align: center;
	border-top: 2px solid #2062b6
}

.history-step-n1 img {
	max-width: 100%
}

.history-step-n1 strong {
	position: absolute;
	top: -10px;
	display: block;
	font-size: 40px;
	line-height: 40px;
	font-weight: 500;
	color: #2062b6
}

.history-step-n1 ul {
	overflow: hidden;
	clear: both
}

.history-step-n1 li {
	vertical-align: top;
	margin: 0 0 12px;
	font-size: 18px;
	line-height: 100%;
	color: #000
}

.history-step-n1 li span {
	margin: 0 2px 0 0;
	color: #2062b6;
	font-weight: 600
}

.history-step-right {
	position: relative;
	margin: 0 0 0 480px;
	padding: 50px 0 34px 48px;
	text-align: left;
	border-left: 2px solid #e1e1e1
}

.history-step-right strong {
	left: 48px
}

.history-step-right:after {
	content: '';
	position: absolute;
	top: 0;
	left: -8px;
	width: 16px;
	height: 16px;
	background: url("../images/spot_n01.png") no-repeat left top/cover
}

.history-step-left {
	position: relative;
	width: 482px;
	margin: 0;
	padding: 50px 48px 34px 0;
	border-right: 2px solid #e1e1e1;
	text-align: right
}

.history-step-left strong {
	right: 48px
}

.history-step-left:after {
	content: '';
	position: absolute;
	top: 0;
	right: -8px;
	width: 16px;
	height: 16px;
	background: url("../images/spot_n01.png") no-repeat left top/cover
}

.history-step-left:last-child {
	border-right: none
}

.use_guide-n1 {
	color: #000;
	line-height: 1.5
}

.use_guide-n1 h4 {
	margin: 0 0 10px 0;
	font-size: 1.375rem;
	font-weight: normal
}

.use_guide-n1 h5 {
	margin: 0 0 10px 0;
	font-size: 1.25rem;
	font-weight: normal
}

.use_guide-n1 .context li {
	position: relative;
	margin-top: 0.125em;
	padding-left: 1em
}

.use_guide-n1 .context li::before {
	content: "ㆍ";
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

.use_guide-n1 .context li li::before {
	content: ""
}

.use_guide-n1 .red {
	color: #ed1c24
}

.use_guide-n1 .blue {
	color: #2062b6
}

.mb10 {
	margin-bottom: 10px
}

.epeople-n1 {
	position: relative;
	padding-left: 4rem;
	line-height: 1.5
}

.epeople-n1 strong {
	position: absolute;
	top: 1rem;
	left: 1.25rem;
	font-size: 1.5rem;
	color: #2062b6
}

.map div {
	padding: 20px 0 20px 150px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.use_guide-n1 h5 {
	margin: 0 0 10px 0;
	font-size: 1.25rem;
	font-weight: normal
}

.train {
	background: url("../images/bg_train.gif") no-repeat 20px 30px/104px 104px
}

.bus {
	background: url("../images/bg_bus.gif") no-repeat 20px 30px/104px 104px
}

.car {
	background: url("../images/bg_car.gif") no-repeat 20px 30px/104px 104px
}

.map img {
	max-width: 100%
}

#sitemap01 {
	display: block
}

#sitemap01 .sitemap-box {
	padding: 20px 0;
	box-sizing: border-box
}

#sitemap01 .sitemap-box ul {
	display: inline-block;
	margin: 0 15px 20px 0;
	vertical-align: top;
	position: relative
}

#sitemap01 .sitemap-box li {
	position: relative;
	margin-top: 0.125em;
	padding-left: 1em;
	width: 210px;
	box-sizing: border-box;
	text-align: left
}

#sitemap01 .sitemap-box a {
	color: #333
}

#sitemap01 .sitemap-box a:hover {
	color: #2062b6
}

#sitemap01 .sitemap-box .stm-title {
	color: #2062b6;
	border: 1px solid #2062b6;
	box-sizing: border-box;
	font-size: 1.125rem;
	text-align: center !important;
	padding: 8px 0;
	box-sizing: border-box
}

#sitemap01 .sitemap-box .stm-title a {
	color: #2062b6
}

#sitemap01 .sitemap-box li::before {
	content: "ㆍ";
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

#sitemap01 .sitemap-box .stm-title::before {
	content: ""
}

.new_win {
	width: 18px;
	height: 15px;
	display: inline-block;
	background: url("../images/blank_icon.gif") no-repeat center center;
	font-size: 0px;
	overflow: hidden;
	position: relative;
	top: 1px;
	left: 4px
}

#sitemap02 .sitemap02-box {
	display: table;
	height: auto;
	width: 100%
}

#sitemap02 .sitemap02-box ul li {
	border-bottom: 1px solid #e1e1e1
}

#sitemap02 .bb-line {
	border-bottom: 1px solid #e1e1e1
}

#sitemap02 .bt-line {
	border-top: 2px solid #2062b6
}

#sitemap02 .sitemap02-box .site-left {
	width: 20%;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #e1e1e1;
	background: #ebebeb;
	font-size: 1.5em;
	line-height: 100%;
	color: #000;
	border-bottom: 1px solid #e1e1e1
}

.sitemap02 .sitemap02-box .site-right {
	width: 80%
}

.sitemap02-list {
	text-indent: 15px
}

.sitemap02-list li {
	line-height: 40px;
	height: 40px
}

.board-list.board-list-n2 strong, .table.board-list-n2 strong, .board-list-n2.board-list strong, .board-list-n2.board-view strong, .board-list-n2.table-view strong, .board-list-n2.record-list strong,
	.board-list-n2.schedule-year-list strong, .board-list-n2.competition-list strong, .board-list-n2.orgsite-list strong {
	font-size: 16px;
	font-weight: 500
}

.board-list-n2 .td-center-n1 {
	text-align: center
}

.board-list-n2 a strong {
	color: #2062b6
}

.num-n1 {
	display: inline-block !important;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	font-size: 10px;
	line-height: 120%;
	text-align: center;
	text-indent: -2px;
	color: #000;
	border: 1px solid #000
}

.greetings .end {
	text-align: center;
	text-indent: 20px;
	position: relative
}

.greetings .greetings_title {
	color: #2062b6
}

.greetings .greetings_title img {
	vertical-align: top
}

.greetings .title_1 {
	font-size: 20px
}

.greetings .title_2 {
	font-size: 27px;
	margin-left: 32px
}

.greetings .mark_1 {
	padding: 5px
}

.greetings .mark_2 {
	padding: 5px
}

.greetings .end img {
	margin-left: 20px;
	vertical-align: middle
}

.menu-font-n1 li a {
	font-size: 15px !important
}

.board-list-n3 td {
	font-weight: 300
}

.tbl-td-center td {
	text-align: center
}

.text-description2 {
	color: #000;
	background: #f2f2f2
}

.text-description2 .title, .text-description2 dt {
	color: #fff
}

.itinerancy-list>li dl dd ul li a::after {
	background: none
}

.letter-list>li .content .subject, .letter-list>li .content .infomation {
	padding-left: 0
}

.main-infomation h2 {
	padding-top: 0.63rem;
	padding-bottom: 0.63rem;
	background-size: 35px
}

.main-infomation .detail {
	margin-top: 1.2rem;
	height: 10.9rem
}

.main-infomation .detail>ul>li dl dd {
	padding: 0.3rem 1.75rem
}

.division {
	font-size: 1.125rem;
	font-weight: 500
}

.board-list td {
	font-weight: normal
}

.bord .infobox {
	padding: 10px;
	margin: 10px 0;
	color: #6590a8;
	text-align: center;
	border: 2px solid #6590a8;
	background: #ebeff8
}

.bord .right {
	text-align: right
}

.schedule-accordion-list2 dl dt {
	padding: .5rem .5rem .5rem 0;
	background: #fff
}

.schedule-accordion-list2 dl dt a {
	padding: 1rem 0
}

.schedule-accordion-list2 dl dt a span {
	padding: 1rem;
	margin: -1rem .5rem -1rem 0;
	background: #ebebeb
}

.pre_txt {
	display: flex
}

.pre_txt>span {
	padding: 0 3% 0 0;
	box-sizing: border-box
}

.slide-content .viewer {
	padding: 0;
	border: none
}

.popup-modal .slide-content .slider {
	margin: 0 0 1.5rem;
	padding: 0 1.5rem 1.5rem;
	border-bottom: 1px solid #e1e1e1
}

.table th, .board-list th, .board-view th, .table-view th, .record-list th, .schedule-year-list th, .competition-list th, .orgsite-list th, .board-list th, .board-view th, .table-view th, .record-list th,
	.schedule-year-list th, .competition-list th, .orgsite-list th {
	font-size: inherit;
	font-weight: 400
}

#content {
	letter-spacing: -0.02em
}

.exhibition-selectbox {
	z-index: 4
}

.main-topic ul li .thumbnail {
	height: 301px;
	background-size: 100% 100%
}

.main-infomation h2 {
	font-size: 1.5rem;
	background: url("../images/bg_info_n02.gif") no-repeat center center/cover
}

.main-infomation h2:before {
	content: '';
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 3%;
	left: 3%;
	background: url("../images/ico-main-calendar.png") no-repeat center center/cover
}

.ul_mod01 li {
	line-height: 1.2rem
}

.pop_ver2 .sub-title2 {
	padding: 0
}

.pop_ver2 .sub-title2::before {
	display: none
}

[class^="exhibition-description"] {
	font-size: 100%;
	line-height: 1.875
}

.main-news h2 {
	padding: 0.63rem 0.875rem;
	font-size: 1.5rem;
	color: #fff;
	border-bottom: none;
	background: url("../images/bg_info_n03.gif") no-repeat center center/100% auto
}

.main-news .more {
	width: 1.2rem;
	height: 1.2rem;
	top: 0.9rem;
	right: 0.875rem
}

.main-news .more::before, .main-news .more::after {
	background: #fff
}

.exhibition-description1.tour_info_box-n1 p {
	text-indent: 0;
	margin-left: -14px
}

.tourSchd_l .text-content.space3:before, .tourSchd_l .space3.text-description:before, .tourSchd_l .space3.text-request:before, .tourSchd_l .space3.letter-list:before, .tourSchd_l .space3.inauguration-intro:before,
	.tourSchd_l .space3.inauguration-result:before, .tourSchd_l .space3[class^="exhibition-description"]:before, .tourSchd_l .space3.accordion-list:before, .tourSchd_l .space3.schedule-accordion-list:before,
	.tourSchd_l .space3.qna-accordion-list:before, .tourSchd_l .space3.step-content:before, .tourSchd_l .space3.library-step-content:before, .tourSchd_l .space3.infomation-step-content:before,
	.tourSchd_l .space3.record-description:before, .tourSchd_l .space3.history-list:before, .tourSchd_l .space3.text-description2:before, .tourSchd_l .space3.board-list-thumnail:before, .tourSchd_l .space3.board-list-thumnail2:before,
	.tourSchd_l .space3.commentary-intro:before, .tourSchd_l .space3.commentary-list:before, .tourSchd_l .record-detail .space3.content:before, .record-detail .tourSchd_l .space3.content:before,
	.tourSchd_l .space3.story-content:before, .tourSchd_l .space3.schedule-year-list:before, .tourSchd_l .lawlink-list li .space3.text:before, .lawlink-list li .tourSchd_l .space3.text:before,
	.tourSchd_r .text-content.space3:before, .tourSchd_r .space3.text-description:before, .tourSchd_r .space3.text-request:before, .tourSchd_r .space3.letter-list:before, .tourSchd_r .space3.inauguration-intro:before,
	.tourSchd_r .space3.inauguration-result:before, .tourSchd_r .space3[class^="exhibition-description"]:before, .tourSchd_r .space3.accordion-list:before, .tourSchd_r .space3.schedule-accordion-list:before,
	.tourSchd_r .space3.qna-accordion-list:before, .tourSchd_r .space3.step-content:before, .tourSchd_r .space3.library-step-content:before, .tourSchd_r .space3.infomation-step-content:before,
	.tourSchd_r .space3.record-description:before, .tourSchd_r .space3.history-list:before, .tourSchd_r .space3.text-description2:before, .tourSchd_r .space3.board-list-thumnail:before, .tourSchd_r .space3.board-list-thumnail2:before,
	.tourSchd_r .space3.commentary-intro:before, .tourSchd_r .space3.commentary-list:before, .tourSchd_r .record-detail .space3.content:before, .record-detail .tourSchd_r .space3.content:before,
	.tourSchd_r .space3.story-content:before, .tourSchd_r .space3.schedule-year-list:before, .tourSchd_r .lawlink-list li .space3.text:before, .lawlink-list li .tourSchd_r .space3.text:before {
	content: "·";
	padding-right: 0.5rem;
	font-weight: 700;
	display: inline-block
}

.tourSchd_r .list-style1 li {
	font-weight: 300
}

.tourSchd_r .text-content.space3, .tourSchd_r .space3.text-description, .tourSchd_r .space3.text-request, .tourSchd_r .space3.letter-list, .tourSchd_r .space3.inauguration-intro, .tourSchd_r .space3.inauguration-result,
	.tourSchd_r .space3[class^="exhibition-description"], .tourSchd_r .space3.accordion-list, .tourSchd_r .space3.schedule-accordion-list, .tourSchd_r .space3.qna-accordion-list, .tourSchd_r .space3.step-content,
	.tourSchd_r .space3.library-step-content, .tourSchd_r .space3.infomation-step-content, .tourSchd_r .space3.record-description, .tourSchd_r .space3.history-list, .tourSchd_r .space3.text-description2,
	.tourSchd_r .space3.board-list-thumnail, .tourSchd_r .space3.board-list-thumnail2, .tourSchd_r .space3.commentary-intro, .tourSchd_r .space3.commentary-list, .tourSchd_r .record-detail .space3.content,
	.record-detail .tourSchd_r .space3.content, .tourSchd_r .space3.story-content, .tourSchd_r .space3.schedule-year-list, .tourSchd_r .lawlink-list li .space3.text, .lawlink-list li .tourSchd_r .space3.text
	{
	font-weight: 300
}

.board-list-n2 td {
	border-left: 1px solid #e1e1e1
}

.board-list-n2 td.td-center-n1 {
	border-left: 0
}

.bull_inauguration {
	background: url(/images/egovframework/pa/portal/common/bullet.gif) 0px 8px no-repeat;
	padding: 0 0 0 15px
}

.birthplace-main img {
	display: block;
	margin: 0;
	margin-bottom: 0.5rem;
	width: 100%
}

td.border-left {
	border-left: 1px solid #e1e1e1 !important
}

.fn_tr_pc {
	display: table-row
}

.fn_tr_m {
	display: none
}

.schedule-year-list tr td .content .images {
	background-color: #fff;
	background-size: 100% auto
}

#navigation .submenu>ul>li>a[target*=_blank], #navigation .submenu>ul>li>ul>li>a[target*=_blank], #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>a[target*=_blank], #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>ul>li>a[target*=_blank]
	{
	background-image: url("../images/blank_icon.png");
	background-position: right 1% center;
	background-repeat: no-repeat
}

.popup-modal {
	z-index: -1
}

.popup-modal.active {
	z-index: 10000
}

@media ( max-width : 1200px) {
	.profileGroup .profile {
		width: 60%
	}
	.tourSchd .tourSchd_l .tour_cal tbody td a {
		padding: 18px 0
	}
	.organization_in dl {
		height: 500px
	}
	.popup-modal {
		padding-top: 56px
	}
	.main-banner a img {
		width: auto;
		height: 100%
	}
}

@media ( max-width : 1100px) {
	.organization_in {
		padding: 50px 0 0;
		background: none
	}
	.organization h4 {
		width: 80%
	}
}

@media ( max-width : 980px) {
	.popup-modal {
		padding-top: 17%
	}
	.profileGroup .photoArea {
		overflow: hidden;
		float: none;
		margin: 0 auto 20px
	}
	.profileGroup .profile {
		float: none;
		width: 100%
	}
	.firstLady .firstLadyCon .lady-info {
		float: none;
		width: 100%
	}
	.firstLady .firstLadyCon .photoGroup {
		float: none;
		width: 100%;
		margin: 10px 0 0
	}
	.tour_info_box {
		margin: 0 0 30px;
		padding: 0.8rem 1rem
	}
	.tour_info_box dl {
		padding-left: 0;
		background: none
	}
	.tour_info_box dt, .tour_info_box dd {
		line-height: 1.6em
	}
	.tour_info_box dt {
		font-size: 1.425rem;
		margin-bottom: 10px
	}
	.tour_info_box dd {
		font-size: 1.125rem
	}
	.booking_search_box .board-sort label {
		display: block
	}
	.tour_cal .month_txt {
		font-size: 21px
	}
	.table_new4_2 colgroup {
		display: none
	}
	.board-list th, .board-list td {
		text-align: left
	}
	.flex_auto {
		flex: auto !important
	}
	.organization h4 {
		width: 80%;
		height: 40px;
		margin: 5% auto 0
	}
	.organization h4 a {
		font-size: 1.2rem;
		line-height: 40px
	}
	.organization_in {
		display: block;
		padding: 5% 0 0
	}
	.organization_in dl {
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto 5%
	}
	.organization_in dt {
		width: 100%;
		height: 40px;
		font-size: 1.125rem;
		line-height: 40px
	}
	.noti-n3 {
		width: 80%;
		margin: 0 auto;
		color: #000
	}
	.icon-board-noti-n1 {
		width: 20px;
		height: 20px
	}
	.history-step-n1 {
		padding: 30px 0 0
	}
	.history-step-n1 strong {
		top: -8px;
		font-size: 30px;
		line-height: 30px
	}
	.history-step-n1 li {
		margin: 0;
		font-size: 16px;
		line-height: 1.5
	}
	.history-step-right {
		margin: 0;
		padding: 25px 0 24px 28px;
		text-align: left;
		border-left: 1px solid #e1e1e1
	}
	.history-step-right strong {
		left: 28px
	}
	.history-step-right:after {
		left: -8px;
		width: 14px;
		height: 14px
	}
	.history-step-left {
		width: auto;
		margin: 0;
		padding: 25px 0 34px 28px;
		border-right: none;
		border-left: 1px solid #e1e1e1;
		text-align: left
	}
	.history-step-left strong {
		left: 28px;
		right: auto
	}
	.history-step-left:after {
		left: -8px;
		right: auto;
		width: 14px;
		height: 14px
	}
	.epeople-n1 strong {
		top: .5rem
	}
	.map div {
		padding: 20px 0;
		background: none
	}
	#sitemap01 .sitemap-box {
		padding: 10px 0
	}
	#sitemap01 .sitemap-box ul {
		display: block;
		margin: 0 0 20px 0
	}
	#sitemap01 .sitemap-box li {
		margin-top: 0.1em;
		width: 100%
	}
	#sitemap01 .sitemap-box .stm-title {
		font-size: 16px;
		text-align: center !important;
		padding: 8px 0
	}
	.new_win {
		width: 18px;
		height: 15px;
		display: inline-block;
		background: url("../images/blank_icon.gif") no-repeat center center;
		font-size: 0px;
		overflow: hidden;
		position: relative;
		top: 1px;
		left: 4px
	}
	.sitemap02-list {
		text-indent: 5px
	}
	.sitemap02-list li {
		min-height: 40px;
		height: auto;
		letter-spacing: -1px
	}
	.division {
		font-size: 1rem
	}
	.schedule-accordion-list2 dl dt a {
		padding: .5rem 0
	}
	.schedule-accordion-list2 dl dt a span {
		padding: 0.8rem
	}
	.pre_txt {
		display: block;
		overflow: hidden;
		text-align: center
	}
	.pre_txt>span {
		display: block;
		width: 100%;
		margin: 0 0 3%;
		text-align: left
	}
	.main-topic ul li .thumbnail {
		padding-top: 63.1%;
		height: auto
	}
	#container {
		padding: 1.75rem 1rem 2.85rem
	}
	#container.main_container {
		padding: 1.75rem 0 2.85rem
	}
	.main-visual, .main-guide, .main-banner, .main-infomation {
		margin-left: 0 !important;
		margin-right: 0 !important
	}
	.main-infomation {
		margin-top: 1.125rem !important
	}
	.main-news ul li {
		padding: 0 0.5rem 0 0.875rem
	}
	.main-guide {
		margin: 1.125rem 0 0;
		padding-bottom: 45%;
		background: url(../images/bg-main-guide_mo.jpg) no-repeat center top/cover
	}
	.main-visual .item {
		height: auto;
		padding-bottom: 45%
	}
	.main-infomation h2:before {
		top: 11px
	}
	.fn_tr_pc {
		display: none
	}
	.fn_tr_m {
		display: table-row
	}
	.record-list2 col:nth-child(1), .record-list2 col:nth-child(4), .record-list2 col:nth-child(5), .record-list2 th:nth-child(1), .record-list2 th:nth-child(4), .record-list2 th:nth-child(5),
		.record-list2 td:nth-child(1), .record-list2 td:nth-child(4), .record-list2 td:nth-child(5) {
		display: table-cell
	}
	.main-banner a img {
		width: 100%;
		height: auto
	}
	.bg1 {
		width: 100%;
		overflow: auto
	}
	.bg {
		min-width: 960px
	}
}

@media ( max-width : 820px) {
	.m_block {
		display: block
	}
	.board-list-n1 tr {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		align-items: flex-start
	}
	.board-list-n1 tr td:last-child {
		position: absolute;
		top: 40%;
		right: 1rem;
		font-size: 1.25rem;
		line-height: 100%
	}
	.board-list-n2 td {
		order: 0
	}
	.greetings .title_2 {
		font-size: 27px;
		margin-left: 0
	}
	.record-list2 col:nth-child(1), .record-list2 col:nth-child(4), .record-list2 col:nth-child(5), .record-list2 th:nth-child(1), .record-list2 th:nth-child(4), .record-list2 th:nth-child(5),
		.record-list2 td:nth-child(1), .record-list2 td:nth-child(4), .record-list2 td:nth-child(5) {
		display: none
	}
}

@media ( max-width : 660px) {
	.m_block {
		display: block
	}
	.tourSchd .tourSchd_l {
		width: 100%;
		margin-bottom: 1.875rem
	}
	.tourSchd .tourSchd_r {
		width: 100%
	}
	.tourSchd {
		margin-top: 1.875rem !important
	}
	.table_new3 colgroup {
		display: none
	}
	.table_new3 tr {
		display: block
	}
	.table_new3 th {
		display: block;
		padding: 0.45rem 0.45rem 0.45rem 0;
		border: none;
		text-indent: 0;
		background: #fff
	}
	.table_new3 td {
		display: block;
		padding: 0 0 0.45rem 0
	}
	.table_new3 tr:first-child th {
		display: inline-block;
		padding: 0.45rem 0.45rem 0.45rem 0;
		border: none;
		background: #fff
	}
	.table_new3 tr:first-child td {
		display: inline-block;
		padding: 0.45rem;
		border: none
	}
	.table_new3 tr:first-child td::before {
		content: ":";
		margin: 0 5px 0 0
	}
	.table_new3 tr:nth-child(2) th {
		border-top: 1px solid #e1e1e1
	}
	.table_new3 td input, .table_new3 td textarea {
		padding-left: 0.5rem;
		border-width: 1px
	}
	.table_new3 td.board-sort select {
		width: 100%
	}
	.vlist {
		max-height: none
	}
	.btn_area_n {
		padding: 0 15%
	}
	.table_new3 .pc_block {
		display: inline;
		margin: 0
	}
	.download-n1 {
		padding: 0 10px;
		margin: 0;
		font-size: 12px;
		letter-spacing: -0.5px
	}
	.icon-board-download-n1 {
		width: 20px;
		height: 24px;
		background: url("../images/icon_n01.gif") no-repeat center center
	}
	.noti-n1 {
		padding-left: 5%
	}
	.noti-n2 {
		padding-left: 5%
	}
	.board-search-n2 .field {
		padding: 0
	}
	.table_new3_2 tr:first-child th {
		display: block;
		padding: 0.45rem 0.45rem 0.45rem 0;
		border: none;
		background: #fff
	}
	.table_new3_2 tr:first-child td {
		display: block;
		padding: 0 0 0.45rem 0;
		border-bottom: 1px solid #e1e1e1
	}
	.table_new3_2 tr:first-child td::before {
		content: "";
		margin: 0
	}
	.table_new3_2 td input[type="text"], .table_new3_2 td input[type="password"] {
		width: 100%
	}
	.table_new3 td .hint {
		margin: 0
	}
	.tipbox-n1 {
		position: relative;
		padding: 0.6rem 0.75rem
	}
	.w10p {
		width: 15% !important
	}
	.organization h4 {
		width: 100%
	}
	.organization_in dl {
		width: 100%
	}
	.noti-n3 {
		width: 100%;
		padding: 0 0 0 25px
	}
	.m_scroll {
		width: 100%;
		overflow-x: scroll
	}
	.m_scroll table {
		width: 960px
	}
	.slide-content .viewer {
		border: none
	}
	.main-infomation .detail {
		overflow: hidden;
		margin-top: 1.2rem;
		height: auto
	}
	.main-topic {
		margin: 1.125rem 0 0
	}
	[class^="nav-tabmenu"].mobile.active ul, .schedule-selector .select ul {
		background: #ebebeb
	}
	[class^="nav-tabmenu"].nav-tabmenu1.mobile.active {
		z-index: 23
	}
	.record-list2 th:nth-child(1) {
		display: table-cell
	}
}

@media ( max-width : 320px) {
	.m_block {
		display: block
	}
	.tourSchd .tourSchd_l .tour_cal tbody td a {
		padding: 12px 0
	}
}

/* add page css */
#container {
	padding-top: 2rem
}

.profileGroup {
	position: relative;
	display: inline-block;
	width: 100%;
}

.profileGroup .photoArea {
	float: left;
	width: 264px;
	height: 493px;
	background: url(../images/bg_photoArea.gif) left top no-repeat;
	background-size: cover;
}

.profileGroup .photoArea ul {
	margin: 35px auto;
	width: 196px;
}

.profileGroup .photoArea ul li {
	text-align: center;
}

.profileGroup .photoArea ul li img {
	width: 100%
}

.profileGroup .photoArea ul li.sign {
	margin-top: 75px;
}

.profileGroup .profile {
	float: right;
	width: 67%;
}

.profileGroup .profile h5 {
	margin-bottom: 13px;
}

.firstLady {
	overflow: hidden;
	width: 100%;
}

.firstLady .firstLadyCon {
	width: 100%;
	margin-top: 1.875rem;
}

.firstLady .firstLadyCon .lady-info {
	float: left;
	width: 67%;
}

.firstLady .firstLadyCon .photoGroup {
	float: right;
	width: 30%;
}

.firstLady .firstLadyCon .photoGroup .slide-content .viewer {
	padding: 5px;
}

.firstLady .firstLadyCon .photoGroup .slide-content .slider {
	padding: 5px
}

.table_new2 td {
	text-align: center;
	border: 1px solid #e1e1e1;
	border-left: none;
	border-top: none;
}

.table_new2 td:last-child {
	border-right: none;
}

.tour_info_box {
	margin: 0 0 50px;
	padding: 20px;
	box-sizing: border-box;
	background: #ebebeb;
}

.tour_info_box dl {
	padding-left: 325px;
	background: url("../images/bg_info_n01.jpg") no-repeat left 0px/300px auto;
}

.tour_info_box dt, .tour_info_box dd {
	line-height: 1.6em;
}

.tour_info_box dt {
	display: block;
	font-size: 24px;
	color: #000;
	margin-bottom: 10px;
}

.tour_info_box dd {
	font-size: 15.5px;
	color: #000;
}

.tour_cal {
	margin-top: 28px;
}

.tour_cal .yyyymm {
	position: relative;
	text-align: center;
	padding: 19px 0;
	width: 100%;
	line-height: 24px;
}

.tour_cal .yyyymm a {
	display: block;
	position: absolute;
	top: 19px;
	left: 2px;
}

.tour_cal .yyyymm a:last-child {
	left: auto;
	right: 2px;
}

.tour_cal .yyyymm a img {
	vertical-align: top
}

.tour_cal .month_txt {
	display: inline-block;
	width: 235px;
	font-size: 24px;
	color: #000;
}

.tourSchd {
	overflow: hidden;
	width: 100%;
	margin-top: 50px;
	padding-bottom: 18px;
}

.tourSchd .tourSchd_l {
	float: left;
	overflow: hidden;
	width: 45%;
}

.tourSchd .tourSchd_l .tour_cal {
	border-top: 2px solid #2062b6;
}

.tourSchd .tourSchd_l .tour_cal table {
	width: 100%;
	border-spacing: 1px
}

.tourSchd .tourSchd_l .tour_cal thead th {
	font-size: 18px;
	color: #000;
	text-align: center;
	font-weight: 500;
	padding: 8px 0;
	background: #ebebeb;
}

.tourSchd .tourSchd_l .tour_cal thead th.sunday {
	color: #ff0000
}

.tourSchd .tourSchd_l .tour_cal thead th.saturday {
	color: #2062b6
}

.tourSchd .tourSchd_l .tour_cal tbody td {
	padding: 0;
	text-align: center;
	border: none;
}

.tourSchd .tourSchd_l .tour_cal tbody td a {
	display: block;
	padding: 23px 0;
	line-height: 16px;
	font-size: 16px;
}

.tourSchd .tourSchd_l .tour_cal .no {
	background: url("../images/bg_tour_02.gif") no-repeat center center/100% 100%;
}

.tourSchd .tourSchd_l .tour_cal .yes a, .tourSchd .tourSchd_l .tour_cal .free a, .tourSchd .tourSchd_l .tour_cal .close a {
	color: #fff;
}

.tourSchd .tourSchd_l .tour_cal .yes {
	background: url("../images/bg_tour_01.gif") no-repeat center center/100% 100%;
}

.tourSchd .tourSchd_l .tour_cal .free {
	background: url("../images/bg_tour_04.gif") no-repeat center center/100% 100%;
}

.tourSchd .tourSchd_l .tour_cal .close {
	background: url("../images/bg_tour_03.gif") no-repeat center center/100% 100%;
}

.tourSchd .tourSchd_l .tour_cal .yes a {
	color: #000000;
}

.tourSchd .tourSchd_l .thumbArea {
	margin-top: 20px;
	padding: 9px 19px;
	border: 1px solid #e1e1e1;
}

.tourSchd .tourSchd_l .thumbArea ul {
	width: 215px;
	margin: 0 auto;
}

.tourSchd .tourSchd_l .thumbArea li {
	display: inline-block;
	margin: 0 5px;
}

.tourSchd .tourSchd_l .thumbArea2 {
	width: 100%;
	margin-top: 20px;
	padding: 9px 19px;
	border: 1px solid #e1e1e1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tourSchd .tourSchd_l .thumbArea2 li {
	display: flex;
	width: 64px;
	height: 64px;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	margin: 0 5px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url("../images/bg_tour_01.gif") no-repeat center center/100% 100%;
}

.tourSchd .tourSchd_l .thumbArea2 li+li {
	background: url("../images/bg_tour_02.gif") no-repeat center center;
}

.tourSchd .tourSchd_l .thumbArea2 li+li+li {
	color: #fff;
	background: url("../images/bg_tour_03.gif") no-repeat center center/100% 100%;
}

.tourSchd .tourSchd_l .thumbArea2 li+li+li+li {
	color: #fff;
	background: url("../images/bg_tour_04.gif") no-repeat center center/100% 100%;
}

.tourSchd .tourSchd_r {
	float: right;
	width: 50%;
}

.tourSchd .tourSchd_r .reserva_box {
	color: #074a7d;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ebe6e5;
	padding: 14px 10px;
	margin-top: 20px;
	background: #f1f1f1;
}

.tourSchd .tourSchd_r .search_bookingList {
	margin-top: 20px;
	padding: 10px 0;
	border: 1px solid #d6deea;
	background: #edf2f7;
}

.tourSchd .tourSchd_r .search_bookingList tbody th {
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tourSchd .tourSchd_r .search_bookingList tbody td {
	padding-left: 7px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tourSchd .tourSchd_r .search_bookingList .btnSch {
	background-color: #43567c;
	border: 0 none;
	color: #fff;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 53px;
}

.ver_t {
	vertical-align: top
}

.ver_m {
	vertical-align: middle
}

.table_new3 th {
	text-align: left;
	padding: 0.45rem 0.45rem 0.45rem 3%;
}

.table_new3 td {
	padding: 0.45rem 0.625rem;
}

.table_new3 td input {
	height: 2.5rem;
	padding: 0 0.625rem;
	border: 2px solid #e1e1e1;
}

.vlist {
	max-height: 90px;
	overflow-y: auto;
}

.vlist li {
	margin: 0 0 5px 0
}

.vlist label {
	position: absolute;
	font-size: 0;
	line-height: 0;
}

.vlist input {
	height: 24px;
	border: 1px solid #d6deea;
}


.vlist select[name='grades'] {
border: 2px solid #e1e1e1;
padding: 5px 0;
vertical-align: baseline;
width: 26%;
margin-right: 3px;
}
.vlist input[name='visit_nms'] {
   width: 27%;
   margin-right: 3px;
   vertical-align: baseline;
}.vlist input[name='visit_tel_nums'] {
   width: 42%;
   vertical-align: baseline;
}
.vlist input[name='elem_visit_nms'] {
	width: 31%;
	margin-right: 3px;
	vertical-align: baseline;
}
.vlist select[name='elem_visit_grades'] {
	width: 21%;

}

.vlist input[name='elem_visit_tel_nums'] {
	width: 44%;
	margin-right: 3px;
	vertical-align: baseline;
}

.elemApply select{
	border:2px solid #e1e1e1;
	padding : 5px 0;
	vertical-align: baseline
}
.tourSchd_r textarea {
	line-height: 13px;
	padding: 0.625rem;
	border: 2px solid #e1e1e1;
}

.btn_area_n {
	width: 100%;
	text-align: center;
}

.btn_area_n button {
	width: 100%;
}

.icon-board-apply {
	width: 19px;
	height: 14px;
	background: url("../images/bull_n01.png") no-repeat center center;
}

.booking_search_box {
	margin: 26px 0 0;
	padding: 15px;
	border: 1px solid #d6deea;
	background: #ebebeb
}

.booking_search_box dl {
	display: block;
	margin: 0 0 15px
}

.booking_search_box dt {
	display: inline-block;
	font-size: 16px;
	color: #000;
	font-weight: 500
}

.booking_search_box dd {
	display: inline-block;
	font-size: 16px;
	color: #000
}

.booking_search_box .board-sort label {
	font-size: 16px;
	color: #000;
	font-weight: 500
}

.table_new4 td {
	text-align: center
}

.download-n1 {
	height: 40px;
	padding: 0 20px;
	margin: 0 0 0 5px;
	border: 1px solid #2062b6;
	background: #fff;
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	background: #2062b6
}

.icon-board-download-n1 {
	width: 20px;
	height: 24px;
	background: url("../images/icon_n01.gif") no-repeat center center;
}

.tour_info_box-n1 p {
	display: block;
	margin: 0 0 15px;
	text-indent: -14px;
	padding: 0 0 0 14px;
}

.table_new3 .form-request .inchk {
	margin: 0 0 5px;
	font-size: inherit;
	font-weight: inherit
}

.table_new3 .form-request .inchk input[type=radio]:checked {
	background: #fff url(../images/ico-checked-n1.jpg) center center no-repeat
}

.noti-n1 {
	padding-left: 8%;
	text-indent: -19px;
}

.noti-n2 {
	padding-left: 3%;
	text-indent: -19px;
}

.mb5 {
	margin-bottom: 5px;
}

.mr30 {
	margin-right: 30px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.mlr5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.mlm8 {
	margin-left: -8px !important;
}

.w10p {
	width: 10% !important;
}

.w15p {
	width: 15% !important;
}

.w100p {
	width: 100%
}

.table_new3 .pc_block {
	display: block;
	margin: 0 0 0 7%
}

.table_new3 td .hint {
	margin: 0 0 0 10px;
}

.table_new3 td .tbox {
	padding: 5px 0;
}

.table_new3_2 td input[type="text"], .table_new3_2 td input[type="password"] {
	width: 50%
}

.table_new3 td input:disabled {
	background: #ebebeb
}

.icon-board-cancel-n1 {
	width: 18px;
	height: 18px;
	background: url("../images/icon_n02.png") no-repeat center center;
}

.table_new3 textarea {
	width: 100%;
	padding: 0.625rem;
	border: 2px solid #e1e1e1;
}

.table_new3_2 .space1:first-child {
	margin-top: 0.5rem !important
}

.pwdbox {
	border: 1px solid #d6deea;
	background: #ebebeb;
	padding: 13px 0;
	margin: 0 0 25px 0;
	text-align: center;
}

.tipbox-n1 {
	position: relative;
	padding: 20px 20px 20px 192px
}

.tipbox-n1 img {
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -72px
}

.sub-title-n2 {
	font-size: 1.25rem;
	color: #222;
	font-weight: normal;
}

.list-style-n2 {
	margin-left: 1.2rem
}

.list-style-n2 li {
	position: relative;
	margin-top: 0.125em;
	padding-left: 1em;
	color: #000;
}

.list-style-n2 li:before {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.board-search-n2 .field {
	padding: 1.125rem 15%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.organization h4 {
	width: 318px;
	height: 60px;
	margin: 50px auto 0
}

.organization h4 a {
	display: block;
	text-align: center;
	font-size: 1.5rem;
	line-height: 60px;
	font-weight: 400;
	color: #fff;
	background: #023678
}

.organization_in {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 100px 0 0;
	text-align: center;
	background: url("../images/organization_img.gif") no-repeat center top;
}

.organization_in dl {
	display: inline-block;
	width: 180px;
	height: 356px;
	margin: 0 7.5px;
	box-sizing: border-box;
	border: 1px solid #2062b6
}
/*.organization_in dt {width:100%; height:60px; font-size: 1.125rem; line-height:60px; font-weight:400; color:#fff; background:#2062b6}*/
.organization_in dt a {
	display: block;
	width: 100%;
	height: 60px;
	font-size: 1.125rem;
	line-height: 60px;
	font-weight: 400;
	color: #fff;
	background: #2062b6
} /* 접근성추가 1123 */
.organization_in dd {
	padding: 10px 5px;
	text-align: left;
	line-height: 1.4;
}

.organization_in dd a {
	display: block
}

.noti-n3 {
	position: relative;
	color: #000;
	padding: 0 0 0 30px;
	box-sizing: border-box;
}

.icon-board-noti-n1 {
	position: absolute;
	top: 4px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url("../images/noti-n1.gif") no-repeat center center/cover;
}

.history-step-n1 {
	padding: 50px 0 0;
	text-align: center;
	border-top: 2px solid #2062b6
}

.history-step-n1 img {
	max-width: 100%;
}

.history-step-n1 strong {
	position: absolute;
	top: -10px;
	display: block;
	font-size: 40px;
	line-height: 40px;
	font-weight: 500;
	color: #2062b6;
}

.history-step-n1 ul {
	overflow: hidden;
	clear: both
}

.history-step-n1 li {
	vertical-align: top;
	margin: 0 0 12px;
	font-size: 18px;
	line-height: 100%;
	color: #000
}

.history-step-n1 li span {
	margin: 0 2px 0 0;
	color: #2062b6;
	font-weight: 600
}

.history-step-right {
	position: relative;
	margin: 0 0 0 480px;
	padding: 50px 0 34px 48px;
	text-align: left;
	border-left: 2px solid #e1e1e1
}

.history-step-right strong {
	left: 48px;
}

.history-step-right:after {
	content: '';
	position: absolute;
	top: 0;
	left: -8px;
	width: 16px;
	height: 16px;
	background: url("../images/spot_n01.png") no-repeat left top/cover
}

.history-step-left {
	position: relative;
	width: 482px;
	margin: 0;
	padding: 50px 48px 34px 0;
	border-right: 2px solid #e1e1e1;
	text-align: right
}

.history-step-left strong {
	right: 48px
}

.history-step-left:after {
	content: '';
	position: absolute;
	top: 0;
	right: -8px;
	width: 16px;
	height: 16px;
	background: url("../images/spot_n01.png") no-repeat left top/cover
}

.history-step-left:last-child {
	border-right: none
}

.use_guide-n1 {
	color: #000;
	line-height: 1.5;
}

.use_guide-n1 h4 {
	margin: 0 0 10px 0;
	font-size: 1.375rem;
	font-weight: normal
}

.use_guide-n1 h5 {
	margin: 0 0 10px 0;
	font-size: 1.25rem;
	font-weight: normal
}

.use_guide-n1 .context li {
	position: relative;
	margin-top: 0.125em;
	padding-left: 1em;
}

.use_guide-n1 .context li::before {
	content: "ㆍ";
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.use_guide-n1 .context li li::before {
	content: "";
}

.use_guide-n1 .red {
	color: #ed1c24;
}

.use_guide-n1 .blue {
	color: #2062b6;
}

.mb10 {
	margin-bottom: 10px
}

.epeople-n1 {
	position: relative;
	padding-left: 4rem;
	line-height: 1.5;
}

.epeople-n1 strong {
	position: absolute;
	top: 1rem;
	left: 1.25rem;
	font-size: 1.5rem;
	color: #2062b6;
}

.map div {
	padding: 20px 0 20px 150px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.use_guide-n1 h5 {
	margin: 0 0 10px 0;
	font-size: 1.25rem;
	font-weight: normal
}

.train {
	background: url("../images/bg_train.gif") no-repeat 20px 30px/104px 104px;
}

.bus {
	background: url("../images/bg_bus.gif") no-repeat 20px 30px/104px 104px;
}

.car {
	background: url("../images/bg_car.gif") no-repeat 20px 30px/104px 104px;
}

.map img {
	max-width: 100%;
}

#sitemap01 {
	display: block;
}

#sitemap01 .sitemap-box {
	padding: 20px 0;
	box-sizing: border-box;
}

#sitemap01 .sitemap-box ul {
	display: inline-block;
	margin: 0 15px 20px 0;
	vertical-align: top;
	position: relative;
}

#sitemap01 .sitemap-box li {
	position: relative;
	margin-top: 0.125em;
	padding-left: 1em;
	width: 210px;
	box-sizing: border-box;
	text-align: left
}

#sitemap01 .sitemap-box a {
	color: #333;
}

#sitemap01 .sitemap-box a:hover {
	color: #2062b6;
}

#sitemap01 .sitemap-box .stm-title {
	color: #2062b6;
	border: 1px solid #2062b6;
	box-sizing: border-box;
	font-size: 1.125rem;
	text-align: center !important;
	padding: 8px 0;
	box-sizing: border-box
}

#sitemap01 .sitemap-box .stm-title a {
	color: #2062b6;
}

#sitemap01 .sitemap-box li::before {
	content: "ㆍ";
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#sitemap01 .sitemap-box .stm-title::before {
	content: "";
}

.new_win {
	width: 18px;
	height: 15px;
	display: inline-block;
	background: url("../images/blank_icon.gif") no-repeat center center;
	font-size: 0px;
	overflow: hidden;
	position: relative;
	top: 1px;
	left: 4px;
}

#sitemap02 .sitemap02-box {
	display: table;
	height: auto;
	width: 100%;
}

#sitemap02 .sitemap02-box ul li {
	border-bottom: 1px solid #e1e1e1;
}

#sitemap02 .bb-line {
	border-bottom: 1px solid #e1e1e1;
}

#sitemap02 .bt-line {
	border-top: 2px solid #2062b6
}

#sitemap02 .sitemap02-box .site-left {
	width: 20%;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #e1e1e1;
	background: #ebebeb;
	font-size: 1.5em;
	line-height: 100%;
	color: #000;
	border-bottom: 1px solid #e1e1e1;
}

.sitemap02 .sitemap02-box .site-right {
	width: 80%;
}

.sitemap02-list {
	text-indent: 15px;
}

.sitemap02-list li {
	line-height: 40px;
	height: 40px;
}

.board-list.board-list-n2 strong, .table.board-list-n2 strong {
	font-size: 16px;
	font-weight: 500
}

.board-list-n2 .td-center-n1 {
	text-align: center;
}

.board-list-n2 a strong {
	color: #2062b6
}

.num-n1 {
	display: inline-block !important;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	font-size: 10px;
	line-height: 120%;
	text-align: center;
	text-indent: -2px;
	color: #000;
	border: 1px solid #000
}

.greetings .end {
	text-align: center;
	text-indent: 20px;
	position: relative;
}

.greetings .greetings_title {
	color: #2062b6;
}

.greetings .greetings_title  img {
	vertical-align: top;
}

.greetings .title_1 {
	font-size: 20px;
}

.greetings .title_2 {
	font-size: 27px;
	margin-left: 32px;
}

.greetings .mark_1 {
	padding: 5px;
}

.greetings .mark_2 {
	padding: 5px;
}

.greetings .end img {
	margin-left: 20px;
	vertical-align: middle
}

.menu-font-n1 li a {
	font-size: 15px !important;
}

.board-list-n3 td {
	font-weight: 300
}

.tbl-td-center td {
	text-align: center;
}

.text-description2 {
	color: #000;
	background: #f2f2f2;
}

.text-description2 .title, .text-description2 dt {
	color: #fff;
}

.itinerancy-list>li dl dd ul li a::after {
	background: none
}

.letter-list>li .content .subject, .letter-list>li .content .infomation {
	padding-left: 0;
}

.main-infomation h2 {
	padding-top: 0.63rem;
	padding-bottom: 0.63rem;
	background-size: 35px;
}

.main-infomation .detail {
	margin-top: 1.2rem;
	height: 10.9rem;
}

.main-infomation .detail>ul>li dl dd {
	padding: 0.3rem 1.75rem
}


.division {
	font-size: 1.125rem;
	font-weight: 500;
}

.board-list td {
	font-weight: normal
}

.bord .infobox {
	padding: 10px;
	margin: 10px 0;
	color: #6590a8;
	text-align: center;
	border: 2px solid #6590a8;
	background: #ebeff8
}

.bord .right {
	text-align: right
}

.schedule-accordion-list2 dl dt {
	padding: .5rem .5rem .5rem 0;
	background: #fff
}

.schedule-accordion-list2 dl dt a {
	padding: 1rem 0;
	display: flex;flex-flow: row wrap;
}

.schedule-accordion-list2 dl dt a span {
	padding: 1rem;
	margin: -1rem .5rem -1rem 0;
	background: #ebebeb;
	width:80px;
}
.schedule-accordion-list2 dl dt a p {
	width:calc(100% - 120px);
}
.pre_txt {
	display: flex
}

.pre_txt>span {
	padding: 0 3% 0 0;
	box-sizing: border-box;
}

.slide-content .viewer {
	padding: 0;
	border: none;
}

.popup-modal .slide-content .slider {
	margin: 0 0 1.5rem;
	padding: 0 1.5rem 1.5rem;
	border-bottom: 1px solid #e1e1e1
}

.table th, .board-list th, .board-view th, .table-view th, .record-list th, .schedule-year-list th, .competition-list th, .orgsite-list th {
	font-size: inherit;
	font-weight: 400
}

#content {
	letter-spacing: -0.02em;
}

/* 2024-01-04 추가 */
#content:focus {
	outline:none !important;
}

.exhibition-selectbox {
	z-index: 4
}

.main-topic ul li .thumbnail {
	height: 301px;
	background-size: 100% 100%
}

.main-infomation h2 {
	font-size: 1.5rem;
	background: url("../images/bg_info_n02.gif") no-repeat center center/cover
}

.main-infomation h2:before {
	content: '';
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 3%;
	left: 3%;
	background: url("../images/ico-main-calendar.png") no-repeat center center/cover;
}

.ul_mod01 li {
	line-height: 1.2rem
}

.pop_ver2 .sub-title2 {
	padding: 0;
}

.pop_ver2 .sub-title2::before {
	display: none
}

[class^="exhibition-description"] {
	font-size: 100%;
	line-height: 1.875;
}

.main-news h2 {
	padding: 0.63rem 0.875rem;
	font-size: 1.5rem;
	color: #fff;
	border-bottom: none;
	background: url("../images/bg_info_n03.gif") no-repeat center center/100% auto
}

.main-news .more {
	width: 1.2rem;
	height: 1.2rem;
	top: 0.9rem;
	right: 0.875rem
}

.main-news .more::before, .main-news .more::after {
	background: #fff;
}

/*2020-11-11 ADD START*/
.exhibition-description1.tour_info_box-n1 p {
	text-indent: 0;
	margin-left: -14px;
}

.tourSchd_l .text-content.space3:before, .tourSchd_r .text-content.space3:before {
	content: "·";
	padding-right: 0.5rem;
	font-weight: 700;
	display: inline-block;
}

.tourSchd_r .list-style1 li {
	font-weight: 300;
}

.tourSchd_r .text-content.space3 {
	font-weight: 300;
}

.board-list-n2 td {
	border-left: 1px solid #e1e1e1;
}

.board-list-n2 td.td-center-n1 {
	border-left: 0;
}

.bull_inauguration {
	background: url(/images/egovframework/pa/portal/common/bullet.gif) 0px 8px no-repeat;
	padding: 0 0 0 15px;
}

.birthplace-main img {
	display: block;
	margin: 0;
	margin-bottom: 0.5rem;
	width: 100%;
}

td.border-left {
	border-left: 1px solid #e1e1e1 !important;
}
/*2020-11-11 ADD END*/
.fn_tr_pc {
	display: table-row;
}

.fn_tr_m {
	display: none;
}

.schedule-year-list tr td .content .images {
	background-color: #fff;
	background-size: 100% auto
}

#navigation .submenu>ul>li>a[target*=_blank], #navigation .submenu>ul>li>ul>li>a[target*=_blank], #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>a[target*=_blank], #navigation .container .allmenu .scroller>ul>li .submenu>ul>li>ul>li>a[target*=_blank]
	{
	background-image: url("../images/blank_icon.png");
	background-position: right 1% center;
	background-repeat: no-repeat;
}

.popup-modal {
	z-index: -1
}

.popup-modal.active {
	z-index: 10000
}

@media ( max-width : 1200px) {
	.profileGroup .profile {
		width: 60%;
	}
	.tourSchd .tourSchd_l .tour_cal tbody td a {
		padding: 18px 0;
	}
	.organization_in dl {
		height: 500px;
	}
	.popup-modal {
		padding-top: 56px
	}
	.main-banner a img {
		width: auto;
		height: 100%;
	}
}

@media ( max-width : 1100px) {
	.organization_in {
		padding: 50px 0 0;
		background: none
	}
	.organization h4 {
		width: 80%;
	}
}

@media ( max-width : 980px) {
	.popup-modal {
		padding-top: 17%
	}
	.profileGroup .photoArea {
		overflow: hidden;
		float: none;
		margin: 0 auto 20px
	}
	.profileGroup .profile {
		float: none;
		width: 100%;
	}
	.firstLady .firstLadyCon .lady-info {
		float: none;
		width: 100%;
	}
	.firstLady .firstLadyCon .photoGroup {
		float: none;
		width: 100%;
		margin: 10px 0 0;
	}
	.tour_info_box {
		margin: 0 0 30px;
		padding: 0.8rem 1rem;
	}
	.tour_info_box dl {
		padding-left: 0;
		background: none;
	}
	.tour_info_box dt, .tour_info_box dd {
		line-height: 1.6em;
	}
	.tour_info_box dt {
		font-size: 1.425rem;
		margin-bottom: 10px;
	}
	.tour_info_box dd {
		font-size: 1.125rem;
	}
	.booking_search_box .board-sort label {
		display: block
	}
	.tour_cal .month_txt {
		font-size: 21px;
	}
	.table_new4_2 colgroup {
		display: none;
	}
	.board-list th, .board-list td {
		text-align: left
	}
	.flex_auto {
		flex: auto !important
	}
	.organization h4 {
		width: 80%;
		height: 40px;
		margin: 5% auto 0
	}
	.organization h4 a {
		font-size: 1.2rem;
		line-height: 40px;
	}
	.organization_in {
		display: block;
		padding: 5% 0 0
	}
	.organization_in dl {
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto 5%;
	}
	.organization_in dt {
		width: 100%;
		height: 40px;
		font-size: 1.125rem;
		line-height: 40px;
	}
	.noti-n3 {
		width: 80%;
		margin: 0 auto;
		color: #000;
	}
	.icon-board-noti-n1 {
		width: 20px;
		height: 20px;
	}
	.history-step-n1 {
		padding: 30px 0 0;
	}
	.history-step-n1 strong {
		top: -8px;
		font-size: 30px;
		line-height: 30px;
	}
	.history-step-n1 li {
		margin: 0;
		font-size: 16px;
		line-height: 1.5;
	}
	.history-step-right {
		margin: 0;
		padding: 25px 0 24px 28px;
		text-align: left;
		border-left: 1px solid #e1e1e1
	}
	.history-step-right strong {
		left: 28px;
	}
	.history-step-right:after {
		left: -8px;
		width: 14px;
		height: 14px;
	}
	.history-step-left {
		width: auto;
		margin: 0;
		padding: 25px 0 34px 28px;
		border-right: none;
		border-left: 1px solid #e1e1e1;
		text-align: left
	}
	.history-step-left strong {
		left: 28px;
		right: auto
	}
	.history-step-left:after {
		left: -8px;
		right: auto;
		width: 14px;
		height: 14px;
	}
	.epeople-n1 strong {
		top: .5rem;
	}
	.map div {
		padding: 20px 0;
		background: none
	}
	#sitemap01 .sitemap-box {
		padding: 10px 0;
	}
	#sitemap01 .sitemap-box ul {
		display: block;
		margin: 0 0 20px 0;
	}
	#sitemap01 .sitemap-box li {
		margin-top: 0.1em;
		width: 100%;
	}
	#sitemap01 .sitemap-box .stm-title {
		font-size: 16px;
		text-align: center !important;
		padding: 8px 0;
	}
	.new_win {
		width: 18px;
		height: 15px;
		display: inline-block;
		background: url("../images/blank_icon.gif") no-repeat center center;
		font-size: 0px;
		overflow: hidden;
		position: relative;
		top: 1px;
		left: 4px;
	}
	.sitemap02-list {
		text-indent: 5px;
	}
	.sitemap02-list li {
		min-height: 40px;
		height: auto;
		letter-spacing: -1px
	}
	.division {
		font-size: 1rem;
	}
	.schedule-accordion-list2 dl dt a {
		padding: .5rem 0;
	}
	.schedule-accordion-list2 dl dt a span {
		padding: 0.8rem;
	}
	.pre_txt {
		display: block;
		overflow: hidden;
		text-align: center;
	}
	.pre_txt>span {
		display: block;
		width: 100%;
		margin: 0 0 3%;
		text-align: left
	}
	.main-topic ul li .thumbnail {
		padding-top: 63.1%;
		height: auto;
	}
	#container {
		padding: 1.75rem 1rem 2.85rem;
	}
	#container.main_container {
		padding: 1.75rem 0 2.85rem
	}
	.main-visual, .main-banner, .main-infomation {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.main-infomation {
		margin-top: 1.125rem !important
	}
	.main-news ul li {
		padding: 0 0.5rem 0 0.875rem;
	}
	.main-guide {
		margin: 1.125rem 0 0;
		padding-bottom: 45%;
		background: url(../images/bg-main-guide_mo.jpg) no-repeat center top/cover;
	}
	.main-visual .item {
		height: auto;
		padding-bottom: 45%;
	}
	.main-infomation h2:before {
		top: 11px;
	}
	.fn_tr_pc {
		display: none;
	}
	.fn_tr_m {
		display: table-row
	}
	.record-list2 col:nth-child(1), .record-list2 col:nth-child(4), .record-list2 col:nth-child(5), .record-list2 th:nth-child(1), .record-list2 th:nth-child(4), .record-list2 th:nth-child(5),
		.record-list2 td:nth-child(1), .record-list2 td:nth-child(4), .record-list2 td:nth-child(5) {
		display: table-cell
	}
	.main-banner a img {
		width: 100%;
		height: auto;
	}
	.bg1 {
		width: 100%;
		overflow: auto;
	}
	.bg {
		min-width: 960px;
	}
}

@media ( max-width : 820px) {
	.m_block {
		display: block;
	}
	.board-list-n1 tr {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.board-list-n1 tr td:last-child {
		position: absolute;
		top: 40%;
		right: 1rem;
		font-size: 1.25rem;
		line-height: 100%;
	}
	.board-list-n2 td {
		order: 0;
	}
	.greetings .title_2 {
		font-size: 27px;
		margin-left: 0;
	}
	.record-list2 col:nth-child(1), .record-list2 col:nth-child(4), .record-list2 col:nth-child(5), .record-list2 th:nth-child(1), .record-list2 th:nth-child(4), .record-list2 th:nth-child(5),
		.record-list2 td:nth-child(1), .record-list2 td:nth-child(4), .record-list2 td:nth-child(5) {
		display: none
	}
}

@media ( max-width : 660px) {
	.m_block {
		display: block;
	}
	.tourSchd .tourSchd_l {
		width: 100%;
		margin-bottom: 1.875rem
	}
	.tourSchd .tourSchd_r {
		width: 100%;
	}
	.tourSchd {
		margin-top: 1.875rem !important;
	}
	.table_new3 colgroup {
		display: none
	}
	.table_new3 tr {
		display: block;
	}
	.table_new3 th {
		display: block;
		padding: 0.45rem 0.45rem 0.45rem 0;
		border: none;
		text-indent: 0;
		background: #fff
	}
	.table_new3 td {
		display: block;
		padding: 0 0 0.45rem 0;
	}
	.table_new3 tr:first-child th {
		display: inline-block;
		padding: 0.45rem 0.45rem 0.45rem 0;
		border: none;
		background: #fff
	}
	.table_new3 tr:first-child td {
		display: inline-block;
		padding: 0.45rem;
		border: none;
	}
	.table_new3 tr:first-child td::before {
		content: ":";
		margin: 0 5px 0 0;
	}
	.table_new3 tr:nth-child(2) th {
		border-top: 1px solid #e1e1e1;
	}
	.table_new3 td input, .table_new3 td textarea {
		padding-left: 0.5rem;
		border-width: 1px;
	}
	.table_new3 td.board-sort select {
		width: 100%
	}
	.vlist {
		max-height: none;
	}
	.btn_area_n {
		padding: 0 15%;
	}
	.table_new3 .pc_block {
		display: inline;
		margin: 0
	}
	.download-n1 {
		padding: 0 10px;
		margin: 0;
		font-size: 12px;
		letter-spacing: -0.5px;
	}
	.icon-board-download-n1 {
		width: 20px;
		height: 24px;
		background: url("../images/icon_n01.gif") no-repeat center center;
	}
	.noti-n1 {
		padding-left: 5%;
	}
	.noti-n2 {
		padding-left: 5%;
	}
	.board-search-n2 .field {
		padding: 0;
	}
	.table_new3_2 tr:first-child th {
		display: block;
		padding: 0.45rem 0.45rem 0.45rem 0;
		border: none;
		background: #fff
	}
	.table_new3_2 tr:first-child td {
		display: block;
		padding: 0 0 0.45rem 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.table_new3_2 tr:first-child td::before {
		content: "";
		margin: 0;
	}
	.table_new3_2 td input[type="text"], .table_new3_2 td input[type="password"] {
		width: 100%
	}
	.table_new3 td .hint {
		margin: 0;
	}
	.tipbox-n1 {
		position: relative;
		padding: 0.6rem 0.75rem
	}
	.w10p {
		width: 15% !important;
	}
	.organization h4 {
		width: 100%;
	}
	.organization_in dl {
		width: 100%;
	}
	.noti-n3 {
		width: 100%;
		padding: 0 0 0 25px;
	}
	.m_scroll {
		width: 100%;
		overflow-x: scroll;
	}
	.m_scroll table {
		width: 960px;
	}
	.slide-content .viewer {
		border: none;
	}
	.main-infomation .detail {
		overflow: hidden;
		margin-top: 1.2rem;
		height: auto
	}
	.main-topic {
		margin: 1.125rem 0 0
	}
	[class^="nav-tabmenu"].mobile.active ul, .schedule-selector .select ul {
		background: #ebebeb
	}
	[class^="nav-tabmenu"].nav-tabmenu1.mobile.active {
		z-index: 23
	}
	.record-list2 th:nth-child(1) {
		display: table-cell;
	}
}

@media ( max-width : 320px) {
	.m_block {
		display: block;
	}
	.tourSchd .tourSchd_l .tour_cal tbody td a {
		padding: 12px 0;
	}
}


/* ------------- 인크리스 추가 --------------- */

/* 지시사항 */
dl.overview-dl{margin-top:20px;}
dl.overview-dl dt {display:inline-block;width:80px;	vertical-align:top;}
dl.overview-dl dd {	display:inline-block;width:calc(100% - 90px);}

.box-overview{padding: 1.25rem 0;}
.box-overview .overview-title{float:left;width:200px;}
.box-overview dl.overview-dl{float:left;width:calc(100% - 200px);margin-top: -5px;}
.box-overview:after{clear:both;content:'';display:block;}
@media ( max-width : 980px) {
	dl.overview-dl dt {width:70px;	}
	dl.overview-dl dd {width:calc(100% - 80px);}

	.box-overview .overview-title{float:none;width:100%;}
	.box-overview dl.overview-dl{float:none;width:100%;margin-top:1rem;}

}

.pop-title{border-bottom: 2px solid #2062b6;font-size: 1.5rem;line-height: 1.1;font-weight: 400;color: #222;padding:0 1rem 1rem;}
.pop-title.noline{border-bottom:none;text-align:center;}
.pop-title.nopadding{border-bottom:none;padding-left:0;}

/* 정보공개 */
.keyword-list{border-top: 2px solid #2062b6;}
.keyword-list > li {padding: 1.25rem 0;border-bottom: 1px solid #e1e1e1;}
.keyword-list .content{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;justify-content: space-between;}
.keyword-list .content .sub-title{width:100px;flex: 1 1 0px;align-self:flex-start;}
.keyword-list .content .keyword{width:calc(100% - 310px);height:72px;min-height:72px;overflow:hidden;flex: 10 1 0px;align-self:flex-start;}
.keyword-list .content .more{width:200px;;flex: 1 1 0px;align-self:flex-start;font-size:1.5rem;text-align:center;}
.keyword-list .content .more span{display:none;}
.keyword-list .content .more button{background: transparent;}

.keyword-list .content .keyword ul li{display:inline-block;padding:0 5px;background-color:#eeeeee;border-radius:3px;margin:0 7px 7px 0;font-size:.9rem;}
.keyword-list .content .keyword ul li.active{background-color:#f5e7d7;}
.keyword-list .content .keyword ul li:hover,.keyword-list .content .keyword ul li.active:hover{background: #ed7102;color:#fff;}

.keyword-label{background: #ed7102;color:#fff;padding:0 5px 2px;border-radius:3px;font-size:1rem;vertical-align: middle;display:inline-block;margin:0 5px;line-height: 25px;}
@media ( max-width : 660px) {
.keyword-list .content .keyword ul li{padding:2px 7px;margin:0 7px 10px 0;font-size:1rem;}

}

.keyword-document {border-top: 2px solid #2062b6}

.keyword-document>li {position:relative;display: table;width: 100%;table-layout: fixed;border-bottom: 1px solid #e1e1e1}
.keyword-document>li .keyword-info{display: table-cell;vertical-align: middle;padding: 1.25rem 0.625rem}
.keyword-document>li .keyword-btn {position:absolute;top:20px;right:0.625rem;}
.keyword-document>li .keyword-info{padding-left:50px;position:relative;display:block;}
.keyword-document>li .keyword-info .num{	position:absolute;top:20px;left:10px;font-weight:400;}
.keyword-document>li .box-content{padding-left: 50px;}
.keyword-document>li .box-content:after{content:'';clear:both;display:block;}
.keyword-document>li .box-content .file-list{float:left;width:50%;margin-bottom: 5px;}
.keyword-document>li .box-content .file-list span{width: calc(100% - 120px);overflow:hidden;text-overflow: ellipsis;white-space:nowrap;display: inline-block;vertical-align: top;font-size:.9rem;}
@media ( max-width : 660px) {
	.keyword-document>li .keyword-info .num{	top:10px;	font-size:1.2rem;}
}
.keyword-document>li .keyword-info .label {position: absolute;left: 0;text-align: center}
.keyword-document>li .keyword-info .subject {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;display: block;font-size: 1.125rem}
.keyword-document>li .keyword-info .infomation {position: relative;margin-top: 0.375rem;color: #000}
.keyword-document>li .keyword-info .infomation ul li {position: relative;display: inline-block;margin-right: 0.35rem;padding-right: 0.6875rem;vertical-align: top;font-size: 0.875rem}
.keyword-document>li .keyword-info .infomation ul li::after {content: " ";position: absolute;top: 50%;right: 0;margin-top: -0.35rem;width: 1px;height: 0.9rem;overflow: hidden;background: #999}
.keyword-document>li .keyword-info .infomation ul li:last-child {margin-right: 0;padding-right: 0}
.keyword-document>li .keyword-info .infomation ul li:last-child::after {display: none}
@media ( max-width : 980px) {
.keyword-document>li .keyword-info{padding: 1rem 0.5rem}
.keyword-document>li .keyword-info .subject,	.keyword-document>li .keyword-info .infomation {	padding-left: 3.75rem}
.keyword-document>li .keyword-info .infomation {margin-top: 0.3rem}
.keyword-document>li .keyword-info .infomation ul li {	margin-right: 0.28rem;	padding-right: 0.55rem}
}
@media ( max-width : 820px) {

.keyword-document>li .box-content .file-list{float:none;width:100%;}
.keyword-document>li .keyword-info .subject{padding-right:100px;}
.keyword-document>li .keyword-btn {top:10px;}
.keyword-document>li .keyword-btn a.button {margin-bottom:  0.75rem;width:100%;}
}
@media ( max-width : 820px) and (max-width: 660px) {
	.keyword-document>li .keyword-info{padding: 0.75rem 0}
	.keyword-document>li .keyword-info .subject,.keyword-document>li .keyword-info .infomation {	padding-left: 3.15rem}
}




/* 특별한만남 */
.search-layer .field .designCheck  .inchk{margin:2px 5px 2px 0 !important; min-width:auto !important;width:40px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/*인터넷익스플로러핵*/
	.search-layer .field .designCheck  .inchk{margin-right:10px;width:60px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){/*크롬핵*/
	.search-layer .field .designCheck label {display:inline-block;position:relative;}
	.search-layer .field .designCheck label span{display:block;position:absolute;top:0;left:0;width:40px; height: 35px;line-height: 35px;padding:0; text-align:center;}
	.search-layer .field .designCheck input[type="checkbox"] {display:inline-block;width:40px; height: 40px;line-height: 40px;padding:0 15px; background: #fff;border:1px solid #ddd; cursor: pointer; margin:0;margin-bottom:10px;}
	.search-layer .field .designCheck input[type="checkbox"]:checked {background:#02316b;border-color: #02316b;color:#fff;}
	.search-layer .field .designCheck input[type="checkbox"]:checked + span{color:#fff;}
}

.checkB{display:block;float:left;position:relative;z-index:10;width:42px;height:37px;border:solid 1px #ddd;margin-right:5px;}
.checkB input{position:absolute;top:0;left:0;z-index:9;width:10px !important;height:10px !important;}
.checkB label{display:block;position:absolute;top:0;left:0;z-index:10;width:40px;height:35px;line-height:35px;background:#fff;text-align:center;color:#000;cursor:pointer}
.checkB input:checked + label{margin:-1px;z-index:100;background: #02316b; border-color: #02316b;color: #fff;}
.checkB label.on{background: #02316b; border-color: #02316b; color: #fff;margin:-1px;z-index:100;color:#2eaa08}
@media ( max-width : 980px) {
	.checkB{margin-bottom:5px;}
}
.board-view .subject.special-title{border:none;position:relative;}
.board-view .subject.special-title h4{color: #2062b6 ; font-size: 1.5rem;font-weight:400;}
.board-view .subject.special-title button.print{position:absolute;top:1.25rem;right:1.25rem;padding:10px 15px;border: 1px solid #000;background: #fff;font-size: 1.1rem;color: #000;}

.board-view .content.special-meeting{}
.board-view .content.special-meeting mark{text-decoration:underline;background-color:#fff;color:#005bcc;}
.board-view .content.special-meeting .special-photo{float:right;margin:0 0 20px 20px;width:300px;border:1px solid #e1e1e1;}
.board-view .content.special-meeting .special-photo .slide-content{margin:20px;border:none;}
.board-view .content.special-meeting .special-photo .text-box{background-color:#f4f4f4;padding:20px;border-top:1px solid #e1e1e1;}
.board-view .content.special-meeting .special-photo .text-box h5{color:#02316b;font-size:1rem;}
.board-view .content.special-meeting .special-photo .text-box p{font-size:.9rem;padding-top:5px;}
.board-view .content.special-meeting .special-photo .text-box ul li{font-size:.9rem;}

.board-view .content.special-meeting .special-photo .slide-content .slider {padding: .875rem 30px;}
.board-view .content.special-meeting .special-photo .slide-content .slick-prev { left: 0;}
.board-view .content.special-meeting .special-photo .slide-content .slick-next {right: 0;}

.board-view .special-line	 td,.board-view .special-line th{border-top: 2px solid #2062b6;}

.docu-detail:after{clear:both;display:block;content:'';width:0;height:0;}
.docu-detail .docu-picture	{float:left;width:45%;text-align:center;border:1px solid #ccc;min-height:200px;background:#f4f4f4 url(../images/docu_bg.jpg) no-repeat center center;}		   /*기록물상세팝업*/
.docu-detail .docu-picture	img{max-height:400px;}		   /*기록물상세팝업*/
.docu-detail .docu-table	{float:right;width:54%;}

@media ( max-width : 980px) {
	.board-view .subject.special-title button.print{top:1rem;right:0;padding:5px 7px;font-size: 1rem;}
	.board-view .subject.special-title{padding-right:90px;}
}
@media ( max-width : 820px) {
	.docu-detail .docu-picture	{float:none;width:100%;}		   /*기록물상세팝업*/
	.docu-detail .docu-table	{float:none;width:100%;margin-top:20px;}

}
@media ( max-width : 660px) {
	.board-view .content.special-meeting .special-photo{float:none;margin:0 0 20px 0;width:100%;}

}
@media print{
	.board-view .content.special-meeting .special-photo .slide-content{display:none;}

}
/*일정보기 - 상세*/
.calender-docment {display:inline-block;position:relative;padding-right:100px;width: 100%;min-height:30px;}
.calender-docment  .button{position:absolute;top:0;right:0;}
.calender-table .datetable-view span.pc-hide{display:none;}
.calender-table mark{text-decoration: underline;background-color: #fff;color: #005bcc;}
@media ( max-width : 820px) {
	.calender-table .datetable-view span.pc-hide{display:inline;}
	.calender-table tr{padding-left:70px;}
	.calender-table .table-detail-tr {padding-right:40px;}
	.calender-table .table-detail-tr .date-td{color: #2062b6;font-weight:500;position: absolute; display: block; top: 10px;  left: 0;}
	.calender-table .datetable-view .date-td {display:none;}
	.calender-table .date-td:after{display:none;}

}

@media ( max-width : 660px) {
	.calender-docment {padding-right:0;}
	.calender-docment  .button{position:static;margin-top:10px;display:block;}

}
/*기록물건 & 통합검색*/
.checkA{display:block;position:relative;z-index:10;margin-right:1.875rem;}
.checkA:last-child{margin-right:0;}
.checkA.search{margin-bottom: 0.75rem;font-weight:300;}
.checkA input{position:absolute;top:5px;left:0;z-index:9;width:10px !important;height:10px !important;}
.checkA input + label{padding-left:1.8rem;min-width:80px;min-width: 80px;display:inline-block;font-size:1rem !important;}
.checkA.wauto input + label{min-width: auto;}
.checkA input + label:after{position:absolute;top:4px;left:0;content:'';display:block;z-index:10;color:#000;cursor:pointer;margin-right: 0.25rem;width: 1.5rem;height: 1.5rem;border: 2px solid #e1e1e1;background-color:#fff;}
.checkA.search input + label:after{top:2px;}
.checkA input:checked + label:after{background: #fff url(../images/ico-checked.jpg) center center no-repeat;background-size: cover;}
@media ( max-width : 980px) {
	.checkA{margin-bottom:5px;}
}

.record-search-title{position: relative;color:#2062b6;border-top: 2px solid #2062b6;font-weight:500;padding: 1rem 0.625rem;font-size: 1.125rem;}/*인크리스 추가*/
.record-search-title.active-title{position:fixed;top:0;left:0;text-align:center;width:100%;z-index:1000;background-color:#fff;margin-top:0 !important;}

.record-search-list>ul>li .record-head {width:110px;display:inline-block;vertical-align:top;}
.record-search-list>ul>li .record-head span{display:block;margin: 0 auto;text-align:center;}
.record-search-list>ul>li .record-head span.txt{font-size: 1.125rem;}
.record-search-list>ul>li .record-head span.label{width:100px;margin: 7px auto 0;border-color: #ebebeb;background: #ebebeb;color: #000;}
.record-search-list>ul>li .content.record {width:calc(100% - 120px);display:inline-block;vertical-align:top;}
.record-search-list>ul>li .content.record.nohead {width:100%;}
.record-search-list>ul>li .content.record.arrow{position:relative;cursor:pointer;padding-right:35px;}
.record-search-list>ul>li .content.record.arrow:after {content: "\f078";position: absolute;top: 50%;right: 0.625rem;margin-top: -0.5em;font-family: "Font Awesome 5 Free";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;font-size: 1.5rem;line-height: 1;font-weight: 900;color: #000;}
.record-search-list>ul>li .content.record.arrow.on:after {content: "\f077";color: rgb(32, 98, 182);}
.record-search-list>ul>li .record-detail-list {display: none;border-top: 2px solid #2062b6;border-bottom: 2px solid #2062b6;}
.record-search-list>ul>li .record-detail-list.graybold {border-top: 2px solid #cccccc;border-bottom: 2px solid #cccccc;}
.record-search-list>ul>li .record-detail-list dl dt {background: #ebebeb;padding:0.625rem;font-size: 1.125rem;padding-left:120px;}
.record-search-list>ul>li .record-detail-list dl dt a{font-weight:350;padding:0.25rem 1.25rem 0.25rem 0 !important;cursor:default;}
.record-search-list>ul>li .record-detail-list dl dd{display:block;padding-top:0px;padding-left:120px;}
.record-search-list>ul>li .record-detail-list.graybold dl dd,
.record-search-list>ul>li .record-detail-list.graybold dl dt {padding-left:30px;}
.record-search-list>ul>li .record-detail-list dl dd > ul {list-style:none;}
.record-search-list>ul>li .record-detail-list dl dd > ul > li{position:relative;border-bottom:1px solid #e1e1e1; padding:.625rem 0 .625rem 20px;}
.record-search-list>ul>li .record-detail-list dl dd > ul > li:before{position:absolute;top:11px;left:0;content:'└ '}
.record-search-list>ul>li .record-detail-list dl dd > ul > li:last-child{border-bottom:none;}
.record-search-list>ul>li .record-detail-list dl dd > ul > li .information{color:#000; font-size:15px; margin-left:17px;}
.record-search-list>ul.record-mb0>li {padding-bottom:0;}
.record-search-list>ul.record-mb0>li .content.record  {margin-bottom:1.25rem;}

@media ( max-width : 660px) {
	.record-search-list>ul>li .record-head {width:90px;margin-right:5px;}
	.record-search-list>ul>li .record-head span.label{width:85px;padding: 0.2rem 0; }
	.record-search-list>ul>li .content.record {width:calc(100% - 110px);}
	.record-search-list>ul>li .content.record.arrow:after {top: 1.25rem;}
	.record-search-list>ul>li .record-detail-list dl dt a{padding-left:1.25rem !important;}
	.record-search-list>ul>li .record-detail-list.graybold dl dt,.record-search-list>ul>li .record-detail-list.graybold dl dd,
	.record-search-list>ul>li .record-detail-list dl dt,.record-search-list>ul>li .record-detail-list dl dd{padding-left:0;}


}

.board-list-thumnail.search-result-img {border-top:none;}
.record-search-list>ul>li .infomation ul.search-position li::after {content: " ";position: absolute;top: 50%;right:-5px;margin-top: -4px;width: 9px;height: 14px;display: inline-block;overflow: hidden;line-height: 1;background: url(../images/search-arrow.png) no-repeat 0 0;}
.record-search-list>ul>li .infomation ul.search-position li:last-child::after {display: none;}

/* 트리메뉴 */
#lnb nav>ul.tree_menu >li>ul>li>a{padding-right:0;}
#lnb nav .tree_menu {line-height:18px;text-align:left;}
#lnb nav .tree_menu > li a{padding-left:0;}
#lnb nav .tree_menu > li  {vertical-align:bottom;text-decoration:none;background:#fff url(../images/tree_on.gif) no-repeat 5px 10px;padding-left:30px;}
#lnb nav .tree_menu > li.tree-open {vertical-align:bottom;text-decoration:none;background:#fff url(../images/tree_off.gif) no-repeat 5px 10px;padding-left:30px;color: #2062b6 !important;}
#lnb nav .tree_menu > li.no-list  {background:#fff url(../images/tree_off.gif) no-repeat 5px 10px;padding-left:30px;}
#lnb nav .tree_menu .depth_1 li {list-style:none;position:relative;}
#lnb nav .tree_menu .depth_1,
#lnb nav .tree_menu .depth_2 li {position:relative;}
#lnb nav .tree_menu .depth_2{padding:0;background-color:#fff;margin-left:-30px;}
#lnb nav .tree_menu .depth_2 li a {padding-left:5px;color:#000;}
#lnb nav .tree_menu .depth_2 li a::before{display:none}
#lnb nav .tree_menu .depth_2 > li {background:#fff url(../images/tree_on_small.gif) no-repeat 10px 9px;border-top: 1px solid #e1e1e1;padding-left: 23px;padding-right:5px;font-size: .8rem;}
#lnb nav .tree_menu .depth_2 > li > ul > li {background:#fff url(../images/tree_dot.gif) no-repeat 10px 0;padding-left: 30px;font-size:.8rem;}
#lnb nav .tree_menu .depth_2 > li.active{background:#fff url(../images/tree_off_small.gif) no-repeat 10px 9px;color: #2062b6 !important;}
#lnb nav .tree_menu .depth_2 > li.active a{color: #2062b6 !important;}
#lnb nav .tree_menu .depth_2 > li.active .depth_3 li a{color:#000 !important;}
#lnb nav .tree_menu .depth_2 li.no-list {background:#fff url(../images/tree_dot.gif) no-repeat 10px 7px;padding-left: 25px;}
#lnb nav .tree_menu .depth_2 li em {display:inline-block;width:30px;height:30px;font-size:0;line-height:0;vertical-align:middle;position:absolute;top:0;left:0;}
#lnb nav .tree_menu .depth_1 em {display:inline-block;width:30px;height:30px;font-size:0;line-height:0;vertical-align:middle;position:absolute;top:0;left:0;}
#lnb nav .tree_menu .depth_2 li em.on {background-position:0 100%;}
#lnb nav .tree_menu li.last {background:none;}
#lnb nav .tree_menu li.last {background:none;}
#lnb nav .tree_menu .depth_2 {display:none;}
#lnb nav .tree_menu .depth_3 {display:none;}
#lnb nav .tree_menu .depth_3 li {margin:0;padding:5px 0 5px 14px;line-height:1;border-top: 1px solid #e1e1e1;}
#lnb nav .tree_menu .depth_3 li a {display:block;padding-left:0;}
#lnb h3.total{border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;padding: 0.625rem 0;font-size: .95rem;text-align:center;color: #2062b6;font-weight: 500;}

@media ( min-width : 980px) {
	#tree_openBtn{width:100%;height:49px;background-color:#2062b6;padding:5px;}
	#tree_openBtn button{width:100%;border:2px solid #e1e1e1;text-align:left;padding:5px;background:#fff url(../images/tree_arrow.gif) no-repeat 95% 13px;}
	#tree_openBtn button.openstate{background:#fff url(../images/tree_arrow_on.gif) no-repeat 95% 13px;}
}

@media ( max-width : 980px) {
	#lnb h3.total,#tree_openBtn{display:none;}
	#lnb nav .tree_menu .depth_2 li { border-bottom:none;}
}


/*공개재분류*/
/*.layout-box{width:100%;}*/
/* 수정1021*/
.layout-box{width:100%;position:relative;}
.layout-box .box-content{margin-right:210px;}
/* 수정1021*/

.layout-box:after{clear:both;display:block;content:'';}
.layout-box .sub-title3{margin-bottom:0.75rem;}
.layout-box .twolay{float:left;width:50%;padding-right:15px;}
.layout-box .thrlay{float:left;width:33.33%;padding-right:15px;margin-bottom:15px;}
.layout-box .thrlay:nth-child(3n){padding-right:0;}
.layout-box .twolay:last-child{padding-right:0;}
.layout-box .twolay br{display:none;}
.layout-box .button{font-size:1rem !important;width:100%;border-radius:5px;line-height:1.5;padding-left: 5px;padding-right: 5px;/*background-color:#fff;color:#000;border-width:2px;*/}

/* 수정1021*/
.layout-box .button1{position:absolute;top:0;right:0;width:150px;height:100%;}
.layout-box .button1.color1 i{color:#2062b6;}
/* 수정1021*/

/*.layout-box .button.color1 i{color:#2062b6;}
.layout-box .button.color7 i{color:#1e9490;}
.layout-box .button.color8 i{color:#000;}*/
@media ( max-width : 1120px) {
	.layout-box .button{font-size:.9rem !important;}
	.layout-box .thrlay{width:50%;}
	.layout-box .thrlay:nth-child(3n){padding-right:15px;}
	.layout-box .thrlay:nth-child(2n){padding-right:0;}
}
@media ( max-width : 980px) {
	.layout-box .button,.layout-box .button i{font-size:.8rem !important;}
}
@media ( max-width : 580px) {
	.layout-box .twolay br{display:block;}
}


/*대통령이야기*/
.headerTitle{background-color:#eee;display: flex;flex-flow: row wrap;justify-content: space-around;align-content: center;height:50px;margin:0rem 0 2rem;}
.headerTitle h3{width:40%;background:#fff url(../images/storyTItle_bg.jpg) repeat-y 0 0;background-size:100% 50px;font-size:1.5rem;color:#333;font-weight:400;text-align:center;padding:0;line-height:50px;}
.headerTitle p{width:60%;padding-left:1rem;font-size:1.1rem;line-height:50px;background-color: #eee;color:#000;}
.headerTitle-sub{position:relative;}
.headerTitle-sub h4{position:absolute;top:0;left:0;}
.headerTitle-sub p{padding-left:150px;}
@media ( max-width : 960px) {
	.headerTitle{height:auto;}
	.headerTitle h3{width:100%;}
	.headerTitle p{width:100%;}
	.headerTitle-sub h4{position:static;}
	.headerTitle-sub h4.sub-title::before { top: 11px;}
	.headerTitle-sub p{padding-left:0;line-height:1.5;margin-top:10px;}
}

.president_story{margin-bottom:25px;display: flex;flex-flow: row wrap;justify-content: space-around;align-content: center;border-bottom:1px solid #eee;}
.president_story .story-item{width:100%;border-bottom:1px solid #eee;padding:20px 0;}
.president_story .contact-place {position:relative;padding-right:120px;}
.president_story .contact-place .contact-more{position:absolute;bottom: 30px;right:20px;width: 100px;}
.president_story .contact-place .contact-more span{display:block;position:relative;}
.president_story .contact-place .contact-more .circle{position:absolute;top:-10px;right:-20px;width:50px;height:50px;border-radius:100%;content:'';display:block;z-index: -1;background-color: #eee;}
.president_story .contact-place .contact-more span:before{content: " ";position: absolute;bottom: 0;right: 0;overflow: hidden;background: #666;z-index: 1;width: 100px;height: 2px;}
.president_story .contact-place .contact-more span:after{content: " ";position: absolute;bottom: 10px;right: -5px;overflow: hidden;background: #666;z-index: 1;width: 30px;height: 2px;transform: rotate(45deg);}
.president_story .story-item.noB{border-bottom:none;}
.president_story .left-area{width:35%;}
.president_story .left-area .story-item img{padding-bottom:20px;}
.president_story .right-area{width:65%;padding-left:40px;}
.president_story h5{font-weight:400;font-size:1rem;color:#000;background-color:#eee;padding:.45rem 1rem;display:inline-block;border-radius:3px;margin-bottom:10px;}
.president_story h5 .blank{display:inline-block;width:29px;}
.president_story p{}

@media ( max-width : 820px) {
	.president_story .left-area{width:100%;}
	.president_story .left-area .story-item.noB{border-bottom:1px solid #eee;padding-bottom:20px;}
	.president_story .right-area{width:100%;padding-left:0;}
}

@media ( max-width : 660px) {
	.president_story .contact-place {position:relative;padding-right:90px;}
	.president_story .contact-place .contact-more{width: 70px;font-size:.8rem;right:10px;bottom:50px;}
	.president_story .contact-place .contact-more .circle{right:-10px;width:50px;height:50px;}

	.president_story .contact-place .contact-more span:before{width: 70px;}
	.president_story .contact-place .contact-more span:after{content: " ";position: absolute;bottom: 5px;right: -2px;overflow: hidden;background: #666;z-index: 1;width: 15px;height: 2px;transform: rotate(45deg);}
}


.story-box{border: 5px solid #e1e1e1;background: #fff;padding:0;}
.story-box .inner{padding: 2rem;border-bottom:1px solid #e1e1e1;}
.story-box .inner:last-child{border-bottom:none;}

hr.blueLine{border:none;border-top:1px solid #2062b6;width:100%;height:0;display:block;margin:40px 0;}
.border-line{border-bottom:1px solid #e1e1e1;padding-bottom: 0.75rem; }
.tabs-conents{padding:20px 35px;border:1px solid #e1e1e1;border-top:none;position: relative;}
.tabs-conents .box-costume > h5 {text-indent:-9999px; position:absolute;} /* 221221 추가 */

/*찾아오시는길*/
.birthplace-address {position:relative;display: flex;flex-flow: row wrap;justify-content: space-between;padding-bottom:0.825rem;min-width:600px;margin-bottom:0.825rem;border-bottom:2px solid #2062b6;}
.birthplace-address h4{width:65px;}
.birthplace-address .zipcode{width:75px;margin-right:10px;}
/* .birthplace-address .zipcode h5{width:75px;padding:2px 0;border-radius:3px;font-weight:300;font-size:.9rem;text-align:center;color:#fff;background-color:#ff8400;} */
.birthplace-address .zipcode h5{width:75px;padding:2px 0;border-radius:3px;font-weight:300;font-size:.9rem;text-align:center;color:#fff;background-color:#C15806;}/* 221221 배경색 변경 */
.birthplace-address .zipcode p{text-align:center;}
.birthplace-address .roadname{width:calc(100% - 370px);}
.birthplace-address .roadname ul li{position:relative;padding-bottom:5px;}
.birthplace-address .roadname ul li:last-child{padding-bottom:0;} /* 240729 none -> 0 으로 수정 */
.birthplace-address .roadname h5{position:absolute;top:0;left:0;width:70px;padding:2px 0;border-radius:3px;font-weight:300;font-size:.9rem;text-align:center;color:#fff;background-color:#2062b6;}
.birthplace-address .roadname p{padding-left:75px;line-height: 1.2;}
.birthplace-address .linkbtn{width:220px;}
.birthplace-address .linkbtn a{margin-top: 5px;display: inline-block;padding:0.25rem 0.45rem;font-weight:300;font-size:1rem;text-align:center;color:#fff;}
/* .birthplace-address .linkbtn .naver{background-color:#7da913} */
/* .birthplace-address .linkbtn .kakao{background-color:#d7d008} */
.birthplace-address .linkbtn .naver{background-color:#717B55}/* 221221 배경색 변경 */
.birthplace-address .linkbtn .kakao{background-color:#837819}/* 221221 배경색 변경 */
#content-birthplace .box-birthplace > h4 {text-indent:-9999px; position:absolute;} /* 221221 추가 */

@media ( max-width : 960px) {
	.birthplace-address h4{width:100%;}
	.birthplace-address .roadname{width:calc(100% - 85px);}
	.birthplace-address .linkbtn{position:absolute;top:-5px;right:0;}
	.birthplace-address .linkbtn{text-align:right;}

}
@media ( max-width : 660px) {
	.birthplace-address {min-width:auto;}
	.birthplace-address .zipcode{width:65px;}
	.birthplace-address .zipcode h5{width:65px;}
	.birthplace-address .roadname{width:calc(100% - 75px);}
	.birthplace-address .roadname h5{width:55px;}
	.birthplace-address .roadname p{padding-left:60px;line-height: 1.4;font-size:.9rem;}
}
#content-map{border-top:1px solid #2062b6;border-bottom:1px solid #2062b6;border-right:none;border-left:none;padding-left:0;padding-right:0;}
#content-map .box-map > h4 {text-indent:-9999px; position:absolute;} /* 221221 추가 */
.box-map > ul.birthplace-route > li{position:relative;border-bottom:1px solid #e1e1e1;padding:10px 0;}
.box-map > ul.birthplace-route > li:last-child{border-bottom:none;padding-bottom:0;}
.box-map h5{position:absolute;top:10px;left:0;width:80px;padding:3px 0;border-radius:3px;font-weight:300;font-size:1rem;text-align:center;color:#fff;background-color:#2062b6;}
.box-map ul.route,.box-map ul li p {padding-left:90px;}
.box-map ul.route li {font-size:.9rem;line-height:1.3;padding-bottom:10px;}
.box-map ul li p {font-size:.9rem;line-height:1.5;padding-bottom:10px;}

/*생가*/
.birthplace-slide{max-width:600px;margin:0 auto;}
.birthplace-slide.panorama{max-width:1000px;margin:0 auto;}

/*의상*/
.costumeBox{position:relative;border-top:2px solid #2062b6;padding:1.5rem 0;padding-right:31%;}
.costumeBox .img-area{position:relative;border:2px solid #eee;text-align:center;height:420px;overflow:hidden;}
.costumeBox .img-area .inner{width: 100%;	height: 100%;	background: #fff;	display: flex;	justify-content: space-around;	align-items: center;}
.costumeBox .img-area .inner img{max-height:100%;max-width:100%;}
.costumeBox .costume-list{width:30%;position:absolute;top:1.5rem;right:-10px;overflow-y:auto;height: 430px;}
.costumeBox .costume-list:after{display:block;content:'';clear:both;}
.costumeBox .costume-list li{cursor:pointer;float:left;border:1px solid #eee;margin:0 10px 10px 0;overflow:hidden;display: block;color: #000;position: relative;bottom: 0;width: calc(50% - 10px);height: 97px;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.costumeBox .costume-list li:nth-child(2n){margin-right:0;}
.costumeBox .costume-list li.active{border: 1px solid rgba(2, 54, 120, 0.8);}
.costumeBox .costume-list li img{width:100%;position: absolute; top: 50%; transform: translateY(-50%);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}

/*의상갤러리 팝업 포커스 20231219 웹접근성 추가*/
.costumeBox .costume-list li button {display:inline-block; width:100%; height:100%; padding:0;}
.costumeBox .costume-list li button img {width:100%; height:auto; transform:none; position:inherit;}
.costumeBox .costume-list li button:focus {outline:2px dashed #2062b6; outline-offset: -2px;}

@media ( max-width : 820px) {
	.costumeBox{padding-right:290px;}
	.costumeBox .costume-list{width:280px;}
	.costumeBox .costume-list li{height: 90px;}
}
@media ( max-width : 660px) {
	.costumeBox{padding-right:0;padding-bottom:0;}

	.costumeBox .costume-list{width:100%;position:static;top:0;right:0;height: 300px;margin-top:20px;}
	.costumeBox .costume-list li{margin:0 5px 10px;width: calc(33% - 10px);}

}
.costumeExplan{border-top:2px solid #2062b6;padding:1.5rem 0.5rem;margin-top:10px;}
.costumeExplan .line-box{position:relative;margin-top:25px;padding-top:15px;}
.costumeExplan .line-box:after{position:absolute;top:0;left:0;width:160px;height:1px;background-color:#666;content:'';display:block;}
.costumeExplan p{text-align:justify;}
.costumeExplan ol{}
.costumeExplan ol li{padding-bottom:10px;line-height:1.3rem;}
.costumeExplan .btm{}
#content-costume .box-costume > h4 {text-indent:-9999px; position:absolute;} /* 221221 추가 */

/*만찬*/
.popup-modal .slide-content .slider.dinner-slider {display: block; padding:1.5rem;border-top: 2px solid #2062b6;border-bottom: 2px solid #2062b6;}
#content-dinner .box-dinner > h4 {text-indent:-9999px; position:absolute;} /* 221221 추가 */

/*준비중*/
.ready-box{text-align:center;border:1px solid #e9e9e9;background-color:#f9f9f9;margin-top:1.25rem;padding:70px 10px 150px;}
.ready-box h4{font-size:2rem;font-weight:300;color:#000;margin:20px 0;}
.ready-box h4 strong{font-weight:500;color:#000;}
.ready-box p{line-height:1.5;color:#000;}

#popup-layer4 .slide-content .slider .slick-current a::after,
#popup-layer4-1 .slide-content .slider .slick-current a::after,
#popup-layer4-2 .slide-content .slider .slick-current a::after,
#popup-layer4-3 .slide-content .slider .slick-current a::after,
#popup-layer4-4 .slide-content .slider .slick-current a::after,
#popup-layer4-5 .slide-content .slider .slick-current a::after,
#popup-layer4-6 .slide-content .slider .slick-current a::after {border: 1px solid rgba(2, 54, 120, 0.8);background: none}

#popup-layer4 .slide-content .slider .slick-slide,
#popup-layer4-1 .slide-content .slider .slick-slide,
#popup-layer4-2 .slide-content .slider .slick-slide,
#popup-layer4-3 .slide-content .slider .slick-slide,
#popup-layer4-4 .slide-content .slider .slick-slide,
#popup-layer4-5 .slide-content .slider .slick-slide,
#popup-layer4-6 .slide-content .slider .slick-slide{padding:0 10px;}


/*기록컬렉션- 안내글*/
.box_Notice{}
.box_Notice.nobtm{margin-bottom:0.625rem;}
.more_Notice	{color:#2062b6;}
.view_Notice{display:none;border-top:2px solid #2062b6;border-bottom:2px solid#2062b6;margin-top:0.625rem;margin-bottom:0.625rem;}
.view_Notice.nobtm{border-bottom:none;margin-top:0;margin-bottom:0}
.view_Notice ul li p{position:relative;border-bottom:1px solid #e1e1e1;padding:20px 0px 20px 0px;line-height:1.5;text-align:justify;}
.view_Notice ul li p.noline{border-bottom:none}
.view_Notice ul li .linkList {margin-left:0px;margin-bottom:20px;}
.view_Notice ul li .linkList li{border:1px solid #e1e1e1;padding:.5rem;margin-bottom:10px;font-size:.9rem;}
.view_Notice ul li .linkList li a{color:#2062b6}
.view_Notice ul li .linkList li a:after{content: " \e62f";font-family: 'themify';font-size:1rem;vertical-align:middle}
.view_Notice ul li p a{color:#2062b6;text-decoration:underline;}
/*.view_Notice ul li p:before{position:absolute;top:22px;left:10px;display:block;content: "\f15c";font-family: "Font Awesome 5 Free";}*/
.view_Notice ul li p.box-content{padding:13px 1.25rem 13px 20px;}
.view_Notice ul li p.box-content:before{display:none;}
.view_Notice > .box-content {margin-bottom:10px;}
.view_Notice .close-box {text-align:center;margin-bottom:20px;}
.view_Notice:not(.nobtm) .close-box{margin:10px 0;}

.view_Notice .close-box button{color:#000;}

/*기록컬렉션- 서브메인*/
.recode-main-gallery{ display: flex;flex-flow: row wrap;justify-content: left;border-top:2px solid #2062b6;border-bottom:2px solid #2062b6;padding-bottom:10px;}
.recode-main-gallery li{width:33.333%;padding:30px 0 20px;border-bottom:1px solid #e1e1e1;}
.recode-main-gallery li:nth-child(3n+1){padding-right:24px;}
.recode-main-gallery li:nth-child(3n+2){padding-right:12px;padding-left:12px;}
.recode-main-gallery li:nth-child(3n){padding-left:24px;}
/*.recode-main-gallery li:nth-child(7),.recode-main-gallery li:nth-child(8),.recode-main-gallery li:nth-child(9){border-bottom:none;}*/
.recode-main-gallery li .thumnail{display:block;margin-bottom:15px;border:5px solid #f1f1f1; border-radius:15px;} /* 240708 border-radius 추가 */
.recode-main-gallery li .thumnail img{width:100%; border-radius:10px;} /* 240708 border-radius 추가 */
.recode-main-gallery li .subject{display:block;position:relative;width: 100%;font-size:1.1rem;font-weight:500;padding-right: 30px;} /* 231226 수정 */
.recode-main-gallery li .subject .year{font-weight:300;font-size:1rem;}
.recode-main-gallery li .subject:after{display:block;position:absolute;top:2px;right:0;width:28px;height:28px;line-height:28px;text-align:center;border:1px solid #2062b6;color:#2062b6;content:"\e61a";font-family: 'themify';}
.recode-main-gallery li a{ display: block}

@media ( max-width : 1120px) {
	/*
	.recode-main-gallery li:nth-child(1),.recode-main-gallery li:nth-child(4),.recode-main-gallery li:nth-child(7){padding-right:16px;}
	.recode-main-gallery li:nth-child(2),.recode-main-gallery li:nth-child(5),.recode-main-gallery li:nth-child(8){padding-right:8px;padding-left:8px;}
	.recode-main-gallery li:nth-child(3n){padding-left:16px;}
 	.recode-main-gallery li .subject{font-size:1rem; padding-right:25px;} /* 231226 수정 */
	/*.recode-main-gallery li .subject .year{font-size:.9rem;} */

	/* 240708 추가 시작 */
	.recode-main-gallery li{width:50%;}
	.recode-main-gallery li:nth-child(1),.recode-main-gallery li:nth-child(4),.recode-main-gallery li:nth-child(7){padding-right:0;}
	.recode-main-gallery li:nth-child(2),.recode-main-gallery li:nth-child(5),.recode-main-gallery li:nth-child(8){padding-right:0;padding-left:0;}
	.recode-main-gallery li:nth-child(3n){padding-left:0;}
	.recode-main-gallery li:nth-child(2n){padding-left:10px; padding-right:0;}
	.recode-main-gallery li:nth-child(2n-1){padding-right:10px; padding-left:0;}
	/* 240708 추가 끝 */
}
@media ( max-width : 820px) {
	/*
	.recode-main-gallery li{width:50%;}
	.recode-main-gallery li:nth-child(1),.recode-main-gallery li:nth-child(4),.recode-main-gallery li:nth-child(7){padding-right:0;}
	.recode-main-gallery li:nth-child(2),.recode-main-gallery li:nth-child(5),.recode-main-gallery li:nth-child(8){padding-right:0;padding-left:0;}
	.recode-main-gallery li:nth-child(3n){padding-left:0;}
	.recode-main-gallery li:nth-child(2n){padding-left:10px; padding-right:0;}
	.recode-main-gallery li:nth-child(2n-1){padding-right:10px; padding-left:0;}
	*/
}
@media ( max-width : 660px) {
	.recode-main-gallery li .subject:after{width:23px;height:23px;line-height:23px;}

	/* 240708 추가 */
	.recode-main-gallery li{width:100%; padding-left:0 !important; padding-right:0 !important;}

}

/*보존복원인프라*/
.preservation-intro {text-align: center;padding: 1.25rem;margin-bottom:1.875rem;background: #ebebeb;color: #000;}
.preservation-intro br{display:none;}
.preservation-intro .title {margin-bottom: 0.45rem;font-size: 1.5rem;font-weight: normal}
.preservation-intro .title span {color: #2062b6}
.preservation-intro .desc {margin-top: 0.25rem;font-size: 1.125rem;}
.preservation-intro .desc span{color: #2062b6}

@media ( max-width : 980px) {
	.preservation-intro br {display: none}
	.preservation-intro .title {margin-bottom: 0.36rem;font-size: 1.375rem}
	.preservation-intro .desc {margin-top: 0.2rem;font-size: 1rem}
}

@media ( max-width : 660px) {
	.preservation-intro{margin-bottom:1.125rem;}
	.preservation-intro br{display:block;}
	.preservation-intro .title {margin-bottom: 0.27rem;font-size: 1.25rem}
	.preservation-intro .desc {margin-top: 0.16rem}
}

.preservation-list:after{clear: left;margin-left: 0;display:block;content:'';}
.preservation-list>li {float: left;margin: 0 0 1.875rem 1.4rem;padding: 1.25rem;width: calc(50% - .7rem);border: 1px solid #e1e1e1}
.preservation-list>li h5 {color:#2062b6;font-size: 1.3rem;line-height: 1.2;font-weight:400;}
.preservation-list>li p {margin-top: 1.25rem;padding: 1rem 0.875rem;background: #ebebeb;line-height:1.5;font-size:.9rem;}
.preservation-list>li:nth-child(odd) {clear: left;margin-left: 0}
@media ( max-width : 1226px) {
	.preservation-list>li p {height:95px;}

}


@media ( max-width : 980px) {
	.preservation-list>li {margin: 1.5rem 0 0 1.5rem;padding: 1rem;width: calc(50% - 0.75rem)}
	.preservation-list>li p {margin-top: 1rem;padding: 0.8rem 0.7rem}
}

@media ( max-width : 660px) {
	.preservation-list>li p {height:auto;}
	.preservation-list>li {float: none;margin: 0 0 1.125rem 0;padding: 0.75rem;width: auto}
	.preservation-list>li p {margin-top: 0.75rem;padding: 0.6rem 0.525rem}
}

/*보존서고*/
.archive-intro {text-align: left;padding: 1.25rem;border:5px solid #ebebeb;color: #000;position:relative;}
.archive-intro .inner{position:absolute;bottom:1.5rem;left:1.25rem;padding:0 1.25rem 0 480px;}
.archive-intro .title {margin-bottom: 0.2rem;font-size: 1.5rem;font-weight: normal;color: #2062b6}
.archive-intro .desc {margin-top: 0.25rem;font-size: 1.125rem;line-height:1.6;}
.archive-intro .desc span{color: #2062b6}
@media ( max-width : 1120px) {
 .archive-intro {text-align: center;}
 .archive-intro .inner{position:static;bottom:auto;left:auto;padding-left:0;padding-top:1.25rem;}


}
@media ( max-width : 980px) {
	.archive-intro .title {margin-bottom: 0.36rem;font-size: 1.375rem}
	.archive-intro .desc {margin-top: 0.2rem;font-size: 1rem}
}

@media ( max-width : 660px) {
	.archive-intro .title {margin-bottom: 0.27rem;font-size: 1.25rem}
	.archive-intro .desc {margin-top: 0.16rem}
}

 /*보존레이아웃 2열*/
.preservation-grid{display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;}
.preservation-grid .grid-box{width:calc(50% - 0.7rem);margin-bottom:1.875rem;}
.preservation-grid h5{color: #2062b6;font-size: 1.2rem;line-height: 1.2;font-weight: 400;margin-bottom:.6rem;}
.preservation-grid p{line-height: 1.5; font-size: .9rem;}
.preservation-grid p.txt{line-height: 1.5; font-size: 1rem;font-weight: 300;color: #000;}
.preservation-grid .grid-box .imginner{border: 1px solid #e1e1e1;}
.preservation-grid .grid-box .imginner h5{color: #2062b6;font-size: 1.3rem;line-height: 1.2;font-weight: 400;padding:1rem;}
.preservation-grid .grid-box .fix img{width:100%;}
.preservation-grid .grid-box .fix h5{margin-bottom:0;}
.preservation-grid .grid-box>ul>li{}
.preservation-grid>ul{width:100%;display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;}
.preservation-grid>ul>li{width:calc(50% - 0.7rem);}
.preservation-grid ul li{margin-bottom:1.4rem;}
.preservation-grid ul li .imginner{display:inline-block;width:196px;margin-right:10px;vertical-align:top;}
.preservation-grid ul li .textinner{display:inline-block;width:calc(100% - 220px);vertical-align:top;}
.preservation-grid .grid-box .imgpopup{position:relative;border: 1px solid #e1e1e1;overflow:hidden;height:137px;display: flex;  justify-content: space-around; align-items: center;}
.preservation-grid .grid-box .imgpopup img{max-height: 100%;max-width: 100%;}
.preservation-grid .grid-box .imgpopup:after{cursor:pointer;opacity:0;display:block;text-align:center;line-height:137px;position:absolute;top:0;left:0;width:100%;height:100%;content:"\e61a";font-family: 'themify';color:#fff;font-size:2rem;background: rgba(2, 54, 120, 0.8);}
.preservation-grid .grid-box .imgpopup:hover:after{opacity:1;}

@media ( max-width : 1120px) {
	.preservation-grid h5{font-size: 1.1rem}
	.preservation-grid ul li .imginner{width:150px;}
	.preservation-grid ul li .textinner{width:calc(100% - 180px);}
	.preservation-grid .grid-box .imgpopup{height:104px;}

}

@media ( max-width : 820px) {
	.preservation-grid ul li .imginner{width:130px;}
	.preservation-grid ul li .textinner{width:calc(100% - 160px);}
	.preservation-grid .grid-box .imgpopup{height:90px;}

}
@media ( max-width : 660px) {
	.preservation-grid .grid-box,.preservation-grid>ul>li{width:100%;margin-bottom:1.25rem;}
	.preservation-grid ul li .textinner br{display:none;}
}

/*모바일 가로스크롤 테이블*/
.mscrollTable {position: relative;overflow: hidden;min-height: 100px;}
.table-responsive {min-height: .01%;overflow-x: auto;}
.table-responsive table{white-space: nowrap;width: 100%;max-width: 100%;margin-bottom: 20px;min-width: 600px;}


@media screen and (max-width: 630px) {
	.mscrollTable:after{box-shadow: 0 0 10px 0 #000;content: "";height: 100%;position: absolute;right:-1px;top: 0;width: 1px;}
	.mscrollTable .table-responsive{border: none !important;padding:0;margin-bottom:0;}

}

/*전시기획 */
.poster-grid {overflow:hidden;}
.poster-grid ul{display: flex; flex-flow: row wrap; flex-wrap: wrap;/*justify-content: space-between;align-content: center;*/}  /* 230203 수정 */
.poster-grid ul li{position:relative;}
.poster-grid ul li a{display:block;}
.poster-grid ul li:not(.btm):after{position:absolute;bottom:-1px;left:0;width:400px;height:1px;content:'';background-color:#eee;}
.poster-grid ul li img{width:100%;}
.poster-grid ul li{border-bottom:1px solid #eee;padding:2rem 0;width:calc(25% - 2%); margin:1%;} /* 230203 수정 */
.poster-grid ul li.btm{border-bottom:none;margin-bottom:0;}
.poster-grid ul li.btm a{display:block;position:relative;}
.poster-grid ul li.top{margin-top:0;}
.poster-grid ul li.top a{display:block;position:relative;}
.poster-grid ul li.two{/*width:463px;*/ width:calc(50% - 2%);} /* 230203 수정 */
.poster-grid ul li.two a{display:block;position:relative;}
.poster-grid ul li .item{border:6px solid #eee;overflow:hidden;}
.poster-grid ul li .item .subject{cursor:pointer;opacity:0;display: flex;  justify-content: space-around; align-items: center;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:1.1rem;font-weight:400;line-height:1.2;background: rgba(0, 0, 0, 0.7);}
.poster-grid ul li .item .subject p{width:100%;height:auto;}
.poster-grid ul li .item .subject p:before{display:block;content:"\e61a";font-family: 'themify';font-size:2rem;}
.poster-grid ul li .item .subject small{display:block;margin:0.5rem 0;font-size:.7rem;}
.poster-grid ul li .item .subject strong{display:block;font-size:1.1rem;line-height:1.5;margin-top:0.25rem;font-weight:700;}
.poster-grid ul li .item:hover .subject{opacity:1;}
.poster-grid ul li .item:hover .subject, .poster-grid ul li a:focus .subject {opacity:1;} /* 221221 focus일때 추가 */



@media ( max-width : 1200px) {
	.poster-grid ul li{width:calc(25% - 2%);} /* 230203 수정 */
	.poster-grid ul li.two{width:calc(50% - 2%);} /* 230203 수정 */
}
@media ( max-width : 820px) {
	.poster-grid ul li {width: calc(33.333% - 2%); padding:1.25rem 0;} /* 230203 수정 */
	/* .poster-grid ul li.two{width:calc(66.666% - 6px);} */ /* 230203 주석처리 */
}

@media ( max-width : 660px) {
	.poster-grid ul li {width: calc(50% - 2%);} /* 230203 수정 */
	.poster-grid ul li.two{width:100%;}
}

/*2024-11-11 전시기획상세 추가 start */
.poster-grid-desc, .video-grid-desc {overflow:hidden; margin-top:1.875rem; position: relative;}
.poster-grid-desc ul, .video-grid-desc ul {display:flex; flex-flow:row wrap; flex-wrap:wrap; border-top:1px solid #e1e1e1;}
.poster-grid-desc ul:after {content:''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: #e1e1e1;}
.poster-grid-desc ul li {position:relative; display:flex; align-items: center; padding: 15px 15px; width:50%; border-bottom:1px dashed #e1e1e1;}
.poster-grid-desc ul li:nth-child(2n) {padding-left: 15px;}
.poster-grid-desc ul li:nth-child(2n):before {position: absolute; content:''; left: 0; width: 1px; height: 90%; border-left:1px dashed #e1e1e1;}
.poster-grid-desc .poster {display: block; float: left; width:12rem; height:auto; box-sizing: border-box; border:1px solid #c1c1c1; text-align:center;} /* 241113 수정 */
.poster-grid-desc .poster img {width:auto; max-height:9rem;} /* 241113 수정 */
.poster-grid-desc .poster-desc {position: relative; float: left; margin-left: 1.5rem; width: calc(100% - 13.5rem);}
.poster-grid-desc .poster-desc dl {display: flex; flex-direction: row; width: 100%;}
.poster-grid-desc .poster-desc dl dt {width: 30%; flex-grow: 0; line-height: 1.75rem; text-align: justify; display: inline-block;}
.poster-grid-desc .poster-desc dl dt span {opacity:0;} /* 241113 수정 */
.poster-grid-desc .poster-desc dl dd {width: 70%; flex-grow: 1; line-height: 1.75rem; padding-left:13px; font-weight: 300; word-break:keep-all;} /* 241113 수정 */
.video-grid-desc {margin-top: 30px;}
.video-grid-desc ul {border-top:1px solid #e1e1e1;}
.video-grid-desc ul:after {content:''; position: absolute; bottom: 0; display: block; width: 100%; height: 1px; background-color: #e1e1e1;}
.video-grid-desc ul li {position:relative; display:flex; align-items: normal; flex-direction:column; padding: 15px 8px; width:33.333%; border-bottom:1px dashed #e1e1e1;}
.video-grid-desc ul li:nth-child(1), .video-grid-desc ul li:nth-child(2) {width:50%;} /* 241113 수정 */
.video-grid-desc ul li:nth-child(1) .video, .video-grid-desc ul li:nth-child(2) .video {margin:0 auto;}  /* 241113 수정 */
.video-grid-desc ul li:before {position: absolute; content:''; left: 0; width: -8px; height: 90%; border-left:1px dashed #e1e1e1;}
.video-grid-desc ul li:first-child:before, .video-grid-desc ul li:nth-child(3):before {display: none;} /* 241113 수정 */
.video-grid-desc .video {max-width: 288px; position: relative; box-sizing: border-box; /* border:1px solid #c1c1c1; */} /* 241113 수정 */
.video-grid-desc .video video {width: 100%; max-width: 288px;}
.video-grid-desc .video-desc {margin-top: 10px;}
.video-grid-desc .video-desc dl {display: flex; flex-direction: row; width: 100%; padding: 5px 10px 0;}
.video-grid-desc .video-desc dl dt {width: 30%; flex-grow: 0; line-height: 1.75rem; text-align: justify; display: inline-block;}
.video-grid-desc .video-desc dl dt span {opacity:0;} /* 241113 수정 */
.video-grid-desc .video-desc dl dd {width: 70%; flex-grow: 1; line-height: 1.75rem; padding-left:15px; font-weight: 300;}

@media ( max-width : 1300px) {
	.poster-grid-desc ul li {padding: 15px 10px;}
	.poster-grid-desc .poster {width: 35%;}
	.poster-grid-desc .poster-desc {width: 65%; margin-left: 5%}
	.poster-grid-desc .poster-desc dl dt {/* text-align: left; */ letter-spacing: -0.125rem;} /* 241113 수정 */
	.poster-grid-desc .poster-desc dl dd {padding-left: 10px;}
}
@media ( max-width : 1160px) {
	.video-grid-desc .video-desc dl dt {/*text-align: left;*/ letter-spacing: -0.125rem;} /* 241113 수정 */
	.video-grid-desc .video-desc dl dd {padding-left: 6px;}
}
@media ( max-width : 1020px) {
	.poster-grid-desc .poster-desc dl dt {width:40%}
	.poster-grid-desc .poster-desc dl dd {width:60%}
}
@media ( max-width : 980px) {
	.poster-grid-desc, .video-grid-desc {margin-top:1.25rem}
	.poster-grid-desc ul li {padding: 15px 8px}
	.poster-grid-desc ul li:nth-child(2n) {padding-left: 8px;}
	.poster-grid-desc .poster-desc dl dt {width:30%}
	.poster-grid-desc .poster-desc dl dd {width:70%}
}
@media ( max-width : 980px) {
	.poster-grid-desc ul li {flex-direction: column;}
	.poster-grid-desc .poster {width: 50%; float:none;}
	.poster-grid-desc .poster-desc {float:none; margin-left: 0; margin-top: 10px;}
	.video-grid-desc .video-desc dl {padding: 5px 5px 0;}
}
@media ( max-width : 600px) {
	.poster-grid-desc ul li {padding: 15px 4px}
	.poster-grid-desc .poster-desc {width: 100%;}
	.poster-grid-desc .poster-desc dl {padding: 0 10px;}
	.poster-grid-desc .poster-desc dl dt, .poster-grid-desc .poster-desc dl dd {line-height: 1.5rem;}
	.video-grid-desc .video-desc dl dt, .video-grid-desc .video-desc dl dd {line-height: 1.5rem;}
}
@media ( max-width : 480px) {
	.poster-grid-desc .poster {width: 70%;}
	.poster-grid-desc .poster-desc dl {padding: 0}
	.poster-grid-desc .poster-desc dl dt {width: 35%;}
	.video-grid-desc ul li {width: 50%; padding: 15px 4px}
	.video-grid-desc .video-desc dl {padding: 0}
	.video-grid-desc .video-desc dl dt {width: 35%;}
	.video-grid-desc .video-desc dl dd {padding-left: 3px;}
}
/*전시기획상세 추가 end */

/*검색일자 2항목일때 2021-11-09*/
.board-search2 .field p label, .record-search2 .field p label {margin-right: 1rem; min-width: 4em;}
@media (min-width: 800px) and (max-width : 1160px) {
    .board-search2 .field .date input, .record-search2 .field .date input {width: 7rem;}
    .board-search2 .field .date ::-webkit-input-placeholder {letter-spacing: -0.09rem}
    .board-search2 .field .date ::-moz-placeholder {letter-spacing: -0.09rem}
    .board-search2 .field .date :-ms-input-placeholder {letter-spacing: -0.09rem}
    .board-search2 .field .date :-moz-placeholder {letter-spacing: -0.09rem}
    .board-search2 .field .date ::placeholder {letter-spacing: -0.09rem}
}

@media (min-width: 960px) and (max-width: 1059px) {
    .board-search2 .field.inline {align-items: flex-start;}
    [class^='board-search'] .field.inline .items {flex:none; width: 80%; margin-bottom: 5px;}
    [class^='board-search'] .field.inline .items:last-child {margin-bottom: 0;}
}

@media (min-width: 650px) and (max-width: 800px) {
    .board-search2 .field.inline {align-items: flex-start;}
    [class^='board-search'] .field.inline .items {flex:none; width: 80%; margin-bottom: 5px;}
    [class^='board-search'] .field.inline .items:last-child {margin-bottom: 0;}
}





/* 220106 추가 (서비스현황 페이지 테이블 프린트 화면 수정) */
@media print {
	header, footer, aside {display: none;}
	#container {padding-top:0;}
	#content .text-content {display: none;}
	#content .nav-tabmenu2 {display: none;}
	#content .record-status {margin-top:0 !important;}
	#content .record-status table {min-width:585px;}
	#content .record-status table colgroup col:nth-child(1) {width:8% !important;}
	#content .record-status table colgroup col:nth-child(4) {width:5.5% !important;}
	#content .record-status table thead tr th, .record-status table thead tr td {font-size:12px;}
	#content .record-status table tbody tr th, .record-status table tbody tr td {height:40px !important; font-size:12px;}
	#content .record-status table tfoot tr th, .record-status table tfoot tr td {font-size:12px !important;}
	#content .record-status table tr th, .record-status table tr td {font-size:12px;}
	#content .space6 {margin-top:1rem !important;}
	#content .record-description {font-size:12px; padding: 1rem 1.25rem 1rem 5.5rem;}
	.record-description dl dt {display: inline-block; vertical-align: top;}
	.record-description dl dd {display: inline-block; vertical-align: top;}
}


/* 220415 추가 (예약페이지 동의영역) */
.agree_box p {line-height:1.5; word-break:keep-all;}
.agree_box .mt5 {margin-top:5px;}
.agree_box .tit {font-weight:600; margin:15px 0 5px 0;}
.agree_box .indent {text-indent:10px;}
.agree_box .tc {text-align:center; margin:20px 0;}
.agree_box .chk {text-align:right;}
.agree_box .chk input[type='checkbox'] {position: relative; top:-1px; vertical-align: middle; margin-right:5px;}

/* 220504 추가 (문재인 대통령 취임식 문구) */
.notice_box {border: 10px solid #80a9dc; box-sizing: border-box; text-align: center; padding: 30px; margin: 20px 0;}
.notice_box .txt01 {font-size: 25px; font-weight: 600; color: #06216a;}
.notice_box .txt02 {color: #666; font-size: 20px;}
@media (max-width: 1200px) {
	.notice_box .txt01 {font-size: 23px;}
	.notice_box .txt02 {font-size:18px}
}
@media (max-width: 980px) {
	.notice_box {padding:20px}
	.notice_box .txt01 {font-size: 20px;}
	.notice_box .txt02 {font-size:15px}
}

/* 220504 추가 (휴관공지) */
	.close_notice_box {background:#e4eefa; padding:20px;}
	.close_notice_box .txt01 {font-size:16px; margin-bottom:20px;}
	.close_notice_box .txt02 {font-size:16px;}
	.close_notice_box .txt03 {font-size:16px; text-indent:15px;}
	@media (max-width: 980px) {
		.close_notice_box {padding:15px;}
		.close_notice_box .txt01 {font-size:16px; margin-bottom:10px;}
		.close_notice_box .txt02 {font-size:16px;}
		.close_notice_box .txt03 {font-size:16px; text-indent:10px;}
	}


/* 220809 추가 (IR) */
.ir {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}

/* 220809 추가 (버튼 포커스) */
.button:focus-visible {
	outline:2px dashed #000;


}

/* 221121 추가 */
*:focus {
	outline:1px dashed #000 !important;
	outline-width: 2px !important;
}

/* 220927 추가 (서브페이지 하단 공통 검색 영역) */
.sub_com_sch_wrap {max-width: 1260px; margin: 0 auto; padding: 0 1.875rem; letter-spacing: -0.02em; overflow: hidden;}
.sub_com_sch {border:1px solid #e1e1e1; padding:1rem 1.25rem; box-sizing:border-box; width: calc(100% - 240px); float: right; margin: 1.875rem 0 0 0;}
.sub_com_sch .tit {color:#000; font-weight:300; line-height:1.2;}
.sub_com_sch .form {margin-top:15px;}
.sub_com_sch .form input[type="text"] {width:calc(100% - 100px); height:2.5rem; line-height:2.45; border:2px solid #e1e1e1; border-right:none; vertical-align:top; padding:0 0.625rem; box-sizing:border-box; color:#000; font-weight:400;}
.sub_com_sch .form input[type="text"]::placeholder {color:#666;}
.sub_com_sch .form .btn {display:inline-block; vertical-align:top; width:100px; height:2.5rem; line-height:2.45; background:#2062b6; color:#fff; text-align:center;}

#container {padding-bottom:0;}
#footer {background:#fff;}
#footer .infomation {background:#f2f2f2;}
#footer .utility {clear:both; margin-top:4.375rem;}

@media (max-width: 980px) {
	.sub_com_sch_wrap {
		padding:0 1rem;
	}
	.sub_com_sch {
		width:100%;
	}
	#footer .utility {
		margin-top:2.85rem;
	}
}

/* 221221 추가 */
.swiper-wrapper .swiper-slide > a {position:relative; display: block; width:100%; height:100%;}
.swiper-wrapper .swiper-slide > a:focus:after {content:''; display:block; outline:2px dashed #000; position:absolute; top:2px; left:2px; width:calc(100% - 4px); height:calc(100% - 4px);}


/* 230725 웹접근성추가 시작 */
#td_md_nu > input {border:2px solid #e1e1e1}
/* 230725 웹접근성추가 끝 */

/* 2024-01-04 게시판 내용 a태그 포커스 추가*/
.board-view .content a:focus {outline:2px dashed #000 !important; outline-offset:1px; display:inline-block;}

/* 2024-01-23 상설전시 스크립트 추가 */
.exhib01_script {text-align:left; font-size:16px; padding:20px 45px 0 45px; font-weight:500; line-height:1.5;overflow-y: scroll; height: 400px;}
@media (max-width: 980px) {
    .exhib01_script {font-size:14px; padding:20px; height:300px;}
}
.exhib01_script > .normal {font-weight:400;}
/* 2024-01-23 기획전시 캡션 삭제 */
.slide-content #_extb.board-view.space4 #capt {display:none;}

.pre240124
html {
	font-size: 100%;
	font-family: "Noto Sans Korean", "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif";
	font-style: normal
}


/* 240711 추가 (select 박스 크기 수정 */
.board-sort select.w100px {width:100px;}

/* 250305 기록물 현황 테이블 수정 */
.record-status.re_color table thead tr:nth-child(1) > th:nth-child(1) {background:#fce87a;}
.record-status.re_color table thead tr:nth-child(1) > th:nth-child(2) {background:#fce87a;}
.record-status.re_color table thead tr.total th:nth-child(1) {background:#fff8d1;}
.record-status.re_color table thead tr.total td:nth-child(2) {background:#fff8d1;}

.record-status.re_color table thead tr:nth-child(1) > th:nth-child(3) {background:#c2ccf1;}
.record-status.re_color table thead tr:nth-child(1) > th:nth-child(4) {background:#c2ccf1;}
.record-status.re_color table thead tr:nth-child(2) > th:nth-child(1) {background:#c2ccf1;}
.record-status.re_color table thead tr:nth-child(2) > th:nth-child(2) {background:#c2ccf1;}
.record-status.re_color table thead tr:nth-child(1) > th:nth-child(5) {background:#c2ccf1;}
.record-status.re_color table thead tr:nth-child(1) > th:nth-child(6) {background:#c2ccf1;}
.record-status.re_color table thead tr:nth-child(1) > th:nth-child(7) {background:#c2ccf1;}
.record-status.re_color table thead tr.total td:nth-child(3) {background:#e7ebfc;}
.record-status.re_color table thead tr.total td:nth-child(4) {background:#e7ebfc;}
.record-status.re_color table thead tr.total td:nth-child(5) {background:#e7ebfc;}
.record-status.re_color table thead tr.total td:nth-child(6) {background:#e7ebfc;}
.record-status.re_color table thead tr.total td:nth-child(7) {background:#e7ebfc;}
.record-status.re_color table thead tr.total td:nth-child(8) {background:#e7ebfc;}

.record-status.re_color table thead tr:nth-child(1) > th:nth-child(8) {background:#7ce8b8;}
.record-status.re_color table thead tr:nth-child(1) > th:nth-child(9) {background:#7ce8b8;}
.record-status.re_color table thead tr:nth-child(1) > th:nth-child(10) {background:#7ce8b8;}
.record-status.re_color table thead tr.total td:nth-child(9) {background:#c4fae2;}
.record-status.re_color table thead tr.total td:nth-child(10) {background:#c4fae2;}
.record-status.re_color table thead tr.total td:nth-child(11) {background:#c4fae2;}

.record-status.re_color table thead tr th.section, .record-status.re_color table thead tr td.section {background:linear-gradient(to right top, #fce87a 0%, #fce87a 49.9%, #e1e1e1 50%, #e1e1e1 51%, #fce87a 51.1%, #fce87a 100%) !important;}


/*250317 전시견학 개요 이미지 제거*/
.tour_info_box.image_none > dl {background:none;padding-left:0;}

/*250317 꿈길 개요 테이블*/
.tour_info_box.image_none table {background:#fff;}
.tour_info_box.image_none table thead tr th {background:#2062b6;color:#fff;}
.tour_info_box.image_none table thead tr th:first-child {border-left-color:#2062b6;}
.tour_info_box.image_none table thead tr th:last-child {border-right-color:#2062b6;}


/* 2025-07-29 기록컬렉션 start */
.collection_main .group {width:100%;}
.collection_main .group:after {display: block; clear: both; float: none; content: "";}
.collection_main .group .inner {width:calc(62.5% - 40px); margin-left: 40px; float: left;}
.collection_main .group .inner > a {float: left; position:relative; display:block;}
.collection_main .group [class^="collect_"] {position:relative; display:block; background-color:#ecebe9; border:1px solid #878787; border-radius:20px; font-size:18px; line-height:24px; background-repeat:no-repeat; transition: all .3s;}
.collection_main .group [class^="collect_"]:hover {/*opacity: .85;*/ transform: translateY(-5px);}
.collection_main .group [class^="collect_"] > span {display:inline-block; padding-bottom:55px; background-repeat:no-repeat; background-position:0 bottom; background-image:url(../images/collect_arrow.png);}
.collection_main .group .collect_policy {float: left; width:37.5%; height:560px; color:#fff; padding:40px 34px; background:url(../images/collect_policy.jpg) no-repeat 0 0; background-size: cover;}
.collection_main .group .collect_policy dt {margin-bottom:25px; font-size:22px; line-height:26px; font-weight:600; background:url(../images/collect_arrow_wh.png) no-repeat right center;}
.collection_main .group .collect_policy dd {font-size:14px; line-height:24px;}
.collection_main .group .collect_policy dd p {font-size:12px; line-height:20px; color:#d8edfc; display:block; margin-bottom:20px; text-align:justify;}
.collection_main .group .collect_speech {width:calc(50% - 20px); height:260px; background-image:url(../images/collect_speech.png); background-position:48px 46px;}
.collection_main .group .collect_speech > span {display:block; margin:130px 0 0 152px;}
.collection_main .group .collect_letter {width:calc(50% - 20px); height:260px; background-image:url(../images/collect_letter.png); background-position:38px 42px; margin-left: 40px;}
.collection_main .group .collect_letter > span {display:block; margin:130px 0 0 170px;}
.collection_main .group .inner.icon_wrap {height:260px; margin-top: 40px; padding:0 15px; background-color:#ecebe9; border:1px solid #878787; border-radius:20px;}
.collection_main .group .inner.icon_wrap [class^="collect_"] {width:25%; height:100%; background-color:transparent; border:0; text-align:center; background-position:center 45px}
.collection_main .group .inner.icon_wrap [class^="collect_"] > span {display:block; margin-top:145px; background-position:center bottom;}
.collection_main .group .collect_minutes {background-image:url(../images/collect_minutes.png);}
.collection_main .group .collect_interview {background-image:url(../images/collect_interview.png);}
.collection_main .group .collect_instruduction {background-image:url(../images/collect_instruduction.png);}
.collection_main .group .collect_schedule {background-image:url(../images/collect_schedule.png);}
.collection_main .group:nth-child(2) > [class^="collect_"] {float:left; width:calc(25% - 18px); height:150px; margin-top:38px; margin-right:24px; border:0; border-radius:0; background-color:#302f2d; color:#fff; text-align:center;}
.collection_main .group:nth-child(2) > [class^="collect_"]:nth-child(4n) {margin-right:0;}
.collection_main .group:nth-child(2) > [class^="collect_"] > span {position:absolute; top:38px; left:114px; display:inline-block; padding-bottom:52px; background-image:url(../images/collect_arrow_half.png); background-position:center bottom;}
.collection_main .group:nth-child(2) .collect_keyword {background-image:url(../images/collect_keyword.png);}
.collection_main .group:nth-child(2) .collect_instant {background-image:url(../images/collect_instant.png); background-color:#828282;}
.collection_main .group:nth-child(2) .collect_media {background-image:url(../images/collect_media.png);}
.collection_main .group:nth-child(2) .collect_diplomacy {background-image:url(../images/collect_diplomacy.png);}
.collection_main .group:nth-child(2) .collect_diplomacy > span {left:124px}
.collection_main .group:nth-child(2) .collect_gift {background-image:url(../images/collect_gift.png);}
.collection_main .group:nth-child(2) .collect_gift > span {top:40px; left:100px;}
.collection_main .group:nth-child(2) .collect_related {background-image:url(../images/collect_related.png); background-color:#828282;}
.collection_main .group:nth-child(2) .collect_related > span {top: 30px; left: 130px; background-position: center bottom 4px;}
.collection_main .group:nth-child(2) .collect_special {background-image:url(../images/collect_special.png);}
.collection_main .group:nth-child(2) .collect_public {background-image:url(../images/collect_public.png); background-color:#828282;}
.board-paging ul li a, .board-paging ul li strong {line-height:2.7;}

/* .slide-content .slick-slide {height:auto;} 로컬에서 높이공백생겨 추가 */
.slide-content .slider.slider-item .slick-slide {margin-left:4px; margin-right:4px;}
.ms-options-wrap.ms-active > button:after {right:6px;} /* 대통령명 화살표 밀림 수정 */

/* 기록컬렉션 > 선물 행정박물 리스트 */
.board-list-thumnail2.thumb_2 li {display:inline-flex; width:calc(50% - 2px); padding:1.25rem 0.5rem; border-bottom:1px solid #e1e1e1; align-items: center;}
.board-list-thumnail2.thumb_2 li:nth-child(even) {margin-left:-3px;}
.board-list-thumnail2.thumb_2 li .content {float:none; width:calc(100% - 13.13rem); padding:0 0.75rem 0 1.25rem;}
.board-list-thumnail2.thumb_2 li .images {float:none; width:13.13rem; height:10rem;}
.board-list-thumnail2.thumb_2 li .content .subject {font-weight:400;}
.board-list-thumnail2.thumb_2 li .content .textbox {overflow:visible; -webkit-line-clamp:inherit; max-height:none; font-weight:400; font-size:0.875rem; letter-spacing:-0.03rem; margin-bottom:0.25rem;}
.board-list-thumnail2.thumb_2 li .content .textbox span {display:block;}
.ms-options-wrap > .ms-options > ul li.selected label {color:#000;}
.ms-options-wrap > .ms-options > ul li label input[type="checkbox"] {vertical-align:baseline;}

/* 기록컬렉션 > 관련기관 기록물 리스트 */
.box_Notice .more_Notice {display:block; padding-left:0;}
.board-list td > .site_go {display:inline-block; width:30px; height:22px; background:url(../images/blank_icon_bk.png) no-repeat center center;}
.board-list td > .site_go > span {position: absolute; left:-9999px;}

/* 웹기록물 */
.board-list-thumnail2.thumb_2.web-list li .images {border:1px solid #e1e1e1;}
.board-list-thumnail2.thumb_2.web-list li .content .textbox span {display:block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.table-view td .button.size3.color2.font-size2 {margin-left:10px;}
.table-view td .button.size3.color2.font-size2 > img {margin-left:10px;}

@media (max-width: 1200px) {
    .collection_main .group .collect_speech, .collection_main .group .collect_letter {background-size:auto 35%; background-position:top 30px center;}
    .collection_main .group .collect_speech > span, .collection_main .group .collect_letter > span {margin:130px auto 0; text-align:center; background-position:center bottom;}
    .collection_main .group .inner.icon_wrap [class^="collect_"] {background-size:55%;}
    .collection_main .group:nth-child(2) > [class^="collect_"] {background-size:70%; background-position:0 50%;}
    .collection_main .group:nth-child(2) > [class^="collect_"] > span {top:38px; left:40%;}
    .collection_main .group:nth-child(2) .collect_diplomacy > span, .collection_main .group:nth-child(2) .collect_related > span {top:38px; left:50%;}
    .collection_main .group:nth-child(2) .collect_gift > span {top:38px; left:35%;}

 	.board-list-thumnail2 {display:flex; flex-wrap:wrap; justify-items:left;}
	.board-list-thumnail2.thumb_2 li .content {width:calc(100% - 10rem);}
	.board-list-thumnail2.thumb_2 li .images {width:10rem; height:7.63rem;}
}

@media (max-width: 980px) {
	.collection_main {padding:0 1rem;}
	.collection_main .group .collect_policy {float:none; width:100%; height:250px; padding:36px 40px 0; background:url(../images/collect_policy_m.jpg) no-repeat 0 0; background-size: cover;}
	.collection_main .group .collect_policy dd {font-size:16px;}
	.collection_main .group .inner {float:none; width:100%; height:auto; margin-left:0; margin-top:35px;}
	.collection_main .group .inner > a {float:none; display:inline-block;}
	.collection_main .group .collect_speech {height:180px; background-size:auto 60%; background-position:left 35px center;}
	.collection_main .group .collect_letter {height:180px; background-size:auto 64%; background-position:left 48px center;}
	.collection_main .group .collect_letter {margin-left:34px;}
	.collection_main .group .collect_speech > span, .collection_main .group .collect_letter > span {display: inline-block; margin:2.5rem 0 0 12rem; text-align:left; background-position:left bottom;}
	.collection_main .group .inner.icon_wrap {height:220px;}
	.collection_main .group .inner.icon_wrap > a {float:left;}
	.collection_main .group .inner.icon_wrap [class^="collect_"] {background-size:40%; background-position:center 1.5rem;}
	.collection_main .group .inner.icon_wrap [class^="collect_"] > span {margin-top:125px; padding-bottom:50px;}
	.collection_main .group:nth-child(2) > [class^="collect_"] {width:calc(50% - 20px); height:150px; margin-right:40px; background-position:16px 50%;}
	.collection_main .group:nth-child(2) > [class^="collect_"]:nth-child(even) {margin-right:0;}
	.collection_main .group:nth-child(2) > [class^="collect_"] > span {width:50%; position:relative; left:25%; top:2.5rem;}

	.board-list-thumnail2.thumb_2 li .content {width:calc(100% - 7.5rem);}
	.board-list-thumnail2.thumb_2 li .images {width:7.5rem; height:5.75rem;}
	.board-list-thumnail2.thumb_2 li .content .textbox {font-size:0.75rem;}
}

@media (max-width: 820px) {
	.board-list td > .site_go {width:auto; background-position:left center; padding-left:18px;}
	.board-list td > .site_go > span {position:relative; left:inherit; color:#555;}
}

@media (max-width: 660px) {
	.collection_main .group .inner.icon_wrap [class^="collect_"] {background-position:center 2.25rem;}
	.collection_main .group .inner.icon_wrap [class^="collect_"] > span {margin-top:110px;}
	.board-list-thumnail2.thumb_2 li {width:50%; margin-right:0; margin-left:0; margin-top:0;}
    .board-list-thumnail2.thumb_2 li .images {padding-top:0;}
	.board-list-thumnail2.thumb_2 li .content .subject {padding:0;}
}

@media (max-width: 600px) {
	.collection_main .group .collect_policy {padding: 1.5rem 1.5rem 0;}
	.collection_main .group .collect_policy dt {font-size:95%; margin-bottom:0.75rem; background-size: 25px 25px;}
	.collection_main .group .collect_policy dd {font-size:0.75rem; line-height: 20px;}
	.collection_main .group .collect_policy dd p {margin-bottom:0.75rem; font-size:0.75rem;}
	.collection_main .group .inner {margin-top:20px;}
	.collection_main .group .collect_speech {width:calc(50% - 10px); height:100px; background-size:auto 40%; background-position:left 1rem center;}
	.collection_main .group .collect_letter {width:calc(50% - 10px); height:100px; background-size:auto 44%; background-position:left 1rem center; margin-left:16px;}
	.collection_main .group .collect_speech > span, .collection_main .group .collect_letter > span {margin:1.25rem 0 0 55%; font-size:1rem; line-height:1.2; background-size: 25px 25px; padding-bottom:35px;}
	.collection_main .group .inner.icon_wrap {margin-top: 20px; padding:0 0 10px 0; height:120px;}
	.collection_main .group .inner.icon_wrap [class^="collect_"] {background-size:30%; background-position:center 0.875rem;}
	.collection_main .group .inner.icon_wrap [class^="collect_"] > span {margin-top:55px; padding-bottom: 35px; font-size:0.85rem; background-size: 25px 25px; background-position:center bottom 5px;}
	.collection_main .group:nth-child(2) > [class^="collect_"] {width:calc(50% - 10px); height:75px; margin-right:20px; margin-top:20px; background-position: 10px 50%; background-size:50%;}
	.collection_main .group:nth-child(2) > [class^="collect_"] > span {width:60%; top:0.95rem; left:15%; padding-bottom: 35px; font-size:0.85rem; background-size: 25px 25px; line-height: 1;}
	.collection_main .group:nth-child(2) .collect_related > span {top:0.75rem;}
}

@media (max-width: 480px) {
	.collection_main .group .inner.icon_wrap [class^="collect_"] {background-size:35%; background-position:center 1.25rem;}
	.board-list-thumnail2.thumb_2 li {width:100%; float:none;}
}
/* 2025-07-29 기록컬렉션 end */