@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")
}
*/


/* 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%; overflow-y: auto; overflow-x: hidden; font-family: "Noto Sans Korean", "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif"; font-size: 100%; line-height: 1.5; color: #666; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;}
body {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; background-color: transparent;}
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; text-decoration: none; color: inherit;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: bold;}
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; max-width: 100%;}
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;}
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;}
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;}
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.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 {display: inline-block; position: relative; overflow: hidden; line-height: 1; background: url(../images/ico-sprite-layout.png);}
#topmenu .link li a.home,#search form button span {background: url(../images/ico-sprite-layout_main.png);}
#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;}
#accessibility a:hover, #accessibility a:focus, #accessibility a:active {top: 0;}
#accessibility a:focus {outline-offset:-3px; outline-color:#fff !important;}/* 2024-01-04 추가 */


/* ---------- 기능 ---------- */

.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: #666 !important}
.font-color1 {color: #222 !important}
.font-color2 {color: #999 !important}
.font-color3 {color: #2062b6 !important}
.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}
}


/* ---------- header footer ---------- */

#header {position: absolute;z-index: 8888;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,0.1);}
@media ( max-width : 980px) {
	#header {	position: fixed;	top: 0;	left: 0;	right: 0;	height: 56px;}
	#header.scrollON  {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_main.png) no-repeat;background-size: 100% 100%;text-indent: -9999px}
#topmenu .link {position: absolute;top: 50%;right: 1.875rem;margin-top: -18px;color:#fff;}
#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 #fff;background: transparent;}
#search form input{background: transparent;}
#search form input::placeholder {color: #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)}
#search form button {width: 44px;background: transparent;}
#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: 90px}
	#search form input {	width: calc(100% - 140px)}
}

@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: 3px !important;}
}

#navigation {position: relative;padding: 0 1.875rem;height: 70px;letter-spacing: -1px;text-align: center;color: #fff}
#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 {max-width: 1200px;position: relative;margin:-190px auto 30px;padding:5px 30px 20px;background-color:#fff;border-top-left-radius:18px;border-top-right-radius:18px;z-index:10;} /* 220926 padding값 수정 */
#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 {background-size: 150px;}

@media ( max-width : 980px) {
	#container {padding: 1rem 1rem 2.85rem 1rem;margin:-30px auto 30px;} /* 220926 padding 수정 */
	#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 {background-size: 120px}
}
#lnb {float: left;position: relative;z-index: 5;width: 200px}
#lnb h2 {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 {display: none}
#lnb nav>ul {background: #fff}
#lnb nav>ul a {display: block;position: relative}
#lnb nav>ul>li {margin-top: -1px;position: relative;border: 1px solid #e1e1e1}
#lnb nav>ul>li>a {padding: 0.625rem 1.25rem;font-size: 1.125rem}
#lnb nav>ul>li>ul {display: none;padding: 0.75rem 0}
#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 {color: #2062b6}
#lnb nav>ul>li>ul>li.active>a::before {background: #2062b6}
#lnb nav>ul>li.depth>a::before, #lnb nav>ul>li.depth>a::after {content: " ";position: absolute;top: 50%;right: 0.625rem;overflow: hidden;background: #666}
#lnb nav>ul>li.depth>a::before {margin-top: -1px;width: 12px;height: 2px}
#lnb nav>ul>li.depth>a::after {margin-top: -6px;margin-right: 5px;width: 2px;height: 12px}
#lnb nav>ul>li.active {z-index: 2;border-color: #2062b6}
#lnb nav>ul>li.active>a {background: #2062b6;color: #fff}
#lnb nav>ul>li.active.depth>a::before {background: #fff}
#lnb nav>ul>li.active.depth>a::after {display: none}
#lnb nav>ul>li.active.depth>ul {display: block}
#lnb nav>ul>li:first-child {margin-top: 0}

