::-webkit-input-placeholder { color: #fff; }

:-moz-placeholder { color: #fff; }

::-moz-placeholder { color: #fff; }

:-ms-input-placeholder { color: #fff; }

.CommonOtherNoSwiperTab a { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sectionA { padding-bottom: 100px; padding-top: 55px; }

@media (max-width: 575px) { .sectionA { padding-bottom: 30px; } }

@media (max-width: 575px) { .sectionA { padding-top: 0; } }

.sectionA .content { margin-top: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media (max-width: 575px) { .sectionA .content { padding-top: 20px; } }

.sectionA .content .CommonOtherNoSwiperTab { width: 580px; }

.sectionA .content .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 80px; }

.sectionA .content .text .swiper-slide .title { font-size: 22px; color: #2a2a2a; margin-top: 20px; margin-bottom: 10px; }

.sectionA .content .text .swiper-slide .desc { font-size: 16px; color: #797979; }

.sectionA .content .text .swiper-slide .desc p { text-indent: 2em; line-height: 2; }

@media (max-width: 991px) { .sectionA .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .sectionA .content .text { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; width: 100%; margin-left: 0; margin-top: 30px; } }

@media (max-width: 767px) { .sectionA .content .CommonOtherNoSwiperTab { width: 100%; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } }

@media (max-width: 575px) { .sectionA .content { margin-top: 0px; }
  .sectionA .content .text .swiper-slide .title { font-size: 18px; margin-top: 10px; }
  .sectionA .content .text .swiper-slide .desc { font-size: 14px; }
  .CommonOtherNoSwiperTab a { white-space: normal; } }



.NewsectionA { padding-top: 50px; padding-bottom: 60px; }

.NewsectionA .pongetitle { position: relative; padding-left: 20px; }

.NewsectionA .pongetitle::after { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 6px; height: 64px; content: ''; background: #0069e0; }

.NewsectionA .pongetitle span { display: block; }

.NewsectionA .pongetitle span:nth-of-type(1) { font-size: 30px; color: #4d4d4d; }

.NewsectionA .pongetitle span:nth-of-type(2) { font-size: 26px; color: #e0e0e0; }

.NewsectionA ul { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.NewsectionA ul li { width: 50%; padding-right: 25px; margin-bottom: 30px; }

.NewsectionA ul li:last-child a { height: 100%; background: none; border: 1px solid #e7eaee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0; padding-left: 0; padding-right: 0; }

.NewsectionA ul li:nth-of-type(2n+0) { padding-left: 25px; }

.NewsectionA ul li, .NewsectionA ul li a { font-size: 14px; color: #7f7f7f; }

.NewsectionA ul li a { background: #fafafa; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.NewsectionA ul li a:hover { box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1); }

.NewsectionA ul li a .img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.NewsectionA ul li a .text { padding-left: 25px; }

.NewsectionA ul li a .text .tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.NewsectionA ul li a .text .tab span { padding: 5px 10px; background: #0069e0; font-size: 16px; color: #ffffff; border-radius: 0 0 14px 0; display: block; }

.NewsectionA ul li a .text .txtlist { margin-top: 20px; }

.NewsectionA ul li a .text .txtlist div { margin-bottom: 10px; }

@media (max-width: 991px) { .NewsectionA ul li { width: 100%; padding-right: 0; }
  .NewsectionA ul li:nth-of-type(2n+0) { padding-left: 0; }
  .NewsectionA ul li:last-child a { padding: 30px 0; } }

@media (max-width: 575px) { .NewsectionA .pongetitle span:nth-of-type(1) { font-size: 18px; }
  .NewsectionA .pongetitle { padding-left: 15px; }
  .NewsectionA .pongetitle::after { height: 100%; width: 2px; }
  .NewsectionA .pongetitle span:nth-of-type(2) { font-size: 18px; }
  .NewsectionA ul { margin-top: 30px; }
  .NewsectionA ul li a { padding-left: 20px; padding-right: 20px; }
  .NewsectionA ul li a .text .tab span { font-size: 14px; }
  .NewsectionA ul li a .text .txtlist { margin-top: 10px; }
  .NewsectionA ul li a .text .txtlist div { margin-bottom: 5px; }
  .NewsectionA ul li { margin-bottom: 10px; }
  .NewsectionA ul li:last-child a { padding: 20px; text-align: center; }
  .NewsectionA { padding-top: 30px; padding-bottom: 30px; } }


