@charset "utf-8";
#subpage .submenu { width: 100%; }
#subpage .submenu .sub_nav { width:50%; padding-bottom: 12%; border-bottom:1px solid #000; box-sizing:border-box; color:#ffffff; float:left; font-size: 1rem; position: relative; }
#subpage .submenu .sub_nav > p { position: absolute; width: 80%; height: 100%; padding-left: 8%; word-break: normal; 
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#subpage .submenu .sub_nav_menu { width:50%; position:absolute; box-sizing:border-box; color:#040a1b; background:#fff; overflow:hidden;font-size: 1rem; }
#subpage .submenu .sub_nav_menu .smenu a{display:block;}
#subpage .submenu .smenu div { padding:7% 10%; color:#ffffff;   }
#subpage .submenu .sub_nav_menu div div { padding:7% 10%; }

#nav_btn_1 {  background:url('../img/sub/sub_nav_arrow.png') no-repeat 92% 50% #999999 ; background-size:8%; }
#nav_btn_2 {  background:url('../img/sub/sub_nav_arrow.png') no-repeat 92% 50% #666666 ; background-size:8%; }

#sub_wrap { position:absolute; z-index:49; width:100%; }

#sub_wrap_gap { position:relative;  width:100%; height:400px; }
#sub_wrap_gap .title_wrap { position:relative; width:1200px; margin:0 auto; }
#sub_wrap_gap .title_wrap .titles { position:absolute; margin:0 auto; width:1200px; text-align:center; top:100px; font-family:'Roboto'; letter-spacing:-3px; line-height:50px; font-size:60px; color:#fff; opacity:0; } 
#sub_wrap_gap .title_mini {position:relative; margin:0 auto; width:1200px; text-align:center; top:300px; font-family:'Roboto'; letter-spacing:-1px; line-height:25px; font-size:20px; color:#fff; opacity:0;  }
#sub_wrap_contents { background:#fff; width:100%; }	

.tab_btn { width:50%; text-align:center; padding:3% 0; float:left; font-size:3.3vw; border:1px solid #cecece; border-bottom:0; box-sizing:border-box; }
.subTabBtn.col3 {width:90%; margin:0 auto;}
.subTabBtn.col3 a .tab_btn {width:33.3%;}
.subTabBtn.col5 a .tab_btn {width:20%;}
.subTabBtn a .tab_btn {background-color:#fff; color:#535353; display:block;}
.subTabBtn a .tab_btn.on {background-color:#a07727; color:#fff;}
.subTabBtn.dark a .tab_btn.on {background-color:#f20e63;}
.subTabBtn.sub_7 a .tab_btn.on {background-color:#ff805f;}


#subpage .content { width: 100%; overflow: hidden; font-size: 1rem; line-height: 1.5 !important; }
#subpage .content p { word-break: normal !important; line-height: 1.5 !important; }
#subpage .content .section { position: relative; width: 100%; overflow: hidden; }
#subpage .content .section .bg { width: 100%; }
#subpage .content .section .box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0); }
#subpage .content .section .box .txt-wrap { position: relative; width: 100%; height: 100%; }
#subpage .content .section .box .txt { position: absolute; width: 100%; }

#subpage .bottom .box .txt-wrap .txt1 { color: #fff; padding: 10% 5% 0; background: rgba(0,0,0,0); text-align: center; width: 100%; }
#subpage .bottom .box .txt-wrap .txt1 > p:first-child { font-size: 1.3rem; color: #b3b4ea; }
#subpage .bottom .box .txt-wrap .txt1 > p:nth-child(2) { padding-top: 1%; font-weight: bold; font-size: 1.6rem; line-height: 1.2 !important; letter-spacing: -0.05rem; }
#subpage .bottom .box .txt-wrap .txt1 > p:nth-child(3) { padding: 7% 0 0; }