/* overwrite.css */
/**********************************
  메인화면
***********************************/
/*
.topLayout.researchTop {
    height: 0px;
}

 */

.video-slide  .swiper-pagination {
    display: none;
}

.fw-600 {font-weight: 600}

.onestop-main .main-visual {position: relative;  height: 400px;  margin-top: 0px;  overflow: hidden;}
/*
.onestop-main .main-visual .visual-img {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;object-fit: cover;object-position: 50% 5%; transform: scaleX(-1)}
*/
.main-page .wrap-inner {max-width: 1905px;}
.main-visual .wrap-inner {padding: 0px 200px; display: flex; justify-content: space-between; max-width: 2}
.onestop-main .title-group { margin-top: 50px;}
.onestop-main .title-group > a > img:nth-child(1) {width: 430px; height: 73px}
.onestop-main .visual-title span, .onestop-main .visual-title span b{font-weight: 600;}
.onestop-main .visual-title strong {color: #6cfda4}


.main-visual .list-group {display: none}
.menu-group {display: flex;flex-direction: column;gap: 40px;}
.menu-content {display: flex; gap: 20px;}
.menu-content .title-mb {display: none;}

.card-list {position: relative; width: 230px;height: 145px;  background: linear-gradient(150deg, #ffffff 0%, #f2f6ff 60%, #dfe8ff 100%);border-radius:25px;padding: 20px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.59);text-align: center; transition: 0.3s; cursor:pointer}
.card-list img {width: 100px;height: 100px;object-fit: contain;}
.card-list span {position: absolute;bottom: 15px;left: 0;width: 100%;text-align: center;font-size: 20px;font-weight: 700;color: #1d2b36;}
.card-list:hover {transform: translateY(-8px);  }

.info-box { position: relative; width: 230px;height: 140px;padding: 10px;color: #fff;display: flex;flex-direction: column;justify-content: space-between;}
.info-box strong {font-size: 28px;line-height: 1.3;font-weight: 700;  position: relative;}
.info-box img {position: absolute;right: -72px;bottom: -66px;height: 198px;transform: translateY(-20px);}

.main-page .notice-section {padding: 50px 40px; background: none;}
.main-page .notice-section  .wrap-inner {display: flex; gap:50px; }
.main-page .notice-section  .wrap-inner .left-group{display: flex;}
.main-page .notice-section  .wrap-inner .right-group{display: flex; flex-direction: column;}
.main-page .notice-section  .wrap-inner .right-group .top-group{display: flex; gap: 10px;}
.main-page .notice-section  .wrap-inner .right-group .top-group .quick-item {cursor: pointer; flex: 1;background: linear-gradient(150deg, #ffffff 0%, #f2f6ff 60%, #dfe8ff 100%); border-radius: 15px;padding: 0px 100px;box-shadow: 0 4px 12px rgba(0,0,0,0.08);display: flex; border : 2px solid #eee;}
.main-page .notice-section  .wrap-inner .right-group .top-group .quick-item a {display: flex;justify-content: space-between;width: 100%;align-items: center;text-decoration: none;}
.main-page .notice-section  .wrap-inner .right-group .top-group .quick-item img {width: 100px;height: 100px;}
.main-page .notice-section  .wrap-inner .right-group .top-group .quick-item .quick-title {font-size: 19px;font-weight: 700;color: #222;line-height: 1.3;text-align: center;}
.main-page .notice-section  .wrap-inner .right-group .top-group .quick-item .quick-item:hover {transform: translateY(-3px);transition: 0.2s;}
.main-page .notice-section  .wrap-inner .right-group .bottom-group {display: flex;width: 100%;}
.main-page .notice-section  .wrap-inner .right-group .quick-info-box {border : 2px solid #eee; width: 100%;background: linear-gradient(150deg, #ffffff 0%, #f2f6ff 60%, #dfe8ff 100%);border-radius: 15px;padding: 12px 30px;box-shadow: 0 4px 16px rgba(0,0,0,0.1);display: flex;justify-content: space-between;gap: 30px;}
.main-page .notice-section  .wrap-inner .right-group .bottom-group .info-block {flex: 1;padding-left: 18px;border-left: 5px solid;}

/* 컬러 라인 */
.main-page .notice-section  .wrap-inner .right-group .bottom-group .info-block.orange  { border-color: #F28C28; }
.main-page .notice-section  .wrap-inner .right-group .bottom-group .info-block.purple  { border-color: #8D5EFF; }
.main-page .notice-section  .wrap-inner .right-group .bottom-group .info-block.green   { border-color: #2EB450; }
.main-page .notice-section  .wrap-inner .right-group .bottom-group .info-title.orange, .info-number .sub.orange { color: #F28C28; }
.main-page .notice-section  .wrap-inner .right-group .bottom-group .info-title.purple { color: #8D5EFF; }
.main-page .notice-section  .wrap-inner .right-group .bottom-group .info-title.green, .info-list .green { color: #2EB450; }


/* 제목 */
.main-page .notice-section  .wrap-inner .right-group .quick-info-box .info-title {font-size: 18px;font-weight: 700;}
.main-page .notice-section  .wrap-inner .right-group .quick-info-box .info-number {font-size: 28px;font-weight: 900; color : #111;}

.main-page .notice-section  .wrap-inner .right-group .quick-info-box .info-list {display: flex;}
.main-page .notice-section  .wrap-inner .right-group .quick-info-box .info-list > div{display: flex;flex-direction: column;gap: 5px;font-size: 12px;font-weight: 500;color: #585858;}
.main-page .notice-section  .wrap-inner .right-group .quick-info-box .info-list > div:first-child{margin-right: 20px;}
.main-page .notice-section  .wrap-inner .right-group .quick-info-box .info-list > div > div > span{font-size: 12px;color: #111;font-weight: 700;}




/**********************************
  환경피해구제 통합지원 서비스 CSS 변경
***********************************/

/* 제도 안내 > 환경오염 피해구제 > 환경오염 피해구제란 */
.contentBox.sideLayout .conbodyT1 {font-weight : 900;}
.contentBox.sideLayout .sideContWrap .cont-text {margin-bottom: 10px;}
.contentBox.sideLayout p.cont-title.highlight {background-color: #ddeeef;color: #00205f;padding: 10px 0px 10px 45px;font-weight: 700;font-size: 20px/*22px*/;}
.contentBox.sideLayout p.cont-title:before {top : 17px;left : 10px;}
.contentBox.sideLayout .list-bullet > li {font-size: 16px;}
.contentBox.sideLayout .cont-text .list-sub-info {font-size: 15px;}
.contentBox.sideLayout .list-bullet > li.dash-item::before {display: none;}
.contentBox.sideLayout .list-bullet > li.dash-item::after {content: "-";position: absolute;left: 0;font-size: 16px/*18px*/;color: #000;}
.contentBox.sideLayout .list-bullet > li.none::before {display: none;}
.contentBox.sideLayout .list-bullet > li.none::after {content: "";position: absolute;left: 0;}
.contentBox.sideLayout .cont-text p:nth-child(1) {font-weight: 600;margin: 0px 0px 5px 0px;color : #000;}
.intro-find-list ul li{padding : 0 0 0 210px;}
.intro-progress-list ul {padding-top: 15px;}
.intro-progress-list ul li dt {font-size: 22px;}
.intro-progress-list ul li dd {font-size: 15px;color : #818080;}
.intro-find-list ul li h4{font-weight: 800;background-color: #f1f1f1; color:#111111; width: 200px;}
.intro-find-list ul li div p:before {display: none;}
.intro-find-list{padding-bottom: 20px;}

/*제도 안내 > 건강피해조사> 건강피해조사 청원이란 */
.aply-btn-area {position: relative;padding-left: 30px;font-size: 25px;font-weight: 500;line-height: 33px;color: #000;display: flex;flex-direction: row;justify-content: center;}
.aply-btn-area .aply-btn {width: 250px;height: 42px;border: 0;border-radius: 4px;background-color: #004c6e;margin-left: 18px;display: flex;justify-content: center;align-items: center;}
.aply-btn-area span {font-size: 20px;line-height: 38px;font-weight: 500;color: #fff;}


/*제도 안내 > 살생물제품 피해구제> 살생물제품 피해구제란 */
.circle-flow {display: flex;align-items: center;gap: 16px; /* 원-선 간격 */margin-top: 20px;margin-bottom: 30px; padding: 0px 50px;}
.circle-item {width: 150px;height: 150px;border: 2px solid #ccc;border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 18px;line-height: 1.4;color: #333;background-color: #fff;}
.circle-line {flex: 1;height: 2px;background-color: #ccc;}

.intro-find-list.dngr ul li h4{font-weight: 500; width: 180px; background: #f1f3f9;}
.intro-find-list.dngr ul li .biocide-inner {background-color: #f2f2f2; padding: 20px 30px; width: 200px}
.intro-find-list.dngr ul li div p {font-size: 16px; font-weight: 400 !important;}
.intro-find-list.dngr ul li .biocide-div {display: flex; align-items: center;}
.intro-find-list.dngr ul li .biocide-div p{font-size: 15px;}

/*진행절차*/
.intro-progress-list.dngr ul li + li {margin-left: 20px;}
.intro-progress-list.dngr ul li:nth-child(4) dl {background-color: #d2f1e6;}
.intro-progress-list.dngr ul li:nth-child(5) dl {background-color: #d8eaff;}
.intro-progress-list.dngr ul li:nth-child(6) dl {background-color: #f6f7f8;}

.intro-progress-list.hlth ul li + li {margin-left: 145px;}

/*구제급여 종류*/
.rlfSlry-table-wrap, .proc-table-wrap {margin: 24px 0px;}
.rlfSlry-table, .proc-table {width: 100%;border-collapse: collapse;border-top: 2px solid #26b6bb;font-size: 14px;}
.rlfSlry-table thead th {background: #ddeeef;padding: 14px;font-weight: 700;color: #333;border-bottom: 1px solid #b6e1e4;text-align: center;width: 15%;font-size: 18px;}
.rlfSlry-table thead th .col-title { width: 18%; }
.rlfSlry-table thead th .col-desc { width: 45%; }
.rlfSlry-table thead th .col-amount { width: 22%; }
.rlfSlry-table thead th .col-grade { width: 15%; text-align: center; }
.rlfSlry-table tbody td {padding: 14px;border-bottom: 1px solid #eceff3;color: #666;font-size: 18px;line-height: 1.5;text-align: center;}
.rlfSlry-table tbody tr td:nth-child(1) {padding: 14px;background-color: #f4f5f6;border-bottom: 1px solid #b6e1e4;color: #498585;line-height: 1.5;text-align: left;font-size: 20px;font-weight: 500;}
.rlfSlry-table tbody tr td:nth-child(1) > img{height: 80px;margin-right: 10px;}
.rlfSlry-table-wrap > p {font-size: 19px;}

/*환경피해구제 처리절차*/
.proc-table thead th {background: #ddeeef;padding: 14px;font-weight: 700;color: #333;border-bottom: 1px solid #b6e1e4;text-align: center;width: 15%;font-size: 16px;}
.proc-table tbody td {padding: 14px;border-bottom: 1px solid #b6e1e4;color: #666;font-size: 15px;line-height: 1.5;text-align: left;}
.proc-table tbody td span{font-size: 12px;}
.proc-table tbody tr:nth-child(1)> td:nth-child(1), .proc-table tbody tr:nth-child(3)> td:nth-child(1) {padding: 14px;background-color: #f4f5f6;border-bottom: 1px solid #b6e1e4;color: #498585;line-height: 1.5;text-align: center;font-size: 16px;font-weight: 500;}
.proc-table tbody tr:nth-child(1)> td:nth-child(2), .proc-table tbody tr:nth-child(3)> td:nth-child(2) {border-left: 1px solid #b6e1e4;border-right: 1px solid #b6e1e4;}


/* 주요 QNA , 신청구비 서류 (아코디언 UI)*/
.qnaItem, .aplyItem {margin-bottom:6px;padding:0px;cursor:pointer;}
.qnaTitle, .aplyTitle {font-size:18px;font-weight:600;color:#1b98d3;background: #ddedee;display:flex;justify-content:space-between;align-items:center;padding: 15px 20px;}
.qnaTitle > span:nth-child(1) > span:nth-child(2), .aplyTitle > span:nth-child(1) > span:nth-child(2)  {color: #535353;padding-left: 10px;}
.qIcon {width: 20px;height: 20px;background: url(/oneStopSrvc/images/contents/ic_plus.svg) no-repeat center center;background-size: 16px;display: inline-block;cursor: pointer;}
.qIcon.minus {background: url(/oneStopSrvc/images/contents/ic_minus.svg) no-repeat center center;}
.qnaContentBox, .aplyContentBox {max-height: 0;overflow: hidden;padding: 0 20px;background:#f5f5f5;border-top:1px solid #ddd;line-height:1.6;color:#333;transition: max-height 0.35s ease; font-size: 19px}
.qnaContentBox > p, .aplyContentBox > p {font-size: 16px;}
.qnaContentBox.open, .aplyContentBox.open {padding: 16px 20px;}
.qnaContentBox .fs-14px, .aplyContentBox .fs-14px{font-size: 14px;}


.aplyTitle > span > span > img {height: 25px;}

/* (주요Q&A) 테이블 기본 */
.qna-table {margin-top: 16px;border: 1px solid #ddd;overflow: hidden;background: #fff;}
/* 마지막 행 테두리 제거 */
.qna-table table tr:last-child th {border-bottom: none !important;}
.qna-table ul, .plltn-table td ul, .dispt-table td ul {padding: 0;margin: 0;list-style: none;}
.qna-table ul li, .plltn-table ul li, .dispt-table ul li, .proc-table ul li {padding-left: 12px;position: relative;}

.qna-table.relife table {width: 100%;border-collapse: collapse;border-top: 2px solid #00977e;border-bottom: 2px solid #00977e;}
.qna-table.relife table th:nth-child(1) {width: 30%;background: #e0ede9;color: #00977e;font-weight: 700;font-size: 14px;padding: 18px;border-bottom: 1px solid #94c7ba;}
.qna-table.relife table th:nth-child(2) {width: 70%;background: #f8f9fa;color: #555;padding: 18px;border-bottom: 1px solid #94c7ba;border-left: none;border-right: none;text-align: left;font-size: 14px;font-weight: 400;vertical-align: top;}
.qna-table.relife ul li::before {content: "·";position: absolute;left: 0;top: 0;color: #0a9f8c;font-size: 16px;line-height: 1;}

.qna-table.dispt table , .dispt-table.dispt table{width: 100%;border-collapse: collapse;border-top: 2px solid #0067b6;border-bottom: 2px solid #0067b6;}
.qna-table.dispt table tr:nth-child(1) th, .dispt-table.dispt table tr:nth-child(1) th {background: #dce4f3;color: #0067b6;font-weight: 700;font-size: 14px;padding: 18px;border-bottom: 1px solid #0067b6;}
.qna-table.dispt table tr th:nth-child(1), .qna-table.dispt table tr td:nth-child(1),
.dispt-table.dispt table tr th:nth-child(1), .dispt-table.dispt table tr td:nth-child(1){border-right:1px solid #a1bcde; }
.qna-table.dispt ul, dispt-table.dispt ul {font-size: 14px; padding: 10px 30px;}
.qna-table.dispt ul li::before, .dispt-table.dispt ul li::before{content: "·";position: absolute;left: 0;top: 0;color: #0067b6;font-size: 16px;line-height: 1;}


.proc-table ul li::before {content: "·";position: absolute;left: 0;top: 0;color: #0a9f8c;font-size: 16px;line-height: 1;}


/**/
.dispt-table.dispt table tr:nth-child(2) td {font-size: 15px; text-align: center; border-bottom: 1px solid #a1bcde; padding: 10px;}
.dispt-table.dispt table tr:nth-child(3) td {font-size: 15px; text-align: left; padding: 10px 50px;}

/* (신청구비서류) 테이블 기본 */
.aply-table.relief table {width: 100%;border-collapse: collapse;border-top: 2px solid #25b6ba;border-bottom: 2px solid #25b6ba;font-size: 14px;}
.aply-table.relief th {background: #d2f1f2;color: #235f60;text-align: center;font-weight: 700;padding: 12px 0;border-bottom: 1px solid #b4e4e5;border-right: 1px solid #b4e4e5; font-weight: 700;}
.aply-table.relief th:last-child {border-right: none;}
.aply-table.relief td {padding: 14px 10px;text-align: center;border-bottom: 1px solid #e2f4f4;border-right: 1px solid #e2f4f4;color: #333; background-color: #fefefe; font-weight:500;}
.aply-table.relief td a img{height: 30px;}
.aply-table.relief td:first-child {text-align: center;padding-left: 20px;}
.aply-table.relief td:last-child {border-right: none;}
.aply-table.relief .dl-btn {display: inline-flex;align-items: center;border: 1px solid #d0d0d0;padding: 5px 25px;border-radius: 6px;background: #fff;color: #333;font-size: 16px;gap: 6px;text-decoration: none;transition: 0.2s;}
.aply-table.relief .dl-btn:hover {background: #f2f2f2;}


/* 신청구비 서류 (메뉴탭) */
.menu-tabBtn {margin-bottom: 30px;}
.menu-tabBtn .tablinks{font-size: 20px;font-weight: 700;}
.menu-tabBtn.tab-5 .tablinks{width: 20%;}
.menu-tabBtn.tab-5 .tablinks.active, .menu-tabBtn.tab-3 .tablinks.active{background-color: #26b6bb;color:#fff;}

/* 신청 구비 서류 */
.aplyContent {display: none}
.aplyItem .aplyList {list-style: none; margin: 0;padding: 0 0 0 40px;}
.aplyItem .aplyList li {margin-bottom: 14px;}
.aplyItem .aplyList li  .aply-label {font-weight: 700;color: #333;font-size: 16px;display: flex;align-items: center;}
.aplyItem .aplyList li  .aply-label .bullet {color: #F28B00;font-size: 13px;margin-right: 10px;line-height: 1;}
.aplyItem .aplyList li  .aply-desc {color: #666;font-size: 16px;line-height: 1.55;margin-left: 18px;margin-top: 2px;}
.aplyItem .aplyList li  .aply-desc > div > span.bullet {color: #F28B00;font-size: 20px;margin-right: 10px;line-height: 1;}
.aplyItem .aplyList li  .aply-desc > div > div {padding-left: 10px;}


/** 피해구제 연계 서비스 > 환경피해구제 통합지원 안내 */
.integrated-wrap {padding: 20px 10px;color: #111;}
.integrated-wrap .integrated-top {display: flex;align-items: flex-start;gap: 30px;margin-bottom: 0;}
.integrated-wrap .integrated-top .img-box img {width: 230px;margin-bottom: 0px;position: relative;z-index: 2;}
.integrated-wrap .integrated-top .text-box h2 {font-size: 30px;font-weight: 900;margin-top: 5px;margin-bottom: 16px;}
.integrated-wrap .integrated-top .text-box .desc {font-size: 20px;line-height: 1.65;color: #6b6b6b;}
.integrated-wrap .divider {border-bottom: 3px solid #000;margin-top: -12px;margin-bottom: 20px;position: relative;z-index: 1;}

/* 카드 레이아웃 */
.integrated-wrap .integrated-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); gap: 25px;}
.integrated-wrap .card {border: 2px solid #cccccc; padding: 25px;background: #fff;display: flex;flex-direction: column;}
.integrated-wrap .card .card-top{display: flex; gap:10px; font-size: 18px; font-weight: 800; color : #6c89c8}
.integrated-wrap .card .card-top > img {height: 70px; width: 90px;}
.integrated-wrap .card h4 {font-size: 20px;font-weight: 800;margin-bottom: 12px;}
.integrated-wrap .card p {font-size: 17px;line-height: 1.7;color: #6b6b6b; padding: 0 70px; text-align: center; }


.proc-wrap {max-width: 1200px;text-align: left;}
.proc-wrap .divider {border-bottom: 3px solid #000;margin-bottom: 20px;position: relative;z-index: 1;}
.proc-wrap .desc {font-size: 20px; margin-top: 20px;line-height: 1.6;}
.proc-wrap .img-content-wrap {width: 100%; display: flex; justify-content: center}
.proc-wrap .img-content-wrap > img:nth-child(1) {width: 90%;}









/* 환경분쟁조정*/
.cncl-area {margin-top: 20px;font-size: 15px;color: #333;}
.cncl-area .item-block {margin-bottom: 28px;}
.cncl-area .item-block .num-title, #offcncl .cont-text > div.title {font-weight: 700;font-size: 17px;color: #333;margin-bottom: 8px;display: flex;align-items: center;}


/* 상세 리스트 */
.cncl-area .item-block .detail-list {list-style: none;margin: 0;padding: 0 0 0 12px;}
.cncl-area .item-block .detail-list li {position: relative;padding-left: 10px;line-height: 1.6;}
.cncl-area .item-block .detail-list li::before {content: "·";position: absolute;left: 0;top: 2px;color: #333;font-size: 16px;}
.cncl-area .item-block .tip-wrap {margin-top: 10px;display: flex;align-items: flex-start;}
.cncl-area .item-block .tip-box {background: #1b97d1;color: #fff;font-size: 12px;padding: 4px 8px;margin-right: 8px;font-weight: 700;border-radius: 3px;height: fit-content;line-height: 1;}
.tip-text, .tip-text a {color: #1b97d1;line-height: 1.5;font-size: 14px;}



/*(환경분쟁조정-환경분쟁조정) 테이블*/
.plltn-table table {width: 100%;border-collapse: collapse;border-top: 2px solid #26b6bb;border-bottom: 2px solid #26b6bb;}
.plltn-table table td {background: #ffffff;color: #555; padding: 10px;border-bottom: 1px solid #26b6bb; font-size: 14px; text-align: center;}
.plltn-table table tr:nth-child(1) th, .plltn-table table tr:nth-child(4) th{background: #ddeeef;color: #111;font-weight: 700;font-size: 16px;padding: 13px;border-bottom: 1px solid #26b6bb;}
.plltn-table table tr td:nth-child(2){border-left: 1px solid #26b6bb;}
.plltn-table table td ul li {padding-left: 14px;position: relative;line-height: 1.6;}

/*(환경분쟁조정-조정) 테이블*/
.cncl-type-table table {width: 100%;border-collapse: collapse;  border-top: 2px solid #1aa6a0; border-bottom: 2px solid #1aa6a0;}
.cncl-type-table table td {padding: 12px 10px;font-size: 14px;vertical-align: center;}
.cncl-type-table .type-box {text-align: center;padding-top: 10px;margin-top: 8px;font-weight: 700;font-size: 15px;color: #0a9f8c;}
.cncl-type-table .type-icon {width: 80px; margin-right: 10px;}
.cncl-type-table .label {border-left : 2px solid #92dad7;  border-right : 2px solid #92dad7;  font-weight: 700;color: #575555;white-space: nowrap;text-align : center;vertical-align: middle;}
.cncl-type-table tr:nth-child(n+2) td {border-top : 2px solid #92dad7; }
.cncl-type-table .desc {line-height: 1.6;color: #333;}
.tab-content {display: none;}
.tab-content.active {display: block;}



/*********************************************************************
                        반응형 사이즈
********************************************************************** */
@media screen and (max-width: 1600px) {
    .card-list {
        width: 150px;
    }

    .card-list span{
        font-size: 15px;
    }

    .main-visual >  .wrap-inner >  .title-group > a >  img:nth-child(1) {
        width: 320px;
        height: auto;
    }

    .onestop-main .visual-title span {
        font-size: 30px;
    }

    .onestop-main .visual-title strong {
        font-size: 45px;
    }

    .main-page .notice-section .wrap-inner .right-group .top-group .quick-item{
        padding: 0px 40px;
    }

    .main-page .notice-section .wrap-inner .right-group .top-group .quick-item  img {
        width: 80px;
        height: 80px;
    }

    .main-page .notice-section .wrap-inner .right-group .quick-info-box .info-number {
        font-size: 25px;
    }

    .main-page .notice-section .wrap-inner .right-group .quick-info-box .info-list > div:first-child{
        margin-right: 3px;
    }

    .onestop-main .main-visual .wrap-inner {
        padding: 0px 95px;
    }

}


@media screen and (max-width: 1400px) {

    .main-page .notice-section .wrap-inner .right-group .quick-info-box .info-number {
        font-size: 15px;
    }

    .main-page .notice-section .wrap-inner .right-group .quick-info-box .info-list {
        flex-direction: column;
        margin-top: 10px;
        gap : 5px;
    }
    .main-page .notice-section .wrap-inner{
        gap : 20px;
    }
}

@media screen and (max-width: 1200px) {

    .main-page .notice-section .wrap-inner .right-group .top-group .quick-item {
        padding : 0px 20px;
    }

    .main-page .notice-section .wrap-inner .right-group .top-group .quick-item .quick-title{
        font-size: 16px;
    }

    .main-page .notice-section .wrap-inner .right-group .top-group .quick-item  img {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 1023px) {
    /*헤더*/
    .topLayout.researchTop.topBnrHide {
        height: 0px;
    }

    /* 메인 화면*/
    .onestop-main .visual-title span {
        font-size: 25px;
    }

    .onestop-main .visual-title strong {
        font-size: 40px;
    }

    .video-slide .control-btn-group {
        display: none; /* 좌/우 버튼 숨김 */
    }
    .video-slide .swiper-pagination {
        display: flex;
        justify-content: center;
    }

    .video-slide .swiper-pagination-bullet {
        margin: 0 6px;   /* ← 여기 숫자 조절 */
    }

    .video-slide .swiper-pagination {
        position: relative;
        margin-top: 12px;
        text-align: center;
    }

    .title-mb {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        padding: 0 16px;
    }

    .title-mb > a > img { /*중조위 로고*/
        max-height: 45px;
    }

    .title-mb > .image-3d-mb {
        max-height: 150px;
        z-index: 10;
    }

    .onestop-main .main-visual {
        height: auto !important;
        padding-bottom: 0px;
    }

    .onestop-main .title-group {
        margin : 50px auto;
    }


    .menu-content {
        flex-direction: column;
    }

    .menu-content .info-box {
        display: none;
    }

    .wrap-inner .menu-group {
        width: 50%;
        gap:20px;
    }

    .card-list {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 65px;
        gap : 10px;
        justify-content: center;
    }

    .card-list img, .main-page .notice-section .wrap-inner .right-group .top-group .quick-item img {
        width: 65px;
        height: 65px;
    }

    .card-list span{
        position: initial;
        font-size: 18px;
    }

    .main-page .notice-section .wrap-inner .right-group .top-group .quick-item .quick-title {
        font-size: 20px;
    }

    .main-page .notice-section .wrap-inner .right-group .top-group .quick-item {
        padding: 5px 20px;
    }

    .main-page .notice-section .wrap-inner {
        flex-direction: column;
        gap : 10px;
    }

    .main-page .notice-section .wrap-inner .left-group {
        display: block;
    }

    .main-page .notice-section .wrap-inner .right-group .top-group {
        flex-direction: row;
    }

    .notice-section .bottom-group {
        margin : 10px 0px;
        flex-direction: row;
    }

    .main-page .notice-section .wrap-inner .right-group .quick-info-box .info-number {
        font-size: 25px;
    }

}


@media screen and (max-width: 750px) {

    /*환경피해구제 연계 서비스 > 환경피해구제 통합지원 안내*/
    .integrated-wrap .integrated-top .text-box h2 {
        font-size: 20px;
    }
    .integrated-wrap .integrated-top .text-box .desc {
        font-size: 15px;
    }
    .integrated-wrap .integrated-top .img-box img {
        width: 200px;
    }
    .integrated-wrap .card .card-top > img {
        height: 50px;
        width: 70px;
    }
    .integrated-wrap .card p {
        font-size: 15px;
    }
    .integrated-wrap .card .card-top {
        align-items: center;
    }


    /*환경피해구제 연계 서비스 > 환경피해구제 처리절차*/
    .proc-wrap .desc {
        font-size: 15px;
    }

}

@media screen and (max-width: 670px) {

    /*메인페이지*/
    .onestop-main .visual-title span {
        font-size: 20px;
    }

    .onestop-main .visual-title strong {
        font-size: 35px;
    }


    .wrap-inner .menu-group {
        width: 100%;
    }

    .main-page .notice-section {
        padding: 20px 0px;
    }
    .main-page .notice-section .wrap-inner {
        gap: 30px;
    }
    .main-page .notice-section .wrap-inner .right-group .top-group{
        flex-direction: column;
    }
    .main-page .notice-section .wrap-inner .right-group .quick-info-box {
        flex-direction: column;
    }
    .main-page .notice-section .wrap-inner .right-group {
        gap: 15px;
    }


    /*하단 설명*/
    .main-page .notice-section .wrap-inner .right-group .quick-info-box {
        background : none;
        border: none;
        padding: 10px 0px !important;
        box-shadow: none;
    }
    .bottom-group .info-block {
        background: linear-gradient(150deg, #ffffff 0%, #f2f6ff 60%, #dfe8ff 100%);
        padding-left: 35px !important;
        border: 2px solid #eee;
        border-radius: 15px;
        padding: 18px 16px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    }

    .info-block.orange,
    .info-block.purple,
    .info-block.green {
        border-color: #eee !important;
    }

    .info-block {
        position: relative;
        padding-left: 26px;
    }

    .info-block::before {
        content: "";
        position: absolute;
        left: 15px;
        top: 16px;
        bottom: 16px;
        width: 4px;
        border-radius: 4px;
    }

    .info-block.orange::before { background-color: #ff9a2e; }
    .info-block.purple::before { background-color: #8b5cf6; }
    .info-block.green::before  { background-color: #22c55e; }



    /*환경피해구제 연계 서비스 > 환경피해구제 통합지원 안내*/

    .integrated-wrap .integrated-top .img-box img {
        width: 150px;
    }
    .integrated-wrap .card .card-top > img {
        height: 40px;
        width: 60px;
    }
    .integrated-wrap .card p {
        font-size: 12px;
        padding: 0 30px;
    }
    .integrated-wrap .integrated-grid {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}


    /*환경피해구제 연계 서비스 > 환경피해구제 처리절차*/
    .proc-wrap .desc {
        font-size: 10px;
    }

}


@media screen and (max-width: 500px) {


    /*메인페이지*/
    .card-list img, .main-page .notice-section .wrap-inner .right-group .top-group .quick-item img {
        width: 55px;
        height: 55px;
    }

    .title-mb > a > img { /*중조위 로고*/
        max-height: 40px;
    }


    /*환경피해구제 연계 서비스 > 환경피해구제 통합지원 안내*/
    .integrated-wrap .integrated-top .text-box h2 {
        font-size: 15px;
    }
    .integrated-wrap .integrated-top .text-box .desc {
        font-size: 10px;
    }
    .integrated-wrap .integrated-top {
        gap : 0px;
    }
    .integrated-wrap .integrated-top .text-box h2 {
        margin-bottom: 0px;
    }
    .integrated-wrap .divider {
        margin-top: -7px;
    }


}

@media screen and (max-width: 410px) {
    /*메인화면*/
    .title-mb > .image-3d-mb {
        max-height: 120px;
    }

    /*환경피해구제 연계 서비스 > 환경피해구제 통합지원 안내*/
    .integrated-wrap .divider {
        margin-top: 5px;
    }


    /*제도 안내 > tab*/
    .menu-tabBtn.tab-3 button.tablinks {
        font-size: 13px;
    }

    /*제도안내 > 환경분쟁조정 > 환경분쟁 조정이란*/
    .cncl-type-table .type-box >img:nth-child(1) {
        width: 60px;
    }

    .cncl-type-table .type-box > .type-icon {
        display: block;
    }

    .cncl-type-table table > colgroup col:nth-child(1) {
        width: 90px !important;
    }
    .cncl-type-table table > colgroup col:nth-child(2) {
        width: 55px !important;
    }
    .cncl-type-table .type-icon {
        margin-right: 0px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    /* 제도안내 > 환경분쟁 조정이란 > 직권조정 */
    #offcncl .cont-text > div > img {
        width: 340px !important;
    }


    /* (주요Q&A) 테이블 기본   / 제도안내 > 건강피해조사란 > 건강피해조사 테이블*/
    .qna-table, .plltn-table, .dispt-table {table-layout: fixed;}
    .qna-table table tbody tr:first-child th, .plltn-table table tbody tr:first-child th, .dispt-table table tbody tr:first-child th  { word-break: break-all;}
    .qna-table.dispt ul, dispt-table.dispt ul {padding: 7px 8px;}
    .dispt-table.dispt table tr:nth-child(3) td { padding: 10px; }
    .aply-btn-area {padding-left: 0px;}
    .aply-btn-area .aply-btn {margin-left: 0px;}


    /* 제도안내 > 건강피해조사란 > 진행절차 */
    .intro-progress-list ul li {
        width: 120px;
        margin : 20px 139px !important;
    }
    .intro-progress-list ul li dl {
        width: 120px;
        height: 120px;
    }
    .intro-progress-list ul li dt {
        font-size: 15px;
    }
    .intro-progress-list ul li dd {
        font-size: 11px;
    }
    .intro-progress-list ul li p {
        font-size: 11px;
    }

    /*제도안내 > 환경오염 피해구제 > 피해구제의 절차 */
    .intro-find-list ul li {
         padding: 0px;
    }


    /*제도안내 > 환경오염 피해구제 > 구제급여 종류*/
    .rlfSlry-table thead th {
        font-size: 15px;
        word-break: break-all;
    }
    .rlfSlry-table {
        table-layout: fixed;
    }
    .rlfSlry-table tbody tr td:nth-child(1) > img {
        height: 50px;
        margin: 0px
    }
    .rlfSlry-table tbody tr td:nth-child(1) {
        font-size: 15px;
        word-break: break-all;
    }
    .rlfSlry-table tbody td {
        font-size: 15px;
    }
    .rlfSlry-table-wrap > p {
        font-size: 15px;
    }

    /** 제도안내 > 살생물제품 피해구제 > 살생물제품 피해구제란 */
    .circle-flow {
        gap: 5px;
        padding: 0px;
    }
    .circle-item {
        width: 80px;
        height: 80px;
        font-size: 15px;
    }

    .intro-find-list ul li {
        padding: 10px 0px;
    }
    .intro-find-list.dngr ul li h4 {
        width: 140px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .intro-find-list.dngr ul li .biocide-inner {
        padding: 10px 20px;
        width: 210px;
    }



}