#main_ms01{position: relative; width: 100%; height: 964px; overflow: hidden; margin: auto; background: #000; /*background:url("../images/main/main_bgs.jpg") center top no-repeat;*/ }
.texts_ment{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); z-index:20;}
.texts_ment .big_ment{font-size:93px; font-weight:900; color:#fff; text-align:center;}
.texts_ment .sm_ment{font-size:47px; font-weight:700; color:#fff; text-align:center; line-height:1.6;}
.slide{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;  transition: opacity 1s ease; /* 페이드 전환 */  display: flex; align-items: center; justify-content: center;}
.slide {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      opacity: 0;
      transition: opacity 1s ease;
    }
    .slide.active {
      opacity: 1;
      z-index: 2;
    }

    .slider img,
    .slider video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 버튼 스타일 */
    .slider button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0,0,0,0.5);
      color: #fff;
      border: none;
      padding: 12px 18px;
      cursor: pointer;
      font-size: 20px;
      border-radius: 50%;
      z-index: 30;
    }
    .slider button.prev { left: 15px; }
    .slider button.next { right: 15px; }
    .slider button:hover { background: rgba(0,0,0,0.8); }

    /* 점 네비게이션 */
    .dots {
      position: absolute;
      bottom: 180px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
      z-index: 130;
    }
    .dot {
      width: 12px;
      height: 12px;
      background: rgba(255,255,255,0.5);
      border-radius: 50%;
      cursor: pointer;
      transition: background 0.3s;
    }
    .dot.active {
      background: #fff;
    }


	

#main_ms01 .bar_bg{position:absolute; bottom:0; z-index:90; width:100%; height:61px; background:url('../images/main/m1_bgs.png')center bottom no-repeat; background-size: cover;}

#main_ms02{position: relative; width: 100%;}
#main_ms02 .bar_bg{position:absolute; bottom:0; z-index:90; width:100%; height:77px; background:url('../images/main/m2_bgs.png')center bottom no-repeat; background-size: cover;}
#main_ms02 .main_wrap01{width:100%; max-width:1600px; margin:0 auto; padding:95px 0 130px;}
#main_ms02 .main_wrap01 h4.s_txt{font-size:30px; color:#f4781d; font-weight:500;}
#main_ms02 .main_wrap01 h2.big_ms{font-size:70px; color:#050505; font-weight:800;}
#main_ms02 .main_wrap01 .acodian_ms{padding:0px 0 0;}
#main_ms02 .main_wrap01 .acodian_ms .bgs_ims{position:absolute; display:block; width:610px; height:302px; background:url('../images/main/bgs_citys.png') no-repeat; top:150px; right:0; z-index:0;}

/* 아코디언 슬라이드 */
.accordion {display: flex; gap:5px; width: 100%; max-width: 1600px; height: 580px; margin: 50px auto; overflow: hidden; border-radius: 24px;}
.accordion-item {width:10%; border-radius:24px; position: relative; cursor: pointer; transition: flex 0.6s ease; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff;}

/* ✅ 배경 이미지(아코디언 배경)만 스타일 적용 */
.accordion-item > img.acc-bg{
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: brightness(0.7);
  transition: transform 0.6s ease;
  z-index: 0;
}

/* ✅ 배경만 확대 */
.accordion-item:hover > img.acc-bg {transform: scale(1.1);}

/* 세로 텍스트 */
.accordion-item .label {
  writing-mode: vertical-rl;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 2px;
  z-index: 2;
  position: relative;
}

