@import "//fonts.googleapis.com/css?family=Noto+Sans";

*{margin:0; padding:0; box-sizing:border-box;}
ul li{list-style:none;}
a{text-decoration:none;}
html,body{font-family: 'Noto Sans', sans-serif; height:100%; overflow-x: hidden;}

/* 공통 */
.container {
  padding: 80px 0  ;
}

.title h2, .title p {
  color: rgb(25, 25, 25);
}
.title h2{
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 42px;

  position: relative;
}
.title h2::after {
  position: absolute;
  display: block; content: '';
  width: 100%; height: 3px;
  bottom: -15px;
  background-color: rgb(25, 25, 25);
}
.title p {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 50px;
}


/* *** 메인회사소개 css (.main_top) *** */
/* Swiper */
.swiper-container {
  width: 100%; height: 100%;
}
.swiper-container .swiper-wrapper > div:nth-child(1) {background: url(../img/index_main_swiper_img_001.jpg); background-size: cover; }
.swiper-container .swiper-wrapper > div:nth-child(2) {background: url(../img/index_main_swiper_img_002.jpg); background-size: cover; }
.swiper-container .swiper-wrapper > div:nth-child(3) {background: url(../img/index_main_swiper_img_003.jpg); background-size: cover; }

.swiper-button-prev, .swiper-button-next {
  z-index: 10000;
  color: #1648a1 !important;
}
.swiper-pagination-bullet-active {
  background-color: #1648a1 !important ;
}

.main_top {
  height: 100vh;
  position: relative;
}

/* .main_top .textbox {
  position: absolute;
  width: 628px;
  height: 434px;
  right: 10%;
  top: 248px;
  padding: 45px;
  color: rgb(51, 51, 51);

  background: #e0e0e0be;
  z-index: 2;
} */

.main_top .textbox img{
  position: absolute;
  width: 500px;
  height: 500px;

  top: 50%;
  left: 65%;
  transform: translate(-50%, -50%);
  padding: 35px;
  z-index: 2;
}















/* *** 주요사업 (.main_business) *** */
/* .main_business {
  background-color: #e5e5e5;
}

.main_business .row > div .img_box {
  width: 100%; height: 100%;
  overflow: hidden;
}
.main_business .row > div img {
  width: 100%; height: 100%;
}
.main_business .row > div img:hover {
  transform: scale(1.1);
  transition: 1s;
}
.main_business .row > div .img_box,.main_business .row > div h5 {
  margin-bottom: 16px;
}
.main_business .row > div .text_box {
  margin: 0 0 24px 10px;
}
.main_business .row > div i, .main_business .row > div h5 {
  color: #1648a1;
}
.main_business .row > div h5 {
  font-weight: 700;
}
.main_business .row > div a {
  color: rgb(25, 25, 25);
} */




/* *** 오시는길 (.main_map) *** */
/* .main_map iframe {
  width: 100%;
  height: 310 px;
  margin-bottom: 16px;
} */

/* 각 카테고리로 이동하는 메인화면  */
/* 
section {
  width: 100%; height: 300px;
  margin: 40px auto;
  overflow: hidden;
}
section a {
  display: inline-block;
  width: 100%; height: 100%;
  position: relative;
}



section .bg {
  width: 100%; height: 100%;
  background-size: cover;
}

section .bg::before {
  display: block; content: '';
  width: 100%; height: 100%;
  background-color: #1648a1;
  opacity: 0;
}


section a:hover .bg {
  transform: scale(1.1);
  transition: 1.5s;
}
section a:hover .bg::before {
  opacity: 0.8;
  transition: 1.5s;
}
section a:hover .text_box p::after {
  width: 40%;
  transition: 1.5s;
}
section a:hover .lineAni_top  {
  opacity: 1; width: 100%;
}
section a:hover .lineAni_bottom  {
  opacity: 1; width: 100%;
}
section a:hover .lineAni_left  {
  opacity: 1; height: 100%;
}
section a:hover .lineAni_right  {
  opacity: 1; height: 100%;
}

section .text_box {
  position: absolute;
  top: 50%; left: 50%; 
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgb(230, 230, 230);
}
section .text_box h3 {
  font-size: 32px;
  margin-bottom: 40px;
}
section .text_box span {
  font-weight: 600;
}

section .text_box p {
  position: relative;
}
section .text_box p::after {
  display: block; content: '';
  position: absolute;
  width: 0; height: 2px;
  background-color: rgb(230, 230, 230);
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.lineAni {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
  overflow: hidden;
}
.lineAni_top {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #fff;
  opacity: 0;
  transition: all .5s ease-out;
}
.lineAni_right {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 1px;
  height: 0%;
  background: #fff;
  opacity: 0;
  transition: all .5s ease-out;
}
.lineAni_bottom {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #fff;
  opacity: 0;
  transition: all .5s ease-out;
}
.lineAni_left {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1px;
  height: 0%;
  background: #fff;
  opacity: 0;
  transition: all .5s ease-out;
}

.introduction {
  background: url(../img/index-intro.jpg);
}
.value {
  background: url(../img/Social_Enterprise.jpg);
}
.business {
  background: url(../img/major_business.jpg);
}
.media {
  background: url(../img/article.jpg);
}
.community {
  background: url(../img/notice.jpg);
}
.map {
  background: url(../img/map.jpg);
} */
/* .main_category */
.main_category .row{
  text-align: center;
}

