*{margin:0 auto; padding:0px;}
	li{list-style: none;}
	a{text-decoration: none;}
	#whole{width:100%;}
	#header{width:100%; height:90px; background-color: #444; margin-bottom:40px; }
	.wrap{height:90px; max-width: 1220px;margin: 0 auto;}
	.q_menu{width:100%;}
	.q_menu>ul{float: right; margin: 8px 0px;}
	.q_menu:after{content:""; display: block; clear:both;}
	.q_menu li{float:left;color: #eee;padding-left: 0px;height: 16px;font-size: 11px;line-height: 16px;
	margin-left: 10px;cursor: pointer;transition: all 0.1s ease-out;font-family: 'Montserrat';}
    q_menu li:hover{transition: 0.5s; box-sizing: border-box;background-color: rgba(255,255,255, 0.2); border-radius:5px;}
    .q_menu li a{color: #eee;}
    .q_menu li .fa{padding-right: 5px;}	
	.q_menu ul:after{content:""; display: block; clear:both;}
	#main_menu>ul{float:right; width: 590px;}
	#main_menu:after{content:""; display: block; clear:both;}
	#main_menu>ul>li{float: left;height: 48px;line-height: 48px;width: 140px;text-align: center;}
	#main_menu>ul>li>a{	color: #fff;display: block; font-family: 'Montserrat'; font-weight: bolder; border-radius: 10px;}
	#main_menu>ul>li>a:hover{transition: 0.5s; box-sizing: border-box;background-color: rgba(255,255,255, 0.2); border:1px solid rgba(0,0,0, 0.2); }
	#main_menu>ul::after{content:""; display: block; clear:both;}
	.sub0{display: none; background-color: #444;border-radius: 10px;text-align: center;z-index: 10;position: relative; transition: all 0.1s ease-out;}
	.sub0 a{font-size: 12px; color:#fff; display: block;  height:48px; box-sizing: border-box;}
	.sub0 a:hover{transition: 0.5s; box-sizing: border-box;border-radius: 10px;background-color: rgba(255,255,255, 0.2); border:1px solid rgba(0,0,0, 0.2);}
	.join0{display:none;}
	#small_menu{display: none;}
	#smenu_list{display: none;}
	.h_logo{width:20%; float:left; padding-left: 20px; box-sizing: border-box;}
	.h_logo img{width: 244px;}
	#menu_layout{width:80%; float:left;}
	.wrap:after{content:""; display: block; clear:both;}
    .suba{display: none; background-color: #444;   position: absolute;width: 100%;left: 100%;top: 0;border-radius: 10px;}
	
	
	


	
	
	
	
	
	#footer{width: 100%;height: 120px;border-top: 4px solid #444;background-color: #fff;clear: both;
	text-align: center;margin-top: 10px;     font-size: 13px; font-weight: bold;}
	.t3{font-size: 13px; color: #999; font-weight: 500;}
	.wrap{max-width: 1220px; margin: 0 auto;}
	#footer ul {padding-top: 30px;margin-bottom: 10px;}

	.appear {animation: fade-in 1s;animation-fill-mode: forwards;display: block;}
	.disappear {animation: fade-out 1s;animation-fill-mode: forwards;}

	@keyframes fade-in {from {opacity: 0;}to {opacity: 1;}}
	@keyframes fade-out {from {opacity: 1;}to {opacity: 0;}}



.sub_img { text-align:center; width:100%; height:150px; margin-bottom:30px;  }
.sub_img p{ padding-top:50px; font-weight:bold; font-size:20px;color:#fff;   }

.sub_img.sub1 { background:#0064C8; }
.sub_img.sub2 { background:#52671B; }
.sub_img.sub3 { background:#760979; }
.sub_img.sub4 { background:#CF055B; }
.sub_img.sub5 { background:#4D4D4D; }
.sub_img.sub6 { background:#7E7005; }




/*가로메뉴형*/

#menu {height: 50px; }
.main1 { width: 600px;height: 100%; margin: 0 auto;}
.main1>li {float: left; padding:0 10px; line-height: 50px;  text-align: center;  position: relative;}
.main1>li:hover .main2 { left: 0;}
.main1>li a {display: block;color: #fff; padding:0 10px; font-size:20px}
.main1>li a:hover {color: #fff000; font-weight: normal;}

.main2 {position: absolute; top: 50px; left: -9999px; z-index:2; background: #777; width: 140px;}
.main2>li { position: relative;}
.main2>li:hover .main3 { left: 100%;}
.main2>li a, .main3>li a {border-radius: 10px;margin:0 10px; font-size:15px}



.main3 { position: absolute;top: 0;background: #000; width: 90%;left: -9999px;}
.main3>li a:hover {color: #fff000;}




/* 메인 최신글 관련  */
h3.tit {padding:30px; font-weight:bold; font-size:20px; text-align:center;  }
table {	width:100%;  border-collapse: collapse; border-spacing: 0; }
table  tr{font-size:12px ;color:#000000; } 
table td { text-align: left;padding:10px 5px; text-align:center; color:#000;  border:#d4d2d2 1px solid;}
table th { text-align: left;padding:10px 5px; text-align:center; color:#000; background:#eee;  border:#d4d2d2 1px solid;}
table td.txt { text-align:left;font-weight:normal; padding:10px 10px  }
table td.txt .txt1 {padding:10px; font-weight:bold; }
table td.txt .txt2 {padding:10px;}
table td.txt .txt3 {padding:20px}
table td.txt .txt3  a{ padding:6px 40px ; border:1px solid #ddd; }


.user_intro, .user_intro:link, .user_intro:visited { text-align:center; border-radius:25px; padding:7px 30px; background:#333; color:#fff; text-decoration: none; }
.user_intro:hover {background:#698422; }