/* 펼쳐졌을 때 보여줄 내용 */
.accordion-item .content {
  position: relative;
  z-index: 2;
  text-align: left;
  display: none;
  width: 90%;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.accordion-item .content span.tis {padding:5px 30px; background:#36454F; border-radius:9px; font-size: 23px; color:#fff; margin-bottom: 10px; display:inline-block;}
.accordion-item .content h2.tis {font-size:50px; color:#f4781d; font-weight:700; margin-bottom:10px;}
.accordion-item .content p {font-size: 23px; color:#fff; line-height: 1.4; margin-bottom: 20px;}
.accordion-item .content a {display: inline-block; background: #fff; color: #000; font-weight:700; padding: 10px 20px; border-radius: 24px; text-decoration: none; font-size: 15px; line-height: 20px;}

/* ✅ content 안의 img(로고 등)는 절대 배경처럼 취급되지 않게 안전장치 */
.accordion-item .content img{
  position: static;
  width: auto;
  height: auto;
  object-fit: initial;
  filter: none;
  transform: none;
  transition: none;
}

/* 활성화된 패널 */
.accordion-item.active {width:90%;}
.accordion-item.active .label {display: none;}
.accordion-item.active .content {opacity: 1; display:block;}



#main_ms03{position: relative; width: 100%; padding:80px 0 200px; background:#f5f5f5;}
#main_ms03 .bar_bg{position:absolute; bottom:0; z-index:90; width:100%; height:104px; background:url('../images/main/m3_bgs.png')center bottom no-repeat; background-size: cover;}
#main_ms03 .main_wrap02{width:100%; max-width:1600px; margin:0 auto;}
#main_ms03 .main_wrap02 .ms_wraps{display:flex; justify-content: space-between;}
#main_ms03 .main_wrap02 .ms_wraps .carenda_m{width:757px;}
#main_ms03 .main_wrap02 .ms_wraps .carenda_m .ms_wp{display:flex; align-items: center;}
#main_ms03 .main_wrap02 .ms_wraps .carenda_m .ms_wp h2.dot-heading{color:#292929;}
#main_ms03 .main_wrap02 .ms_wraps .carenda_m .ms_wp .iocn_big{width:68px; padding-left:30px; display:flex;}


/* 메인 제목 타이틀 */
.dot-heading{
  display:flex;
  align-items: flex-start;
  gap:0.25em;                 /* 글자 크기에 비례해 간격 */
  font-weight:700;           /* 두껍게 */
  font-size:55px;
  color:#2b2b2b;             /* 글자색 */
  letter-spacing:-0.02em;
  line-height:1.1;
}

/* 앞의 파란 점 */
.dot-heading::before{
  content:"";
  width:.3em;                /* 글자 크기에 비례한 점 크기 */
  aspect-ratio:1/1;
  background:#36454F;        /* 파란 점 색 */
  flex:0 0 auto;
}

/* 행사일정 카렌다 */
.calendar {
  width:100%;
  margin:20px auto;
  background:#fff;
  border-radius:12px;
  box-shadow:0 4px 8px rgba(0,0,0,0.15);
  overflow:hidden;
  border:2px solid #36454F;
}

/* 상단 헤더 */
.calendar-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:30px 0 15px;
  width:40%;
  margin:0 auto;
  font-weight:700;
  font-size:30px;
  color:#292929;
}
.calendar-header .navbtn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#444;
  border:none;
  color:#fff;
  width:38px;
  height:38px;
  border-radius:50%;
  cursor:pointer;
  text-decoration:none;
}

/* 달력 본문 */
.calendar_body { padding:20px 30px 20px; }
.calendar table { width:100%; border-collapse:collapse; border:0; }

/* 요일 헤더 */
.calendar table th {
  position:relative;
  font-size:14px;
  font-weight:600;
  padding:10px 0;
  color:#555;
  text-align:center;
  width:calc(100%/7);
  border:0;
}
.calendar table th::before {
  position:absolute;
  width:80%;
  left:50%;
  transform:translateX(-50%);
  content:"";
  bottom:0;
  height:2px;
  background:#525252;
  border:0;
}

/* 날짜 칸 */
.calendar table td {
  height:80px;
  position:relative;
  font-size:14px;
  color:#222;
  padding:10px;
  text-align:center;
  border:0;
  vertical-align:top;
  transition:all 0.2s ease;
}

/* td hover 효과 */
.calendar table td:hover {
  background:#fef4eb;     /* 연한 오렌지빛 배경 */
  transform:scale(1.02);  /* 살짝 확대 */
  border-radius:6px;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,0.15);
}

/* 구분선 */
.calendar table td::after {
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:80%;
  height:1px;
  background:#ccc;
}
.calendar table td.empty { background:#fff; }

/* 날짜 숫자 */
.calendar .daynum {
  display:inline-block;
  font-weight:700;
  font-size:23px;
}

/* 오늘 날짜 */
.calendar .today .daynum {
  outline:2px solid #36454F;
  border-radius:8px;
  padding:2px 6px;
}

/* 이벤트 뱃지 */
.calendar .event-badges {
  margin-top:6px;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:center;
  font-size:12px;
}
.calendar .event-badges a,
.calendar .event-badges span {
  display:inline-block;
  padding:3px 6px;
  border-radius:6px;
  background:#f1f3f5;
  text-decoration:none;
  color:#222;
  white-space:nowrap;
  max-width:98%;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 링크 및 상태 */
.calendar .daylink { text-decoration:none; color:inherit; }
.calendar .past .daynum { color:#b5b5b5; } /* 과거 회색 */
.calendar .sun  .daynum { color:#d84a4a; } /* 일요일 빨강 */
.calendar .sat  .daynum { color:#2a62d9; } /* 토요일 파랑 */
.calendar .disabled { pointer-events:none; }

/* 선택(active)된 날짜 */
.day.active {
  background:#f4781d;
  color:#fff;
  border-radius:4px;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
}

/* 날짜 마우스 오버시 숫자 강조 */
.calendar .daylink:hover .daynum,
.calendar .daynum:hover {
  background:#f4781d;
  color:#fff;
  border-radius:6px;
  transition:all 0.2s ease;
}

/* 오늘 날짜(today)는 hover해도 기존 스타일 유지 */
.calendar .today .daynum:hover {
  background:none;
  color:#222;
}

/* =====================================
   반응형 : 태블릿 이하 (max-width: 1024px)
===================================== */
@media screen and (max-width: 1024px){

  /* 캘린더 전체 여백 줄이기 */
  .calendar {
    border-radius:10px;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
  }

  .calendar-header {
    width:60%;              /* 40% → 60% 로 조금 넓게 */
    padding:20px 0 10px;
    font-size:24px;
  }

  .calendar-header .navbtn {
    width:32px;
    height:32px;
    font-size:16px;
  }

  .calendar_body {
    padding:15px 15px 20px; /* 좌우 패딩을 조금 줄임 */
  }

  .calendar table th {
    font-size:13px;
    padding:6px 0;
  }

  .calendar table td {
    height:70px;
    padding:8px 4px;
    font-size:13px;
  }

  .calendar .daynum {
    font-size:18px;
  }

  .calendar .event-badges {
    gap:4px;
    font-size:11px;
  }
}

/* =====================================
   반응형 : 모바일 (max-width: 768px)
===================================== */
@media screen and (max-width: 768px){

  /* 캘린더 카드 느낌 단순화 */
  .calendar {
    margin:10px auto 20px;
    border-radius:8px;
    box-shadow:0 1px 3px rgba(0,0,0,0.08);
    border-width:1px;
  }

  /* 헤더를 한 줄 꽉 채우기 */
  .calendar-header {
    width:100%;
    padding:16px 12px 10px;
    box-sizing:border-box;
    font-size:20px;
  }

  .calendar-header > div {
    font-size:18px;
  }

  .calendar-header .navbtn {
    width:28px;
    height:28px;
    font-size:15px;
  }

  /* 본문 패딩 축소 */
  .calendar_body {
    padding:10px 6px 15px;
  }

  .calendar table th {
    font-size:12px;
    padding:4px 0;
  }

  .calendar table td {
    height:60px;
    padding:6px 2px;
    font-size:12px;
  }

  .calendar .daynum {
    font-size:16px;
  }

  /* 모바일에서 hover 확대 효과 제거 (밀림 방지) */
  .calendar table td:hover {
    background:#fef4eb;
    transform:none;
    border-radius:4px;
    box-shadow:none;
  }

  /* 오늘 날짜 표시도 살짝 작게 */
  .calendar .today .daynum {
    padding:1px 4px;
    border-radius:6px;
    outline-width:2px;
  }

  /* 뱃지 줄 간격/폭 축소 */
  .calendar .event-badges {
    margin-top:4px;
    gap:3px;
    font-size:10px;
  }

  .calendar .event-badges a,
  .calendar .event-badges span {
    padding:2px 4px;
    max-width:100%;
  }
}

/* =====================================
   초소형 모바일 (max-width: 480px)
===================================== */
@media screen and (max-width: 480px){

  .calendar-header {
    padding-top:12px;
    padding-bottom:8px;
    font-size:18px;
  }

  .calendar-header > div {
    font-size:16px;
  }

  .calendar table td {
    height:52px;
    padding:4px 1px;
    font-size:11px;
  }

  .calendar .daynum {
    font-size:14px;
  }

  .calendar .event-badges {
    font-size:9px;
  }
}


#main_ms03 .main_wrap02 .ms_wraps .event_ms{width:802px;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms h2.dot-heading{color:#292929;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap{display:flex; align-items: center; justify-content: space-between;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap h3.mts{font-size:28px; color:#f4781d;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m{display:flex; gap:5px;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m button.let{width:74px; height:74px; border:0; background:#cfcfcf; border-radius:50%;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m button.rig{width:74px; height:74px; border:0; background:#f4781d; border-radius:50%;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list{position: relative;  overflow: hidden; padding:10px 0 0;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list ul{display:flex; gap:15px; transition: transform 0.5s ease;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li{width:calc(98% / 2);  flex-shrink: 0;}

#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .imgs{width:100%; height:auto; background:#ddd; overflow:hidden; border-radius:24px;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .imgs img{width:100%; height:100%; object-fit: cover;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .bmtxts{padding:10px 0 10px; text-align:center; font-size:20px; color:#595959; font-weight:700;}
#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .datem{padding:0 0 10px; text-align:center; font-size:17px; font-weight:500; color:#9d9d9d;}

#main_ms04{position: relative; width: 100%; padding:80px 0 200px; background:url("../images/main/main03_bgs.gif");}
#main_ms04 .bar_bg{position:absolute; bottom:0; z-index:90; width:100%; height:77px; background:url('../images/main/m2_bgs.png')center bottom no-repeat; background-size: cover;}
#main_ms04 .main_wrap03{width:100%; max-width:1600px; margin:0 auto;}
#main_ms04 .main_wrap03 h2.big_txt{font-size:77px; font-weight:800; text-align:center;  padding:0 0 20px; color:#353535;}
#main_ms04 .main_wrap03 .msp_txt{font-size:29px; font-weight:600; text-align:center; padding:0 0 40px; color:#353535;}
#main_ms04 .main_wrap03 .btn_starts{max-width:355px; box-shadow: 5px 5px  rgba(0,0,0,0.3); background:#f8f8f8; width:50%; margin:0 auto; border:1px solid #ddd; border-radius:24px;}
#main_ms04 .main_wrap03 .btn_starts a{display:block; padding:15px;}
#main_ms04 .main_wrap03 .btn_starts .btn_wraps{display:flex; align-items: center; justify-content: space-between; }
#main_ms04 .main_wrap03 .btn_starts .btn_wraps .icons{width:35px;}
#main_ms04 .main_wrap03 .btn_starts .btn_wraps .txts_m{padding-left:20px;}
#main_ms04 .main_wrap03 .btn_starts .btn_wraps .txts_m .tx1{font-size:23px; font-weight:700; color:#353535;}
#main_ms04 .main_wrap03 .btn_starts .btn_wraps .txts_m .tx2{font-size:23px; font-weight:400; color:#353535;}
#main_ms04 .main_wrap03 .link_service_m{position:relative; max-width:1300px; margin:0 auto; width:80%; border-top:1px solid #ddd; padding:40px 0 20px;}

#main_ms04 .main_wrap03 .link_service_m .wrap_tit{display:flex; align-items: center;}
#main_ms04 .main_wrap03 .link_service_m .wrap_tit .mst{margin-left:10px; padding:6px 30px; background:#36454F; color:#fff; text-align:center; font-size:17px;}
#main_ms04 .main_wrap03 .link_service_m .wrap_tit .icon{}
#main_ms04 .main_wrap03 .link_service_m .wrap_tit h3.txt{padding-left:10px; font-size:29px; font-weight:600; color:#f4781d;}
#main_ms04 .main_wrap03 .link_service_m .link_list{padding:10px 0 0;}
#main_ms04 .main_wrap03 .link_service_m .link_list ul{display:flex; flex-direction: row; flex-wrap: wrap;}
#main_ms04 .main_wrap03 .link_service_m .link_list li{width:calc(100% / 3); margin:0 0 6px;}
#main_ms04 .main_wrap03 .link_service_m .link_list li a{display:block;}
#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps{display:flex; align-items: center;}
#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .im_box{width:94px; display:flex; justify-content: center; padding:5px; border-radius:13px; background:#f8f8f8; border:1px solid #ddd; transition: box-shadow 0.3s ease, transform 0.3s ease;}
#main_ms04 .main_wrap03 .link_service_m .link_list li a:hover .link_bwraps .im_box {
  box-shadow: 4px 4px rgba(0, 0, 0, 0.25);
  transform: translateY(-4px); /* 살짝 위로 올라오는 효과 */
}

#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .im_box .imgs{}
#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op{padding-left:20px;}
#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op .txt_sujs{font-size:20px; color:#353535; font-weight:700; line-height:1.4;}
#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op .txt_sm{font-size:16px; color:#353535; font-weight:500;}

/* hover 시 텍스트 색상 변경 */
#main_ms04 .main_wrap03 .link_service_m .link_list li a:hover .link_bwraps .texts_op .txt_sujs {
  color: #1565c0; /* 파란색 */
  display: inline-block; /* 회전하려면 inline-block 필요 */
  transition: transform 0.6s ease, color 0.3s ease;
  transform-origin: center; 
}

/* hover 시 색상 + 회전 효과 */
#main_ms04 .main_wrap03 .link_service_m .link_list li a:hover .link_bwraps .texts_op .txt_sujs {
  color: #1565c0;
  transform: rotateX(360deg);
}

#main_ms04 .main_wrap03 .link_service_m .link_list li a:hover .link_bwraps .texts_op .txt_sm {
  color: #1a77d6; /* 조금 밝은 파란색 */
  transition: color 0.3s ease;
}


#main_ms05{position: relative; width: 100%; padding:80px 0 200px; /*height:980px;*/ background:#f5f5f5;}
#main_ms05 .main_wrap04{width:100%; max-width:1600px; margin:0 auto;}
#main_ms05 .main_wrap04 h2.big_txt{font-size:77px; font-weight:800; text-align:center;  padding:0 0 10px; color:#353535;}
#main_ms05 .main_wrap04 .tsig_txt{font-size:34px; font-weight:600; text-align:center;  padding:0 0 20px; color:#353535;}

#main_ms05 .main_wrap04 .tong_ge_ms{padding:120px 0 0; max-width:1400px; width:90%; margin:0 auto; display:flex; justify-content: space-between; align-items: center;}
#main_ms05 .main_wrap04 .tong_ge_ms .all_wraps_m{width:48%; position:relative;}
#main_ms05 .main_wrap04 .tong_ge_ms .all_wraps_m .cirls_m{margin-top: 130px; width:432px; display:flex; flex-direction: column; align-items: center; justify-content: center; height:432px; background: rgba(255, 255, 255, 0.5); border-radius:50%;}
#main_ms05 .main_wrap04 .tong_ge_ms .all_wraps_m .cirls_m .icons{width:94px; padding:0 0 30px;}
#main_ms05 .main_wrap04 .tong_ge_ms .all_wraps_m .cirls_m .text_cirle{font-size:31px; color:#353535; text-align:center; font-weight:700; padding:0 0 30px;}
#main_ms05 .main_wrap04 .tong_ge_ms .all_wraps_m .cirls_m .numbe_all{font-size:53px; color:#353535; text-align:center; font-weight:700;}

#main_ms05 .main_wrap04 .tong_ge_ms .tongge_s{width:48%; position: relative;}
#main_ms05 .main_wrap04 .tong_ge_ms .tongge_s h3.tisy{font-size:20px; color:#353535; font-weight:700; padding:0 0 30px;}
#main_ms05 .main_wrap04 .tong_ge_ms .tongge_s h3.tisy span{font-size:16px;}



/* 통계 */
.tongge_s .chart-wrap {
    position: relative;
    width: 400px;
    height: 400px;
  }

  /* 도넛 차트 */
.tongge_s .chart-wrap {
  position: relative;
  width: 600px;
  height: 600px;
}
.tongge_s .donut {
  width: 484px;
  height: 484px;
  border-radius: 50%;
  background: conic-gradient(
    #0066b3 0deg 128deg,    /* 기타외국인 */
    #ffcc33 128deg 154deg,  /* 외국국적동포 */
    #009966 154deg 204deg,  /* 결혼이민자 */
    #66ccff 204deg 293deg,  /* 유학생 */
    #f39c12 293deg 360deg   /* 외국인근로자 */
  );
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tongge_s .donut::after {
  content: "";
  width: 293px;
  height: 293px;
  background: #f4f4f4;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 항목 라벨 */
.tongge_s .label {
  position: absolute;
  text-align: center;
  font-weight: 600;
  font-size:20px;
  color: #333;
}
.tongge_s .label span {
  display: block;
  font-size: 26px;
  font-weight: 700;
  margin-top: 5px;
}

/* 색상별 */
.tongge_s .labor { top: 48px; left: 3px; color: #353535; }
.tongge_s .student { top: 373px; left: -29px; color: #353535; }
.tongge_s .marriage { bottom: -44px; left: 196px; color: #353535; }
.tongge_s .foreign-kor { bottom: -10px; right: 46px; color: #353535; }
.tongge_s .etc { top: 35px; right: 20px; color: #353535; }



/* 통계 다시 */

/* 전체 컨테이너 */
.chart-box {
  position: relative;
  width: 100%;
  height: 100%;
}

/* 도넛 차트 */
.donut-chart {
  width: 60%;           /* 부모 기준 비율 (예: 400px → 80%) */
  aspect-ratio: 1 / 1;  /* 정사각형 유지 */
  border-radius: 50%;
  margin: 0 auto;
  background: conic-gradient(
    #6a1b9a 0deg 274deg,   /* 76% - 보라색 */
    #e91e63 274deg 328deg, /* 15% - 분홍색 */
    #9e9e9e 328deg 360deg  /* 9% - 회색 */
  );
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}


/* 도넛 중앙 흰색 원 */
.donut-chart::before {
  content: "";
  position: absolute;
  width: 60%;           /* 부모 기준 비율 (예: 400px → 80%) */
  aspect-ratio: 1 / 1;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
}

.donut-chart .nus_1{position:absolute; font-size:14px; color:#fff; top:10%; left:37%; z-index:99;}
.donut-chart .nus_2{position:absolute; font-size:14px; color:#fff; top:25%; left:13%; z-index:99;}
.donut-chart .nus_3{position:absolute; font-size:14px; color:#fff; bottom:17%; right:21%; z-index:99;}

/* 중앙 텍스트 */
.center-text {
  position: absolute;
  text-align: center;
  z-index: 2;
}

.center-text .title {
  font-size: 20px;
  color: #333;
  margin: 0;
}

.center-text .number {
  font-size: 32px;
  font-weight: 700;
  color: #7b1fa2;
  margin-top: 3px;
}

/* 라벨 공통 스타일 */
.labels {
  position: absolute;
  width:100%;
  height:100%;
  top: 0;
  left: 0;
}

.labels div {
  position: absolute;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
}

/* 외국인 주민 자녀 (분홍) */
.label-child {
  color: #e91e63;
  top: 16%;
  left: 7%;
  /*transform: rotate(-10deg);*/
  text-align: left;
}

.label-child span {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #e91e63;
  margin-top: 3px;
}

/* 한국 국적 취득자 (회색) */
.label-korean {
  color: #666;
  top: -7%;
  left: 23%;
  /*transform: rotate(-8deg);*/
  text-align: left;
}

.label-korean span {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #666;
  margin-top: 2px;
}

/* 한국 국적을 가지지 않는 자 */
.label-nonkorean {
  color: #6a1b9a;
  top: 91%;
  right: 5%;
  /*transform: rotate(-8deg);*/
  text-align: left;
}

.label-nonkorean span {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #6a1b9a;
  margin-top: 2px;
}


/* 막대그래표 구현 */
.do_tabbs{display:flex; justify-content: space-between; padding:0px 0 10px;}
.do_tabbs .ms_boxs{width:30%; display:flex; justify-content: center; align-items: center; padding:10px; text-align:center; color:#fff; font-size:18px; background:#61308c;}
.do_tabbs .mo_tbas{width:69.7%;}
.do_tabbs .mo_tbas .nslines{width:7%; padding:12px; background:#d92e8a; color:#fff; font-size:16px; text-align:right;}
.do_tabbs .mo_tbas .nslines.on {
	animation: nslines1 1.2s forwards;
}
@keyframes nslines1 {
	0% {
		width: 7%;
	}
	100% {
		width: 70%;
	}
}


.do_tabbs2{display:flex; justify-content: space-between; padding:0px 0 10px;}
.do_tabbs2 .ms_boxs2{width:30%; display:flex; justify-content: center; align-items: center; padding:10px; text-align:center; color:#fff; font-size:18px; background:#61308c;}
.do_tabbs2 .mo_tbas2{width:69.7%;}
.do_tabbs2 .mo_tbas2 .nslines{width:7%; padding:12px; background:#d92e8a; color:#fff; font-size:16px; text-align:right;}
.do_tabbs2 .mo_tbas2 .nslines.on {
	animation: nslines2 1.2s forwards;
}
@keyframes nslines2 {
	0% {
		width: 7%;
	}
	100% {
		width: 68%;
	}
}


.do_tabbs3{display:flex; justify-content: space-between; padding:0px 0 10px;}
.do_tabbs3 .ms_boxs3{width:30%; display:flex; justify-content: center; align-items: center; padding:10px; text-align:center; color:#fff; font-size:18px; background:#61308c;}
.do_tabbs3 .mo_tbas3{width:69.7%;}
.do_tabbs3 .mo_tbas3 .nslines{width:7%; padding:12px; background:#d92e8a; color:#fff; font-size:16px; text-align:right;}
.do_tabbs3 .mo_tbas3 .nslines.on {
	animation: nslines3 1.2s forwards;
}
@keyframes nslines3 {
	0% {
		width: 7%;
	}
	100% {
		width: 40%;
	}
}


.do_tabbs4{display:flex; justify-content: space-between; padding:0px 0 10px;}
.do_tabbs4 .ms_boxs4{width:30%; display:flex; justify-content: center; align-items: center; padding:10px; text-align:center; color:#fff; font-size:18px; background:#61308c;}
.do_tabbs4 .mo_tbas4{width:69.7%;}
.do_tabbs4 .mo_tbas4 .nslines{width:7%; padding:12px; background:#d92e8a; color:#fff; font-size:16px; text-align:right;}
.do_tabbs4 .mo_tbas4 .nslines.on {
	animation: nslines4 1.2s forwards;
}
@keyframes nslines4 {
	0% {
		width: 7%;
	}
	100% {
		width: 30%;
	}
}


.do_tabbs5{display:flex; justify-content: space-between; padding:0px 0 10px;}
.do_tabbs5 .ms_boxs5{width:30%; display:flex; justify-content: center; align-items: center; padding:10px; text-align:center; color:#fff; font-size:18px; background:#61308c;}
.do_tabbs5 .mo_tbas5{width:69.7%;}
.do_tabbs5 .mo_tbas5 .nslines{width:7%; padding:12px; background:#d92e8a; color:#fff; font-size:16px; text-align:right;}
.do_tabbs5 .mo_tbas5 .nslines.on {
	animation: nslines5 1.2s forwards;
}
@keyframes nslines5 {
	0% {
		width: 7%;
	}
	100% {
		width: 90%;
	}
}




/* /// */

.h60{height:60px;}

#wraps_banners{position:relative; padding:20px 0 20px; background:#fff;}
#wraps_banners .banner_ms{width:1600px;  margin:0 auto;}

 .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: none;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

/* //// 반응형 //// */

@media(max-width:1730px){
	.texts_ment .big_ment {
		font-size: 73px;
	}

	.texts_ment .sm_ment {
		font-size: 35px;
	}
}

@media(max-width:1600px){
	#main_ms02 .main_wrap01 {
		width:95%;
	}

	
	#main_ms02 .main_wrap01 h4.s_txt {
		font-size: 25px;
	}
	
	#main_ms02 .main_wrap01 h2.big_ms {
		font-size: 60px;
	}

	#main_ms02 .main_wrap01 .acodian_ms .bgs_ims {
		top: 120px;
		background-size:contain;
		width: 510px;
		height: 302px;
	}


	.accordion {
		height: 480px;
	}

	.accordion-item .content span.tis {
		font-size: 18px;
	}

	.accordion-item .content h2.tis {
		padding:10px 0 0;
		font-size: 40px;
	}

	.accordion-item .content p {
		font-size: 19px;
	}

	.accordion-item .label {
		font-size: 25px;
	}

	#main_ms03 .main_wrap02 {
		width:95%;
	}

	#main_ms03 .main_wrap02 .ms_wraps .carenda_m {
		width:48%;
	}

	#main_ms03 .main_wrap02 .ms_wraps .event_ms {
		width:50%;
	}

	.dot-heading {
		font-size: 45px;
	}

	#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap h3.mts {
		font-size: 23px;
	}

	#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .bmtxts {
		font-size: 16px;
	}

	#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .datem {
		font-size: 14px;
	}

	#main_ms04 .main_wrap03 h2.big_txt {
		font-size: 60px;
	}

	#main_ms04 .main_wrap03 .msp_txt {
		font-size: 25px;
	}

	#main_ms05 .main_wrap04 h2.big_txt {
		font-size: 60px;
	}

	#wraps_banners .banner_ms {
		width:95%;
	}

	#main_ms05 .main_wrap04 .tsig_txt{
		font-size: 26px;
	}

}



@media(max-width:1540px){
	.texts_ment .big_ment {
		font-size: 60px;
	}

	.texts_ment .sm_ment {
		font-size: 28px;
	}

	#main_ms01 .bar_bg {
		background-size:contain;
	}

	#main_ms02 .bar_bg {
		background-size:contain;
	}

	#main_ms03 .bar_bg {
		background-size:contain;
	}

	#main_ms04 .bar_bg {
		background-size:contain;
	}

}


@media(max-width:1480px){
	.calendar table td {
		height: 75px;
	}

	.labels div {
		font-size: 15px;
	}

	.label-korean span {
		font-size: 19px;
	}

	.label-child span {
		font-size: 19px;
	}

	.label-nonkorean span {
		font-size: 19px;
	}

	.do_tabbs .ms_boxs {
		font-size: 16px;
	}

	.do_tabbs2 .ms_boxs2 {
		font-size: 16px;
	}

	.do_tabbs3 .ms_boxs3 {
		font-size: 16px;
	}

	.do_tabbs4 .ms_boxs4 {
		font-size: 16px;
	}

	.do_tabbs5 .ms_boxs5 {
		font-size: 16px;
	}

}

@media(max-width:1400px){
    #main_ms04 .main_wrap03 h2.big_txt {
        font-size: 50px;
    }

	#main_ms04 .main_wrap03 .msp_txt {
        font-size: 22px;
    }

	#main_ms04 .main_wrap03 .link_service_m {
		width:90%;
	}

	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op .txt_sujs {
		font-size: 20px;
	}

	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op .txt_sm {
		font-size: 14px;
	}
	
	#main_ms04 .main_wrap03 .link_service_m .wrap_tit h3.txt {
		font-size: 25px;
	}

	#main_ms04 .main_wrap03 .link_service_m .wrap_tit .mst {
		font-size: 15px;
		padding: 6px 20px;
	}

	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .im_box {
		width: 94px;
	}

	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .im_box .imgs img{
		width:100%;
	}

	
}

