@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


.main-visual {position:relative;margin:0 auto;height:55vh;}
.main-visual .visual-slider {overflow:hidden;position:absolute;left:50%;top:50%;width:100%;height:100%; border-radius: 30px;
	-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);  }
.main-visual .visual-slider .swiper-slide {overflow:hidden;position:relative;height:100%;}
.main-visual .visual-slider .swiper-slide .vs-bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;     background: #f0f2f6;
	background-size:cover;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);   transition-duration:3s;}
/*.main-visual .visual-slider .swiper-slide .vs-bg1{ background:url(../../img/main/banner_map.png) no-repeat 50% 100%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg2{ background:url(../img/main/banner_map.png) no-repeat 50% 100%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg3{ background:url(../img/main/visual_3.jpg) no-repeat 50% 50%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg4{ background:url(../img/main/visual_4.jpg) no-repeat 50% 50%; background-size:cover;}*/
.main-visual .visual-slider .swiper-slide .sliderdiv{}
.main-visual .visual-slider .swiper-slide .sliderdiv .vs-bg {flex-basis: 70%;  flex-shrink: 0;}
.main-visual .visual-slider .swiper-slide .sliderdiv .vs-bg img{ margin: 100px;}
.main-visual .visual-slider .swiper-slide .sliderdiv .vs-txt {flex-grow: 1; margin: 7% 0 0 55%;}

#main .main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size: 28px; font-weight: 600;}
#main .main-visual .visual-slider .swiper-slide .vs-txt p {font-size: 24px;  margin: 20px 0;}
#main .main-visual .visual-slider .swiper-slide .vs-txt p span {font-size: 20px;  font-weight: 300;  margin: 0 20px;}
#main .main-visual .visual-slider .swiper-slide .vs-txt p span strong {font-size: 20px; color: #f44343;}


.main-visual .visual-slider .main-visual-btn {display: flex;}
.main-visual .visual-slider .swiper-button-prev {left:3%; right:auto; top:50%; z-index:10;}
.main-visual .visual-slider .swiper-button-prev:after {display:none;}
.main-visual .visual-slider .swiper-button-next {right:3%; top:50%;}
.main-visual .visual-slider .swiper-button-next:after {display:none;}
.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ 
	position:absolute;background:none;width:80px;height:80px;border-radius:50%; background: #dee0e8; z-index:10; text-align:center;
}
.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ 
	line-height:80px; display:inline-block; color:#2a2b31; font-size:30px;
}
.main-visual .visual-slider .swiper-pagination {
	position:absolute;right:auto;top:72%;left:48%;bottom:auto;z-index:1;margin-top:7.083em;width:5.833em;font-size:1.2rem;
	color:#777;letter-spacing:0.333em;font-style:italic;
}
.main-visual .visual-slider .swiper-pagination span {font-style:normal;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg {
	-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);
	-webkit-transition:transform 1.4s;-moz-transition:transform 1.4s;-ms-transition:transform 1.4s;-o-transition:transform 1.4s;transition:transform 1.4s;
}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {
	opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);
	-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;
	-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;
}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {
	opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);
	transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;
	-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;
}
.hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999px;}














@media all and ( max-width: 1920px ){

	.main-visual .visual-slider .swiper-slide .vs-txt{ }
	.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2{ font-size:30px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .sTit{ font-size:60px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .bTxt{ font-size:23px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .link a{ font-size:20px;}

	#main .main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size: 38px;}
	#main .main-visual .visual-slider .swiper-slide .vs-txt h3 {font-size: 30px;}
	#main .main-visual .visual-slider .swiper-slide .vs-txt p {font-size: 24px;}
	#main .main-visual .visual-slider .swiper-slide .vs-txt p span {font-size: 19px; margin: 0 10px;}


	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ width:77px; height:77px; right:50px;}
	.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ line-height:77px;}

	.main-visual .visual-slider .swiper-pagination{ width:77px; margin-top:100px; right:50px;}
	
	.main-visual .visual-slider .swiper-slide .sliderdiv .vs-bg img {margin: 60px; width: 42%;}

	.main-visual .visual-slider .swiper-slide .sliderdiv .vs-txt {margin: 5% 0 0 50%;}
}

@media all and ( max-width: 1680px ){
	.main-visual {height: 45vh;}
	
}
@media all and ( max-width: 1440px ){

	.main-visual .visual-slider .swiper-slide .vs-txt{ margin-top:20px;}

	#main .main-visual .visual-slider .swiper-slide .vs-txt h2 { font-size: 26px;}
    #main .main-visual .visual-slider .swiper-slide .vs-txt p { font-size: 20px; }
	#main .main-visual .visual-slider .swiper-slide .vs-txt p span {  margin: 0 5px;}

	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ width:57px; height:57px;}
	.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ line-height:57px; font-size:25px;}
	.main-visual .visual-slider .swiper-pagination{ width:57px; font-size:15px;}

    .main-visual { height: 38vh;}





}
@media all and ( max-width: 1280px ){
	
}
@media all and ( max-width: 1024px ){
	
	.main-visual {}
	.main-visual .visual-slider .swiper-slide .vs-txt{}
	.main-visual .visual-slider .swiper-slide .vs-txt .bTxt{ display:none;}
	.main-visual .visual-slider .swiper-pagination {  margin-top: 40px;}


}

