/*
	Head Section
*/
#head_section{
	position:relative;
	display:flex;
	align-items:center;

	width:100%;
	aspect-ratio: 2 / 1;	
	max-width:1248px;
	border-radius:24px;
	background-color:#F2F2F2;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;

	margin:0 auto;
}

#head_section .copy_block{
	position:relative;
	z-index:2;
	margin-top:-24px
}



#head_section .copy_block .title{
	color:var(--color-bold);
	font-size: 2.25rem;
	font-weight:800;
	line-height:140%;
	padding-left: 96px;
}

#head_section .copy_block .description{
	position:relative;
	color:var(--color-bold);
	font-size: 1.125rem;
	font-weight:700;
	line-height:160%;
	padding-left: 96px;
	padding-top:24px;
	z-index:3;
}

#head_section .copy_block .description_m{
	display:none;
}

#head_section .bg{
	position:absolute;
	right:96px;
	top:27px;
	aspect-ratio: 552 / 612;	
	width:auto;
	height:calc(100% - 48px);

	background-image:url('images/japan_hospital.png');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;

	z-index:2;
}

@media only screen and (max-width: 767px) {
	/* 모바일 가로	*/
	#head_section{
		aspect-ratio: 1 / 1;	
		max-width:100%;
		border-radius:12px;
	}

	#head_section .copy_block .title{
		font-size: 1rem;
		line-height:140%;
		padding-left: 24px;
	}

	#head_section .copy_block .description{
		display:none;
	}

	#head_section .copy_block .description_m{
		display:block;
		position:relative;
		color:var(--color-bold);
		font-size: 0.75rem;
		font-weight:normal;
		line-height:160%;
		padding-left: 24px;
		padding-right: 24px;
		padding-top:24px;
	}

	#head_section .bg{
		right:12px;
		bottom:12px;
		width:auto;
		height:calc(100% - 48px);
		letter-spacing:-0.05em;
		z-index:1;
	}
}

#head_section .cells{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url('images/cells.jpg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	opacity: 0.15;
	z-index:1;
}

#body_section{
	padding-top: 60px;
}

#body_section .application{
	display:grid;
	border-radius: 24px;
	background-color: #fff5cc;
	grid-template-columns: 600px auto;
}

#body_section .application .application_chart{
	padding: 60px 48px 24px 48px;
}

#body_section .application .application_chart .list > li{
	font-size:1.5rem;
	font-weight:600;
}

#body_section .application .application_chart .list > li:not(:first-child){
	padding-top:36px;
}

#body_section .application .application_chart .title{
	height:48px;
	color:#000066;
	line-height:48px;
	border-radius:24px;
	background-color:#FFF;
	padding-left:24px;
}

#body_section .application .application_chart .cont{
	font-size:1rem;
	font-weight:400;
	color:#000066;
	padding-top:12px;
	padding-left:24px
}

#body_section .application .application_chart .dash_list{
	padding-top:12px;
}

#body_section .application .application_chart .dash_list,
#body_section .application .application_chart .dash_list > li{
	font-size:1rem;
	font-weight:400;
	color:var(--red);
}

#body_section .organs_diagram{
	padding: 12px;
}

#body_section .organs_diagram .diagram{
	width:100%;
	aspect-ratio: 33 / 32;
	overflow:hidden;
	border-radius:24px;
	background-color:#FFF;
	background-image:url('images/organs.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

@media only screen and (max-width: 767px) {
	/* 모바일 가로	*/
	#body_section{
		padding-top: 24px;
	}

	#body_section .application{
		display:flex;
		flex-direction: column;
		border-radius: 12px;
	}

	#body_section .application .application_chart{
		padding: 24px;
	}

	#body_section .application .application_chart .list > li{
		font-size:1rem;
	}

	#body_section .application .application_chart .title{
		height:36px;
		line-height:36px;
		border-radius:18px;
		padding-left:18px;
	}

	#body_section .application .application_chart .cont{
		font-size:0.8125rem;
		padding-top:6px;
		padding-left:18px
	}

	#body_section .organs_diagram .diagram{
		border-radius:12px;
		background-color:#FFF;
	}
}

