@charset "utf-8";

.wrap {max-width:1300px;background-color:#fff;padding:0 50px;margin:0 auto;}

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

h2 {display:block;font-size:60px;font-family: 'TTTtangsbudaejjigaeB';font-weight:400;letter-spacing:-1px;line-height:1.2;}
h3 {display:block;font-size:50px;font-family: 'TTTtangsbudaejjigaeB';font-weight:400;letter-spacing:-1px;line-height:1.2;}
h4 {display:block;font-size:30px;font-family: 'TTTtangsbudaejjigaeB';font-weight:400;letter-spacing:-1px;line-height:1.2;}
h5 {display:block;font-size:25px;font-family: 'TTTtangsbudaejjigaeB';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-attachment:fixed;border-radius:30px;}
#subvisual .inner {position:relative;height:300px;}
#subvisual .inner h2 {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);color:#fff;text-align:center;}

#submenu {border-radius:30px;border:1px solid #ddd;margin-top:40px;overflow:hidden;}
#submenu ul {display:flex;width:100%;}
#submenu ul li {flex:1;text-align:center;background-color:#fff;}
#submenu ul li:not(:first-child) a::after {content:"";position:absolute;width:1px;height:20px;background-color:#909194;left:0;top:50%;transform:translateY(-50%);}
#submenu ul li.on a::after, 
#submenu ul li.on + li a::after, 
#submenu ul li:first-child a::after {background-color:transparent;}
#submenu ul li.on a {color:#222;background-color:#f6f6f6;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}
#submenu ul li a {display:block;font-size:20px;font-family: 'TTTtangsbudaejjigaeB';line-height:70px;letter-spacing:-1px;position:relative;}

#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;}
}