@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css");

/*******************************************************************
font
********************************************************************/
@font-face { font-family: "NanumBarunGothic"; font-style: normal; font-weight: 300; src: url("../fonts/NanumBarunGothicLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumBarunGothicLight.woff2") format("woff2"), url("../fonts/NanumBarunGothicLight.woff") format("woff"), url("../fonts/NanumBarunGothicLight.ttf") format("truetype"), url("../fonts/NanumBarunGothicLight.svg#NanumBarunGothic") format("svg"); }

@font-face { font-family: "NanumBarunGothic"; font-style: normal; font-weight: 400; src: url("../fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumBarunGothic.woff2") format("woff2"), url("../fonts/NanumBarunGothic.woff") format("woff"), url("../fonts/NanumBarunGothic.ttf") format("truetype"), url("../fonts/NanumBarunGothic.svg#NanumBarunGothic") format("svg"); }

@font-face { font-family: "NanumBarunGothic"; font-style: normal; font-weight: 700; src: url("../fonts/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumBarunGothicBold.woff2") format("woff2"), url("../fonts/NanumBarunGothicBold.woff") format("woff"), url("../fonts/NanumBarunGothicBold.ttf") format("truetype"), url("../fonts/NanumBarunGothicBold.svg#NanumBarunGothic") format("svg"); }

@font-face { font-family: "Nanum Square"; font-style: normal; font-weight: 400; src: url("../fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumSquareR.woff2") format("woff2"), url("../fonts/NanumSquareR.woff") format("woff"), url("../fonts/NanumSquareR.ttf") format("truetype"), url("../fonts/NanumSquareR.svg#Nanum Square") format("svg"); }

@font-face { font-family: "Nanum Square"; font-style: normal; font-weight: 700; src: url("../fonts/NanumSquareB.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumSquareB.woff2") format("woff2"), url("../fonts/NanumSquareB.woff") format("woff"), url("../fonts/NanumSquareB.ttf") format("truetype"), url("../fonts/NanumSquareB.svg#Nanum Square") format("svg"); }

@font-face { font-family: "Pe-icon-7-stroke"; font-style: normal; font-weight: normal; src: url("../fonts/Pe-icon-7-stroke.eot?d7yf1v"), url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'), url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'), url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'), url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg'); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* html5 Elements */
section,
article,
aside,
header,
footer,
nav,
figure,
figcaption {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: none;
}

a {
  color: #494949;
  text-decoration: none;
}

#subPage * {
  font-family: "Noto Sans KR", sans-serif;
}

