@charset "utf-8";


@media screen and (max-width: 992px) {
	.pc_b{display:none;}


}

@media (min-width: 992px) {
	.pd_b{display:none;}
}








@media screen and (max-width: 1200px) {
	.hidden-logo{display:none;}
}

@media (min-width: 1200px) {
	.visible-logo{display:none;}
}



/*-----------------------------------------------------------------

상단메뉴

-----------------------------------------------------------------*/

#top_gnb
{
	background		: #f9f9f9;
	height			: 41px;
	border-bottom	: 1px solid #dddddd;
	position		: relative;
	z-index			: 12;
}

header
{
	position		: relative;
	height			: 98px;
}






nav
{
	position		: fixed;
	z-index			: 10;
	width			: 100%;
	background		: #fff;
	border-bottom	: 2px solid #231815;
}

@media screen and (max-width: 1200px) {
	header
	{
		height			: auto;
	}

	nav
	{
		position		: relative;
		z-index			: 10;
		width			: 100%;
		background		: #fff;
		border-bottom	: 2px solid #231815;
	}

}

#top_gnb .a1
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 14px;
	color			: #666666;
	line-height		: 41px;
}

#top_gnb .a1 strong
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	color			: #222222;
}


#top_gnb .gnb
{
	background		: #24242c;
}


#top_gnb .gnb > ul.ufl > li > a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 14px;
	color			: #fff;
	line-height		: 41px;
	padding			: 0 20px;
	display			: inline-block;
}



#top_gnb .gnb_dropMenu
{
	position		: absolute;
	top				: 39px;
	width			: 102px;
	background		: #fff;
	border			: 1px solid #1f1f28;
	display			: none;
}



#top_gnb .gnb_dropMenu a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 14px;
	color			: #222222;
	line-height		: 41px;
	text-align		: center;
	display			: block;
	width			: 102px;
	border-top		: 1px solid #1f1f28;


}

#top_gnb .gnb_dropMenu a:hover
{
	background			: #f9f9f9;


}



header .manNav
{
	padding-top		: 14px;
	margin-left		: 400px;
}



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


	header .manNav
	{
		margin-left		: 50px;
	}

}

header .manNav > li
{
	float			: left;
	position		: relative;
}

header .manNav > li > a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 20px;
	color			: #141414;
	line-height		: 83px;
	height			: 83px;
	padding			: 0 34px;
	display			: inline-block;
}

header .manNav .cur > a
{
	color			: #000;
}

header .manNav > li:last-child > a
{
	padding-right	: 17px;
}



header ul.dropMenu
{
	display			: none;
	position		: absolute;
	z-index			: 2;
	left			: -1px;
	top				: 81px;
	padding-top		: 20px;
	width			: 100%;
	background		: url('') top center no-repeat;
}
/*

header ul.manNav > li:nth-child(1) ul.dropMenu
{
	width			: 110px;

}

header ul.manNav > li:nth-child(2) ul.dropMenu
{
	width			: 140px;
}

header ul.manNav > li:nth-child(3) ul.dropMenu
{
	width			: 200px;
}

header ul.manNav > li:nth-child(4) ul.dropMenu
{
	width			: 140px;
}

header ul.manNav > li:nth-child(5) ul.dropMenu
{
	width			: 140px;
}

*/

header ul.manNav li.cur ul.dropMenu
{
	background		: url('../img/index/dropMenu_line.png') top center no-repeat;
}

header ul.dropMenu li
{
	display			: block;

}

header ul.dropMenu > li > a
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 15px;
	color			: #555555;
	line-height		: 36px;
	display			: block;
	text-align		: center;
}

header ul.dropMenu > li > a:hover
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 15px;
	color			: #222222;
	line-height		: 36px;
	text-decoration	:	underline;
}

.manNav_bg
{
	position		: absolute;
	z-index			: -1;
	left			: 0px;
	display			: none;
	background		: #fff;
	width			: 100%;
	height			: 177px;
	border-top		: 1px solid #dddddd;
	border-bottom	: 1px solid #24242c;
	box-shadow		: 0px 15px 15px rgba(0, 0, 0, 0.3);
}

