.difinition_wrapper{
	padding: 120px; 
	padding-bottom:0px;
}

.difinition_wrapper span{
	color:var(--jb-white);
}

#summary .content_section{
	margin-top:24px;
	position:relative;
	background-image:url(/assets/images/company_profile.jpg);
	background-position:center center;
	background-size: cover;
	border-radius:var(--jb-radius-form);
	border:1px SOLID #777;
}

#summary .content_wrapper{
	display:grid;
	position:relative;
	min-height:600px;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 120px;
	/*border:1px SOLID rgba(255,255,255,0.2);*/
	overflow:hidden;
	z-index:2;
}

#summary .company_profile li{
	display:grid;
	grid-template-columns: 160px 1fr;
	border-radius:var(--jb-radius-form);
	backdrop-filter: blur(6px);
	font-size:1rem;
	color:var(--jb-white);
	padding:12px;
}

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

#summary .company_profile li:nth-child(odd){
	background-color:rgba(49,84,163,0.6);
}

#summary .company_profile li:nth-child(even){
	background-color:rgba(244,140,54,0.6);
}

#summary .title{
	color:var(--jb-white);
	font-size:1.5rem;
	font-weight:500;
	padding-top:36px;
}

#summary .disc_list li{
	color:var(--jb-white);
	font-size:1rem;
	padding-top:12px;
}

#summary .bg{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.4);
	z-index:1;
}

#summary .diagram_container .article{
	border-radius:var(--jb-radius-form);
	border:1px SOLID rgba(255,255,255,0.2);
	background-color:rgba(0,0,0,0.6);
	backdrop-filter: blur(8px);
	padding:24px;
}

#summary .diagram_container .article:not(:first-child){
	margin-top:24px;
}

#summary .diagram_container .article .label{
	font-size:1.5rem;
	font-weight: 500;
	color:rgba(255,255,255,1);
}

#summary .diagram_container .article .cont{
	font-size:1rem;
	color:rgba(255,255,255,0.6);
	border-left:6px SOLID var(--jb-main);
	margin-top:12px;
	padding-left:16px;
}

#opportunity .content_section{
	padding-top:60px;
}

#opportunity .diagram{
	display:grid;
	grid-template-columns: repeat(6, 1fr);
}

#opportunity .diagram .article{
	position:relative;
	padding:36px;
}

#opportunity .diagram .article:not(:first-child):before{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%) ;
	width:1px;
	height:60px;
	background-color:#777;
}

#opportunity .diagram .article .icon{
	text-align:center
}

#opportunity .diagram .article .icon .material_icons{
	font-size:4rem;
	color:var(--jb-main);
}

#opportunity .diagram .article .title{
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
	line-height:120%;
	color:rgba(255,255,255,1);
	padding-top:24px;
	padding-bottom:24px;
}

#opportunity .diagram .article .cont{
	font-size:0.875rem;
	text-align:center;
	color:rgba(255,255,255,0.6);
	line-height:120%;
}

#advantages .content_section{
  position: relative;
	min-width:1468px;
	min-height:480px;
	border-radius:var(--jb-radius-form);
	border:1px SOLID #777;
	margin-top:24px;
	padding:60px;
}

#advantages .bg{
  position: absolute;
	left:0;
	top:0;
  width: 100%;
  aspect-ratio: 4/2.8;
	background-image:url(/assets/images/ci.svg);
	opacity:0.4;
	background-repeat: no-repeat;
	background-position:center center;
	background-size:360px;
	z-index:1;
}

#advantages .diagram{
  position: relative;
  width: 100%;
  aspect-ratio: 4/2.8;
	z-index:2;
}

#advantages .diagram .article{
  position: absolute;
  top:50%;
  left:50%;
	display:flex;
	align-items: center;
  width: 320px;
  height: 320px;
	margin-top:-160px;
	margin-left:-160px;
  border-radius: 50%;
	border:1px SOLID rgba(255,255,255,0.15);
	background-color:#0c1427;
}

#advantages .diagram .article:nth-child(1) {transform: rotate(0deg) translate(420px) rotate(0deg); }
#advantages .diagram .article:nth-child(2) {transform: rotate(60deg) translate(420px) rotate(-60deg); }
#advantages .diagram .article:nth-child(3) {transform: rotate(120deg) translate(420px) rotate(-120deg); }
#advantages .diagram .article:nth-child(4) {transform: rotate(180deg) translate(420px) rotate(-180deg); }
#advantages .diagram .article:nth-child(5) {transform: rotate(240deg) translate(420px) rotate(-240deg); }
#advantages .diagram .article:nth-child(6) {transform: rotate(300deg) translate(420px) rotate(-300deg); }

#advantages .diagram .title{
	text-align:center;
	font-size:1.25rem;
	font-weight:600;
	color:var(--jb-main);
}

#advantages .diagram .cont{
	text-align:center;
	font-size:0.875rem;
	color:rgba(255,255,255,0.6);
	line-height:160%;
	padding:12px 24px;
}

#value .content_section{
	padding-top:60px;
}

#value .diagram{
	display:grid;
	grid-template-columns: 1fr 96px 1fr 96px 1fr 60px 1fr 96px 1fr;
	gap:0;
}