@media all and ( max-width: 800px ){
	.main-visual .visual-slider .swiper-slide .vs-txt h2{ font-size:37px;}
	.main-visual .visual-slider .swiper-slide .vs-txt h2 span{ padding:0 0 20px 0;}
	.main-visual .visual-slider .swiper-slide .vs-txt .sTit{ font-size:20px;}
	
    .main-visual { height: 30vh; }
	.main-visual .visual-slider .swiper-slide .sliderdiv .vs-bg img {  width: 38%;}
	#main .main-visual .visual-slider .swiper-slide .vs-txt h2 { font-size: 22px;}
	#main .main-visual .visual-slider .swiper-slide .vs-txt p, #main .main-visual .visual-slider .swiper-slide .vs-txt p span, #main .main-visual .visual-slider .swiper-slide .vs-txt p span strong{ font-size: 14px;}


}

@media all and ( max-width: 640px ){
	.main-visual { height: 55vh;}
	.main-visual .visual-slider .swiper-slide .sliderdiv .vs-txt {margin: 70% 0 0 15%;}
    .main-visual .visual-slider .swiper-slide .sliderdiv .vs-bg img {width: 75%;}


	#main .main-visual .visual-slider .swiper-slide .vs-txt h2 { font-size: 32px; }
    #main .main-visual .visual-slider .swiper-slide .vs-txt p { font-size: 18px; }

	.main-visual .visual-slider .swiper-slide .vs-txt{width: 98%;}
	.main-visual .visual-slider .swiper-slide .vs-txt h2{ font-size:30px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .sTit{ font-size:18px;}
	
	.main-visual-btn{ position:absolute; top: 50%; left:0; width:100%; text-align:center;}
	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ position:relative; right:auto; display:inline-block; margin:0 5px;width:37px; height:37px; border:none; background: rgb(0,0,0, 0.2);}
	.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ line-height:37px; font-size:20px;}
	.main-visual .visual-slider .swiper-button-prev{ margin-top:0;}
	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ right: -80%; }
	
	.main-visual .visual-slider .swiper-pagination{ display:none;}
	#main .main-visual .visual-slider .swiper-slide .vs-txt p a {font-size: 20px;}
	#main .main-visual .visual-slider .swiper-slide .vs-txt p span { font-size: 15px; margin: 0 5px;}

	
}

@media all and ( max-width: 500px ){



}


