footer {background:#fff;   border-top:1px solid #f1f1f1}

.index {margin-top:140px; overflow: hidden; width:100%;}
.index .cont1 {max-width:1400px; margin:0 auto; padding:80px 0;}
.index .cont1:after {content:''; clear: both; display: table;}
.index .cont1 .box1 {float:left; width:50%; position: relative;}
.index .cont1 .box1 h2 {font-size:61px; color:#000; font-family: 'Pretendard-Bold'; line-height:1.3em;}
.index .cont1 .box1 a {display: inline-block; margin-top:40px; color:#2F37FF; font-size:18px; font-family: 'Pretendard-Medium';}
.index .cont1 .box1 a img {margin-left:20px; width:7px;}
.index .cont1 .box1 .img1 {position: relative; left:-260px; top:-140px; width:950px; height:645px; background:url('../img/index_bg1.svg')no-repeat center; background-size: cover; z-index: -1;}

.index .cont1 .box2 {float:left; width:50%; padding-left:110px; margin-top:80px;}
.index .cont1 .box2 h3 {font-size:20px; color:#000; position: relative; font-weight: 400; font-family: 'Pretendard-SemiBold';}
.index .cont1 .box2 h3:after {content:''; clear: both; display: table;}
.index .cont1 .box2 h3 button {float:right; border:none; background:#fff; padding-left:15px;}
.index .cont1 .box2 h3:before {content:''; position: absolute; right:0; top:13px; height:1px; width:calc(100% - 130px); background:#111; z-index: -1;}

.index .cont1 .box2 .scroll {width:100%; height:570px; overflow-y:scroll; margin-top:50px;}
.index .cont1 .box2 .scroll::-webkit-scrollbar {display: none;}
.index .cont1 .box2 .list {width:100%; padding:16px 0; position: relative; display: inline-block;}
.index .cont1 .box2 .list:after{content:''; clear: both; display: table;}
.index .cont1 .box2 .list .list_img {float:left; width:110px; height:110px; border-radius:10px;}
.index .cont1 .box2 .list .list_txt {float:right; width:calc(100% - 145px); }
.index .cont1 .box2 .list .list_txt p {font-size:18px; color:#000; margin-bottom:13px; font-family: 'Pretendard-SemiBold'; margin-top:10px;}
.index .cont1 .box2 .list .list_txt span {font-size:12px; color:#a6a6a6; display: inline-block;margin:2px 0; width:100%;}
.index .cont1 .box2 .list .list_txt span b {font-weight:400;}
.index .cont1 .box2 .list button {position: absolute; right:0; top:16px; height:calc(100% - 32px); width:22px; border-radius:5px; background:#f8f8f8; border:none;}
.index .cont1 .box2 .no_txt {display: none;}

.index .cont1 .box2.no .scroll {display: none;}
.index .cont1 .box2.no .no_txt {width:100%; margin-top:240px; text-align:center; display: block;}
.index .cont1 .box2.no .no_txt p {font-size:16px; color:#a6a6a6; line-height:1.45em;}
.index .cont1 .box2.no .no_txt button {width:160px; height:45px; color:#fff; border-radius:10px; font-size:15px; border:none; background:#111; margin-top:22px;}


@media screen and (max-width:1400px) {
	.index .cont1 {padding:80px 30px;}
	.index .cont1 .box1 h2 {font-size:53px; }
	.index .cont1 .box1 .img1 {top:-129px; width:885px;}

	.index .cont1 .box2 {padding-left:35px; padding-right:20px;}
}

@media screen and (max-width:1280px) {	
	.index .cont1 .box1 h2 {font-size:43px;}
	.index .cont1 .box1 .img1 {top:-117px; width:800px; height:583px;}

	.index .cont1 .box2 {margin-top:53px; padding-left:10px;}
	.index .cont1 .box2 h3 {font-size:18px;}
	.index .cont1 .box2 h3:before {top:10px; width:calc(100% - 120px);}

	.index .cont1 .box2 .scroll {margin-top:20px;  height:555px;}
	.index .cont1 .box2 .list {padding:13px 0;}
}

@media screen and (max-width:1050px) {	
	.index .cont1 .box1 h2 {font-sizE:39px;}
	.index .cont1 .box1 .img1 {top:-112px; width:718px;}
	.index .cont1 .box2 .list {padding:12px 0;}
}

@media screen and (max-width:950px) {
	.index .cont1 .box1 h2 {font-sizE:30px;}
	.index .cont1 .box1 a {font-size:16px;}
	.index .cont1 .box1 .img1 {top:-98px; width:605px; height:452px}
	.index .cont1 {padding:50px 30px;}

	.index .cont1 .box2 .scroll {height:425px;}
	.index .cont1 .box2 {margin-top:37px; padding-left:20px; padding-right:0;}
	.index .cont1 .box2 h3 {font-sizE:16px;}
	.index .cont1 .box2 h3:before {width:calc(100% - 105px);}
	.index .cont1 .box2 h3 button img {width:18px;}
	.index .cont1 .box2 .list {padding:9px 0;}
	.index .cont1 .box2 .list .list_img {width:85px; height:85px;}
	.index .cont1 .box2 .list .list_txt {width:calc(100% - 103px);}
	.index .cont1 .box2 .list .list_txt p {font-size:14px; margin:8px 0;}
	.index .cont1 .box2 .list .list_txt span {font-sizE:10px;}
	.index .cont1 .box2 .list button {width:15px;}
	.index .cont1 .box2 .list button img {width:5px;}
}

@media screen and (max-width:700px) {	
	.index .cont1 {padding:10px 20px;}
	.index .cont1 .box1 {width:100%;}
	.index .cont1 .box1 h2 {font-size:25px;}
	.index .cont1 .box1 .img1 {top:-80px; left:-20px; width:calc(100% + 40px); height:255px;}
	.index .cont1 .box1 a {font-size:14px; margin-top:30px;}
	.index .cont1 .box1 a img {width:5px;}

	.index .cont1 .box2 {width:100%; padding:0; margin-top:-52px;}
	.index .cont1 .box2 .scroll {height:320px;}
}






.index .cont2 {max-width:1400px; margin:0 auto; padding:0px 0 160px 0; position: relative;}
.index .cont2 .box1:after {content:''; clear: both; display: table;}
.index .cont2 .box1 h2 {font-size:40px; font-family: 'Pretendard-Bold'; line-height:1.1em;}
.index .cont2 .box1 a.more {display: inline-block; margin-top:40px; color:#2F37FF; font-size:18px; font-family: 'Pretendard-Medium';}
.index .cont2 .box1 a.more img {margin-left:20px; width:7px;}

.index .cont2 .box1 .slide {margin-top:110px; max-width:860px; overflow:hidden;}
.index .cont2 .box1 .slide h3 {font-size:20px; position: relative; padding-left:52px; font-family: 'Pretendard-SemiBold'; margin-bottom:30px;}
.index .cont2 .box1 .slide h3:after{contenT:''; position: absolute; left:0; top:11px; width:38px; height:1px; background:#222; }
.index .cont2 .box1 .slide .slide_img {width:130px; height:130px; margin:0 auto; border-radius:10px; border:1px solid #eee;}
.index .cont2 .box1 .slide p {font-size:12px; color:#444; margin:0 auto; margin-top:12px; line-height:1.3em; width:130px; word-break: break-word;}
.index .cont2 .box1 .slide .swiper {padding:0 51px;}
.index .cont2 .box1 .slide .swiper .swiper-button-next:after, .index .cont2 .box1 .slide .swiper .swiper-rtl .swiper-button-prev:after {content:none;}
.index .cont2 .box1 .slide .swiper .swiper-button-prev:after, .index .cont2 .box1 .slide .swiper .swiper-rtl .swiper-button-next:after {content:none;}
.index .cont2 .box1 .slide .swiper .swiper-button-next, .swiper-button-prev {top:39% !important}

.index .cont2 .box1 .slide .swiper .swiper-button-next:after{content:''; position: absolute; right:-10px; width:49px; background: #fff; height:205px; z-index: 0;}
.index .cont2 .box1 .slide .swiper .swiper-button-prev:after{content:''; position: absolute; left:-10px; width:49px; background: #fff; height:205px; z-index: 0;}
.index .cont2 .box1 .slide .swiper .swiper-button-next img, .index .cont2 .box1 .slide .swiper .swiper-button-prev img {position: relative; z-index: 1;}


.index .cont2 .box1 .img_view {position: absolute; right:-260px; bottom:110px; width:680px; height:570px; background:url('../img/img_view1.png')no-repeat center; background-size:cover;}

@media screen and (max-width:1400px) {
	.index .cont2 {padding:0 30px 160px 30px;}
}

@media screen and (max-width:1280px) {
	.index .cont2 .box1 .img_view {bottom:133px; width:565px; height:545px;}
}

@media screen and (max-width:1050px) {
	.index .cont2 .box1 .img_view {bottom:inherit; top:-10px; width:505px; height:260px; right:-130px; border-radius:0 0 0 130px}
	.index .cont2 .box1 h2 {font-size:39px;}
}

@media screen and (max-width:950px) {
	.index .cont2 {padding:0 30px 130px 30px}
	.index .cont2 .box1 h2 {font-size:30px;}
	.index .cont2 .box1 a.more {font-sizE:16px;}
	.index .cont2 .box1 .slide h3 {font-size:18px;}

	.index .cont2 .box1 .slide .slide_img {width:100%; padding-top:100%; height:auto;}
	.index .cont2 .box1 .slide p {width:auto; font-size:10px;}

	.index .cont2 .box1 .img_view {width:475px; height:230px;}
}

@media screen and (max-width:700px) {	
	.index .cont2 {padding:80px 20px 100px 20px;}
	.index .cont2 .box1 .img_view {display: none;}
	.index .cont2 .box1 h2 {font-sizE:25px;}
	.index .cont2 .box1 a.more {font-size:14px; margin-top:30px;}
	.index .cont2 .box1 a.more img {width:5px;}
	.index .cont2 .box1 .slide {margin-top:50px;}
	.index .cont2 .box1 .slide h3 {font-size:16px; padding-left:42px; margin-bottom:20px;}
	.index .cont2 .box1 .slide h3:after {top:9px; width:30px;}
	.index .cont2 .box1 .slide .swiper {padding:0 41px;}

	.swiper-button-next, .swiper-rtl .swiper-button-prev {right:0px !important}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {left:0px !important}

	.index .cont2 .box1 .slide p {margin-top:7px;}
}






.index .cont3 {background:#222; padding-top:120px;}
.index .cont3 .box1 {max-width:1400px; margin:0 auto; width:100%;}
.index .cont3 .box1:after {content:''; clear: both; display: table;}
.index .cont3 .box1 h2 {font-size:80px; color:#fff; font-weight:400; font-family: 'Pretendard-Bold'; float:left;}
.index .cont3 .box1 h2 span {color:#878787; }
.index .cont3 .box1 p {font-size:18px; color:#fff; margin-top:25px; line-height:1.45em; max-width:570px; float:right; font-family: 'Pretendard-Light';}

.index .cont3 .box2 {margin-top:120px;}
.index .cont3 .box2:after {content:''; clear: both; display: table;}
.index .cont3 .box2 .box2_list {float:left; width:25%; height:730px; display: inline-block; background:#000; position: relative; border-right:1px solid #444;border-top:1px solid #444; overflow: hidden;}
.index .cont3 .box2 .box2_list:last-child {border-right:none;}
.index .cont3 .box2 .box2_list .txt_posi {position: absolute; bottom:95px; left:50px; width:calc(100% - 80px);z-index: 2}
.index .cont3 .box2 .box2_list .txt_posi h3 {font-size:32px; letter-spacing: 1px; color:#fff; font-family: 'Pretendard-SemiBold'; font-weight: 400;} 
.index .cont3 .box2 .box2_list .txt_posi p {font-size:18px; margin-top:8px; color:#888; position: relative; transition: .4s;}
.index .cont3 .box2 .box2_list .txt_posi p:after {content:''; position: absolute; bottom:-30px; height:1px; width:38px; background:#fff; left:0;}

.index .cont3 .box2 .box2_list .img_posi {position: absolute; left:0; top:0; width:100%; height:100%; opacity: .2; filter: grayscale(1); z-index: 1; }
.index .cont3 .box2 .box2_list .img_posi1 {background:url('../img/index_cont3_bg1.png')no-repeat center; background-size:cover; transition: .4s;}
.index .cont3 .box2 .box2_list .img_posi2 {background:url('../img/index_cont3_bg2.png')no-repeat center; background-size:cover; transition: .4s;}
.index .cont3 .box2 .box2_list .img_posi3 {background:url('../img/index_cont3_bg3.png')no-repeat center; background-size:cover; transition: .4s;}
.index .cont3 .box2 .box2_list .img_posi4 {background:url('../img/index_cont3_bg4.png')no-repeat center; background-size:cover; transition: .4s;}

.index .cont3 .box2 .box2_list:hover .img_posi {filter: inherit; opacity: .6;}
.index .cont3 .box2 .box2_list:hover p {color:#fff;}

.index .cont3 .box2 .box2_list span {position: absolute; font-size:16px; color:#757575; font-family: 'Pretendard-Light'; transform: rotate(90deg); top:70px; right:10px; transition: .4s}
.index .cont3 .box2 .box2_list span:after {content:''; position: absolute; top:10px; right:-52px; width:40px; height:1px; background:#757575; transition: .4s;}
.index .cont3 .box2 .box2_list:hover span {color:#fff;}
.index .cont3 .box2 .box2_list:hover span:after {background:#fff;}


@media screen and (max-width:1400px) {
	.index .cont3 .box1 {padding:0 30px;}
	.index .cont3 .box1 h2 {font-size:73px;}
	.index .cont3 .box1 p {margin-top:13px; max-width:650px;}

	.index .cont3 .box2 .box2_list {height:610px;}
	.index .cont3 .box2 .box2_list .txt_posi {left:35px; width:calc(100% - 65px);}
	.index .cont3 .box2 .box2_list .txt_posi h3 {font-size:26px;}
	.index .cont3 .box2 .box2_list .txt_posi p {font-size:15px;}
	.index .cont3 .box2 .box2_list .txt_posi p:after {width:33px; bottom:-25px;}
	.index .cont3 .box2 .box2_list span {font-size:14px; top:66px; right:4px;}
	.index .cont3 .box2 .box2_list span:after {top:8px;}

}

@media screen and (max-width:1280px) {	
	.index .cont3 .box1 h2 {font-size:63px;}
	.index .cont3 .box1 p {margin-top:3px; max-width:615px; font-size:16px; }

	.index .cont3 .box2 {margin-top:80px;}
	.index .cont3 .box2 .box2_list {height:525px;}
	.index .cont3 .box2 .box2_list .txt_posi {left:30px; bottom:75px; width:calc(100% - 56px);}
	.index .cont3 .box2 .box2_list .txt_posi h3 {font-size:24px;}
	.index .cont3 .box2 .box2_list .txt_posi p {font-size:14px;}	
}

@media screen and (max-width:1050px) {	
	.index .cont3 {padding-top:90px;}
	.index .cont3 .box1 h2 {font-size:51px;}
	.index .cont3 .box1 p {max-width:470px; font-size:14px;}

	.index .cont3 .box2 {margin-top:65px;}
	.index .cont3 .box2 .box2_list {height:430px; }
	.index .cont3 .box2 .box2_list .txt_posi h3 {font-size:21px;}
	.index .cont3 .box2 .box2_list .txt_posi p {font-sizE:12px;}
	.index .cont3 .box2 .box2_list .txt_posi {bottom:63px;}
	.index .cont3 .box2 .box2_list .txt_posi p:after {width:22px; bottom:-21px;}
	.index .cont3 .box2 .box2_list span {font-size:12px; top:45px; right:-6px;}
}


@media screen and (max-width:950px) {	
	.index .cont3 .box1 h2 {font-size:40px;}
	.index .cont3 .box1 p {max-width:370px; font-sizE:12px;}

	.index .cont3 .box2 {margin-top:50px;}
	.index .cont3 .box2 .box2_list {height:320px;}
	.index .cont3 .box2 .box2_list .txt_posi {bottom:35px; left:15px; width:calc(100% - 25px);}
	.index .cont3 .box2 .box2_list .txt_posi h3 {font-size:16px;}
	.index .cont3 .box2 .box2_list .txt_posi p {font-size:10px;}
	.index .cont3 .box2 .box2_list span {font-size:10px; top:35px;}
	.index .cont3 .box2 .box2_list span:after {top:5px; right:-30px; width:22px;}
	.index .cont3 .box2 .box2_list .txt_posi p:after {content:none;}
}

@media screen and (max-width:700px) {	
	.index .cont3 {padding-top:70px;}
	.index .cont3 .box1 {padding:0 20px}
	.index .cont3 .box1 h2 {font-size:30px;}
	.index .cont3 .box1 p {max-width:100%; margin-top:20px;}

	.index .cont3 .box2 {margin-top:40px;}
	.index .cont3 .box2 .box2_list {width:50%; height:260px;}
}





.index .cont4 {max-width:1400px; padding:100px 0 95px 0; margin:0 auto; position: relative;}
.index .cont4:before {content:''; position: absolute; left:-600px; bottom:0; width:calc(100% + 1200px); height:170px; background:#F8F8F8;}
.index .cont4:after {content:''; clear: both; display: table;}
.index .cont4 h2 {font-size:40px; line-height:1.1em; font-family: 'Pretendard-Bold';}
.index .cont4 p {font-size:18px; margin-top:35px; color:#bbb; line-height:1.4em; font-family: 'Pretendard-Light';}
.index .cont4 .cont4_img {width:920px; height:530px; background:url('../img/cont4_img.png')no-repeat center; background-size:cover; position: relative; margin-top:80px; margin-left:-260px; float:left;}

.index .cont4 .box {float:left; width:calc(100% - 660px); padding-left:50px; margin-top:40px;}
.index .cont4 .box .tab:after {content:''; clear: both; display: table;}
.index .cont4 .box .tab li {float:left; margin-right:35px; font-size:26px; font-family: 'Pretendard-Bold'; position: relative; padding:0 4px; cursor: pointer;}
.index .cont4 .box .tab li.on:after {content:''; background:#FFE815; position: absolute; left:0; width:100%; bottom:0px; height:12px; z-index: -1;}

.index .cont4 .box .tab_view {margin-top:15px;}
.index .cont4 .box .tab_view ul:after {content:''; clear: both; display: table;}
.index .cont4 .box .tab_view ul li {width:100%;}
.index .cont4 .box .tab_view ul li a {display: inline-block; padding:28px 140px 28px 0; border-bottom:1px solid #f3f3f3; width:100%; position: relative; transition: .3s;}
.index .cont4 .box .tab_view ul li a:hover {transform: scale(1.02);}
.index .cont4 .box .tab_view ul li:last-child a {border-bottom:none;}
.index .cont4 .box .tab_view ul li a p {font-size:12px; color:#2F37FF; font-family: 'Pretendard-Medium'; margin:0;}
.index .cont4 .box .tab_view ul li a h3 {font-size:18px; margin-top:3px;}
.index .cont4 .box .tab_view ul li a span {font-size:14px; color:#CDCDCD; margin-top:10px; line-height:1.2em; display: -webkit-box; display: box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; width:100%;}

.index .cont4 .box .tab_view ul li a .day {position: absolute; right:0; top:55%; transform: translate(0,-50%); text-align:right;}
.index .cont4 .box .tab_view ul li a .day span {margin:0; font-size:14px; }
.index .cont4 .box .tab_view ul li a .day p {font-sizE:26px; font-family: 'Pretendard-Bold';  color:#222; letter-spacing: -.5px; margin-top:-2px; position: relative;}
.index .cont4 .box .tab_view ul li a .day p:after {content:''; position: absolute; width:42px; height:1px; background:#333; left:-60px; top:18px;}

.index .cont4 .box .tab_view2 {display: none;}

@media screen and (max-width:1400px) {
	.index .cont4 {padding:100px 30px 95px 30px;}
	.index .cont4 .box {width:calc(100% - 685px);}
	.index .cont4 .box .tab li {font-size:24px;}
	.index .cont4 .box .tab_view ul li a .day p {font-size:24px;}
}

@media screen and (max-width:1280px) {
	.index .cont4 {padding:100px 30px 73px 30px}
	.index .cont4 h2 {font-size:39px;}
	.index .cont4 p {font-size:16px;}
	.index .cont4 .cont4_img {width:850px; height:530px; margin-top:60px;}
	.index .cont4 .box {width:calc(100% - 600px); padding-left:40px; margin-top:25px;}
	.index .cont4:before {height:146px;}
}

@media screen and (max-width:1050px) {	
	.index .cont4 p {font-size:14px;}
	.index .cont4 .box {width:calc(100% - 490px);}
	.index .cont4 .box .tab li {font-sizE:22px;}
	.index .cont4 .box .tab_view ul li a h3 {font-sizE:17px;}
	.index .cont4 .box .tab_view ul li a .day p {font-size:22px;}
	.index .cont4 .cont4_img {width:740px; height:510px;}
	.index .cont4 .box .tab_view ul li a .day p:after {left:-38px; top:15px; width:25px;}
	.index .cont4 .box .tab_view ul li a { padding:28px 89px 28px 0 }
}

@media screen and (max-width:950px) {	
	.index .cont4 {padding:100px 30px 61px 30px;}
	.index .cont4 h2 {font-size:30px;}
	.index .cont4 p {font-size:12px; margin-top:25px;}
	.index .cont4 .cont4_img {width:600px; height:473px;}
	.index .cont4 .box {width:calc(100% - 340px); padding-left:30px; margin-top:35px;}
	.index .cont4 .box .tab li {font-size:18px;}
	.index .cont4:before {height:130px;}

	.index .cont4 .box .tab_view ul li a {padding:25px 89px 25px 0}
	.index .cont4 .box .tab_view ul li a p {font-sizE:11px;}
	.index .cont4 .box .tab_view ul li a h3 {font-sizE:15px;}
	.index .cont4 .box .tab_view ul li a span {font-sizE:12px; }
	.index .cont4 .box .tab_view ul li a .day span {font-size:12px;}
	.index .cont4 .box .tab_view ul li a .day p {font-size:19px;}
	.index .cont4 .box .tab_view ul li a .day p:after {left:-34px; top:14px;}
}

@media screen and (max-width:700px) {	
	.index .cont4 {padding:80px 20px 61px 20px}
	.index .cont4:before {height:40px;}
	.index .cont4 h2 {font-size:25px;}
	.index .cont4 p br {display: none;}
	.index .cont4 .cont4_img {width:100%; margin-left:0; margin-top:24px; height:185px;}	
	.index .cont4 .box {width:100%; padding:0;}
}