#recommend_section .content_wrapper{
	padding-top:60px;
}

#recommend_section .recommend_title{
	font-family:'Black Han Sans', sans-serif;
	text-align:center;
	font-size:3rem;
	color: var(--color-bold);
	padding-bottom:24px;
}

#recommend_section .recommend_article{padding-top:48px;}

#recommend_section .goods_list{
	display:grid;
	gap:24px
}

#recommend_section .goods_list .card_thumb{
	aspect-ratio: 4 / 3;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#recommend_section .grid_c2{
	grid-template-columns: repeat(2, 1fr);
}

#recommend_section .grid_c3{
	grid-template-columns: repeat(3, 1fr);
}

#recommend_section .grid_c4{
	grid-template-columns: repeat(4, 1fr);
}

#recommend_section .grid_c5{
	grid-template-columns: repeat(5, 1fr);
}

#recommend_section .goods_list a{
	display:inline-block;
	width:100%;
	border: 1px SOLID var(--color-hazy);
	border-radius:12px;
	overflow: hidden;
}


@media only screen and (max-width: 767px) {
	/* 모바일 가로	*/
	#recommend_section .recommend_title{
		font-size:1.5rem;
		padding-bottom:12px;
	}

	#recommend_section .goods_list{
		display:flex;
		flex-direction: column;
	}

	#recommend_section .goods_list li:not(:first-child){
		margin-top:12px;
	}


	#recommend_section .goods_list .card_thumb{
		aspect-ratio: 2 / 1;
	}

}

#recommend_section .goods_list .card_content{
	padding:12px;
}

#recommend_section .grid_c2 .card_content{
	height:120px;
}

#recommend_section .grid_c3 .card_content{
	height:120px;
}

#recommend_section .grid_c4 .card_content{
	height:144px;
}

#recommend_section .grid_c5 .card_content{
	height:180px;
}

#recommend_section .goods_list .goods_subject{
	color:var(--color-bold);
	font-weight:600;
	line-height:120%;
}

#recommend_section .goods_list .goods_itinerary{
	max-height:60px;
	font-size: 0.75rem;
	overflow:hidden;
	text-overflow: ellipsis;
	color:var(--color-watery);
	line-height:130%;
	padding-top:12px;
}

#recommend_section .region_list{
	display:grid;
	gap:24px
}

#recommend_section .grid_c2{
	grid-template-columns: repeat(2, 1fr);
}

#recommend_section .grid_c3{
	grid-template-columns: repeat(3, 1fr);
}

#recommend_section .grid_c4{
	grid-template-columns: repeat(4, 1fr);
}

#recommend_section .grid_c5{
	grid-template-columns: repeat(5, 1fr);
}

#recommend_section .region_list a{
	display:inline-block;
	width:100%;
	aspect-ratio: 1 / 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 12px;
	overflow:hidden
}

#recommend_section .region_list .card_content{
	display: flex;
	width:100%;
	aspect-ratio: 1 / 1;
}

#recommend_section .region_list a:hover .card_content{
	background-color:rgba(0,0,0,0.3);
	transition: all 0.3s ease-in-out;
}

#recommend_section .region_list .title_label{
	display: inline-block;
	width:100%;
	text-align:center;
	color:#fff;
	text-shadow: 0px 0px 3px black;
	font-size:1.75rem;
	margin: auto;
}

#announce_section{
	text-align:center;
	font-size:2rem;
	font-weight:600;
	color:#000;
	letter-spacing: -0.15rem;
	word-spacing: 0.3rem;
	padding-top:120px;
	padding-bottom:60px;
}	


@media only screen and (max-width: 767px) {
	/* 모바일 가로	*/

	#announce_section{
		font-size:1.5rem;
		padding-top:60px;
		padding-bottom:60px;
	}	
}