#main {}
#main h1{ font-size:50px; font-weight:700; }
#main h2{ font-size:28px; font-weight:400;  color:#222; margin:20px 0 50px 0;}
#main h3{ font-size:28px; font-weight:400; text-align:left; color:#4b4b4b}
.blue { color:#00508f;}
.orange { color: #ffa613;}

#main .main_icon {display: flex; justify-content: space-between; padding: 30px 0;}
#main .main_icon h1 {text-align: left; color: #222;    letter-spacing: -3px;}
#main .main_icon ul{display: flex; gap: 50px;}
#main .main_icon ul li{ text-align: center;}


/* 팝업존 */
.review{position:relative;}
.review .review_list{display:block; margin:25px 0 0;}
.review .review_list p{display:table; float:left; }
.review .review_list a{display:table-cell; vertical-align: middle; width:calc(100% - 100px); padding:0 50px;  overflow:hidden;}
.review .review_list p strong{ display:flex;align-items: center; margin-bottom:15px; font-size:27px;}
.review .review_list p+p{ border-left:1px solid rgb(0,0,0,0.2)}
.review .review_list p strong span{ display:inline-block; background:#edebea; padding:10px 20px; font-size:20px; font-weight:400; margin-left:10px; border-radius:10px; color:#777;}
.review .review_list p em{ font-style:normal; font-size:20px; color:#777; }
.review .review_list .slick-arrow{position:absolute; top:50%;transform: translateY(-50%);  font-size:0; cursor:pointer; z-index:2; background:none;}
.review .review_list .slick-next{right:-60px;  }
.review .review_list .slick-prev{ left:-60px;}
.review .review_list .slick-next:before, .review .review_list .slick-prev:before{font-family:xeicon; font-size:50px; color:#ff6d3d;}
.review .review_list .slick-next:before{content:"\e93f"}
.review .review_list .slick-prev:before{content:"\e93c"}
.review .control a{position:absolute; right:30px; top:2px; display:block; font-size:27px; display:none;}
.review .control a.btn_stop{}
.review .control a.btn_play{display:none; }


/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list{ overflow:hidden; }
.slick-list.dragging{ cursor:pointer; }
.slick-initialized .slick-slide{ display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }



#sec01 {display: flex;}
#sec01 .main-visual{flex-basis: 78%;  flex-shrink: 0;}
#sec01 .main_v2{flex-grow: 1; background: #f6f1e6; border-radius: 30px; margin-left: 2%; position: relative; }
#sec01 .main_v2:before{content: ""; position: absolute; bottom: 0; right: 0; background-image: url(../img/main/sec01_1.png); display: block; background-repeat: no-repeat; z-index: 2;
	background-size: cover; width: 282px; height:239px; border-radius: 30px;}
#sec01 .main_v2 ul {width: 100%;    padding: 50px 0 0 20px;}
#sec01 .main_v2 ul li a{display: flex; align-items: center; margin: 40px;}
#sec01 .main_v2 ul li img{margin-right: 6%;}
#sec01 .main_v2 ul li p{ font-size: 22px;  color: #444;}
#sec01 .main_v2 ul li:hover{counter-reset: #222; font-weight: 600;}



#sec02 {margin: 60px 0;}
#sec02 ul li h2{font-size: 30px; font-weight: 600; margin: 20px 0;}
#sec02 .sec02_1{}
#sec02 .sec02_1 ul{display: flex; justify-content: space-between; margin-bottom: 40px;} 
#sec02 .sec02_1 ul li{width: calc(100% / 3 - 20px); padding: 65px; margin: 0 20px;}
#sec02 .sec02_1 ul .sec02_li1{ padding: 65px 130px 65px 0;}
#sec02 .sec02_1 ul .sec02_li1 p{color: #7a7a7a; margin-top: 5px;}
#sec02 .sec02_1 ul .sec02_li2{background-image: url(../img/main/sec02_1.jpg); border-radius: 30px; background-size: cover;}
#sec02 .sec02_1 ul .sec02_li2 a h2{color: #fff; }
#sec02 .sec02_1 ul .sec02_li2 a p{color: #a7aebe;}
#sec02 .sec02_1 ul .sec02_li3{background:#a8e6f5; border-radius: 30px; position: relative;}
#sec02 .sec02_1 ul .sec02_li3:before{content: ""; position: absolute; bottom: 20%; right: 5%; background-image: url(../img/main/sec02_2.png); display: block; background-repeat: no-repeat; z-index: 2;
	width: 237px; height: 145px; background-size: cover;}

#sec02 .sec02_1 ul .sec02_li3 a h2{color: #00365c; }
#sec02 .sec02_1 ul .sec02_li3 a p{color: #7a7a7a;}
#sec02 .sec02_2{} 
#sec02 .sec02_2 ul{display: flex; justify-content: space-between; } 
#sec02 .sec02_2 ul li{ width: calc(100% / 3 - 20px); padding: 65px; margin: 0 20px;}
#sec02 .sec02_2 ul .sec02_li4{background-image: url(../img/main/sec02_3.jpg); border-radius: 30px; background-position: center; position: relative;    background-size: cover;}
#sec02 .sec02_2 ul .sec02_li4 a h2{color: #fff; }
#sec02 .sec02_2 ul .sec02_li4 a p{color: #7a7a7a;}
#sec02 .sec02_2 ul .sec02_li4:before{content: ""; position: absolute; bottom: 10%; right: 10%; background-image: url(../img/main/sec02_3.png); display: block; background-repeat: no-repeat; z-index: 2;
	width: 233px; height: 188px;    background-size: cover;}
#sec02 .sec02_2 ul .sec02_li5{background:#f3f4f8; border-radius: 30px; position: relative;}
#sec02 .sec02_2 ul .sec02_li5 a h2{color: #00365c; }
#sec02 .sec02_2 ul .sec02_li5 a p{color: #7a7a7a;}
#sec02 .sec02_2 ul .sec02_li5:before{content: ""; position: absolute; bottom: 10%; right: 10%; background-image: url(../img/main/sec02_4.png); display: block; background-repeat: no-repeat; z-index: 2;
	width: 142px; height: 181px;    background-size: cover;}
#sec02 .sec02_2 ul .sec02_li6{background:linear-gradient(to right, #d0e0f8, #68c5eb); border-radius: 30px; position: relative;}
#sec02 .sec02_2 ul .sec02_li6 a h2{color: #00365c; }
#sec02 .sec02_2 ul .sec02_li6 a p{color: #7a7a7a;}
#sec02 .sec02_2 ul .sec02_li6:before{content: ""; position: absolute; bottom: 0; right: 10%; background-image: url(../img/main/sec02_5.png); display: block; background-repeat: no-repeat; z-index: 2;
	width: 118px; height: 163px;    background-size: cover;}