@media(max-width:1340px){
	 #main_ms02 .main_wrap01 h2.big_ms {
        font-size: 50px;
    }

	 #main_ms02 .main_wrap01 .acodian_ms .bgs_ims {
        top: 108px;
    }
	
	.texts_ment .big_ment {
        font-size: 50px;
    }

	 .texts_ment .sm_ment {
        font-size: 23px;
    }

	#main_ms01 {
		background-size:cover;
		height:764px;
	}

	#main_ms05 .main_wrap04 h2.big_txt {
        font-size: 48px;
    }

	#main_ms05 .main_wrap04 .tsig_txt{
		font-size: 21px;
	}

}


@media(max-width:1290px){
	.label-nonkorean {
		top: 91%;
		right: 5%;
	}
}

@media(max-width:1280px){
	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op .txt_sujs {
        font-size: 18px;
    }
}

@media(max-width:1240px){
	#main_ms05 .main_wrap04 h2.big_txt {
        font-size: 42px;
    }

	.label-nonkorean {
        top: 94%;
        right: 5%;
    }

}

@media(max-width:1220px){
	.label-nonkorean {
		top: 93%;
        right: 5%;
	}
}

@media(max-width:1180px){
	 #main_ms02 .main_wrap01 h2.big_ms {
        font-size: 45px;
    }

	.calendar table td {
		height: 63px;
	}

	.dot-heading {
        font-size: 35px;
    }
	 
	 .accordion-item .label {
        font-size: 20px;
    }

	.accordion-item .content h2.tis {
        font-size: 30px;
    }

	#main_ms03 .main_wrap02 .ms_wraps .carenda_m .ms_wp .iocn_big {
		width: 60px;
		padding-left: 15px;
	}

	#main_ms03 .main_wrap02 .ms_wraps .carenda_m .ms_wp .iocn_big img{
		width:100%;
	}

	#main_ms05 {
		height:auto;
		padding: 80px 0 100px;
	}

	#main_ms05 .main_wrap04 .tong_ge_ms {
		display:block;
		width:80%;
	}

	#main_ms05 .main_wrap04 .tong_ge_ms .all_wraps_m {
		width:100%;
	}

	#main_ms05 .main_wrap04 .tong_ge_ms .tongge_s {
		width:100%;
		margin:80px 0 0;
	}

}



