.b30
	.wancho
		position relative

.b30Wrap
	position relative
	
.b30Left
	width 50%
	position relative
	
.b30Item
	position absolute
	opacity0()
	top 0
	left 0
	figure
		img
			border-radius 15px
	&.active
		opacity1()
		position relative
	
.b30Right
	width 50%
	padding-left 100px
	scrollbar(linear-gradient(180deg, #0050cd 0%, #f44146 100%),#F0F2F7,8,1)
	direction: rtl
	padding-bottom 30px
	.gTitle
		direction: ltr
		text-align left
		width 100%
		margin-bottom 60px
		
.b30List
	height 450px
	position relative
	overflow-y auto

.b30InfoItem
	height 100%
	position relative
	padding 0px 60px
	text-align left
	direction: ltr

.b30InfoItemContent
	figure
		display none
	.date
		margin-bottom 0px
		font-size 16px
		textg(t-400,normal,#70839C)
	h4
		margin 36px 0px
		font-size 24px
		textg(t-400,normal,#002346)


@media screen and (max-width 1366px)
	.b30Right
		padding-left 60px
	.b30InfoItem
		padding 0px 40px
	.b30List
		height 400px
	.b30Left
		width 48%
	.b30Right
		width 52%
	.b30InfoItemContent h4
		font-size 20px
		
@media screen and (max-width 1280px)
	.b30List
		height 350px
	.b30Right .gTitle
		margin-bottom 50px
		
@media screen and (max-width 1024px)
	.b30List
		height 300px
	.b30Right .gTitle
		margin-bottom 50px
	.b30InfoItemContent h4
		margin 20px 0px
		
@media screen and (max-width 768px)
	.b30Left
		display none
	.b30Right
		width 100%
		padding 0
		.gTitle
			text-align center
	.b30InfoItemContent
		figure
			display block
			margin-bottom 30px
			img
				border-radius 15px
	.b30List
		height auto
	.b30InfoItem
		padding 0px
		margin-bottom 48px
		&:last-child
			margin-bottom 0
	.b30InfoItemContent h4
		font-size 18px
		margin 20px 0px