.main_category .row>div {
  /* border: 1px solid #000; */
  padding: 24px;
}

.main_category .row a {
  font-size: 18px;
  font-weight: 600;
  color: rgb(51, 51, 51);
}
.main_category .row a:hover {
  text-decoration: underline;
}

.main_category .icon_box {
  margin: auto;
  /* border: 4px solid #1648a1; */
  border-radius: 50%;
  width: 150px;
  height: 150px;
  /* margin-bottom: 54px; */
}
.main_category .icon_box i {
  font-size: 60px;
  line-height: 150px;
  color: #1648a1;
  text-align: center;
  text-shadow: 4px 2px 2px rgb(155, 155, 155);
}

/****************.main_table css*****************/
.main_table{
  background-color: rgb(230, 230, 230);
}
.content_3_1, .content_3_2 {
  width: 49%;
}
.content_3_1{
height:500px;
float:left;
margin-right:2%;
}
.content_3_2{
height:100%;
float:left;
}
.content_3_3{
  height:500px;
  float: left;
  border: 1px solid #000;
  display: block;
}
.content_3_1 h2, .content_3_2 h2{
  width:90%;
margin:0 auto;
text-align:center;
  padding:20px 0;
border-bottom:1px solid #ccc;
margin-bottom:30px;
}
.content_3_1 h2 a, .content_3_2 h2 a, .content_4 h2 a, .content_0 h2{
  color:#000;
  font-weight:bold;
  font-size:25px;    
}
.content_3_1 h2 a:hover, .content_3_2 h2 a:hover{
  text-decoration: underline;
}
.table_but{
 width:90%;
 margin:0 auto;
 margin-top:30px;
 text-align:center;
}
.table_but a{
 font-size:13px;
 font-weight:bold;
 color:#fff;
 background:#1648a1;
 padding:10px 20px;
}
.table_but a:hover{
 background:#1648a1;
 border:1px solid #1648a1;
 color:#fff;
}
/*공지사항 테이블*/
.content_3_1 table{
  width:90%;
margin:0 auto;
table-layout: fixed;
}
.content_3_1 table th{
height:50px;
  font-size:16px;
font-weight:bold;
  border-bottom: 2px solid #000;
}
.content_3_1 table td{
  height:45px;
  font-size:16px;
  border-bottom: 1px solid #ccc;
}
.content_3_1 table th:nth-child(1), .content_3_1 table td:nth-child(1){
  width:10%;
text-align:center; 
}
.content_3_1 table th:nth-child(3), .content_3_1 table td:nth-child(3){
  width:30%;
  text-align:center;
}
.content_3_1 table th:nth-child(2){
  width:60%;
padding:0 30px;
text-align:center;
}
.content_3_1 table tr td:nth-child(2){
  width:60%;
  padding:0 20px;
text-align:left; 
  overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap;
}
.content_3_1 table td:nth-child(2) a{
color:#000;
}
/*관련기사 테이블*/
.content_3_2 table{
  width:90%;
margin:0 auto;
table-layout: fixed;
}
.content_3_2 table th{
height:50px;
  font-size:16px;
font-weight:bold;
  border-bottom: 2px solid #000;
}
.content_3_2 table td{
  height:45px;
  font-size:16px;
  border-bottom: 1px solid #ccc;
}
.content_3_2 table th:nth-child(1), .content_3_2 table td:nth-child(1){
  width:10%;
text-align:center; 
}
.content_3_2 table th:nth-child(3), .content_3_2 table td:nth-child(3){
  width:30%;
  text-align:center;
}
.content_3_2 table th:nth-child(2){
  width:60%;
padding:0 30px;
text-align:center;
}
.content_3_2 table tr td:nth-child(2){
  width:60%;
  padding:0 20px;
text-align:left; 
  overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap;
}
.content_3_2 table td:nth-child(2) a{
color:#000;
}






/* ******************************************** */

/* 반응형 시작 */
/* 758px~1024px */
@media all and (min-width:768px) and (max-width:1200px) {
  .main_top .textbox img{
    left: 50%;
  }
  

}

@media all and (max-width:767px){ 
  /*스마트폰용*/
  .container {
    padding: 64px 24px;
  }
  .title h2{
    font-size: 28px;
    position: relative;
  }
  .title p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 50px;
  }

  .swiper-button-next, .swiper-button-prev {
    display: none !important;
  }

  .content_3_1, .content_3_2, .content_3_3 {
    width: 100%;
    margin: 24px auto;
    height: 500px;
  }

  .main_top .textbox img{
    left: 50%;
  }
  
}

@media all and (max-width:500px) {
  .main_top .textbox img{
    position: absolute;
    width: 350px;
    height: 350px;
    left: 50%;
  }
}