@media(max-width:1134px){
	.texts_ment .big_ment {
        font-size: 40px;
    }

	 .texts_ment .sm_ment {
        font-size: 18px;
    }

	#main_ms01 {
		height:664px;
	}
}

@media(max-width:1040px){
	#main_ms04 .main_wrap03 .link_service_m .wrap_tit h3.txt {
        font-size: 20px;
    }

	#main_ms04 .main_wrap03 .link_service_m .wrap_tit .mst {
        font-size: 13px;
        padding: 6px 20px;
    }
}

@media(max-width:1024px){
	#main_ms02 .main_wrap01 .acodian_ms .bgs_ims {
		width: 410px;
		height: 302px;
	}

	 #main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap h3.mts {
        font-size: 17px;
    }

	#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m button.let {
		width: 54px;
		height: 54px;
	}

	#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m button.rig {
		width: 54px;
		height: 54px;
	}

	.calendar-header {
		font-size: 23px;
	}

	 .calendar table td {
        height: 50px;
    }
	
	.day.active {
		width: 25px;
		height: 25px;
		font-size: 13px;
	}

	.accordion-item .content h2.tis {
        font-size: 25px;
    }

	.accordion-item .content p {
        font-size: 17px;
    }

	#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .bmtxts {
        font-size: 14px;
    }

	#main_ms05 .main_wrap04 .tong_ge_ms {
		width:90%;
	}

	.donut-chart {
		width:70%;
	}

}