@media ( max-width : 980px) {
    #lnb {	clear: none;	float: none;	margin: -1.75rem -1rem 1.75rem -1rem;	width: auto;	text-align: center}
    #lnb h2 {	display: none}
    #lnb nav .toggle {	display: block;	position: relative;	padding: 0.625rem 1.25rem;	background: #02316b;	font-size: 1.125rem;	color: #fff}
    #lnb nav .toggle button {	position: absolute;	top: 0;	bottom: 0;	left: 0;	width: 100%;	background: transparent;	overflow: hidden;	text-indent: -9999em}
    #lnb nav .toggle::after {	content: " ";	position: absolute;	top: 50%;	margin-top: -4px;	right: 1rem;	width: 13px;	height: 7px;	background-position: -80px -60px}
    #lnb nav>ul {	display: none;	position: absolute;	top: 100%;	left: 0;	right: 0}
    #lnb nav>ul>li {	border-right-width: 0;	border-left-width: 0}
    #lnb nav>ul>li>ul {	padding: 0;	background: #ebebeb}
    #lnb nav>ul>li>ul>li {	border-bottom: 1px solid #e1e1e1}
    #lnb nav>ul>li>ul>li>a {	padding: 0.625rem 1.25rem}
    #lnb nav>ul>li>ul>li>a::before {	display: none}
    #lnb nav>ul>li>ul>li.active>a {	color: #2062b6}
    #lnb nav>ul>li>ul>li:last-child {	border-bottom: 0}
    #lnb nav>ul>li.depth>a::before, #lnb nav>ul>li.depth>a::after {	right: 15px;	background: #2062b6}
    #lnb nav>ul>li.active {	border-bottom-color: #e1e1e1}
    #lnb nav.active .toggle::after {	background-position: -100px -60px}
    #lnb nav.active>ul {	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 ol li {display: inline-block;position: relative;margin-right: 0.25em;padding: 0.35em 1.125em 0.5em 0}
#preface nav ol li .home {top: 1px;width: 17px;height: 15px;text-indent: -9999em;background-position: 0 -75px}
#preface nav ol li::after {content: " ";position: absolute;top: 50%;right: 0;margin-top: -7px;width: 9px;height: 14px;background-position: -25px -75px}
#preface nav ol li:last-child {font-weight: 400;color: #000}
#preface nav ol li:last-child::after {display: none}
#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-"] {position: relative;letter-spacing: -1px}
[class^="main-"] .slick-slider {margin-bottom: 0}
[class^="main-"] .slick-slider div {vertical-align: top}
[class^="main-"] .slick-dots {top: 0.5rem;right: 40px;bottom: auto;width: auto;line-height: 1}/* 221223 top수정 */
[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: 0.5rem;right: 20px;width: 17px;height: 17px;overflow: hidden;text-indent: -9999em;background: url(../images/ico-slider-pause.png) no-repeat 0 0;background-size: cover} /* 221223 top수정 / 221121 width, height값 변경 (접근성 19p) */
[class^="main-"] .slick-toggle.stop {background-image: url(../images/ico-slider-play.png); height:20px; bottom:210px;} /* 221121 height, bottom 추가 (접근성 19p) */
[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)}

@media ( max-width : 1200px) {
	[class^="main-"] {margin-top: 1.5rem}
}

@media ( max-width : 980px) {
	[class^="main-"] .slick-dots {top: 1rem;right: 36px}
	[class^="main-"] .slick-toggle {top: 1rem;right: 1rem}/* 221223 right수정 */
}

@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; background-size: 12px 14px;}
}
.slick-slide.slick-current a{display: block;}
.main-visual a:focus, .slick-slide.slick-current a[tabindex="0"] {width: 100%; height: 100%;}

