/*시작*/

#WRAP {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	position: relative;
	z-index:1;
}

#Thead		{
	display: flex;
	width: 100%;
}

#Main_img	{
	display: flex;
	width: 100%;
}

#MEMO		{
	display: flex;
	width: 100%;
}

#Bfoot		{
	width: 100%;
}


/****************************************************************/

/*///모바일용 CSS///*/
@media all and (max-width:640px){
#WRAP	{}

/*탑메뉴*/
#Thead							{width: 100%; height: 105px; display: block;}
#Thead .T_top					{height: 28px; background-color: #001b7e; padding: 0 2%;}
#Thead .T_top ul				{max-width: 1100px; margin: 0 auto;}
#Thead .T_top .tmenu			{display:none;float: right; height: 28px; line-height: 26px; padding-left: 20px; font-size: 0.75em;
								background-repeat: no-repeat; background-position: 0% 50%; background-image: url(../images/index/tline.gif)}
#Thead .T_top .tmenu_l			{display:none;float: right; height: 28px; line-height: 28px; padding-left: 20px; font-size: 0.75em;}
		a.tmenu_link:link		{color: #ffffff; text-decoration: none;}
		a.tmenu_link:visited	{color: #ffffff; text-decoration: none;}
		a.tmenu_link:active		{color: #ffffff; text-decoration: none;}
		a.tmenu_link:hover		{color: #a8b5c4; text-decoration: none;}


#Thead .T_menu					{width: 100%; height: 77px; border-bottom: 1px #b8c5d6 solid;background-color:#fff;}
#Thead .T_menu .menu			{width: 95%; height: 100%; margin: 0 auto;}
#Thead .T_menu .menu li			{float: left; height: 77px; line-height: 77px; font-weight: bold; font-family: NanumSquare;}
#Thead .T_menu .menu .logo		{width: 50%; height: 37px; line-height: 37px; padding: 20px 0;}
#Thead .T_menu .menu .menubtn	{display: none}
#Thead .T_menu .menu .menuall	{float: right; width: 50%; height: 37px; line-height: 37px; padding: 20px 0; text-align: right; display: block;}

/***************작은메뉴버전***************/
#Thead	 .T_menu_small{
	background: rgba(0, 0, 0,0.8);
	width: 220px;
	position: fixed;
	top: 0; right: -250px; bottom: 0;
	z-index: 999;
	text-align: center;
}
#Thead	 .T_menu_small a{
	color: white;
	display: block;
}
#Thead	 .T_menu_small .menubtn{
	font-size: 20px;
	line-height: 50px;
	border-bottom: 1px solid #cccccc;
}
#Thead	 .T_menu_small .menubtn .submenu{
	font-size: 16px;
	line-height: 40px;
	border-top: 1px solid white;
	display: none;
}
#Thead	 .T_menu_small .menubtn .submenu a{
	display: block;
}
#Thead	 .T_menu_small .menubtn .submenu a:hover{
	background: white;
	color: black;
}










/*메인이미지*/
#Main_img						{width: 100%; height: 300px; /* background-color: #000; */  background-image: url(../images/index/main2.jpg); background-repeat: no-repeat; background-position: 15% 50%; background-size: cover;}
#Main_img div					{width: 100%; height: 100%; background-image: url(../images/index/main_text.png); background-repeat: no-repeat; background-position: 50% 25%; background-size: 90%;}
#video-bg 						{display:none;}

#MEMO							{display: block;background-color:#fff;}