#sec02 .sec02_1 ul .sec02_li2, #sec02 .sec02_1 ul .sec02_li3, #sec02 .sec02_2 ul .sec02_li4, #sec02 .sec02_2 ul .sec02_li5, #sec02 .sec02_2 ul .sec02_li6{transition: all 0.2s ease-out; }
#sec02 .sec02_1 ul .sec02_li2:hover, #sec02 .sec02_1 ul .sec02_li3:hover, #sec02 .sec02_2 ul .sec02_li4:hover, #sec02 .sec02_2 ul .sec02_li5:hover, #sec02 .sec02_2 ul .sec02_li6:hover{ transform: translate(0, -10px); }


#sec03 { margin: 60px 0;}
#sec03>div{display: flex;}
#sec03 .sec03_1 {flex-basis: 33%;  flex-shrink: 0; margin-left: 20px;}
#sec03 .sec03_1 p{color: #7a7a7a; margin-top: 5px;}
#sec03 .sec03_2 {flex-grow: 1;}
#sec03 .sec03_2 ul{display: flex; gap: 20px;}
#sec03 .sec03_2 ul li{ width: 100%; background: #f0f2f6; border-radius: 30px; height: 180px; position: relative;}
#sec03 .sec03_2 ul li:nth-child(even) { background-color: #f6f1e6;}
#sec03 .sec03_2 ul li p{color: #00365c; font-size: 26px; font-weight: 600; padding: 40px;}
#sec03 .sec03_2 ul li img{ position: absolute; right: 10%; bottom: 16%; width: 27px;}



@media all and ( max-width: 1920px ){
	
	#main h1{ font-size:38px;}
	#main h2{ font-size:19px; margin: 20px 0;}

	#sec01 .main_v2 ul li a {margin: 23px;}
	#sec01 .main_v2 ul li p {font-size: 19px;}
	#sec01 .main_v2:before {width: 200px;	height: 165px;}
	#sec01 .main_v2 ul li img {width: 9%; height: 100%;}

	#sec02 .sec02_1 ul .sec02_li1, #sec02 .sec02_1 ul li, #sec02 .sec02_2 ul li {padding: 50px;}
	#sec02 .sec02_1 ul .sec02_li3:before {width: 170px;	height: 100px;}
	#sec02 .sec02_2 ul .sec02_li4:before {bottom: 13%; width: 162px; height: 130px;}
	#sec02 .sec02_2 ul .sec02_li5:before {bottom: 13%; width: 110px; height: 140px;}
	#sec02 .sec02_2 ul .sec02_li6:before {width: 100px;	height: 135px;}
}

