.sub_img {height: 550px;display: table;width: 100%;position: relative;overflow: hidden}
.sub_img .inner_text {display: table-cell;vertical-align: middle;text-align: center;color: #fff;}
.sub_img .inner_text h3{font-size: 18px; line-height: 1.5em;}
.sub_img .inner_text .title {font-size: 60px; line-height: 1.2em; margin-top: 30px;}
.sub_img .inner_text .text{ font-size: 18px; letter-spacing: -.04em; line-height: 1.7em; margin-top: 30px;}

.subwrap {background: #fff;}

.sub_ct{padding :180px 0;}

.mo_tab_nav_ul {display: none}
.tab_nav_ul {border-bottom: 1px solid #dbdbdb;}
.tab_nav_ul ul {display: flex;z-index: 99;width: 1200px;margin: 0 auto;background: #fff; flex-wrap: wrap; align-items: center;}
.tab_nav_ul ul a{text-decoration: none; width: 20%;}
.tab_nav_ul ul a li {text-align: center;color: #333;font-size: 16px;padding: 25px 0;}
.tab_nav_ul ul a li:hover {font-weight: 600;}
.tab_nav_ul ul a li.on {color:#fff; font-weight: 600;background: #c5a568;}

.tab_nav_ul.fix{position: fixed; top: 0; left: 0; right: 0; margin:0 auto; z-index: 96; background: #fff; transition: top .2s;}
.tab_nav_ul.tabtop{border-top: 1px solid #dbdbdb}


@media screen and (max-width:1199px) {
	.sub_img {height: 500px;}
	.sub_img .inner_text h3{font-size: 16px;}
	.sub_img .inner_text .title {font-size: 52px;}
	.sub_img .inner_text .text{ font-size: 16px;}
	
	.sub_ct{ padding: 180px 0;}
	
	.tab_nav_ul ul{width:98%; margin: 0 auto;}
	.tab_nav_ul ul a li{font-size: 15px;}
}

@media screen and (max-width:1000px) {

}

@media screen and (max-width: 780px){
	.tab_nav_ul ul a li{font-size: 14px; padding: 20px 0;}
	
	.sub_img {height: 450px;}
	.sub_img .inner_text h3{font-size: 15px;}
	.sub_img .inner_text .title {font-size: 48px;}
	.sub_img .inner_text .text{ font-size: 15px;}
	
	.sub_ct{ padding: 150px 0;}
}

@media screen and (max-width: 620px){
	.tab_nav_ul{display: none !important;}
	
	.sub_img {height: 420px;}
	.sub_img .inner_text h3{font-size: 15px;}
	.sub_img .inner_text .title {font-size: 40px;}
	.sub_img .inner_text .text{ font-size: 14px;}
	
	.sub_ct{ padding: 120px 0;}
}

@media screen and (max-width: 520px){
	.sub_img {height: 380px;}
	.sub_img .inner_text h3 {font-size: 15px;}
	.sub_img .inner_text .title {font-size: 36px; margin-top: 20px;}
	.sub_img .inner_text .text{ font-size: 14px; margin-top: 20px;}
	
	.sub_ct{ padding: 100px 0;}
}

@media screen and (max-width: 420px){
	.sub_img {height: 350px;}
	.sub_img .inner_text h3{font-size: 15px;}
	
	.sub_ct{ padding: 80px 0;}
}