/* basic */
fieldset,
img,
iframe {
  border: 0 none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
code,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
select {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.001em;
  color: #494949;
}

* {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

body,
html {
  /* height: 100%; */
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
thead,
tfoot,
tbody,
tr,
th,
td,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
img,
a,
button,
span,
em,
strong,
i,
b,
address {
  border: 0;
}

table,
thead,
tfoot,
tbody,
tr,
th,
td {
  border-collapse: separate;
  border-spacing: 0;
}

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

input,
select,
textarea,
a,
button {
  box-sizing: border-box;
}

textarea,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

input,
select,
textarea,
button,
img,
span,
em,
strong,
i,
b,
address {
  vertical-align: top;
}

input[type=submit],
input[type=button],
button {
  overflow: visible;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

input[type=radio] {
  margin-right: 3px;
  vertical-align: middle;
}

input[type=radio] + label {
  margin-right: 3px;
  vertical-align: middle;
}

button span {
  overflow: hidden;
  position: fixed;
  top: -1000px;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 1px;
}

a {
  text-decoration: none;
}

em,
i,
address {
  font-style: normal;
}

.boardIfr {
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* input - check */
input[type=checkbox] {
  vertical-align: middle;
}

/*chorme*/
.input[type=text] {
  -webkit-ime-mode: active;
  -moz-ime-mode: active;
  -ms-ime-mode: active;
  ime-mode: active;
}
table { border-collapse: collapse; border-spacing: 0; }

.sr-only, .blind, .access-hide, legend, .hide {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -1000em;
    left: 0;
    width: 0;
    height: 0;
}

.skipnav a { position: absolute; top: -9999em; z-index: 9999; width: 100%; background-color: #013874; font-weight: bold; color: #fff; text-align: center; }

.skipnav a:hover, .skipnav a:active, .skipnav a:focus { top: 0; padding: 12px 0; color: #fff; }

.nm_eg {
  align-items: center;
  background: #EEF2F7;
  box-sizing: border-box;
  width: 100%;
  padding-left: 20px;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}

.nm_eg > p {
  background: url(../images/common/ico_korea.png) left center no-repeat;
  color: #1D1D1D;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  padding:0 30px;
  flex: 1;
  font-family:'Pretendard GOV';
  font-size: 15px; 
  font-weight: 400;
}

.rsite ul{display: flex; justify-content: right;}
.rsite ul a {display: block; color: #1D1D1D; font-size: 14px;  line-height: 24px;padding: 0 20px;white-space: nowrap;}
  .nm_eg .rsite a {display: inline-block;}
  .nm_eg .rsite li + li::before {content:""; position: relative; display: inline-block; top:2px; width: 1px; height: 12px;background: rgba(0,0,0, 0.5);}

/*** header *****/
#header { position: relative; width: 100%; height: auto !important; z-index: 99; background-color: #004d96;}
#header .container {position: relative; height: 50px; padding: 0px 20px; display:flex;align-items: center;}
#header .logo {margin-right: 30px; background: none;}
#header .logo a { display: block; }
#header .logo a img {max-width: 100%;}

.btn-mobile-open, .btn-mobile-close { display: none;}
.gnb-wrap {display: flex; width: calc(100% - 150px); flex-wrap:nowrap;}
.nav-mob-wrap {display: flex; flex:1; align-items: center; justify-content: center;}
.rsite-mob {display: none;}
.nav-mob-wrap #gng {width: 700px;}
.nav-mob-wrap  #gnb .mnav {display: flex;height: 40px;}
.nav-mob-wrap  #gnb .mnav a {display: block;padding: 0 30px;line-height: 40px; color: #fff;white-space: nowrap;}


.nm_header_right {
  align-items: center;
  column-gap: 30px;
  display: flex;
  /* flex: auto; */
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 300px;
}
.nm_mob_sch_btn {display: none;}

.nm_header_sch {
  border: 1px solid #fff;
  border-radius: 100px;
  box-sizing: border-box;
  height: 33px;
  margin-right: 30px;
  position: relative;
  width: 196px;
}

.nm_on_header .nm_header_sch {
  border-color: #373737;
}

.nm_header_sch input[type=text] {
  background: rgba(255,255,255, 0.6) !important;
  border: none !important;
  border-radius: 100px !important;
  color: #393939 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  height: 31px !important;
  padding: 0 48px 0 14px !important;
  width: 100% !important;
}

.nm_on_header .nm_header_sch input[type=text] {
  color: #373737;
}

.nm_header_sch input::-webkit-input-placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_header_sch input::-moz-placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_header_sch input:-ms-input-placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_header_sch input::-ms-input-placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_header_sch input::placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_on_header .nm_header_sch input::-webkit-input-placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_on_header .nm_header_sch input::-moz-placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_on_header .nm_header_sch input:-ms-input-placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_on_header .nm_header_sch input::-ms-input-placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_on_header .nm_header_sch input::placeholder {
  color: #393939;
  font-size: inherit !important;
}

.nm_header_sch .nm_sch_btn {
  background: url(/mpm/common/images/25new/ico_header_sch_bk.png) center no-repeat;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 4px;
  width: 24px;
}

.nm_mob_sch_btn span,
.nm_mob_menu_btn span {
    clip: rect(0 0 0 0);
    display: inline-block !important;
    height: 0 !important;
    right: -9999em;
    line-height: 24px !important;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    top: -9999em;
    width: 0 !important;
  }



@media  (max-width: 1280px){
  .nav-mob-wrap  #gnb .mnav a {padding: 0 10px;}
  .rsite ul a {padding:0 10px;}
}
@media  (max-width: 1024px){
.mmenu-overlay {position:fixed;top:0;left: 0;width: 100vw;height: 100vh; opacity:1;display: none;background: rgba(0, 0, 0, 0.5);z-index: 99;}
#header { position: relative !important;}
#header .container {height: 40px;}


.nav-mob-wrap {display: block;}
#header .btn-mobile-open{display:block; position: absolute; right: 20px;  top: 13px; width: 24px; height: 24px; color: #fff; background: url(../images/common/btn_menu_mob.png) no-repeat; z-index: 90;}    
.btn-mobile-close {display:block; position: absolute; right: 20px;  top: 20px; width: 24px; height: 24px; color: #fff; background: url(../images/common/ic_close.png) no-repeat center center;}    
#header .btn-mobile-open span, .btn-mobile-close span {position: absolute; top: -999px;width: 0; height: 0;overflow: hidden;}
#header .nav-mob-wrap {position: fixed; right: -600px;top:0; width:340px; height: 100%; overflow-x:hidden; overflow-y: auto; opacity:0; background:#fff; transition: right 0.6s, opacity 0.3s;z-index: 999;}
#header .nav-mob-wrap._open-menu {right:0; opacity:1}
#header .nav-mob-wrap #gnb {position:relative; left: 20px; top:60px; width: 100%; max-width: 100%; box-sizing: border-box; background: none;visibility: visible; opacity:1;} 
#header .nav-mob-wrap #gnb #topmenu {display:block;}
#header .nav-mob-wrap #gnb #topmenu li {display: block;text-align: left;margin:0;}
#header .nav-mob-wrap #gnb #topmenu li:hover, #header .nav-mob-wrap #gnb #topmenu li:focus {background: none;}
#header .nav-mob-wrap #gnb #topmenu li a { color: #494949; font-size: 16px; font-weight: bold; margin-bottom: 20px; text-align: left;height: auto;line-height: 24px;}
#header .nav-mob-wrap #gnb #topmenu li a span {display:inline-block;}
#header .nav-mob-wrap #gnb #topmenu li a:hover span, #header .nav-mob-wrap #gnb #topmenu li a:focus span {color: #004d96; border-bottom: 2px solid #004d96}
#header .rsite-mob {position: relative; top: 25px; left: 20px; width: 100%;display: flex; }
#header .rsite-mob li{position: relative; margin-right: 20px;}
#header .rsite-mob li:after {content:""; position: absolute; right: -10px; top: 0; width: 1px; height: 100%; background: #ccc; }
#header .rsite-mob li:last-child:after {display:none;}
#header .rsite-mob a,#header .rsite-mob a:active {font-size: 12px;color: #555} 
#header .rsite-mob a:hover, #header .rsite-mob a:focus {text-decoration: underline;}

		.nm_mob_sch_btn {
			position: absolute;
			right: 65px;
			top: 13px;
			display: block;
			background: transparent url(/mpm/common/images/25new/ico_header_sch.png) no-repeat center;
    /*background: rgba(255,255,255, 0.5) url(/mpm/common/images/25new/ico_header_sch_bk.png) no-repeat top;*/
			
			background-size: 20px;
			height: 24px;
			width: 24px;
      border: 1px solid rgba(255,255,255, 0.6);
      border-radius: 5px;

		}
		.nm_header_right .nm_header_sch_bg {
			display: none;
			width: 100%;
			position: absolute;
			left: 0;
			top: 43px;
			background-color: #fff;
			box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		}

		.nm_header_right .nm_header_sch_bg.sch_open {
			display: block;
			height: 37px;
			padding: 20px 0;
			animation: heightSlide 0.3s ease-out;
			z-index: 13;

		}
.nm_header_sch {
  border: 1px solid #ccc;}
  
		.nm_header_sch {
			display: block;
		}

		.nm_header_right .nm_header_sch_bg.sch_open .nm_header_sch {
			border-color: #373737;
			left: 50%;
			width: 350px;
			transform: translateX(-50%);
		}


}
@media screen and (max-width: 768px){
  .nm_eg p {padding-right: 0;}
  .nm_eg .rsite a {font-size: 12px;}
  
}
@media screen and (max-width: 500px){
  .nm_eg {flex-wrap: wrap;}
  .nm_eg p {flex: 100%;}
  .rsite {display: flex;justify-content: right;flex: 1;}
}

@media screen and (max-width: 340px){
  #header .nav-mob-wrap {width:320px;}
}

#container {position: relative !important; top: 0 !important;}
footer {background: #fff;padding-bottom: 20px;}
.footer_conts {width: 90%; margin: 0 auto; border-top: 1px solid #ccc; padding-top: 20px;}
.footer_links {display: flex;margin: 5px 0; }
.footer_links li a {display: block; font-size: 13px; padding-right: 20px;}
.footer_links li:first-child a {color:#004d96; font-weight: bold;}
.footer_txt p {display:inline-block; color: #757575; font-size: 13px;}
.footer_txt p:last-child {display: block;}