.MAIN-SLIDE{
	height : 480px;
	overflow : hidden;
}
.MAIN-SLIDE > .SLIDES{
	position : relative;
    height : 100%;
	font-size : 0;
}
.MAIN-SLIDE > .SLIDES > i{
	position : absolute;
	top: 0;
	left: 0;
	right : 0;
	height : 100%;
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}

.MAIN-01{
	padding : 64px;
	text-align:center;	
}
.MAIN-01 > .WRAPPER > h2{
	padding : 0;
	margin : 0;
	word-break : keep-all;
	font-size : 30px;
}
.MAIN-01 > .WRAPPER > p{
	padding : 0;
	margin : 24px 0 0 0;
	word-break : keep-all;
	font-family : 'Nanum Gothic';
	font-size : 17px;
	line-height : 1.5;
}
.MAIN-01 > .WRAPPER > .BTN{
	display : block;
	width : 300px;
	height : 48px;
	margin : 32px auto 0 auto;
	background-color : #1F1F1F;
	color : #FFF;
	text-align : center;
	font-weight : 500;
	font-size : 19px;
	line-height : 48px;
	cursor : pointer;
}

.MAIN-02{
	background-color:#EEE;
}

.MAIN-02 > .SECTION-HEADER{
	padding : 64px 0;
	background-image : url("/images/M03_T_bg.jpg");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	text-align : center;
}
.MAIN-02 > .SECTION-HEADER > h2{
	padding : 0;
	margin : 0;
	color : #FFF;
	font-weight : 700;
	font-size : 30px;
}
.MAIN-02 > .SECTION-HEADER > p{
	padding : 0;
	margin : 0;
	color : #FFF;
	font-weight : 500;
	font-size : 20px;
}
.MAIN-02 > .WRAPPER > img{
	display : block;
	width : 90%;
	margin : 0 auto;
}

