#MAIN-ILLUST{
	height : 32rem;
	overflow : hidden;
}
#MAIN-ILLUST > div{
	height : 32rem;
}
#MAIN-ILLUST > div > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}

section.WRAPPER{
	margin-bottom : 5rem;
}

section > .SECTION-TITLE{
	padding : 2.5rem 0 1rem 0;
	text-align : center
}
section > .SECTION-TITLE > p{
	padding : 0;
	margin : 0;
}
section > .SECTION-TITLE > p.KR{
	color : #333;
	font-family : 'HallymGothic';
	font-size : 1.5rem;
	letter-spacing : .25rem;
}
section > .SECTION-TITLE > p.EN{
	color : #888;
	font-family : 'Pretendard';
	font-weight : bold;
	font-size : 1.25rem;
}
section > .SECTION-TITLE:after{
	content : '';
	display : block;
	width : 5rem;
	height : .25rem;
	margin : 1.5rem auto;
	background-color : #07C;
}


#SECTION-1 > .SECTION-CONTENT{
	display : grid;
	grid-template-columns: repeat( 4, 1fr );
	gap : 1rem;
}
#SECTION-1 > .SECTION-CONTENT > div{
	position : relative;
	height : 310px;
	margin : 0;
	border-radius : 1rem;
	vertical-align : top;
	background-position : center;
	background-repeat : no-repeat;
	background-size : 110%;
	transition : background-size .125s ease-in-out;
}
#SECTION-1 > .SECTION-CONTENT > div > a{
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;

	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	border-radius : 1rem;
	background-color : rgba( 255, 255, 255, .125 );
	text-align : center;
	transition : background-color .125s ease-in-out;
}
#SECTION-1 > .SECTION-CONTENT > div > a > p{
	padding : 0;
	margin : 0;
}
#SECTION-1 > .SECTION-CONTENT > div > a > p:nth-child(1){
	margin-top : 4rem;
	color : #000;
	font-weight : bold;
	font-size : 1.5rem;
	text-shadow: 0 0 .5rem #FFF;
	transition : color .125s ease-in-out, margin-top .125s ease-in-out;
}
#SECTION-1 > .SECTION-CONTENT > div > a > p:nth-child(2){
	visibility : hidden;
	margin-top : 1rem;
	color : #FFF;
	font-size : .815rem;
	opacity : 0;
	transition : opacity .125s ease-in-out;
}
#SECTION-1 > .SECTION-CONTENT > div:hover{
	background-size : 120%;
}
#SECTION-1 > .SECTION-CONTENT > div:hover > a{
	background-color : rgba( 0, 0, 0, .75 );
}
#SECTION-1 > .SECTION-CONTENT > div:hover > a > p:nth-child(1){
	margin-top : 0;
	color : #FFF;
	text-shadow : none;
}
#SECTION-1 > .SECTION-CONTENT > div:hover > a > p:nth-child(2){
	visibility: visible;
	opacity : 1;
}

#SECTION-2 > .SECTION-CONTENT{
	display : grid;
	grid-template-columns : repeat( 3, 1fr );
	gap : 1rem;
}
#SECTION-2 > .SECTION-CONTENT > div{
	padding : 1.5rem;
	border : solid 1px #CCC;
}

#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > p{
	padding : 0 0 .5rem 0;
	margin : 0;
	border-bottom : solid 1px #CCC;
	font-size : .815rem;
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > p > a{
	display : flex;
	justify-content : space-between;
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > p > a::after{
	content : '+'
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > ul{
	padding : .5rem 0 0 0;
	margin : 0;
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > ul > li{
	list-style : none;
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > ul > li > a{
	display : flex;
	justify-content : space-between;
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > ul > li > a > span{
	font-size : .75rem;
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > ul > li > a > span.TITLE{
	flex-grow : 0;
	width : 15rem;

	overflow : hidden;
	white-space : nowrap;
	text-overflow : ellipsis;
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > ul > li > a > span.SDATE{
	flex-grow : 0;
	width : 5rem;
	text-align : right;
}
#SECTION-2 > .SECTION-CONTENT > div.ABB-BOARD > ul > li.NORECORD{
	padding : 2rem 0;
	color : #888;
	font-size : .815rem;
	text-align : center;
}

#SECTION-2 > .SECTION-CONTENT > div#AS-INFO{
	padding : 2rem;
}
#SECTION-2 > .SECTION-CONTENT > div#AS-INFO > p{
	padding : 0;
	margin : 0;
	text-align : center;
}
#SECTION-2 > .SECTION-CONTENT > div#AS-INFO > p:nth-child(1){
	font-size : 1.75rem;
}
#SECTION-2 > .SECTION-CONTENT > div#AS-INFO > p:nth-child(2){
	padding : 1rem 0;
	color : #069;
	font-family : 'Pretendard';
	font-weight : bold;
	font-size : 2rem;
}
#SECTION-2 > .SECTION-CONTENT > div#AS-INFO > p:nth-child(4){
	margin : 1rem 0;
	font-size : 1.25rem;
}
#SECTION-2 > .SECTION-CONTENT > div#AS-INFO > p:nth-child(5),
#SECTION-2 > .SECTION-CONTENT > div#AS-INFO > p:nth-child(6){
	display : flex;
	justify-content: space-between;
	width : 50%;
	margin : 0 auto;
	font-size : .815rem;
}
#SECTION-2 > .SECTION-CONTENT > div#AS-INFO > p:nth-child(7){
	margin-top : .5rem;
	font-size : .815rem;
}