@charset "UTF-8";
@media (max-width:992px) {
	html {
		/*font-size: 6px;*/
		/*font-size: 37.5%;*/
		font-size: 8px;
		font-size: 50%;
	}
	input, select, textarea {
		font-size: 16px;
	}
}
/* common */

	.index {
		overflow: hidden;
	}
	@media(max-width:992px) {
		.index {padding-top: 50px;}
	}

.section_wrap .section_title p {
	font-size: 40px;
	font-weight: bold;
}

@media(max-width:992px) {
	.section_wrap .section_title p {
		font-size: 3.2rem;
	}
}

/*header*/
.bh .header_wrap {
	position: fixed;
	z-index: 20;
	border-bottom: unset;
	background-color: unset;
	box-shadow : unset;
	transition: all .3s;
}
.bh .header_wrap .logo_img{
	display: none;
}
.bh .header_wrap .logo_img.on{
	display: block;
}
.bh .header_wrap.on{
	background-color: var(--bh_color_white);
}
.bh .header { padding: 0; }

.bh .main_menu > ul > li > a {
	font-size: 18px;
	color: #fff;
	font-weight: 300;
}
.bh .main_menu > ul > li > a:hover,
.bh .main_menu > ul > li > a.active {
	color: #fff;
}
.bh .main_menu > ul > li > a::after {
	background-color: #fff;
}
.bh .header_wrap.on{
	background-color: var(--bh_color_white);
	border-bottom: 1px solid var(--bh_color_gray_300);
}
.bh .header_wrap.on .main_menu > ul > li > a{
	color: var(--bh_color_gray_800);
}
.bh .header_wrap.on .main_menu > ul > li > a::after {
	background-color: var(--bh_color_gray_800);
}
.bh .header_wrap.on .main_menu > ul > li > a:hover,
.bh .header_wrap.on .main_menu > ul > li > a.active {
	color: var(--bh_color_gray_800);;
}

.bh .header_wrap.on .login_wrap span {
	color: var(--bh_color_gray_800);
}
.bh .header_wrap.on .login_wrap ul .login_btn::after {
	background-color: var(--bh_color_gray_800);
}

/* active */
.curriculum .main_menu > ul > .li1 > a {
	font-weight: 500;
}
.curriculum .main_menu > ul > .li1 > a::after {
	transform: scale3d(1, 1, 1);
}
.board .main_menu > ul > .li2 > a {
	font-weight: 500;
}
.board .main_menu > ul > .li2 > a::after {
	transform: scale3d(1, 1, 1);
}
.guide .main_menu > ul > .li3 > a {
	font-weight: 500;
}
.guide .main_menu > ul > .li3 > a::after {
	transform: scale3d(1, 1, 1);
}
.about .main_menu > ul > .li4 > a {
	font-weight: 500;
}
.about .main_menu > ul > .li4 > a::after {
	transform: scale3d(1, 1, 1);
}
.business .main_menu > ul > .li5 > a {
	font-weight: 500;
}
.business .main_menu > ul > .li5 > a::after {
	transform: scale3d(1, 1, 1);
}
.job .main_menu > ul > .li6 > a {
	font-weight: 500;
}
.job .main_menu > ul > .li6 > a::after {
	transform: scale3d(1, 1, 1);
}

/* section common */