#value .article_wrapper{
	display: flex;
	align-items: center;
	aspect-ratio: 1/1;
	text-align:center;
	border-radius:var(--jb-radius-form);
	padding-left:24px;
	padding-right:24px;
}

#value .article:not(.final) .article_wrapper{
	border:1px SOLID rgba(255,255,255,0.15);
	background-color:#0c1427;
}

#value .article.final .article_wrapper{
	background-color:var(--jb-main);
	border:1px SOLID rgba(0,0,0,0.15);
}

#value .article_wrapper .title{
	font-size:1.5rem;
	font-weight:500;
	text-align:center;
}

#value .article_wrapper .cont{
	text-align:center;
	line-height:120%;
	padding-top:6px;
}

#value .article:not(.final) .title{
	color:rgba(255,255,255,1);
}

#value .article:not(.final) .cont{
	color:rgba(255,255,255,0.6);
}

#value .article.final .title{
	font-weight:600;
	color:rgba(12,20,39,1);
}

#value .article.final .cont{
	font-weight:600;
	color:rgba(12,20,39,0.6);
}

#value .spacer{
	display:flex;
	align-items: center;
	text-align:center;
	margin-left: auto;
  margin-right: auto;	
}

#value .spacer .material_icons{
	font-size:3rem;
	color:rgba(255,255,255,0.4);
}

#partners .partner_list{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px;
}

#partners .partner_list li{
	aspect-ratio: 22/9;
	background-position: center center;
	background-repeat: no-repeat;
	filter: grayscale(100%);
}

#partners .partner_list .hanjin_travel{
	filter: invert(100%); 
	opacity: 0.4;
	background-size: 80%;
	background-image: url(/assets/images/logo_hanjin.svg);
}

#partners .partner_list .airpremia{
	background-size: 80%;
	background-image: url(/assets/images/logo_airpremia.svg);
}

#partners .partner_list .brand_usa{
	background-size: 40%;
	background-image: url(/assets/images/logo_brandusa.svg);
}

#partners .partner_list .buan{
	filter: invert(100%); 
	opacity: 0.4;
	background-size: 60%;
	background-image: url(/assets/images/logo_buan.svg);
}

/*@media only screen and (max-device-width: 767px) {*/
@media only screen and (max-width: 767px) {
	.difinition_wrapper{
		padding: 60px 24px 0 24px; 
	}

	#summary .content_section{
		margin-top:6px;
	}

	#summary .content_wrapper{
		display:flex;
		flex-direction: column;
		row-gap: 48px;
		padding:24px;
	}

	#summary .company_profile li{
		display:flex;
		flex-direction: column;
		font-size:0.8125rem;
	}
	
	#summary .company_profile li .label{
		font-weight:500;
	}

	#summary .company_profile li .cont{
		color:rgba(255,255,255,0.6);
		line-height:120%;
		padding-top:6px;
	}

	#summary .title{
		font-size:1rem;
		padding-top:24px;
	}

	#summary .disc_list li{
		font-size:0.875rem;
		line-height:120%;
		padding-top:6px;
	}	

	#summary .diagram_container .article .label{
		font-size:1rem;
	}

	#summary .diagram_container .article .cont{
		font-size:0.875rem;
		padding-left:12px;
	}

	#opportunity .diagram{
		display:flex;
		flex-direction: column;
	}

	#opportunity .diagram .article:not(:first-child):before{
		content:'';
		position:absolute;
		left:50%;
		top:0;
		transform:translateX(-50%) ;
		width:60%;
		height:1px;
		background-color:#777;
	}

	#opportunity .diagram .article .title{
		font-size:1rem;
		padding-top:12px;
		padding-bottom:12px;
	}

	#opportunity .diagram .article .cont{
		font-size:0.875rem;
	}

	#advantages .content_section{
		min-width:100%;
		padding:24px;
	}

	#advantages .bg{
		display:none;
	}

	#advantages .diagram{
		aspect-ratio: inherit;
		display:flex;
		flex-direction: column;
		align-items: center;
	}

	#advantages .diagram .article{
  	position: relative;
		top:auto;
		left:auto;
		width: 240px;
		height: 240px;
		margin-top:0;
		margin-left:auto;
		margin-right:auto;
		transform: rotate(0deg) translate(0px) rotate(0deg) !important;
	}

	#advantages .diagram .article:not(:first-child){
		margin-top:24px;
	}

	#advantages .diagram .title{
		text-align:center;
		font-size:1rem;
		font-weight:600;
		color:var(--jb-main);
	}

	#advantages .diagram .cont{
		font-size:0.875rem;
	}

	#value .diagram{
		display:flex;
		flex-direction: column;
	}	

	#value .article_wrapper{
		aspect-ratio: 22/9;
	}

	#value .cont_wrapper{
		margin-left:auto;
		margin-right:auto;
	}

	#value .article_wrapper .title{
		font-size:1rem;
		font-weight:600;
	}

	#value .article_wrapper .cont{
		font-size:0.8125rem;
		line-height:120%;
	}

	#value .diagram .spacer{
		transform: rotate(90deg);
		padding-top:6px;
		padding-bottom:6px;
	}

	#partners .partner_list{
		display:flex;
		flex-direction: column;
		gap:0
	}
		
}