/*게시판*/
#MEMO .MBoard							{width: 100%; margin: 0 auto;}
#MEMO .MBoard .MNotice					{width: 100%; height: 110px; border-bottom: 1px #ccc solid;}
#MEMO .MBoard .MNotice .MNtitle			{float: left; width: 30%; height: 100%; font-size: 20px; font-family: NanumSquare; letter-spacing: 1.5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
#MEMO .MBoard .MNotice .MNtitle .title	{width: 100%; margin: 20px 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#MEMO .MBoard .MNotice .MNtitle img		{width: 80px;}
#MEMO .MBoard .MNotice .MNtitle .memo	{width: 100%; height: 50%;}
#MEMO .MBoard .MNotice .MNmemo			{float: left; width: 64%; margin: 2.5% 3% 0;}
#MEMO .MBoard .MNotice .MNmemo li		{width: 85%; line-height: 200%; font-size: 0.9em; color: #5a5a5a; padding-left: 5%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;
										background-image: url(../images/index/board_icon.gif); background-repeat: no-repeat; background-position: 2.5% 50%;}
		a.bmemo:link					{color: #383838; text-decoration: none;}
		a.bmemo:visited					{color: #383838; text-decoration: none;}
		a.bmemo:active					{color: #383838; text-decoration: none;}
		a.bmemo:hover					{color: #e94c54; text-decoration: none;}

#MEMO .MBoard .Mgallery					{width: 100%; height: 100px;}
#MEMO .MBoard .Mgallery .MGtitle		{float: left; width: 30%; height: 100%; font-size: 20px; font-family: NanumSquare; letter-spacing: 1.5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
#MEMO .MBoard .Mgallery .MGtitle .title	{width: 100%; margin: 24px 0 10px;}
#MEMO .MBoard .Mgallery .MGtitle img	{width: 80px;}
#MEMO .MBoard .Mgallery .MGtitle .memo	{width: 100%; height: 50%;}
#MEMO .MBoard .Mgallery .MGmemo			{float: left; width: 64%; margin: 6.4% 3% 0;}
#MEMO .MBoard .Mgallery .MGmemo li		{float: left; width: 30%; text-align: right;}
#MEMO .MBoard .Mgallery .MGmemo img		{border: 1px #646665 solid; width: 90%; }

/*버튼*/

#MEMO .MBtn								{width: 100%; background-color: #ededed;}
#MEMO .MBtn .MBtn0						{width: 100%; margin: 0 auto;}
#MEMO .MBtn .MBtn1						{width: 100%; height: 350px;
										background-image: url(../images/index/btn1_bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#MEMO .MBtn .MBtn1 .MBtn1_t				{padding: 7.5% 7.5% 4.5% 7.5%; color: #fff; font-size: 2.8em; font-family: NanumSquare;}
#MEMO .MBtn .MBtn1 .MBtn1_m				{padding-left: 7.5%; color: #a4a5a7; font-size: 1.1em; font-family: NanumSquare; line-height: 140%;}

#MEMO .MBtn .MBtn2						{float: left; width: 50%; height: 250px; background-image: url(../images/index/btn2_bg.jpg); background-repeat: no-repeat; background-position: 100% 50%;}
#MEMO .MBtn .MBtn2 .MBtn2_t				{margin: 0 8%; padding: 8% 0 8%; border-bottom: 1px #bfbfbf solid; text-align: center;}
#MEMO .MBtn .MBtn2 .MBtn2_m				{margin: 0 8%; font-size: 0.8em; font-family: NanumSquare; line-height: 205%; color: #2a2a2a; border-bottom: 1px #bfbfbf solid;
										background-image: url(../images/index/plus.png); background-repeat: no-repeat; background-position: 100% 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#MEMO .MBtn .MBtn2 img					{width: 95%; text-align: center;}
#MEMO .MBtn .MBtn3						{float: left; width: 50%; height: 250px;
										background-image: url(../images/index/btn3_bg.jpg); background-repeat: no-repeat; background-position: 0% 50%;}
#MEMO .MBtn .MBtn3 .MBtn3_t				{padding: 9.5% 7.5% 6.2% 7.5%; color: #fff; font-size: 2em; font-family: NanumSquare;}
#MEMO .MBtn .MBtn3 .MBtn3_m				{padding-left: 7.5%; color: #ffc4c6; font-size: 0.9em; font-family: NanumSquare; line-height: 140%;}

#MEMO .MBtn .MBtn4						{width: 100%; height: 14.3%; background-color: #f8f8f8;}
#MEMO .MBtn .MBtn4 .MBtn4_m				{width: 100%; line-height: 190%; color: #47586e; text-align: center; padding: 1.5% 0;
										font-family: NanumSquare; font-weight: bold; border-bottom: 1px #ededed solid; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.cur									{cursor: pointer;}

/*베너*/
#MEMO .MBunner					{width: 100%; max-width: 1130px; margin: 0 auto; text-align:center;}
#MEMO .MBunner li				{width: 100%; height: 30px; float: left; margin: 5px auto; border: 1px #ccc solid; box-sizing: border-box; display: table; background-repeat: no-repeat; background-position: 50% 50%; font-size: 0px; background-size: cover;}

/*내용*/
#Bfoot							{width: 100%; height: 210px; background-color: #282828; margin-top: 10px;}

#Bfoot .BFmemo					{width: 100%; height: 100%;}

#Bfoot .BFmemo .BFlogo			{width: 100%; height: 50px; background-image: url(../images/index/f_logo.gif); background-position: 5% 50%; background-repeat: no-repeat; background-color: #060606; background-size: 50%;}

#Bfoot .BFmemo .BFtext			{padding: 5.5% 0 0;}
#Bfoot .BFmemo .BFtext li		{padding-left: 3%; line-height: 180%; color: #fff; font-size: 0.7em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#Bfoot .BFmemo .BFtext .cright	{color: #acacac;}

}



/***************************************PC용 CSS****************************************/
@media all and (min-width:641px){
#WRAP	{}

/*탑메뉴*/
#Thead							{width: 100%; height: 98px; display: block;}
#Thead .T_top					{height: 28px; background-color: #001b7e;}
#Thead .T_top ul				{max-width: 1100px; margin: 0 auto;}
#Thead .T_top .tmenu			{float: right; height: 28px; line-height: 28px; padding-left: 20px; font-size: 0.75em;
								background-repeat: no-repeat; background-position: 0% 50%; background-image: url(../images/index/tline.gif)}
#Thead .T_top .tmenu_l			{float: right; height: 28px; line-height: 28px; padding-left: 20px; font-size: 0.75em; color:#ffffff}
		a.tmenu_link:link		{color: #ffffff; text-decoration: none;}
		a.tmenu_link:visited	{color: #ffffff; text-decoration: none;}
		a.tmenu_link:active		{color: #ffffff; text-decoration: none;}
		a.tmenu_link:hover		{color: #a8b5c4; text-decoration: none;}



#Thead	 .T_menu_small{
	display: none;
}
#Thead .T_menu					{width: 100%; height: 70px; border-bottom: 1px #b8c5d6 solid;}
#Thead .T_menu .menu li			{flex: 1; float: left;  height: 280px; line-height: 77px; font-weight: bold; font-family: NanumSquare; z-index: 999;}
#Thead .T_menu .menu .logo		{width: 20%; height: 37px; line-height: 37px; padding: 15px 0;}
#Thead .T_menu .menu .menubtn	{width: 13%; text-align: center; font-size: 1.3em;}
#Thead .T_menu .menu .menuall	{float: right; width: 5%; height: 37px; line-height: 37px; padding: 20px 0; text-align: right; display: none;}
		a.menu:link				{color: #383838; text-decoration: none;}
		a.menu:visited			{color: #383838; text-decoration: none;}
		a.menu:active			{color: #383838; text-decoration: none;}
		a.menu:hover			{color: #e94c54; text-decoration: none;}

		/************20170313 서브메뉴추가*************/
		#Thead .T_menu .nav_wrap{
		 height: 280px;
		 height: 70px;
		 overflow: hidden;
			position: relative;
			background-color: white;
			border-bottom: 1px solid #cccccc;
		}
#Thead .T_menu .menu			{width: 100%; height: 280px; max-width: 1100px; margin: 0 auto;  position: relative;
	background-image: url(../images/index/logo_gray.png);
	background-repeat: no-repeat;
	background-position: 0 140px;
}
#Thead .T_menu .menu	.submenu li{
	float: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
}
#Thead .T_menu .menu	.submenu li a:hover{
	font-weight: bold;
}
.line{
	width: 100%;
	border-bottom: 1px solid #cccccc;
	position: absolute;
	top: 70px; left: 0;
	z-index: 999;
}




/*메인이미지*/
/* #Main_img						{width: 100%; height: 600px; background-color: #000; background-image: url(../images/index/main.jpg); background-repeat: no-repeat; background-position: 50% 50%;} */
#Main_img						{width: 100%; height: 700px; /* background-color: #000; */ background-repeat: no-repeat; background-position: 50% 50%;}
#Main_img div					{width: 100%; height: 100%; background-image: url(../images/index/main_text.png); background-repeat: no-repeat; background-position: 50% 50%;}
#video-bg 						{position: fixed;right: 0;bottom: 0;width: auto;min-width: 100%;height: auto;min-height: 100%;z-index: -100;background: transparent url(video-bg.jpg) no-repeat;background-size: cover;}


/*내용*/
#MEMO							{display: block;background-color:#fff;}

/*게시판*/
#MEMO .MBoard							{width: 100%; max-width: 1100px; height: 150px; margin: 0 auto; }
#MEMO .MBoard .MNotice					{float: left; width: 55.3%; height: 100%; background-image: url(../images/index/board_line.gif); background-repeat: no-repeat; background-position: 93% 50%;}
#MEMO .MBoard .MNotice .MNtitle			{float: left; width: 20%; height: 100%; font-size: 30px; font-family: NanumSquare; letter-spacing: 1.5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#MEMO .MBoard .MNotice .MNtitle .title	{width: 100%; margin: 39px 0 10px; font-size: 26px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#MEMO .MBoard .MNotice .MNtitle .memo	{width: 100%; height: 50%;}
#MEMO .MBoard .MNotice .MNmemo			{float: left; width: 70%; margin: 4.5% 5% 0;}
#MEMO .MBoard .MNotice .MNmemo li		{width: 85%; line-height: 205%; font-size: 0.9em; color: #5a5a5a; padding-left: 5%; /* text-overflow: ellipsis; overflow: hidden; */ white-space: nowrap; cursor: pointer;
										background-image: url(../images/index/board_icon.gif); background-repeat: no-repeat; background-position: 2.5% 50%;}
#MEMO .MBoard .MNotice .MNmemo li a		{text-overflow: ellipsis; overflow: hidden;}
#MEMO .MBoard .MNotice .MNmemo li span	{font-size: 0.8em;}										
		a.bmemo:link						{color: #383838; text-decoration: none;}
		a.bmemo:visited					{color: #383838; text-decoration: none;}
		a.bmemo:active					{color: #383838; text-decoration: none;}
		a.bmemo:hover					{color: #e94c54; text-decoration: none;}
#MEMO .MBoard .Mgallery					{float: left; width: 44.7%; height: 100%;}
#MEMO .MBoard .Mgallery .MGtitle		{float: left; width: 27%; height: 100%; }
#MEMO .MBoard .Mgallery .MGtitle .title	{width: 100%; margin: 39px 0 10px; font-size: 26px; font-family: NanumSquare; letter-spacing: 4.5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#MEMO .MBoard .Mgallery .MGtitle .memo	{width: 100%; height: 50%;}
#MEMO .MBoard .Mgallery .MGmemo			{float: left; width: 73%; margin: 6.4% 0 0;}
#MEMO .MBoard .Mgallery .MGmemo li		{float: left; width: 40%; text-align: right; padding-left:5px;}
#MEMO .MBoard .Mgallery .MGmemo img		{border: 1px #646665 solid;}

/*버튼*/
#MEMO .MBtn								{width: 100%; height: 350px; background-color: #ededed;}
#MEMO .MBtn .MBtn0						{width: 100%; max-width: 1100px; height: 100%; margin: 0 auto;}
#MEMO .MBtn .MBtn1						{float: left; width: 40%; height: 100%;
										background-image: url(../images/index/btn1_bg.jpg); background-repeat: no-repeat; background-position: 50% 50%;}
#MEMO .MBtn .MBtn1 .MBtn1_t				{padding: 7.5% 7.5% 4.5% 7.5%; color: #fff; font-size: 2.8em; font-family: NanumSquare;}
#MEMO .MBtn .MBtn1 .MBtn1_m				{padding-left: 7.5%; color: #a4a5a7; font-size: 1.1em; font-family: NanumSquare; line-height: 140%;}
#MEMO .MBtn .MBtn2						{float: left; width: 30%; height: 85.7%;
										background-image: url(../images/index/btn2_bg.jpg); background-repeat: no-repeat; background-position: 50% 50%;}
#MEMO .MBtn .MBtn2 .MBtn2_t				{width: 84.6%; margin: 8% 7.7% 0; padding-bottom: 8%; border-bottom: 1px #bfbfbf solid;}
#MEMO .MBtn .MBtn2 .MBtn2_m				{margin: 0 8%; font-size: 0.9em; font-family: NanumSquare; line-height: 205%; color: #2a2a2a; border-bottom: 1px #bfbfbf solid;
										background-image: url(../images/index/plus.png); background-repeat: no-repeat; background-position: 100% 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#MEMO .MBtn .MBtn3						{float: left; width: 30%; height: 85.7%;
										background-image: url(../images/index/btn3_bg.jpg); background-repeat: no-repeat; background-position: 50% 50%;}
#MEMO .MBtn .MBtn3 .MBtn3_t				{padding: 9.5% 7.5% 6.2% 7.5%; color: #fff; font-size: 2.8em; font-family: NanumSquare;}
#MEMO .MBtn .MBtn3 .MBtn3_m				{padding-left: 7.5%; color: #ffc4c6; font-size: 1.1em; font-family: NanumSquare; line-height: 140%;}
#MEMO .MBtn .MBtn4						{float: left; width: 60%; height: 14.3%; background-color: #f8f8f8;}
#MEMO .MBtn .MBtn4 .MBtn4_m				{float: left; width: 33.0%; line-height: 190%; color: #47586e; text-align: center; padding: 1.5% 0;
										font-family: NanumSquare; font-weight: bold; border-left: 1px #ededed solid; border-bottom: 1px #ededed solid; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.cur									{cursor: pointer;}

/*베너*/
#MEMO .MBunner					{width: 100%; max-width: 1130px; margin: 0 auto;text-align:center;}
/*#MEMO .MBunner li				{width: 17.5%; height: 50px; float: left; margin: 5px 1.25%; border: 1px #ccc solid; box-sizing: border-box; display: table; background-repeat: no-repeat; background-position: 50% 50%; font-size: 0px;}*/
/*2025.06.23. 신규추가*/
#MEMO .MBunner ul 				{display:flex; flex-wrap: wrap; justify-content: center;}
#MEMO .MBunner li				{width: 15.5%; height: 50px; float: left; margin: 5px; border: 1px #ccc solid; box-sizing: border-box; display: table; background-repeat: no-repeat; background-position: 50% 50%; font-size: 0px;}
/*내용*/
#Bfoot							{width: 100%; height: 200px; background-color: #282828;}
#Bfoot .BFmemo					{clear: both; width: 100%; max-width: 1100px; height: 100%; margin: 0 auto;}
#Bfoot .BFmemo .BFtext			{float: left; width: 69%; padding: 5.5% 0 0 1%;}
#Bfoot .BFmemo .BFtext li		{float: left; padding-right: 45px; line-height: 180%; color: #fff; font-size: 0.9em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#Bfoot .BFmemo .BFtext .cright	{clear: none; font-size: 0.5em;}
#Bfoot .BFmemo .BFlogo			{float: right; width: 30%; height: 200px; background-image: url(../images/index/f_logo.gif); background-position: 50% 50%; background-repeat: no-repeat; background-color: #060606;}
}