.common_contents { margin-top: 30px; position: relative; overflow: hidden;}
.common_contents .img_box {
    position: relative;
	line-height: 1;
}
.common_contents .img_box img {
    max-width: 270px;
}
.common_contents .img_box .tag {
	display: inline-block;
	width: 57px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 10px;
}
.common_contents .img_box .tag.jupsu {
    background-color: var(--bh_color_jupsu);
}
.common_contents .img_box .tag.deadline {
    background-color: var(--bh_color_deadline);
}
.common_contents .img_box .tag.yejeong {
    background-color: var(--bh_color_yejeong);
}
.common_contents .img_box .tag.learn {
    background-color: var(--bh_color_learn);
}
.common_contents .img_box .tag.magam {
    background-color: var(--bh_color_magam);
}
.common_contents .img_box .tag span {
	font-size: 14px;
	color: #fff;
}
.common_contents .img_box .title {
	position: absolute;
	top: 58px;
	left: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.common_contents .contents_box {
    padding-top: 10px;
}
.common_contents .contents_box .category {
    font-size: 14px;
    color: var(--bh_color_main);
}
.common_contents .contents_box .title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
	height: 58px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.common_contents .contents_box .information {
    margin-top: 7px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.common_contents .contents_box .information .info_left i {
    font-size: 15px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    color: var(--bh_color_gray_600);
}
.common_contents .contents_box .information .info_left span {
    font-size: 14px;
    color: var(--bh_color_gray_700);
}
.common_contents .contents_box .information .info_left .bar {
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: var(--bh_color_gray_300);
    margin: 0 7px;
}
.common_contents .contents_box .information .info_right .d_day {
    display: inline-block;
    width: 45px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: var(--bh_color_gray_100);
    font-size: 14px;
    color: var(--bh_color_main);
    font-weight: bold;
}
.common_contents .contents_box .information .info_right .d_day.d_day_off {
    background-color: var(--bh_color_white);
}

.common_contents .hover_box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background-color: rgba(0, 0, 0, 0.7);
	padding: 15px;
	transition: all .3s;
	transform: translateY(calc(100% + 1px) );
}
.common_contents:hover .hover_box{
	transform: translateY(0%);
}
.common_contents .hover_box h3{
	font-size: 18px;
	font-weight: bold;
	color: var(--bh_color_white);
	margin-bottom: 15px;
	height: 58px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.common_contents .hover_box ul{
	margin-bottom: 19px;
}
.common_contents .hover_box ul li{
	margin-bottom: 10px;
	flex-wrap: nowrap;
}
.common_contents .hover_box ul li:last-child{
	margin-bottom: 0;
}
.common_contents .hover_box ul li p{
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: var(--bh_color_white);
	margin-right: 16px;
	min-width: 68px;
}
.common_contents .hover_box ul li p::before{
	content: '';
	width: 1px;
	height: 8px;
	background-color: rgba(255, 255, 255, 0.3);
	position: absolute;
	right: -10px;
	top: 7px;
}
.common_contents .hover_box ul li p i{
	font-weight: normal;
	color: var(--bh_color_main);
	margin-right: 5px;
}
.common_contents .hover_box ul li span{
	font-size: 14px;
	color: var(--bh_color_white);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.common_contents .hover_box a{
	background-color: var(--bh_color_white);
	font-size: 16px;
	font-weight: bold;
	color: var(--bh_color_main);
	padding: 7px 0;
	transition: all .3s;
}
.common_contents .hover_box a:hover{
	background-color: var(--bh_color_main);
	color: var(--bh_color_white);
}
@media(max-width:992px) {
	.section_wrap .container {
		margin-top: -20px;
	}
	.common_contents .img_box img {
		max-width: 100%;
	}
	.common_contents .img_box .tag {
		height: 23px;
		line-height: 25px;
		top: 5px;
		left: 5px;
	}
	.common_contents .img_box .title {
		top: 40px;
		left: 5px;
		font-size: 13px;
		width: 100%;
	}
	.common_contents .img_box .title .area,
	.common_contents .img_box .title .name {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.common_contents .img_box .tag span {
		font-size: 1.4rem;
	}
	.common_contents .contents_box .title {
		font-size: 1.8rem;
		height: 44px;
	}
	.common_contents .contents_box .information {
		margin-top: 5px;
	}
	.common_contents .contents_box .information .info_left span {
		font-size: 1.4rem;
	}
	.common_contents .contents_box .information .info_right .d_day {
		font-size: 1.4rem;
		height: 23px;
		line-height: 23px;
	}
	
	.common_contents .hover_box{
		padding: 8px;
	}
	.common_contents .hover_box h3{
		font-size: 14px;
		margin-bottom: 10px;
		height: 42px;
	}
	.common_contents .hover_box ul{
		margin-bottom: 10px;
	}
	.common_contents .hover_box ul li{
		margin-bottom: 4px;
	}
	.common_contents .hover_box ul li p{
		font-size: 11px;
		margin-right: 10px;
		width: 68px;
	}
	.common_contents .hover_box ul li p::before{
		display: none;
	}
	.common_contents .hover_box ul li span{
		font-size: 11px;
	}
	.common_contents .hover_box a{
		font-size: 14px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 10px;
		width: calc(100% - 20px);
		padding: 4px 0;
	}
}

/* 모집과정 0건일 때 */
.not-edu { width: 100%; font-size: 20px; font-weight: 400; color: #83acca; padding: 36px 40px 40px 40px; background: #e3edf4; border-radius: 20px 6px 20px 6px; }

/* section4 */
#section4{
	padding: 100px 0;
	position: relative;
}
#section4::before{
	content: '';
	width: 100%;
	height: 665px;
	background-image: linear-gradient(to bottom, #f5f5f5, #fff);
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
}
#section4 .bh_tab2{
	margin-bottom: 30px;
}
#section4 .bh_tab_wrap{
	margin-bottom: 100px;
}
#section4 .bh_tab_wrap ul li p{
	background-color: var(--bh_color_white);
	padding: 15px 0;
	border-bottom: 1px solid var(--bh_color_main);
	border-right: 1px solid var(--bh_color_gray_300);
	color: var(--bh_color_gray_500);
	font-size: 18px;
	font-weight: 500;
	transition: all .3s;
}
#section4 .bh_tab_wrap ul li p:hover,
#section4 .bh_tab_wrap ul li p.active{
	background-color: var(--bh_color_main);
	color: var(--bh_color_white);
}
#section4 .bh_tab_wrap ul li:last-child p{
	border-right: 0;
}

