h1, h2, h3, h4, h5, h6{font-weight: 600}
body{overflow-x: hidden;}
@media(min-width: 1400px){
	.main{padding-bottom: 140px}
	.main-section .container .row > h3{
		font-size: 36px;
		color: #1D1D1D;
		letter-spacing: -0.9px;
		line-height: 50px;
	}
	.main-section01{
		margin-top: -78px;
		height: 631px;
		background-image: url(/pub/site/jiph/images/main/main_visual_bg1.svg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-section01 ul{
		margin-top: 145px;
		display: flex;
		justify-content: space-between;
	}
	.main-section01 ul li a{
		position: relative;
		display: block;
		width: 320px;
		height: 345px;
		position: relative;
		border-radius: 40px 120px 40px 40px;
		background: #fff;
		padding: 64px 96px 64px 40px;
		color: #666666;
	}
	.main-section01 ul li:first-child a{
		background-image: url(/pub/site/jiph/images/main/main_visual_img.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.main-section01 ul li:first-child a p{
		color: #fff !important;
	}
	.main-section01 ul li a:before{
		content: '';
		position: absolute;
		bottom: 40px;
		right: 40px;
		width: 54px;
		height: 54px;
		background: url(/pub/site/jiph/images/main/main_icon1.svg) no-repeat center;
	}
	.main-section01 ul li:nth-child(2) a:before{
		background: url(/pub/site/jiph/images/main/main_icon2.svg) no-repeat center;
	}
	.main-section01 ul li:nth-child(3) a:before{
		background: url(/pub/site/jiph/images/main/main_icon3.svg) no-repeat center;
	}
	.main-section01 ul li:nth-child(4) a:before{
		background: url(/pub/site/jiph/images/main/main_icon4.svg) no-repeat center;
	}
	.main-section01 ul li:nth-child(even) a{
		margin-top: 76px;
		border-radius: 40px 40px 40px 120px;
	}
	.main-section01 ul li a .tit{
		color: #2C7C90;
		font-size: 24px;
		letter-spacing: -0.6px;
		font-weight: 700;
		line-height: 33px;
		margin-bottom: 15px;
	}
	.main-section01 ul li a .tit i{
		margin-left: 8px;
	}
	.main-section01 ul li a .txt{
		font-size: 16px;
		letter-spacing: -0.4px;
		line-height: 24px;
		word-break: keep-all;
	}
	.main-section02{
		height: 266px;
		background-image: url(/pub/site/jiph/images/main/main_visual_bg2.svg);
		background-position: right;
		background-repeat: no-repeat;
		padding-top: 80px;
	}
	.main-section02 .row{
		display: flex;
		max-width: 80%;
	}
	.main-section02 h3{
		position: relative;
		margin-right: 80px;
		min-height: 144px;
	}
	.main-section02 h3 a{
		position: absolute;
		bottom: 0;
		letter-spacing: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 78px;
		height: 35px;
		border: 1px solid #2C7C90;
		border-radius: 30px;
		color: #2C7C90;
		font-size: 14px;
		font-weight: 500;
	}
	.main-section02 h3 a i{
		margin-left: 7px;
		color: #2C7C90;
	}
	.main-section02 ul{
		display: flex;
	}
	.main-section02 li+li{
		position: relative;
		margin-left: 48.5px;
		padding-left: 48.5px;
	}
	.main-section02 li+li:before{
		content: '';
		position: absolute;
		left: 0;
		top: 13.5px;
		height: 80%;
		border-left: 1px solid #DDDDDD;
	}
	.main-section02 li a{
		display: block;
		width: 205px;
		height: 144px;
	}
	.main-section02 li .tit{
		font-size: 18px;
		color: #1D1D1D;
		font-weight: 500;
		margin-bottom: 40px;
		height: 77px;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.main-section02 li .date{
		color: #666666;
		font-size: 14px;
		letter-spacing: -0.35px;
		font-weight: 400;
	}
	.main-section02 li .date i{
		margin-right: 5px;
	}
	.main-section03 {
		position: relative;
		padding-top: 134px;

	}
	.main-section03:before{
		content: '';
		position: absolute;
		top: 134px;
		left: 0;
		width: 299px;
		height: 482px;
		background: url(/pub/site/jiph/images/main/main_bottm_bg1.svg) no-repeat center;
	}
	.main-section03 h3{
		text-align: center;
		margin-bottom: 36px;
	}
	.main-section03 .row{
		height: 538px;
	}
	.main-section03 .slide-categori{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 82px;
	}
	.main-section03 .slide-categori li{

	}
	.main-section03 .slide-categori li a{
		border: 1px solid #DDDDDD;
		border-radius: 30px;
		padding: 12px 26px;
		margin: 0 12px;
		font-size: 18px;
		letter-spacing: -0.45px;
		color: #1D1D1D;
	}
	.main-section03 .slide-categori li a.active{
		position: relative;
		background: #2C7C90;
		color: #FFFFFF;
		font-weight: bold;
		border: none;
	}
	.main-section03 .slide-categori li a.active:before{
		content: '';
		position: absolute;
		bottom: -8px;
		left: calc(50% - 6px);
		border-bottom: 8px solid;
		border-left: 6px solid rgba(0, 0, 0, 0);
		border-right: 6px solid rgba(0, 0, 0, 0);
		color: #2C7C90;
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
	}
	/*.main-section03 .slide-wrap .slide1{*/
	/*	width: 360px;*/
	/*}*/
	.main-section03 .slide1{
		margin-bottom: 36px;
		display: none;
	}
	.main-section03 .slide-wrap .slide1.active{
		display: block;
	}
	.main-section03 .slide1 .bx-viewport{
		overflow: unset !important;
	}
	.main-section03 .slide1 .bx-wrapper{
		margin-left: 136px !important;
	}
	.main-section03 .slide-wrap .slide{
		/*overflow: hidden;*/
		height: 221px;
		/*margin-left: 136px;*/
		width: 360px;
	}
	.main-section03 .slide-wrap .slide li{
		float: left;
		width: 360px !important;
	}
	.main-section03 .slide-wrap .slide li a{
		display: block;
		width: 360px;
		height: 221px;
		background: #F6F7F9;
		border-radius: 30px;
		padding: 36px;
	}
	.main-section03 .slide-wrap .slide li a .categori{
		line-height: 36px;
		margin-bottom: 16px;
		font-size: 16px;
		letter-spacing: -0.4px;
		color: #2C7C90;
	}
	.main-section03 .slide-wrap .slide li a .categori span{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: #D7E7EB;
		margin-right: 8px;
	}
	.main-section03 .slide-wrap .slide li a .tit{
		font-size: 18px;
		letter-spacing: -0.45px;
		color: #1D1D1D;
		font-weight: 500;
		margin-bottom: 49px;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 25px;
	}
	.main-section03 .slide-wrap .slide li a .date{
		font-size: 14px;
		letter-spacing: -0.35px;
		color: #666666;
	}
	.main-section03 .slide-wrap .slide li a .date i{
		margin-right: 5px
	}
	.main-section03 .slide-wrap .slide-option{
		position: relative;
		width: 100%;
	}
	.main-section03 .slide-wrap .slide-option .slide-progress{
		position: absolute;
		top: 30px;
		left: 136px;
		height: 4px;
		background-color: #ddd;
		border-radius: 30px;
		overflow: hidden;
		width: calc(100% - 332px);
	}
	.main-section03 .slide-wrap .slide-option .slide-progress .slide-bar {
		width: 25%;
		height: 100%;
		background-color: #3498B1;
		transition: width 0.3s ease;
	}
	.main-section03 .slide-wrap .slide-option .slide-btn{
		display: flex;
		float: right;
	}
	.main-section03 .slide-wrap .slide-option .slide-btn a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 64px;
		height: 64px;
		border: 1px solid #DDDDDD;
		border-radius: 50%;
		background: #fff;
		font-size: 20px;
		color: #3498B1;
		margin-left: 20px;
		text-decoration: none;
	}
	.main-section04{
		position: relative;
		height: 490px;
		padding-top: 140px;
	}
	.main-section04:before{
		content: '';
		position: absolute;
		bottom: 46px;
		right: 0;
		width: 143px;
		height: 168px;
		background: url(/pub/site/jiph/images/main/main_bottm_bg2.svg) no-repeat center;
	}
	.main-section04 .row{
		display: flex;
	}
	.main-section04 .left{
		position: relative;
		width: 280px;
		height: 350px;
		background: #2C7C90;
		border-radius: 30px;
		padding: 40px 32px;

	}
	.main-section04 .left:before{
		content: '';
		position: absolute;
		top: 188.5px;
		right: -6px;
		width: 99.5px;
		height: 101px;
		background: url(/pub/site/jiph/images/main/ill_photo.svg) no-repeat center;
	}
	.main-section04 .left h3{
		font-size: 32px;
		letter-spacing: -1.6px;
		color: #fff;
		margin-bottom: 12px;
	}
	.main-section04 .left p{
		color: #fff;
		font-size: 15px;
		letter-spacing: -0.38px;
		line-height: 21px;
		font-weight: 400;
	}
	.main-section04 .left .more a{
		position: absolute;
		bottom: 40px;
		letter-spacing: 32px;
		background: #FFFFFF;
		border-radius: 30px;
		font-size: 14px;
		color: #2C7C90;
		letter-spacing: -0.7px;
		line-height: 19px;
		padding: 8px 12px;
	}
	.main-section04 .left .more a .m-true{
		display: none;
	}
	.main-section04 .right{
		width: calc(100% - 280px);
		padding-left: 46px;
	}
	.main-section04 .right li{
		float: left;
		width: 340px;
		margin-right: 27px;
	}
	.main-section04 .right li:last-child{
		margin-right: 0;
	}
	.main-section04 .right li a{
		width: 100%;
	}
	.main-section04 .right li a .image{
		display: block;
		width: 100%;
		height: 240px;
		margin-bottom: 16px;
		border-radius: 30px;
		background: #333;
	}
	.main-section04 .right li a .image img{
		display: block;
		width: 100%;
		height: 100%;
	}
	.main-section04 .right li a .tit{
		font-size: 18px;
		letter-spacing: -0.45px;
		color: #333;
		margin-bottom: 18px;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 27.5px;
		margin-bottom: 18px;
	}
	.main-section04 .right li a .date{
		font-size: 14px;
		letter-spacing: -0.35px;
		color: #666666;
	}
	.main-section04 .right li a .date i{
		margin-right: 4.5px;
	}
	.main-section04 .custom-paging{
		display: none;
	}
}
@media(min-width: 992px) and (max-width: 1399px){
	.main{padding-bottom: 140px}
	.main-section .container .row > h3{
		font-size: 36px;
		color: #1D1D1D;
		letter-spacing: -0.9px;
		line-height: 50px;
	}
	.main-section01{
		margin-top: -78px;

		background-image: url(/pub/site/jiph/images/main/main_visual_bg1.svg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.main-section01 ul{
		margin-top: 145px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.main-section01 ul li{
		width: 34%;
	}
	.main-section01 ul li a{
		position: relative;
		display: block;
		width: 100%;
		height: 345px;
		position: relative;
		border-radius: 40px 120px 40px 40px;
		background: #fff;
		padding: 64px 96px 64px 40px;
		color: #666666;
	}
	.main-section01 ul li:first-child a{
		background-image: url(/pub/site/jiph/images/main/main_visual_img.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.main-section01 ul li:first-child a p{
		color: #fff !important;
	}
	.main-section01 ul li a:before{
		content: '';
		position: absolute;
		bottom: 40px;
		right: 40px;
		width: 54px;
		height: 54px;
		background: url(/pub/site/jiph/images/main/main_icon1.svg) no-repeat center;
	}
	.main-section01 ul li:nth-child(2) a:before{
		background: url(/pub/site/jiph/images/main/main_icon2.svg) no-repeat center;
	}
	.main-section01 ul li:nth-child(3) a:before{
		background: url(/pub/site/jiph/images/main/main_icon3.svg) no-repeat center;
	}
	.main-section01 ul li:nth-child(4) a:before{
		background: url(/pub/site/jiph/images/main/main_icon4.svg) no-repeat center;
	}
	.main-section01 ul li:nth-child(even) a{
		margin-top: 76px;
		border-radius: 40px 40px 40px 120px;
	}
	.main-section01 ul li a .tit{
		color: #2C7C90;
		font-size: 24px;
		letter-spacing: -0.6px;
		font-weight: 700;
		line-height: 33px;
		margin-bottom: 15px;
	}
	.main-section01 ul li a .tit i{
		margin-left: 8px;
	}
	.main-section01 ul li a .txt{
		font-size: 16px;
		letter-spacing: -0.4px;
		line-height: 24px;
		word-break: keep-all;
	}
	.main-section02{
		height: 266px;
		background-image: url(/pub/site/jiph/images/main/main_visual_bg2.svg);
		background-position: right;
		background-repeat: no-repeat;
		padding-top: 80px;
	}
	.main-section02 .row{

	}
	.main-section02 h3{
		position: relative;
		/*margin-right: 80px;*/
		margin-bottom: 25px;
	}
	.main-section02 h3 a{
		position: absolute;
		bottom: 0;
		right: 0;
		letter-spacing: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 78px;
		height: 35px;
		border: 1px solid #2C7C90;
		border-radius: 30px;
		color: #2C7C90;
		font-size: 14px;
		font-weight: 500;
	}
	.main-section02 h3 a i{
		margin-left: 7px;
		color: #2C7C90;
	}
	.main-section02 ul{
		display: flex;
	}
	.main-section02 li+li{
		position: relative;
		margin-left: 48.5px;
		padding-left: 48.5px;
	}
	.main-section02 li+li:before{
		content: '';
		position: absolute;
		left: 0;
		top: 13.5px;
		height: 80%;
		border-left: 1px solid #DDDDDD;
	}
	.main-section02 li a{
		display: block;
		width: 205px;
		height: 144px;
	}
	.main-section02 li .tit{
		font-size: 18px;
		color: #1D1D1D;
		font-weight: 500;
		margin-bottom: 40px;
	}
	.main-section02 li .date{
		color: #666666;
		font-size: 14px;
		letter-spacing: -0.35px;
		font-weight: 400;
	}
	.main-section02 li .date i{
		margin-right: 5px;
	}
	.main-section03 {
		position: relative;
		padding-top: 134px;

	}
	.main-section03:before{
		content: '';
		position: absolute;
		top: 134px;
		left: 0;
		width: 299px;
		height: 482px;
		background: url(/pub/site/jiph/images/main/main_bottm_bg1.svg) no-repeat center;
	}
	.main-section03 h3{
		text-align: center;
		margin-bottom: 36px;
	}
	.main-section03 .row{
		height: 538px;
	}
	.main-section03 .slide-categori{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 82px;
	}
	.main-section03 .slide-categori li{

	}
	.main-section03 .slide-categori li a{
		border: 1px solid #DDDDDD;
		border-radius: 30px;
		padding: 12px 26px;
		margin: 0 12px;
		font-size: 18px;
		letter-spacing: -0.45px;
		color: #1D1D1D;
	}
	.main-section03 .slide-categori li a.active{
		position: relative;
		background: #2C7C90;
		color: #FFFFFF;
		font-weight: bold;
		border: none;
	}
	.main-section03 .slide-categori li a.active:before{
		content: '';
		position: absolute;
		bottom: -8px;
		left: calc(50% - 6px);
		border-bottom: 8px solid;
		border-left: 6px solid rgba(0, 0, 0, 0);
		border-right: 6px solid rgba(0, 0, 0, 0);
		color: #2C7C90;
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
	}
	/*.main-section03 .slide-wrap .slide1{*/
	/*	width: 360px;*/
	/*}*/
	.main-section03 .slide1{
		margin-bottom: 36px;
	}
	/*.main-section03 .slide1 .bx-viewport{*/
	/*	overflow: unset !important;*/
	/*}*/
	.main-section03 .slide1 .bx-wrapper{
		margin-left: 136px !important;
	}
	.main-section03 .slide1 .bx-viewport{
		overflow: unset !important;
	}

	.main-section03 .slide-wrap .slide{
		/*overflow: hidden;*/
		height: 221px;
		/*margin-left: 136px;*/
		width: 360px;
	}
	.main-section03 .slide-wrap .slide li{
		float: left;
		width: 360px !important;
	}
	.main-section03 .slide-wrap .slide li a{
		display: block;
		width: 360px;
		height: 221px;
		background: #F6F7F9;
		border-radius: 30px;
		padding: 36px;
	}
	.main-section03 .slide-wrap .slide li a .categori{
		line-height: 36px;
		margin-bottom: 16px;
		font-size: 16px;
		letter-spacing: -0.4px;
		color: #2C7C90;
	}
	.main-section03 .slide-wrap .slide li a .categori span{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: #D7E7EB;
		margin-right: 8px;
	}
	.main-section03 .slide-wrap .slide li a .tit{
		font-size: 18px;
		letter-spacing: -0.45px;
		color: #1D1D1D;
		font-weight: 500;
		margin-bottom: 49px;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 25px;
	}
	.main-section03 .slide-wrap .slide li a .date{
		font-size: 14px;
		letter-spacing: -0.35px;
		color: #666666;
	}
	.main-section03 .slide-wrap .slide li a .date i{
		margin-right: 5px
	}
	.main-section03 .slide-wrap .slide-option{
		position: relative;
		width: 100%;
	}
	.main-section03 .slide-wrap .slide-option .slide-progress{
		position: absolute;
		top: 30px;
		left: 136px;
		height: 4px;
		background-color: #ddd;
		border-radius: 30px;
		overflow: hidden;
		width: calc(100% - 332px);
	}
	.main-section03 .slide-wrap .slide-option .slide-progress .slide-bar {
		width: 25%;
		height: 100%;
		background-color: #3498B1;
		transition: width 0.3s ease;
	}
	.main-section03 .slide-wrap .slide-option .slide-btn{
		display: flex;
		float: right;
	}
	.main-section03 .slide-wrap .slide-option .slide-btn a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 64px;
		height: 64px;
		border: 1px solid #DDDDDD;
		border-radius: 50%;
		background: #fff;
		font-size: 20px;
		color: #3498B1;
		margin-left: 20px;
		text-decoration: none;
	}
	.main-section04{
		position: relative;
		height: 490px;
		padding-top: 140px;
	}
	.main-section04:before{
		content: '';
		position: absolute;
		bottom: 46px;
		right: 0;
		width: 143px;
		height: 168px;
		background: url(/pub/site/jiph/images/main/main_bottm_bg2.svg) no-repeat center;
	}
	.main-section04 .row{
		display: flex;
	}
	.main-section04 .left{
		position: relative;
		width: 280px;
		height: 350px;
		background: #2C7C90;
		border-radius: 30px;
		padding: 40px 32px;

	}
	.main-section04 .left:before{
		content: '';
		position: absolute;
		top: 188.5px;
		right: -6px;
		width: 99.5px;
		height: 101px;
		background: url(/pub/site/jiph/images/main/ill_photo.svg) no-repeat center;
	}
	.main-section04 .left h3{
		font-size: 32px;
		letter-spacing: -1.6px;
		color: #fff;
		margin-bottom: 12px;
	}
	.main-section04 .left p{
		color: #fff;
		font-size: 15px;
		letter-spacing: -0.38px;
		line-height: 21px;
		font-weight: 400;
	}
	.main-section04 .left .more a{
		position: absolute;
		bottom: 40px;
		letter-spacing: 32px;
		background: #FFFFFF;
		border-radius: 30px;
		font-size: 14px;
		color: #2C7C90;
		letter-spacing: -0.7px;
		line-height: 19px;
		padding: 8px 12px;
	}
	.main-section04 .right{
		width: clac(100% - 280px);
		padding-left: 46px;
	}
	.main-section04 .right li{
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.main-section04 .right li:last-child{
		margin-right: 0;
	}
	.main-section04 .right li a{
		width: 100%;
	}
	.main-section04 .right li a .image{
		display: block;
		width: 100%;
		height: 240px;
		margin-bottom: 16px;
		border-radius: 30px;
		background: #333;
	}
	.main-section04 .right li a .tit{
		font-size: 18px;
		letter-spacing: -0.45px;
		color: #333;
		margin-bottom: 18px;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 27.5px;
		margin-bottom: 18px;
	}
	.main-section04 .right li a .date{
		font-size: 14px;
		letter-spacing: -0.35px;
		color: #666666;
	}
	.main-section04 .right li a .date i{
		margin-right: 4.5px;
	}
	.main-section04 .right .slide-option2{
		display: none;
	}
}

@media(max-width: 991px){
	html{
		overflow: hidden;
	}
	.main-section .container .row > h3{
		font-size: 22px;
		color: #1D1D1D;
		letter-spacing: -0.55px;
		line-height: 30px;
	}
	.main-section01{
		margin-top: -65px;
		height: 476px;
		background-image: url(/pub/site/jiph/images/main/m_bg1.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.main-section01 ul{
		margin-top: 65px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 18px 0;
	}
	.main-section01 ul li a{
		position: relative;
		display: block;
		width: 155px;
		height: 167px;
		position: relative;
		border-radius: 20px 60px 20px 20px;
		background: #fff;
		padding: 21px 20px;
		color: #666666;
	}
	.main-section01 ul li:first-child a{
		background-image: url(/pub/site/jiph/images/main/main_visual_img.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.main-section01 ul li:first-child a p{
		color: #fff !important;
	}
	.main-section01 ul li a:before{
		content: '';
		position: absolute;
		bottom: 16px;
		right: 16px;
		width: 27px;
		height: 27px;
		background: url(/pub/site/jiph/images/main/main_icon1.svg) no-repeat center;
		background-size: cover;
	}
	.main-section01 ul li:nth-child(2) a:before{
		background: url(/pub/site/jiph/images/main/main_icon2.svg) no-repeat center;
		background-size: cover;
	}
	.main-section01 ul li:nth-child(3) a:before{
		background: url(/pub/site/jiph/images/main/main_icon3.svg) no-repeat center;
		background-size: cover;
	}
	.main-section01 ul li:nth-child(4) a:before{
		background: url(/pub/site/jiph/images/main/main_icon4.svg) no-repeat center;
		background-size: cover;
	}
	.main-section01 ul li{
		height: 167px;
	}
	.main-section01 ul li:nth-child(even) a{
		margin-top: 37px;
		border-radius: 20px 20px 20px 60px;
	}
	.main-section01 ul li a .tit{
		color: #2C7C90;
		font-size: 16px;
		letter-spacing: -0.4px;
		font-weight: 700;
		line-height: 23px;
		margin-bottom: 8px;
	}
	.main-section01 ul li a .tit i{
		margin-left: 6px;
	}
	.main-section01 ul li a .txt{
		font-size: 12px;
		letter-spacing: -0.3px;
		line-height: 17px;
		word-break: keep-all;
	}
	.main-section02{
		position: relative;
		padding-top: 73px;
	}
	.main-section02:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 42px;
		background: url(/pub/site/jiph/images/main/m_bg2.svg) no-repeat right;
	}
	.main-section02 .row{

	}
	.main-section02 h3{
		position: relative;
		margin-bottom: 25px;
	}
	.main-section02 h3 a{
		position: absolute;
		top: 0;
		right: 0;
		letter-spacing: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 67px;
		height: 28px;
		border: 1px solid #2C7C90;
		border-radius: 30px;
		color: #2C7C90;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: -0.3px;
	}
	.main-section02 h3 a i{
		margin-left: 4px;
		color: #2C7C90;
	}
	.main-section02 ul{
		display: flex;
		overflow: auto;
	}
	.main-section02 li+li{
		position: relative;
		margin-left: 40px;
		padding-left: 24px;
	}
	.main-section02 li+li:before{
		content: '';
		position: absolute;
		left: 0;
		top: 3px;
		height: 80%;
		border-left: 1px solid #DDDDDD;
	}
	.main-section02 li a{
		display: block;
		width: 182px;
		height: 142px;
	}
	.main-section02 li .tit{
		font-size: 16px;
		color: #1D1D1D;
		font-weight: 500;
		margin-bottom: 52px;
		letter-spacing: -0.4px;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.main-section02 li .date{
		color: #666666;
		font-size: 14px;
		letter-spacing: -0.35px;
		font-weight: 400;
	}
	.main-section02 li .date i{
		margin-right: 5px;
	}
	.main-section03 {
		position: relative;
		padding-top: 56px;

	}
	.main-section03 h3{
		text-align: center;
		margin-bottom: 25px;
	}
	.main-section03 .slide-categori{
		display: flex;
		align-items: center;
		overflow: auto;
		width: 100%;
		height: 45px;
		margin-bottom: 28px;
	}
	.main-section03 .slide-categori li{

	}
	.main-section03 .slide-categori li a{
		border: 1px solid #DDDDDD;
		border-radius: 30px;
		padding: 8px 12px;
		margin: 0 4px;
		font-size: 14px;
		letter-spacing: -0.45px;
		color: #1D1D1D;
		white-space: nowrap;
	}
	.main-section03 .slide-categori li:first-child a{
		margin-left: 0;
	}
	.main-section03 .slide-categori li a.active{
		position: relative;
		background: #2C7C90;
		color: #FFFFFF;
		font-weight: bold;
		border: none;
	}
	.main-section03 .slide-categori li a.active:before{
		content: '';
		position: absolute;
		bottom: -4px;
		left: calc(50% - 6px);
		border-bottom: 8px solid;
		border-left: 6px solid rgba(0, 0, 0, 0);
		border-right: 6px solid rgba(0, 0, 0, 0);
		color: #2C7C90;
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
	}
	.main-section03 .slide-wrap .slide1{
		margin-bottom: 6px;
		display: none;
	}
	.main-section03 .slide-wrap .slide1.active{
		display: block;
	}
	.main-section03 .slide-wrap .slide1 .bx-wrapper{
		margin-left: 0 !important;
	}
	.main-section03 .slide-wrap .slide1 .bx-wrapper .bx-viewport{
		overflow: unset !important;
	}
	.main-section03 .slide-wrap .slide{
		overflow: hidden;
		height: 186px;
		margin-bottom: 36px;
	}
	.main-section03 .slide-wrap .slide li{
		float: left;
		margin-right: 52px;
	}
	.main-section03 .slide-wrap .slide li a{
		position: relative;
		display: block;
		width: 260px;
		height: 186px;
		background: #F6F7F9;
		border-radius: 30px;
		padding: 24px;
	}
	.main-section03 .slide-wrap .slide li a .categori{
		line-height: 24px;
		margin-bottom: 16px;
		font-size: 14px;
		letter-spacing: -0.35px;
		color: #2C7C90;
	}
	.main-section03 .slide-wrap .slide li a .categori span{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: #D7E7EB;
		margin-right: 4px;
	}
	.main-section03 .slide-wrap .slide li a .tit{
		font-size: 16px;
		letter-spacing: -0.4px;
		color: #1D1D1D;
		font-weight: 500;
		margin-bottom: 48px;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 25px;
	}
	.main-section03 .slide-wrap .slide li a .date{
		position: absolute;
		bottom: 32px;
		letter-spacing: 24px;
		font-size: 14px;
		letter-spacing: -0.35px;
		color: #666666;
	}
	.main-section03 .slide-wrap .slide li a .date i{
		margin-right: 5px
	}
	.main-section03 .slide-wrap .slide-option{
		position: relative;
		width: 100%;
	}
	.main-section03 .slide-wrap .slide-option .slide-progress{
		position: absolute;
		top: 18px;
		left: 0px;
		height: 4px;
		background-color: #ddd;
		border-radius: 30px;
		overflow: hidden;
		width: calc(100% - 120px);
	}
	.main-section03 .slide-wrap .slide-option .slide-progress .slide-bar {
		width: 25%;
		height: 100%;
		background-color: #3498B1;
		transition: width 0.3s ease;
	}
	.main-section03 .slide-wrap .slide-option .slide-btn{
		display: flex;
		float: right;
	}
	.main-section03 .slide-wrap .slide-option .slide-btn a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		border: 1px solid #DDDDDD;
		border-radius: 50%;
		background: #fff;
		font-size: 20px;
		color: #3498B1;
		margin-left: 8px;
		text-decoration: none;
	}
	.main-section04{
		padding-top: 56px;
		padding-bottom: 70px;
	}
	.main-section04 .left .txt, .main-section04 .more .pc-true{
		display: none;
	}
	.main-section04 .right{
		position: relative;
		padding-top: 25px;
	}
	.main-section04 .right li a .image{
		display: block;
		width: 100%;
		height: 232px;
		margin-bottom: 20px;
		border-radius: 30px;
		background: #333;
	}
	.main-section04 .right li a .tit{
		font-size: 16px;
		letter-spacing: -0.4px;
		color: #333;
		margin-bottom: 12px;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 24px;
	}
	.main-section04 .right li a .date{
		font-size: 14px;
		letter-spacing: -0.35px;
		color: #666666;
	}
	.main-section04 .right li a .date i{
		margin-right: 4.5px;
	}
	.main-section04 .right .slide-option2{
		position: absolute;
		top: -19px;
		right: 36px;
	}
	.main-section04 .right .slide-option2{
		display: flex;
	}
	.main-section04 .right .slide-option2 .custom-paging{
		font-size: 14px;
		color: #333;
		letter-spacing: -0.35px;

	}
	.main-section04 .right .slide-option2 .custom-paging .current{
		color: #3498B1;
		font-weight: bold;
	}
	.main-section04 .right .slide-option2 .slide-btn{
		display: flex;
	}
	.main-section04 .right .slide-option2 .slide-btn a{
		margin-left: 24px;
	}
	.main-section04 .more{
		text-align: right;
	}
	.main-section04 .more a{
		color: #333333;
	}
}