/* new 2023 .first_slide 클래스 추가 */
.main-visual .slider .item.first_slide .hide-text{overflow: hidden;display: inline-block;position: relative;z-index: -1;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}	/*대체텍스트 숨김*/
.main-visual .slider .item.first_slide a{position:absolute;top:0;left:5%;width:90%;height:250px;display:block;margin:190px auto 0;z-index:10;}
.main-visual .slider .item.first_slide a:focus{outline: 1px dotted #fff;display:block;}
.main-visual {width:100%;margin-top: 0;z-index:0;}
.main-visual .slider .item{height:670px;background-position:center 0;}
.main-visual .slider .item img{display:none;}
.main-visual .slick-dots {bottom:211px;left: 50%;margin-left:-55px;width: 94px;height:19px;top: auto;right: auto;}
.main-visual .slick-dots li {width: 17px;height: 17px;vertical-align: middle} /* 221121 width, height값 변경 (접근성 19p) */
.main-visual .slick-dots li button {width: 17px;height: 17px;border-radius: 15px;background: #fff} /* 221121 width, height값 변경 (접근성 19p) */
.main-visual .slick-dots li button::before {display: none}
.main-visual .slick-dots li.slick-active {width: 17px;height:17px;} /* 221121 width, height값 변경 (접근성 19p) */
.main-visual .slick-dots li.slick-active button {width: 17px;height:17px;background: #ed1c24} /* 221121 width, height값 변경 (접근성 19p) */
.main-visual .slick-toggle{top:auto;bottom:211px;left: calc(50% + 40px);} /* 221121 left값 변경 (접근성 19p) */


@media ( max-width : 980px) {
	.main-visual .slider .item{height:auto;background-position:center 0;}
	.main-visual .slider .item img{width:100%;display:block;}
	.main-visual .slick-dots {bottom:50px;}
	.main-visual .slick-toggle{bottom:52px;}
}

/* ---------- 컨텐츠 레이아웃 ---------- */

[class^="main-"] .more {position: absolute;top: 5px;right: 20px;width: .9rem;height: .9rem;overflow: hidden;text-indent: -9999em}
[class^="main-"] .more::before, [class^="main-"] .more::after {content: " ";position: absolute;background: #222;overflow: hidden}
[class^="main-"] .more::before {top: 0;left: 50%;margin-left: -1px;width: 1px;height: 100%}
[class^="main-"] .more::after {top: 50%;left: 0;margin-top: -1px;width: 100%;height: 1px}


.group{display: flex;flex-flow: row wrap;justify-content: space-between;border-bottom:1px solid #ececec;}
.group:last-child{border-bottom:none;}
.group .group-one{width:33.333%;padding:0 20px 0 0;/*margin:20px 0 20px;*/ margin:15px 0 15px;} /* 220926 margin값 수정 */
.group .group-two{width:33.333%;padding:0 10px;/*margin:20px 0 20px;*/margin:15px 0 15px;} /* 220926 margin값 수정 */
.group .group-thr{width:33.333%;padding: 0 0 0 20px;/*margin:20px 0 20px;*/margin:15px 0 15px;} /* 220926 margin값 수정 */
.group .group-left{width:66.666%;padding:0 15px 0 0;margin:35px 0;}
.group .group-right{width:33.333%;padding:0 0 0 15px;margin:35px 0;}

@media ( max-width : 980px) {
	.group .group-one{width:50%;padding:0 10px;}
	.group .group-two{width:50%;padding:0 10px;}
	.group .group-thr{width:100%;padding: 0 10px;}
	.group .group-left{width:100%;padding:0 10px;}
	.group .group-right{width:100%;padding:0 10px;margin:0 0;}
}

@media ( max-width : 768px) {
    .group{border-bottom:none;}
    .group .group-one,
    .group .group-two,
    .group .group-thr,
    .group .group-left{width:100%;padding:0 ;margin:20px 0 10px;} /* 220926 margin 수정 */
    .group .group-right{width:100%;padding:0 ;margin:0 0;}
}



/* ---------- 컨텐츠 ---------- */

/*대통령오늘 지시사항*/
.main-infomation {padding: 0 1.25rem 1.25rem 1.25rem;}
.main-infomation .more {/*top:75px  !important;right:30px  !important;*/ position:relative; display:inline-block; top:auto; right:auto !important; margin-left:2px; width:14px; height:14px; top:1px;} /* 220926 추가 */
.main-infomation:nth-child(2) .more{/*right:20px  !important;*/ right:auto;} /* 220926 right값 수정 */
.main-infomation h2 {position:relative;color:#000;font-weight:400;padding-bottom:20px;margin-bottom:20px; font-size:1.43em;} /* 220926 font-size 수정*/
.main-infomation h2 strong{font-weight:600;}
.main-infomation h2:after {position:absolute;bottom:0;left:0;content:'';background-color:#e00229;width:114px;height:7px;display:block;}
.main-infomation h3  {position:relative;background: url(../images/icon_cal.gif) 0 5px no-repeat;padding-left:20px;padding-bottom:15px;color:#000;font-weight: 500;font-size: 1.3rem;}
.main-infomation h3  {/*position:relative;*/ background: url(../images/icon_cal.gif) 0 5px no-repeat;padding-left:20px;padding-bottom:15px;color:#000;font-weight: 500; font-size: 1rem; position:absolute; top:4px; right:20px; background-position:3px 3px;} /* 220926 수정 */
.main-infomation.group-two h3 {right:10px;} /* 220926 대통령 지시사항 more 버튼 위치 수정 */
.main-infomation .detail {padding-right: 1rem;height: 150px;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 > ul {border-top:1px solid #dedede;} /* 220926 라인 추가 */
.main-infomation .detail::-webkit-scrollbar {width: 13px}
.main-infomation .detail::-webkit-scrollbar-track {background: #e8e8e8;border-radius: 13px;border-width: 0 6px;border-style: solid;border-color: #fff}
.main-infomation .detail::-webkit-scrollbar-thumb {background: #ececec;border-radius: 13px}
.main-infomation .detail>ul>li {position:relative;font-weight: 300;color: #000;border-bottom:1px solid #dedede;padding: 0.625rem 0 0.625rem 70px;min-height:68px;}
.main-infomation .detail>ul>li dt {position:absolute;top:0.625rem;left:0;border:1px solid #2062b6;display:inline-block;padding: 10px 0;width:70px;text-align:center;font-weight:400;color:#2062b6;}
.main-infomation .detail>ul>li dt.black {border:1px solid #000;color:#000;}
.main-infomation .detail>ul>li dd {min-height: 45px;display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;}
.main-infomation .detail>ul>li dd ul{width:100%;}
.main-infomation .detail>ul>li dd ul li a {display:block;} /* 221221 추가 */
.main-infomation .detail>ul>li ul{padding-left:20px;}
.main-infomation .detail>ul>li ul li:not(.today){margin-bottom:3px;}
.main-infomation .detail>ul>li ul li .year{color:#2062b6;letter-spacing:0;overflow:hidden;text-overflow: ellipsis; width:100%;white-space:nowrap;}
.main-infomation .detail>ul>li ul li .year span{color:#000;}
.main-infomation .detail>ul>li ul li p{position:relative;padding-left:10px;overflow:hidden;text-overflow: ellipsis; width:100%;white-space:nowrap;}
.main-infomation .detail>ul>li ul li:not(.today) p:after{position:absolute;top:50%;left:0;content:'';background-color:#b7b7b7;width:3px;height:3px;border-radius:3px;display:block;}
.main-infomation .detail>ul>li dd ul li a {display:block;} /* 221221 추가 */
.main-infomation .detail>ul>li ul li.today .year{position:relative;display:inline-block;width:50px;vertical-align: top;}
.main-infomation .detail>ul>li ul li.today .year:after{position:absolute;top:50%;right:-6px;content:'';background-color:#b7b7b7;width:3px;height:3px;border-radius:3px;display:block;}
.main-infomation .detail>ul>li ul li.today  p{display:inline-block;width:calc(99% - 52px);padding-left:10px;}
.main-infomation .detail>ul>li ul li.today + li.today {margin-top: -5px;}/*추가*/

/* 220926 추가 시작 */
@media ( max-width : 768px) {
	.main-infomation h3,
	.main-infomation.group-two h3 {right:0; top:2px; font-size:17px;}
	.main-infomation .more {top:auto;}
}
/* 220926 추가 끝 */

/*자주찾는 정보*/
.main-guide {padding: 0 1.25rem 1.25rem 1.25rem;}
.main-guide h2 {position:relative;color:#000;font-weight:400;padding-bottom:25px; font-size:1.43em;} /* 220926 margin-bottom 주석처리, font-size 수정, padding-bottom 수정 */
.main-guide h2 strong{font-weight:600;}
.main-guide ul:after{display:block;content:'';clear:both;}
.main-guide ul li {position:relative;float:left;width:50%;}
.main-guide ul li i{display: block;position: absolute;top: 20px;left: 15px;color: #3269c5;z-index: 10;font-size: 1.1rem;}
.main-guide ul li:nth-child(1) i, .main-guide ul li:nth-child(2) i{top:13px;}
.main-guide ul li:nth-child(even) i{left:27px;}
.main-guide ul li:nth-child(even){padding:0.563rem 0 0.563rem 0.875rem;}
.main-guide ul li:nth-child(odd){border-right:1px solid #ececec;padding:0.563rem 0.875rem 0.563rem 0;}
.main-guide ul li:nth-child(even):after{position:absolute;bottom:0;left:0;content:'';background-color:#ececec;width:70%;height:1px;display:block;}
.main-guide ul li:nth-child(odd):after{position:absolute;bottom:0;right:0;content:'';background-color:#ececec;width:70%;height:1px;display:block;}
.main-guide ul li:nth-child(1),.main-guide ul li:nth-child(2){padding-top:0;}
.main-guide ul li:nth-child(7),.main-guide ul li:nth-child(8){padding-bottom:0;}
.main-guide ul li.last:after{display:none;}
.main-guide ul li a {display: block;position: relative;padding: 0.625rem 0 0.625rem 40px;font-size:.85rem;color:#000;background:#e6edf8;border-radius:6px;border-top-left-radius:20px;border-bottom-left-radius:20px;}

@media ( max-width : 1200px) {
	.main-guide ul li i{display: none;}
	.main-guide ul li a {padding: 0.625rem 0 0.625rem 20px;}
}
@media ( max-width : 980px) {
	.main-guide ul li i{display: block;}
	.main-guide ul {padding-top: 0;}
	.main-guide ul li:nth-child(even){padding:1rem 0 1em 1.25rem;}
	.main-guide ul li:nth-child(odd){padding:1rem 1.25rem 1rem 0;}
	.main-guide ul li a {font-size:1.2rem;padding: 0.625rem 1rem 0.625rem 50px;}
	.main-guide ul li i,.main-guide ul li:nth-child(1) i, .main-guide ul li:nth-child(2) i{top:2rem;left: 1.25rem;}
	.main-guide ul li:nth-child(even) i{left:2.25rem;}
}

@media ( max-width : 768px) {
	.main-guide ul li a {font-size:1rem;padding: 0.625rem 1rem 0.625rem 40px;}
	.main-guide ul li i,.main-guide ul li:nth-child(1) i, .main-guide ul li:nth-child(2) i{top:1.875rem;left: 1rem;font-size: 1rem;}
	.main-guide ul li:nth-child(even) i{left:2.15rem;}
	.main-guide h2 {padding-bottom:10px;} /* 220926 추가 */
}

/*그순간*/
.main-moment h2 {color:#000;font-weight:400;margin-bottom:15px; font-size:1.43em;} /* 220926 font-size 수정 */
.main-moment ul li {padding: 11px 0;border-bottom: 1px solid #e1e1e1;}
.main-moment ul li:first-child {padding-top:0;}
.main-moment ul li .images, .main-moment li .content {position: relative;display:inline-block;vertical-align:middle;}
.main-moment ul li .images {border: 0;height: 100px;width: 150px;border: 1px solid #e1e1e1;background-color: #ebebeb;background-size: cover;background-repeat: no-repeat;overflow:hidden;}
.main-moment ul li .images a {display: block;} /* 221221 추가 */
.main-moment ul li .images a:focus:after {content:''; display:block; border:2px dashed #666; position:absolute; top:0; left:0; width:100%; height:100%;} /* 230103 추가 */
.main-moment ul li .content {padding: 0 .5rem 0 1rem;width: calc(100% - 160px);line-height: 1.65;}
.main-moment ul li .content .subject {font-weight: normal;color:#000;font-weight:500;overflow:hidden;text-overflow: ellipsis; width:100%;white-space:nowrap;}
.main-moment ul li .content .subject {margin: 0.25rem 0;font-size: 1.125rem;line-height: 1.2;}
.main-moment ul li .content .subject a {display: block;} /* 221221 추가 */
.main-moment ul li .content .subject a:focus:after {content:''; display:block; outline:2px dashed #000; position:absolute; top:0; left:0; width:100%; height:100%;} /* 221221 추가 */
.main-moment ul li .content .textbox {color:#222222;overflow: hidden;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 0.5625rem 0;line-height:1.4;font-size:.9rem;max-height: 3.75rem;color: #000;}

@media ( min-width : 980px) {
	.main-moment ul li:last-child {border-bottom:0;}
}

/*정책기록*/
.main-policy h2 {color:#000;font-weight:400;margin-bottom:15px; font-size:1.43em;} /* 220926 font-size 수정 */
.main-policy ul:after {clear:both;content:'';width:0;height:0;display:block;}
.main-policy ul li{float:left;width:calc(50% - 10px);background-color:#eeeeee;padding:8px 8px 0;}
.main-policy ul li:last-child{float:right;width:calc(50% - 10px);}
.main-policy ul li .thumnail{display:block;overflow:hidden;width:100%;height:195px;text-align:center;}
.main-policy ul li p{color:#000;text-align:center;padding:7px 0;}
.main-policy ul li p a{color:#000;text-align:center;padding:7px 0;}
.main-policy ul li a {display:block;} /* 221221 추가 */

/*배너*/
.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:3px dashed #ff0; border-radius:15px;}/*2024-01-23 메인배너 포커스정관련 수정*/

/*대통령연설문*/
.main-link {position:relative;}
.main-link h2{position:absolute;top:0;left:0;width:30%;height:132px;color:#000;background: url(../images/icon_bg.jpg) right top no-repeat;background-size:cover;font-size:1.1rem;font-weight:400;padding:35px 0 0 140px;}
.main-link ul li {display:inline-block;width:calc(33% - 11px);margin-right:15px;margin-bottom:15px;height:132px;border-radius:16px;padding: 2.1rem 1.5rem 2rem 130px;font-size: 1.2rem;line-height: 1.4;}
.main-link ul li.last {margin-right:0;}
.main-link ul:before{display:inline-block;width:calc(33% - 11px);margin-right:15px;border-radius:16px;padding:1.5rem;content:'';}
.main-link ul li a {display: block;position: relative;color:#000;}
.main-link ul li.n1 {background:#f3f3f3 url(../images/icon_01.png) 20px center no-repeat;background-size:90px auto;}
.main-link ul li.n2 {background:#f3f3f3 url(../images/icon_02.png) 20px center no-repeat;background-size:90px auto;}
.main-link ul li.n3 {background:#f3f3f3 url(../images/icon_03.png) 20px center no-repeat;background-size:90px auto;}
.main-link ul li.n4 {background:#f3f3f3 url(../images/icon_04.png) 20px center no-repeat;background-size:90px auto;}
.main-link ul li.n5 {background:#f3f3f3 url(../images/icon_05.png) 20px center no-repeat;background-size:90px auto;}


@media ( max-width : 1200px) {
	.main-link h2{padding:35px 0 0 110px;background-size:auto 100% ;}
	.main-link ul li {background-size:80px auto !important;padding: 2.3rem 10px 2rem 110px;}
}
@media ( max-width : 1080px) {
	.main-link h2{padding:35px 0 0 90px;}
	.main-link ul li {background-size:70px auto !important;padding: 2.3rem 10px 2rem 100px;font-size: 1rem;}
}

@media ( max-width : 980px) {
	.main-link h2{position:static;top:auto;left:auto;width:100%;margin-bottom:15px;height:132px;font-size: 1.5rem;background-position:0 0;padding:50px 0 0 120px;}
	.main-link ul li {display:inline-block;width:calc(50% - 11px);margin-right:15px;margin-bottom:15px;height:132px;border-radius:16px;padding: 2.1rem 1.5rem 2rem 130px;font-size: 1.3rem;line-height: 1.4;}
	.main-link ul li:nth-child(even){margin-right:0;}
	.main-link ul li:last-child{width:100%;}
	.main-link ul:before{display:none;}
}

@media ( max-width : 660px) {
	.main-link ul li {padding: 1.5rem 1.5rem 1.5rem 100px;font-size: 1.1rem;height:auto;}
	.main-link ul li {background-size:80px auto !important;padding-left:120px;}
}
@media ( max-width : 580px) {
	.main-link ul li {background-size:70px auto !important;padding-left:110px;}
}

/*공지사항*/
.main-news h2 {position:relative;color:#000;font-weight:300;margin:5px 0;}
.main-news h2 strong{font-weight:600;}
.main-news .inner{position:relative;padding:1rem 1.5rem;border-radius:16px;background: url(../images/notice_bg.png) no-repeat center center/cover}
.main-news ul li {position: relative;border-bottom: 1px solid #cecece;height:69px;height:69px;display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;}
.main-news ul li:last-child{border-bottom:none;}
.main-news ul li a {display: block;position: relative;padding: 0.6rem 4.25rem 0.7rem 0;font-weight: 300;width:100%;}
.main-news ul li a .title {display: block;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:1.5;font-size:1rem;font-weight:400;max-height: 3.75rem;color: #000;}
.main-news ul li a .date {position: absolute;top: 50%;right: 0;margin-top:-10px;font-size: 0.875rem;color: #666}
.main-news .more {position: absolute;top: 1.5rem;right: 1.5rem;width: 1.625rem;height: 1.625rem;overflow: hidden;text-indent: -9999em}
.main-news .more::before, .main-news .more::after {content: " ";position: absolute;background: #222;overflow: hidden}
.main-news .more::before {top: 0;left: 50%;margin-left: -1px;width: 1px;height: 100%}
.main-news .more::after {top: 50%;left: 0;margin-top: -1px;width: 100%;height: 1px}
@media ( max-width : 980px) {
    .main-news h2 {margin:5px 0 15px;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main-news ul li a .title {max-height: 3.2rem;}
    .main-news .inner{padding-bottom:1.1rem;}
}

/* 220114 메인 슬라이드 배너 수정 */
.main-visual .slider .item.first_slide .pc_slide_bg {background:url("../images/mv01_new.jpg"); height:670px; background-position:center 0;}
.main-visual .slider .item.first_slide .mo_slide {display:none;}
.main-visual .slider .item.first_slide ul.list {position: absolute; top:55%; left:50%; transform:translate(-50%,-50%); font-size:0; width:100%; text-align:center;}
.main-visual .slider .item.first_slide ul.list li {display:inline-block; /*width:calc(6% - 3px);*/ margin-right:6px;}
.main-visual .slider .item.first_slide ul.list li a {position:relative; top:auto; left:auto; width:auto; height:auto; margin:auto;}
.main-visual .slider .item.first_slide ul.list li a img {display: block;}
.main-visual .slider .item.first_slide ul.list li a img.pr_m {display: none;}

@media (max-width: 1460px) {
	.main-visual .slider .item.first_slide ul.list li {width:calc(8.3% - 6px);}
	.main-visual .slider .item.first_slide ul.list li:last-of-type {margin-right:0;}
}

@media ( max-width : 1400px) {
	.main-visual .slider .item.first_slide ul.list li {width:calc(8% - 3px);}
}

@media (max-width : 980px) {
	.main-visual .slider .item.first_slide .pc_slide_bg {display: none;}
	.main-visual .slider .item.first_slide .mo_slide {display: block;}
	.main-visual .slider .item.first_slide ul.list {top:66%; padding-left:6px; box-sizing:border-box;}
	.main-visual .slider .item.first_slide ul.list li {width:calc(16% - 3px); margin-right:5px;}
	.main-visual .slider .item.first_slide ul.list li a img.pr_pc {display: none;}
	.main-visual .slider .item.first_slide ul.list li a img.pr_m {display: block; }
	.main-visual .slider .item.first_slide ul.list li a span:after {content:''; display: block; width:100%; height:15px; background: linear-gradient(180deg , rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); border-radius: 10px 10px 0 0; opacity: 0.4;}
	.main-visual .slider .item.first_slide ul.list li:nth-child(n+7) a span:after {height:40px;}
}

/* 220809 추가 (IR) */
.ir {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

/* 221121 추가 */
*:focus {outline:1px dashed #000 !important; outline-width: 2px !important;}

/* 상단 검색자동완성 틀어짐 수정 221202  */
#search {position:relative;}
#search #ark {width:100%; position:absolute; top:0; left:15px; margin-top:5px;}
#search #ark .ark_down, #search #ark .ark_up {top: -12px; left: 254px;}
#search #ark #ark_wrap {left:-15px; top:3px;}

@media (max-width:1200px) {
    #search #ark #ark_wrap {left:-15px; top:42px;}
}
@media (min-width: 981px) and (max-width: 1199px) {
    #search #ark_down, #search #ark_up {margin: 31px 0px 0px 85% !important;}
    #search #ark_img_down, #search #ark_img_up {right:auto !important;}
    #search #ark {top: 3px; width:400px !important;}
}

/* 221201 추가 */
#search form select {color: #eee; background:url(/assets/images/ico-search-select_wh.png) calc(100% - 10px) center no-repeat;}
#search form select option {color: #000}

/* 230725 웹접근성추가 시작 */
#header *:focus, .main-visual *:focus {outline-color:#000 !important;}
#ark_down > a:after {width: 0px; height: 0px; border-top: 6px solid #fff !important; border-left: 6px solid transparent; border-right: 6px solid transparent; content:""; display:inline-block; position: absolute; top:15px; right:62px;}/* 검색펄치기 */
#ark_up > a:after {width: 0px; height: 0px; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content:""; display:inline-block; position: absolute; top:15px; right:62px;}/* 검색펄치기 업 */
[class^="main-"] .slick-dots li button {width:17px; height:17px; border-radius:17px;}
/* 230725 웹접근성추가 끝 */

/* 231226 추가 */
@media ( max-width : 660px) {
	html {font-size: 87.5%;}
}