#q_bane
{
	position		: fixed;
	width			: 110px;
	right			: 0px;
	top				: 150px;
	z-index			: 10;
	box-shadow		: 0px 10px 20px rgba(0, 0, 0, 0.2);
}



.index4_sousou
{
	position			: relative;
	z-index				: 1;
	width				: 320px;
	left				: 280px;
}

.index4_sousou_tit
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size			:	14px;
	font-weight		:	400;
	color				:	#666666;
	line-height		:	41px;
	padding-left		:	10px;
	position			:	absolute;
	z-index			:	1;
}


.index4_sousou_pup
{
	position			:	absolute;
	display			:	none1;
	width				:	320px;
	height				:	300px;
	border				:	1px solid #dddddd;
	background		:	#fff;


}

.index4_sousou_pup_btn1 a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size			:	12px;
	color				:	#747474;
	line-height		:	36px;
	padding-right		:	10px;
	background: auto;

}















.main_section_l
{
	position		: absolute;
	bottom			: 0px;
	height			: 72px;
	width			: 50%;
	left			: 0px;
	background-color: rgba(36,36,44, 0.9);
}

.main_section_r
{
	position		: absolute;
	bottom			: 0px;
	height			: 72px;
	width			: 50%;
	right			: 0px;
	background-color: rgba(201,14,16, 0.9);
}







.cate_images
{
	position		: relative;
	height			: 180px;
	background		: url('../img/cate/image1.png') top center no-repeat#f4faf4;

	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 30px;
	color			: #158a81;
	text-align		: center;
}

.login_images
{
	position		: relative;
	height			: 180px;
	background		: url('../img/sub/img.jpg') top center no-repeat#502731;

	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 30px;
	color			: #fff;
	text-align		: center;
	line-height		: 180px;
}





.list_images
{
	position		: relative;
	height			: 180px;
	background		: url('../img/list/image1.png') top center no-repeat#b7b2b7;

	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 30px;
	color			: #fff;
	text-align		: center;
	line-height		: 180px;
}

.cent_images
{
	position		: relative;
	height			: 180px;
	background		: url('../img/cent/image1.png') top center no-repeat#c5c5cd;

	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 30px;
	color			: #fff;
	text-align		: center;
	line-height		: 180px;
}

.purc_images
{
	position		: relative;
	height			: 180px;
	background		: url('../img/purc/image1.png') top center no-repeat#980512;

	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 30px;
	color			: #fff;
	text-align		: center;
	line-height		: 180px;
}

.temp_images
{
	position		: relative;
	height			: 180px;
	background		: url('../img/temp/image1.png') top center no-repeat#c9cde4;

	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 30px;
	color			: #fff;
	text-align		: center;
	line-height		: 180px;
}

.addr_images
{
	position		: relative;
	height			: 180px;
	background		: url('../img/addr/image1.png') top center no-repeat#adadb5;

	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 30px;
	color			: #fff;
	text-align		: center;
	line-height		: 180px;
}








ul.sub_tmanNav > li
{
	float			: left;
	width			: 228px;
	text-align		: left;
	position		: relative;
	z-index			: 1;
	border-right	: 1px solid #e0e0e0;
}

ul.sub_tmanNav > li:first-child
{
	width			: 60px;
	height			: 60px;
	text-align		: center;
	border-left		: 1px solid #e0e0e0;
}
ul.sub_tmanNav > li:first-child img
{
	padding-top		: 20px;
}

ul.sub_tmanNav > li > a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 15px;
	color			: #212121;
	line-height		: 65px;
	height			: 60px;
	letter-spacing	: -1px;
	display			: block;
	padding-left	: 20px;
	background		: url('../img/impo/sub_t_btn1.svg') center right no-repeat;
	background-position	: right 20px center;
}
ul.sub_tmanNav > li:first-child a
{
	background		: url('') center right no-repeat;
	display			: block;
	padding-left	: 0px;
}



ul.sub_tdropMenu > li > a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 15px;
	color			: #212121;
	line-height		: 30px;
	letter-spacing	: -1px;
	padding-left	: 16px;
	display			: block;
}

ul.sub_tdropMenu > li > a:hover
{
	font-weight		: 500;
	color			: #000;
}

