/*!
 * style css v0.0.1
 * Copyright 2023.01
 * Writer 김준엽
 * UPDATE
 *
 * Writer 		Date 			Desc
 * -------------------------------------------
 * 
 *  
 */
 
@charset "UTF-8";

/* inner */
.inner{width:1400px;margin:0 auto;}

/* header */
header{/*padding:28px 0;*/position:fixed;width: 100%;background: #fff;z-index: 10;box-sizing: border-box;}
header::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:8px;background:url(/images/new/group/header_bg.png) no-repeat;background-size:cover;}
header .inner{display:flex;align-items:center;justify-content:space-between;width:1400px;box-sizing: border-box;}
header .logo{height:52px;}
header nav{display:flex;justify-content:space-between;}
header nav > ul{display:flex;}
header nav ul li{}
header nav ul li.active > a{color:#4569b2}
header nav > ul > li > a{font-size:21px;color:#111; padding: 40px 35px 38px; font-family: 'GM'; display: block;}
header nav > ul > li > a:visited{color:#111;}

header .util ul{display:flex;gap:35px;}
header .util ul > li:nth-child(4){display: none;}

header .inner .util .allmenu {position: relative;display: inline-block;width: 15px;height: 15px;left: -20px;top: 1px;}
header .inner .util .allmenu span{position: absolute;width: 15px;height: 2px;background: #555;}
header .inner .util .allmenu span:nth-of-type(1) {top: 0;}
header .inner .util .allmenu span:nth-of-type(2) {top: 5px;}
header .inner .util .allmenu span:nth-of-type(3) {top: 10px;}

header .inner .util .allmenu_open{display:none;}

header ul li .lnb_sub {display:none; position: absolute; left: 0px; top: 100px; height: auto; width: 100%; clear: both; background: #fff; border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;z-index: 999;box-shadow: 0 20px 20px -10px;}
header ul li .lnb_sub:before {content: '';display: block;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;transform: translateX(-100%);border-right: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
header ul li .lnb_sub:after {content: '';display: block;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;right: 0;transform: translateX(100%);border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
header ul li .lnb_sub > div {display: none;}
header ul li .lnb_sub > div > p {display: none;}
header ul li .lnb_sub > div > span {display: none;}
header ul li .lnb_sub > ul {display: flex;flex-wrap: wrap;width: 1400px;margin: 0 auto;clear: both;padding: 10px 20px 15px 20px;box-sizing: border-box;border: 1px solid #e3e3e3;border-top:0;}
header ul li .lnb_sub > ul > li {float: left;padding: 20px 8.5px;height: auto;padding-top: 10px;width: 20%;box-sizing: border-box;}
/*header ul li .lnb_sub > ul > li.link > a{background: url(/images/new/web/header/gnb_link_icon.png) no-repeat right 75px center / 15px 15px;}*/
header ul li .lnb_sub > ul > li > a{display: block;position: relative;width: 100%;transition: color 0.25s 0.0833333333s;background: #f3f3f30f;border: 1px solid #acacac;border-radius: 5px;padding: 10px 20px;text-align: center;box-sizing: border-box;font-weight: 600;}
header ul li .lnb_sub > ul > li > a:focus {outline: 1px dotted #4569b2;}
header ul li .lnb_sub > ul > li > a::before, header ul li .lnb_sub > ul > li > a::after {border: 0 solid transparent;box-sizing: border-box;content: "";pointer-events: none;position: absolute;width: 0;height: 0;bottom: -1px;right: -1px;}
header ul li .lnb_sub > ul > li:hover > a {color: #4569b2;}
header ul li .lnb_sub > ul > li:hover > a::before, header ul li .lnb_sub > ul > li:hover > a::after {border-color: #4569b2;transition: border-color 0s, width 0.25s, height 0.25s;width: calc(100% + 2px);height: calc(100% + 2px);border-radius: 5px;}
header ul li .lnb_sub > ul > li:hover > a::before {transition-delay: 0s, 0s, 0.25s;}
header ul li .lnb_sub > ul > li:hover > a::after {transition-delay: 0s, 0.25s, 0s;}
header ul li .lnb_sub > ul > li > ul {padding-top: 10px; }
header ul li .lnb_sub > ul > li > ul > li{position:relative;float: none; padding:0 0 0 15px; }
header ul li .lnb_sub > ul > li > ul > li:before{content: '';display: inline-block;position: absolute;width: 4px;height: 4px;border-radius: 50%;left:5px;top: 16px;background: #555;}
header ul li .lnb_sub > ul > li > ul > li:hover:before{background: #4569b2;}
header ul li .lnb_sub > ul > li > ul > li > a{display:inline-block;position: relative; padding-top: 10px; font-size: 14px; font-weight: 500; line-height: 125%;}
header ul li .lnb_sub > ul > li > ul > li:hover > a{color:#4569b2;}
header ul li .lnb_sub > ul > li > ul > li > a:after{content: ""; position: absolute; left: 0; font-size: 11px; top: 13px;}
header ul li .lnb_sub > ul > li > ul > li > ul {display: none;}
header ul li .lnb_sub > ul > li > ul > li > ul > li {float: none; padding: 0px;}
header ul li .lnb_sub > ul > li > ul > li > ul > li > a {font-size: 11px; font-weight: 500;}
/* 모바일 메뉴 */
#naviMenu{display: none;}

/* footer */
footer{font-family:'NanumBarunGothic', sans-serif;}
footer .inner{width:1400px;margin:0 auto;}
footer .company{padding:48px 20px 56px;background:#2a384a;box-sizing: border-box;}
footer .company .util{display:flex;padding-bottom:35px;}
footer .company .util > li{display:inline-block;position:relative;color:#777;}
footer .company .util > li + li{margin-left:17px;padding-left:19px}
footer .company .util > li + li::after{display:block;content:"";position:absolute;top:69%;left:0;width:3px;height:3px;margin-top:-6px;background-color:#a2a7ac;border-radius:50%;}
footer .company .util li a{color:#fff;font-size:17px;}
footer .company .inner .util li.on a{color: #ff7474;}
footer .company .address li {font-size:15px;color:#aaaeb3;}
footer .company .address .copyright{padding-top:8px;}

/* footer > 유관기관 링크 */
#link_site {width: 100%; background:#1f2b3a; position:relative; z-index:80;}
#link_site .linkArea {margin: 0 auto; width:1400px;}
#link_site .linkArea .select_site {display:inline-block; vertical-align:top;}
#link_site .linkArea .select_site:after {display:block; content:''; clear:both;}
#link_site .linkArea .select_site .site {float:left; margin:0 -1px 0 0;}
#link_site .linkArea .select_site .site .open_select span {width:440px; text-align:left; font-size:13px;}
#link_site .linkArea .select_site .site .open_select span.w362 {width:437px;}
#link_site .linkArea .select_site .site:hover {background-color:#fff;}
#link_site .linkArea .select_site .open_select {cursor: pointer;height:60px;line-height:30px; background:#1f2b3a; z-index:10 !important;}
#link_site2 {display:none}
.select_site .site {position:relative;}
.select_site .site > button{margin:0;}
.select_site .site .box_select {overflow:hidden; position:absolute; left:0; bottom:100%; width:391px; height:0; z-index:9 !important;}
.select_site .site .box_select.type_2 {overflow:visible; top:-193px;}
.select_site .site .box_select.type_3 {overflow:visible; top:-308px;}

.select_site .site .box_select .box_unit {position:relative;  background-color:#fff; text-align:left;width:468px;}
.select_site .site .box_select .box_unit.type_2 {width:466px;}
.select_site .site .box_select .box_unit.type_2 .box_group {float:left; width:190px;}

.select_site .site .box_select.type_1 {left:0px; top:-357px; width:1000px; overflow:visible;}
.select_site .site .box_select .box_unit:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.select_site .site .box_select .box_unit.type_1 {width: 1400px;}
.select_site .site .box_select .box_unit.type_1 .box_group li {float:left;width: 275px;}

.select_site .site .box_select a {display:block; font-size:11px; line-height:20px; color:#666;}
.select_site .site .box_select .box_unit.type1 a {font-size:14px;color:#444444;display:block;background:url('/common_2019/images/common/selectList_blt.png') 15px center no-repeat;padding:5px 10px 2px 23px;position:relative;padding-left:10px;}
.select_site .site .box_select .box_unit.type1 a::before{content:"";display:block;position:absolute;top:14px;left:0;width:3px;height:3px;border-radius:3px;background:#666;}

.select_site .site .box_select .box_unit.type1 a:hover {color:#1e75d6}
.select_site .site .box_select h3 {background:#455262;color:#fff;font-size:16px;line-height:42px;padding:0 15px}

.select_site .site .box_select .box_unit ul {padding:10px;}
.select_site .site .box_select .box_unit ul li{margin-bottom: 0;}

.open_select {border:1px solid #555d64; border-top:none;border-bottom:none;padding:10px 10px 10px 16px;}
.open_select span {display:inline-block; color:#dcdcdc;  font-size:14px;  background:url('/images/new/group/btn_more_v2.png') no-repeat right center; vertical-align:top;}
.site.on .open_select {background-color:#fff;}
.site.on .open_select span {background-position:100% -22px;}
.open_select.on span {background-position:100% -22px;}

.select_site .site_type_01 .open_select { z-index: 1000; position:relative }
.select_site .site_type_01 .boxWrap { position:absolute; width:467px; overflow: hidden }
.select_site .site_type_01 .boxWrap .box_select { display:none; top: 198px }

.select_site .site_type_02 .open_select { z-index: 1000; position:relative }
.select_site .site_type_02 .boxWrap {position:absolute;width: 1400px;overflow: hidden;left: -468px;background: #fff;}
.select_site .site_type_02 .boxWrap .box_select { display:none; top: 361px }

.select_site .site_type_03 .open_select { z-index: 1000; position:relative }
.select_site .site_type_03 .boxWrap { position:absolute; width:440px; overflow: hidden;width:100%; }
.select_site .site_type_03 .boxWrap .box_select { display:none; top: 313px }

/* 통합검색 */
.search_wrap{position:absolute;height: auto;top: 100px;text-align:center;padding: 45px 0;width: 100%;z-index: 1499;background: #e9e9e9;display:none;}
.search_wrap > div{margin:0 auto;text-align:center;}
.search_wrap > div *{vertical-align:middle}
.search_txt {display:inline-block}
.search_txt p{width:550px;border:solid 3px #00a0a0;background:#fff;display:inline-block; margin-top: 0; margin-bottom: 0;}
.search_txt p > input.sckeyword{width:90%;height:44px;padding: 0 25px;line-height:44px;font-size:15px;border:none;margin-right:8px}
.search_txt label{position: absolute;left: 20px;top: -40px;line-height: 40px;font-size: 15px;color: #fff;display:none;}
.search_txt label:hover{cursor:text;}
.search_txt > a {display:inline-block;width:100px;height:50px;background:#00a0a0; color:#fff;line-height: 50px; font-size: 20px;font-weight:bold}
.search_wrap .btnClose{position:static;display:inline-block;margin-left:20px;color: #fff;font-size:0;}

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

	header .inner{width: 100%;padding: 0 20px;}
}

@media screen and (max-width:1200px) {
   #skipNavi{width: auto;}
	header{min-width: auto; padding: 20px;}
	header .inner{width: auto;padding: 0;}
	header .inner nav{display: none;float: none;margin-left: 0;padding: 0;}
	header .inner .util{}
	header .util ul .btn_li{display: none;}
	header .util ul > li:nth-child(4){display: inline-block;}

	
	/*통합 검색*/
	.search_wrap{top: 92px;}
	.search{top: 92px;padding: 24px 0;}
	.search_btn{float: left;}
	.search_btn a{background: url(/images/header/sch_btn.png) no-repeat 0 0;width: 27px; height: 27px;text-indent: -9999px;display: inline-block;position: relative;top: 10px;margin-right: 18px;}
	/* 검색 */
	.search{top: 92px;}
	.search .sch_dim_layer{top:98px; height:1272px;}
	.search .sch_form{position:relative; margin:0 auto; width: 90%;}
	.search .sch_form input[type="text"]{padding: 0 15px;margin: 0 auto; width: 100%;height: 50px;font-size: 16px;}
	.search .sch_form input[type="image"]{position:absolute; top:10px; right: 40px;} 
	
	/* 유관기관링크 모바일 일 때 */
	#link_site  {display:none}
	#link_site2  {display:block}
	#link_site2::after{content:'';display:block;clear:both;}
	#link_site2 {width: 100%; background: #2a384a; position:relative; z-index:80;}
	#link_site2 li {display:block;width:33.3333%;float:left}
	#link_site2 .open_select {display:block;padding:10px 10px 10px 16px; background: #1f2b3a; z-index:10 !important;border-left:none}
	#link_site2 .open_select span {width:100%;display:block;text-align: left;font-size:16px;background: url(/images/new/group/btn_more_v2.png) no-repeat right center;}

	#link_site  {display:none}
	#link_site2  {display:block}
	#link_site2 {width: 100%; background: #323c44; position:relative;z-index:0;}
	#link_site2 li {display:block;width:33.3333%;float:left}
	#link_site2 .open_select {display:block;line-height:40px;padding:10px 10px 10px 16px; height:40px; background:#1f2b3a; z-index:10 !important;border-right: 1px solid #4b555e;}
	.side_nav_right{display: none;}
	#link_site2 .open_select span {width:100%;display:block;text-align:center; font-size:12px;background-image:none;}

	/* 모바일 햄버거 */
	header .util ul{
		gap: 20px;
	}
	header .inner .util .allmenu{
		width: 20px;
		height: 20px;
		left: auto;
	}
	header .inner .util .allmenu span{
		width: 20px;
	}
	header .inner .util .allmenu span:nth-of-type(1){
		top: 0;
	}
	header .inner .util .allmenu.active span:nth-of-type(1){
		top: 6px;
	}
	header .inner .util .allmenu span:nth-of-type(2){
		top: 8px;
	}
	header .inner .util .allmenu span:nth-of-type(3){
		top: 16px;
	}
	header .inner .util ul li .allmenu_open{
		display: block;
	}
	header .inner .util ul li .allmenu_link{
		display: none;
	}
	header .inner .util ul li .allmenu_open span{
		transition: all .4s;
	}
	header .inner .util ul li .allmenu_open.active span:nth-of-type(1) {
		-webkit-transform : translateY(2px) rotate(-45deg);
		transform : translateY(2px) rotate(-45deg);
	}
	header .inner .util ul li .allmenu_open.active span:nth-of-type(2) {
		transform : translateX(50%);
		opacity : 0;
		-webkit-animation : active-menu .8s forwards;
		animation : active-menu .8s forwards;
	}
	@-webkit-keyframes active-menu {
		100% {
			height: 0;
		}
	}
	@keyframes active-menu {
		100% {
			height: 0;
		}
	}
	.btn_menu {
		display: none;
	}
	header .inner .util ul li .allmenu_open.active span:nth-of-type(3) {
		-webkit-transform : translateY(-10px) rotate(45deg);
		transform : translateY(-8px) rotate(45deg);
	}

	/* mobile menu */
	#naviMenu{
		position: fixed;
		/*top: 68px;*/
		top: 92px;
		left: 0;
		width: 100%;
		display: block;
	}
	#naviMenu > div{
		height: 100vh;
		background-color:#007cb8;
		border-top: 1px solid #ddd;
	}
	.menuCtg > li {
		display: flex;
		width: 160px;
		line-height: 0;
		margin-bottom: 0;
	}
	.menuCtg > li .t_a_line{
		width: 100%;
	}
	.menuCtg > li > .side_sub > li > ul{
		display: block;
	}
	.menuCtg > li > .side_sub > li > ul > li{
		line-height: 22px;
	}
	.menuCtg > li > .side_sub > li > ul > li > a{
		position: relative;
		padding-left: 15px;
		font-size: 13px;
	}
	.menuCtg > li > .side_sub > li > ul > li > a:before{
		content: '';
		display: inline-block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 2px;
		height: 2px;
		border-radius: 50%;
		background: #111;
	}
	.menuCtg .side_sub{
		display: none;
		position: absolute;
		top: 0;
		left: 160px;
		width: calc(100% - 160px);
		height: 100%;
		overflow-y: scroll;
		padding: 0 15px;
		padding-bottom: 30%;
		background: #fff;
		text-indent: 5px;
		line-height: 39px;
		box-sizing: border-box;
		border-top: 1px solid #ddd;
	}
	.menuCtg li.on .side_sub{
		display: block;
	}
	.menuCtg .t_a_line .mnTit{
		display: block;
		padding: 0 0 0 30px;
		line-height: 51px;
		width: 160px;
		background: #007cb8;
		font-size: 15px;
		color: #fff;
		border-bottom: 1px solid #ddd;
		transition: all 0.3s;
		box-sizing: border-box;
	}
	.menuCtg li.on .t_a_line .mnTit{
		background: #fff;
		border-bottom: 1px solid #fff;
		font-weight: 600;
		color:#111;
	}
	.menuCtg .side_sub > li{
		padding: 6px 0;
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		line-height: inherit;
		margin-bottom: 0;
	}
	.menuCtg .side_sub > li a{
		font-size: 14px;
		color:#111;
	}

	/* 푸터 */
	footer .inner { width: 100%;}
}
@media screen and (max-width:768px) {

	header .util ul{gap: 10px;}

    /* 검색 */
	.search_txt p{width: 100%;}
	.search_txt p > input.sckeyword{width: 80%;}
	.search_wrap > div *{display: flex; justify-content: center; margin: 0;}

	/* 푸터 */
	footer .company {padding: 30px 10px 40px;}
	footer .company .util{ flex-wrap: wrap;}
	footer .company .util > li{line-height: 1.5;}
	footer .company .util li a{font-size: 16px;}
	footer .inner .util{width: 100%;justify-content: center;}
	.select_site .site_type_02 .boxWrap{width: 100%;}
	.address{text-align: center;}

}
@media screen and (max-width:479px) {
	#naviMenu{top: 72px;}
	.search_wrap{top: 72px;}
	header{padding: 20px 20px 10px 20px;}
	header .inner{gap: 10px;}
	header .inner .util {width:61px;margin-left: 18px;}
	header .inner .util ul li a > img{min-width: 21px;}
	header .logo {height: auto;}
	header .logo a img{width: 80%}

	/* 유관기관링크 모바일 일 때 */
	#link_site2 .open_select {padding: 10px 0;}
	footer .company {padding: 0 0 40px;}
	footer .company .inner .util {display: flex;display: -webkit-flex !important;flex-wrap: wrap;width: 100%;}
	footer .company .inner .util li{flex: 1 1 40%;position: relative;margin: 0px;text-align: center;border-bottom: 1px solid #4b555e;border-left: 1px solid #4b555e;padding: 10px;}
	footer .company .inner .util li:nth-child(1){border-left: none;}
	footer .company .inner .util li:nth-child(3){border-left: none;}
	footer .company .inner .util li a{font-size: 13px;}
	footer .company .util > li + li::after{display: none;}
}
@media screen and (max-width:415px) {
	header .inner{gap: 0;}
	header .logo a img{width: 90%;}
	/*header .inner .util {margin-left: 24px;}*/
	header .util ul li a img {max-width: 21px;}
	footer .company .util > li{flex: 1 1 40%;}
	footer .company .util > li + li {margin-left: 0px;padding-left: 12px;}
	footer .company .util > li {margin-left: 0px;padding-left: 12px;}

}

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