.asiornaWrap{
	background-color: #fff;
	font-family: "NanumSquareNeo";
	word-break: keep-all;
	font-size: 18px;
}

.mainSection{
	/* margin-top: 4.2em; */
	/* margin-top: 240px; */
}
.sectionInner{
	width: 85vw;
	margin: 0 auto;
}
.sectionInnerWide{
	width: 94vw;
	margin: 0 auto;
}
.sectionContents{
	padding-top: 1.5em;
	padding: 1.5em 0 2em;
}

.sectionHeader{
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 1em;
	/* padding-top: 16px; */
	/* padding-bottom: 70px; */
	padding: 160px 16px 80px;
}
.icon_asiorna{
	width: fit-content;
	margin: 0 auto;
}
.icon_asiorna::before{
	content: "";
    width: 30px;
    aspect-ratio: 54 / 32;
	background-image: url(/images/icon/icon_asiorna_color.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;
}
.sectionTitle_top{
	color: #0065ae;
	font-size: 1em;
	letter-spacing: 0.1em;
	font-weight: 300;
}
.sectionTitle_bottom{
	font-size: 1.75em;
	letter-spacing: -0.05em;
	color: #394b58;
	
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.2em;
	text-align: center;
}
.titleGradient{
	font-weight: 800;
	background-image: linear-gradient(121deg, #00d6c3, #0065ae);
    color: transparent;
    -webkit-background-clip: text;
}
.sectionTitle_h2{
	/* color: #545454; */
	color: #333;
	font-weight: 400;
	/* font-size: 0.95em; */
	font-size: 1.1em;
}

.subSectionHeader{
	/* margin-bottom: 2em; */
	/* margin-bottom: 0.2em; */
}
.subSectionHeader::after{
	content: "";
	width: 100%;
	height: 4px;
	display: block;
	margin-top: 8px;
	background-image: linear-gradient(to right, #00f0de, #005cac);
	position: relative;
}
.subSectionHeader_h3{
	font-size: 1.2em;
	color: #394b58;
	/* font-weight: 800; */
	display: flex;
	flex-wrap: wrap;
	column-gap: 0.2em;
	/* row-gap: 0.4em; */
	/* justify-content: center; */
	padding-left: calc(1em * 45/34 + 0.24em);
	position: relative;
	/* width: 80vw; */
	/* margin: 0 auto; */
	line-height: 1.4;
}
.subSectionHeader_h3::before{
	content: "";
	display: inline-block;
	aspect-ratio: 45 / 34;
	height: 1em;
	/* width: 45px; */
	/* height: 34px; */
	background-image: url(/images/icon/icon_doubleCircle.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;
	/* margin-right: 8px; */
	/* margin-right: 0.24em; */
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0.15em
}
.subSectionHeader_h3 b{
	font-weight: 800;
}

.categoryTitle{
	color: #394b58;	
	font-weight: 800;
	font-size: 1.2em;
	
	line-height: 1.6em;
	margin-bottom: 1.5em;
}
.textWrap{
	/* color: #545454; */
	color: #000;
	font-size: 0.8em;
	line-height: 1.6em;
	margin-bottom: 60px;
}

.paragraphFlex{
	display: flex;
	/* flex-wrap: wrap; */
	line-height: 1.6em;
	column-gap: 0.2em;
}


.imgWrap{
	/* margin: 16px 0 40px; */
	margin-top: 16px;
	margin-bottom: 40px;
}
.imgWrap img{
	width: 100%;
	/* height: 100%; */
	object-fit: cover;
	margin-bottom: 1em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.imgWrap .imgFrame{
	/* border-radius: 8px; */
	overflow: hidden;
	margin-bottom: 1em;
	img{margin-bottom: 0;}
}
.imgWrap .imgCaption{
	font-size: 0.8rem;
	line-height: 1.3em;
	text-align: center;
	color: #545454;
}

.btn_toTop{
	width: 45px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	/* height: 45px; */
	padding: 0;
	/* box-shadow: 0 -3px 6px rgba(0,0,0,0.2), 0 3px 6px rgba(0,0,0,0.23); */
	box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
	background-image: url(/images/icon/icon_asiorna_arrow_toTop.png), linear-gradient( 133deg, #00f4df 10%, #0065ae);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%, cover;
	border: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
}





/* .secTop */
.asiSecTop{
	background-image: url(/mobile/images/asiorna/banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	aspect-ratio: 1080 / 476;
}
.secTopTitle{
	position: absolute;
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	top: 23%;
	left: 4%;
}
.secTopTitle img{
	width: 60px;
	aspect-ratio: 1 / 1;
}
.secTopTitle b{font-weight: 900;}


/* -- nav -- */
.asiNav{
	position: sticky;
	top: 0;
	/* padding: 8px 3.7%; */
	/* display: none; */
	/* height: 100px; */
	z-index: 9;
}
:where(.asiNav) ul{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 6px 1.2%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	/* grid-template-rows: 1fr 1fr; */
	grid-template-areas: "secIntro secIntro secIntro sec1 sec1 sec1"
							"sec2 sec2 sec3 sec3 sec4 sec4";
	gap: 4px;
	
	backdrop-filter: saturate(180%) blur(5px);
    background-color: rgba(255, 255, 255, 0.4);

}
:where(.asiNav) li{
	display: flex;
	
}
.asiNav_link{
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	padding: 6px;
	border-radius: 1em;
	background-color: #ecf4f8;
	text-align: center;
	font-family: "NanumSquareNeo";
	font-weight: 400;
	color: #393939;
	/* font-size: 0.6em; */
	font-size: 11px;
	line-height: 1.4em;
	letter-spacing: -0.05em;
	pointer-events: fill;
	justify-self: stretch;
	align-self: stretch;
	flex-grow: 1;
}

.asiNav_link .fullTitle{
	font-family: "SUIT";
	font-weight: 800;
	color: #394b58;
	font-size: 12px;
	line-height: 1.2em;
	/* margin-bottom: 2px; */
	height: 100%;
	/* transform: scaleX(0.94); */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.asiNav_link .fullTitle .paragraphFlex{
	height: 100%;
	line-height: 1.2em;
	margin-top: 4px;
}
.icon_asiorna.navIcon::before{
	width: 1.5em;
}
.asiNav_link.active{
	background-image: linear-gradient( 133deg, #00f4df 10%, #0065ae);
	color: #fff;
}
.asiSecIntrolink.active{
	background-color: #00a996;
	background-image: url(/images/asiorna/bg_navLink_kaornIcon.png);
	background-repeat: no-repeat;
	background-size: auto calc(100% - 4px);
	background-position: 4px center;
}
.asiNav_link.active .fullTitle{color: #fff;}
/* .asiNav_link.active .icon_asiorna::before{background-image: url(/images/icon/icon_asiorna_white.png);} */

/* -- -- */





/* .secIntro */

.introWrap{
	color: #394b58;
	font-weight: 400;
	font-size: 1em;
	/* margin-bottom: 60px; */
}

.introWrap figure{
	display: flex;
	/* flex-wrap: wrap; */
	column-gap: 0.6em;
	row-gap: 1em;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
.introWrap .imgFrame{
	border-radius: 8px;
	overflow: hidden;
	width: 10em;
	aspect-ratio: 335 / 420;
	flex-shrink: 0;
}
.introWrap .imgFrame img{
	width: 100%;
	object-fit: cover;
}
.introWrap .introFigCaption{
	font-weight: 800;
	line-height: 1.5em;
}

.introWrap .introText p{
	margin-bottom: 1em;
	font-size: 0.8em;
	line-height: 1.4em;
}

.ceoSignWrap{
	display: flex;
	align-items: center;
	column-gap: 1em;

}
.ceoSign{
	width: 5em;
	flex-shrink: 0;
}
.ceoSign img{width: 100%;}


/* .sec1 */


/* .sec1 .subSectionHeader{
	margin-bottom: 0;
} */
.sec1 .categoryTitle{
	margin-bottom: 0;
}
.sec1 .textWrap{
	margin-bottom: 0;
}
.sec1Banner img{
	width: 100%;
	object-fit: contain;
}

.sec1sub1 .textWrap{
	color: #394b58;
}
.sec1sub1 .textWrap.category_vision{
	color: #005cac;
	font-weight: 800;
	/* font-size: 1.1em; */
}
.sec1sub1 .sectionContents .flex{
	align-items: flex-start;
	column-gap: 2.4em;
}
.sec1sub1 .imgWrap .imgFrame{
	border-radius: 8px;
}
.hashtag{
	color: #00f0de;
}

.figure_symbol{
	/* color: #545454; */
	color: #333;
	/* font-size: 21px; */
	line-height: 1.2em;
}
.symbolBg{
	background-color: #fff;
	border: 1px solid #a4a4a4;
	width: 100%;
	padding: 1.6em;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 16px 0 40px;

}
.symbolImg{
	width: 6.5em;
	aspect-ratio: 1 / 1;
	flex-shrink: 0;
}



.colorPaletteWrap{
	margin-top: 72px;
	/* margin-left: 40px; */
	/* margin-bottom: 31px; */
}
.colorPaletteWrap h5{
	/* color: #545454; */
	color: #333;
	font-weight: 600;
	font-size: 0.9em;
	grid-area: title;
}
.colorPalette{
	/* width: 150px; */
	width: 100%;
	height: 45px;
	display: flex;
	/* justify-content: flex-end; */
	align-items: flex-end;
	font-size: 10px;
	color: #fff;
	font-weight: 600;
	padding: 8px;
}
.colorPalette:nth-of-type(1){grid-area: palette1;}
.colorPalette:nth-of-type(2){grid-area: palette2;}
.colorPalette:nth-of-type(3){grid-area: palette3;}
.colorPalette:nth-of-type(4){grid-area: palette4;}

.grayFont{
	color: #9d9d9d;
}
.blackFont{
	color: #474779;
}

.colorPaletteGridWrap{
	width: 100%;
	display: grid;
	grid-template-rows:	1fr fit-content(100%);
	grid-template-columns: 150fr 150fr auto 150fr 150fr;
	grid-template-areas: "title title title title title"
						"palette1 palette2 empty palette3 palette4";
	column-gap: 4px;
	row-gap: 12px;
	margin-bottom: 20px;
}


.gradientPaletteGridWrap{
	width: 100%;
	display: grid;
	grid-template-rows:	1fr fit-content(100%);
	grid-template-columns: 150fr 150fr auto 150fr 150fr;
	grid-template-areas: "title title title title title"
						"palette1 palette1 empty palette2 palette2";
	column-gap: 4px;
	row-gap: 12px;
}
.gradientPalette{
	height: 45px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 10px;
	color: #fff;
	font-weight: 600;
	padding: 8px 12px;
	background-image: linear-gradient(to right, var(--leftColor), var(--rightColor));
}
.gradientPalette:first-of-type{
	--leftColor: #005cac;
	--rightColor: #00a496;
	grid-area: palette1;
}
.gradientPalette:last-of-type{
	--leftColor: #79bd28;
	--rightColor: #f0e800;
	grid-area: palette2;
}


/* sec 2*/

.sec2sub1 .imgWrap .posAbs{
	position: absolute;
	width: 57%;
	bottom: 2vw;
}
.figureList{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 16px;
	row-gap: 24px;
	color: #394b58;
	line-height: 1.4em;
	margin-bottom: 20px;
	text-align: center;
}

.figureList img{
	width: 75%;
	margin: 0 auto 8px;
}
.figureList p{
	font-size: 10px;
}
.figureList figCaption{
	/* font-size: #394b58; */
	font-weight: 800;
}

.sec2sub3 .figureList .imgCaption{
	/* text-align: left; */
}

.sec23sub2GridWrap{
	display: grid;
	/* grid-template-columns: auto fit-content(100%); */
	grid-template-columns: 1855fr 373fr;
	column-gap: 8px;
	margin-bottom: 8px;
}
.memberlist{
	/* padding: 44px 27px 44px 20px; */
	/* padding: 2%; */
	display: flex;
	flex-direction: column;
	row-gap: 0.6em;
	line-height: 1;
}
.memberlist .imgWrap{
	width: 100%;
	/* aspect-ratio: 230 / 267; */
	aspect-ratio: 1 / 1;
	/* border-radius: 28px; */
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
	
	margin: 0 0 4px;
}
.memberlist .imgWrap img{
	height: 100%;
	object-fit: cover;
	
}
.memberlist{
	font-size: 0.8em;
	color: #394b58;
	font-weight: 800;
	text-align: center;
}
.memberlist figcaption{
	/* color: #a7a6a6; */
	color: #444;
	/* font-size: 0.5em; */
	font-size: 10px;
	font-weight: 400;
	line-height: 1.2em;
	/* margin-top: 6px; */
}
.sec2_4_03subImg{
	position: absolute;
	width: 20%;

	/* height: 72px; */
	right: 14px;
	top: 50%;

}


/* -- sec03 -- */

.sec3 .gridWrap{
	display: grid;
	column-gap: 2px
}
.sec3 .imgFrame{
	/* border-radius: 8px; */
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid rgba(200, 200, 200, 0.3);
}
.sub3_1_imgContainer .gridWrap.column3{
	grid-template-columns: 574fr 574fr 667fr;
}
.sub3_1_imgContainer .gridWrap.column2{
	grid-template-columns: 846fr 980fr;
}


.sub3_2_imgContainer .gridWrap.column3{
	grid-template-columns: 576fr 576fr 666fr;
}
.sub3_2_imgContainer .gridWrap.column2{
	grid-template-columns: 843fr 977fr;
}
.sub3_2_imgContainer .gridWrap.column4{
	grid-template-columns: repeat(4, 1fr);
}

.sub3_3_imgContainer .gridWrap{
	grid-template-columns: repeat(2, 1fr);
}
.sub3_3_imgContainer .gridWrap.column2{
	grid-template-columns: 841fr 975fr;
}

.sub3_4_imgContainer .gridWrap{
	grid-template-columns: repeat(2, 1fr);
}


.sub3_5_imgContainer .gridWrap.column3{
	grid-template-columns: 575fr 575fr 668fr;
}
.sub3_5_imgContainer .gridWrap.column2{
	grid-template-columns: 978fr 844fr;
}
.sub3_5_imgContainer .gridWrap.column2_2{
	grid-template-columns: 846fr 981fr;
}

.sub3_6_imgContainer .gridWrap{
	/* grid-template-columns: 554fr 1226fr; */
	/* grid-template-rows: repeat(3, 1fr); */
}
.sub3_6_imgContainer .imgWrap{
	margin-bottom: 0
}

.sub3_7_imgContainer .gridWrap{
	grid-template-columns: 1fr 1fr;
}
.sub3_7_imgContainer .gridWrap.gridDepth{
	grid-template-columns: 1fr 2fr;
}
.sub3-8Table{
	/* color: #545454; */
	color: #333;	
	font-size: 0.8em;
	line-height: 2em;
	font-weight: 400;
	word-break: keep-all;
}
.sub3-8Table .tablePadding{
	padding: 16px 4px 40px;
}
.sub3-8Table .borderBottom{
	border-bottom: 1px solid #bbb;
}
.sub3_8_imgContainer .gridWrap{
	grid-template-columns: 1fr 1fr;
}

.sub3_9_1_imgContainer .gridWrap{
	grid-template-columns: 1fr 1fr;
}
.sub3_9_2_imgContainer .gridWrap{
	grid-template-columns: repeat(2, 1fr);
}
.sub3_9_2_imgContainer .gridWrap.gridDepth{
	grid-template-columns: 2fr 1fr;
}
.sub3_9_2_imgContainer .gridWrap.column2{
	grid-template-columns: 1fr 1fr;
}
.sub3_9_2_imgContainer .gridWrap .imgWrap{
	margin-top: 0;
}
.sub3_10_table{
	/* font-size: 22.5px; */
	font-size: 14px;
	font-weight: 400;
	/* color: #545454; */
	color: #333;
	text-align: center;
	/* width: 90%; */
	/* margin: 0 auto; */
	/* margin: 0 34px; */
}

.sub3_10_table :where(th, td){
	/* padding: 1em; */
	padding: 1em 8px;
}
/* .sub3_10_table :where(th, td):first-of-type{
	padding-left: 2em;
}
.sub3_10_table :where(th, td):last-of-type{
	padding-right: 2em;
} */
.sub3_10_table th{
	font-weight: 800;
}
.sub3_10_table td{
	border-top: 1px solid #d5d5d5;
}
.sub3_10_table .badge{
	background-color: #00e1ce;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-weight: 800;
	padding: 4px;
	width: 34px;
	border-radius: 34px;
	box-sizing: border-box;
}


/* -- sec04 -- */
.historyTableWrap{
	/* color: #545454; */
	color: #333;
	/* font-size: 0.6em; */
	/* font-size: 1em; */
	font-size: 14px;
	line-height: 1.67em;
	font-weight: 400;
	margin-top: 16px;
}
.articleTitle{
	font-weight: 800;
	/* font-size: 1.2em; */
	color: #394b58;
	margin-bottom: 1.5em;
	position: relative;
}
.category_year{
	display: grid;
	grid-template-columns: 4.5em auto;
	/* border-bottom: 3px, 10px dotted #66ede2; */
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="3"><circle cx="1.5" cy="1.5" r="1.5" fill="%2366ede2"/></svg>');
	background-repeat: repeat-x;
	background-position: bottom;	
}
.category_year:last-of-type{
	background: none;
}

.category_year:last-of-type .div_contents{
	position: relative;
}
.category_year:last-of-type .div_contents::after{
	content: "";
	display: block;
	position: absolute;
	width: 1.8em;
	height: 0.8em;
	background-image: linear-gradient(#00e1ce calc(0% + 2px), #fff calc(0% + 2px) calc(100% - 2px), #00e1ce calc(100% - 2px));
	left: 0;
	bottom: 0;
	transform: translateX(calc(-50% - 1px));

}
.div_year{
	border-right: 2px solid #00e1ce;
	/* padding: 2em 1em; */
	padding: 2em 8px;
	text-align: center;
}
.category_year:first-of-type :is(.div_year, .div_contents){padding-top: 0;}

.p_date{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 300;
	line-height: 1.2em;
}
.div_contents{
	/* padding: 2em; */
	padding: 2em 16px;
}
.titleMarker::before{
	content: "";
	display: block;
	background-color: #fff;
	width: 4px;
	height: 1.3em;
	position: absolute;
	top: 0;
	/* left: 0px; */
	left: -16px;
	transform: translate(-3px, 50%);
}
.titleMarker::after{
	content: "";
	display: block;
	position: absolute;
	aspect-ratio: 1 / 1;
	width: 1.2em;
	left: -16px;
	margin-top: 2px;
	top: 0;
	transform: translateX(calc(-50% - 1px));
	background-image: url(/images/icon/icon_donut.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;

}



.SubDepth{
	padding-left: 0.8em;
}





/* utility */

.bg_gray{
	background-color: #e3ebef;
}



/* -- swiper -- */
.swiper-button-next, .swiper-button-prev{
	color: #fff;
	text-shdadow: .4px 4px 10px rgba(0, 0, 0, 0.8);
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 2em;
}