.sub_tdropMenu
{
	position		: absolute;
	width			: 228px;
	background		: #fff;
	border			: 1px solid #E0E0E0;
	padding			: 10px 0;
	display			: none;
	left			: -1px;
}












#l_bane
{
	position		: fixed;
	width			: 160px;
	left			: 50%;
	margin-left		: -780px;
	top				: 50%;
	margin-top		: 0px;
	z-index			: 10;
	background		: url('../img/impo/l_bane_line.png') no-repeat#fff;
	background-position	: right 5.5px top 15px;
}

#l_bane a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 14px;
	color			: #7a7a7a;
	font-weight		: 400;
	line-height		: 45px;
	display			: block;
	text-align		: right;
	padding-right	: 25px;
	background		: url('../img/impo/l_bane_off.png') right center no-repeat;
}

#l_bane a:hover,
#l_bane a.cur
{
	color			: #000;
	background		: url('../img/impo/l_bane_on.png') right center no-repeat;
}


















.top_select
{
	position		: relative;
	display			: inline-block;
	width			: 153px;
	height			: 52px;
	background		: #fff;
	z-index			: 1;
}

.top_select
{

}

.top_select_b
{
	position		: absolute;
	width: 100%;
	z-index: 2;
	background: url('../img/impo/line1.png') right center no-repeat;

}

.top_select_b a
{
	display			: block;
	line-height		: 58px;
	padding-left	: 7px;
	background		: url('../img/impo/down.png') right center no-repeat;
	background-position	: right 16px center;
}

.top_select_b a.cur
{
	background		: url('../img/impo/up.png') right center no-repeat;
	background-position	: right 16px center;
}

.top_select2
{
	position		: absolute;

	top				: -3px;
	padding-top		: 6px;
	left			: -3px;
	width			: 149px;
	height			: 190px;
	display			: none;
	background		: #fff;
	border			: 3px solid #1f1f28;
}

.top_select2_brd
{
	padding-top		: 53px;
}

.top_select2 a
{
	display			: block;
	padding-left	: 7px;
	line-height		: 40px;

}

.top_select2 a:hover
{
	text-decoration	: none;

}






.main_images
{
	position		: relative;
	height			: 498px;
	background		: url('../img/index/index_bg1.jpg') top center #4a505f no-repeat;
}

.main_images2
{
	position		: relative;
	height			: 1140px;
	background		: url('../img/index/index_bg2.jpg') top center #fff no-repeat;
}

.main_images3
{
	position		: relative;
	height			: 850px;
	background		: url('../img/index/index_bg3.jpg') top center #edf0f4 no-repeat;
}


.main_images .div1
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 600;
	font-size		: 20px;
	color			: #fff;
	width			: 710px;
	height			: 100px;
	text-align		: center;
	display			: inline-block;
	background-color: rgba(30,35,47, 0.8);
	position        : absolute;
	bottom          : 0px;
}


.news_images
{
	position		: relative;
	height			: 350px;
	background		: url('../img/news/top_img2.jpg') top center no-repeat#0a1f38;


}

.work_images
{
	position		: relative;
	height			: 350px;
	background		: url('../img/work/top_img1.jpg') top center no-repeat#0a1f38;


}

.noti_images
{
	position		: relative;
	height			: 350px;
	background		: url('../img/noti/top_img1.jpg') top center no-repeat#0a1f38;


}

.comp_images
{
	position		: relative;
	height			: 350px;
	background		: url('../img/news/top_img1.jpg') top center no-repeat#0a1f38;


}

.memb_images
{
	position		: relative;
	height			: 350px;
	background		: url('../img/memb/top_img1.jpg') top center no-repeat#0a1f38;


}


.cont_menu1
{
	background      : #fff;
	height          : 80px;
	position		: relative;
	top				: 81px;
	padding			: 0 40px;
	margin			: 0 -20px;
}


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

	.cont_menu1
	{
		padding			: 0 20px;
		margin			: 0 15px;
	}

}



.cont_menu1 a
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 600;
	font-size		: 18px;
	color			: #666666;
	text-align		: center;
	display			: inline-block;
	line-height		: 79px;
	height			: 79px;
}



.cont_menu1 a:hover,
.cont_menu1 a.cur
{
	color			: #000;
	border-bottom	: 4px solid #000;
}






