@charset "utf-8";

#subWrapper{position:relative; width:100%;overflow:hidden;}
.subVisual{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:'SCDream';letter-spacing:0;width:100%;height:273px;padding-bottom:63px;box-sizing:border-box;background:url('../imgs/sub/sub_bg.png') no-repeat 50% / cover;}
.subVisual h2 span{position:relative;z-index:1;font-family:'JalnanGothic';font-size:48px;font-weight:500;color:#032043;}
.subVisual h2 span:after{position:absolute;left:0;content:attr(data-text);-webkit-text-stroke:3px #fff;z-index:-1;text-shadow:6px 6px 13px rgba(0,0,0,0.2);}
.subVisual .location{margin-top:3px;font-size:14px;color:#000;font-weight:400;}
.subVisual .location a.home{display:inline-block;vertical-align:top;margin-top:-2px;width:26px;height:26px;background:url('../imgs/sub/home_icon.png') no-repeat 0 50%;text-indent:-9999px;overflow:hidden;}
.subVisual .location strong{font-weight:400;}
.subVisual .location img{margin:0 10px;vertical-align:1px;}
#subMenu{position:absolute;bottom:0;width:100%;}
#subMenu ul{display:flex;width:1600px;margin:0 auto;background:#383838;}
#subMenu li{flex:1;position:relative;}
#subMenu li:before{position:absolute;top:calc(50% - 14px);left:0;content:'';width:1px;height:28px;background:#fff;opacity:0.15;}
#subMenu li a{display:flex;justify-content:center;align-items:center;width:100%;height:63px;line-height:1.3;font-size:19px;color:#fff;font-weight:300;}
#subMenu li.on a{font-size:20px;font-weight:600;background:#e83436;}
#subMenu li.on:before, #subMenu li.on + li:before{display:none;}
.sub_top{position:relative;margin-top:40px;border-bottom:1px solid #e0e0e0;}
.sub_top h3.subTitle{font-family:'SCDream';font-size:2.436em;font-weight:bold;text-align:left;margin:0 0 10px;min-height:1.5em;background-image: linear-gradient(150deg, #e83436 20%, #3a3838 80%);background-clip: text;color: transparent;display: inline-block;}
.sub_top .sns{position:absolute;bottom:18px;right:0;background:none;}
.sub_top .sns>ul{display:flex;justify-content:flex-end;}
.sub_top .sns>ul>li{position:relative;margin-left:5px;}
.sub_top .sns>ul>li>a{display:block;width:38px;height:38px;}
.sub_top .sns ul ul{display:none;position:absolute;top:-4px;right:0;width:146px;padding:5px 10px;border:1px solid #ccc;border-radius:10px;background:#fff;z-index:1;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}
.sub_top .sns li li{float:left;margin-right:4px;}
.sub_top .sns li li a img{vertical-align:middle;}
.sub_top .sns a.sns_close{display:none;margin:0;padding:5px;width:20px;height:20px;position:absolute;top:4px;left:0;z-index:1;}
.sub_top .contactBtn{background:#e83436;color:#fff;width: auto !important;border-radius: 10px;font-size: 16px;padding: 7px 35px 0 14px;position: relative;height: 31px !important;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);}
.sub_top .contactBtn:after{position:absolute;top: 10px;right: 11px;content:'';display:block;width:17px;height:17px;background: url('../imgs/sub/contactico.png') no-repeat 0 50%;}
.sub_top .contactBtn:hover{background:#383838;}

@media all and (max-width:1600px) {
	#subMenu ul{width:100%;}
}
@media all and (max-width:1024px) {
	.subVisual{padding-bottom:53px;}
	.subVisual h2 span{font-size:40px;}
	#subMenu li a{font-size:15px;height:53px;}
	#subMenu li.on a{font-size:16px;}
	.sub_top .sns li.print{display:none;}
}
@media all and (max-width:640px) {
	.subVisual{height:auto;padding:50px 0 0;}
	#subMenu{position:static;margin-top:40px;}
	#subMenu ul{display:block;}	
	#subMenu li a{display:block;width:auto;height:auto;padding:11px 5px 12px;border-top:1px solid rgba(255,255,255,0.15);}
	#subMenu li:before{display:none;}
}
@media all and (max-width:480px) {
	.sub_top .contactBtn{line-height:31px;padding:3px;font-size:12px;letter-spacing:-0.03em;border-radius:5px;}
	.sub_top .contactBtn:after{display:none;}
}
@media all and (max-width:300px) {
	.sub_top h3.subTitle{font-size:1.8em;}
	.sub_top .sns{bottom:10px;}
	.sub_top .sns>ul>li{margin-left:3px;}
}