#section4 .bh_tab_wrap .slide_visual .bh_row > div{
	transition: all .3s;
}
#section4 .bh_tab_wrap .slide_visual .inner{
	height: 476px;
	background: url(/images/main24/sec4_img1.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	border-right: 1px solid var(--bh_color_white);
	overflow: hidden;
}
#section4 .bh_tab_wrap .slide_visual .inner::before{
	content: '';
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, #000);
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s;
}
#section4 .bh_tab_wrap .slide_visual .inner.in2{
	background: url(/images/main24/sec4_img2.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#section4 .bh_tab_wrap .slide_visual .inner.in3{
	background: url(/images/main24/sec4_img3.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#section4 .bh_tab_wrap .slide_visual .inner.in4{
	background: url(/images/main24/sec4_img4.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#section4 .bh_tab_wrap .slide_visual .inner.in5{
	background: url(/images/main24/sec4_img5.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#section4 .bh_tab_wrap .slide_visual .inner .txt_y{
	position: absolute;
	right: 20px;
	bottom: 30px;
	font-size: 24px;
	font-weight: bold;
	color: var(--bh_color_white);
	line-height: 1.15;
	transition: all .3s;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box{
	width: 370px;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25);
	background-color: rgba(255, 255, 255, 0.75);
	padding: 20px;
	position: absolute;
	right: 25px;
	bottom: 25px;
	opacity: 0;
	transition: all .3s;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .icon{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--bh_color_white);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .icon img{
	width: 34px;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .txt{
	margin-left: 20px;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .txt p{
	color: var(--bh_color_main2);
	font-size: 20px;
	font-weight: 800;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .txt span{
	font-size: 16px;
	font-weight: 500;;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box ul{
	margin-top: 10px;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box ul li{
	position: relative;
	padding-left: 15px;
	font-size: 16px;
}
#section4 .bh_tab_wrap .slide_visual .inner .info_box ul li::before{
	content: "";
	width: 3px;
	height: 3px;
	background-color: var(--bh_color_gray_800);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 12px;
}
#section4 .bh_tab_wrap .slide_visual .bh_row > div:hover{
	flex: 1 1 569px;
	box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.15);
}
#section4 .bh_tab_wrap .slide_visual .bh_row > div:hover .inner{
	border-right: 0;
}
#section4 .bh_tab_wrap .slide_visual .bh_row > div:hover .inner::before,
#section4 .bh_tab_wrap .slide_visual .bh_row > div:hover .inner .txt_y{
	opacity: 0;
}
#section4 .bh_tab_wrap .slide_visual .bh_row > div:hover .inner .info_box{
	opacity: 1;
}

#section4 .bh_tab_wrap .divide_visual .top{
	margin-bottom: 30px;
}
#section4 .bh_tab_wrap .divide_visual .inner{
	height: 270px;
	box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.15);
}
#section4 .bh_tab_wrap .divide_visual .inner.in1{
	background: url("/images/main24/sec4_img6.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .divide_visual .inner.in2{
	background: url("/images/main24/sec4_img7.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .divide_visual .inner.in3{
	background: url("/images/main24/sec4_img8.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .divide_visual .inner.in4{
	background: url("/images/main24/sec4_img9.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .divide_visual .inner.in5{
	background: url("/images/main24/sec4_img10.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .divide_visual .inner .in_txt{
	position: absolute;
	left: 30px;
	bottom: 30px;
}
#section4 .bh_tab_wrap .divide_visual .inner .in_txt span{
	display: inline-block;
	background-color: var(--bh_color_main);
	color: var(--bh_color_white);
	padding: 3px 10px;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}
#section4 .bh_tab_wrap .divide_visual .inner .in_txt p{
	font-size: 20px;
	font-weight: bold;
	color: var(--bh_color_white);
}

#section4 .bh_tab_wrap .keyword_visual .search_box{
	background: url("/images/main24/sec4_img11.jpg") no-repeat;
	background-size: cover;
	padding: 80px 40px;
	height: 570px;
}
#section4 .bh_tab_wrap .keyword_visual .search_box .title{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}
#section4 .bh_tab_wrap .keyword_visual .search_box input{
	background-color: var(--bh_color_white);
	border-radius: 50px;
	height: 70px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
	padding: 0 70px 0 30px;
	font-size: 18px;
	border: 0;
	width: 100%;
}
#section4 .bh_tab_wrap .keyword_visual .search_box input::placeholder{
	color: var(--bh_color_gray_500);
}
#section4 .bh_tab_wrap .keyword_visual .search_box input:focus{
	outline: unset;
}
#section4 .bh_tab_wrap .keyword_visual .search_box span{
	background: unset;
	border: 0;
	cursor: pointer;
	position: absolute;
	right: 70px;
	top: 32%;
	/* transform: translateY(-50%); */
}
#section4 .bh_tab_wrap .keyword_visual .search_box span i{
	color: var(--bh_color_main);
	font-size: 30px;
	line-height: 1;
}
#section4 .bh_tab_wrap .keyword_visual .inner a{
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
	height: 270px;
	position: relative;
}
#section4 .bh_tab_wrap .keyword_visual .inner a .ds-f{
	position: absolute;
	left: 0;
	bottom: 25px;
	padding: 0 25px;
	width: 100%;
}
#section4 .bh_tab_wrap .keyword_visual .inner a .ds-f p{
	font-size: 24px;
	color: var(--bh_color_white);
	font-weight: bold;
}
#section4 .bh_tab_wrap .keyword_visual .inner a .ds-f .arr{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}
#section4 .bh_tab_wrap .keyword_visual .inner a .ds-f .arr i{
	color: var(--bh_color_white);
	font-size: 24px;
	line-height: 1;
}
#section4 .bh_tab_wrap .keyword_visual .inner.in1{
	background: url("/images/main24/sec4_img12.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .keyword_visual .inner.in2{
	background: url("/images/main24/sec4_img13.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .keyword_visual .inner.in3{
	background: url("/images/main24/sec4_img14.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .keyword_visual .inner.in4{
	background: url("/images/main24/sec4_img15.jpg") no-repeat;
	background-size: cover;
}
#section4 .bh_tab_wrap .keyword_visual .inner a:hover .ds-f .arr{
	background-color: var(--bh_color_white);
}
#section4 .bh_tab_wrap .keyword_visual .inner a:hover .ds-f .arr i{
	color: var(--bh_color_main);
}