.sub_cont_bane1_over
{
	position	   : absolute;
	width          : 52px;
	height         : 52px;
	background     : url('../img/index/t_on.png');
	display		   : none;
	z-index		   : 1;
	top            : 15px;

}



.quan_mm2
{
	position			:	absolute;
	top				:	0px;
	width				:	100%;
	background		:	#4a505f;
	display			:	none;
	z-index:1111111!important ;
}

.quan_mm2 .section
{
	width				:	220px;
	height				:	1000px;
	border		:	1px solid #7e828b;
	float				:	left;
	text-align: center;
}


.quan_mm2 .section h2
{
	font-family		:	'Noto Sans CJK KR', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	20px ;
	color				:	#fff;
	font-weight		:	600;
	line-height		:	100px;
	display			:	block;
	background		:	#4a505f;
	margin-bottom	:	10px;
	border-bottom		:	1px solid #7e828b;

}

.quan_mm2 .section a
{
	font-family		:	'Noto Sans CJK KR', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	16px ;
	color				:	#fff;
	line-height		:	40px;
	font-weight		:	normal;
}



#quan_menu
{
	position		: fixed;
	width			: 100%;
	z-index			: 11111111;
	background		: #525b8f;
	top				: 0px;
	left			: 0px;
	bottom			: 0px;
	right			: 0px;
}



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



	#quan_menu
	{
		position		: relative;
	}

}


#quan_menu .container
{
	/*width: 1230px;*/
}


.qline1
{
	position		: absolute;
	width: 100%;
	height:100%;
	background:url('../img/memb/line.png') repeat-x;

}

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


	.qline1
	{
		background:url('') repeat-x;

	}
}

.Union_off_btn
{
	position 	: absolute;
	top			: 30px;
	right		: 0px;
	z-index		: 1;
}

#quan_menu .Union_btn
{
	position 	: absolute;
	top			: 32px;
	right		: 8px;
	z-index		: 1;
}


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


	.Union_off_btn
	{
		top			: 22%;
	}

	#quan_menu .Union_btn
	{
		top			: 22px;
		right		: 3px;

	}

}


#quan_menu ul.manNav > li
{
	float			: left;
	width			: 20%;
	text-align      : center;
}






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


	#quan_menu ul.manNav > li
	{
		float			: left;
		width			: 100%;
		text-align      : center;
	}


}


#quan_menu ul.manNav > li > a
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 600;
	font-size		: 20px;
	color			: #fff;
	line-height		: 80px;
	letter-spacing	: -1px;
	text-align: center;
	display         : block;
	border:1px solid #7f85a5;
	border-collapse:collapse;
}

#quan_menu ul.manNav > li:hover > a
{
	color			: #fff;
	background		: #1d233f;
	display         : block;
	font-size		: 20px;

}

#quan_menu ul.manNav > li:hover
{
	color			: #666666!important ;
	background		: #1d233f;
	display         : block;
	font-size		: 20px;

}


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

	#quan_menu ul.manNav > li:hover > a
	{
		color			: #fff;
		background		: #525b8f;

	}

	#quan_menu ul.manNav > li:hover
	{
		color			: #fff!important ;
		background		: #525b8f;

	}

}


#quan_menu ul.dropMenu
{

	border-left:1px solid #7f85a5;
	border-right:1px solid #7f85a5;
	height: 800px;
	border-collapse:collapse;
}


/*       모바일 높이 작을때 스쿨바 추가     */
@media screen and (max-height: 350px) {



	#quan_menu
	{
		overflow-y: scroll;
	}

	#quan_menu ul.dropMenu
	{

		height: 350px;
	}


}


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


	#quan_menu ul.dropMenu
	{

		height: auto;
	}

	#quan_menu ul.manNav li:last-child ul.dropMenu
	{

		height: 200px;
	}


}

#quan_menu ul.dropMenu > li > a
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 16px;
	color			: #fff;
	line-height		: 50px;
	letter-spacing	: -1px;
	text-align: center;
	display         : block;
}


#quan_menu ul.dropMenu > li > a:hover
{
	color			: #fff;
	text-decoration	: underline ;
	text-align: center;
	display: block;
}