@charset "utf-8";

      .inner {max-width:1200px;margin:0 auto;}
.board-inner {padding-top:100px;padding-bottom:100px;}

h2 {display:block;font-size:70px;font-weight:400;letter-spacing:-1px;line-height:1.2;}
h3 {display:block;font-size:50px;font-weight:400;letter-spacing:-1px;line-height:1.2;}
h4 {display:block;font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.2;}
h5 {display:block;font-size:25px;font-weight:400;letter-spacing:-1px;line-height:1.2;}
h6 {display:block;font-size:20px;font-weight:400;letter-spacing:-1px;line-height:1.2;}

#subvisual {position:relative;background-color:#222;background-attachment:fixed;}
#subvisual .inner {position:relative;height:332px;}
#subvisual .inner h2 {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-weight:800;}

#submenu {border-bottom:1px solid #ddd;}
#submenu ul {display:flex;}
#submenu ul li {flex:1;text-align:center;}
#submenu ul li a {display:block;font-size:20px;line-height:70px;letter-spacing:-1px;border-bottom:3px solid #fff;}
#submenu ul li.on a {color:#7d1919;background-color:#fff;font-weight:600;border-bottom:3px solid #7d1919;}

#container {display:block;position:relative;overflow:hidden;}

#quick-link {position:fixed;right:20px;bottom:80px;z-index:9999;}
#quick-link a {display:block;margin-top:10px;}
#quick-link a img {width:50px;border-radius:100%;}
#quick-link .quick-top {position:fixed;display:none;right:20px;bottom:20px;width:50px;height:50px;line-height:50px;font-size:12px;color:#fff;text-align:center;background:rgba(0,0,0,0.8);border-radius:100px;cursor:pointer;z-index:99999;}
#quick-link .quick-top:hover {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}

@media screen and (max-width:1400px) {
	.inner {max-width:1200px;margin:0 auto;}
	.board-inner {padding-top:50px;padding-bottom:50px;}
	#subvisual .inner {height:300px;}
	#subvisual .inner h2 {top:52%;}
	#subvisual #submenu ul li a {position:relative;display:block;font-size:20px;line-height:70px;letter-spacing:-1px;color:#fff;}
}
@media screen and (max-width:1200px) {
	.inner {padding-left:15px;padding-right:15px;}
	.board-inner {padding-top:50px;padding-bottom:50px;}
	h2 {font-size:30px;}
	h3 {font-size:26px;}
	h4 {font-size:22px;}
	h5 {font-size:18px;}
	h6 {font-size:14px;}
	#subvisual .inner {height:200px;}
	#subvisual .inner h2 {top:50%;}
	#subvisual #submenu ul {overflow-x:auto; white-space:nowrap; margin:0 auto}
	#subvisual #submenu ul li a {position:relative;display:block;color:#fff;font-size:25px;line-height:60px;letter-spacing:-1px;padding:0 15px;}
}



.tab_wrap {
	width: 100%;
	margin-bottom: 50px;
	display: flex;
	flex-flow:row wrap;
}
	
	.tab_wrap li {	flex: 1; position: relative;}
		
		.tab_wrap a {	width: auto; display: block; font-size: 16px; padding: 20px 0; text-align: center; background-color: #eee; color: #7d1919; border-bottom: none; transition: all .4s; position: relative;}
.tab_wrap li::after { width :1px; height: 100%; display: block; position: absolute; top :0px; right: 0px; background: #fff; content: "";}
.tab_wrap li:last-child::after { display: none;}
			
		.tab_wrap a.on,.tab_wrap a:hover { background-color: #7d1919; color: #fff;  border-color: #082341; transition: all .4s;}

.tab {
	width: 100%;
	margin-bottom: 50px;
	display: flex;
	flex-flow:row wrap;
}
	
	.tab li {	flex: 1; position: relative;}
		
		.tab a {	width: auto; display: block; font-size: 16px; padding: 20px 0; text-align: center; background-color: #eee; color: #7d1919; border-bottom: none; transition: all .4s; position: relative;}
.tab li::after { width :1px; height: 100%; display: block; position: absolute; top :0px; right: 0px; background: #fff; content: "";}
.tab li:last-child::after { display: none;}
			
		.tab a.on,.tab a:hover { background-color: #7d1919; color: #fff;  border-color: #082341; transition: all .4s;}

.tab_box { position: relative; animation:opac 0.3s;}@keyframes opac{from{opacity:0} to{opacity:1}}


.hide {
	display: none !important;
}