#section4 .content_slide_area .slide_wrap{
	overflow: hidden;
}
#section4 .content_slide_area .nav{
	gap: 5px;
	position: absolute;
	right: 0;
	top: 0px;
	transform: translateY(-100%);
}
#section4 .content_slide_area .nav > div{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ebebf5;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
#section4 .content_slide_area .nav > div i{
	font-size: 24px;
	line-height: 1;
	color: var(--bh_color_main2);
}
@media(max-width:992px) {
	#section4{
		padding: 50px 0;
	}
	#section4::before{
		height: 250px;
	}
	#section4 .bh_tab_wrap{
		margin-bottom: 50px;
	}
	#section4 .bh_tab_wrap ul li p{
		padding: 12px 0;
		font-size: 16px;
	}
	#section4 .bh_tab_wrap .slide_visual .bh_row > div:last-child{
		margin-bottom: 0;
	}
	#section4 .bh_tab_wrap .slide_visual .inner{
		height: 125px;
		transition: all .3s;
	}
	#section4 .bh_tab_wrap .slide_visual .inner::before{
		display: none;
	}
	#section4 .bh_tab_wrap .slide_visual .inner .txt_y {
		font-size: 20px;
	}
	#section4 .bh_tab_wrap .slide_visual .inner .txt_y br{
		display: none;
	}
	#section4 .bh_tab_wrap .slide_visual .inner .info_box{
		opacity: 0;
		width: 198px;
		padding: 15px 10px;
		position: absolute;
        right: 20px;
		bottom: 20px;
	}
 	#section4 .bh_tab_wrap .slide_visual .inner .info_box ul {
		display: none;
	}
	#section4 .bh_tab_wrap .slide_visual .inner:hover {
		height: 210px;
	}
	#section4 .bh_tab_wrap .slide_visual .inner:hover .info_box {
		opacity: 1;
	}
	#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .icon{
		width: 40px;
		height: 40px;
	}
	#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .icon img{
		width: 24px;
	}
	#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .txt {
		margin-left: 10px;
	}
	#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .txt p{
		font-size: 16px;
	}
	#section4 .bh_tab_wrap .slide_visual .inner .info_box .ds-f .txt span{
		font-size: 14px;
	}
	
	#section4 .bh_tab_wrap .divide_visual .top > div{
		margin-bottom: 30px;
	}
	#section4 .bh_tab_wrap .divide_visual .top > div:last-child{
		margin-bottom: 0;
	}
	#section4 .bh_tab_wrap .divide_visual .bottom > div,
	#section4 .bh_tab_wrap .divide_visual .bottom > div .bh_row > div{
		margin-bottom: 30px;
	}
	#section4 .bh_tab_wrap .divide_visual .bottom > div:last-child,
	#section4 .bh_tab_wrap .divide_visual .bottom > div .bh_row > div:last-child{
		margin-bottom: 0;
	}
	#section4 .bh_tab_wrap .divide_visual .inner{
		height: 200px;
	}
	#section4 .bh_tab_wrap .divide_visual .inner .in_txt{
		position: absolute;
		left: 0px;
		bottom: 0px;
		padding: 15px;
	}
	#section4 .bh_tab_wrap .divide_visual .inner .in_txt span{
		font-size: 12px;
	}
	#section4 .bh_tab_wrap .divide_visual .inner .in_txt p{
		font-size: 14px;
	}
	#section4 .bh_tab_wrap .keyword_visual .search_box{
		padding: 30px 15px;
		background-size: cover;
		background-position: top;
		height: 170px;
		margin-bottom: 30px;
	}
	#section4 .bh_tab_wrap .keyword_visual .search_box .title{
		font-size: 24px;
		margin-bottom: 20px;
	}
	#section4 .bh_tab_wrap .keyword_visual .search_box input{
		height: 45px;
		font-size: 16px;
		padding: 0 50px 0 15px;
	}
	#section4 .bh_tab_wrap .keyword_visual .search_box span{
		right: 15px;
	}
	#section4 .bh_tab_wrap .keyword_visual .search_box span i{
		font-size: 24px;
	}
	#section4 .bh_tab_wrap .keyword_visual .inner a{
		height: 180px;
	}
	#section4 .bh_tab_wrap .keyword_visual .inner a .ds-f{
		position: absolute;
		bottom: 10px;
		padding: 0 10px;
	}
	#section4 .bh_tab_wrap .keyword_visual .inner a .ds-f p{
		font-size: 16px;
	}
	#section4 .bh_tab_wrap .keyword_visual .inner a .ds-f .arr{
		width: 25px;
		height: 25px;
	}
	#section4 .bh_tab_wrap .keyword_visual .inner a .ds-f .arr i{
		font-size: 18px;
	}
	
	#section4 .content_slide_area .nav{
		top: -6px;
	}
	#section4 .content_slide_area .nav > div{
		width: 30px;
		height: 30px;
	}
	#section4 .content_slide_area .nav > div i{
		font-size: 20px;
	}
}
@media(max-width:400px) {
	#section4 .bh_tab_wrap .slide_visual .inner:hover {
		height: 190px;
	}
}