.MAIN-03 > .SECTION-HEADER{
	padding : 64px 0;
	background-image : url("/images/M03_T_bg.jpg");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
	text-align : center;
}
.MAIN-03 > .SECTION-HEADER > h2{
	padding : 0;
	margin : 0;
	color : #FFF;
	font-weight : 700;
	font-size : 30px;
}
.MAIN-03 > .SECTION-HEADER > p{
	padding : 0;
	margin : 0;
	color : #FFF;
	font-weight : 500;
	font-size : 20px;
}
.MAIN-03 > .WRAPPER{
	padding : 32px;
	text-align : center;
	font-size : 0;
}
.MAIN-03 > .WRAPPER > a.BRAND{
	display : inline-block;
	width : 192px;
	margin : 16px;
	height : 104px;
	background-repeat : no-repeat;
	background-position : center;
	background-size : contain;
	filter : grayscale( 1 );
}
.MAIN-03 > .WRAPPER > a.BRAND:hover{
	filter : none;
	cursor : pointer;
}
.MAIN-03 > .WRAPPER > a.BRAND.B01{ background-image : url("/images/brand01.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B02{ background-image : url("/images/brand02.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B03{ background-image : url("/images/brand03.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B04{ background-image : url("/images/brand04.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B05{ background-image : url("/images/brand05.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B06{ background-image : url("/images/brand06.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B07{ background-image : url("/images/brand07.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B08{ background-image : url("/images/brand08.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B09{ background-image : url("/images/brand09.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B10{ background-image : url("/images/brand10.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B11{ background-image : url("/images/brand11.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B12{ background-image : url("/images/brand12.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B13{ background-image : url("/images/brand13.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B14{ background-image : url("/images/brand14.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B15{ background-image : url("/images/brand15.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B16{ background-image : url("/images/brand16.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B17{ background-image : url("/images/brand17.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B18{ background-image : url("/images/brand18.png"); }
.MAIN-03 > .WRAPPER > a.BRAND.B19{ background-image : url("/images/brand19.png"); }


.MAIN-04{
	padding : 64px 0; 
	background-image : url("/images/main05_bg.jpg");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}

.MAIN-04 > .WRAPPER{
	text-align : center;
	font-size : 0;
}
.MAIN-04 > .WRAPPER > div{
	display : inline-block;
	width : 160px;
	padding : 24px;
	margin : 0 16px;
	background-color : rgba( 34, 50, 80, 0.5 );
	vertical-align : middle;
}
.MAIN-04 > .WRAPPER > div > a > img{
	max-width : 100%;
}
.MAIN-04 > .WRAPPER > div > a > h3{
	margin : 8px 0;
	color : #FFF;
	font-weight : 500;
	font-size : 17px;
}
.MAIN-04 > .WRAPPER > div > a > p{
	margin : 4px 0;
	color : #DDD;
	font-weight : 300;
	font-size : 13px;
}

.MAIN-04 > .WRAPPER > div.HEADER{
	width : 248px;
	padding : 0;
	background-color : transparent;
	text-align:left;
}
.MAIN-04 > .WRAPPER > div.HEADER > h2{
	padding : 0;
	margin : 0;
	color:#FFF;
	font-family : 'Nanum Gothic';
	font-weight : 300;
	font-size : 30px;
	line-height : 1.2;
}
.MAIN-04 > .WRAPPER > div.HEADER > h2 > strong{
	font-family : 'Noto Sans KR';
	font-weight : 700;
}
.MAIN-04 > .WRAPPER > div.HEADER > p{
	padding : 0;
	margin : 16px 0 0 0;
	color : #DDD;
	font-family : 'Nanum Gothic';
	font-size : 17px;
}


@media ( max-width : 657px ){

	.MAIN-SLIDE{
		height : 65vw;
	}
	.MAIN-SLIDE > .SLIDES > i{
		background-position-x : 85%;
	}

	.MAIN-01{ padding : 2rem; }
	.MAIN-01 > .WRAPPER > h2{ font-size : 1.2rem; }
	.MAIN-01 > .WRAPPER > h2 > br{ display : none; }
	.MAIN-01 > .WRAPPER > p{ font-size : .8rem; }
	.MAIN-01 > .WRAPPER > p > br{ display : none; }

	.MAIN-03 > .WRAPPER{
		display : grid;
		grid-template-columns : repeat( 2, 1fr );
		grid-gap : 1rem;
		padding : 2rem;
	}
	.MAIN-03 > .WRAPPER > a.BRAND{
		display : inherit;
		width : auto;
		height : 3rem;
		margin : 0;
		filter : none;
	}

	.MAIN-04{ padding : 2rem; }
	.MAIN-04 > .WRAPPER{
		display : grid;
		grid-template-columns : repeat( 3, 1fr );
		grid-gap : 1rem;
		text-align : center;
	}
	.MAIN-04 > .WRAPPER > div{
		display : inherit;
		width : auto;
		padding : 1rem;
		margin : 0;
		vertical-align : top;
	}
	.MAIN-04 > .WRAPPER > div > a > img{
		max-width : 50%;
	}
	.MAIN-04 > .WRAPPER > div > a > h3{
		font-size : .75rem;
	}
	.MAIN-04 > .WRAPPER > div > a > p{
		font-size : .65rem;
	}
	
	.MAIN-04 > .WRAPPER > div.HEADER{
		grid-column : 1 / 4;
		width : auto;
		margin-bottom : 2rem;
		text-align : center;
	}
	.MAIN-04 > .WRAPPER > div.HEADER > h2{
		font-family : 'normal';
		font-size : 1.5rem;
	}
	.MAIN-04 > .WRAPPER > div.HEADER > h2 > br{ display : none; }
	.MAIN-04 > .WRAPPER > div.HEADER > h2 > strong{
		margin-right : .4rem;
		font-family : 'normal';
	}
	.MAIN-04 > .WRAPPER > div.HEADER > p{
		margin-top : 1rem;
		font-size : .8rem;
	}

}