@charset "UTF-8";
/* Form */
/* Button */
/************************** #header ***************************/
.container {
    width:1477px;
	margin:0 auto;
	height:100%;
}
.wrapper {
    width: 100%;
    min-height: 100vh;
    height: auto;
	/* overflow: hidden; */
}

/************************** #공통 ***************************/


#mainvisual {
	width:100%;
	height:799px;
}
#mainvisual .swiper-container {
	width:100%;
	height:100%;
}
#mainvisual .slide-item {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#mainvisual .slide-item-1 {
	background-image:url('../images/main/mainvisual1.jpg');
}
#mainvisual .slide-item-2 {
	background-image:url('../images/main/mainvisual2.jpg');
}
#mainvisual .textArea {
	padding-top:250px;
}
#mainvisual .textArea h3 {
	font-size:55px;
	line-height:70px;
	font-weight:600;
	color:#fff;
	margin:0 0 44px;
	letter-spacing:-0.025em;
}
#mainvisual .textArea h3 span {
	font-size:50px;
}
#mainvisual .textArea p {
	font-size:24px;
	font-weight:400;
	color:#fff;
	line-height:40px;
	letter-spacing:-0.01em;
}
#mainvisual .textArea a.more {
	display:block;
	width:194px;
	height:54px;
	line-height:54px;
	font-size:18px;
	font-weight:300;
	color:#181818;
	text-align:center;
	border-radius:5px;
	background:#fff;
	margin-top:72px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#mainvisual .textArea a.more:hover {
	background:#ac8844;
	color:#fff;
}
/* section1 */
.section01 ul {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:59px 0 53px;
}
.section01 ul li {
	width:20%;
	position:relative;
}
.section01 ul li:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:100%;
	background:#ddd;
}
.section01 ul li:last-of-type:before {
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:1px;
	height:100%;
	background:#ddd;
}
.section01 ul li a {
	display:block;
	text-align:center;
	font-size:24px;
	font-weight:500;
	color:#777;
	
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.section01 ul li a:hover {
	color:#333;
}
.section01 ul li span {
	display:block;
	margin:0 0 30px;
}
.section01 ul li span img {
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.section01 ul li a:hover span img {
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

/* section2 */
.section02 {
	padding:80px 0 90px;
	background:#f8f8f8;
}
.section02 .flex {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
.section02 .left, .section02 .right {
	width:720px;
	height:700px;
	background:#fff;
	padding-top:56px;
}
.section02 .left {
	padding-left:45px;
	padding-right:45px;
}
.section02 .right {
	padding-left:48px;
	padding-right:54px;
}
.section02 h4 {
	letter-spacing:-0.025em;
	font-size:50px;
	font-weight:500;
	color:#181818;
}
.section02 h4 strong {
	font-weight:500;
}
.section02 .left h4 {
	margin-bottom:50px;
}
.section02 .right h4 {
	margin-bottom:44px;
}
.section02 h4 span {
	display:block;
	font-size:20px;
	font-weight:500;
	color:#777;
	margin:0 0 20px;
}
.section02 h4 a {
	display:inline-block;
	margin-left:15px;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.section02 h4 a:hover {
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
.section02 .left ul {
	border-top:2px solid #ac8844;
}
.section02 .left ul li {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 15px;
	border-bottom:2px solid #ddd;
	letter-spacing:-0.025em;
	line-height:80px;
	height:80px;
}
.section02 .left ul li a {
	display:block;
	font-size:18px;
	font-weight:400;
	color:#181818;
	width:470px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.section02 .left ul li a:hover {
	color:#ac8844;
}
.section02 .left ul li span {
	font-size:13px;
	font-weight:400;
	color:#777;
}
.section02 .galleryWrap {
	position:relative;
}
.section02 .galleryWrap .slideBtn {
	position:absolute; 
	right:0; 
	top:-42px;
	display:flex;
	align-items:center;
}
.section02 .galleryWrap .slideBtn .line {
	display:inline-block;
	width:1px;
	height:24px;
	background-image:url('../images/main/line_gray.png');
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 20px;
}
.section02 .galleryWrap .swiper-button-prev,
.section02 .galleryWrap .swiper-button-next {
	width:12px;
	height:22px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	margin:0;
	color:transparent;
	position:static;
}
.section02 .galleryWrap .swiper-button-prev {
	background-image:url('../images/main/prev_bt.png');
}
.section02 .galleryWrap .swiper-button-next {
	background-image:url('../images/main/next_bt.png');
}
.section02 .galleryWrap .slide-item p {
	width:100%;
	height:364px;
	overflow:hidden;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	position:relative;
}
.section02 .galleryWrap .slide-item p img {
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.section02 .galleryWrap .slide-item a {
	display:block;
}
.section02 .galleryWrap .slide-item a:hover span {
	color:#ac8844;
}
.section02 .galleryWrap .slide-item span {
	font-size:20px;
	font-weight:400;
	color:#181818;
	letter-spacing:-0.025em;
	display:block;
	padding-left:5px;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:25px;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}

/* section03 */
.section03 {
	padding:85px 0 169px;
	letter-spacing:-0.025em;
}
.section03 h4 span {
	display:block;
	font-size:20px;
	font-weight:500;
	color:#777;
	margin:0 0 12px;
}
.section03 h4 {
	font-size:50px;
	font-weight:500;
	color:#181818;
	margin:0;
}
.section03 .rightbtn {
	text-align:right;
	margin-bottom:20px;
}
.section03 a.more {
	display:inline-block;
	font-size:14px;
	font-weight:500;
	color:#777;
}
.section03 a.more:hover span {
	transform:translate(5px);
	
}
.section03 a.more span {
	display:inline-block;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.section03 .flex {
	border-top:2px solid #ac8844;
}
.section03 .flex div {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	position:relative;
	border-bottom:1px solid #e6e6e6;
	height:122px;
}
.section03 .flex div p {
	width:85px;
	font-size:16px;
	font-weight:500;
	color:#333;
	text-align:center;
}
.section03 .flex div p span {
	display:block;
	font-size:41px;
	margin:0 0 6px;
}
.section03 .flex div dl {
	width:900px;
	padding-left:60px;
}
.section03 .flex div dl dt {
	width:100%;
	font-size:20px;
	font-weight:500;
	color:#181818;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin:0 0 18px;
}
.section03 .flex div dl dd {
	font-size:16px;
	font-weight:300;
	color:#181818;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}
.section03 .flex div a.more2 {
	position:absolute;
	right:48px;
	top:50%;
	transform:translate(0,-50%);
	width:41px;
	height:41px;
	background-image:url('../images/main/circle_plus.png');
	background-repeat:no-repeat;
	background-position:50% 50%;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.section03 .flex div a.more2:hover {
	background-image:url('../images/main/circle_plus_hv.png');
}


@media screen and (max-width: 1024px) {
   
}
@media screen and (max-width: 900px) {
   
}
@media screen and (max-width: 898px) {
    
}
/************************** 태블릿 ***************************/
@media screen and (max-width: 768px) {
	
	.container {
		width:100%;
		padding:0 4vw;
	}

	#mainvisual {
		height:140vw;
	}
	#mainvisual .slide-item .container {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		text-align:center;
		padding-top:19.4vw;
	}
	#mainvisual .slide-item-1 {
		background-position:70% 50%;
	}
	#mainvisual .textArea {
		padding-top:0;
		width:100%;
	}
	#mainvisual .textArea h3 {
		font-size:5vw;
		line-height:7.5vw;
		margin:0 0 7vw;
	}
	#mainvisual .textArea h3 span {
		font-size:6vw;
	}
	#mainvisual .textArea p {
		font-size:4vw;
		line-height:7vw;
		word-break:keep-all;
	}
	
	#mainvisual .textArea a.more {
		width:30vw;
		height:10vw;
		line-height:10vw;
		font-size:3.6vw;
		margin:10vw auto 0;
	}

	/* section01 */
	.section01 ul {
		padding:10vw 0;
	}
	.section01 .container {
		padding:0;
	}
	.section01 ul li:nth-child(1):after,
	.section01 ul li:last-of-type:before {
		display:none;
	}
	.section01 ul li a {
		font-size:3.4vw;
	}
	.section01 ul li span {
		margin:0 auto 4vw;
		width:10vw;
		height:10vw;
	}
	.section01 ul li span img {
		height:100%;
	}

	/* section02 */
	.section02 {
		padding:16vw 0;
	}
	.section02 .flex {
		flex-wrap:wrap;
		justify-content:center;
	}
	.section02 .left, .section02 .right {
		width:100%;
		height:auto;
		padding:10vw 6vw;
	}
	.section02 h4 {
		font-size:6vw;
	}
	.section02 .left h4 {
		margin-bottom:7vw;
	}
	.section02 .right h4 {
		margin-bottom:6vw;
	}
	.section02 h4 span {
		font-size:3vw;
		margin:0 0 2vw;
	}
	.section02 h4 a {
		width:5vw;
		height:5vw;
		margin-left:2vw;
	}
	.section02 h4 a img {
		width:100%;
		height:100%;
	}
	.section02 .left ul li {
		padding:0 2vw;
		line-height:14vw;
		height:14vw;
		border-bottom:1px solid #ddd;
	}
	.section02 .left ul li a {
		font-size:3.4vw;
		width:80%;
	}
	.section02 .left ul li span {
		font-size:2.8vw;
	}
	.section02 .right {
		margin-top:10vw;
	}
	.section02 .galleryWrap .slideBtn {
		top:-11.7vw;
	}
	.section02 .galleryWrap .slideBtn .line {
		height:4vw;
		margin:0 3.9vw 0 4vw;
	}
	.section02 .galleryWrap .slide-item p {
		height:50vw;
	}
	.section02 .galleryWrap .slide-item span {
		font-size:3.4vw;
		padding-left:2vw;
		margin-top:3vw;
	}

	/* section03 */
	.section03 {
		padding:16vw 0;
	}
	.section03 h4 {
		font-size:6vw;
	}
	.section03 h4 span {
		font-size:3vw;
		margin:0 0 2vw;
	}
	.section03 .rightbtn {
		margin-bottom:3vw;
	}
	.section03 a.more {
		font-size:3.4vw;
	}
	.section03 .flex div {
		height:auto;
		padding:5vw 0;
	}
	.section03 .flex div p {
		width:15%;
		font-size:3vw;
	}
	.section03 .flex div p span {
		font-size:6vw;
		margin:0 0 2vw;
	}
	.section03 .flex div dl {
		padding-left:5vw;
		width:75%;
	}
	.section03 .flex div a.more2 {
		right:0;
		width:7vw;
		height:7vw;
		background-size:contain;
	}
	.section03 .flex div dl dt {
		font-size:3.6vw;
		margin:0 0 3vw;
	}
	.section03 .flex div dl dd {
		font-size:3.4vw;
	}
}
/************************** 모바일 ***************************/
@media screen and (max-width: 500px) {
   
    
    
}