@charset "utf-8";


@media screen and (max-width: 1700px) {

}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {


}


@media screen and (max-width: 992px) {
	.pc_b{display:none!important}
}

@media (min-width: 992px) {
	.pd_b{display:none!important}
}



/*-----------------------------------------------------------------

상단메뉴

-----------------------------------------------------------------*/
h1 
{
	font-size		: 12px;
}

h1 a
{
	display			: block;
	padding-top		: 29px;
}

header
{
	position		: relative;
	z-index			: 3;
	height			: 88px;
}

header .container-fluid
{
	width			: 100%;

}

header ul.manNav > li
{
	float			: left;
	width			: 20%;
	text-align		: left;
}

header ul.manNav
{
	margin-left		: 10%;
}





header ul.manNav > li > a
{
	font-family		: Microsoft YaHei;
	font-weight		: 500;
	font-size		: 18px;
	color			: #212121;
	line-height		: 85px;
	letter-spacing	: -1px;
}

header ul.manNav > li > a:hover
{
	color			: #C51F25;

}

header ul.manNav > li:hover > a
{
	color			: #C51F25;

}

header ul.dropMenu
{
	display			: none;
}

header .manNav_bg
{
	position		: absolute;
	width			: 100%;
	background		: #fff;
	margin-left		: 0px;
}
header .col-xs-2
{
	margin-left		: -20px;
}

header .manNav_bg_over
{
	box-shadow		: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
}

header ul.dropMenu > li > a
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 16px;
	color			: #212121;
	line-height		: 35px;
	letter-spacing	: -1px;
}


header ul.dropMenu > li > a:hover
{
	color			: #C51F25;
	text-decoration	: underline ;
}




#top_gnb
{
	position		: absolute;
	top				: 0px;
	right			: 0px;
	height			: 88px;
	padding-top		: 20px;
}



header .manNav_tbl
{
	margin				: 0px auto;
	width				: 60%;
	float				: none;
}


@media screen and (max-width: 1200px) {
	#top_gnb .ufl
	{
		display			: none;
	}

	header .manNav_tbl
	{
		width				: 80%;
		padding-left		: 15%;
	}

}




@media screen and (max-width: 768px) {

h1 a
{
	display			: block;
	padding-top		: 15px;
}

header
{
	height			: 48px;
}

#top_gnb
{
	height			: 48px;
	padding-top		: 0px;
}

header .manNav_bg
{
}

}



#top_gnb .a1
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 14px;
	color			: #212121;
	text-align		: left;
	line-height		: 26px;
	border-right 	: 1px solid #BDBDBD;
	padding			: 0 15px;
	margin-top		: 10px;
	display			: block;

}







.nara
{
	position		: relative;
}


.nara .dropdownSingle
{
	position		: absolute;
	width			: 105px;
	padding-top		: 10px; 
}

.nara .dropdownSingle li
{
	width			: 100%;
}

.nara .dropdownSingle a
{
	display			: block;
	background		: #353D4A;
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 14px;
	color			: #fff;
	text-align		: center;
	line-height		: 34px;
}

.nara .dropdownSingle a:hover
{
	background		: #C51F25;
}

.nara .nara_open
{
	background		: url('../img/menu/Vector_off.svg') top right no-repeat;
	background-position : 90% 4px;
	width			: 100px;
}





.Union_off_btn
{
	padding			: 7px 13px 10px 12px;
	display			: block;
}










#left_menu
{
	position		: fixed;
	width			: 100%;
	z-index			: 100;
	background		: #fff;
	top				: 0px;
	left			: 0px;
	bottom			: 0px;
	right			: 0px;
}


#left_menu h1
{
	margin-left		: -14px;
}

.left_link .left_tit
{
	font-family		: Microsoft YaHei;
	font-weight		: 700;
	color			: #212121;
	font-size		: 21px;
	line-height		: 50px;
	padding-top		: 10px; 
}

.left_link a
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	color			: #212121;
	font-size		: 18px;
	line-height		: 50px;
	border-bottom	: 1px solid #EEEEEE;
	display			: block;
}

#left_menu .Union_btn
{
	position		: absolute;
	top				: 5px;
	right			: 0px;
	padding			: 7px 13px 10px 12px;
	display			: block;
}



.left_scroll_bar
{
	height			: 100%;
	overflow-x		: hidden;
	overflow-y		: scroll;
}


.left_bnara_btn
{
	position		: absolute;
	width			: 100%;
	left			: 0px;
	bottom			: 0px;	
	background		: #fff;
}

.left_bnara_btn a
{
	font-family		: Microsoft YaHei;
	font-weight		: 500;
	color			: #212121;
	font-size		: 16px;
	text-align		: center;
	line-height		: 26px;
	display			: block;
	margin			: 36px 0px;
}
.left_bnara_btn .col-xs-4
{
	background		: url('../img/menu/left_bnara_line1.png') left center no-repeat;

}

.left_bnara_btn .col-xs-4:first-child
{
	background		: url('') left center no-repeat;

}





#quan_menu
{
	position		: fixed;
	width			: 100%;
	z-index			: 100;
	background		: #fff;
	top				: 0px;
	left			: 0px;
	bottom			: 0px;
	right			: 0px;
}

#quan_menu .Union_btn
{
	position		: absolute;
	top				: 25px;
	right			: -5px;
	padding			: 7px 13px 10px 12px;

}

#quan_menu ul.manNav > li
{
	float			: left;
	width			: 20%;
	padding-left	: 50px;
}

#quan_menu ul.manNav > li > a
{
	font-family		: Microsoft YaHei;
	font-weight		: 500;
	font-size		: 36px;
	color			: #212121;
	line-height		: 100px;
	letter-spacing	: -1px;
}

#quan_menu ul.manNav > li:hover > a
{
	color			: #C51F25;

}


#quan_menu ul.dropMenu > li > a
{
	font-family		: Microsoft YaHei;
	font-weight		: 300;
	font-size		: 24px;
	color			: #212121;
	line-height		: 50px;
	letter-spacing	: -1px;
}


#quan_menu ul.dropMenu > li > a:hover
{
	color			: #C51F25;
	text-decoration	: underline ;
}


@media screen and (max-width: 1200px) {
	
	#quan_menu ul.manNav > li > a
	{
		font-size		: 30px;
	}


	#quan_menu ul.dropMenu > li > a
	{
		font-size		: 20px;
	}

}