.clr {width:100%;clear:both;content:none;height:0;}

#banner_on_main:after {clear:both;height:0;display:block;content:"";}
#banner_on_main {position:relative;overflow:hidden;}
#banner_on_main > div {overflow: hidden;background-position:center center;background-repeat:no-repeat;}
#banner_on_main .bbanner_one {width:66.6666666%;height:600px;box-sizing:border-box;padding:70px 0 0 60px;background-size:auto 130%;background-position:0 0;}
#banner_on_main .bbanner_one h1 {font-size:48px;color:#a59364;text-transform:uppercase;font-weight:normal;margin:0;padding:0;width:640px;}
#banner_on_main .bbanner_one h1 .black {color:#000;}
#banner_on_main .bbanner_one .bo_title {font-size:48px;color:#a59364;text-transform:uppercase;font-weight:normal;margin:0;padding:0;width:640px;}
#banner_on_main .bbanner_one .bo_title .black {color:#000;}
#banner_on_main .bbanner_one .slogan {font-size:14px;color:#000;width:640px;margin:45px 0;line-height: 35px;}
#banner_on_main .bbanner_one a.bomlink {color:#938151;font-size:14px;text-transform:uppercase;text-align:center;font-weight:bold;text-decoration:none;padding:20px 0;border:solid 1px #938151;width:297px;background:rgba(255, 255, 255, 0.53);opacity:1!important;display: block;}
#banner_on_main .bbanner_one a.bomlink:hover {background:rgba(165, 147, 100, 1);text-decoration:none;color:#fff;}
#banner_on_main .bbanner_two {width:33.3333333%;height:600px;background-size:cover;}
#banner_on_main .sbox_cont {display: flex;flex-direction: row;}
#banner_on_main .sbox_cont > div {overflow: hidden;background-position:center center;background-repeat:no-repeat;}
#banner_on_main .bbanner_three,
#banner_on_main .bbanner_four,
#banner_on_main .bbanner_five,
#banner_on_main .bbanner_six,
#banner_on_main .bbanner_seven,
#banner_on_main .bbanner_eight {width:16.65%;display:table;border-spacing:0;background-size:contain;min-width:120px;}
#banner_on_main .bbanner_three a,
#banner_on_main .bbanner_four a,
#banner_on_main .bbanner_five a,
#banner_on_main .bbanner_six a,
#banner_on_main .bbanner_seven a,
#banner_on_main .bbanner_eight a {display:table-cell;text-align:center;vertical-align:middle;width:100%;height:100%;background:rgba(255, 255, 255, 0.85);text-decoration:none;color:#000;font-size:24px;text-transform:uppercase;padding:0 20px;box-sizing:border-box;opacity:0;}
#banner_on_main .bbanner_three a:hover,
#banner_on_main .bbanner_four a:hover,
#banner_on_main .bbanner_five a:hover,
#banner_on_main .bbanner_six a:hover,
#banner_on_main .bbanner_seven a:hover,
#banner_on_main .bbanner_eight a:hover {text-decoration:none;color:#000;}
#banner_on_main .bbanner_three {}
#banner_on_main .bbanner_four {}
#banner_on_main .bbanner_five {}
#banner_on_main .bbanner_six {}
#banner_on_main .bbanner_seven {}
#banner_on_main .bbanner_eight {}
#banner_on_main .progress_pad {}
#banner_on_main .progress_pad:after {clear:both;height:0;display:block;content:"";}
#banner_on_main .progress_pad {position:absolute;z-index:16;top:543px;left:60px;width:410px;}
#banner_on_main .progress_pad .progress_bar {width:120px;height:10px;background:rgba(255, 255, 255, 0);float:left;margin-right:20px;overflow:hidden;box-sizing:border-box;padding:7px 0;cursor:pointer;}
#banner_on_main .progress_pad .progress_bar .black_sp {width:120px;height:2px;background:#000;overflow:hidden;}
#banner_on_main .progress_pad .progress_bar .black_sp:hover {background:#bbaf91;transition:background 0.5s ease;}
#banner_on_main .progress_pad .progress_bar.prog_one {}
#banner_on_main .progress_pad .progress_bar.prog_two {}
#banner_on_main .progress_pad .progress_bar.prog_three {margin-right:0;}
#banner_on_main .progress_pad .progress_bar .prog_inner {height:2px;width:0;background:#bbaf91;}
#banner_on_main .progress_pad .progress_bar:hover .prog_inner {background:#000;transition:background 0.5s ease;}
#banner_on_main .bbanner_one.bgpos1 {background-position:-100px 0;/* background-size:auto 140%; */transition:background 1s linear, background-position 15s linear, background-size 15s linear;}
#banner_on_main .bbanner_one.bgpos3 {background-position:-75px 0;/* background-size:auto 135%; */transition:background 1s linear, background-position 15s linear, background-size 15s linear;}
#banner_on_main .bbanner_one.bgpos4 {background-position:0 0;/* background-size:auto 130%; */transition:background 1s linear, background-position 15s linear, background-size 15s linear;}

@media (max-width: 1540px) {
	#banner_on_main .bbanner_three a,
	#banner_on_main .bbanner_four a,
	#banner_on_main .bbanner_five a,
	#banner_on_main .bbanner_six a,
	#banner_on_main .bbanner_seven a,
	#banner_on_main .bbanner_eight a {font-size:20px;}
}
@media (max-width: 1440px) {
	#banner_on_main .bbanner_one {width:100%;}
	#banner_on_main .bbanner_two {display:none;}
	#banner_on_main .bbanner_three a,
	#banner_on_main .bbanner_four a,
	#banner_on_main .bbanner_five a,
	#banner_on_main .bbanner_six a,
	#banner_on_main .bbanner_seven a,
	#banner_on_main .bbanner_eight a {font-size:17px;}
}
@media (max-width: 1340px) {
	#banner_on_main .bbanner_three a,
	#banner_on_main .bbanner_four a,
	#banner_on_main .bbanner_five a,
	#banner_on_main .bbanner_six a,
	#banner_on_main .bbanner_seven a,
	#banner_on_main .bbanner_eight a {font-size:14px;}
}
@media (max-width: 1240px) {
	#banner_on_main .bbanner_three a,
	#banner_on_main .bbanner_four a,
	#banner_on_main .bbanner_five a,
	#banner_on_main .bbanner_six a,
	#banner_on_main .bbanner_seven a,
	#banner_on_main .bbanner_eight a {font-size:12px;}
}
@media (max-width: 1140px) {
	#banner_on_main .bbanner_three,
	#banner_on_main .bbanner_four,
	#banner_on_main .bbanner_five,
	#banner_on_main .bbanner_six,
	#banner_on_main .bbanner_seven,
	#banner_on_main .bbanner_eight {width: 16.6%;font-size:10px;}
}