/* section5 */
.section5{
	padding: 100px 0;
	background: url('/images/main24/sec5_bg.png') no-repeat;
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
}
.section5 .title{
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 50px;
}
.section5 .rolling_area .rolling_slide{
	overflow: hidden;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
	background-color: var(--bh_color_white);
	border-radius: 50px;
	padding: 15px 35px;
	height: 80px;
}
.section5 .rolling_area .rolling_slide .inner .subjet{
	width: 180px;
	font-size: 20px;
	font-weight: bold;
}
.section5 .rolling_area .rolling_slide .inner .line{
	width: 1px;
	height: 50px;
	background-color: var(--bh_color_gray_300);
	margin-right: 19px;
}
.section5 .rolling_area .rolling_slide .inner .class{
	font-size: 16px;
	line-height: 1.5;
	width: 80%;
}
.section5 .rolling_area .rolling_slide .inner .name{
	font-size: 16px;
}

.section5 .promotion_area {
	margin: 0 -15px 100px;
}
.section5 .promotion_area .promotion_swiper_wrap {
	padding: 30px 15px;
	overflow: hidden;
}
.section5 .promotion_area .in_promotion{

}
.section5 .promotion_area .in_promotion .inner{
	height: 400px;
	box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}
.section5 .promotion_area .in_promotion .inner.in1{
	background: url('/images/main24/sec5_img1.jpg') no-repeat;
	background-size: cover;
}
.section5 .promotion_area .in_promotion .inner.in2{
	background: url('/images/main24/sec5_img2.jpg') no-repeat;
	background-size: cover;
}
.section5 .promotion_area .in_promotion .inner.in3{
	background: url('/images/main24/sec5_img3.jpg') no-repeat;
	background-size: cover;
}
.section5 .promotion_area .in_promotion .inner.in4{
	background: url('/images/main24/sec5_img4.jpg') no-repeat;
	background-size: cover;
}
.section5 .promotion_area .in_promotion .inner .in_txt{
	padding: 0 30px;
	position: absolute;
	left: 0;
	bottom: 30px;
}
.section5 .promotion_area .in_promotion .inner .in_txt p{
	font-size: 16px;
	font-weight: 500;
	color: var(--bh_color_white);
}
.section5 .promotion_area .in_promotion .inner .in_txt h3{
	font-size: 30px;
	font-weight: bold;
	color: var(--bh_color_white);
}
.section5 .promotion_area >div[name="swiper-button"]{
	height: 45px;
	width: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.07);
	background-color: var(--bh_color_white);
	cursor: pointer;
}
.section5 .promotion_area >div[name="swiper-button"] i{
	line-height: 1;
	font-size: 24px;
	color: var(--bh_color_main2);
}
.section5 .promotion_area >div[name="swiper-button"].swiper-button-prev-promotion{
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translate(-100%, -50%);
}
.section5 .promotion_area >div[name="swiper-button"].swiper-button-next-promotion{
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translate(100%, -50%);
}

