@charset "UTF-8";

/*=================================================================================
*서브페이지 사이드메뉴
=================================================================================*/
.sidebar {
	float: left;
	width: 248px;
	min-height: 600px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	font-family: 'Pretendard GOV Variable','Nanum Gothic', sans-serif; 
}
.sidebar .nav {
   position: relative;
   padding: 20px;
   padding: 20px 20px 500px 20px;
}
.sidebar .sidebar-title {
   position: relative;
   padding: 72px 20px 20px 20px;
   font-size: 24px;
}
.sidebar .sidebar-title:after {
   display: block;
   clear: both;
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 5px;
   background: #0e2b5e;
   background: linear-gradient(90deg, rgba(14, 43, 94, 1) 70%, rgba(36, 107, 235, 1) 70%);
}
.sidebar a {
   display: block;
   line-height: 42px;
}
.sidebar .sub-menu-2depth > li > a {
   position: relative;
   font-size: 17px;
   font-weight: 600;
   line-height: 1.4; 
   padding: 12px 0;
   border-bottom: 1px solid #e1e1e1;
}
.sidebar .sub-menu-2depth > li > a:hover { color: #246beb;}
.sidebar .sub-menu-2depth .has-sub > a:before,
.sidebar .sub-menu-2depth .has-sub > a:after {
   display: block;
   clear: both;
   content: "";
   width: 12px;
   height: 1.5px;
   background: #000;
   position: absolute;
}
.sidebar .sub-menu-2depth .has-sub > a:before {
   transform: rotate(90deg) translateY(-0.3px);
   right: 0;
   top: 50%;
}
.sidebar .sub-menu-2depth .has-sub > a:after {
   right: 0;
   top: 50%;
}
.sidebar .sub-menu-2depth .has-sub .sub-menu-3depth {
   display: none;
}
.sidebar .sub-menu-2depth .has-sub.open .sub-menu-3depth {
   display: block;
}
.sidebar .sub-menu-2depth .has-sub.open > a {
   color: #246beb;
   border-bottom: 2px solid #246beb;
}
.sidebar .sub-menu-2depth .has-sub.open > a:before {
   display: none;
}
.sidebar .sub-menu-2depth .has-sub.open > a:after {
   background: #246beb;
}
.sidebar .sub-menu-3depth:after {
   content: "";
   display: block;
   clear: both;
}
.sidebar .sub-menu-3depth > li > a {
	padding: 12px 20px 12px 12px;
	line-height: 1.4;
   border-bottom: 1px dashed #e1e1e1;   
}
.sidebar .sub-menu-3depth > li.on > a {
   color: #16408d;
   font-weight: bold;
}
.sidebar .sub-menu-4depth {
   display: none;
   padding-left: 16px;
   border-bottom: 1px dashed #e1e1e1;
}
.sidebar .sub-menu-4depth li a {
   position: relative;
   font-weight: 500;
}
.sidebar .sub-menu-4depth li a:after {
   display: block;
   clear: both;
   content: "";
   width: 4px;
   height: 4px;
   background: #232323;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: -10px;
   transform: translateY(-50%);
}

.sidebar .sub-menu-4depth > li.on > a {
   color: #16408d;
   font-weight: bold;
}
.sidebar .has-sub02 > a {
   position: relative;
}
.sidebar .has-sub02 > a:before,
.sidebar .has-sub02 > a:after {
   display: block;
   content: "";
   clear: both;
   width: 6px;
   height: 1px;
   background: #666;
   position: absolute;
   top: 50%;
   right: 8px;
}
.sidebar .has-sub02 > a:before {
   transform: rotate(45deg) translateY(-3px);
}
.sidebar .has-sub02 > a:after {
   transform: rotate(-45deg) translateY(3px);
}
.sidebar .has-sub02 {
   transition: left 0.4s ease, opacity 0.4s ease;
}
.sidebar .has-sub02.active {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   padding: 18px;
   box-sizing: border-box;
   z-index: 1;
}
.sidebar .has-sub02.active > a {
   font-size: 18px;
   font-weight: bold;   
   border-bottom: 1px solid #ccc;
   line-height: 1.2;
   padding: 12px 12px 20px 18px;
}
.sidebar .has-sub02.active .sub-menu-4depth {
   display: block;
}
.sidebar .has-sub02.active > a:before,
.sidebar .has-sub02.active > a:after {
   width: 10px;
   height: 2px;
   right: auto;
   left: 0;
   background: #232323;
   margin-top: -5px;
}
.sidebar .has-sub02.active > a:before {
   transform: rotate(-45deg) translateY(-4px);
}
.sidebar .has-sub02.active > a:after {
   transform: rotate(45deg) translateY(4px);
}
.sidebar .has-sub02.active > a:hover { color: #246beb;}
.sidebar .has-sub02.active > a:hover:before,
.sidebar .has-sub02.active > a:hover:after {
   background: #246beb;
}
.sidebar .sub-menu-4depth > li > ul {
	padding-left: 10px;
	padding-bottom: 10px;
}
.sidebar .sub-menu-4depth > li > ul li a  {
	position: relative;
	line-height: 1.6;
	color: #666;
}
.sidebar .sub-menu-4depth > li > ul li a.current, .sidebar .sub-menu-4depth > li > ul li a:hover {
	color: #246beb;
}
.sidebar .sub-menu-4depth > li > ul li a:after {
   display: block;
   clear: both;
   content: "";
   width: 4px;
   height: 1px;
   background: #232323;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: -10px;
   transform: translateY(-50%);
}
@media (max-width: 992px) {
   .sidebar {
      display: none;
   }
}

/*=================================================================================
* 헤더 수정
=================================================================================*/
header .head-etc {
   width: 100%;
   max-width: 1500px;
   margin: 0 auto;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
}
header .head-etc .screenSize {
   display: flex;
   justify-content: center;
   padding: 8px 0 8px;
}
header .head-etc .screenSize span {
   font-size: 13px;
   font-family: 'Pretendard GOV Variable',"NanumSquare", sans-serif; 
   display: block;
   text-align: center;
   margin-right: 6px;
   line-height: 26px;
}
header .head-etc .screenSize > div {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   overflow: hidden;
   width: 84px;
   box-sizing: border-box;
}
header .head-etc .screenSize a {
   display: block;
   line-height: 24px;
   background: #fff;
   color: #131313;
   padding: 0;
   height: 24px;
   width: 25px;
   text-align: center;
   font-weight: bold;
  font-family: 'Pretendard GOV Variable',"NanumSquare", sans-serif; 
}
header .head-etc .screenSize .basic {
   background: #fff;
   width: 44px;
   font-size: 14px;
}
header .hTop .inner {
   padding: 0;
}
header .hTop .hUtil li {
   border-right: 0;
}
header .hTop .hUtil li a {
   padding: 15px 10px;
    font-family: 'Pretendard GOV Variable',"NanumSquare", sans-serif; 
}
header .hTop .hUtil .hSearch label {
   width: 204px;
   height: 32px;
}
header .hTop .hUtil .hSearch input {
   padding: 8px;
   border: 1px solid #e1e1e1;
   text-indent: 0;
}
header .hTop .hUtil .hSearch button {
   width: 30px;
   height: 30px;
   background: url("/images/portal/ico/layout_ico.png") 0px -45px;
}
header .hTop .hUtil li a.mofLink {
   background: url("/images/portal/ico/layout_ico.png")-33px 5px;
}
header .hTop .hUtil li .ico_hUtil {
   display: inline-block;
   vertical-align: text-bottom;
   width: 20px;
   height: 20px;
   margin-right: 4px;
}
header .hTop .hUtil li .ico_hUtil.logout {
   background: url(/images/ico_hUtil.svg) 0 0 no-repeat;
}
header .hTop .hUtil li .ico_hUtil.login {
   background: url(/images/ico_hUtil.svg) 0 -20px no-repeat;
}
header .hTop .hUtil li .ico_hUtil.user {
   background: url(/images/ico_hUtil.svg) 0 -40px no-repeat;
}
header .hTop .hUtil li .ico_hUtil.info {
   background: url(/images/ico_hUtil.svg) 0 -60px no-repeat;
}
.hGnb {
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 1500px;
   height: 65px;
   margin: 0 auto;
   padding: 0 20px;
}
.hGnb.fixed {
   position: fixed;
}
.hGnb > li > a {
   font-size: 18px;
   font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto,
      "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
.hGnb > li > a.on {
   color: #246beb;
}
.gnb_sub {
   position: absolute;
   left: 0;
   right: 0;
   top: 167px;
   background: #f9f9f9;
   height: 0;
   overflow: hidden;
   border-top: 1px solid #eee;
   opacity: 0;
   z-index: 99;
   transition-duration: 0.5s;
}
.gnb_sub_wrap {
   position: relative;
   max-width: 1500px;
   margin: 0 auto;
   padding: 0 0 0 250px;
}
.gnb_sub.active {
   opacity: 1;
   z-index: 100;
   transform: translate(0, -25px);
}
.gnb_sub div.tit {
   margin: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 250px;
   height: 100%;
   padding: 25px;
   background: #246beb;
}
.gnb_sub div.tit .inner {
   display: inline-block;
   position: relative;
   height: 100%;
   text-align: left;
   width: 100%;
}
.gnb_sub div.tit p {
   margin: 6px 0px;
   display: inline-block;
   vertical-align: middle;
}
.gnb_sub div.tit p.icon {
   border-radius: 50%;
   background: #1e4b73;
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 3px;
   margin: 0;
   display: none;
}
.gnb_sub div.tit p.icon::after {
   content: "";
   display: none;
   background: url(/images/portal/main/main_nav_ill.png) 0px 0px;
   width: 70px;
   height: 70px;
}
.gnb01 .gnb_sub div.tit p.icon::after {
   background-position: 0px 0px;
}
.gnb02 .gnb_sub div.tit p.icon::after {
   background-position: -70px 0px;
}
.gnb03 .gnb_sub div.tit p.icon::after {
   background-position: -140px 0px;
}
.gnb04 .gnb_sub div.tit p.icon::after {
   background-position: -210px 0px;
}
.gnb05 .gnb_sub div.tit p.icon::after {
   background-position: -280px 0px;
}
.gnb06 .gnb_sub div.tit p.icon::after {
   background-position: -350px 0px;
}
.gnb07 .gnb_sub div.tit p.icon::after {
   background-position: -420px 0px;
}
.gnb_sub div.tit p.tit {
	width: 100%;
   color: #fff;
   font-size: 24px;
   font-weight: 500;
}
.gnb_sub div.tit p.smr {
   color: #fff;
   font-size: 16.5px;
   font-weight: 400;
}
.gnb_sub ul {
   text-align: left;
   min-height: 260px;
}
.gnb_sub li {
   display: inline-block;
   width: 19%;
   vertical-align: top;
   text-align: left;
   margin: 15px 0;
   padding: 10px 16px;
}
.gnb_sub ul > li:first-child {
   padding-left: 16px;
}
.gnb_sub li::after {
   content: "";
   position: absolute;
   top: 0px;
   background: #426786;
   width: 1px;
   height: calc(100% - 30px);
   margin: 15px 0;
   display: none;
}
.gnb_sub li:nth-child(1)::after {
   display: none;
}
.gnb_sub li:first-child {
   border: 0;
}
.gnb01 .gnb_sub li {
   width: 23%;
}
.gnb03 .gnb_sub li {
   width: 23%;
}
.gnb04 .gnb_sub li {
   width: 20%;
}
.gnb05 .gnb_sub li {
   width: 19.5%;
}
.gnb06 .gnb_sub li {
   width: 19.5%;
}
.gnb07 .gnb_sub li {
   width: 22%;
}
.gnb07 .gnb_sub li:nth-child(1),
.gnb07 .gnb_sub li:nth-child(2),
.gnb07 .gnb_sub li:nth-child(3) {
   width: 18%;
}
.gnb_sub li a {
   display: block;
   font-family: 'Pretendard GOV Variable',"NanumSquare", sans-serif; 
   padding: 5px 0;
   margin: 0 20px;
   font-size: 16.5px;
   color: #2b354e;
}
.gnb_sub li a:hover,
.gnb_sub li a:focus,
.gnb_sub li a.active {
   color: #fff;
   font-weight: 700;
}
.gnb_sub li a.tit {
	font-family: 'Pretendard GOV Variable',"NanumSquare", sans-serif; 
   font-size: 19px;
   color: #131313;
   margin: 5px 20px 15px;
   font-weight: 500;
   border-bottom: 1px solid #131313;
}
.gnb_sub li a:hover, .gnb_sub li a:focus {
	color: #003675;
}
.hGnb > li.active .gnb_sub {
   opacity: 1;
   height: auto;
}
.header.scr .hGnb > li.active > a {
   color: #0047a4;
}
@media (max-width: 992px) {
   header .head-etc {
      display: none;
   }
}


/*=================================================================================
* 푸터  수정
=================================================================================*/
footer {
   border-top: 1px solid #ddd;
   background: #333333;
   font-family: 'Pretendard GOV Variable',"NanumSquare", sans-serif; 
}
footer .ft_w {
   position: relative;
   max-width: 1500px;
   margin: 0 auto;
   padding: 45px 25px;
}
footer .ft_w .ft_top {
   border-bottom: 1px solid #999;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
}
.f-logo {
   float: none;
   margin-top: 0;
}
footer ul {
   overflow: hidden;
}
footer .ft_menu {
   padding: 25px 0px 0;
   font-weight: normal;
}
footer ul li {
   position: relative;
}
footer .ft_menu li {
   display: inline-block;
   padding: 0 13px;
}
footer ul li:after {
   position: absolute;
   left: 0;
   top: 7px;
   content: "";
   width: 0;
   height: 13px;
   border-left: 1px solid #616161;
}
footer ul li:first-child:after {
	display: none;
} 
footer .ft_menu li:first-child {
   padding-left: 0;
   border: 0;
}
footer ul li:first-child:after {
   border-left: none;
}
footer .ft_menu a {
   color: #999;
}
footer .ft_menu a.privacy {
   color: #fff;
}
footer .ft_menu a:hover,
footer .ft_menu a:focus {
   color: #fff;
}
footer .ft_menu a.privacy:hover,
footer .ft_menu a.privacy:focus {
   color: #fff;
}
footer .ft_info {
   padding-bottom: 25px;
   font-size: 15px;
   color: #999;
   font-style: normal;
}
footer .ft_info p {
   margin: 0;
}
footer .ft_info p span {
   display: inline-block;
   vertical-align: middle;
   padding: 0;
   font-size: 15px;
}
footer .copy {
   display: block;
   color: #999;
   font-size: 15px;
   font-weight: 300;
}
footer .ft_logo {
   position: inherit;
}
footer .ft_logo a {
   display: block;
   width: 200px;
   height: 44px;
   padding-bottom: 10px;
   background-image: url(/images/portal/main/main_logo.png);
   background-position: 0px -90px;
}
footer .ft_logo a:hover,
footer .ft_logo a:focus {
   opacity: 0.5;
}
footer .ft_logo a.koem {
   height: 30px;
   background-position: 0px -137px;
}
footer ul em {
   color: #5f88dd;
   font-weight: normal;
}
footer address,
footer span {
   display: inline-block;
   position: relative;
   padding: 3px 0;
   font-size: 12px;
   font-family: 'Pretendard GOV Variable',"NanumSquare", sans-serif; 
}
footer address {
   padding-left: 0px;
}
footer small {
   display: block;
   font-size: 12px;
   font-family: 'Pretendard GOV Variable',"NanumSquare", sans-serif; 
}
footer select {
   position: absolute;
   right: 0;
   top: 0px;
   width: 145px;
   color: #838383;
   background-color: #f8f8f8;
}