@media screen and (max-width:768px){
  .titleArea,
  .titleArea h2.left,
  .titleArea p.left{text-align:center;}
}

/* 배너 */
.tbbanner{ position:relative; }
.tbbanner::after{display:block;visibility:hidden;clear:both;content:""}
.tbbanner .bnn-wrap{ position:relative; width:100%; height:100vh; max-height:1000px; min-height:500px; margin:0 auto; }
.tbbanner .swiper-container{ width:100%; height:100%; }
.tbbanner .swiper-wrapper{ width:100%; height:100%; top:0;left:0; overflow: hidden;}
.tbbanner .swiper-slide{ position:relative; width:100%; height:100%; overflow: hidden; }
.tbbanner .swiper-slide .wideImg{ position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); height:100%;background-size: cover; background-repeat: no-repeat;background-position:center center;  transition:all 1.5s ease-out; -webkit-transition:all 1.5s ease-out;}
.tbbanner .swiper-slide.slide3 .wideImg{ background-position:center left; }
.tbbanner .dim{width:100%; height:100%; background: rgba(0, 0, 0, 0.3); position:absolute; top:0; left:0; z-index: 1;}
/*.tbbanner .swiper-slide .wideImg.loaded{ transform:translate(-50%, -50%) scale(1); }*/


.tbbanner .swiper-slide .tbinner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; margin:0 auto; z-index: 3;}
.tbbanner .swiper-slide .slider-txt-wrap{height:100%; position:relative;}
  .tbbanner .swiper-slide .slider-txt{ position:absolute; width:100%; top:50%; left:0; transform: translateY(-50%); text-align:left; }
  .tbbanner .swiper-slide .slider-txt.left{ text-align: left; }
  .tbbanner .swiper-slide .slider-txt.center{ text-align: center; }
  .tbbanner .swiper-slide .slider-txt.right{ text-align: right; }
  .tbbanner .swiper-slide .slider-txt .smll-title{font-size:3.2rem; line-height:1.5em; color:#fff; font-weight:600; margin-bottom:15px; transition: all .4s .7s;}
  .tbbanner .swiper-slide .slider-txt .bnn-title{ font-size: 6.5rem; line-height:1.3em; color:#fff; font-weight: 700; margin-bottom:0px; transition: all .4s 1.1s; }
  .tbbanner .swiper-slide .slider-txt .bnn-text{ font-size:2.2rem; line-height:1.6em; color:#fff; font-weight: 400; transition: all .4s 1.5s; }
  /* .tbbanner .slider-txt .tbbtn{ -webkit-transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .3s, background .3s,border-color .3s; -moz-transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .3s, background .3s,border-color .3s; -ms-transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .3s, background .3s,border-color .3s; -o-transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .3s, background .3s,border-color .3s;  transition: opacity .4s 1.5s, bottom .4s 1.5s, border-radius .3s, background .3s,border-color .3s; } */
  .tbbanner .slider-txt .smll-title, 
  .tbbanner .slider-txt .bnn-title, 
  .tbbanner .slider-txt .bnn-text, 
  .tbbanner .slider-txt .tbbtn{position:relative; opacity:0; bottom:-20px;}
  .tbbanner .slider-txt .smll-title.sldrun, 
  .tbbanner .slider-txt .bnn-title.sldrun, 
  .tbbanner .slider-txt .bnn-text.sldrun, 
  .tbbanner .slider-txt .tbbtn.sldrun{opacity:1; bottom:0;}
.tbbanner .swiper-pagination{
  bottom:50px; left:50%; transform: translateX(-50%);
}
.tbbanner .swiper-pagination .swiper-pagination-bullet{
  position:relative; width:60px; height:3px; background:transparent; border-radius: 0; transition:.3s; margin:0 5px; opacity:1; background:rgba(255,255,255,.3);
}

.tbbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
  position:absolute; content:""; width:0; height:7px; top:-2px; left:0; background:#fff; 
  animation:bulletMove 4.5s forwards linear;
}
@keyframes bulletMove{ 
  0%{width:0;}
  100%{ width:100%; } 
}

@media (max-width: 1640px){
  .tbbanner .swiper-slide .tbinner{ max-width:100%; padding:0 100px;}
}
@media (max-width: 1024px){
  .tbbanner .bnn-wrap{ max-height:700px; }
  .tbbanner .swiper-slide .tbinner{padding: 0 50px;}
  .tbbanner .swiper-button-next,
  .tbbanner .swiper-button-prev{ display: none; }
  .tbbanner .swiper-slide .slider-txt .bnn-title{ font-size:5.4rem; }
}
@media (max-width: 768px){
  .tbbanner .bnn-wrap{ max-height:600px;}
  .tbbanner .swiper-slide .tbinner{padding: 0 30px;}
  .tbbanner .swiper-slide .slider-txt .bnn-title{ font-size:4.8rem; margin-bottom:30px;}
  .tbbanner .swiper-slide .slider-txt .bnn-text{line-height:1.4em; }
  .tbbanner .swiper-pagination{ bottom:25px; }
  .tbbanner .swiper-slide .slider-txt .smll-title{font-size:2.6rem;}
} 
@media (max-width: 560px){
  .tbbanner .bnn-wrap { max-height:550px; min-height:auto;}
  .tbbanner .swiper-slide .tbinner{padding: 0 15px;}
  .tbbanner .swiper-slide .slider-txt{ top:auto; bottom:80px; transform: translateY(0); }
  .tbbanner .swiper-slide .slider-txt .bnn-title{ font-size:3.6rem; margin-bottom:25px;}
  .tbbanner .swiper-slide .slider-txt .smll-title{font-size:2rem;}
  .tbbanner .swiper-slide .slider-txt.center {text-align: right;}
  
}
@media (max-width: 420px){

}



.newsLinkBlock-wrap{display:flex; flex-wrap: wrap;}
.newsLinkBlock-wrap .block{}
.newsLinkBlock-wrap .txtBlock{width:35%;}
.newsLinkBlock-wrap .boardBlock{width:65%;}
.newsLinkBlock-wrap .linkBlock{width:100%; overflow: hidden; margin-top:50px;}
.newsLinkBlock-wrap .linkBlock ul{font-size:0; line-height: 0; margin:0 -10px;}
.newsLinkBlock-wrap .linkBlock ul li{position:relative; display:inline-block; width:33.333%; height:220px; padding:0 10px;}
.newsLinkBlock-wrap .linkBlock ul li a{position:relative; display: block; width:100%; height:100%; overflow: hidden; border-radius: 15px;}
.newsLinkBlock-wrap .linkBlock ul li .bgImg,
.newsLinkBlock-wrap .linkBlock ul li .txtWrap{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); }

.newsLinkBlock-wrap .linkBlock ul li .bgImg{
  width:100%; height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; 
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;
}
  .newsLinkBlock-wrap .linkBlock ul li .bgImg .bgOpacity000{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%; background-color:rgba(0,0,0,0.4);}

.newsLinkBlock-wrap .linkBlock ul li .txtWrap{
  width:100%; text-align:center; margin-top:20px; /* tbbtn 만큼 */
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;
}
.newsLinkBlock-wrap .linkBlock ul li .txtWrap span{display: inline-block;}
.newsLinkBlock-wrap .linkBlock ul li .tittxt{color:#fff;font-size:2.8rem; font-weight: 500; line-height:1.5em;}
.newsLinkBlock-wrap .linkBlock ul li .smlltxt{color:#fff;font-size:1.4rem; font-weight: 500; line-height:1.5em; margin-bottom:8px;}
.newsLinkBlock-wrap .linkBlock ul li .normaltxt{color:#fff;font-size:1.6rem; font-weight: 400; line-height:1.5em;}
.newsLinkBlock-wrap .linkBlock ul li .tbbtn{position:relative; opacity:0; transform:translateY(50px); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}

.newsLinkBlock-wrap .linkBlock ul li:hover .bgImg{width:120%;}
.newsLinkBlock-wrap .linkBlock ul li:hover .txtWrap{margin-top:0;}
.newsLinkBlock-wrap .linkBlock ul li:hover .tbbtn{opacity:1; transform:translateY(0); }
.newsLinkBlock-wrap .linkBlock ul li:hover .smlltxt{color:#F57D3D;}

@media screen and (max-width:1024px) {
  .block4piece li .blockCont .blockCont-tit{font-size:2.8rem;}
  .newsLinkBlock-wrap .txtBlock{width:100%;}
  .newsLinkBlock-wrap .boardBlock{width:100%;}
  .newsLinkBlock-wrap .txtBlock .titleArea h2.left, .newsLinkBlock-wrap .txtBlock .titleArea p.left, .newsLinkBlock-wrap .txtBlock{text-align:center;}
}
@media screen and (max-width:768px) {
  .newsLinkBlock-wrap .linkBlock ul li{width:100%; margin-bottom:10px;}
  .newsLinkBlock-wrap .linkBlock ul li:last-child{margin-bottom:0;}
}