@media(max-width:980px){
	#main_ms04 .main_wrap03 h2.big_txt {
        font-size: 40px;
    }

	#main_ms04 .main_wrap03 .msp_txt {
        font-size: 18px;
    }
	
	#main_ms04 .main_wrap03 .link_service_m .link_list li {
		width: calc(100% / 2);
		padding:0 0 10px;
	}
}

@media(max-width:840px){
 
 #main_ms02 .main_wrap01 .acodian_ms .bgs_ims {
	top:130px;
	width: 310px;
	height: 302px;
}

.calendar-header {
	padding: 20px 0 15px;
}

.calendar_body {
	padding: 5px 15px 20px;
}

 .accordion-item.active {
	width:100%;
 }
 .accordion {
    flex-direction: column;
    height: auto;
    gap: 8px;
  }
  .accordion-item {
    width: 100%;
    height: 60px; /* 접힌 상태 높이 */
    transition: height 0.6s ease;
  }
  .accordion-item .label {
    writing-mode: horizontal-tb;
    padding-left: 0;
    font-size: 20px;
    text-align: center;
  }
  .accordion-item.active {
    height: 300px; /* 펼친 상태 높이 */
  }
	
	.texts_ment .big_ment {
        font-size: 30px;
    }

	 .texts_ment .sm_ment {
        font-size: 16px;
    }

	#main_ms01 {
		height:564px;
	}
}

