@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%; margin:0 auto; max-width: 1920px;
  overflow: hidden;}
.tbbanner .swiper-container{ }
.tbbanner .swiper-wrapper{ width:100%;}
.tbbanner .swiper-slide{ position:relative; width:100%; background-color:#fff; }
.tbbanner .swiper-slide .wideImg.bnn_pc{ position:relative;  width:100%;  height:100%; transition:transform 3s ease-out; -webkit-transition:transform 3s ease-out;}
.tbbanner .swiper-slide .wideImg.bnn_mob{ display:none; }

/* .tbbanner .swiper-slide .wideImg.loaded{ transform:translate(-50%, -50%) scale(1.2); } */


.tbbanner .swiper-slide .tbinner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; margin:0 auto; }
.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(10%); text-align:left;padding:0 30px; }
  .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:3rem; line-height:1.5em; color:#fff; font-weight:300; margin-bottom:20px; padding-left:7px; transition: all 1s .7s;}
  .tbbanner .swiper-slide .slider-txt .bnn-title{ font-size: 6rem; line-height:1.4em; color:#fff; font-weight:500; /*margin-bottom:40px;*/ transition: all 1s 1.5s; }
  .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 .swiper-slide .tbinner{padding: 0 50px;}
  .tbbanner .swiper-button-next,
  .tbbanner .swiper-button-prev{ display: none; }
  .tbbanner .swiper-slide .slider-txt{padding:0;}
  .tbbanner .swiper-slide .slider-txt .smll-title{font-size:2.6rem; }
  .tbbanner .swiper-slide .slider-txt .bnn-title{ font-size:5rem; }
}
@media (max-width: 768px){
 
  .tbbanner .swiper-slide .tbinner{padding: 0 30px;}
  .tbbanner .swiper-slide .slider-txt .smll-title{font-size:2.4rem; }
  .tbbanner .swiper-slide .slider-txt .bnn-title{ font-size:4rem; }

  .tbbanner .swiper-pagination{ bottom:25px; }
} 
@media (max-width: 560px){
 
  .tbbanner .swiper-slide .tbinner{padding: 0 15px;}
  .tbbanner .swiper-slide .slider-txt{ top:auto; bottom:80px; transform: translateY(0); }
  .tbbanner .swiper-slide .slider-txt .smll-title{font-size:2rem; margin-bottom:15px; }
  .tbbanner .swiper-slide .slider-txt .bnn-title{ font-size:3rem; }
  
  .tbbanner .swiper-slide .slider-txt.center {text-align: right;}

  .tbbanner .swiper-slide .wideImg.bnn_pc { display:none; }
  .tbbanner .swiper-slide .wideImg.bnn_mob {display:block;  transition:transform 3s ease-out; -webkit-transition:transform 3s ease-out;}
  
}
@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;}
}


.tbheader .head-menu .category_menu .mainmenu a{ color:#001d57;}
.tbheader .head-logo .logo{display: none;}
.tbheader .head-logo .logo000{display: block;}
.tbheader .head-icons .resmenu-icon{display: none;}
.tbheader .head-icons .resmenu-icon000{display: block;}

.tbheader.slide3 .head-menu .category_menu .mainmenu a{ color:#fff; }
.tbheader.slide3 .head-logo .logo{ display:block; }
.tbheader.slide3 .head-logo .logo000{ display:none; }
.tbheader.slide3 .head-icons .resmenu-icon{display: block;}
.tbheader.slide3 .head-icons .resmenu-icon000{display: none;}

.tbheader.slide3.fixed .head-menu .category_menu .mainmenu a{ color:#001d57; }
.tbheader.slide3.fixed .head-logo .logo{ display:none; }
.tbheader.slide3.fixed .head-logo .logo000{ display:block; }
.tbheader.slide3.fixed .head-icons .resmenu-icon{display: none;}
.tbheader.slide3.fixed .head-icons .resmenu-icon000{display: block;}

.tbheader.slide3.subopen .head-logo .logo{ display:none; }
.tbheader.slide3.subopen .head-logo .logo000{ display:block; }
.tbheader.slide3.subopen .head-menu .category_menu .mainmenu a {color: #001d57;}
.tbheader.slide3.subopen .head-menu .category_menu:hover .mainmenu a {color: #fff;}
.tbheader .head-menu .category_menu .subblocks .subblocks-li a:hover{color: #a7bff6;}
.tbheader.slide3.subopen .head-icons .resmenu-icon{display: none;}
.tbheader.slide3.subopen .head-icons .resmenu-icon000{display: block;}