.section5 .txt_area .in_txt p{
	font-size: 20px;
	font-weight: 500;
	color: var(--bh_color_gray_500);
	margin-bottom: 10px;
}
.section5 .txt_area .in_txt span{
	font-size: 30px;
	color: var(--bh_color_main);
	font-weight: 900;
}
.section5 .txt_area .in_txt span b{
	font-size: 50px;
	color: var(--bh_color_main2);
	font-weight: 900;
}
@media(max-width:992px) {
	.section5{
		padding: 50px 0;
	}
	.section5 .title{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.section5 .rolling_area > .bh_row > div:first-child{
		margin-bottom: 15px;
	}
	.section5 .rolling_area .rolling_slide{
		padding: 14px 20px;
		height: 80px;
		border-radius: 15px;
	}
	.section5 .rolling_area .rolling_slide .inner .subjet{
		font-size: 18px;
	}
	.section5 .rolling_area .rolling_slide .inner .line{
		display: none;
	}
	.section5 .rolling_area .rolling_slide .inner .class{
		font-size: 12px;
	}
	.section5 .rolling_area .rolling_slide .inner .class br{display: none;}
	.section5 .rolling_area .rolling_slide .inner .name{
		font-size: 12px;
	}
	.section5 .promotion_area {
		margin: 0 -15px 50px;
	}
	.section5 .promotion_area .in_promotion{
		overflow: hidden;
		padding: 30px 15px;
	}
	.section5 .promotion_area .in_promotion .inner{
		height: 320px;
	}
	.section5 .promotion_area .in_promotion .inner .in_txt{
		padding: 0 15px;
		position: absolute;
		left: 0;
		bottom: 15px;
	}
	.section5 .promotion_area .in_promotion .inner .in_txt p{
		font-size: 14px;
	}
	.section5 .promotion_area .in_promotion .inner .in_txt h3{
		font-size: 24px;
	}
	.section5 .promotion_area >div[name="swiper-button"]{
		display: none;
	}
	.section5 .txt_area >.bh_row > div{
		margin-bottom: 20px;
	}
	.section5 .txt_area >.bh_row > div:last-child{
		margin-bottom: 0;
	}
	.section5 .txt_area .in_txt p{
		font-size: 18px;
		margin-bottom: 0;
	}
	.section5 .txt_area .in_txt span{
		font-size: 24px;
	}
	.section5 .txt_area .in_txt span b{
		font-size: 32px;
	}
}

/* section6 */
.section6{
	padding: 170px 0 130px;
	background: url('/images/main24/sec6_bg.jpg') no-repeat;
	background-position: bottom;
	background-size: cover;
}
.section6 .bh_tab_wrap ul li{
	margin-bottom: 12px;
}
.section6 .bh_tab_wrap ul li:last-child{
	margin-bottom: 0;
}
.section6 .bh_tab_wrap ul li .bh_tab_btn{
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	background-color: rgba(255, 255, 255, 0.3);
	text-align: left !important;
	padding: 24px 35px;
}
.section6 .bh_tab_wrap ul li .bh_tab_btn.active{
	background-color: var(--bh_color_white);
	border-top: 5px solid var(--bh_color_main);
}
.section6 .bh_tab_wrap ul li .bh_tab_btn.active b{
	color: var(--bh_color_main2);
}
.section6 .bh_tab_wrap ul li .bh_tab_btn.active span{
	color: var(--bh_color_gray_600);
}
.section6 .bh_tab_btn b{
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: var(--bh_color_white);
	margin-bottom: 5px;
}
.section6 .bh_tab_btn span{
	display: block;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
}

.section6 .video_box{
	background-color: var(--bh_color_gray_300);
}
.section6 .video_box img{
	max-width: 620px;
}
.section6 .video_box iframe{
    width: 100%;
    height: 100%;
    min-width: 620px;
    min-height: 349px;
}
.section6 .video_box .play{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-image: linear-gradient(to bottom, #404040, #212121 67%);
	position: absolute;
	cursor: pointer;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.section6 .video_box .play i{
	color: var(--bh_color_white);
	font-size: 24px;
	line-height: 1;
	padding-left: 5px;
}
@media(max-width:992px) {
	.section6{
		padding: 50px 0px;
	}
	.section6 .bh_tab_wrap ul li{
		margin-bottom: 10px;
	}
	.section6 .bh_tab_wrap ul li .bh_tab_btn{
		padding: 20px 15px;
	}
	.section6 .bh_tab_btn b{
		font-size: 16px;
	}

	.section6 .video_box{
		margin-bottom: 30px;
	}
	.section6 .video_box img{
		max-width: 100%;
	}
    .section6 .video_box iframe{
        min-width: 380px;
    }
}


/* section7 */
.section7{
	background-image: linear-gradient(to right, #2e3192, #0d0f60);
}
.section7 .advertise_slide_area{
	overflow: hidden;
}
.section7 .advertise_slide_area .item{
	/* height: 380px; */
	/* padding-top: 60px; */
	/* background: url("/images/main24/sec7_img.png") no-repeat; */
	/* background-position: right 94px bottom; */
	/* background-size: 383px; */
}
.section7 .advertise_slide_area .item img{
    width: 100%;
}
.section7 .advertise_slide_area .item .bnr-text-box {
    position: absolute;
    top: 5%;
    left: 20%;
}
.section7 .advertise_slide_area .item .bnr-text-box h4{
	text-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
	display: block;
	color: #ffd779;
	font-size: 35px;
	font-weight: 700;
	margin-top: 40px;
}
.section7 .advertise_slide_area .item .bnr-text-box .text{
	text-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	color: var(--bh_color_white);
	margin-top: 10px;
}
.section7 .advertise_slide_area .item .bnr-text-box .cpny{
	font-size: 16px;
	font-weight: 300;
	margin-top: 15px;
	color: var(--bh_color_white);
}
.section7 .advertise_slide_area .tool_box{
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50px;
	padding: 9px 20px;
	/* color: var(--bh_color_white); */
	position: absolute;
	right: 20%;
	bottom: 5px;
	z-index: 9;
}
.section7 .advertise_slide_area .tool_box .swiper-pagination-advertise{
	font-size: 14px;
	font-weight: 500;
	margin-right: 25px;
	width: auto;
}
.section7 .advertise_slide_area .tool_box .slide_btn{
	line-height: 1;
}
.section7 .advertise_slide_area .tool_box .slide_btn > i{
	cursor: pointer;
	display: none;
	font-size: 18px;
	line-height: 1;
}
.section7 .advertise_slide_area .tool_box .slide_btn > i.active{
	display: block;
}
.section7 .advertise_slide_area .tool_box div[name="swiper-button"]{
	cursor: pointer;
	line-height: 1;
}
.section7 .advertise_slide_area .tool_box div[name="swiper-button"] i{
	opacity: .5;
	font-size: 18px;
	line-height: 1;
}
@media(max-width:1350px) {
	.section7 .advertise_slide_area .item .bnr-text-box {
	    top: 3%;
	    left: 15%;
	}
	.section7 .advertise_slide_area .item .bnr-text-box h4{
		font-size: 30px;
		font-weight: 600;
		margin-top: 18px;
	}
	.section7 .advertise_slide_area .item .bnr-text-box .text{
		font-size: 20px;
		line-height: normal;
		margin-top: 10px;
	}
	.section7 .advertise_slide_area .item .bnr-text-box .cpny{
		font-size: 14px;
		margin-top: 5px;
	}
	.section7 .advertise_slide_area .tool_box{
		padding: 5px 10px;
		left: unset;
		right: 10%;
		bottom: 3px;
	}
	.section7 .advertise_slide_area .tool_box .swiper-pagination-advertise {
		font-size: 10px;
		margin-right: 5px;
	}
	.section7 .advertise_slide_area .tool_box .slide_btn > i,
	.section7 .advertise_slide_area .tool_box div[name="swiper-button"] i {
		font-size: 12px;
	}
}
@media(max-width:992px) {
    .section7 .advertise_slide_area .item .bnr-text-box {
        top: 2%;
        left: 10%;
    }
    .section7 .advertise_slide_area .item .bnr-text-box h4{
        font-size: 20px;
        margin-top: 13px;
    }
    .section7 .advertise_slide_area .item .bnr-text-box .text{
        font-size: 16px;
        margin-top: 8px;
    }
    .section7 .advertise_slide_area .item .bnr-text-box .cpny{
        font-size: 12px;
        margin-top: 3px;
    }
}
@media(max-width:750px) {
    .section7 .advertise_slide_area .item .bnr-text-box {
        top: 1%;
    }
    .section7 .advertise_slide_area .item .bnr-text-box h4{
        font-size: 18px;
        margin-top: 8px;
    }
    .section7 .advertise_slide_area .item .bnr-text-box .text{
        font-size: 14px;
        margin-top: 3px;
    }
    .section7 .advertise_slide_area .item .bnr-text-box .cpny{
        font-size: 12px;
        margin-top: 1px;
    }
}
@media(max-width:600px) {
    .section7 .advertise_slide_area .item .bnr-text-box {
        top: 1%;
    }
    .section7 .advertise_slide_area .item .bnr-text-box h4{
        font-size: 12px;
        margin-top: 3px;
    }
    .section7 .advertise_slide_area .item .bnr-text-box .text{
        font-size: 10px;
        margin-top: 1px;
    }
    .section7 .advertise_slide_area .item .bnr-text-box .cpny{
        font-size: 9px;
        margin-top: 1px;
    }
}
@media(max-width:400px) {
	.section7 .advertise_slide_area .item .bnr-text-box h4{
		font-size: 12px;
		margin-top: 0px;
	}
	.section7 .advertise_slide_area .item .bnr-text-box .text{
		font-size: 10px;
		margin-top: 0px;
	}
	.section7 .advertise_slide_area .item .bnr-text-box .cpny{
		font-size: 8px;
		margin-top: 0px;
	}
}


/* section8 */
.section8{
	background-color: var(--bh_color_gray_700);
	padding: 100px 0;
}
.section8 .notice_box h3,
.section8 .counsel_box h3{
	font-size: 40px;
	color: var(--bh_color_white);
	margin-bottom: 20px;
}
.section8 .notice_box ul li{
	padding: 20px 0 19px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.section8 .notice_box ul li:last-child{
	border-bottom: 0;
}
.section8 .notice_box ul li a .num{
	font-size: 18px;
	color: var(--bh_color_gray_500);
	margin-right: 20px;
}
.section8 .notice_box ul li a .title{
	font-size: 18px;
	color: var(--bh_color_white);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 350px;
}
.section8 .notice_box ul li a .date{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: var(--bh_color_gray_500);
}

.section8 .counsel_box .info{
	width: 370px;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
	padding: 30px 20px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 7px;
}
.section8 .counsel_box .info .call_box{
	line-height: 1;
}
.section8 .counsel_box .info .call_box i{
	line-height: 1;
	font-size: 24px;
	color: var(--bh_color_main2);
	margin-right: 10px;
}	
.section8 .counsel_box .info .call_box p{
	font-size: 20px;
	font-weight: bold;
	margin-right: 30px;
}
.section8 .counsel_box .info .call_box span{
	font-size: 16px;
	color: var(--bh_color_gray_600);
}
.section8 .counsel_box .info .call_box:nth-of-type(1){
	padding-bottom: 30px;
	border-bottom: 1px solid var(--bh_color_white);
	margin-bottom: 30px;
}
.section8 .counsel_box .info .time_box{
	background-color: var(--bh_color_gray_100);
	border-radius: 7px;
	padding: 30px 40px 30px 55px;
	margin-left: 25px;
	margin-top: 35px;
}
.section8 .counsel_box .info .time_box h4{
	font-size: 24px;
}
.section8 .counsel_box .info .time_box h4 span{
	color: var(--bh_color_main);
}
.section8 .counsel_box .info .time_box p{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
}
.section8 .counsel_box .info .time_box .icon{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bh_color_main2);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
}
.section8 .counsel_box .info .time_box .icon i{
	font-size: 24px;
	color: var(--bh_color_white);
	line-height: 1;
}
@media(max-width:992px) {
	.section8{
		padding: 50px 0;
	}
	.section8 .notice_box h3,
	.section8 .counsel_box h3{
		font-size: 32px;
		margin-bottom: 15px;
	}
	.section8 .notice_box{
		margin-bottom: 30px;
	}
	.section8 .notice_box ul li{
		padding: 15px 0 14px;
	}
	.section8 .notice_box ul li a .num{
		font-size: 14px;
		margin-right: 10px;
	}
	.section8 .notice_box ul li a .title{
		font-size: 14px;
		max-width: 220px;
	}
	.section8 .notice_box ul li a .date{
		font-size: 14px;
	}

	.section8 .counsel_box .info{
		width: 100%;
		box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
		padding: 30px 20px;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 7px;
	}
	.section8 .counsel_box .info .call_box i{
		font-size: 20px;
	}	
	.section8 .counsel_box .info .call_box p{
		font-size: 18px;
		margin-right: 15px;
	}
	.section8 .counsel_box .info .call_box span{
		font-size: 14px;
	}
	.section8 .counsel_box .info .call_box:nth-of-type(1){
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.section8 .counsel_box .info .time_box{
		padding: 30px 15px;
		margin-left: 0px;
		margin-top: 50px;
	}
	.section8 .counsel_box .info .time_box h4{
		font-size: 18px;
	}
	.section8 .counsel_box .info .time_box p{
		font-size: 16px;
		font-weight: 500;
		line-height: 1.2;
	}
	.section8 .counsel_box .info .time_box .icon{
		width: 40px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 0%;
		transform: translate(-50%, -50%);
	}
	.section8 .counsel_box .info .time_box .icon i{
		font-size: 20px;
	}
}



/* f_slide */
.f_slide{
	padding: 15px 0;
	background-color: var(--bh_color_gray_700);
}
.f_slide .f_in_slide{
	overflow: hidden;
}
.f_slide .f_in_slide img{
	width: 100%;
}
.f_slide div[name="swiper-button"] i {
	font-size: 24px;
	color: var(--bh_color_white);
	opacity: .5;
	line-height: 1;
	cursor: pointer;
}
.f_slide .swiper-button-prev-footer{
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(-50%,-50%);
}
.f_slide .swiper-button-next-footer{
	position: absolute;
	right:0px;
	top: 50%;
	transform: translate(50%,-50%);
}
@media(max-width:992px) {
	.f_slide div[name="swiper-button"]{
		display: none;
	}
}

/* section1, section2, section3 */
#section1,#section2,#section3 {
	padding: 50px 0;
}
@media(max-width:992px) {
	#section1,#section2,#section3 { padding: 30px 0; }
}
#quick_menu{
	position: fixed;
	right: -145px;
	top: 320px;
	z-index: 99;
	transition: all .3s;
	display: none;
}
#quick_menu.on{
	right:0;
}
#quick_menu.on .view_visual .arr{
	transform: translateX(-50%) rotate(180deg);
}
#quick_menu .view_visual{
	background-color: var(--bh_color_main2);
	width: 62px;
	border-radius: 5px 0 0 5px;
	position: relative;
	cursor: pointer;
}
#quick_menu .view_height_5{
    height: 260px;
}
#quick_menu .view_height_8{
    height: 415px;
}
#quick_menu .view_visual .title{
	color: var(--bh_color_white);
	font-size: 20px;
	font-weight: 500;
	transform: rotate(-90deg) translateY(-50%);
    position: absolute;
    left: -31%;
    top: 45%;
	width: 135px;
}
#quick_menu .view_visual .arr{
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	line-height: 1;
}
#quick_menu .view_visual .arr i{
	line-height: 1;
	color: var(--bh_color_white);
	font-size: 24px;
}
#quick_menu li a{
	width: 145px;
	font-size: 14px;
	padding: 14.3px 10px;
	border-bottom: 1px solid var(--bh_color_gray_300);
	background-color: var(--bh_color_gray_100);
	font-weight: 500;
}
#quick_menu li:last-child a{
	border-bottom: 0;
}

#quick_menu .m-icon{
	display: none;
}
@media(max-width:992px) {
	#quick_menu{
		position: fixed;
		right: -120px;
		top: 120px;
	}
	#quick_menu .view_visual{
		width: 40px;
	}
    #quick_menu .view_height_5{
        height: 200px;
    }
    #quick_menu .view_height_8{
        height: 320px;
    }
	#quick_menu .view_visual .title{
		display: none;
	}
	#quick_menu .view_visual .arr{
		display: none;
	}
	#quick_menu li a{
		width: 120px;
		font-size: 12px;
		padding: 10px;
	}
	#quick_menu .m-icon{
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	#quick_menu .m-icon i{
		font-size: 24px;
		color: var(--bh_color_white);
		line-height: 1;
	}
}


