#container {word-break:keep-all;}

.wrapillust_mo {display:none;}
#visual {
   position: relative;
   margin-top:-132px;
   overflow: hidden;
   
}
#visual .swiper {margin:0 auto;}
#visual .swiper.condmo {display:none;}

#visual [class^=item] {
   background-position: 50% 50%;
   background-position: cover;
   background-repeat: no-repeat;
}

#visual .inr {color: #fff;}

.main .section1{ margin-top:-100px; position:relative;}
.main .section1 .visual_wrap {width:100%; position:relative;}
.main .section1 .visual_wrap .visual_slider {width:100%;}
.mainvisual_pc {display:block;}
.mainvisual_mo {display:none;}
/*
.main .section1 .visual_wrap .visual_slider .visual_bg img {width:100%;}
.main .section1 .visual_wrap .visual_slider .visual_bg {
	width:100%; height:auto;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.main .section1 .visual_wrap .visual_slider .visual_bg.bg01 {background-image:url(../_img/main/mainvisual_bg01.jpg);}
.main .section1 .visual_wrap .visual_slider .visual_bg.bg02 {background-image:url(../_img/main/mainvisual_bg02.jpg);}
.main .section1 .visual_wrap .visual_slider .visual_bg.bg03 {background-image:url(../_img/main/mainvisual_bg03.jpg);}

.main .section1 .visual_wrap .visual_bg .visualtxt_wrap {
	width:100%; max-width:1010px;
	background-image:url(../_img/main/visualt_txtwrap_border.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
	margin:200px auto;
	padding:120px 150px;
	
}
.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt {color:#fff; line-height:1.4; text-align:left; font-weight:600;}
.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt01 {font-size:38px;}
.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt02 {font-size:55px; margin-left:75px; margin-bottom:30px;}
.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt03 {font-size:22px; margin-left:75px;}
*/
.main .section1 .visualslide_btn .prevvisual_Btn {
	width:60px; height:60px;
	border-radius:100%;
	background-color:rgba(255, 255, 255, 0.3);
	background-image:url(../_img/main/prevvisual_Btn.png);
	background-size:12px;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:48%; left:200px;
}
.main .section1 .visualslide_btn .nextvisual_Btn {
	width:60px; height:60px;
	border-radius:100%;
	background-color:rgba(255, 255, 255, 0.3);
	background-image:url(../_img/main/nextvisual_Btn.png);
	background-size:12px;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:48%; right:200px;
}
.main .section1 .txt_wrap {position:absolute; top:220px; left:30%; width:100%; max-width:700px;}
.main .section1 .txt_wrap p {color:#fff; line-height:1.4; text-align:left;}
.main .section1 .txt_wrap p.txt1 {font-size:38px; font-weight:600; margin-bottom:20px; }
.main .section1 .txt_wrap p.txt2 {font-size:55px; font-weight:600; margin-bottom:60px; margin-left:5%;}
.main .section1 .txt_wrap p.txt3 {font-size:22px; margin-left:5%;}
.main .section2 {
	width:100%; height:auto;
	background-color:#fff;
	background-image:url(../_img/main/mission_bg.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center right;
	position:relative;
}
.main .section2 .sec2_txtwrap  {
	padding:200px 0;
	width:100%; max-width:590px;
}
.main .section2 .sec2_txtwrap .sec2_tit {
	font-size:24px;
	color:#000;
	line-height:1.4;
	text-align:left;
	font-weight:600;
	position:relative;
	padding-left:80px;
	margin-bottom:30px;
}
.main .section2 .sec2_txtwrap .sec2_tit:before {
	content:'';
	width:70px; height:5px;
	background-color:#2ec0ff;
	position:absolute;
	top:48%;
	left:0;
}
.main .section2 .sec2_txtwrap .sec2_txt {
	font-size:20px;
	color:#000;
	line-height:1.4;
	text-align:left;
}

.main .section2 .img_L {
	position:absolute; 
	top:125px; right:0;
	width:400px; height:400px;
	border-radius:100%;
	box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}
.main .section2 .img_S {
	position:absolute; 
	top:65px; right:450px;
	width:250px; height:250px;
	border-radius:100%;
	box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}
/*section2 애니메이션*/
.main .section2 .img_L  {
	animation: float 1s infinite ease-in-out alternate;
	transition: 0.7s;
    transition-delay: 2.5s; 
	animation-delay: 1s;
}
.main .section2 .img_S  {
	animation: float 1s infinite ease-in-out alternate;
	transition: 0.7s;
    transition-delay: 0.9s; 
	animation-delay: 0.5s;
}
@keyframes float {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(10px);
        }
    }
/*section2 애니메이션 ---*/

.main .section3 {background-color:#022e6f;padding:100px 0;}
.main .section3 .service_tit {
	font-size:24px;
	color:#fff;
	line-height:1.4;
	font-weight:600;
	text-align:left;
	padding-left:220px;
}

@keyframes fadeAndSlide {
  0% {
    opacity: 0;
    transform: translateY(30%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

.fade_and_slide {
      opacity: 0;
      transform: translateY(30%);
      transition: opacity 1s ease, transform 1s ease;
    }

.fade_and_slide.fade-in {
      opacity: 1;
      transform: translateY(0%);
	  animation-delay:0s;
}

.main .section3 .service_wrap {
	position:relative;
	padding:60px;
	width:100%; margin:-20px 0 0;
}
.main .section3 .service_wrap:before {
	content:'';
	width:197px; height:110px;
	background-image:url(../_img/main/service_line01.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
	animation: fadeAndSlide 0.5s linear forwards;
	opacity: 0;
	animation-delay:0.5s;
	transition:0.5s ease-in-out;
}
.main .section3 .service_wrap:after {
	content:'';
	width:197px; height:110px;
	background-image:url(../_img/main/service_line02.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	bottom:0;
	right:0;
	animation: fadeAndSlide 0.5s linear forwards;
	opacity: 0;
	animation-delay:0.5s;
	transition:0.5s ease-in-out;
}
.main .section3 .service_wrap .service{width:29.33%;margin:0 auto;position:relative;}
.main .section3 .service_wrap .service:first-child {margin-left:0;}
.main .section3 .service_wrap .service:last-child {margin-right:0;}
.main .section3 .service_wrap .service .imgwrap img {width:100%;box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.2);}
.main .section3 .service_wrap .service .imgwrap {
	width:100%; 
	padding-left:20px;
	/*background-size:100%;
	background-repeat:no-repeat;
	background-position:center;*/
}
/*
.main .section3 .service_wrap .service .imgwrap.img01 {background-image:url(../_img/main/service_bg01.png);}
.main .section3 .service_wrap .service .imgwrap.img02 {background-image:url(../_img/main/service_bg02.png);}
.main .section3 .service_wrap .service .imgwrap.img03 {background-image:url(../_img/main/service_bg03.png);}
*/
.main .section3 .service_wrap .service .txtbox {
	display:block;
	width:100%; max-width:360px;
	background:linear-gradient(to right, #2b98ff, #8e85ff);
	padding:20px;	
	box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.2);
	position:absolute; left:0;
}



.main .section3 .service_wrap .service .txtbox.box01 {bottom:25px;}
.main .section3 .service_wrap .service .txtbox.box02 {top:25px;}
.main .section3 .service_wrap .service .txtbox.box03 {bottom:25px;}
.main .section3 .service_wrap .service .txtbox .servicebox_tit {
	font-size:24px;
	color:#fff;
	line-height:1.4;
	text-align:left;
	font-weight:600;
	margin-bottom:10px;
}
.main .section3 .service_wrap .service .txtbox .servicebox_txt {
	font-size:18px;
	color:#fff;
	line-height:1.4;
	text-align:left;
}




.section6 {margin:50px 0; width:100%;}
.section6 .wfix{width:100%; max-width:1400px;}
.section6 .bnr_wrap {position:relative;overflow: hidden;}
.section6 .bnr_slider {
	width:100%;
	margin:0 auto;
	transition: transform 0.3s ease; 
	flex-wrap:nowrap;
	justify-content:space-between;
}
.section6 .bnr_wrap .bnr img {width:100%; display:block;}
.section6 .bnr_wrap .bnr {margin:0 auto;}

.section6 .prevbnr_Btn {
	display:block;
	width:16px; height:31px;
	background-image:url(../_img/main/bnr_arrowL.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin:10px;
	position:absolute;
	top:5px;
	left:20px;
}
.section6 .nextbnr_Btn {
	display:block;
	width:16px; height:31px;
	background-image:url(../_img/main/bnr_arrowR.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	margin:10px;
	position:absolute;
	top:5px;
	right:20px;
}



@media screen and (max-width: 1500px) {
	.main .section1 .visual_wrap .visualslide_btn .prevvisual_Btn {left:50px;}
	.main .section1 .visual_wrap .visualslide_btn .nextvisual_Btn {right:50px;}
	.main .section1 .txt_wrap {left:25%}
}
@media screen and (max-width: 1325px) {
	.main .section3 {padding:50px 0;}
	.main .section3 .service_wrap {padding:50px 30px;}
}
@media screen and (max-width: 1290px) {
	.main .section3 .service_wrap .service{width:31.33%;}
	.main .section2 .img_S {right:400px;}
	.main .section1 .txt_wrap {left:21%; top:200px;}
}

@media screen and (max-width: 1200px) {
	.main .section2 .img_S {top:10px;}
	.main .section1 .visual_wrap .visualslide_btn .prevvisual_Btn {left:0;}
	.main .section1 .visual_wrap .visualslide_btn .nextvisual_Btn {right:0;}
	.main .section1 .txt_wrap {left:20%; top:175px;}
}
@media screen and (max-width: 1100px) {
	.main .section3 .service_wrap .service .txtbox .servicebox_tit {font-size:22px;}
	.main .section3 .service_wrap .service .txtbox .servicebox_txt {font-size:16px;}
	.main .section2 .sec2_txtwrap {padding:300px 0 100px;}
	.main .section2 .img_S {top:50px;}
	.main .section1 .visual_wrap .visualslide_btn .prevvisual_Btn {top:51%;left:50px;}
	.main .section1 .visual_wrap .visualslide_btn .nextvisual_Btn {top:51%;right:50px;}
	.main .section1 .txt_wrap {left:16%;}
}
@media screen and (max-width: 1024px) {
	.main #footer {padding-bottom: 0px;}
	.section2{ padding:0; }
	.section3{ padding:0; }
	.section6 .bnr_slider {width:100%;}
	.section6 .bnr_wrap .bnr {margin:0 5px;}
	.section6 .prevbnr_Btn {top:-5px;}
	.section6 .nextbnr_Btn {top:-5px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt01 {font-size:34px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt02 {font-size:46px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt03 {font-size:20px;}
	.main .section2 .sec2_txtwrap .sec2_tit {font-size:22px;margin-bottom:20px;}
	.main .section2 .sec2_txtwrap .sec2_txt {font-size:18px;}
	.main .section3 .service_tit {font-size:22px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap {margin:150px auto 50px; padding:120px 100px;}
	.main .section2 .sec2_txtwrap {padding:50px 0 450px;}
	.main .section2 .img_S {top:200px;left:100px; }
	.main .section2 .img_L {top:200px;right:100px; }
	.main .section1 .txt_wrap {top:180px; left:18%; max-width:630px;}
	.main .section1 .txt_wrap p.txt1 {font-size:34px; margin-bottom:10px; }
	.main .section1 .txt_wrap p.txt2 {font-size:50px; margin-bottom:40px;}
	.main .section1 .txt_wrap p.txt3 {font-size:20px;}
}
@media screen and (max-width:990px) {
	.main .section3 .service_wrap .service .txtbox {padding:10px;}
	.main .section3 .service_wrap .service .txtbox .servicebox_tit {font-size:20px;}
	.main .section3 .service_wrap .service .txtbox .servicebox_txt {font-size:14px;}
	.main .section1 .txt_wrap {top:270px;}
	.main .section1 .txt_wrap p.txt1 {margin-bottom:30px;}
	.main .section1 .txt_wrap p.txt2 {margin-bottom:60px;}
}

@media screen and (max-width:870px) {
	
	.main .section3 .service_wrap {flex-wrap:wrap;}
	.main .section3 .service_wrap .service {width:100%; margin:1% auto;}
	.main .section3 .service_wrap .service .imgwrap {max-width:500px; margin:0 auto;}
	.main .section3 .service_wrap .service .txtbox {padding:20px;}
	.main .section3 .service_wrap .service .txtbox.box01 {bottom:25px;}
	.main .section3 .service_wrap .service .txtbox.box02 {top:25px;}
	.main .section3 .service_wrap .service .txtbox.box03 {bottom:25px;}
	.main .section3 .service_wrap .service .txtbox .servicebox_tit {font-size:24px;}
	.main .section3 .service_wrap .service .txtbox .servicebox_txt {font-size:18px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap {padding:75px 95px;}
	.main .section2 {background-image:url(../_img/main/mo_missionbg.png);background-position:center;}
	.main .section2 .sec2_txtwrap {max-width:100%; padding:50px 0 450px;}
	.main .section2 .img_S {top:230px;left:50px;}
	.main .section2 .img_L {top:180px;right:50px;}
	.main .section1 .txt_wrap {top:225px; left:15%;} 
	.main .section1 .txt_wrap p.txt1 {margin-bottom:20px;}
	.main .section1 .txt_wrap p.txt2 {margin-bottom:40px;}
}
@media (max-width:780px) {
	.mainvisual_pc {display:none;}
	.mainvisual_mo {display:block;}
	#visual .swiper.condtablet {display:none;}
	#visual .swiper.condmo {display:block;}	
	.section3 {margin:0;}
	.section6 {margin:30px 0;}
	.section6 .prevbnr_Btn {top:3px;}
	.section6 .nextbnr_Btn {top:3px;}
	.main .section1 .visual_wrap .visualslide_btn .prevvisual_Btn {width:50px; height:50px; top:55%; left:20px;}
	.main .section1 .visual_wrap .visualslide_btn .nextvisual_Btn {width:50px; height:50px; top:55%; right:20px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt02 {margin-left:30px;margin-bottom:20px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt03 {margin-left:30px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt01 {font-size:30px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt02 {font-size:42px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt03 {font-size:18px;}
	.main .section2 .sec2_txtwrap .sec2_tit {font-size:20px;}
	.main .section2 .sec2_txtwrap .sec2_txt {font-size:16px;}
	.main .section1 .txt_wrap {left:11%;} 
}
@media (max-width:720px) { 
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap {padding:55px 85px;}
	.main .section2 .img_S {width:230px;height:230px;top:150px;}
	.main .section2 .img_L {width:330px;height:330px;}
	.main .section2 .sec2_txtwrap {padding:30px 0 400px;}
	.main .section1 .txt_wrap {max-width:530px; left:13%;}
	.main .section1 .txt_wrap p.txt1 {font-size:30px;}
	.main .section1 .txt_wrap p.txt2 {font-size:45px;}
	.main .section1 .txt_wrap p.txt3 {font-size:18px;}
}
@media (max-width:620px) { 
	.main .section3 {padding:30px 0;}
	.main .section3 .service_wrap .service .txtbox .servicebox_tit {font-size:22px;}
	.main .section3 .service_wrap .service .txtbox .servicebox_txt {font-size:16px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap {margin: 130px auto 30px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt01 {font-size:26px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt02 {font-size:38px;margin-bottom:10px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt03 {font-size:16px;}
	.main .section2 .img_S {top:130px;left:10px;}
	.main .section2 .img_L {top:150px;right:10px;}
	.main .section2 .sec2_txtwrap .sec2_tit {font-size:18px;margin-bottom:10px;}
	.main .section2 .sec2_txtwrap .sec2_txt {font-size:14px;}
	.main .section1 .txt_wrap {left:7%;}
}
@media (max-width:580px) { 
	.main .section2 .img_S {width:200px;height:200px;top:150px;}
	.main .section2 .img_L {width:300px;height:300px;}
	.main .section1 .txt_wrap {left:15%; max-width:405px;}
}
@media (max-width:520px) { 
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap {padding:0 70px 70px;}
	.main .section1 .visual_wrap .visualslide_btn .prevvisual_Btn {width:45px; height:45px;}
	.main .section1 .visual_wrap .visualslide_btn .nextvisual_Btn {width:45px; height:45px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap {background-image:none}
	.main .section2 .img_S {top:150px;}
	.main .section2 .img_L {top:180px;}
	.main .section1 .txt_wrap {left:11%;}
}
@media (max-width:480px) { 
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt01 {font-size:22px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt02 {font-size:34px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt03 {font-size:14px;}
	.main .section2 .img_S {width:180px;height:180px;}
	.main .section2 .img_L {width:280px;height:280px;}
	.main .section2 .sec2_txtwrap {padding: 20px 0 350px;}
	.main .section1 .txt_wrap {left:13%; top:220px; max-width: 360px;}
	.main .section1 .txt_wrap p.txt1 {font-size:26px;}
	.main .section1 .txt_wrap p.txt2 {font-size:40px;}
	.main .section1 .txt_wrap p.txt3 {font-size:16px;}
}
@media (max-width:420px) { 
	.main .section3 .service_wrap .service .txtbox .servicebox_tit {font-size:20px;}
	.main .section3 .service_wrap .service .txtbox .servicebox_txt {font-size:14px;}
	.main .section3 .service_wrap .service .txtbox {position:static;max-width:100%;}
	.main .section3 .service_wrap .service .imgwrap {padding:0;}
	.main .section3 .service_wrap:before {display:none;}
	.main .section3 .service_wrap:after {display:none;}
	.main .section3 .service_wrap {padding:0;margin:0;}
	.main .section3 .service_tit {padding:0;margin-bottom:5px;}
	.main .section3  {padding:20px 0;}
	.section2{ padding:0;}
	.section3{ padding:0;}
	.section6 {margin: 30px 0;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt01 {font-size:20px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt02 {font-size:30px;margin-left:20px;margin-bottom:5px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt03 {margin-left:20px;}
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap {padding:0 20px 50px; margin:130px 0 30px;}
	.main .section1 .visual_wrap .visualslide_btn {display:none;}
	.main .section2 .img_S {width:150px;height:150px;top:170px;}
	.main .section2 .img_L {width:250px;height:250px;top:190px;}
	.main .section2 .sec2_txtwrap {padding:20px 0 320px;}
	.main .section1 .txt_wrap {left:9%; top:200px; max-width: 350px;}
	.main .section1 .txt_wrap p.txt1 {margin-bottom:10px;}
	.main .section1 .txt_wrap p.txt2 {margin-bottom:20px;}
}
@media (max-width:380px) {
	/*.main .section1 .txtborder {display:none;}*/
	.main .section1 .visual_wrap .visual_bg .visualtxt_wrap .visual_txt.txt02 {font-size:28px;}
	.main .section2 .img_S {width:130px;height:130px;}
	.main .section2 .img_L {width:230px;height:230px;}
	.main .section1 .txt_wrap {max-width: 310px;}
	.main .section1 .txt_wrap p.txt1 {font-size:22px;}
	.main .section1 .txt_wrap p.txt2 {font-size:35px;}
	.main .section1 .txt_wrap p.txt3 {font-size:14px;}
}
@media (max-width:360px) {
	#footer .lst_link {padding:0;}
	#footer .lst_link li {padding:0;}
	#footer .lst_link li + li {padding:0;}
	#footer .lst_link a {font-size:12px;}
	.main .section2 .img_S {top:150px;width:100px;height:100px;}
	.main .section2 .img_L {top:200px;width:200px;height:200px;}
	.main .section1 .txt_wrap {top:180px; left:7%;}
}
@media (max-width:320px) {
	.main .section2 .sec2_txtwrap {padding:20px 0 250px;}
	.main .section2 .img_S {top:180px;}
	.main .section2 .img_L {top:200px;width:180px;height:180px;}
	.main .section1 .txt_wrap {top:150px; max-width:274px;}
	.main .section1 .txt_wrap p.txt1 {font-size:20px;}
	.main .section1 .txt_wrap p.txt2 {font-size:30px;}
}
@media (max-width:280px) {
	.main .section2 .img_S {top:200px;}
	.main .section2 .img_L {top:230px;}
	.main .section1 .txt_wrap {top:120px; left:9%; max-width:237px;}
	.main .section1 .txt_wrap p.txt1 {font-size:18px;}
	.main .section1 .txt_wrap p.txt2 {font-size:25px;}
}