#ft #ft_wr ul li@charset "utf-8";

.mcont0-section-wrap {position:relative;width:100%;}
#mcont0-section {}
#mcont0-section li{box-sizing: border-box;border-collapse:collapse;display:table-cell;}
#mcont0-section .slick-track > li{height: 865px;background-size:cover !important;}
#mcont0-section li.slick-current .txtBox > div.tit_block {transform: translateY(0);opacity: 1;}
#mcont0-section li.slick-current .txtBox p.subtit {transform: translateY(0);opacity: 1;}
#mcont0-section li .txtBox p.subtit {transition-delay:1s;}
.font_white div, .font_white p {color:#ffffff !important;}

.slick-dots li button {
	width: 14px !important;
	height: 14px !important;
	padding:0px; 
	background-color: transparent !important;
	border: 2px solid #fff !important;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
}
.slick-dots li.slick-active button {width: 12px !important; height: 12px !important;border-radius: 0px !important;background-color: #ffffff !important;border: 0px !important;}

.mcont0-section-wrap span.slick_button {position:absolute;z-index:1;bottom:12.7%;left:50%;}
.slick-dots {width:80px !important;}

@media screen and (max-width:1400px){
	#mcont0-section .slick-track > li{height:850px;}
}
@media screen and (max-width:1300px){
	#mcont0-section .slick-track > li{height:800px;}
}
@media screen and (max-width:1300px){
	#mcont0-section .slick-track > li{height:750px;}
}
@media screen and (max-width:1200px){
	#mcont0-section .slick-track > li{height:700px;}
}
@media screen and (max-width:1100px){
	#mcont0-section .slick-track > li{height:650px;}
}
@media screen and (max-width:1000px){
	#mcont0-section .slick-track > li{height:600px;}
}@media screen and (max-width:900px){
	#mcont0-section .slick-track > li{height:550px;}
}
@media screen and (max-width:800px){
	#mcont0-section .slick-track > li{height:500px;}
}
@media screen and (max-width:700px){
	#mcont0-section .slick-track > li{height:420px;}
}
@media screen and (max-width:600px){
	#mcont0-section .slick-track > li{height:350px;}
}
@media screen and (max-width:500px){
	#mcont0-section .slick-track > li{height:300px;}
}
@media screen and (max-width:450px){
	#mcont0-section .slick-track > li{height:280px;}
}
@media screen and (max-width:400px){
	#mcont0-section .slick-track > li{height:250px;}
}
@media screen and (max-width:360px){
	#mcont0-section .slick-track > li{height:220px;}
}



.slider {width: 50%; margin: 100px auto;}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}




.section01 {position:relative;width:100%;height: 865px;text-align:center; background:url('../img/main/section1_bg.jpg') center center no-repeat; background-size:cover;}
.section01 .title_area {display:inline-block;padding-top: 4%;color: #fff;}
.section01 .title_area h1 {font-size: 90px;font-family: "GmarketSansBold";line-height: 1.1;}
.section01 .title_area h1 span {font-family: "GmarketSansMedium";}
.section01 .title_area p {font-family: "GmarketSansMedium";font-size: 40px;margin-top:1%;}
.section01 span.br {display:block;}
@media screen and (max-width:1400px){
	.section01 .title_area h1 {font-size: 85px;}
	.section01 .title_area p {font-size: 35px;}
}
@media screen and (max-width:1200px){
	.section01 {height:auto;}
	.section01 .title_area {margin-bottom:50%;}
	.section01 .title_area h1 {font-size: 80px;}
	.section01 .title_area p {font-size: 35px;}
}
@media screen and (max-width:990px){
	.section01 .title_area {margin-bottom:58%;}
	.section01 .title_area h1 span {display:block;line-height: 0.8;}
	.section01 .title_area h1 {font-size: 70px;}
	.section01 .title_area p {font-size: 30px;}
}
@media screen and (max-width:900px){
	.section01 .title_area h1 {font-size: 60px;}
	.section01 .title_area p {font-size: 25px;}
}
@media screen and (max-width:800px){
	.section01 .title_area h1 {font-size: 50px;}
	.section01 .title_area p {font-size: 22px;}
}
@media screen and (max-width:700px){
	.section01 .title_area h1 {font-size: 40px;}
	.section01 .title_area p {font-size: 20px;}
}
@media screen and (max-width:600px){
	.section01 .title_area h1 {font-size: 35x;}
	.section01 .title_area p {font-size: 18px;}
}
@media screen and (max-width:500px){
	.section01 .title_area {padding-top:8%;}
	.section01 .title_area h1 {font-size: 33px;}
	.section01 .title_area p {font-size: 16px;}
}
@media screen and (max-width:400px){
	.section01 .title_area h1 {font-size: 30px;}
	.section01 .title_area p {font-size: 14px;}
}
@media screen and (max-width:360px){
	.section01 .title_area h1 {font-size: 26px;}
	.section01 .title_area p {font-size: 13px;}
}

.section02 {position:relative;width:100%;height: 867px;text-align:center; background:url('../img/main/section2_bg.jpg') center center no-repeat; background-size:cover;}
.section02 .title_area {padding-top: 4%;color: #fff;}
.section02 .title_area h1 {font-size: 85px;font-family: "GmarketSansBold";line-height: 1.1;}
.section02 .title_area p {font-family: "GmarketSansMedium";font-size: 40px;margin-top:1%;}
.section02 .box {display: table;width: 100%;max-width: 1200px;margin: 3% auto 0 auto;}
.section02 .box ul {}
.section02 .box ul li {position: relative;width: 25%;float: left;font-family:"GmarketSansMedium";font-size: 34px;}
.section02 .box ul li img {width:90%;max-width: 264px;border-radius: 50px;box-shadow: 10px 10px 15px 5px rgb(0 0 0 / 50%);}
.section02 .box ul li h2 {width: 100%;position:absolute;margin-top:10%;}
.section02 .box ul li h2 b {font-family:"GmarketSansBold";}

@media screen and (max-width:1400px){
	.section02 .title_area h1 {font-size: 80px;}
}
@media screen and (max-width:1200px){
	.section02 {height:auto;padding-bottom:3%;}
	.section02 .title_area h1 {font-size: 75px;}
	.section02 .title_area p {font-size: 35px;}
	.section02 .box ul li {font-size:32px;}
}
@media screen and (max-width:1100px){
	.section02 .title_area h1 {font-size: 72px;}
	.section02 .box ul li {font-size:30px;}
}
@media screen and (max-width:1000px){
	.section02 .box ul li {font-size:30px;}
	.section02 .title_area h1 {font-size: 70px;}
	.section02 .title_area p {font-size: 30px;}
}
@media screen and (max-width:900px){
	.section02 .box ul li {font-size:26px;}
	.section02 .title_area h1 {font-size: 60px;}
	.section02 .title_area p {font-size: 25px;}
}
@media screen and (max-width:800px){
	.section02 .box ul li {font-size:22px;}
	.section02 .title_area h1 {font-size: 50px;}
	.section02 .title_area p {font-size: 22px;}
}
@media screen and (max-width:700px){
	.section02 .box {max-width:500px;margin:0 auto;margin-top:5%;}
	.section02 .box ul li {width:50%;margin-top:20px;font-size:26px;}
	.section02 .title_area h1 {font-size: 40px;}
	.section02 .title_area p {font-size: 20px;}
}
@media screen and (max-width:600px){
	.section02 .box ul li {font-size:22px;}
	.section02 .title_area h1 {font-size: 35x;}
	.section02 .title_area p {font-size: 18px;}
}
@media screen and (max-width:500px){
	.section02 .title_area {padding-top:8%;}
	.section02 .title_area h1 {font-size: 33px;}
	.section02 .title_area p {font-size: 16px;}
}
@media screen and (max-width:400px){
	.section02 .box ul li {font-size:20px;}
	.section02 .title_area h1 {font-size: 30px;}
	.section02 .title_area p {font-size: 14px;}
}
@media screen and (max-width:360px){
	.section02 .box ul li {font-size:18px;}
	.section02 .title_area h1 {font-size: 26px;}
	.section02 .title_area p {font-size: 13px;}
}


.section03 {position:relative;width:100%;height: 1730px;text-align:center; background:url('../img/main/section3_bg.jpg') center center no-repeat; background-size:cover;}
.section03 .title_area {padding-top: 5%;}
.section03 .title_area img {width: 69%;max-width: 818px;}
.section03 .img_wrap {width: 100%;position: absolute;bottom: 0px;text-align: center;line-height: 0;}
.section03 .img_wrap img {width: 80%;max-width: 1031px;}

@media screen and (max-width:1400px){
	.section03 {height:auto;padding-bottom:105%;}
	.section03 .title_area img {max-width: 800px;}
	.section03 .img_wrap img {max-width: 1000px;}
}
@media screen and (max-width:1300px){
	.section03 .img_wrap img {width: 80%;}
}
@media screen and (max-width:500px){
	.section03 .title_area {padding-top:8%;}
}


.section04 {position:relative;width:100%;height: 865px;text-align:center; background:url('../img/main/section4_bg.jpg') center center no-repeat; background-size:cover;}
.section04 .title_area {padding-top: 3%;font-family: "GmarketSansMedium";}
.section04 .title_area h2 {font-size: 40px;}
.section04 .title_area p {font-size: 30px;}
.section04 .rolling_box_wrap {display:none;}
.section04 .rolling_box_wrap .rolling_box {margin-top:5%}
.section04 .rolling_box_wrap .rolling_box div.box {border-radius: 10px;box-shadow: 10px 10px 15px 5px rgb(0 0 0 / 50%);color:#fff;font-size: 18px;line-height: 1.3;width: 90%;max-width: 450px;margin: 0 auto;padding: 30px 0;}
.section04 .rolling_box_wrap .rolling_box div.box h3 {font-size: 28px; font-family: "GmarketSansBold"; margin-bottom: 20px;}
.section04 .rolling_box_wrap .rolling_box div.color1 {background-color:#295fff;}
.section04 .rolling_box_wrap .rolling_box div.color2 {background-color:#112972;}
.section04 .rolling_box_wrap .rolling_box div.color3 {background-color:#295fff;}
.section04 .slick-dots {margin-top: 30px;bottom:0px;}
.slick-slide {padding:30px 0;}

.section04 .slick-dots li button {border-radius: 10px !important; background-color:#fff !important;}
.section04 .slick-dots li.slick-active button {background-color:#333 !important;}

@media screen and (max-width:1200px){
	.section04 {height:auto;}
	.section04 .title_area {padding-bottom:33%;}
	.section04 .title_area img {width:75%;}
	.section04 .title_area h2 {font-size:41px;}
	.section04 .title_area p {font-size:26px;}
}
@media screen and (max-width:1100px){
	.section04 .title_area h2 {font-size:38px;}
	.section04 .title_area p {font-size:24px;}
}
@media screen and (max-width:990px){
	.section04 .title_area h2 {font-size:32px;}
	.section04 .title_area p {font-size:20px;}
}
@media screen and (max-width:800px){
	.section04 .title_area h2 {font-size:30px;}
	.section04 .title_area p {font-size:18px;}
}
@media screen and (max-width:700px){
	.section04 .title_area h2 {font-size:28px;}
	.section04 .title_area p {font-size:16px;}
	.section04 .title_area {padding-bottom:8%;}
	.section04 {background:url('../img/main/section4_mbg.jpg') center center no-repeat;background-size:cover;}
	.section04 .rolling_box_wrap {display:block;}
}
@media screen and (max-width:600px){
	.section04 .title_area h2 {font-size:26px;}
	.section04 .title_area p {font-size:14px;line-height:1.2;}
	.section04 .rolling_box_wrap .rolling_box div.box {font-size: 16px;}
	.section04 .rolling_box_wrap .rolling_box div.box h3 {font-size: 28px; }
}
@media screen and (max-width:500px){
	.section04 .title_area h2 {font-size:24px;}
	.section04 .title_area img {width:68%;}
	.section04 .rolling_box_wrap .rolling_box {margin-top:0%}
	.section04 .rolling_box_wrap .rolling_box div.box {font-size: 14px;padding: 20px 0;}
	.section04 .rolling_box_wrap .rolling_box div.box h3 {font-size: 24px; }
}
@media screen and (max-width:400px){
	.section04 .title_area h2 {font-size: 15px;}
	.section04 .rolling_box_wrap .rolling_box div.box h3 {font-size: 20px; }
}


.section05 {position:relative;width:100%;height: 1730px;text-align:center; background:url('../img/main/section5_bg.jpg') center center no-repeat; background-size:cover;}
.section05 .box {position: absolute;bottom:0px;width: 100%;}
.section05 .box ul {max-width: 2000px;margin: 0 auto;}
.section05 .box ul li {position:relative;height: 380px;}
.section05 .box ul li:nth-child(1) {background:url('../img/main/section5_p1.png') bottom center no-repeat;}
.section05 .box ul li:nth-child(2) {background:url('../img/main/section5_p2.png') bottom center no-repeat;}
.section05 .box ul li:nth-child(3) {background:url('../img/main/section5_p3.png') bottom center no-repeat;}
.section05 .box ul li div.txt {font-family:"GmarketSansBold";color:#fff;text-align: left;}
.section05 .box ul li div.txt p {font-size: 36px;line-height: 1.3;}
.section05 .box ul li div.txt p span {font-size: 24px;display: block;}
.section05 .box ul li div.txt h3 {font-size: 65px;}
.section05 .box ul li:nth-child(1) div.txt,
.section05 .box ul li:nth-child(3) div.txt {position: absolute;margin-top:5%;margin-left:48%;}
.section05 .box ul li:nth-child(2) div.txt {position: absolute;margin-top:5%;margin-left:20%;}

@media screen and (max-width:1450px){
	.section05 .box ul li:nth-child(1) div.txt, 
	.section05 .box ul li:nth-child(3) div.txt{margin-top: 9%;margin-left:45%;}
	.section05 .box ul li:nth-child(2) div.txt {margin-top:8%;margin-left:15%;}
}
@media screen and (max-width:1200px){
	.section05 {height:auto;padding-bottom: 140%;}
	.section05 .box ul li {height:330px;}
	.section05 .box ul li:nth-child(1),
	.section05 .box ul li:nth-child(2),
	.section05 .box ul li:nth-child(3){background-size: 150%;}
	.section05 .box ul li:nth-child(2) div.txt {margin-left:10%;}
	.section05 .box ul li div.txt p {font-size: 34px;}
	.section05 .box ul li div.txt p span {font-size: 22px;}
	.section05 .box ul li div.txt h3 {font-size: 60px;}
}
@media screen and (max-width:1100px){
	.section05 {padding-bottom:150%}
	.section05 .box ul li {height:300px;}
	.section05 .box ul li div.txt p {font-size: 32px;}
	.section05 .box ul li div.txt p span {font-size: 20px;}
	.section05 .box ul li div.txt h3 {font-size: 50px;}
}
@media screen and (max-width:990px){
	.section05 {padding-bottom:150%}
	.section05 .box ul li {height:280px;}
	.section05 .box ul li div.txt p {font-size: 30px;}
	.section05 .box ul li div.txt p span {font-size: 18px;}
	.section05 .box ul li div.txt h3 {font-size: 48px;}
	.section05 .box ul li div.txt:after {display:inline-block;position:relative;content:'';background: url('../img/sub3/arrow.png') center center no-repeat;background-size:contain;width:39px;height:39px;}
}
@media screen and (max-width:900px){
	.section05 .box ul li {height:260px;}
	.section05 .box ul li div.txt p {font-size: 28px;}
	.section05 .box ul li div.txt p span {font-size: 16px;}
	.section05 .box ul li div.txt h3 {font-size: 45px;}
	
}
@media screen and (max-width:850px){
	.section05 .box ul li {height:250px;}
}
@media screen and (max-width:800px){
	.section05 .box ul li {height:240px;}
	.section05 .box ul li div.txt p {font-size: 26px;}
	.section05 .box ul li div.txt p span {font-size: 15px;}
	.section05 .box ul li div.txt h3 {font-size: 42px;}
}
@media screen and (max-width:750px){
	.section05 .box ul li {height:230px;}
}
@media screen and (max-width:700px){
	.section05 .box ul li {height:220px;}
	.section05 .box ul li div.txt p {font-size: 24px;}
	.section05 .box ul li div.txt p span {font-size: 13px;}
	.section05 .box ul li div.txt h3 {font-size: 38px;}
	.section05 .box ul li div.txt:after {width:33px;height:33px;}
}
@media screen and (max-width:650px){
	.section05 {padding-bottom:160%}
	.section05 .box ul li {height:200px;}
	.section05 .box ul li div.txt p {font-size: 22px;}
	.section05 .box ul li div.txt p span {font-size: 12px;}
	.section05 .box ul li div.txt h3 {font-size: 35px;}
	.section05 .box ul li:nth-child(1) div.txt,
	.section05 .box ul li:nth-child(3) div.txt {margin-left:40%;margin-top: 7%;}
	.section05 .box ul li:nth-child(2) div.txt {margin-left:5%;margin-top: 7%;}
	.section05 .box ul li:nth-child(1),
	.section05 .box ul li:nth-child(2),
	.section05 .box ul li:nth-child(3){background-size: 170%;}
}
@media screen and (max-width:600px){
	.section05 {padding-bottom:170%}
	.section05 .box ul li {height:190px;}
}
@media screen and (max-width:550px){
	.section05 .box ul li {height:175px;}
	.section05 .box ul li div.txt p {font-size: 18px;}
	.section05 .box ul li div.txt p span {font-size: 12px;}
	.section05 .box ul li div.txt h3 {font-size: 32px;}
}
@media screen and (max-width:500px){
	.section05 .box ul li {height:155px;}
	.section05 .box ul li div.txt p {font-size: 16px;}
	.section05 .box ul li div.txt h3 {font-size: 30px;letter-spacing:-1px;}
	.section05 .box ul li div.txt {margin-top: 6% !important;}
	.section05 .box ul li div.txt:after {width:30px;height:30px;}
}
@media screen and (max-width:450px){
	.section05 .box ul li {height:150px;}
	.section05 .box ul li div.txt p {font-size: 15px;}
	.section05 .box ul li div.txt h3 {font-size: 28px;}
	.section05 .box ul li:nth-child(3) div.txt {margin-top: 10%;}
}
@media screen and (max-width:400px){
	.section05 {padding-bottom:180%}
	.section05 .box ul li {height:140px;}
	.section05 .box ul li div.txt p {font-size: 15px;}
	.section05 .box ul li div.txt h3 {font-size: 25px;}
	.section05 .box ul li:nth-child(1),
	.section05 .box ul li:nth-child(2),
	.section05 .box ul li:nth-child(3){background-size: 195%;}
}
@media screen and (max-width:350px){
	.section05 .box ul li {height:130px;}
	.section05 .box ul li div.txt p {font-size: 14px;}
	.section05 .box ul li div.txt h3 {font-size: 22px;}
}

#ft {margin-top: 0px !important;}