@media(max-width:748px){
	#main_ms05 .main_wrap04 h2.big_txt {
        font-size: 40px;
    }

	#main_ms05 .main_wrap04 .tsig_txt{
		font-size: 20px;
	}
}

@media(max-width:740px){
	#main_ms03 {
		padding: 80px 0 100px;
	}

	#main_ms03 .main_wrap02 .ms_wraps {
		display:block;
	}

	#main_ms03 .main_wrap02 .ms_wraps .carenda_m {
        width: 100%;
    }

	#main_ms03 .main_wrap02 .ms_wraps .event_ms {
        width: 100%;
		margin:40px 0 0;
    }

	#main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap h3.mts {
        font-size: 23px;
    }

	#main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list ul {
		gap: 9px;
	}

	#main_ms04 {
		padding: 80px 0 100px;
	}

	#main_ms04 .main_wrap03 h2.big_txt {
        font-size: 34px;
    }

	#main_ms04 .main_wrap03 .msp_txt {
        font-size: 16px;
    }

	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op .txt_sujs {
        font-size: 16px;
    }

	#main_ms04 .main_wrap03 .link_service_m .wrap_tit h3.txt {
        font-size: 17px;
    }

	#main_ms04 .main_wrap03 .link_service_m .wrap_tit .mst {
        font-size: 11px;
        padding: 4px 10px;
    }

	.label-korean {
		top: -5%;
		left: 22%;
	}

	.label-child {
		top: 13%;
		left: 7%;
	}

	#main_ms05 .main_wrap04 h2.big_txt {
        font-size: 34px;
    }

}

