header{height:85px;}
header .headerWrap{position:fixed; top:0px; width:100%; z-index:998; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.15);}
/*header.active{position:fixed; top:0px; width:100%; z-index:998; background:#fff;}*/

/* common */
h3{display: block; font-size: 24px; font-weight: 600; color:#0d2a5f; margin-bottom: 10px;}

/* header */
nav{height:85px; position: relative; background:#fff; }
nav .inner{width:1180px; margin:0 auto;}
nav .gnbBtn{display:none; }
nav .searchBtn{display:none; }

h1.logo a{position:absolute; background:url(../images/main/Logo.png) center no-repeat; width:234px; height:52px; left:0px; top:15px; text-indent: -9999px; z-index:99;}
.openBtn{position:absolute; right:0px; top:33px;}
.MSP{position:absolute; font-size:13px; color:#8C8C8C; right:0px; top:6px;}
.pc_nav>ul{padding-left:180px; width:800px; background:#fff; padding-top:17px; float:right; }
.pc_nav>ul:afteR{content: ''; display: block; clear: both;}
.pc_nav>ul>li{position:relative; padding:0 20px; float: left;  font-size:18px; font-weight: 600; line-height:48px;}
.pc_nav>ul>li a{display: block; height:65px; text-align:center; color:#000; font-size:20px; font-weight:bold; transition:0.2s;}
.pc_nav>ul>li a:before{display:block;content:""; position:absolute; left:50%; bottom:-4px; width:0%; height:4px; background:#44B8F2; transform:translateX(-50%);transition-duration:0.3s;}
.pc_nav>ul>li.on a:before{width:100%;}
.pc_nav>ul>li.openBtn a{border:none !important;}

.pc_nav>ul>li:nth-child(3) .top_sub_menu{left:-200px;}

.top_sub_menu:after{content:''; display:block; clear:both; }
.top_sub_menu{display:none; position:absolute; top:67px; left:-355px; width:1180px; height:85px;  z-index:9999; /*box-shadow:0 0 5px rgba(0,0,0,0.15);*/}
.top_sub_menu.on{display:block;}
.top_sub_menu ul{width:100%;}
.top_sub_menu.on ul{display:block;}
.top_sub_menu ul.on{display:block;}
.top_sub_menu ul li{float:left;}
.top_sub_menu ul:nth-child(3) li,
.top_sub_menu ul:nth-child(4) li,
.top_sub_menu ul:nth-child(5) li{float:right;}
.top_sub_menu ul li{float:left; padding:0 4%; line-height:80px;}
.top_sub_menu ul li a{font-size:20px; color:#333; font-weight:300; }
.top_sub_menu ul li a:before{width:0px !important;}

.gnbBg{display:none; z-index:999; position:absolute; width:100%; height:80px; top:85px; left:0px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.15);}

.allMenu span.logo{position:absolute; background:url(../images/main/Logo.png) center no-repeat; width:234px; height:52px; left:0px; top:15px; text-indent: -9999px; z-index:99;}
.allMenu{position:absolute; top:0px; width:100%; height:477px; background:#fff; display:none; z-index:9999;  box-shadow:0 0 5px rgba(0,0,0,0.15); }
.allMenu .oneDepth{padding-top:140px;} 
.allMenu .oneDepth:after{content:''; display:block; clear:both;}
.allMenu .oneDepth > li{padding-right:8%; float:left;}
.allMenu .oneDepth > li:last-child{padding-right:0px;}
.allMenu .oneDepth > li:first-child > a{color:#24CAD4;}
.allMenu .oneDepth > li:nth-child(2) > a{color:#53B4EC;}
.allMenu .oneDepth > li:nth-child(3) > a{color:#B38FEE;}
.allMenu .oneDepth > li:nth-child(4) > a{color:#FB927C;}
.allMenu .oneDepth > li:nth-child(5) > a{color:#47CE8D;}
.allMenu .oneDepth > li:first-child .twoDepth > li:hover > a{color:#24CAD4;}
.allMenu .oneDepth > li:nth-child(2) .twoDepth > li:hover > a{color:#53B4EC;}
.allMenu .oneDepth > li:nth-child(3) .twoDepth > li:hover > a{color:#B38FEE;}
.allMenu .oneDepth > li:nth-child(4) .twoDepth > li:hover > a{color:#FB927C;}
.allMenu .oneDepth > li:nth-child(5) .twoDepth > li:hover > a{color:#47CE8D;}
.allMenu .oneDepth > li > a{display:block; font-size:24px; font-weight:bold; padding-bottom:15px;}
.allMenu .twoDepth > li{padding-top:15px; clear:both;}
.allMenu .twoDepth > li > a{color:#000; font-size:18px;}
.allMenu .closeBtn{position:absolute; top:28px; right:5px; cursor:pointer; z-index:99;}

.mainVisual{position:relative; width:100%; height:570px;}
.mainVisual .scrollIcon{position:absolute; left:50%; bottom:-120px; z-index:99; animation:text-active-animationY  0.8s infinite alternate;}

@keyframes text-active-animationY {
   from {
      opacity:0.5;filter:Alpha(opacity=50);
      transform: translateY(-20px); 
   }
   to {
      opacity:1.0;filter:Alpha(opacity=100);
      transform: translateY(0); 
   }
}
.mainVisual .inner{position:relative;}
.mainVisual .swiper-slide{height:570px; background:#fff;}
.mainVisual .swiper-slide .slogan{position:absolute; margin:130px 0 0; z-index:10; height:300px; }
/*.mainVisual .swiper-slide:nth-child(2) .slogan{right:0px; text-align:right;}
.mainVisual .swiper-slide:nth-child(2) .slogan > a{right:-270px;}*/
.mainVisual .swiper-slide-active .slogan{height:350px;}
.mainVisual .swiper-slide .slogan p{position:relative; font-size:60px; font-weight:bold; color:#000;top:-100px; opacity:0;}
.mainVisual .swiper-slide .slogan > p > span{}
.mainVisual .swiper-slide .slogan p.slogan_p{display:block; font-size:22px; font-weight:bold; color:#939598;}
.mainVisual .swiper-slide .slogan p.slogan_p span{font-size:17px; font-family:none; font-weight:300;}
.mainVisual .swiper-slide .slogan > span{position:relative;  display:block; font-size:20px; padding-top:40px;  font-weight:300;color:#333;top:105px; opacity:0;}
.mainVisual .swiper-slide .slogan > a{position:relative; top:400px; animation:copymotion3_re 2s forwards; display:block; width:215px; height:58px; font-size:26px; color:#fff; line-height:56px; background:linear-gradient(to left,#5CC0F4,#21D2BF); border-radius:14px; text-align:center;}
.mainVisual .swiper-slide-active .slogan > p{animation:copymotion1 2s forwards; animation-delay: 0.2s; }
.mainVisual .swiper-slide-active .slogan > span{animation:copymotion2 2s forwards; animation-delay: 0.2s; margin-bottom:20px;}
.mainVisual .swiper-slide-active .slogan > a{animation:copymotion3 2s forwards; animation-delay: 0.5s; }
.mainVisual .swiper-slide-prev .slogan > p{animation:copymotion1_re 2s forwards;}
.mainVisual .swiper-slide-prev .slogan > span{animation:copymotion2_re 2s forwards;}
.mainVisual .swiper-slide-prev .slogan > a{animation:copymotion3_re 2s forwards;}

.mainVisual .swiper-slide .lineImg{z-index:33; position:absolute; width:660px;top:17px; right:-135px; overflow:hidden; } 
.mainVisual .swiper-slide .visualImg{ position:absolute; width:897px; height:576px; right:-250px; overflow:hidden; }
.mainVisual .swiper-slide .visualImg img{ position:absolute; height:571px; top:0; left:0; z-index:1; }
.mainVisual .swiper-slide .visualImg01{z-index:22; position:absolute; width:446px !important; top:100px; right:0px !important; overflow:hidden; }
.mainVisual .swiper-slide .visualImg03{ position:absolute; width:1110px !important ;top:0px; right:-315px !important; overflow:hidden; }
.mainVisual .swiper-slide .visualImg03 img{height:auto !important;}
.mainVisual .swiper-slide .visualImg03 img.pcImg{display:block;}
.mainVisual .swiper-slide .visualImg03 img.mImg{display:none;}
.mainVisual .swiper-pagination{bottom:30px;}
.mainVisual .swiper-pagination-bullet-active{width:80px; height:8px; border-radius:0px; background:#44B8F2 !important; opacity:1;}
.mainVisual .swiper-pagination-bullet{width:80px; height:8px; margin-right:5px; border-radius:0px; background:#F5F5F5; opacity:1;}
.mainVisual .swiper-btn{position:absolute; bottom:51px; left:275px; z-index:50;}
.mainVisual .swiper-play{position:absolute; display:inline-block; width:24px; height:24px; opacity:0; z-index:0; cursor:pointer; background:url("/images/main/start.png") center no-repeat;}
.mainVisual .swiper-pause{position:absolute; display:inline-block; width:24px; height:24px; opacity:0; z-index:0; cursor:pointer; background:url("/images/main/pause.png") center no-repeat;}
.mainVisual .swiper-play.active{opacity:1; z-index:55;}
.mainVisual .swiper-pause.active{opacity:1; z-index:55;}

@keyframes copymotion1{
  0%{ top:-50px; opacity:0;}
  100%{top:0; opacity:1;}
}
@keyframes copymotion2{
  0%{ top:50px; opacity:0;}
  100%{ top:0; opacity:1;}
}
@keyframes copymotion3{
  0%{ top:50px; opacity:0;}
  100%{ top:0; opacity:1;}
}
@keyframes copymotion1_re{
  0%{ top:0; }
  100%{top:-50px;}
}
@keyframes copymotion2_re{
  0%{ top:0;}
  100%{ top:50px;}
}
@keyframes copymotion3_re{
  0%{ top:0;}
  100%{ top:50px;}
}

.secTitle{width:100%; font-size:50px; font-weight:bold; text-align:Center;}
.secTitle span{display:block; font-size:24px; padding-top:12px; text-align:center; font-weight:300;}
.section01{width:100%; height:1080px; padding-top:120px; }
.section01 .sec01List{position:relative; width:100%; height:888px; padding-top:60px;  background:url(../images/main/center.png) center no-repeat;}
.section01 .sec01List li{position:relative; width:370px; height:270px;  float:left; border:5px solid transparent; background-image:linear-gradient(#fff, #fff),linear-gradient(0deg, #00D2AD 0%, #47B6F5 100%);background-origin: border-box; background-clip: content-box, border-box; border-radius: 0 0 55px; opacity:0; filter:alpha(opacity=0); }
.section01 .sec01Imgwrap{width:147px; height:150px; border-radius:120px; transform: rotate(0deg); transition:1s; opacity:0; animation:animation-color 1.5s infinite  alternate-reverse;}
.section01 .sec01Imgwrap img{display:block; margin:35px auto;}
.section01.on .sec01Imgwrap{position:absolute; top:473px; left:506px; transition:2.5s; opacity:1; filter:alpha(opacity=100); background: linear-gradient(150.36deg, #4CA9DD 16.06%, rgba(172, 48, 152, 0.9) 87.42%);}
@keyframes animation-color {
   0% {
      opacity:1.0;filter:Alpha(opacity=100);
   }
  
   100% {
      
      opacity:0;filter:Alpha(opacity=0);
   }
}
.section01 .sec01Imgwrap2{transform: rotate(0deg); transition:1s; opacity:0;}
.section01.active .sec01Imgwrap2{width:265px; height:287px; position:absolute; top:410px; left:440px;  transition:1s; opacity:1; filter:alpha(opacity=100);transform: rotate(-360deg); background:url("/images/main/line.png") no-repeat;}
.section01.active .sec01Imgwrap3{width:48px; height:48px; position:absolute; top:415px; left:408px;  transition:1s; opacity:1; filter:alpha(opacity=100); animation:animation3 1.5s infinite  alternate-reverse; background:url("/images/main/sec01Icon05.png") center no-repeat;}
.section01.active .sec01Imgwrap4{width:48px; height:48px; position:absolute; top:338px; left:575px;  transition:1s; opacity:1; filter:alpha(opacity=100);animation:animation3 1.2s infinite  alternate-reverse; background:url("/images/main/sec01Icon06.png") center no-repeat; }
.section01.active .sec01Imgwrap5{width:48px; height:48px; position:absolute; top:686px; left:634px;  transition:1s; opacity:1; filter:alpha(opacity=100); animation:animation3 1.1s infinite  alternate-reverse; background:url("/images/main/sec01Icon07.png") center no-repeat; }

@keyframes animation3 {
   0% {
      transform: translateY(-5px)
   }
  
   100% {
      transform: translateY(0px)
   }
}
.section01.active .sec01Imgwrap6{width:400px; height:460px; position:absolute; top:330px; left:374px;  transition:1s;animation:animation4 2s infinite  alternate-reverse; background:url("/images/main/dot pattern.png") center no-repeat;}
@keyframes animation4 {
   0% {
      opacity:0.5;filter:Alpha(opacity=50);
      transform: translateY(10px)
   }
  
   100% {
      opacity:1.0;filter:Alpha(opacity=100);
      transform: translateY(0px)
   }
}
.section01.active .sec01List li{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
.section01.active .sec01List li:first-child{-webkit-transition:all  0.79s 0.1s;transition:all  0.79s 0.1s}
.section01.active .sec01List li:nth-child(2){-webkit-transition:all  0.79s 0.1s;transition:all  0.79s 0.5s}
.section01.active .sec01List li:nth-child(3){-webkit-transition:all  0.79s 0.1s;transition:all  0.79s 0.9s}
.section01.active .sec01List li:nth-child(4){-webkit-transition:all  0.79s 0.1s;transition:all  0.79s 1s}
.section01 .sec01List li div{padding:35px;}
.section01 .sec01List li span.sec01Icon{position:absolute; right:-60px; bottom:-70px; width:184px; height:194px; background:url("/images/main/sec01Icon01.png") center no-repeat;}
.section01 .sec01List li:nth-child(2n){float:right;}
.section01 .sec01List li:nth-child(2n) strong,
.section01 .sec01List li:nth-child(2n) p{display:block; width:100%; text-align:right;}
.section01 .sec01List li:nth-child(2){border-radius: 0 0 0  55px;} 
.section01 .sec01List li:nth-child(2) span.sec01Icon{left:-60px; bottom:-70px; width:189px; height:194px; background:url("/images/main/sec01Icon02.png") center no-repeat;}
.section01 .sec01List li:nth-child(3){clear:both; height:270px; margin-top:200px;border-radius: 0 55px 0 0;}
.section01 .sec01List li:nth-child(3) div{ padding-top:95px; }
.section01 .sec01List li:nth-child(3) span.sec01Icon{right:-130px; top:-57px; width:263px; height:183px; background:url("/images/main/sec01Icon03.png") center no-repeat;}
.section01 .sec01List li:nth-child(4){height:270px; margin-top:200px; border-radius: 55px 0px 0 0;}
.section01 .sec01List li:nth-child(4) div{padding-top:95px;}
.section01 .sec01List li:nth-child(4) span.sec01Icon{left:-75px; top:-45px;  width:203px; height:172px; background:url("/images/main/sec01Icon04.png") center no-repeat;}
.section01 .sec01List li strong{font-size:26px; font-weight:bold;}
.section01 .sec01List li p{padding-top:20px; font-size:18px; color:#333; }
.section01 .sec01List li p span{display:block;}

.section02{ margin-bottom:120px; }
.section02 .sec02List{ margin:0 -10px; padding-top:60px; }
.section02 .sec02List:after{content:''; display:block; clear:both; } 
.section02 .sec02List li{ float:left; padding:0 10px; width:33.3333%; box-sizing:border-box; opacity:0; transform:translateY(-30px); transition:all ease 0.7s }
.section02 .sec02List li a{ display:block; padding:25px 30px; height:490px; border:3px solid #3EBBEA; /*border-radius:20px;*/ box-sizing:border-box; }
.section02 .sec02List li.type2 > a{ border:3px solid #F494D1; }
.section02 .sec02List li.type3 > a{ border:3px solid #2DC18E; }
.section02 .sec02List li .title{ display:block; margin-bottom:15px; padding-left:85px; height:73px; line-height:73px; font-size:28px; font-weight:bold; }
.section02 .sec02List li.type1 .title{ background:url(/images/main/sec02Ion01.png) no-repeat left center; }
.section02 .sec02List li.type2 .title{ background:url(/images/main/sec02Ion02.png) no-repeat left center; }
.section02 .sec02List li.type3 .title{ background:url(/images/main/sec02Ion03.png) no-repeat left center; }
.section02 .sec02List li p.txt{ margin-bottom:30px; font-size:18px; font-weight:500; color:#333;}
.section02 .sec02List li .imgBox{position:relative; display:block; border-radius:20px; overflow:hidden; }
.section02 .sec02List li .imgBox span.Icon{font-size:0px; position:absolute; z-index:11; left:50%; top:50%; transform:translate(-50%,-50%); width:145px; height:145px; background:url("/images/main/sec02Icon01.png") center no-repeat;}
.section02 .sec02List li:nth-child(2) .imgBox span.Icon{width:145px; height:145px; background:url("/images/main/sec02Icon02.png") center no-repeat;}
.section02 .sec02List li:nth-child(3) .imgBox span.Icon{width:145px; height:145px; background:url("/images/main/sec02Icon03.png") center no-repeat;}
.section02 .sec02List li .imgBox img{ max-width:100%; /*transition:all ease 0.2s;*/ }
.section02 .sec02List li a:hover .imgBox img{ /*transform:scale(1.07);*/ }
.section02 .sec02List li a:hover .imgBox span.Icon{width:70%; padding:10px 0;height:auto; font-size:26px; font-weight:bold; text-align:center; border:3px solid #fff; border-radius:14px; color:#fff; box-sizing:border-box; background:none;transition:all ease 0.2s;}
.section02.active .sec02List li{ opacity:1; transform:translateY(0px); }
.section02.active .sec02List li.type1{ transition:all 0.79s 0.1s; }
.section02.active .sec02List li.type2{ transition:all 0.78s 0.3s; }
.section02.active .sec02List li.type3{ transition:all 0.77s 0.7s; }

.name{position:relative; top:-200px;}
.section03{height:800px;}
.section03 .inner{position:relative; }
.section03  a.moreBtn{position:absolute; top:-80px; right:0px;}
.section03  a.moreBtn:hover{transform:rotateY(360deg); transition-duration:0.9s;}
.section03 .tabBar{height:60px; margin-top:60px;}
.section03 .tabBar li{width:145px; height:60px; background:none; }
.section03 .tabBar li > a{height:58px; font-size:24px; border-radius:50px; line-height:58px; background:none; transition:0.2s; }
.section03 .tabBar li.active > a{ line-height:58px; color:#fff; border-radius:50px; border:none; background:linear-gradient(to left,#30CF83,#1CC6C6);}
.section03 .bannerSlide{padding-top:5px;}
.section03 .bannerSlide .swiper-container{overflow:visible}
.section03 .bannerSlide .slide-scroll{height:5px; margin-top:40px; background:#ddd;}
.section03 .bannerSlide .swiper-slide a{display:block;height: 100%; }
.section03 .bannerSlide .swiper-slide .imgWrap{ height:155px; overflow:hidden;}
.section03 .bannerSlide .swiper-slide:hover .imgWrap img{transform:scale(1.05); transition:0.2s;}
.section03 .bannerSlide .swiper-slide{/*width:380px !important;*/ height:380px; border:1px solid #ddd; box-sizing:border-box;}
.section03 .bannerSlide .swiper-slide:hover{box-shadow:0 0 5px rgba(0,0,0,0.15); transition:0.5s;}
.section03 .bannerSlide .swiper-slide .imgWrap img{width:100%; height:155px;}
.section03 .bannerSlide .swiper-slide dl{height:calc(100% - 215px); padding:30px; box-sizing:border-box;}
.section03 .bannerSlide .swiper-slide dl dt{width:100%; overflow:hidden; font-size:26px; font-weight:bold; text-overflow:ellipsis; }
.section03 .bannerSlide .swiper-slide dl dd{display:-webkit-box; width:100%; height:57px; overflow:hidden; font-size:18px; padding-top:15px; color:#333;  text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.section03 .bannerSlide .swiper-slide dl dd.date{height:25px; padding-top:27px; color:#939598; text-align:right;}
.section03 .tabBar:after{display:block;content:"";clear:both;}
.section03 .tabPage.active{height:382px; display:block;} 
.section03 .tabPage{position:relative; overflow:hidden;}
.section03 .tabPage.active{display:block;height:auto;overflow:inherit;}
.section03 .subcontent .tabBar > li > a{font-size: 17px;}
.section03 .tabBar{margin:60px 0 20px;}
.section03 .tabBar > li{position:relative; float:left; margin-right:20px; z-index:1; text-align:center;}
.section03 .tabBar > li:hover a{color:#fff; transition-duration:0.2s;  background:linear-gradient(to left,#30CF83,#1CC6C6);}
.section03 .tabBar > li > a{display:block; height:58px; padding:0px 18px; line-height:58px; border:1px solid #ddd; color:#353535; box-sizing: border-box;}
.section03 .tabBar > li > a span{color:#cf0000; font-weight:Bold;}
.section03 .tabBar > li.active > a:after{display: none;}

.section04 .callBanner{height:110px; margin-top:60px; padding:60px 45px; background:linear-gradient(to left,#485563,#828D99);}
.section04 .callBanner:after{ display:block; content:''; clear:both; }
.section04 .callBanner .left:after{content:''; display:block; clear:both;}
.section04 .callBanner .left{width:70%; float:left; }
.section04 .callBanner .left img{float:left; animation:charMotion 5s infinite;}
@keyframes charMotion{
	0 { transform:translateY(0); }
	40% { transform:translateY(0); }
	50% { transform:translateY(-5px); }
	60% { transform:translateY(0); }
	100% { transform:translateY(0); }
}
.section04 .callBanner .left img
.section04 .callBanner .left p strong{font-size:30px;  color:#fff; font-weight:bold;}
.section04 .callBanner .left p{padding-top:15px; padding-left:25px; color:#fff; font-size:18px; font-weight:300; float:left; line-height:35px;}
.section04 .callBanner .right{width:30%; float:left;}
.section04 .callBanner .right strong{font-size:40px; margin-bottom:5px; display:block; color:#FFEF33; font-weight:bold;}
.section04 .callBanner .right p{font-size:18px; font-weight:300; color:#fff;}
.section04 .inqBanner{border:1px solid #ddd;}
.section04 .inqBanner:after{content:''; display:block; clear:both;}
.section04 .inqBanner .left{width:488px; float:left; padding:50px; border-right:1px solid #ddd; }
.section04 .inqBanner .right{width:488px;  float:left; padding:50px;}
.section04 .inqBanner .left strong{font-size:28px; padding-bottom:15px; display:block; color:#333; font-weight:bold;}
.section04 .inqBanner .left p{font-size:18px;  color:#939598;}
.section04 .inqBanner .left a{width:138px; height:55px; padding-right:10px; display:block; text-align:center;  margin-top:20px; border:1px solid #000; font-size:20px; border-radius:45px; line-height:55px; background:url("/images/main/arrow.png") top 50% right 15% no-repeat;}
.section04 .inqBanner .right strong{font-size:28px; padding-bottom:15px; display:block; color:#333; font-weight:bold;}
.section04 .inqBanner .right p{font-size:18px;  color:#939598;}
.section04 .inqBanner .right span{width:255px; height:55px; display:block; text-align:center;  margin-top:20px; border:1px solid #000; font-size:20px; border-radius:45px; line-height:55px; }
.section04 .inqBanner2:after{content:''; display:block; clear:both;}
.section04 .inqBanner2{padding:60px 0px;}
.section04 .inqBanner2 > li{float:left;}
.section04 .inqBanner2 > li:nth-child(1){padding-left:3%; }
.section04 .inqBanner2 > li:nth-child(2){ padding:0 6%;  margin:0 6%; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.section04 .inqBanner2 > li > strong{display:block; font-size:24px; padding-bottom:20px; font-weight:400;}
.section04 .inqBanner2 > li > span{display:block; font-size:20px; padding-bottom:20px;}
.section04 .inqBanner2 .inqBanner2_list > li{ position:relative; padding-left:6px; font-size:18px; font-weight:300; color:#939598; }
.section04 .inqBanner2 .inqBanner2_list > li::after{ content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background:#939598; border-radius:100%;}

footer{width:100%; padding:40px 0; background:#000000;}
footer .f_logo{float:left;}
footer p.f_txt01{width:640px; float:left; font-size:14px; padding-left:50px; line-height:25px; color:#fff; font-weight:300;}
footer .f_txt02{float:right; color:#fff;}
footer .f_txt02 ul:after{content:''; display:block; clear:both;}
footer .f_txt02 ul li{float:right; padding-left:20px;}
footer .f_txt02 ul li:after{position:absolute; display:block; width:1px; height:10px; right:70px; top: 10px; content:''; color:#fff; margin:0 10px; background:#fff; }
footer .f_txt02 ul li:first-child:after{display:none;}
footer .f_txt02 a{color:#fff; font-size:14px;}
footer .f_txt02 p{color:#fff; text-align:right; padding-top:5px; font-size:14px; opacity:0.5;}

/* 슬랄이드 기본 */
.swiper-wrapper{position:static !important;} 