@media all and ( max-width: 1600px ){

#main .main_icon { padding: 0 0 30px 0;}

#sec02 .sec02_1 ul .sec02_li1, #sec02 .sec02_1 ul li, #sec02 .sec02_2 ul li {padding: 30px;}
#sec02 .sec02_1 ul li, #sec02 .sec02_2 ul li { width: calc(100% / 3); margin: 0 10px;}

#sec03 .sec03_2 ul li{ height:150px;}
#sec03 .sec03_2 ul li p { font-size: 20px;}
#sec03 .sec03_2 ul li img{  width: 22px;}

}

@media all and ( max-width: 1400px ){
    #main h1 {font-size: 34px;}

	#main .main_icon ul li a img{width: 75%;}

	#sec01 .main_v2 ul {padding: 40px 0 0 30px;}
	#sec01 .main_v2 ul li p { font-size: 17px;} 
	#sec01 .main_v2 ul li a { margin: 19px 0;}


	#sec02 ul li h2 {font-size: 26px;margin: 12px 0;}
	#sec02 .sec02_1 ul .sec02_li2, #sec02 .sec02_1 ul .sec02_li3, #sec02 .sec02_2 ul .sec02_li4, #sec02 .sec02_2 ul .sec02_li5, #sec02 .sec02_2 ul .sec02_li6   {border-radius: 20px;}
	#sec02 .sec02_1 ul .sec02_li3:before {width: 120px;	height: 73px;}
	#sec02 .sec02_2 ul .sec02_li4:before {width: 120px; height: 97px;}
	#sec02 .sec02_2 ul .sec02_li5:before {width: 80px; height: 100px;}
	#sec02 .sec02_2 ul .sec02_li6:before {width: 70px;	height: 92px;}

}


@media all and ( max-width: 1280px ){

	
	#sec02 {margin: 35px 0; display: flex;}
	#sec02 .sec02_1 ul, #sec02 .sec02_2 ul  {display: block;}
	#sec02 .sec02_1 ul li, #sec02 .sec02_2 ul li {  width: 80%; margin: 20px auto;}
	#sec02 .sec02_1 ul .sec02_li1, #sec02 .sec02_1 ul li, #sec02 .sec02_2 ul li { padding: 40px;}


	#sec03>div {display: block;}
	#sec03 .sec03_2 {margin-top: 20px;}
}


@media all and ( max-width: 1024px ){

	#main h1 { font-size: 30px;}
	#main .main_icon ul { gap: 20px; align-items: center;}

	#main .main_icon {}

	#sec01 {display: block;}
	#sec01 .main_v2 {margin: 2% 0 0 0;}
	#sec01 .main_v2 ul {  display: flex; padding: 30px 0; flex-wrap: wrap;  justify-content: space-evenly;}
	#sec01 .main_v2:before { width: 116px; height: 100px;}

	#sec03 .sec03_2 ul li p {padding: 30px;}
}

@media all and ( max-width: 800px ){
    #main h1 { font-size: 23px;}

	#main .main_icon{display:block;}
	#main .main_icon ul {justify-content: flex-end;}
	#main .main_icon h1{letter-spacing: -1px;}

	#sec01 .main_v2:before {display: none;}

	#sec02 .sec02_1 ul .sec02_li1, #sec02 .sec02_1 ul li, #sec02 .sec02_2 ul li{padding: 30px;}
    #sec02 ul li h2 { font-size: 20px;}
	#sec02 .sec02_1 ul .sec02_li1 p {	font-size: 14px;}

	#sec03 {margin: 0 0 60px 0;}
	#sec03 .sec03_2 ul li {  height: 130px;}
    #sec03 .sec03_2 ul li p { font-size: 16px; }
    #sec03 .sec03_2 ul li img { width: 16px; }

}

@media all and ( max-width: 640px ){

    #sec03 .sec03_2 ul {flex-wrap: wrap; gap: 0;}
    #sec03 .sec03_2 ul li {width: calc(100% / 3 - 10px); margin: 5px;}



}

@media all and ( max-width: 500px ){
    #main .main_icon h1 {  padding-bottom: 20px;}

	#sec02 { display: block;}
	#sec02 .sec02_1 ul {margin-bottom: 0;}


}