@media(max-width:730px){
	.texts_ment .big_ment {
        font-size: 24px;
    }

	 .texts_ment .sm_ment {
        font-size: 14px;
    }

	#main_ms01 {
		height:464px;
	}
}

@media(max-width:640px){
	 #main_ms02 .main_wrap01 h4.s_txt {
        font-size: 19px;
    }

	#main_ms02 .main_wrap01 h2.big_ms {
        font-size: 37px;
    }
	
	#main_ms02 .main_wrap01 .acodian_ms .bgs_ims {
        top: 160px;
        width: 210px;
        height: 302px;
    }

	#main_ms04 {
		padding: 15px 0 90px;
	}
	
	#main_ms04 .main_wrap03 h2.big_txt {
        font-size: 30px;
    }

	#main_ms04 .main_wrap03 .msp_txt {
        font-size: 14px;
		padding: 0 0 10px;
    }

	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op .txt_sujs {
        font-size: 15px;
    }

	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .texts_op {
		padding-left: 10px;
	}

	#main_ms04 .main_wrap03 .link_service_m .link_list li .link_bwraps .im_box {
        width: 74px;
    }

	#main_ms05 .main_wrap04 h2.big_txt {
        font-size: 30px;
    }

	.label-korean {
		top: -6%;
		left: 21%;
	}

	.label-child {
		top: 13%;
		left: 4%;
	}

	.label-nonkorean {
        top: 96%;
        right: 5%;
    }

	.label-child span {
        font-size: 17px;
    }

	.label-korean span {
        font-size: 17px;
    }

	.label-nonkorean span {
        font-size: 17px;
    }

	.center-text .number {
		font-size: 27px;
	}

	.center-text .title {
		font-size: 17px;
	}

	.do_tabbs .ms_boxs {
		padding: 5px;
		font-size: 14px;
	}

	.do_tabbs2 .ms_boxs2 {
		padding: 5px;
		font-size: 14px;
	}

	.do_tabbs3 .ms_boxs3 {
		padding: 5px;
		font-size: 14px;
	}

	.do_tabbs4 .ms_boxs4 {
		padding: 5px;
		font-size: 14px;
	}

	.do_tabbs5 .ms_boxs5 {
		padding: 5px;
		font-size: 14px;
	}

	.do_tabbs .mo_tbas .nslines {
		padding: 8px;
		font-size: 14px;
	}

	.do_tabbs2 .mo_tbas2 .nslines {
		padding: 8px;
		font-size: 14px;
	}

	.do_tabbs3 .mo_tbas3 .nslines {
		padding: 8px;
		font-size: 14px;
	}

	.do_tabbs4 .mo_tbas4 .nslines {
		padding: 8px;
		font-size: 14px;
	}

	.do_tabbs5 .mo_tbas5 .nslines {
		padding: 8px;
		font-size: 14px;
	}

	#main_ms05 .main_wrap04 .tsig_txt{
		font-size: 15px;
	}

}


@media(max-width:580px){
	.texts_ment .big_ment {
        font-size: 18px;
    }

	 .texts_ment .sm_ment {
        font-size: 12px;
    }

	#main_ms01 {
		height:464px;
	}

	.dot-heading {
        font-size: 28px;
    }

	#main_ms03 .main_wrap02 .ms_wraps .carenda_m .ms_wp .iocn_big {
		width: 53px;
		padding-left: 15px;
	}

	#main_ms03 .main_wrap02 .ms_wraps .carenda_m .ms_wp .iocn_big img{
		width:100%;
	}

	#main_ms04 .main_wrap03 h2.big_txt {
        font-size: 25px;
    }

	#main_ms05 .main_wrap04 h2.big_txt {
        font-size: 25px;
    }

	.label-korean {
		top: -6%;
		left: 18%;
	}

	.label-child {
		top: 13%;
		left: 2%;
	}

	.label-nonkorean {
        top: 96%;
        right: 5%;
    }

	.labels div {
        font-size: 13px;
    }

	.accordion-item .content img {
		width:80%;
	}
}



/* 모바일 (480px 이하) */
@media (max-width: 480px) {
  #main_ms02 .main_wrap01 {
	   padding: 40px 0 25px;
  }

  #main_ms02 .main_wrap01 .acodian_ms .bgs_ims {
        top: 100px;
  }
  
  #main_ms02 .main_wrap01 h2.big_ms {
        font-size: 32px;
    }

	.texts_ment .big_ment {
        font-size: 18px;
    }

	.texts_ment .sm_ment {
        font-size: 11px;
    }
  
  .accordion-item .content span.tis {
     font-size: 15px;
    }

  .accordion-item .content h2.tis {
      font-size: 22px;
    }

 
 .accordion-item .content a {
	padding: 3px 20px;
	font-size: 12px;
 }
  
  .accordion-item {
    height: 40px;
  }
  .accordion-item .label {
    font-size: 16px;
  }
  .accordion-item.active {
    height: 250px;
  }
  .accordion-item .content h2 {
    font-size: 20px;
  }
  .accordion-item .content p {
    font-size: 14px;
  }

  #main_ms03 {
	padding: 35px 0 80px;
  }

  #main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap h3.mts {
    font-size: 15px;
  }

  #main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m button.let {
    width: 34px;
    height: 34px;
  }

  #main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m button.let img{
	width:21px;
  }

  #main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m button.rig {
    width: 34px;
    height: 34px;
  }

 #main_ms03 .main_wrap02 .ms_wraps .event_ms .ns_wrap .btns_m button.rig img{
	width:21px;
 }

 #main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .bmtxts {
    font-size: 12px;
 }

 #main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list li .datem {
    font-size: 11px;
 }

 #main_ms03 .main_wrap02 .ms_wraps .event_ms .even_list ul {
	gap: 6px;
 }


#main_ms04 .main_wrap03 .link_service_m .link_list li {
     width: calc(100% / 1);
     padding: 0 0 10px;
}

.label-korean {
		top: -8%;
		left: 15%;
	}

	.label-child {
		top: 16%;
		left: -1%;
	}

	.label-nonkorean {
        top: 99%;
        right: 5%;
    }

	.labels div {
        font-size: 13px;
    }

	#main_ms05 .main_wrap04 .tsig_txt{
		font-size: 12px;
	}

}

@media (max-width: 480px) {
    #main_ms04 .main_wrap03 .link_service_m .wrap_tit h3.txt {
        font-size: 15px;
    }

	#main_ms05 .main_wrap04 h2.big_txt {
        font-size: 20px;
    }

	#main_ms04 .main_wrap03 h2.big_txt {
        font-size: 20px;
    }

	#main_ms05 .main_wrap04 .tong_ge_ms {
		padding: 50px 0 0;
	}

	
}

@media (max-width: 428px) {
	.label-korean {
		top: -8%;
		left: 14%;
	}

	.label-child {
		top: 16%;
		left: -3%;
	}

	.label-nonkorean {
        top: 99%;
        right: 5%;
    }

	.labels div {
        font-size: 11px;
    }

}