@media screen and (max-width: 1800px) {
  /* Header */

  /* Footer */

  /* common */
  .main-aside {top: unset; bottom: 30px; right: 30px; transform: translateY(-50%) translateX(120%); transition: 0.3s ease-in-out;}
  .main-aside.is-on {transform: translateY(-50%) translateX(0px);}
  .main-aside-icon {display: block;}
  .mo-aside-icon {display: block; padding: 11px 10px; border-radius: 50%; position: fixed; background-color: var(--white-color); box-shadow: 0 4px 10px 0 rgba(0,0,0,0.10); z-index: 50; bottom: 20px; right: 30px;}
  .main-aside-title {font-size: 14px;}
  .main-aside-number .aside-tel {font-size: 18px;}
  /* Main */

  /* sub Common */ 
  #top-move {bottom: 76px; right: 30px;}
  .move-top-btn {width: 50px; height: 50px;}

  /* 온라인 교육 > 교육 안내 > 마음구조 SOS */
  .sos-footer-wrap::after {width: 250px;}
} /* End Media */ 

@media screen and (max-width: 1500px) {
  /* Header */
  #header .header-top {display: none;}
  #header.timer-on .header-top {display: block;}
  #header.timer-on .header-top-btn {padding: 9px 0;}
  #header.timer-on .header-top .header-top-google {display: none;}
  .header-logo-link {width: 180px;}
  .header-bottom-menu {height: 85px;}
  #header-menu {display: none;}
  #header .header-menu-icon {gap: 0 15px;}
  .header-menu-mobile-login {display: block;}
  #header .header-icon-img.all-menu-btn {width: 25px;}
  #header .header-icon-img.search-btn {width: 25px;}
  .all-menu {display: none;}
  .mobile-all-menu {display: block; top: 85px;}
  .header-menu-mobile-google {display: flex; align-items: center;}

  /* Footer */
  .footer-bottom {background-color:#282c36; color:#868c98; font-size: 14px;}
  .footer-group-info {flex-direction: column;}
  .footer-info {flex-wrap: wrap;}
  .footer-info-item {padding: 0;}
  .footer-info-item::before {display: none;}

  /* common */
  .wrapper {width: 100%; padding: 0 30px;}
  .contents_wrap {margin-top: 85px;}
  #header.timer-on ~ #contents_dom .contents_wrap {margin-top: 135px;}
  .mo-aside-icon {width: 40px; height: 40px; right: 30px;}
  .main-aside-title {font-size: 12px;}
  .main-aside-number .aside-tel {font-size: 14px;}
  .main-aside-bluebox {font-size: 12px;}
  .main-aside-top-text {padding-bottom: 10px;}
  .main-aside-textbox {padding: 20px 6px 14px;}

  /* sub Common */
  #top-move {bottom: 70px; right: 30px;}
  .move-top-btn {width: 40px; height: 40px;}
  .sb_2menus {display: none;}
  .sb_top_ct {padding: 88px 0;}
  .sub_contents {padding: 80px 0;}
  .depth3-tab-menu {display: flex; gap: 4vw; justify-content: center;}
  .depth3-tab-link:not(:last-child)::before {right: -2vw;}
  .sb_title {font-size: 36px;}
  .sub-section ~ .sub-section {margin-top: 50px;}

  /* Main */
  /* .main-visual-content-search {height: 60px; margin-top: 25px;} */
  .main-visual-content {top: 140px;}
  .h2-title {font-size: 32px;}
  .main-visual-img {min-height: 300px;}
  .visual-img-1, .visual-img-a1 {display: none;}
  .visual-img-2, .visual-img-a2 {display: block;}
  .main-visual-content-notice {margin-top: 25px; padding: 0 30px;}
  .main-visual-content-notice .swiper-container {height: 70px;}
  .main-visual-content-notice .notice-title {margin-right: 30px;}

  .main-dashboard-content {gap: 30px; justify-content: center; padding: 40px 0; align-items: stretch;}
  .main-dashboard-right {display: flex; flex-direction: column; justify-content: space-between; width: calc(57% - 15px);}
  .main-dashboard-right-text {margin-bottom: 20px;}
  .main-dashboard-left {display: flex; flex-direction: column-reverse; justify-content: space-between; width: calc(43% - 15px);}
  .main-dashboard-left-title {margin-top: 20px; margin-bottom: -10px; font-size: 32px;}
  .main-dashboard-left-button-wrap {margin-top: 0; width: 100%; gap: 10px;}
  .main-dashboard-left-button {height: 90px; width: calc((100% - 20px) / 3); padding: 0 10px;}
  .main-dashboard-left-icon {transform: scale(0.9);}
  .main-dashboard-left-text-item {font-size: 14px;}


  .main-check-section-content > div {padding: 0 30px !important; background-size: 40%;}
  .main-check-section-content .text {padding: 40px 0;}
  .main-check-section-content .etc br {display: block;}

  .main-news-content-right {margin-right: 30px;}
  .main-news-content {gap: 20px;}
  .main-news-content-left {margin-left: 0;}
  .main-news-left-text-box {padding: 62px 30px 50px;}
  .main-news-first-etc {max-width: 32.5rem; width: 100%; padding-right: 30px;}
  .main-news-title-text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px;}

  .main-sns-content {gap: 20px;}
  .main-sns-content-left {width: calc(49% - 10px);}
  .main-sns-left-title {width: fit-content; padding-bottom: 0; position: absolute; top: 0; left: 30px;}
  .main-sns-content-right {width: calc(51% - 10px);}
  .main-sns-title {padding-right: 10px;}
  .main-sns-banner-img {gap: 10px;}
  .main-sns-btns {min-width: 82px;}
  .main-govagency-content {margin-bottom: 30px;}

  /* 자가검진·상담 > 개인용 자가검진1 */
  .sub-form-body-box .article-body-item.check-btn, .sub-form-body-box .article-body-item.radio-btn {width: calc((100% / 3) - 12px);}
  .sub-section {margin-top: 0;}

  /* 자가검진·상담 > 개인용 자가검진2 */
  .sub-form-question-number {left: 34px;}
  .sub-form-personal-list:has(.sub-form-question-number) .sub-form-question {padding-left: 10px;}
  .sub-form-row-group .sub-form-question {margin-left: 40px;}
  .sub-form-personal-list-content .article-body-item {width: 88px;}
  .sub-form-personal-list-vertical .article-body-item {width: auto;}
  .form-length-col-5::before {width: 367px;}
  .form-length-col-4::before {width: 264px;}
  .form-length-col-3::before {width: 179px;}
  .form-length-col-2::before {width: 88px;}
  .sub-form-personal-list .sub-form-title {width: calc(100% - 534px); padding-left: 47px;}
  .sub-form-personal-list-content {width: 534px;}
  .sub-form-personal-list-vertical .sub-form-title {width: calc(100% - 290px);}

  /* 자가검진·상담 > 개인용 자가검진4 */
  .sub-form-row-group .sub-form-row {margin-right: 0;}
  #online-writing .sub-form-head {padding: 40px 0 20px;}

  /* 자가검진·상담 채널 > 온라인 상담_글쓰기 */
  #online-detailed .bo_v_back_btn {width: 78px; height: 35px;}

  /* 평가지 */
  #eval .sub-form-radio {width: 100%;}
  #eval .sub-form-personal-list-content .article-body-item {width: 105px;}

  /* 기관소개 > 인사말 */
  .greeting-text-left .title {font-size: 32px;}
  .greeting-text-left .title br {display: block;}
  .greeting-text-right .content {font-size: 17px;}
  .greeting-text-right .master-sign {font-size: 18px;}
  .greeting-text-right .master-name {font-size: 27px;}

  /* 기관 소개 > 연혁 */
  .history-container {grid-template-columns: 40% 60%;}
  .history-container > .left-container {top: 80px; height: calc(100vh - 80px);}
  .history-container .slogan {font-size: 22px;}
  .history-container .years-wrap > .year > a {font-size: 40px;}
  .history-container > .right-container {padding: 20px 30px 50px;}
  .year-title {height: 25px;}

  /* 기관 소개 > 미션 및 비전 */
  :root {--arch-width: 470px; --circle-diameter: 190px; --border-width: 85px; --line-length: 50px;}

  .subvisual-container .t1 {padding-bottom: 20px; font-size: 27px;}
  .subvisual-container .t2 {font-size: 36px;}

  .section-subtitle {min-width: 175px; font-size: 27px;}
  .vision-slogan {font-size: 32px;}

  .vision-content .value-item .circle > strong {font-size: 20px;}

  .card-box {gap: 15px;}
  .card-item {width: calc((100% - 15px * 2) / 3); padding-top: 80px;}

  .card-item .t1 {font-size: 20px;}
  .card-item .t2 {font-size: 20px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 정신건강 홍보대사 「해피바이러스」 */
  #hcb .section-top-textbox.big-textbox {padding: 15px 30px;}
  #hcb .left-text-content {max-width: calc(100% - 130px);}
  #hcb .img-content {width: 120px;}

  .profile-wrap {gap: 20px;}
  .profile-item {gap: 15px; width: calc(50% - 10px);}
  .profile-img-box {width: 130px;}
  .profile-title {margin-bottom: 15px;}
  .profile-name {margin-top: 15px; margin-bottom: 10px; font-size: 20px;}
  .career-title {margin-top: 15px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 기관 캐릭터 「마음채널」 */
  .sub-intro-img-box {padding: 30px 40px;}
  #hcc .sub-intro-img-box {background-position: right 20px center;}
  .intro-left {gap: 15px; max-width: 70%;}

  #hcc .text-box {padding: 27px 54px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 사업소개 */
  :is(#pra, #prb, #sls, #educationchannel) .depth3-tab-menu {gap: 80px;}
  :is(#pra, #prb, #sls, #educationchannel) .depth3-tab-link:not(:last-child)::before {right: -40px;}
  .icon-box-top .title {font-size: 18px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 오시는 길 */
  /* :is(#hcf, #prb) */ .sub-text-box-item {padding: 40px 32px;}
  .text-right-title {font-size: 18px;}

  .left-text-wrap {width: 400px; padding: 10px 30px;}
  .left-title-text {font-size: 17px;}
  .map-link {font-size: 18px;}
  .blue-title {font-size: 20px;}

  /* 정신건강정보 > 정신건강 정보 > 아동청소년 정신건강 */
  .sub-top-head.padding-bottom {padding-bottom: 35px;}
  .depth3-tab-link {font-size: 18px;}
  .blue-title {font-size: 22px;}
  .right-text-wrap {font-size: 14px;}
  .sub-titlebox {font-size: 22px; padding-bottom: 35px;}
  br {display: none;}
  .sub-title-text-item {font-size: 36px;}
  .depth4-move-link, .filter-btn, .depth-link {font-size: 17px;}
  .right-text-wrap {font-size: 15px;}
  .col-gray-box-title {font-size: 17px; padding: 17px 20px;}
  .col-box-text-wrap {font-size: 15px; padding: 28px 20px;}
  .sub-form-etc, .sub-top-etc {font-size: 15px;}
  .gray-title-box {font-size: 17px; padding: 17px 20px;}
  .text-box {font-size: 15px; padding: 28px 20px;}
  .depth4-page-move, .page-filter, .depth-link {height: 40px;}
  #mhinfo .sub-text-box-item {padding: 23px 35px; gap: 28px;}
  .col-text-box, .bottom-txt {padding-left: 16px;}
  .sub-form-head, .sub-top-head {padding-bottom: 15px;}
  .text-box-icon-img {width: 110px; height: 110px;}

  /* 정신건강정보 > 정신건강 정보 > 스트레스 */
  .sub-txt-title {font-size: 18px; padding: 14px 10px;}
  .txt-item-title {font-size: 17px; padding: 17px 20px;}
  .txt-item-df {font-size: 15px;}
  .txt-item-df {padding: 20px 10px;}
  .sub-txt-wrap {gap: 28px;}
  .sub-txt-item ~ .sub-txt-item {margin-top: 12px;}
  .sub-txt-title {margin-bottom: 12px;}
  .bottom-txt {padding-left: 16px;}
  .txt-number {font-size: 14px;}

  /* 정신건강정보 > 정신건강 정보 > 우울 */
  .sub-txtbox-wrap.flex-col {gap: 12px;}
  .sub-txtbox-wrap.flex-col .txt-item-title {padding: 17px 20px;}
  .section-top-textbox.no-img-box .left-head-textbox {margin-bottom: 10px;}

  /* 정신건강정보 > 정신건강 정보 > 불안 */
  .left-head-textbox {font-size: 20px;}
  #mhinfo .left-etc-textbox {font-size: 15px;}
  .section-top-textbox.no-img-box {padding: 25px 25px;}

  /* 정신건강정보 > 정신건강 정보 > 외상후스트레스장애 */
  .sub-text-wrap.min-h .col-gray-box-title {min-height: 76px; padding: 17px 10px;}
  .col-box-text-wrap {padding: 23px 15px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난이란 */
  .right-box-text {font-size: 15px;}
  .bottom-txt-box {font-size: 15px; padding-left: 20px;}
  .list-txt-style {font-size: 14px;}
  .sub-text-box-wrap.flex .bottom-txt {padding-left: 20px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 경험 후 반응 */
  .sub-txtbox-wrap.jc-lef .col-text-box {padding-left: 16px;}
  .sub-txtbox-wrap.jc-lef .txt-item-df {padding: 20px;}
  .txt-cont .top-txt {font-size: 17px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 대응 시스템 */
  .tree-wrap {display: block;}
  .tree-img-box {display: none;}
  .tree-container .title {font-size: 17px;}
  .tree-wrap .border-box.border-radi {font-size: 15px;}
  .tree-wrap .footer-box {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난관련 유관기관 */
  .cluster-box-wrap {gap: 12px;}
  .cluster-container .box-item {width: calc((100% - 36px) / 4); padding: 15px 10px;}
  .sub-top-etc {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 정신건강 통계 */
  .cluster-container .small-title {font-size: 15px;}
  .cluster-container .txt-blue {font-size: 18px; margin-top: 5px;}
  .form-submit-btn, .link-go-btn {font-size: 18px;}
  .cluster-box-wrap.gap-chg {gap: 20px;}
  .cluster-container .box-item.img-box {width: calc((100% - 60px) / 4);}
  .sub-border-box.pct-box .txt-blue {font-size: 18px;}
  .sub-border-box.pct-box .text {font-size: 15px;}
  #mhinfo .link-go-btn {padding: 13px 56px;}

  /* 정신건강정보 > 정신건강 정보 > 자살예방 정보 */
  .bgimg-txt-container {background-color: #efeeec; background-image: none; margin-bottom:-80px; height: auto; padding: 78px 0;}
  .list-box-section {background-color: var(--white-color); border: 5px solid var(--black-color); border-radius: 45px;}
  .bgimg-txt-container .bottom-btns {flex-wrap: wrap;}
  .bgimg-txt-container .btn-style {width: calc((100% - 36px) / 4); flex: none; padding: 15px;}
  .bgimg-txt-container .item-top-title {font-size: 22px; margin-top: 0; padding: 17px 10px;}
  .icon-circ {font-size: 20px; width: 25px; height: 25px; line-height: 25px;}
  .big-txt {font-size: 22px;}
  .bgimg-txt-container .title {font-size: 17px;}
  .bgimg-txt-container .txt-blue {font-size: 22px;}
  .bgimg-txt-container .txt-etc {font-size: 15px;}
  .bgimg-txt-container .list-content-wrap {margin-top: 30px; gap: 15px;}
  .bgimg-txt-container .article-txt-box {padding: 23px 10px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 최근 5년간 자살률 추이 */
  .top-menu-chart {gap: 12px;}
  .sub-section.textbox .title {font-size: 17px;}
  .sub-section.textbox .text {font-size: 15px;}
  .chart-text {font-size: 15px;}
  .chart-title {font-size: 18px;}
  .graph-title {font-size: 18px;}
  .chart-list-cont {font-size: 15px; overflow-x: auto;}
  .table-tag {font-size: 14px; width: 58px; height: 27px; line-height: 27px;}
  .sub-section.textbox .left-text-content {gap: 12px;}
  .chart-menu-box {padding: 20px 10px;}
  .top-menu-chart {gap: 10px;}
  .chart-container {padding: 30px;}
  .chart-article {margin-top: 30px;}
  .chart-table-box .th {padding: 10px 5px;}
  .chart-table-box td {padding: 10px 5px;}
  .chart-container.list1 .chart-list-cont {overflow-x: auto;}
  .chart-container.list1 .chart-list {min-width: 1124px;}
  .chart-container.list1 .chart-table-box::before {display: block;}
  .chart-title.margin-t {margin-top: 26px !important;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 성별 비교 */
  .chart-table-box.tbody-p tbody td {padding: 10px 5px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 >월별 사망자 비교 */
  .chart-container.list3 .chart-list-cont {overflow-x: auto;}
  .chart-container.list3 .chart-list {min-width: 1040px;}
  .chart-container.list3 .chart-table-box::before {display: block;}
  .tbody-th-title {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 연령대 사망자 비교 */
  .chart-container.list4 .chart-list-cont {overflow-x: auto;}
  .chart-container.list4 .chart-list {min-width: 1100px;}
  .chart-container.list4 .chart-table-box::before {display: block;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 지역별 자살률 */
  .chart-img-box .tag {font-size: 13px;}
  .chart-img-box .text {font-size: 13px;}
  .chart-img-box .tag-item.circle-item {font-size: 13px;}

  /* 정신건강정보 > 정신건강 정보 > 지역 정신건강 기관 안내 */
  #institutionInfo .right-agency-map {padding: 18px 25px;}
  .list-col-4 .list-row-title:nth-of-type(1), .list-col-4 .list-row-text:nth-of-type(1) {width: 240px;}
  .list-col-4 .list-row-text:nth-of-type(2) {justify-content: flex-start; text-align: left;}
  .list-col-4 .list-row-title:nth-of-type(3), .list-col-4 .list-row-text:nth-of-type(3) {width: 240px;}
  .list-col-4 .list-row-title:nth-of-type(4), .list-col-4 .list-row-text:nth-of-type(4) {width: 85px;}

  .list-col-5 .list-row-title:nth-of-type(1), .list-col-5 .list-row-text:nth-of-type(1) {width: 185px;}
  .list-col-5 .list-row-title:nth-of-type(2), .list-col-5 .list-row-text:nth-of-type(2) {width: 185px;}
  .list-col-5 .list-row-text:nth-of-type(3) {justify-content: flex-start; text-align: left;}
  .list-col-5 .list-row-title:nth-of-type(4), .list-col-5 .list-row-text:nth-of-type(4) {width: 185px;}
  .list-col-5 .list-row-title:nth-of-type(5), .list-col-5 .list-row-text:nth-of-type(5) {width: 85px;}
  .list-col-3 .list-row-text:nth-of-type(2) {justify-content: flex-start; text-align: left;}
  .list-col-3 .list-row-title:nth-of-type(1), .list-col-3 .list-row-text:nth-of-type(1) {width: 277px;}
  .sub-font-style {font-size: 15px;}
  .left-con-btn {font-size: 17px; height: 60px;}
  .list-content-title {font-size: 18px;}
  #institutionInfo .sub-list-wrap {font-size: 15px;}
  .list-icon.icon-on::before {font-size: 18px;}
  #institutionInfo .left-content-btns {gap: 15px 25px; padding-top: 25px;}
  .left-con-btn {width: calc((100% - 25px) / 2);}
  #institutionInfo .left-text-content {padding: 50px 0 50px 60px;}
  #institutionInfo .sub-titlebox {margin-bottom: 15px;}
  #institutionInfo .left-text {margin-bottom: 27px;}
  .list-row-text {padding: 14px 10px;}
  .list-row-title {padding: 8px 10px;}
  
  /* 정신건강정보 > 정신건강 정보 > 지역 정신건강 기관 안내 > 팝업 */
  #institutionInfo .head-text ~ .head-text {margin-top: 8px;}
  #institutionInfo .head-title {font-size: 18px;}
  #institutionInfo .head-text {font-size: 15px;}
  #institutionInfo .bod-left-title {font-size: 15px;}
  #institutionInfo .body-row {font-size: 15px;}
  #institutionInfo .pop-wrap {padding: 33px 30px;}
  #institutionInfo .header-box {padding: 14px 19px 14px 30px;}
  #institutionInfo .head-title {margin-bottom: 10px;}
  #institutionInfo .head-addr {margin-bottom: 20px;}
  #institutionInfo .body-box {margin-top: 30px;}
  #institutionInfo .body-row {gap: 15px;}
  #institutionInfo .bod-left-title {padding: 0 20px; height: 30px;}
  #institutionInfo .body-row ~ .body-row {margin-top: 24px;}
  #institutionInfo .foot-box {margin-top: 25px;}
  #institutionInfo .pop-close-btn {font-size: 20px;}
  #institutionInfo .head-text .title.w-size {margin-right: 28px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 유족 정보 제공 */
  .top-menu-chart:has(.chart-menu-box:nth-child(6)) .chart-icon-box {width: 100%;}
  .main-item-title {font-size: 18px;}
  .chart-article.list-article {padding: 30px 45px;}
  #sls .bold-title {font-size: 17px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 애도 */
  #sls .text-box-img {width: 120px;}
  #sls .step-tag {font-size: 18px; width: 90px;}
  #sls .sub-border-box.pct-box .blue-title {font-size: 22px; margin-bottom: -6px;}
  #sls .sub-border-box.pct-box .sub-text-box-item {padding: 20px 35px;}
  #sls .sub-border-box.pct-box .right-text-wrap {margin-top: 13px;}
  #sls .col-gray-box.first-list .group-txt-box .sub-txt-item:first-child {margin-top: 15px;}
  #sls .sub-item-section.min-h .sub-txt-item {min-height: unset;}
  #sls .sub-item-section.min-h .sub-txt-item .txt-item-df {padding: 25px 10px;}
  #sls .sub-container.img-text-box {gap: 25px;}

  #sls .sub-text-box-item {padding-top: 20px; padding-bottom: 20px;}
  #sls .sub-container.img-text-box .article-content {padding: 10px 20px;}
  #sls .sub-container.img-text-box .left-title {width: calc(100% - 90px); font-size: 17px;}
  #sls .sub-container.img-text-box .right-img {width: 85px;}
  #sls .arrow-list .arrow-list-container {gap: 20px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 상록수 */
  #evg .section-top-textbox {padding: 25px 60px 25px 40px;}
  #evg .left-head-textbox {margin-bottom: 12px;}
  #evg .text-box.border-radi {padding: 25px 40px;}
  #evg .chart-article {gap: 35px;}
  #evg .chart-article.list-article {padding: 35px 30px;}
  #evg .chart-article.list-article .top-list {padding-bottom: 20px; margin-bottom: 20px;}
  #evg .bottom-wrap {margin-top: 24px;}
  #evg .gray-arrow {width: 50px;}
  #evg .top-title {font-size: 22px;}
  #evg .top-sub-title {font-size: 20px; margin-top: 12px; margin-bottom: 30px;}
  #evg .title-tag {font-size: 20px;}
  #evg .contact-text {font-size: 17px;}

  /* 참여마당 > 교육·행사 신청/확인 */
  .sub-content-wrap {gap: 30px 20px;}
  .sub-content-item {padding: 20px; width: calc((100% - 40px) / 3);}

  .badge-box {margin-top: 20px; margin-bottom: 10px;}
  .con-title {font-size: 18px; margin-bottom: 10px;}
  .con-text-article ~ .con-text-article {margin-top: 5px;}
  .con-box-text {width: calc(100% - 74px); margin-left: 10px;}
  .con-btn-link {font-size: 17px; padding: 10px;}

  /* 참여마당 > 교육·행사 신청/확인 > 상세 */
  .titlebox-sub {font-size: 18px;}

  /* 참여마당 > 교육·행사 신청/확인 > 신청 조회 */
  #education .list-row-title {font-size: 17px;}

  /* 참여마당 > 마음톡톡버스 신청/확인 */
  #bus .sub-intro-img-box {background-size: auto 80%;}
  .calendar-wrap {gap: 20px;}
  .calendar-wrap .calendar-content {padding: 30px 40px;}
  .calendar-wrap .left-content {flex: 0 1 600px;}
  .date-tag-wr {top: 75px;}
  .fc .fc-toolbar-title {font-size: 22px;}

  .fc .fc-toolbar.fc-header-toolbar {margin-bottom: 70px;}

  #bus .sche-textbox {margin-bottom: 30px;}
  .sche-wrap {max-height: 500px;}
  .sche-item {padding: 20px 5px;}
  .sche-title-box {margin-bottom: 15px;}
  .sche-top-title {font-size: 18px;}
  #bus .footer-text {margin-top: 30px;}
  #bus .text-box.border-radi {padding: 30px 40px;}
  .img-box-container .top-tag-title {width: max-content; padding: 5px 20px;}

  #bus .arrow-list .arrow-list-container {gap: 5px;}
  #bus .arrow-list .arrow-list-item {min-width: fit-content;}
  .arrow-list .arr-list-text br {display: block;} 
  
  /* 참여마당 > 기관방문안내 */
  #visitInfo .sub-form-title {font-size: 17px;}

  /* 온라인 교육 > 교육 안내 > 자살예방교육 */
  .sub-top-head.link .head-icon-box {font-size: 19px;}

  /* 온라인 교육 > 교육 안내 > 마음구조 SOS */
  .text-con-box .head-textbox {font-size: 22px;}
  .text-con-box .big-text {font-size: 25px;}
  #educationchannel .section-top-textbox {padding: 17px 50px;}

  .img-list-container {gap: 25px;}
  .img-list-container .img-article {width: 400px;}
  .img-list-container .list-article {width: calc(100% - 425px);}

  .sos-footer-container {padding: 72px 20px 80px;}
  .sos-footer-wrap {min-height: unset; padding: 20px; background: #ffffff; border: 2px solid #333333; box-shadow: 7px 7px 0 #ffffff, 7px 7px 0 2px #333333;}
  .sos-footer-wrap::after {display: none;}
  .sos-footer-container::before, .sos-footer-container::after {width: 49px;}

  .sos-footer-container .tag {font-size: 17px; padding-left: 40px; padding-right: 40px; margin-bottom: 18px;}
  .sos-footer-container .img-title {width: 300px; margin-bottom: 30px;}
  .sos-footer-container .line {margin: 30px 0;}
  .sos-footer-container .title-con-box {font-size: 22px; margin-bottom: 20px;}
  .sos-footer-container .con-item-wrap {gap: 15px;}
  .sos-footer-container .con-item {max-width: unset; padding: 9px 15px 22px;}
  .sos-footer-container .text-img {height: 35px;}
  .sos-footer-container .item-txt-title {font-size: 18px;}
  .sos-footer-container .bottom-con-box {margin-top: 40px;}
  .sos-footer-container .bottom-con-box .title-img {width: 160px;}

  .sos-footer-container .bottom-chart-wrap {justify-content: space-between; gap: unset;}
  .donut-gauge {width: 140px;}
  .donut-text {font-size: 17px;}
  #educationchannel .chart-text {margin-bottom: 5px;}
  .sos-footer-container .arrow-img {width: 15px;}

  .sos-footer-container .form-submit-btn.width {width: 260px;}

  /* 온라인 교육 > 교육 수강 > 신청 */
  .img-txt-link-container .img-txt-link-box {padding: 20px 25px;}
  .img-txt-link-container .img-box {width: 300px;}
  .img-txt-link-container .txt-box-item {width: calc(100% - 300px - 120px - 40px); margin: 0 10px 0 30px;}
  .img-txt-link-container .title {margin-bottom: 15px; font-size: 18px;}
  .img-txt-link-container .txt-box ~ .txt-box {margin-top: 5px;}
  #educationchannel .blue-btn {font-size: 18px;}

  /* 온라인 교육 > 교육 수강 > 자살예방 인식도 퀴즈(사후)-오답풀이 */
  .list-con-exp {padding: 27px 40px;}

  /* 온라인 교육 > 나의 강의실 */
  .summary-icon {font-size: 32px;}
  .summary-title {font-size: 17px;}
  .summary-count {font-size: 22px;}

  #mypage-list .list-row-title:nth-of-type(2), #mypage-list .list-row-text:nth-of-type(2) {width: 120px;}
  #mypage-list .list-row-title:nth-of-type(3), #mypage-list .list-row-text:nth-of-type(3) {width: 120px;}
  #mypage-list .list-row-title:nth-of-type(4), #mypage-list .list-row-text:nth-of-type(4) {width: 120px;}
  #mypage-list .list-row-title:nth-of-type(5), #mypage-list .list-row-text:nth-of-type(5) {width: 120px;}
  #mypage-list .list-row-title:nth-of-type(6), #mypage-list .list-row-text:nth-of-type(6) {width: 120px;}
  #mypage-list .list-row-title {font-size: 17px;}
  #mypage-list .list-row-text {padding: 10px 15px;}
  #mypage-list .list-row-text.blue {font-size: 17px;}

  /* 통합검색 */
  .search-result-cnt {font-size: 18px;}
  .search-result-section-top .title {font-size: 18px;}
  .search-result-item-title {font-size: 17px;}

  /* 2026-03-31 인트로 페이지 추가 */
  .intro-content {height: calc(100% - 50px);}
  .intro-head {margin-bottom: 30px;}
  .intro-text .text-img {width: 360px; margin: 0 auto; margin-bottom: 20px;}
  .intro-cards {gap: 30px;}
  .intro-card {width: 300px;}
  .intro-text .text {font-size: 24px;}
  .intro-card-info {height: 180px; padding: 10px;}
  .intro-card-name {font-size: 20px; margin-bottom: 16px;}
  .intro-card-btn {width: 160px; height: 40px; font-size: 16px; padding-right: 30px;}
  .intro-card-btn .round {width: 30px;}
  .intro-footer {height: 50px; font-size: 15px;}

} /* End Media */

@media screen and (max-width: 1023px) {
  /* Header */
  .header-logo-link {width: 170px;}
  /* #header .header-login-in {display: none;} */
  #header .header-bottom {height: 80px;}
  .header-bottom-menu {height: 80px;}
  #header .header-top-google {width: 30px;}
  .mobile-all-menu {top: 0px; z-index: 30; background-color: var(--white-color);}
  .mobile-all-menu > .wrapper > .sub-menu {overflow: scroll; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 0px 20px 30px; border-radius: 0;}
  .mobile-login-out {position: sticky; top: 0; z-index: 20; display: block; padding-right: 0; padding: 30px 0 10px; background-color: var(--white-color);}
  .mobile-login-out .mobile-loge-name {display: flex; justify-content: flex-start;}

  /* 모바일 로그인 버튼 */
  .mobile-menu-btn-wrap {justify-content: center; padding-top: 20px;}
  .mobile-menu-btn {width: 100%; padding: 6px 0; text-align: center;}
  .mobile-all-menu > .wrapper > .sub-menu {padding-left: 0; padding-right: 0;}
  .mobile-login-out {padding-left: 20px; padding-right: 20px;}
  .mobile-all-menu .depth1 {flex-direction: column;}
  .mobile-all-menu .depth1 > li {width: 100%; padding: 0 20px 15px; border-bottom: 1px solid var(--line-color); border-right: none;}
  .mobile-all-menu .depth1 > li:last-child {border-bottom: none;}
  .mobile-all-menu .depth1 > li > .mo-depth1-btn {color: var(--point-color); font-size: 20px; text-align: left;}
  .mobile-all-menu .depth2 > li > .mo-depth2-btn {font-size: 16px;}
  .mobile-all-menu .depth2 > li > a {font-weight: 400; font-size: 16px;}
  .mobile-all-menu .depth3 {display: none; padding: 15px; border-radius: 8px; background-color: rgb(245, 245, 245);}
  .mobile-all-menu .depth3 > li {margin-top: 0;}
  .mobile-all-menu .depth3 > li ~ li {margin-top: 10px;}
  .mobile-all-menu .depth3 > li > a {font-size: 15px; color: rgb(48, 48, 48);}
  .mo-close-btn-icon {display: flex; justify-content: flex-end;}
  .mo-close-btn {position: relative; width: 30px; height: 30px; background-color: transparent; border: none;}
  .mo-close-btn .bar::before {content: ""; display: block; width: 100%; height: 3px; position: absolute; top: 50%; transform: rotate(45deg); background-color: var(--black-color);}
  .mo-close-btn .bar::after {content: ""; display: block; width: 100%; height: 3px; position: absolute; top: 50%; transform: rotate(-45deg); background-color: var(--black-color);}

  /* Footer */
  .footer-top-menu {font-size: 16px; padding: 20px 0;}
  .footer-bottom-inner {flex-direction: column; padding: 30px 0 40px;}
  .footer-logo {width: 200px; padding-bottom: 20px;}

  /* common */
  body::after {content: "mobile"; display: none;}
  .contents_wrap {margin-top: 80px;}
  #header.timer-on ~ #contents_dom .contents_wrap {margin-top: 130px;}
  .wrapper {padding: 0 20px;}

  .main-aside {right: 20px;}
  .mo-aside-icon {right: 20px;}
  .main-aside-title {font-size: 12px;}
  .main-aside-number .aside-tel {font-size: 14px;}
  .main-aside-bluebox {font-size: 12px;}
  .main-aside-top-text {padding-bottom: 10px;}
  .main-aside-textbox {padding: 20px 6px 14px;}

  /* sub Common */
  #top-move {right: 20px;}
  .breadcrumb {font-size: 12px;}
  .sb_title {font-size: 30px;}
  .sb_top_ct {padding: 57px 0 57px;}
  .sub_contents {padding: 60px 0;}
  .bc-home {margin-bottom: 2px; transform: scale(0.9);}
  .depth3-tab-menu {display: flex; gap: 3vw; justify-content: center;}
  .depth3-tab-link:not(:last-child)::before {right: -1.5vw;}
  .depth4-page-move, .page-filter, .depth-link {height: 38px;}
  .depth4-move-link, .filter-btn, .depth-link {line-height: 38px;}
  .sub-section ~ .sub-section {margin-top: 40px;}

  /* Main */
  /* .main-visual-content-search {height: 50px; margin-top: 44%;} */
  /* .main-visuaal-search-btn-item {height: 30px;} */
  /* .main-visual-content-keyword {margin-top: 10px;} */
  .main-visual-content {top: 52vw;}
  .main-visual-content-notice .swiper-container {width: 100%;}
  .main-visual-content-notice .notice-title {font-size: 16px; height: 30px; line-height: 30px;}
  .main-visual-content-notice .notice-title-item {font-size: 14px;}
  .main-visual-content-notice .notice-date {font-size: 12px;}
  .main-visual-img {min-height:0; height: 72vw;}
  .visual-img-2, .visual-img-a2 {display: none;}
  .visual-img-3, .visual-img-a3 {display: block;}

  .main-dashboard-content {padding: 50px 0; display: block;}

  .main-dashboard-left {width: 100%; display: block; margin-bottom: 30px;}
  .main-dashboard-left-title {font-size: 32px; margin: 0;}

  .main-dashboard-left-button-wrap {margin-top: 10px; justify-content: space-between;}
  .main-dashboard-left-button {height: 100px; width: calc((100% - 20px) / 3);}
  .main-dashboard-left-icon {transform: scale(0.9);}
  .main-dashboard-left-text-item {font-size: 14px;}
  .main-dashboard-right-titel {font-size: 24px;}

  .main-dashboard-right {width: 100%;}
  .main-check-section-content > div {padding: 0 20px !important;}
  .main-check-content-right {background-position: right bottom 5%;}
  .main-check-section-content .text {padding: 30px 0;}
  .pre-reg-font {font-size: 16px; padding-right: 10px;}
  .main-check-link {font-size: 14px;}
  .main-check-content-left {background-position-y: bottom 10%;}
  .main-news-content {flex-direction: column; gap: 40px; padding-top: 80px;}
  .main-news-left-text-box {min-width: 100%;}
  .main-news-content-left {width: 100%;}
  .main-news-content-right {width: 100%; padding-right: 20px;}

  .main-sns-content {display: block;}
  .main-sns-content-left {width: 100%;}
  .main-sns-slider-link {width: 50%; aspect-ratio: 1 / 1;}
  .main-sns-bottom-img {width: 100%; height: 100%;}
  .main-sns-section {padding: 50px 0 50px;}
  .main-sns-section .swiper-container {max-width: 100%;}
  .main-sns-content-right {width: 100%; margin-top: 30px;}
  .main-sns-left-title {margin-bottom: 20px; width: 100%; position: static; justify-content: space-between;}
  .main-sns-btns {justify-content: flex-end;}
  .main-sns-top-icon {padding-bottom: 20px; justify-content: flex-start;}

  .main-govagency-btns button {width: 30px; height: 30px;}
  .main-govagency-content .swiper-container {height: 50px;}
  .main-govagency-slide {margin-top: 15px;}

  /* 자가검진·상담 > 개인용 자가검진1 */
  .sub-title-text-item {font-size: 30px;}
  .sub-form-etc {font-size: 14px;}
  .form-body-textbox-check {font-size: 14px;}
  .form-body-textbox-check input[type=checkbox] + label::before {width: 16px; height: 16px; background-size: 65%;}
  .form-body-textbox-check input[type=checkbox] + label {padding-left: 20px;}
  #personal .article-body-item input[type=checkbox] + label, #personal .article-body-item.radio-btn input[type=radio] + label, #organization .article-body-item input[type=checkbox] + label, #organization .article-body-item.radio-btn input[type=radio] + label {font-size: 16px; padding-right: 10px;}
  .sub-form-body-box .article-body-item.check-btn, .sub-form-body-box .article-body-item.radio-btn {width: calc((100% / 2) - 10px);}
  .sub-section {margin-top:0;}
  .sub-form-body-box {padding: 34px 30px;}
  .article-body-item {font-size: 14px;}
  .sub-form-title {padding: 16.5px 0;}
  .form-body-textarea {padding: 25px;}
  .form-submit-btn, .link-go-btn {font-size: 18px;}
  .form-submit-btn, .link-go-btn {font-size: 16px; padding: 14px 100px;}
  .sub-form-body-box .sub-body-wrap {gap: 19px 18px;}
  .sub-body-text {font-size: 20px;}
  .sub-form-head, .sub-top-head {padding-bottom: 12px;}


  /* 자가검진·상담 > 개인용 자가검진2 */
  .sub-body-button-text {padding: 5px 0; width: 80px;}
  .sub-form-personal-list-content input[type=radio] + label {font-size: 13px;}
  .sub-form-personal-list .sub-form-question {font-size: 16px;}
  .sub-list-box {font-size: 16px;}
  .sub-form-h1 {font-size: 16px;}
  .sub-form-personal-list-vertical .article-body-item {width: auto;}

  .sub-form-personal-list .sub-form-personal-list-content {width: 100%;}
  .sub-form-personal-list .sub-form-radio {width: 100%;}
  .sub-form-personal-list-vertical .sub-form-title {width: calc(100% - 290px);}
  .sub-form-personal-list-content .sub-form-radio {justify-content: flex-start;}
  .sub-form-row.sub-row-padding {display: flex; flex-direction: column;}
  .sub-form-personal-list .sub-form-title {width: 100%;}
  .sub-form-personal-list-content {width: 100%; display: flex; margin-top: 15px;}
  .sub-form-personal-list-vertical .sub-form-title {width: 100%;}
  .sub-form-personal-list-vertical .sub-form-content {width: 100%;}
  .sub-form-personal-list-vertical .sub-form-content .sub-form-radio {padding-left: 54px;}
  .sub-form-footer {text-align: left;}
  .article-item-select {height: 38px;}
  .sub-form-personal-list-content .article-body-item {width: calc(20% - 5px);}
  .form-length-col-5::before {width: 74%; left: 50%; transform: translateX(-50%);}
  .form-length-col-4::before {width: 55%; left: 13%;}
  .form-length-col-3::before {width: 36%; left: 13%;}
  .form-length-col-2::before {width: 18%; left: 13%;}
  .sub-form-question-number {font-size: 14px;}

  /* 자가검진·상담 > 개인용 자가검진3 */
  .complete-page .verification-icon-img {width: 165px;}

  /* 자가검진·상담 > 단체용 자가검진1 */
  .left-head-textbox {font-size: 20px;}
  .left-etc-textbox {font-size: 14px;}
  .right-img-content {width: 153px; height: 117px;}
  #organization .left-text-content {width: calc(100% - 117px);}
  .popup-text {font-size: 16px;}
  .pop-button {font-size: 14px;}
  .code-popup-box {padding: 20px 24px; max-width: 308px;}
  .popup-text {padding-bottom: 13px;}
  .code-popup-box .popup-input {margin-bottom: 17px;}

  /* 자가검진·상담 > 단체용 자가검진2 */
  .user-verification {padding: 32px 0;}
  .verification-head-title {font-size: 23px; padding-bottom: 16px;}
  .verification-etc {font-size: 18px;}
  .user-verification .verification-icon-img {width: 238px; margin-bottom: 30px;}
  .user-verification-btn {font-size: 18px;}
  .sub-body-list {padding: 7px 25px;}
  .sub-body-list ~ .sub-body-list {margin-top: 8px;}

  /* 자가검진·상담 > 단체용 자가검진4 */
  .sub-form-head, .sub-top-head {text-align: left;}
  .sub-form-title.paddin-top-bottom .sub-form-title-etc {width: 100%;}
  .row-item-title-text {font-size: 16px;}

  /* 자가검진·상담 > 에러 페이지 */
  .error-icon-img {width: 151px; height: 153px;}

  /* 자가검진·상담 > 온라인 상담-리스트 */
  .online-img-content {min-width: 159px; height: 151px;}
  .small-text-btn-a {font-size: 18px; padding: 8px 0; width: 95px;}
  #online-list .tbl-head-text thead th {padding: 10px 15px; font-size: 16px;}
  #online-list .text {font-size: 14px; text-align: left;}
  #online-list .tbl-head-text .mark-box {font-size: 14px; width: 68px; height: 26px;}
  #online-list .td-title {padding: 10px 18px;}
  #online-list .tbl-head-text thead {display: none;}
  #online-list .tbl-head-text .td-num , #online-list .tbl-head-text .td-name, #online-list .tbl-head-text .td-date, #online-list .tbl-head-text .td-btn {display: none;}
  .mo_contents {display: block;}
  #online-list .tbl-head-text .td-title {border-right: none;}
  #online-list .td-title-list-td .text {font-weight: 500; font-size: 16px; margin-bottom: 14px;}
  #online-list .colgroup-col1 {width: 100%;}
  #online-list .colgroup-col3 {width: 0px;}
  #online-list .colgroup-col4 {width: 0px;}
  #online-list .colgroup-col5 {width: 0px;}
  #online-list .name-date-box {display: flex; gap: 30px; margin-bottom: 8px;}
  #online-list a.btn, .btn {padding: 0;}
  #online-list .name-date-box .name {position: relative;}
  #online-list .name-date-box .name::before {content: ""; display: block; width: 1px; height: 10px; background-color: var(--gray-color); position: absolute; left: calc(100% + 12px); top: 50%; transform: translateY(-50%);}
  a.btn, .btn {height: auto;}

  /* 자가검진·상담 > 온라인 상담-디테일 */
  #online-detailed .sub-form-title {font-size: 14px; width: 139px;}
  #online-detailed .sub-form-text {font-size: 14px;}
  #online-detailed .sub-form-title {padding: 5px 0;}
  #online-detailed .bo_v_back_btn {font-size: 12px; width: 57px; height: 31px; line-height: 31px;}
  #online-detailed .title-text {font-size: 18px;}
  #online-detailed .comment-icon {font-size: 18px;}
  #online-detailed .comment-top-text {font-size: 14px;}
  #online-detailed .content-bottom {font-size: 14px;}
  #online-detailed .content-top-right {font-size: 14px;}

  /* 결과지 */
  #result .top-title {font-size: 18px;}
  #result .bold_title {width: 120px; font-size: 17px;}

  #result .article-right {max-width: calc(100% - 85px - 35px);}
  #result .left-icon {width: 85px;}
  #result .right-title {margin-bottom: 10px; font-size: 20px;}

  #result .item-level {margin-top: 50px;}
  #result .result-data-content {margin-bottom: 50px;}
  #result .bar-graph-text {font-size: 15px;}

  #result .result-floor-wrap {padding-top: 50px;}
  #result .floor-text-box {font-size: 17px;}
  #result .floor-textbox-text ~ .floor-textbox-text {margin-top: 30px;}

  #result .link-title {margin-bottom: 30px; font-size: 22px;}
  #result .link-box {gap: 12px;}
  #result .link-box-item {width: calc((100% - 12px * 3) / 4);}
  #result .link-icon {font-size: 22px;}
  #result .link-item-title {font-size: 14px;}

  #result .clock24-icon {width: 55px;}
  #result .service-left-title .left-title {padding-left: 10px; font-size: 18px;}
  #result .service-right-textbox {width: calc(100% - 230px); justify-content: space-between;}
  #result .icon-box i {font-size: 20px;}
  #result .icon-tel {margin-top: 5px;}
  #result .tel-link {font-size: 18px;}
  #result .result-floor-bg {margin-top: 100px;}

  /* 평가지 */
  #eval .eval-top-title {font-size: 16px;}
  #eval .eval-top-text {font-size: 16px;}
  #eval .print-btn {padding: 6px 22px; margin-bottom: 18px;}
  #eval .sub-form-question {font-size: 16px;}
  #eval .sub-form-title.radio-col2, #eval .sub-form-title.radio-col3, #eval .sub-form-title.radio-col4, #eval .sub-form-title.radio-col5, #eval .sub-form-content.radio-col2, #eval .sub-form-content.radio-col3, #eval .sub-form-content.radio-col4, #eval .sub-form-content.radio-col5 {width: 100%;}
  #eval .sub-form-personal-list-content {margin-top: 0;}
  #eval .sub-form-radio {padding-bottom: 16px;}
  #eval .item-footer-text {text-align: left;}
  #eval .sub-form-personal-list-content .article-body-item {width: calc((100% / 5) - 4px);}
  #eval .sub-form-content.radio-col2 .sub-form-radio::before {width: 18%; left: 13%;}
  #eval .sub-form-content.radio-col3 .sub-form-radio::before {width: 37%; left: 13%;}
  #eval .sub-form-content.radio-col4 .sub-form-radio::before {width: 55%; left: 13%;}
  #eval .sub-form-content.radio-col5 .sub-form-radio::before {width: 74%; left: 13%;}

  /* 기관소개 > 인사말 */
  .greeting-text {display: block;}
  .greeting-text-left {width: 100%; margin-bottom: 30px;}
  .greeting-text-left .title {font-size: 26px;}
  .greeting-text-right {width: 100%;}
  .greeting-text-right .content {font-size: 17px;}
  .greeting-text-right .master-sign {margin-top: 30px; font-size: 17px;}
  .greeting-text-right .master-name {font-size: 22px;}

  /* 기관소개 > 운영체계 */
  .wrapper:has(.os-img) {overflow-x: scroll;}
  .os-img {width: 1000px;}
  .os-img::before {content: '← 좌우 드래그로 이미지 내용 확인 →'; display: block; margin-bottom: 4px; color: #666666; text-align: left;}

  /* 기관 소개 > 연혁 */
  .history-container {grid-template-columns: 30% 70%;}
  .history-container .slogan {font-size: 20px;}
  .history-container .slogan br {display: block;}
  .history-container .years-wrap > .year > a {opacity: 0.35; color: #ffffff; -webkit-text-stroke: unset; font-size: 30px;}
  .history-container .years-wrap > .year.on > a {opacity: 1;}

  .history-bundle-item ~ .history-bundle-item {margin-top: 40px;}
  .history-year-item ~ .history-year-item {margin-top: 40px;}
  .year-title {margin-bottom: 30px; height: 22px;}
  .history-item {grid-template-columns: 52px 1fr;}
  .history-item > .text > li {font-size: 15px;}
  .history-item > .text > li ~ li {margin-top: 5px;}

  /* 기관 소개 > 미션 및 비전 */
  :root {--arch-width: 60vw; --circle-diameter: 20vw; --line-length: -70px;}

  .subvisual-container {padding: 10px; border-radius: 9px;}
  .subvisual-container .t1 {padding-top: 10px; padding-bottom: 10px; font-size: 22px;}
  .subvisual-container .t1::before {width: 45px;}
  .subvisual-container .t2 {font-size: 32px;}

  .section-subtitle {margin: 0 auto 25px; min-width: 140px; font-size: 22px;}
  .vision-slogan {font-size: 32px;}

  .vision-container {margin: 40px auto 0;}

  .vision-content .connector {display: none;}

  .vision-content .circle {border-width: 8px;}
  .vision-content .value-item .circle > strong {font-size: 18px;}

  .card-item {width: calc((100% - 15px * 2) / 3); padding: 50px 15px 20px; background-position: right 10px top 10px; background-size: 55px;}

  .card-item .t1 {font-size: 18px;}
  .card-item .t2 {margin-bottom: 10px; font-size: 18px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 정신건강 홍보대사 「해피바이러스」 */
  #hcb .section-top-textbox.big-textbox {padding: 15px 20px;}

  .profile-item {width: 100%;}
  .profile-name {font-size: 18px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 기관 캐릭터 「마음채널」 */
  .sub-intro-img-box {padding: 20px 30px;}
  #hcc .sub-intro-img-box {background-position: right center;}
  .intro-left {max-width: 60%;}

  #hcc .text-box {padding: 20px 30px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 사업소개 */
  :is(#pra, #prb, #sls, #educationchannel) .depth3-tab-menu {gap: 40px;}
  :is(#pra, #prb, #sls, #educationchannel) .depth3-tab-link:not(:last-child)::before {right: -20px;}
  .sub-icon-box-wrap {gap: 15px;}
  .sub-icon-box-item {width: calc((100% - 30px) / 3); min-height: unset; padding: 20px 20px 35px;}
  .icon-box-top .icon {width: 90px; height: 90px;}
  .icon-box-top .title {margin: 10px auto 20px; font-size: 17px;}

  .icon-box-bottom {padding-top: 15px;}
  .icon-box-list .item {padding-left: 20px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 오시는 길 */
  /* :is(#hcf, #prb) */ .sub-text-box-item {padding: 30px 20px; gap: 25px;}

  .text-right-title {font-size: 17px;}
  .right-text-wrap {margin-top: 10px;}
  .right-box-text {padding-left: 16px;}
  .right-box-text ~ .right-box-text {margin-top: 5px;}

  .left-text-wrap {width: 35%; padding: 10px 20px;}
  .left-title-text {font-size: 17px;}
  .addr-text {margin-top: 20px;}
  .content-text {margin-top: 10px;}
  .sub-map-box .title {font-size: 16px;}
  .tel-text {margin-top: 20px;}
  .map-btn-wrap {margin-top: 20px;}
  .map-link {padding: 10px 15px; font-size: 17px;}

  .blue-title {font-size: 20px;}
  .right-text-item {margin-bottom: 5px;}
  .right-item-title {padding-left: 16px;}
  #hcf .right-box-text {margin-top: 5px;}
  .bod-text.dash {margin-bottom: 5px; margin-left: 5px;}
  .bottom-text-etc {margin-top: 10px;}

  /* 정신건강정보 > 정신건강 정보 > 아동청소년 정신건강 */
  .sub-top-head.padding-bottom {padding-bottom: 20px;}
  .depth3-tab-link {font-size: 17px;}
  .depth4-move-link, .filter-btn, .depth-link {font-size: 16px;}
  .blue-title {font-size: 20px;}
  .right-text-wrap {font-size: 14px;}
  .sub-titlebox {font-size: 20px; padding-bottom: 20px;}
  .col-gray-box-title {font-size: 16px; padding: 12px 30px;}
  .sub-title-text-item {font-size: 32px;}
  .right-text-wrap {font-size: 15px;}
  .col-box-text-wrap {font-size: 15px; padding: 20px 12px;}
  .sub-top-etc {text-align: right;}
  .gray-title-box {font-size: 16px; padding: 12px 12px;}
  .text-box {font-size: 15px; padding: 20px 12px;}
  .depth4-page-move, .page-filter, .depth-link {height: 37px;}
  #mhinfo .sub-text-box-item {padding: 20px 30px; gap: 26px;}
  .col-text-box, .bottom-txt {padding-left: 16px;}
  #mhinfo .bottom-txt {font-size: 15px;}
  .sub-form-head, .sub-top-head {padding-bottom: 8px;}
  .dropdown .gray-bg-icon::before {width: 8px;}
  .dropdown .gray-bg-icon::after {width: 8px;}
  .text-box-icon-img {width: 100px; height: 100px;}

  /* 정신건강정보 > 정신건강 정보 > 스트레스 */
  .sub-txt-title {font-size: 17px; padding: 12px 30px;}
  .txt-item-title {font-size: 16px; padding: 12px 30px;}
  .txt-item-df {font-size: 15px; padding: 20px 12px;}
  .sub-txt-wrap {gap: 8px;}
  .sub-txt-item ~ .sub-txt-item {margin-top: 8px;}
  .sub-txt-title {margin-bottom: 8px;}

  /* 정신건강정보 > 정신건강 정보 > 우울 */
  .sub-txtbox-wrap.flex-col {gap: 8px;}
  .sub-txtbox-wrap.flex-col .txt-item-title {padding: 12px 30px;}

  /* 정신건강정보 > 정신건강 정보 > 불안 */
  .sub-section.m-top {margin-top: 30px; border-top: 1px dashed var(--line-color); padding-top: 30px;}
  .left-head-textbox {font-size: 18px;}
  #mhinfo .left-etc-textbox {font-size: 15px;}
  .section-top-textbox.no-img-box {padding: 12px 20px;}
  .section-top-textbox.no-img-box .left-head-textbox {margin-bottom: 8px;}

  /* 정신건강정보 > 정신건강 정보 > 중독 */
  .sub-text-wrap.flex-col {flex-direction: column;}
  .sub-text-wrap.flex-col .col-sub-text-item:not(:first-child) {border-top: 1px solid var(--line-color);}
  .sub-text-wrap.flex-col .col-sub-text-item ~ .col-sub-text-item {border-left: none;}

  /* 정신건강정보 > 정신건강 정보 > 외상후스트레스장애 */
  .sub-text-wrap.min-h .col-gray-box-title {min-height: 0; padding: 12px 30px;}
  .sub-text-wrap.min-h .col-sub-text-item {flex: none; width: 100%;}
  .sub-text-wrap.min-h .col-sub-text-item:not(:first-child) {border-top: 1px solid var(--line-color);}
  .sub-text-wrap.min-h .col-sub-text-item ~ .col-sub-text-item {border-left: none;}
  #mhinfo .sub-form-etc {text-align: right;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난이란 */
  .depth4-page-move.menu-lg-5 {width: 100%;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 경험 후 반응 */
  .sub-txtbox-wrap.jc-lef .txt-item-df {padding: 20px;}
  .txt-cont .top-txt {font-size: 16px;}
  .txt-cont .top-txt {font-size: 16px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 경험 후 실천방법 */
  .sub-text-box-wrap.num-style .txt-number {font-size: 14px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 대응 시스템 */
  .tree-wrap .border-radi .title {padding: 10px 0; text-align: center;}
  .tree-wrap .footer-box {padding: 8px;}
  .tree-wrap .p-bottom {margin-bottom: 10px;}
  .tree-wrap .bef::before {height: 10px;}
  .tree-wrap .tree-3dep-content .text {margin-bottom: 5px;}
  .tree-container .border-radi {border-radius: 6px;}
  .dep-content {border-radius: 4px;}
  .tree-container .title {font-size: 16px;}


  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난관련 유관기관 */
  .cluster-container .box-item {width: calc((100% - 16px) / 3); padding: 13px 14px;}
  .cluster-container .icon-box {font-size: 13px; width: 20px; height: 20px; line-height: 20px;}
  .cluster-box-wrap {gap: 8px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 정신건강 통계 */
  .cluster-container .txt-blue {font-size: 17px;}
  .cluster-box-wrap.gap-chg {gap: 8px;}
  .cluster-container .box-item.img-box {width: calc((100% - 24px) / 4);}
  .cluster-container .box-item.img-box {flex-direction: column-reverse;}
  .cluster-container .img-article {width: 73px; height: 83px;}
  #mhinfo .link-go-btn {padding: 8px 38px; font-size: 17px;}
  .sub-border-box.pct-box .text-box-icon {width: 118px; height: 118px;}
  .sub-border-box.pct-box .txt-blue {font-size: 17px;}

  /* 정신건강정보 > 정신건강 정보 > 자살예방 정보 */
  .tag-txt {font-weight: 500; line-height: 22px; height: 22px; font-size: 14px;}
  .tag-text-box .txt {width: calc(100% - 36px); padding-left: 10px;}
  .tag-text-box .tag-txt {width: 36px; padding: 0;}
  .txt-blue-btn {padding: 3px 6px; font-weight: 500; margin: 2px auto 0;}
  .bgimg-txt-container {margin-bottom: -60px; padding: 50px 0;}
  .bgimg-txt-container .title {font-size: 16px;}
  .bgimg-txt-container .item-top-title {font-size: 20px; padding: 10px;}
  .bgimg-txt-container .list-content-wrap {gap: 20px 14px;}
  .bgimg-txt-container .top-title-img {width: 455px; padding-bottom: 4%;}
  .bgimg-txt-container .list-content-item {flex: none; width: calc((100% - 28px) / 3);}
  .bgimg-txt-container .txt-blue {margin-top: 8px; font-size: 20px;}
  .bgimg-txt-container .article-txt-box {padding: 10px;}
  .bgimg-txt-container .bottom-btns {gap: 6px; margin-top: 20px;}
  .bgimg-txt-container .btn-style {padding: 10px;}
  .bgimg-txt-container .btn-style {width: calc((100% - 12px) / 3);}
  .bgimg-txt-container .txt-etc {margin-top: 8px;}
  .bgimg-txt-container .item-top-title p {transform: translateY(2px);}
  .icon-circ {font-size: 18px; width: 20px; height: 20px; line-height: 18px;}
  .big-txt {font-size: 20px;}
  .list-box-section {padding: 30px 20px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 최근 5년간 자살률 추이 */
  .sub-section.textbox .title {font-size: 16px;}
  .chart-title {font-size: 17px;}
  .graph-title {font-size: 17px;}
  .top-menu-chart {gap: 10px;}
  .sub-section.textbox .title {width: 142px;}
  .chart-menu-box {padding: 12px 7px;}
  .chart-container {padding: 25px;}
  .chart-img {padding-bottom: 60.7%;}
  .chart-img-box {margin-top: 4px;}
  .chart-table-box::before {font-size: 15px;}
  .chart-table-box .th {padding: 7px 5px;}
  .chart-table-box td {padding: 7px 5px;}
  .chart-icon-box {width: 72px;}
  .chart-title.margin-t {margin-top: 28px !important;}
  .chart-text {margin-bottom: 6px;}
  .graph-text-box {flex-direction: column; gap: 10px;}
  .graph-text-box .sub-top-etc {position: static;}
  .table-tag {width: 51px; height: 24px; line-height: 24px;}
  .chart-article {margin-top: 20px; padding: 20px;}
  .chart-table-box .th {padding: 6px 5px;}
  .chart-table-box td {padding: 6px 5px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 성별 비교 */
  .table-tag.long {max-width: 67px;}
  .chart-table-box.tbody-p tbody td {padding: 7px 5px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 >월별 사망자 비교 */
  .chart-container.list4 .table-tag {width: 63px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 지역별 자살률 */
  .chart-container.list5 .chart-graph.map-img .chart-img {padding-bottom: 42.7%;}
  .chart-img-box .tag {font-size: 12px; width: 65px; height: 20px; line-height: 20px;}
  .chart-img-box .text {font-size: 13px;}
  .chart-img-box .tag-item.circle-item {font-size: 14px; width: 68px; height: 68px; line-height: 1.3;}

  /* 정신건강정보 > 정신건강 정보 > 지역 정신건강 기관 안내 */
  #institutionInfo .left-text-content {padding: 40px 0 40px 35px;}
  .left-con-btn {width: calc((100% - 6px) / 2); height: 50px; padding: 0px 17px 0px 40px;}

  #institutionInfo .right-agency-map {padding: 14px 18px;}
  #institutionInfo .sub-titlebox {margin-bottom: 12px;}
  #institutionInfo .left-text {margin-bottom: 20px;}
  #institutionInfo .left-content-btns {padding-top: 20px; gap: 6px;}
  #institutionInfo .map-image {width: 279px;}
  .left-con-btn::before {width: 6px; height: 6px;}
  .left-con-btn.is-active::after {width: 16px; height: 16px; background-size: 60% auto; left: 13px;}
  .left-con-btn::before {left: 20px;}
  .list-content-title {margin-bottom: 10px;}
  .list-row-title {padding: 6px 10px;}
  .list-row-text {padding: 9px 10px;}
  .list-col-4 .list-row-title:nth-of-type(1), .list-col-4 .list-row-text:nth-of-type(1) {width: 188px;}
  .list-col-4 .list-row-title:nth-of-type(3), .list-col-4 .list-row-text:nth-of-type(3) {width: 148px;}
  .list-col-4 .list-row-title:nth-of-type(4), .list-col-4 .list-row-text:nth-of-type(4) {width: 73px;}

  .list-col-5 .list-row-title:nth-of-type(1), .list-col-5 .list-row-text:nth-of-type(1) {width: 166px;}
  .list-col-5 .list-row-title:nth-of-type(4), .list-col-5 .list-row-text:nth-of-type(4) {width: 148px;}
  .list-col-5 .list-row-title:nth-of-type(2), .list-col-5 .list-row-text:nth-of-type(2) {width: 172px;}
  .list-col-5 .list-row-title:nth-of-type(5), .list-col-5 .list-row-text:nth-of-type(5) {width: 73px;}
  .left-con-btn {font-size: 16px;}
  .list-content-title {font-size: 17px;}
  .list-icon.icon-on::before {font-size: 17px;}

  /* 정신건강정보 > 정신건강 정보 > 지역 정신건강 기관 안내 > 팝업 */
  #institutionInfo .head-title {margin-bottom: 8px; font-size: 17px;}
  #institutionInfo .header-box {padding: 13px 19px 13px 22px;}
  #institutionInfo .head-addr {margin-bottom: 15px;}
  #institutionInfo .head-text ~ .head-text {margin-top: 6px;}
  #institutionInfo .body-box {margin-top: 22px;}
  #institutionInfo .body-row {gap: 10px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 유족 정보 제공 */
  #sls .chart-title.margin-t {margin-top: 13px;}
  .chart-article.list-article .top-list {padding-bottom: 13px; margin-bottom: 13px;}
  .chart-article.list-article .top-text {margin-top: 10px;}
  .main-item-title {font-size: 17px;}
  .main-list-item ~ .main-list-item {margin-top: 15px;}
  .chart-article.list-article .bottom-txt {padding-left: 15px;}
  .chart-article.list-article {padding: 25px 35px;}
  #sls .bold-title {font-size: 16px;}
  #sls .bottom-sub-text {padding-left: 10px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 애도 */
  #sls .text-box-img {width: 100px;}
  #sls .step-tag {font-size: 17px; width: 80px; padding: 5px 0 1px;}
  #sls .sub-border-box.pct-box .blue-title {font-size: 20px; margin-bottom: -5px;}
  #sls .sub-border-box.pct-box .sub-text-box-item {padding: 20px 30px;}
  #sls .right-box-text ~ .right-box-text {margin-top: 5px;}
  #sls .col-gray-box.first-list .sub-item-section:first-child .txt-item-df {padding: 18px 10px;}
  #sls .sub-item-section.min-h .sub-txt-item .txt-item-df {padding: 18px 10px;}
  #sls .sub-form-footer {font-size: 15px;}
  #sls .sub-container.img-text-box {gap: 15px;}
  #sls .sub-container.img-text-box .article-content {flex-direction: column-reverse; justify-content: start; gap: 5px;}
  #sls .sub-container.img-text-box .left-title {width: 100%; font-size: 16px; text-align: center;}
  #sls .arrow-list .arrow-list-container {gap: 10px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 상록수 */
  #evg .section-top-textbox {padding: 20px 50px 20px 30px;}
  #evg .left-text-content {width: calc(100% - 210px);}
  #evg .right-img-content {width: 200px;}
  #evg .left-head-textbox {margin-bottom: 10px;}
  #evg .text-box.border-radi {padding: 20px 30px;}
  #evg .chart-article {display: block;}
  #evg .chart-article.list-article {padding: 30px 30px;}
  #evg .icon-img-contant {display: none;}
  #evg .chart-article.list-article .top-list {padding-bottom: 15px; margin-bottom: 15px;}
  #evg .chart-article.list-article .bold-title {font-size: 15px; min-width: 60px;}
  #evg .bottom-wrap {gap: 10px; margin-top: 20px;}
  #evg .border-box {padding: 8px 5px; font-size: 15px; border-radius: 25px; min-height: 45px;}
  #evg .gray-arrow {width: 100%;}
  #evg .bottom-box.arrow-box > div > *:nth-child(2), #evg .bottom-box.arrow-box > div:nth-of-type(2) {margin-top: 4px;}
  #evg .bottom-bg-contact {padding: 60px 20px;}
  #evg .top-title {font-size: 20px;}
  #evg .top-sub-title {font-size: 18px;}
  #evg .contact-list ~ .contact-list {margin-top: 18px;}
  #evg .title-tag {font-size: 18px;}
  #evg .contact-text {padding: 20px 35px; font-size: 16px;}

  /* 참여마당 > 교육·행사 신청/확인 */
  .page-filter + .form-submit-btn {position: static; margin-top: 20px; padding: 12px 40px;}
  .sub-content-wrap {display: block;}
  .sub-content-item {display: grid; grid-template-columns: 260px calc(100% - 275px); align-items: center; justify-content: space-between; gap: 15px; width: 100%;}
  .sub-content-item ~ .sub-content-item {margin-top: 20px;}
  .content-img-box {border-radius: 9px;}
  .con-title {font-size: 17px;}
  .con-btn {margin-top: 15px;}
  .con-btn-link {font-size: 16px; padding: 10px;}

  /* 페이징 */
  .pg_wrap {margin-top: 40px;}
  .pg_page, .pg_current {font-size: 15px; height: 35px; line-height: 35px; min-width: 35px;}
  .pg_page:is(.pg_start, .pg_prev) {margin-right: 5px;}
  .pg_page:is(.pg_end, .pg_next) {margin-left: 5px;}
  .pg_page:is(.pg_start, .pg_prev, .pg_end, .pg_next)::before {font-size: 17px;}

  /* 참여마당 > 교육·행사 신청/확인 > 상세 */
  .sub-list-content {padding: 5px 20px;}
  .sub-titlebox.no-line {margin-bottom: 20px;}
  .titlebox-sub {font-size: 17px;}

  /* 참여마당 > 교육·행사 신청/확인 > 신청 조회 */
  #education .sub-list-wrap {border-bottom: none;}
  #education .list-row-item.row-full {padding: 30px 10px;}
  #education .list-row-title {font-size: 16px;}
  #education .list-row-item {flex-direction: column; gap: 5px; padding: 10px 18px; border-bottom: 1px solid var(--line-color);}
  #education .list-row-item:first-child {display: none;}
  #education .list-row-text {display: block; padding: 0; border: none !important;}
  #education .list-row-text:first-child .text_row1 {font-weight: 500; font-size: 16px; text-align: left;}

  #education .list-col-4 .list-row-title:nth-of-type(1), #education .list-col-4 .list-row-text:nth-of-type(1) {width: auto !important;}
  #education .list-col-4 .list-row-title:nth-of-type(2), #education .list-col-4 .list-row-text:nth-of-type(2) {width: auto !important; display: flex; justify-content: start;}
  #education .list-col-4 .list-row-title:nth-of-type(3), #education .list-col-4 .list-row-text:nth-of-type(3) {width: auto !important; text-align: left;}
  #education .list-col-4 .list-row-title:nth-of-type(4), #education .list-col-4 .list-row-text:nth-of-type(4) {width: auto !important;}
  .list-btn-box {font-size: 15px;}
  .list-btn-box .link-btn, .list-btn-box .del-btn {width: 60px; padding: 7px 0;}

  /* 참여마당 > 마음톡톡버스 신청/확인 */
  #bus .sub-intro-img-box {background-size: auto 70%;}

  .calendar-wrap {display: block;}
  .calendar-wrap .calendar-content {padding: 25px 30px;}
  .calendar-wrap .left-content {margin-bottom: 30px;}

  .fc .fc-button-primary {width: 40px; height: 40px; font-size: 14px;}
  .fc .fc-toolbar-title {font-size: 20px;}

  .date-tag-name {font-size: 15px;}
  .date-tag {width: 20px; height: 20px; line-height: 20px;}

  #bus .sche-textbox {margin-bottom: 20px;}
  .sche-wrap {max-height: 50vh;}
  .sche-wrap:has(.sche-item:nth-child(2)) {min-height: 400px;}
  .sche-title-box {margin-bottom: 10px;}
  .sche-top-title {font-size: 17px;}
  #bus .text-box {padding: 0 0 0 15px;}
  #bus .text-box.border-radi {padding: 25px 35px;}

  .img-box-container {margin-top: 45px;}
  .img-box-container .img-box-wrap {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 10px;}
  .img-box-container .img-box-wrap:has(.img-item:nth-child(odd):last-child) {grid-template-columns: repeat(6, 1fr);}
  .img-box-container .img-box-wrap:has(.img-item:nth-child(odd):last-child) .img-item:nth-child(1),
  .img-box-container .img-box-wrap:has(.img-item:nth-child(odd):last-child) .img-item:nth-child(2) {grid-column: span 3;}
  .img-box-container .img-box-wrap:has(.img-item:nth-child(odd):last-child) .img-item:nth-child(n+3) {grid-column: span 2;}
  .img-box-container .img-box {max-width: unset;}
  .img-box-container .img {width: 100%; object-fit: cover;}

  #bus .arrow-list .arrow-list-container {flex-wrap: wrap; gap: 10px;}
  #bus .arrow-list .arrow-list-item {width: calc(30% - 11px); max-width: unset;}

  /* 참여마당 > 기관방문안내 */
  #visitInfo .sub-form-title {width: 150px; font-size: 16px;}
  #visitInfo .sub-form-content {width: calc(100% - 150px);}
  #visitInfo .text-box.border-radi {padding: 25px 40px;}
  #visitInfo .text-box {padding: 0 0 0 15px;}
  #visitInfo .article-body-item.flex-col input[type=text] {width: 120px; height: 38px;}

  /* 온라인 교육 > 교육 안내 > 자살예방교육 */
  .sub-top-head.link .head-icon-box {font-size: 17px;}

  /* 온라인 교육 > 교육 안내 > 마음구조 SOS */
  .text-con-box .head-textbox {font-size: 20px; margin-bottom: 10px;}
  .text-con-box .big-text {font-size: 22px;}
  .text-con-box {max-width: calc(100% - 190px);} 
  .img-con-box {width: 180px;}
  #educationchannel .section-top-textbox {padding: 15px 30px;}

  .img-list-container {display: block;}
  .img-list-container .img-article {width: 100%; margin-bottom: 20px;}
  .img-list-container .list-article {width: 100%;}
  .img-list-container .title {font-size: 15px;}

  .sos-footer-container .tag {font-size: 16px;}
  .sos-footer-container .img-title {margin-bottom: 25px;}
  .sos-footer-container .title-con-box {font-size: 20px;}
  .sos-footer-container .step-tag {margin-top: 30px;}
  .sos-footer-container .circle-icon {width: 50px; height: 50px;}
  .sos-footer-container .item-txt-title {font-size: 16px;}
  .sos-footer-container .bottom-chart-wrap {display: block;}
  .sos-footer-container .bottom-chart-wrap .chart-item ~ .chart-item {margin-top: 5px;}
  .sos-footer-container .bottom-chart-wrap .chart-item::before {content: ""attr(data-index)"."; display: inline-block; width: 30px; margin-right: 5px; vertical-align: top; color: #5c83e6; font-size: 20px; font-family: "GmarketSans", sans-serif; font-weight: 700; text-align: center;}
  .sos-footer-container .bottom-chart-wrap .chart-item:has(.sky)::before {color: #3ac8f0;}
  .sos-footer-container .bottom-chart-wrap .chart-item:has(.green)::before {color: #51d4a8;}
  .sos-footer-container .bottom-chart-wrap .chart-item:has(.lt-green)::before {color: #b6de33;}
  .sos-footer-container .bottom-chart-wrap .chart-item:has(.yellow)::before {color: #fbd606;}
  .donut-gauge {display: inline-block; width: calc(100% - 40px); aspect-ratio: unset;}
  .donut-bg {display: none;}
  .donut-fill {display: none;}
  .donut-center {display: none;}
  .donut-text {display: inline-block; position: static; width: auto; transform: unset; text-align: left;}
  #educationchannel .chart-text {display: inline-block; margin-bottom: 0; font-size: 16px;}

  .sos-footer-container .arrow-img {display: none;}

  .sos-footer-container .form-submit-btn.width {width: 200px; padding: 10px 0;}
  .sos-footer-container .con-item-wrap {flex-direction: column;}

  /* 온라인 교육 > 교육 수강 > 신청 */
  .img-txt-link-container .img-box {width: 220px;}
  .img-txt-link-container .title {font-size: 17px; margin-bottom: 10px;}
  .img-txt-link-container .txt-box-item {width: calc(100% - 220px - 100px - 30px); margin: 0 10px 0 20px;}
  .img-txt-link-container .txt-title {padding-left: 15px;}
  .img-txt-link-container .etc {padding-left: 15px;}
  #educationchannel .blue-btn {width: 100px; padding: 10px 0; font-size: 17px;}

  /* 온라인 교육 > 교육 수강 > 자살예방 인식도 퀴즈(사전평가) */
  #educationchannel .sub-section.radio-2 .sub-form-title {max-width: unset;}
  #educationchannel .sub-section.radio-2 .sub-form-content {max-width: unset; padding-left: 60px;}
  #educationchannel .sub-section.radio-2 .sub-form-radio {padding: 15px 0 0;}
  #educationchannel .sub-section.radio-2 .sub-form-radio .article-body-item input[type=radio] + label {padding-left: 30px !important;}
  #educationchannel .sub-section.radio-3 .sub-form-radio {padding: 15px 0 0;}
  #educationchannel .sub-section.radio-3 .sub-form-radio .article-body-item input[type=radio] + label {padding-left: 30px !important;}
  #educationchannel .sub-section.radio-3 .sub-form-radio .article-body-item input[type=radio] + label::after {left: 4px; top: 50%;}
  #educationchannel .sub-row-padding {align-items: start; padding: 20px 5px;}

  /* 온라인 교육 > 교육 수강 > 자살예방 인식도 퀴즈(사후)-오답풀이 */
  .list-con-exp {padding-top: 20px; padding-bottom: 20px;}
  .list-con-exp .tag {width: 60px;}
  .list-con-exp .text {max-width: calc(100% - 60px); padding-left: 20px; font-size: 16px;}

  /* 온라인 교육 > 나의 강의실 */
  .sub-summary-container {padding: 15px;}
  .summary-icon {font-size: 26px; width: 55px; height: 55px; line-height: 55px;}
  .summary-title {font-size: 16px;}
  .summary-count {font-size: 20px;}
  #educationchannel .left-etc-textbox.dot {padding-left: 15px;}
  #mypage-list .list-row-title:nth-of-type(2), #mypage-list .list-row-text:nth-of-type(2) {width: 80px;}
  #mypage-list .list-row-title:nth-of-type(3), #mypage-list .list-row-text:nth-of-type(3) {width: 80px;}
  #mypage-list .list-row-title:nth-of-type(4), #mypage-list .list-row-text:nth-of-type(4) {width: 110px;}
  #mypage-list .list-row-title:nth-of-type(6), #mypage-list .list-row-text:nth-of-type(6) {width: 95px;}
  #mypage-list .list-row-title {font-size: 16px;}
  #mypage-list .list-row-text.blue {font-size: 16px;}
  .list-row-text.list-print-btn .btn-box .link {padding: 5px 14px;}

  /* 통합검색 */
  .search-result-cnt {font-size: 17px; margin-bottom: 20px;}
  .search-result-section ~ .search-result-section {margin-top: 40px;}
  .search-result-section-top {padding: 15px 20px;}
  .search-result-section-top .title {font-size: 17px;}
  .search-result-section-top .more-view {font-size: 15px;}
  .search-result-item {padding: 15px 20px;}
  .search-result-item-title {font-size: 16px; margin-bottom: 15px;}
  .search-result-item-content {font-size: 15px;}
  .search-result-item-point {font-size: 15px; margin-top: 15px;}

  /* 2026-03-31 인트로 페이지 추가 */
  .intro-content {padding: 0 20px;}
  .intro-text .text-img {width: 300px;}
  .intro-text .text {font-size: 22px;}
  .intro-card {width: 250px; border-radius: 14px;}
  .intro-card-info {height: 150px;}
  .intro-card-name {font-size: 17px; margin-bottom: 10px;}
  .intro-card-btn {font-size: 15px;  height: 36px; padding-right: 10px;}
  .intro-card-btn .round {width: 25px; font-size: 16px;}
  
} /* End Media */

@media screen and (max-width: 767px) {
  /* Header */
  #header.timer-on .session-timer > span:first-of-type {display: none;}
  #header.timer-on .header-btns {gap: 5px;}
  #header .header-btns-item {width: auto; padding: 4px 15px; font-size: 14px;}
  .header-logo-link {width: 150px;}
  #header .header-bottom {height: 75px;}
  .header-bottom-menu {height: 75px;}
  #header .translation-select {font-size: 13px;}
  .mobile-login-out {padding-top: 20px;}

  /* Footer */
  .footer-top-menu {font-size: 14px; padding: 15px 0;}
  .footer-bottom {font-size: 14px;}
  .footer-logo {width: 200px; padding-bottom: 18px;}
  .footer-bottom-inner {flex-direction: column; padding: 20px 0 40px;}
  .footer-info ~ .footer-info {margin-top: 8px;}
  .footer-info {flex-direction: column;}
  .footer-info span:first-child {font-weight: 600;}
  .footer-info span::before {display: none;}
  .footer-info span, .footer-info-item {padding: 0px;}

  /* common */
  .contents_wrap {margin-top: 75px;}
  #header.timer-on ~ #contents_dom .contents_wrap {margin-top: 118px;}
  .wrapper {padding: 0 14px;}

  /* sub Common */
  .bc-home {padding-right: 6px;}
  .breadcrumb {font-size: 12px;}
  .sb_title {font-size: 24px;}
  .sb_top_ct {padding: 38px 0 38px;}
  .breadcrumb-item:nth-of-type(2) {margin-right: 30px;}
  .breadcrumb-item:nth-of-type(2)::after {left: calc(100% + 13px);}
  .sub_contents {padding: 40px 0;}
  .depth3-tab-link:not(:last-child)::before {display: none;}

  /* Main */
  .main-visual-content-notice .swiper-container {height: 50px;}
  .main-visual-content {top: 45vw;}
  .main-check-section-content {display: block;}
  .main-check-section-content > div {width: 100%; height: auto !important; background-size: 140px;}
  .main-check-content-right {background-position: right center;}
  .main-check-section-content .etc {padding: 0 !important; font-size: 14px;}
  .main-check-section-content .etc br {display: none;}
  .main-check-link {padding-top: 20px;}
  .main-news-content {padding-top: 50px; gap: 20px;}
  .main-news-text-item:first-child {margin-bottom: 20px; padding-bottom: 20px;}
  .main-news-left-text-box {padding: 20px 14px 20px;}
  .h2-title {font-size: 25px;}
  .blue-box {min-width: 60px; font-size: 12px; padding: 4px 0; width: 60px;}
  .main-dashboard-left-point-title {line-height: normal;}
  .main-dashboard-left-title {font-size: 25px;}
  .main-dashboard-left-button {border-radius: 5px;}
  .main-dashboard-right-titel {font-size: 22px;}
  .main-dashboard-right-banner .swiper-container {border-radius: 7px;}
  .main-news-title-text {font-size: 18px;}
  .pre-reg-font {font-size: 14px;}
  .main-news-text-careers {margin-right: 10px;}
  .main-news-text-link {width: calc(100% - 70px);}
  .main-news-text-data {font-size: 12px;}
  .main-news-text-item ~ .main-news-text-item {margin-top: 10px;}
  .main-news-content-right {padding:0 14px;}
  .main-news-right-figuer-text {font-size: 14px;}
  .main-news-right-date {font-size: 12px;}
  .main-news-right-cntent {justify-content: space-between;}
  .main-news-right-imgtext {top: 10px; left: 10px;}
  .main-sns-section {padding: 30px 0;}
  .main-sns-section .swiper-container {border-radius: 7px;}
  .main-sns-slider-link {border-radius: 7px;}
  .main-sns-page-btn {height: 10px; width: 10px;}
  .main-sns-page-btn.active {width: 30px;}
  .main-govagency-slide {margin-top: 10px;}
  .main-govagency-content .swiper-slide {border-radius: 4px;}
  .form-length-col-5::before {width: 81%;}
  .form-length-col-4::before {width: 60%; left: 10%;}
  .form-length-col-3::before {width: 40%; left: 10%;}
  .form-length-col-2::before {width: 21%; left: 9%;}

  /* 자가검진·상담 > 개인용 자가검진1 */
  .sub-title-text-item {font-size: 26px;}
  .sub-form-radio, .sub-form-tel, .sub-form-text {padding: 10px 14px;}
  .sub-form-content {width: calc(100% - 100px);}
  .sub-form-title {width: 100px; font-size: 14px;}
  .sub-form-radio {gap: 14px 30px;}
  .form-body-textarea {font-size: 14px; padding: 16px;}
  .sub-contents-title {padding-bottom: 10px;}
  .form-submit-btn, .link-go-btn {font-size: 16px; padding: 10px 72px;}
  .form-body-textbox-check {padding: 12px 0 10px;}
  .sub-body-title {padding-bottom: 14px;}
  .sub-form-body-box {padding: 25px 21px;}
  #personal .article-body-item input[type=checkbox] + label, #personal .article-body-item.radio-btn input[type=radio] + label, #organization .article-body-item input[type=checkbox] + label, #organization .article-body-item.radio-btn input[type=radio] + label {height: 50px; font-size: 14px;}
  .article-body-item input[type=text]::placeholder {font-size: 12px;}
  .article-item-select {font-size: 12px; padding: 0px 25px 0 9px; background-position: 90% center; margin-left: 6px; width: 100px;}
  .sub-form-body-box .sub-body-wrap {gap: 8px 10px;}
  .sub-form-text .article-body-item {width: auto;}

  /* 자가검진·상담 > 개인용 자가검진2 */
  .sub-form-personal-list .sub-form-radio, .sub-form-personal-list .sub-form-tel, .sub-form-personal-list .sub-form-text {padding: 10px 0px;}
  .sub-form-personal-list-content input[type=radio] + label {font-size: 12px;}
  .sub-form-personal-list .sub-form-question {font-size: 14px;}
  .sub-form-personal-list .sub-form-radio {width: 100%;}
  .sub-form-question-number {left: 6px;}
  .sub-form-personal-list .sub-form-title {padding-left: 37px;}
  .sub-form-personal-list-content {width: 100%;}
  .sub-form-row.sub-form-wrap-title .sub-form-title {padding: 0 20px;}
  .sub-form-personal-list-vertical .sub-form-content .sub-form-radio {padding-left: 10px;}
  .sub-form-personal-list-vertical .article-body-item {width: auto;}
  .sub-body-button-text {font-size: 12px; padding: 4px 0; width: 65px;}
  .sub-form-wrap-title {align-items: center; padding: 16px 14px;}
  .sub-row-padding {padding: 13px 10px;}
  .sub-body-list {padding: 5px 15px;}
  .sub-body-list ~ .sub-body-list {margin-top: 4px;}
  .sub-form-question-number {top: 0px;}
  .sub-form-row.sub-form-wrap-title .sub-form-title {padding: 0 20px;}
  .sub-form-personal-list-vertical .sub-form-row.sub-row-padding .sub-form-title {padding-left: 20px;}

  /* 자가검진·상담 > 개인용 자가검진3 */
  .complete-page .verification-icon-img {width: 135px;}

  /* 자가검진·상담 채널 > 단체용 자가검진1 */
  .left-head-textbox {font-size: 18px;}
  .left-etc-textbox {font-size: 13px;}
  .right-img-content {margin-bottom: 10px;}
  #organization .left-text-content {width: 100%;}
  .section-top-textbox {flex-direction: column-reverse; padding: 21px 33px;}
  .sub-form-body-box .article-body-item.check-btn, .sub-form-body-box .article-body-item.radio-btn {border-radius: 8px;}
  .code-popup-box {padding: 20px 24px;}
  .popup-text {padding-bottom: 13px;}
  .code-popup-box .popup-input {margin-bottom: 17px; height: 28px; border-radius: 4px;}
  .code-popup-box {border-radius: 0;}

  /* 자가검진·상담 채널 > 단체용 자가검진2 */
  .user-verification .verification-icon-img {width: 208px;}
  .user-verification {padding: 27px 10px;}
  .verification-head-title {font-size: 20px;}
  .verification-etc {font-size: 16px;}
  .user-verification-btn {font-size: 16px; padding: 6px 10px;}
  .sub-list-box {font-size: 14px;}
  .pop-button button {padding: 6px 14px; border-radius: 4px;}

  /* 자가검진·상담 채널 > 단체용 자가검진4 */
  .sub-form-personal-list-vertical input[type=radio] + label::after {left: 10px; top: 2px;}
  .sub-form-personal-list-vertical input[type=radio] + label::before {left: 10px; top: -3px;}
  .sub-form-personal-list .sub-form-title {flex-direction: column; align-items: flex-start;}
  .sub-form-title-etc {padding-left: 0; margin-top: 10px; width: 100%;}
  .sub-form-row.sub-form-wrap-title .sub-form-title {width: calc(100% - 65px);}
  .sub-form-wrap-title .sub-form-content {width: 65px;}
  .sub-row-item-title {width: 44px;}
  .sub-form-row-group .sub-form-title {width: 100%;}
  .sub-form-row-group .sub-form-row-wrap {margin-left: 44px; width: calc(100% - 44px);}
  .sub-form-row-group .sub-form-question {margin-left:0px;}
  .sub-form-personal-list .sub-form-title {padding-left: 30px;}
  .sub-form-row-group .sub-form-personal-list-content .article-body-item {width: 69px;}
  .sub-form-personal-list:has(.sub-form-question-number) .sub-form-question {padding-left: 0;}
  .sub-form-row-group .sub-form-question-number {left: 10px;}

  /* 자가검진·상담 채널 > 에러 페이지 */
  .error-icon-img {width: 121px; height: 123px; margin-bottom: 18px;}

  /* 자가검진·상담 > 온라인 상담-리스트 */
  .online-img-content {margin-bottom: 20px;}
  .section-top-textbox.big-textbox {padding: 23px 25px;}
  .small-text-btn-a {font-size: 16px; padding: 6px 0; width: 75px;}
  #online-list .td-title-list-td .text {font-size: 15px;}
  #online-list .text {font-size: 13px;}
  #online-list .tbl-head-text .mark-box {font-size: 13px;}

  /* 게시판 검색창 */
  .bo-sch-wrap {display: block; padding: 10px 20px;}
  .bo-sch-ct {width: 100%; display: block;}
  .bo-sch .sch-bar {width: 100%; padding-left: 0;}
  .bo-sch .sch-input {max-width: unset; width: calc(100% - 38px); height: 40px;}
  .bo-sch .sch-input::placeholder {font-size: 14px;}
  .bo-sch .sch-btn {font-size: 15px; width: 38px; height: 40px;}
  .bo-sch select {height: 40px; width: 100%; max-width: unset !important; font-size: 14px; margin-bottom: 5px;}
  .sch-back {min-width: 40px; height: 40px;}
  .bo-sch #sfl {background-size: 10px;}

  /* 자가검진·상담 > 온라인 상담-글쓰기 */
  .sub-form-select {margin: 10px 14px;}
  .sub-form-content.textbox {padding: 10px 14px;}
  #online-writing .sub-form-head {padding: 30px 0 10px;}
  #online-detailed .text {padding: 0;}

  /* 결과지 */
  #result .personal-data-content {margin-bottom: 30px;}
  #result .top-title {margin-bottom: 15px;}
  #result .personal-bottom-row {display: block; border: none;}
  #result .personal-bottom-item {border-bottom: 1px solid var(--line-color);}
  #result .personal-bottom-item:not(:last-child) {}
  #result .bold_title {border-left: none;}
  #result .personal-bottom-row:not(:has(.personal-bottom-item:nth-child(3))):has(.personal-bottom-item:nth-child(2)) .personal-bottom-item:first-child {max-width: 100%;}
  #result .bold_title {width: 100px; padding: 10px 0; font-size: 16px;}
  #result .personal-bottom-item .text {font-size: 14px;}

  #result .result-content-item {padding: 20px 20px; border-radius: 6px;}
  #result .item-title {margin-bottom: 20px; margin-left: -10px; font-size: 13px;}
  #result .item-article {gap: 15px; padding: 25px 20px;}
  #result .article-right {max-width: calc(100% - 70px - 15px);}
  #result .left-icon {width: 70px;}
  #result .right-title {font-size: 18px;}

  #result .item-level {margin-top: 25px;}
  #result .level-step {flex-wrap: wrap; justify-content: center; gap: 5px; height: auto; border-radius: 0;}
  #result .level-col {display: block; flex: none !important; width: auto !important; padding: 5px 10px; border-radius: 3px !important; font-size: 13px; text-align: left;}
  #result .level-pick-icon {width: 30px; bottom: calc(100% - 4px);}

  #result .level-col:has(.level-pick-icon) {outline: 2px solid #ffab15; animation: pulse-shadow 1.5s infinite ease-in-out;}
  @keyframes pulse-shadow {
  0% {box-shadow: 0 0 6px 3px #ffd800;}
  50% {box-shadow: 0 0 6px 3px transparent;}
  100% {box-shadow: 0 0 6px 3px #ffd800;}
  }
  #result .level-col:not(:has(.level-pick-icon)) {opacity: 0.7;}
  #result .level-pick-icon {display: none;}

  #result .color-bar {font-size: 13px;}
  #result .max-point {top: -10px;}
  #result .bar-graph-text {font-size: 14px;}

  #result .result-floor-wrap {padding-top: 30px;}
  #result .floor-text-box {padding: 40px 15px; border-radius: 9px; font-size: 16px;}
  #result .floor-text-box::before {width: 100px;}
  #result .floor-textbox-text ~ .floor-textbox-text {margin-top: 25px;}

  #result .floor-link-box {padding: 30px 20px; border-radius: 9px;}
  #result .link-title {margin-bottom: 20px; font-size: 20px;}
  #result .link-box-item {width: calc((100% - 12px) / 2);}
  #result .link-box-item:is(:nth-child(4n+2), :nth-child(4n+3)) {background-color: var(--blue-color);}
  #result .bg-blue {background-color: var(--point-color);}
  #result .link-icon {margin-bottom: 5px; font-size: 20px;}
  #result .link-item-title {font-size: 14px;}
  #result .link-item-number > a {font-size: 14px;}
  #result .result-floor-bg {margin-top: 60px;}

  #result .result-service-tel {display: block; margin: 30px auto 0; padding: 15px 20px; border-radius: 9px;}
  #result .service-left-title {justify-content: center; width: 100%; margin-bottom: 15px;}
  #result .service-left-title .left-title br {display: none;}
  #result .service-right-textbox {width: 100%;}
  #result .service-right-textbox .text {font-size: 16px;}
  #result .icon-box i {font-size: 18px;}
  #result .icon-tel {margin-top: 3px;}

  .result-btn-wrap {gap: 5px 10px;}
  .result-btn {padding: 10px 15px; gap: 4px; border-radius: 4px; font-size: 14px;}

  /* 평가지 */
  #eval .sub-form-radio, .sub-form-tel, .sub-form-text {width: 100%;}
  #eval .item-footer-text {font-size: 12px;}
  #eval .eval-top-title {font-size: 14px;}
  #eval .eval-top-text {font-size: 14px;}
  #eval .sub-form-question {font-size: 14px;}

  /* 기관소개 > 인사말 */
  .greeting-text-left .title {font-size: 22px;}
  .greeting-text-right .master-sign {font-size: 16px;}
  .greeting-text-right .master-name {font-size: 20px;}

  /* 기관소개 > 운영체계 */
  .os-img {width: 800px;}

  /* 기관 소개 > 연혁 */
  .history-container {grid-template-columns: 100%;}
  .history-container > .left-container {position: static; height: auto; padding: 30px 14px;}
  .history-container .slogan {margin-bottom: 15px; font-size: 18px;}
  .history-container .slogan br {display: none;}
  .history-container .years-wrap > .year > a {opacity: 1;}
  .history-container .years-wrap > .year:nth-last-child(3) {opacity: 0.7;}
  .history-container .years-wrap > .year:nth-last-child(2) {opacity: 0.5;}
  .history-container .years-wrap > .year:last-child {opacity: 0.3;}
  .history-container > .right-container {padding-top: 40px; padding-left: 14px; padding-right: 14px;}
  .year-title {margin-bottom: 20px; height: 20px;}
  .history-item > .text > li {font-size: 14px;}

  /* 기관 소개 > 미션 및 비전 */
  :root {--arch-width: 380px; --circle-diameter: 145px; --border-width: 10px; --line-length: -95px;}

  .subvisual-container {padding-top: 40px; padding-bottom: 40px; aspect-ratio: unset;}
  .subvisual-container .t1 {font-size: 20px;}
  .subvisual-container .t1::before {width: 38px;}
  .subvisual-container .t2 {font-size: 26px;}

  .section-subtitle {min-width: 100px; padding: 6px 10px; border-radius: 12px 0 12px 0; font-size: 20px;}
  .vision-slogan {font-size: 22px;}

  .vision-container {height: auto; margin: 25px auto 0; padding: calc(var(--circle-diameter) + var(--line-length)) 0 calc((var(--circle-diameter) + var(--line-length)) / 5 * 2);}
  .vision-content .center-logo {width: calc(var(--arch-width) / 2 - 20px); bottom: 50%; left: 50%; transform: translate(-50%, 50%);}
  .vision-content .center-arch {position: static; width: var(--arch-width); aspect-ratio: 1 / 1; border-bottom: var(--border-width) solid #EFF2FA; border-radius: 999px;}

  .vision-content .value-list {bottom: 50%;}
  .vision-content .value-item.pos-1 {transform: rotate(-144deg);}
  .vision-content .value-item.pos-2 {transform: rotate(-72deg);}
  .vision-content .value-item.pos-3 {transform: rotate(0deg);}
  .vision-content .value-item.pos-4 {transform: rotate(72deg);}
  .vision-content .value-item.pos-5 {transform: rotate(144deg);}

  .vision-content .value-item.pos-1 .circle {transform: translateX(-50%) rotate(144deg);}
  .vision-content .value-item.pos-2 .circle {transform: translateX(-50%) rotate(72deg);}
  .vision-content .value-item.pos-3 .circle {transform: translateX(-50%) rotate(0deg);}
  .vision-content .value-item.pos-4 .circle {transform: translateX(-50%) rotate(-72deg);}
  .vision-content .value-item.pos-5 .circle {transform: translateX(-50%) rotate(-144deg);}

  .card-item {width: calc((100% - 15px) / 2);}

  .card-item .t1 {margin-bottom: 10px;}
  .card-item .t2 {margin-bottom: 5px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 정신건강복지사업지원단 */
  .text-box.border-radi {border-radius: 9px; padding-top: 10px; padding-bottom: 10px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 정신건강 홍보대사 「해피바이러스」 */
  #hcb .section-top-textbox.big-textbox {flex-flow: row-reverse;}
  #hcb .img-content {width: 100px;}
  #hcb .left-text-content {max-width: calc(100% - 100px);}

  .profile-wrap {gap: 15px;}
  .profile-img-box {width: 120px;}
  .career-title {font-size: 13px;}
  .career-text ~ .career-text {margin-top: 2px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 기관 캐릭터 「마음채널」 */
  .sub-intro-img-box {border-radius: 9px; padding: 20px;}
  .intro-title-img {width: 330px;}
  #hcc .sub-intro-img-box {min-height: unset; background: #f8f8f8;}
  .intro-left {gap: 5px; max-width: 100%;}

  #hcc .text-box {padding: 10px 20px;}
  .box-img {border-radius: 9px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 사업소개 */
  :is(#pra, #prb, #sls, #educationchannel) .depth3-tab-menu {gap: 4px; margin-left: 0;}
  .sub-icon-box-item {width: calc((100% - 15px) / 2); border-radius: 9px;}
  .icon-box-top .title {font-size: 16px;}

  .icon-box-list .item {padding-left: 15px;}
  .icon-box-list .item ~ .item {margin-top: 2px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 오시는 길 */
  /* :is(#hcf, #prb) */ .sub-text-box-item {padding: 25px 10px; border-radius: 9px;}
  .text-right-title {font-size: 16px;}
  .right-box-text {padding-left: 12px;}

  .sub-map-box {border-radius: 0; border: none; display: block;}
  .left-text-wrap {width: 100%; padding: 20px 15px; margin-bottom: 15px; border-radius: 9px; border: 1px solid var(--line-color);}
  .right-map {overflow: hidden; width: 100%; border-radius: 9px; border: 1px solid var(--line-color);}
  .left-title-text {font-size: 16px;}
  .map-link {font-size: 16px;}
  .root_daum_roughmap .wrap_map {height: auto !important; aspect-ratio: 16 / 9;}

  .blue-title {font-size: 18px;}
  .right-item-title {padding-left: 12px;}

  /* 정신건강정보 > 정신건강 정보 > 아동청소년 정신건강 */
  .depth3-tab-link {font-size: 16px; width: calc((100% - 8px) / 3); padding: 4px; border: 1px solid var(--line-color); border-radius: 4px;}
  .text-box-icon-img {width: 100px; height: 100px;}
  .dropdown .gray-bg-icon::before {width: 8px;}
  .dropdown .gray-bg-icon::after {width: 8px;}
  .sub-form-head, .sub-top-head {padding-bottom: 15px;}
  #mhinfo .bottom-txt {font-size: 14px;}
  .col-text-box, .bottom-txt {padding-left: 12px;}
  .blue-title {font-size: 18px;}
  .text-box {font-size: 14px; padding: 10px 10px;}
  .gray-title-box {font-size: 16px; padding: 8px 10px;}
  .col-box-text-wrap {font-size: 14px; padding: 10px 10px;}
  .depth4-move-link, .filter-btn, .depth-link {font-size: 16px; width: calc(100% / 3); flex: none; line-height: initial; padding: 6px;}
  .sub-titlebox {font-size: 18px; padding-bottom: 20px;}
  .col-gray-box-title {padding: 8px 10px;}
  .depth3-tab-menu {flex-wrap: wrap; justify-content: flex-start; gap: 4px; text-align: center;}
  .depth3-tab-link::after {display: none;}
  .depth3-tab-link.is-active {background-color: #d2e5ff;}
  .depth4-page-move, .page-filter, .depth-link {width: 100%; flex-wrap: wrap; height: auto; border-radius: 11px;}
  #mhinfo .sub-text-box-item {padding: 17px 15px; gap: 15px;}
  .sub-text-box-item {gap: 18px;}
  .right-text-wrap {font-size: 14px; margin-top: 7px;}
  #mhinfo .sub-text-wrap {flex-direction: column;}
  .sub-title-text-item {font-size: 32px;}
  .col-sub-text-item ~ .col-sub-text-item {border-left: none;}
  .col-sub-text-item:not(:first-child) {border-top: 1px solid var(--line-color);}

  /* 정신건강정보 > 정신건강 정보 > 스트레스 */
  .sub-txt-title {font-size: 16px; padding: 8px 10px; margin-bottom: 5px; border-radius: 4px;}
  #mhinfo .txt-item-title {font-size: 16px; padding: 8px 10px;}
  .txt-item-df {font-size: 14px; padding: 10px;}
  .sub-txt-wrap {gap: 5px;}
  .sub-txt-item ~ .sub-txt-item {margin-top: 5px; border-radius: 4px;}
  .bottom-txt {padding-left: 12px;}
  .txt-number {font-size: 12px;}
  #mhinfo .sub-text-wrap.flex-column {flex-direction: row;}
  #mhinfo .sub-text-wrap.flex-column .col-sub-text-item ~ .col-sub-text-item {border-left: 1px solid var(--line-color);}

  /* 정신건강정보 > 정신건강 정보 > 우울 */
  .sub-txtbox-wrap.flex-col {gap: 5px;}
  .sub-txtbox-wrap.flex-col .sub-txt-item {border-radius: 4px;}
  .sub-txtbox-wrap.flex-col .sub-txt-item {width: calc((100% - 5px) / 2); flex: none;}

  /* 정신건강정보 > 정신건강 정보 > 조현병 */
  #mhinfo .sub-text-wrap.flex-480 {flex-direction: row;}
  #mhinfo .sub-text-wrap.flex-480 .col-sub-text-item ~ .col-sub-text-item {border-left: 1px solid var(--line-color);}

  /* 정신건강정보 > 정신건강 정보 > 불안 */
  .active-bg {display: none;}
  .depth4-move-link.is-on, .filter-btn.is-on {color: var(--black-color); background-color: var(--white-color); outline: 1px solid var(--point-color);}
  .section-top-textbox {align-items: flex-start; border-radius: 9px;}
  #mhinfo .left-etc-textbox {font-size: 14px;}
  .section-top-textbox.no-img-box {padding: 10px;}
  .section-top-textbox.no-img-box .left-head-textbox {margin-bottom: 5px;}
  .depth4-page-move.menu-5 {width: 100%;}

  /* 정신건강정보 > 정신건강 정보 > 중독 */
  .depth4-page-move.menu-4 {width: 100%;}
  .txt-item-title {font-size: 14px;}

  /* 정신건강정보 > 정신건강 정보 > 외상후스트레스장애 */
  .sub-text-wrap.min-h .col-gray-box-title {padding: 8px 10px;}
  .sub-txt-wrap.flex-2 .txt-content-box {flex: none; width: calc((100% - 5px) / 2);}
  .sub-txt-wrap.flex-2 .txt-content-box .txt-item-df {min-height: 0;}
  .sub-txt-wrap.flex-2 .txt-content-box:last-child {margin-top: 5px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난이란 */
  .right-box-text {font-size: 14px;}
  .depth4-move-link, .filter-btn, .depth-link {width: calc(100% / 3);}
  .bottom-txt-box {font-size: 14px; padding-left: 17px;}
  .list-txt-style {font-size: 13px;}
  .sub-text-box-wrap.flex .bottom-txt {padding-left: 17px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 경험 후 반응 */
  .sub-txtbox-wrap.jc-lef .col-text-box {padding-left: 12px;}
  .sub-txtbox-wrap.jc-lef .txt-item-df {padding: 10px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 대응 시스템 */
  .cluster-container .box-item, .footer-content .footer-box {width: calc((100% - 8px) / 2); padding: 11px 12px;}
  .tree-container .dep1.bg-gray {width: calc((100% / 2) - 10px);}
  .tree-wrap .p-bottom {margin-bottom: 14px;}
  .tree-wrap .bef::before {height: 14px;}
  .dep-content {flex-wrap: wrap; gap: 8px;}
  .tree-wrap .dep1-1 {order: 1;}
  .tree-wrap .dep1-2 {order: 2;}
  .tree-wrap .dep1-3 {order: 3;}
  .tree-wrap .dep2-1 {order: 1;}
  .tree-wrap .dep2-2 {order: 2;}
  .tree-wrap .dep2-3 {order: 3;}
  .tree-2dep {width: 100%; flex: none;}
  .tree-wrap .border-box.border-radi {font-size: 14px;}
  .tree-wrap .footer-box {font-size: 14px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난관련 유관기관 */
  .tree-wrap .dep1.dep1-3 {width: 100%;}
  .tree-3dep-wrap .footer-box {width: 100%;}
  .sub-top-etc {font-size: 13px;}
  .cluster-container .text {font-size: 14px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 정신건강 통계 */
  .cluster-container .box-item.img-box {flex-direction: column-reverse; padding: 6px 12px;}
  .cluster-container .img-article {width: 53px; height: 63px;}
  .cluster-container .box-item {border-radius: 4px;}
  .cluster-container .small-title {font-size: 14px;}
  .cluster-container .txt-blue {font-size: 16px;}
  #mhinfo .link-go-btn {font-size: 16px; padding: 8px 25px;}
  .sub-border-box.pct-box .text-box-icon {width: 88px; height: 88px;}
  .sub-border-box.pct-box .txt-blue {font-size: 16px;}
  .sub-border-box.pct-box .text {font-size: 14px;}

  /* 정신건강정보 > 정신건강 정보 > 자살예방 정보 */
  .tag-txt {font-size: 13px;}
  .top-txt-box .icon-circ {margin-bottom: 4px;}
  .big-txt {font-size: 18px;}
  .top-txt-box {gap: 4px; flex-direction: column; align-items: flex-start;}
  .cluster-box-wrap.padding-b .box-item.img-box {padding-bottom: 10px;}
  .bgimg-txt-container .top-title-img {width: 430px; padding-bottom: 4.5%;}
  .bgimg-txt-container {padding: 30px 0px; margin-bottom: -40px;}
  .bgimg-txt-container .list-content-wrap {margin-top: 20px;}
  .list-box-section {padding: 20px;}
  .bgimg-txt-container .item-top-title {font-size: 18px;}
  .bgimg-txt-container .txt-etc {font-size: 14px;}
  .bgimg-txt-container .txt-blue {font-size: 18px;}
  .bgimg-txt-container .btn-style {font-size: 14px;}
  .bgimg-txt-container .item-top-title {padding: 6px;}
  .bgimg-txt-container .list-content-wrap {gap: 15px 5px;}
  .bgimg-txt-container .article-txt-box ~ .article-txt-box {border-color: var(--line-color);}
  .bgimg-txt-container .list-content-item {width: calc((100% - 5px) / 2);}
  .bgimg-txt-container .article-txt-box {padding: 10px 10px 6px;}
  .bgimg-txt-container .list-content-item {border-bottom-color: var(--line-color);}
  .bgimg-txt-container .list-content-item:nth-last-of-type(1), .bgimg-txt-container .list-content-item:nth-last-of-type(2) {border-bottom: 2px solid var(--line-color);}
  .bgimg-txt-container .txt-blue {margin-top: 6px;}
  .bgimg-txt-container .txt-etc {margin-top: 6px;}
  .bgimg-txt-container .bottom-btns {margin-top: 15px;}
  .bgimg-txt-container .btn-style {width: calc((100% - 12px) / 2);}
  .list-box-section {border-radius: 22px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 최근 5년간 자살률 추이 */
  .sub-section.textbox .title {width: 117px;}
  .chart-icon-box {display: none;}
  .sub-section.textbox .title {font-size: 16px;}
  .sub-section.textbox .text {font-size: 14px;}
  .chart-text {font-size: 14px;}
  .chart-title {font-size: 16px;}
  .top-menu-chart {gap: 6px;}
  .chart-menu-box {width: calc((100% - 12px) / 3); flex: none; padding: 6px 7px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
  .chart-title.margin-t {margin-top: 0 !important;}
  .chart-container {padding: 15px;}
  .sub-section.textbox .left-text-content ~ .left-text-content {margin-top: 5px;}
  .graph-title {font-size: 16px;}
  .chart-list-cont {font-size: 14px;}
  .table-tag {font-size: 13px; width: 42px; height: 22px; line-height: 22px;}
  .chart-table-box::before {font-size: 14px;}
  .chart-article {margin-top: 12px; border-radius: 4px;}
  .chart-menu-box {border-radius: 4px;}
  .chart-table-box .sub-top-etc {margin-top: 12px;}
  .chart-img-box {overflow-x: auto;}
  .chart-img {width: 530px; padding-bottom: 0; height: 353px; max-width: none;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 성별 비교 */
  .chart-container.list2 .chart-table-box::before {display: block;}
  .chart-container.list2 .chart-list-cont {overflow-x: auto;}
  .chart-container.list2 .chart-list {min-width: 564px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 >월별 사망자 비교 */
  .tbody-th-title {font-size: 14px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 지역별 자살률 */
  .chart-container.list5 .chart-list-cont {overflow-x: auto;}
  .chart-container.list5 .chart-list {min-width: 488px;}
  .chart-container.list5 .chart-table-box::before {display: block;}
  .chart-graph.map-img .chart-img .img {min-width: 468px; min-height: 0;}
  .chart-container.list5 .chart-graph.map-img .chart-img {padding-bottom: 0; height: 310px;}
  .chart-img-box .tag {font-size: 11px; width: 57px; height: 18px; line-height: 18px; font-weight: 400; margin-bottom: 2px;}
  .chart-img-box .text {font-size: 11px;}
  .chart-img-box .tag-item.circle-item {font-size: 11px; width: 55px; height: 55px; line-height: 1.3;}
  .chart-graph.map-img .chart-img-box {height: 311px;}
  .chart-img-box .title {font-weight: 500;}
  .chart-img-box .tag-item.box-1 {top: 71px; left: -126px;}
  .chart-img-box .tag-item.box-2 {top: 46px; left: -79px;}
  .chart-img-box .tag-item.box-3 {top: 32px; left: -24px;}
  .chart-img-box .tag-item.box-4 {top: 52px; left: 40px;}
  .chart-img-box .tag-item.box-5 {top: 71px; left: -27px;}
  .chart-img-box .tag-item.box-6 {top: 89px; left: 30px;}
  .chart-img-box .tag-item.box-7 {top: 109px; left: -27px;}
  .chart-img-box .tag-item.box-8 {top: 127px; left: -78px;}
  .chart-img-box .tag-item.box-9 {top: 127px; left: 50px;}
  .chart-img-box .tag-item.box-10 {top: 142px; left: -26px;}
  .chart-img-box .tag-item.box-11 {top: 199px; left: -41px;}
  .chart-img-box .tag-item.box-12 {top: 231px; left: -71px;}
  .chart-img-box .tag-item.box-13 {top: 247px; left: -14px;}
  .chart-img-box .tag-item.box-14 {top: 270px; left: -128px;}
  .chart-img-box .tag-item.box-15 {top: 167px; left: 38px;}
  .chart-img-box .tag-item.box-16 {top: 200px; left: 75px;}
  .chart-img-box .tag-item.box-17 {top: 212px; left: 17px;}
  .chart-img-box .tag-item.box-18 {top: 238px; left: 62px;}
  .chart-img-box.no-size {overflow-x: auto;}
  .chart-img-box.no-size .chart-img {width: 850px; padding-bottom: 16%; height:0; max-width: 100%;}

  /* 정신건강정보 > 정신건강 정보 > 지역 정신건강 기관 안내 */
  #institutionInfo .agency-map {padding: 16px; gap: 10px;}
  #institutionInfo .right-agency-map {padding: 0;}
  .left-text-content {flex: none; width: 100%;}
  #institutionInfo .sub-titlebox {margin-bottom: 10px;}
  #institutionInfo .left-text {margin-bottom: 16px;}
  #institutionInfo .left-content-btns {padding-top: 16px;}
  .left-con-btn {height: 40px; width: calc((100% - 12px) / 3);}
  #institutionInfo .left-text-content {padding: 0px;}

  #institutionInfo .agency-map {flex-direction: column-reverse;}
  #institutionInfo .map-image {width: 179px;}
  .list-content-title {margin-bottom: 10px;}

  #facilityListContent .list-row-item.gray-bg {display: none;}
  #facilityListContent .list-row-item {flex-wrap: wrap; gap: 5px 0;}
  .list-col-4 .list-row-text:nth-of-type(1) {width: 100%;}
  .list-col-4 .list-row-text:nth-of-type(2) {flex: none; position: relative;}
  .list-col-4 .list-row-text:nth-of-type(2)::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: var(--line-color);}
  .list-col-4 .list-row-text:nth-of-type(4) {width: 100%;}
  .list-row-title ~ .list-row-title, .list-row-text ~ .list-row-text {border-left: none;}

  .list-row-text {justify-content: flex-start; padding: 4px 10px;}
  .list-col-4 .list-row-text:nth-of-type(1) {font-weight: 500; font-size: 15px;}
  .list-col-4 .list-row-text:nth-of-type(2), .list-col-4 .list-row-text:nth-of-type(2) {font-size: 14px;}

  .list-col-5 .list-row-text:nth-of-type(1), .list-col-5 .list-row-text:nth-of-type(2), .list-col-5 .list-row-text:nth-of-type(5) {width: 100%;}
  .list-col-5 .list-row-text:nth-of-type(2) {font-weight: 500; font-size: 15px;}
  .list-col-5 .list-row-text:nth-of-type(3) {flex: none; position: relative;}
  .list-col-5 .list-row-text:nth-of-type(3)::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: var(--line-color);}
  .list-icon.icon-off {background-color: gainsboro; height: 20px;}
  .list-col-3 .list-row-text:nth-of-type(1) {width: 100%; font-weight: 500;}
  .list-col-3 .list-row-text:nth-of-type(2) {flex: none; position: relative;}
  .list-col-3 .list-row-text:nth-of-type(2)::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background-color: var(--line-color);}
  .list-col-5 .list-row-text:nth-of-type(4) {width: auto;}

  #facilityListContent .list-row-item {padding: 6px 0;}
  #institutionInfo .list-icon::after {content: "바로가기"; padding-left: 6px; font-weight: 500;}
  .list-row-item:has(.list-icon.icon-off) {display: none;}
  .sub-font-style {font-size: 14px;}
  .list-content-title {font-size: 16px;}
  #institutionInfo .sub-list-wrap {font-size: 14px;}
  .list-icon.icon-on::before {font-size: 16px;}

  /* 정신건강정보 > 정신건강 정보 > 지역 정신건강 기관 안내 > 팝업 */
  #institutionInfo .head-title {font-size: 16px;}
  #institutionInfo .head-addr {font-size: 14px;}
  #institutionInfo .head-text {font-size: 14px;}
  #institutionInfo .body-row {font-size: 14px;}
  #institutionInfo .bod-left-title {font-size: 14px;}
  #institutionInfo .foot-box {font-size: 14px;}
  #institutionInfo .header-box {flex-direction: column-reverse; align-items: start;}
  #institutionInfo .head-box-text {width: 100%;}
  #institutionInfo .body-row {flex-direction: column; align-items: start;}
  #institutionInfo .pop-wrap {padding: 20px;}
  #institutionInfo .header-box {padding: 12px;}
  #institutionInfo .body-box {margin-top: 12px;}
  #institutionInfo .bod-left-title {padding: 0px 10px; height: 25px;}
  #institutionInfo .body-row ~ .body-row {margin-top: 12px;}
  #institutionInfo .foot-box {margin-top: 12px;}
  #institutionInfo .head-text .title.w-size {margin-right: 24px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 유족 정보 제공 */
  #sls .depth4-page-move:not(:has(.depth-link:nth-child(3))) .depth-link {width: calc(100% / 2);}
  #sls .chart-title.margin-t {margin-top: 10px;}
  #sls .chart-menu-box.top-m .chart-title.margin-t {margin-top: 5px;}
  .chart-article.list-article .top-list {padding-bottom: 10px; margin-bottom: 10px;}
  .chart-article.list-article .top-text {margin-top: 8px;}
  .main-item-title {font-size: 16px; margin-bottom: 5px;}
  .main-list-item ~ .main-list-item {margin-top: 10px;}
  .chart-article.list-article .bottom-txt {padding-left: 10px;}
  .chart-article.list-article .bottom-txt ~ .bottom-txt {margin-top: 0;}
  .chart-article.list-article {border-radius: 9px; padding: 20px 25px;}
  #sls .bottom-sub-text {padding-left: 10px; font-size: 13px;}
  #sls .bottom-sub-text.dot::before {font-size: 13px;}
  #sls .top-text.border-top {padding-top: 5px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 애도 */
  #sls .step-tag {font-size: 16px;}
  #sls .sub-border-box.pct-box .blue-title {font-size: 18px; margin-top: 3px;}
  #sls .col-gray-box.first-list .sub-txtbox-wrap.flex-col {flex-direction: column;}
  #sls .col-gray-box.first-list .sub-txt-item {width: 100%;}
  #sls .col-gray-box.first-list .group-txt-box .sub-txt-item:first-child {margin-top: 8px;}
  #sls .col-gray-box.first-list .group-txt-box .sub-txt-item ~ .sub-txt-item {margin-top: 8px;}
  #sls .sub-border-box.pct-box .sub-text-box-item {padding: 15px 20px;}
  #sls .sub-container.img-text-box {gap: 10px;}

  #sls .arrow-list .arrow-list-container {flex-direction: column; gap: 5px;}
  #sls .arrow-list .arrow-list-item {padding: 10px 0; border-radius: 0 0 8px 8px;}
  #sls .arrow-list .arrow-box {justify-content: center;}
  #sls .arrow-list .arrow-box .blue-arrow {height: 8px; transform: rotate(90deg);}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 상록수 */
  #evg .section-top-textbox {padding: 20px 30px;}
  #evg .left-text-content {width: 100%;}
  #evg .right-img-content {width: 160px;}
  #evg .text-box.border-radi {padding: 20px 30px;}
  #evg .top-txt {margin-bottom: 0;}
  #evg .chart-article.list-article {padding: 20px 30px;}
  #evg .chart-article.list-article .bottom-txt:has(.bottom-wrap) {display: block;}
  #evg .bottom-wrap {flex-direction: column; margin-top: 0;}
  #evg .border-box {min-height: 40px; padding: 5px; font-size: 14px;}
  #evg .gray-arrow {display: none;}
  #evg .bottom-box.arrow-box .txt {font-size: 13px;}
  #evg .bottom-box.arrow-box .right-arrow .txt::after {content: "↓";}
  #evg .bottom-box.arrow-box .left-arrow .txt::before {content: "↑";}
  #evg .bottom-box.arrow-box:has(> div:nth-of-type(2)) .right-arrow {margin-left: 10px;}
  #evg .bottom-box.arrow-box:has(> div:nth-of-type(2)) .left-arrow {margin-right: 10px;}
  
  #evg .bottom-bg-contact {padding: 40px 10px;}
  #evg .top-title {font-size: 18px;}
  #evg .top-sub-title {margin-top: 10px; margin-bottom: 25px;}
  #evg .contact-list {grid-template-columns: 30fr auto 50fr; grid-template-rows: 50px; gap: 5px;}
  #evg .contact-list ~ .contact-list {margin-top: 15px;}
  #evg .title-tag {padding: 10px;}
  #evg .contact-arrow > span {font-size: 7px;}
  #evg .contact-arrow > span:nth-child(2) {margin: 0 5px;}
  #evg .contact-text {justify-content: center; padding: 10px 20px;}

  /* 참여마당 > 교육·행사 신청/확인 */
  .page-filter + .form-submit-btn {padding: 10px 30px;}
  .sub-content-item {grid-template-columns: 180px calc(100% - 190px); gap: 10px; padding: 15px;}
  .badge-box {margin-top: 10px; margin-bottom: 5px;}
  .badge {padding: 2px 10px 1px;}
  .con-title {font-size: 16px;}
  .con-text-article ~ .con-text-article {margin-top: 3px;}
  .con-box-title {width: 55px;}
  .con-box-text {width: calc(100% - 65px);}
  .con-btn-link {padding: 7px;}

  /* 페이징 */
  .pg_page, .pg_current {font-size: 14px; height: 32px; line-height: 32px; min-width: 32px;}
  .pg_page:is(.pg_start, .pg_prev) {margin-right: 3px;}
  .pg_page:is(.pg_end, .pg_next) {margin-left: 3px;}
  .pg_page:is(.pg_start, .pg_prev, .pg_end, .pg_next)::before {font-size: 16px;}

  /* 참여마당 > 교육·행사 신청/확인 > 상세 */
  .sub-titlebox.no-line {margin-bottom: 15px;}
  .titlebox-sub {font-size: 16px;}
  #education .date-select .article-item-select {width: 100px; padding: 10px 25px 10px 12px;}
  .zip-btn {padding: 0 10px;}

  /* 참여마당 > 교육·행사 신청/확인 > 신청 조회 */
  .list-btn-box {font-size: 14px;}

  /* 참여마당 > 마음톡톡버스 신청/확인 */
  #bus .sub-intro-img-box {min-height: unset; background: #e1f5ff;}
  #bus .intro-title-img {max-width: 190px;}

  .calendar-wrap .calendar-content {padding: 20px;}
  .radius-18 {border-radius: 9px;}
  .calendar-wrap .left-content {margin-bottom: 25px;}

  .fc .fc-toolbar.fc-header-toolbar {margin-bottom: 40px;}
  .fc .fc-button-primary {width: 35px; height: 35px; font-size: 11px;}
  .fc .fc-toolbar-title {font-size: 18px;}
  .date-tag-wr {top: 50px;}
  .date-tag-ul {margin: -5px;}
  .date-tag-ul li {padding: 5px;}
  .date-tag-box {gap: 4px;}
  .date-tag-name {margin-top: 0; font-size: 14px;}
  .date-tag {width: 18px; height: 18px; line-height: 18px; font-size: 12px;}

  .calendar-wrap .right-content {padding: 30px 20px;}
  .sche-top-title {font-size: 16px;}
  .sche-title-box {gap: 5px;}
  .sche-item {padding: 15px 0;}
  .text-box-wrap {margin-top: 10px;}
  #bus .text-box ~ .text-box {margin-top: 0;}
  #bus .text-box.border-radi {padding: 20px 25px;}

  .img-box-container {margin-top: 35px;}
  .img-box-container .top-tag-title {padding: 2px 10px;}

  #bus .arrow-list .arrow-list-container {gap: 10px;}
  #bus .arrow-list .arrow-list-item {width: calc(30% - 9px);}
  #bus .arrow-list .blue-arrow {min-width: 7px;}

  /* 참여마당 > 기관방문안내 */
  .txt-input .article-body-item:first-child {margin-top: 0;}
  .txt-input .article-body-item:last-child {margin-bottom: 0;}
  #visitInfo .textarea-tag {height: 250px;}
  #visitInfo .sub-form-title {width: 120px; font-size: 15px;}
  #visitInfo .sub-form-content {width: calc(100% - 120px);}
  #visitInfo .text-box.border-radi {margin-bottom: 30px; padding: 20px 30px;}
  #visitInfo .text-box {padding: 0 0 0 10px;}
  .textarea-tag {height: 200px;}

  /* 온라인 교육 > 교육 안내 > 자살예방교육 */
  #educationchannel .col-gray-box {margin-top: 20px;}
  .title-head-content {padding-bottom: 15px;}
  #prevention-list .list-row-title:nth-of-type(1), #prevention-list .list-row-text:nth-of-type(1) {width: 150px; justify-content: center;}
  #educationchannel .list-row-title ~ .list-row-title, #educationchannel .list-row-text ~ .list-row-text {border-left: 1px solid var(--line-color);}

  /* 온라인 교육 > 교육 안내 > 마음구조 SOS */
  .text-con-box .head-textbox {margin-bottom: 5px; font-size: 18px;}
  .text-con-box .big-text {font-size: 20px;}
  .text-con-box {max-width: 100%;} 
  .img-con-box {width: 180px;}

  .img-list-container .title-box {padding: 10px;}
  .img-list-container .text-box, .img-list-container .text-box.padding-row {padding: 10px 15px;}
  .img-list-container .title {font-size: 14px;}
  .img-list-container .title-box:nth-of-type(1), .img-list-container .text-box:nth-of-type(1) {width: 120px;}
  .img-list-container .title-box:not(:nth-of-type(1)), .img-list-container .text-box:not(:nth-of-type(1)) {width: calc(100% - 120px);}

  .sos-footer-container {padding: 52px 14px 60px;}
  .sos-footer-container::before, .sos-footer-container::after {width: 34px;}
  .sos-footer-wrap {padding: 0; padding-top: 14px; padding-bottom: 14px;}

  .sos-footer-container .tag {margin-bottom: 10px; padding: 9px 25px 5px;}
  .sos-footer-container .img-title {width: 250px;}
  .sos-footer-container .line {margin: 20px 0;}
  .sos-footer-container .title-con-box {font-size: 18px;}
  .sos-footer-container .text-img {margin: 8px 0;}

  .sos-footer-container .bottom-con-box {margin-top: 30px;}
  .sos-footer-container .bottom-con-box .title-img {width: 120px; margin: 0 5px 2px;}

  /* 온라인 교육 > 교육 수강 > 신청 */
  .img-txt-link-container {border-radius: 9px;}
  .img-txt-link-container .img-txt-link-box {display: block; padding: 15px;}
  .img-txt-link-container .img-box {width: 100%; border-radius: 7px;}
  .img-txt-link-container .title {font-size: 16px;}
  .img-txt-link-container .txt-box-item {width: 100%; margin: 15px 0;}
  #educationchannel .blue-btn {font-size: 16px;}

  /* 온라인 교육 > 교육 수강 > 개인정보입력 */
  #educationchannel .article-body-item.txt .article-item-select {width: 120px !important;}

  /* 온라인 교육 > 교육 수강 > 자살예방 인식도 퀴즈(사전평가) */
  #educationchannel .sub-section.radio-2 .sub-form-content {padding-left: 30px;}

  /* 온라인 교육 > 교육 수강 > 자살예방 인식도 퀴즈(사후)-오답풀이 */
  .list-con-exp {padding-left: 30px; padding-right: 30px;}
  .list-con-exp .tag {width: 50px;}
  .list-con-exp .text {max-width: calc(100% - 50px); padding-left: 10px; font-size: 14px;}

  /* 온라인 교육 > 나의 강의실 */
  .sub-summary-container {padding: 15px 0;}
  .summary-item {display: block; padding: 0 5px;}
  .summary-icon {display: inline-block; width: auto; height: auto; line-height: normal; vertical-align: middle; border-radius: 0; background-color: transparent; font-size: 22px;}
  .summary-title {display: inline-block; margin: 0; vertical-align: middle;}
  .summary-count {margin-top: 10px; font-size: 18px;}
  #educationchannel .left-etc-textbox.dot {padding-left: 10px;}

  .list-row-item {flex-wrap: wrap; gap: 5px 10px; padding: 15px 10px;}
  #educationchannel .list-row-title ~ .list-row-title, #educationchannel .list-row-text ~ .list-row-text {border: none;}
  #mypage-list .list-row-item:has(.list-row-title) {display: none;}
  #mypage-list .list-row-text {width: auto !important; padding: 0 !important;}
  #mypage-list .list-row-text:nth-of-type(1) {width: 100% !important; flex: unset; font-weight: 600; font-size: 16px;}

  #mypage-list .list-row-text:nth-of-type(2)::before {content: "상태"; margin-right: 5px; font-weight: 500;}
  #mypage-list .list-row-text:nth-of-type(3)::before {content: "진행률"; margin-right: 5px; font-weight: 500; font-size: 14px; color: #333333;}
  #mypage-list .list-row-text:nth-of-type(4)::before {content: "진행과정"; margin-right: 5px; font-weight: 500;}
  .list-row-text.list-print-btn .btn-box .link::before {content: "수료증 "; font-weight: 600;}

  /* 온라인 교육 > 교육 수강 > 나의 강의실 > 수료증 */
  #mypage-coc .print-button-wrap {position: fixed; top: unset; left: 50%; bottom: 30px; transform: translateX(-50%); padding: 0;}
  #mypage-coc .print-button-wrap .btn-print {margin: 0 auto; font-size: 16px;}

  /* 통합검색 */
  .search-result-top {padding-top: 25px;}
  .search-result-cnt {font-size: 16px;}

  .search-result-section ~ .search-result-section {margin-top: 30px;}
  .search-result-section-top {padding: 15px;}
  .search-result-section-top .title {font-size: 16px;}
  .search-result-section-top .more-view {font-size: 14px;}
  .search-result-item {padding: 15px;}
  .search-result-item-title {margin-bottom: 10px;}
  .search-result-item-content {font-size: 14px;}
  .search-result-item-point {gap: 15px; font-size: 14px; margin-top: 10px;}
  .search-result-item-point .point::before {left: -14px;}
  .search-result-bottom {margin-top: 40px;}

  /* 2026-03-31 인트로 페이지 추가 */
  .intro-text .text-img {width: 230px;}
  .intro-text .text {font-size: 18px;}
  .intro-cards {gap: 20px;}
  .intro-card {border-radius: 10px; width: calc((100% - 20px) / 2);}
  .intro-card-info {height: 120px;}
  .intro-card-name {font-size: 15px; font-family: 'Pretendard';}
  .intro-card-btn {font-size: 13px; width: 120px;}
  .intro-footer {font-size: 13px;}

} /* End Media */

@media screen and (max-width: 480px) {
  /* Header */
  #header .wrapper {padding: 0 10px;}
  .header-logo-link {width: 140px;}
  #header .header-bottom {height: 70px;}
  .header-bottom-menu {height: 70px; gap: 0;}
  #header .header-menu-icon {gap: 0 8px;}
  #header .header-icon-img.all-menu-btn {width: 22px;}
  /* #header .header-icon-img.search-btn {width: 22px;} */
  #header .header-top-google {position: relative; width: 22px;}
  #header .header-google-btn {width: 25px; height: 25px;}
  #header .translation-select {margin-left: 5px; width: 70px; background-position: right 7px center; background-size: 8px;}
  .google-button-reset {font-size: 12px;}
  .goog-te-combo {width: 50%;}
  .mobile-login-out {padding-left: 10px; padding-right: 10px;}
  .mobile-all-menu .depth1 > li {padding: 0 10px 10px;}

  /* Footer */
  .footer-bottom-inner {padding: 10px 0 20px;}
  .footer-logo {width: 150px; padding-bottom: 10px;}
  .footer-bottom {font-size: 12px;}
  .footer-top-menu {padding: 10px 0;}
  .footer-info ~ .footer-info {margin-top: 0px;}
  .footer-copyright {margin-top: 0;}

  /* common */
  .contents_wrap {margin-top: 70px;}
  #header.timer-on ~ #contents_dom .contents_wrap {margin-top: 113px;}

  /* Sub common */
  .sub_contents {padding: 30px 0;}
  /* .sub-section ~ .sub-section {margin-top: 20px;} */
  .sub-title-text-item {font-size: 22px;}
  .sub-titlebox {padding-bottom: 10px;}

  /* Main */
  /* .main-visual-keyword-txet-box {gap: 8px; flex-wrap: wrap;}
  .main-visual-keyword-item {margin-right: 0;} */
  /* .main-visuaal-search-main-visual-keyword-itembtn-item {height: 25px; font-size: 14px; width: 50px;} */
  /* .main-visual-content-search {margin-top: 35%;}
  .main-visual-content-search img {width: 20px; left: 12px;} */
  /* .main-visual-search-btn {right: 12px;}
  .main-visual-search-input {padding-left: 45px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 100px;} */
  .main-visual-content {position: static; padding: 20px 0;}
  .main-visual-content-notice {margin-top: 20px; padding: 0 10px;}
  .main-visual-content-notice .notice-title {margin-right: 10px; font-size: 12px; height: 20px; line-height: 20px; padding: 0 8px;}
  .main-visual-content-notice .notice-date {width: 50px;}
  .main-visual-ctr {margin-top: 0;}
  .main-visual-ctr-ul {width: calc(100% - 70px) !important;}
  .main-visual-slide-time-bar {background-color: var(--point-color);}
  .main-visual-ctr-li.swiper-pagination-bullet-active .main-visual-slide-time {width: calc(100vw - 160px);}
  .main-visual-content-notice .swiper-container {height: 40px;}
  .main-slide-notice-btns {margin-top: -4px;}
  .main-dashboard-left-button-wrap {gap: 6px; justify-content: center;}
  .main-dashboard-left-title {font-size: 20px;}
  .main-dashboard-left-text-item {margin-top: 0; text-align: left;}
  .h2-title {font-size: 20px; line-height: normal; padding-top: 4px;}
  .main-dashboard-left-button {height: 60px; width: 48.9%; flex-direction: row; justify-content: flex-start; align-items: center; padding-left: 30px; padding: 0 10px;}
  .main-left-align {min-width: 20px; width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; margin-right: 10px;}
  .main-dashboard-content {padding: 20px 0;}
  .main-dashboard-left {margin-bottom: 20px;}
  .main-dashboard-right-text {position: relative; margin-bottom: 10px;}
  .main-dashboard-right-titel {font-size: 18px;}
  .main-dashboard-slider-pagination {width: auto;}
  .main-dashboard-right-btns {position: absolute; top: 40px; left:-5px; z-index: 10;}
  .main-check-section-content .etc {margin-top: 10px; font-size: 12px;}
  .main-check-section-content .etc br {display: block;}
  .main-check-link {font-size: 12px; padding-top: 20px;}
  .main-check-content-left {width: 100%;}
  .main-check-content-right {width: 100%;}
  .blue-box {min-width: 55px; font-size: 12px; padding: 2px 0; width: 55px;}
  .main-news-left-text-box {padding: 35px 14px 20px;}
  .main-news-title-text {font-size: 16px;}
  .main-news-content-right {padding:0 14px;}
  .main-news-right-cntent {gap: 20px 0;}
  .main-news-text-link {width: calc(100% - 65px);}
  .main-news-right-imgtext {top: 10px; left: 10px;}
  .main-news-right-item {width: 47%;}
  .main-news-right-date {margin-top: 8px;}
  .main-news-right-img-box {margin-bottom: 10px;}
  .main-news-text-etc {width: calc(100% - 70px);}
  .main-sns-left-title {margin-bottom: 14px; display: block;}
  .main-sns-title {padding: 0 !important;}
  .main-sns-btns {margin-left: auto; margin-top: 5px;}
  .main-sns-content-right {margin-top: 20px;}
  .main-sns-top-icon {padding-bottom: 10px;}
  .main-sns-banner-img {flex-direction: column; gap: 10px;}
  .main-sns-slider-link {width: 100%;}
  .main-sns-page-btn {height: 8px; width: 8px;}
  .main-sns-page-btn.active {width: 30px;}
  .main-govagency-content .swiper-container {height: 40px;}

  /* 자가검진·상담 > 개인용 자가검진1 */
  .sub-form-etc {font-size: 12px;}
  .sub-form-body-box .article-body-item.check-btn, .sub-form-body-box .article-body-item.radio-btn {width: 100%;}
  .sub-form-content {width: 100%;}
  #personal .sub-form-title {width: 100%; justify-content: center; padding-left: 0px;}
  .sub-form-title {width: 100%; justify-content: flex-start; padding-left: 30px;}
  .sub-form-item-text {padding: 0 4px;}
  .sub-form-item-text {font-size: 12px;}
  .form-body-textarea {font-size: 12px;}
  #personal .article-body-item input[type=checkbox] + label, #personal .article-body-item.radio-btn input[type=radio] + label, #organization .article-body-item input[type=checkbox] + label, #organization .article-body-item.radio-btn input[type=radio] + label {height: 34px; padding-left: 45px;}
  .sub-form-row {flex-direction: column;}
  .article-body-item input[type=radio] + label::before {width: 16px; height: 16px;}
  .article-body-item input[type=radio] + label::after {width: 8px; height: 8px; left: 4px;}
  #personal .article-body-item input[type=checkbox] + label::before, #personal .article-body-item.radio-btn input[type=radio] + label::before, #organization .article-body-item input[type=checkbox] + label::before, #organization .article-body-item.radio-btn input[type=radio] + label::before {width: 16px; height: 16px;}
  #personal .article-body-item input[type=checkbox] + label::after, #personal .article-body-item.radio-btn input[type=radio] + label::after, #organization .article-body-item input[type=checkbox] + label::after, #organization .article-body-item.radio-btn input[type=radio] + label::after {width: 8px; height: 8px; left: 24px;}
  #personal .article-body-item input[type=checkbox]:checked + label::before, #personal .article-body-item.radio-btn input[type=radio]:checked + label::before, #organization .article-body-item input[type=checkbox]:checked + label::before, #organization .article-body-item.radio-btn input[type=radio]:checked + label::before {width: 20px; height: 20px;}
  #personal .article-body-item input[type=checkbox]:checked + label::after, #personal .article-body-item.radio-btn input[type=radio]:checked + label::after, #organization .article-body-item input[type=checkbox]:checked + label::after, #organization .article-body-item.radio-btn input[type=radio]:checked + label::after {width: 15px; height: 15px; left: 22px;}
  .article-body-item input[type=radio] + label {padding-left: 26px;}
  .article-item-select {width: 83px;}
  .form-body-textbox-check {font-size: 12px;}

  /* 자가검진·상담 > 개인용 자가검진2 */
  .sub-form-row.sub-form-wrap-title {flex-direction: row;}
  .sub-form-personal-list-content {width: 100%;}
  .sub-form-personal-list input[type=radio] + label::after {width: 8px; height: 8px; left: 50%; top: -24px;}
  .sub-form-personal-list .article-body-item input[type=radio] + label {padding-left: 0px;}
  .sub-form-personal-list .sub-form-radio {justify-content: flex-start;}
  .sub-form-row.sub-form-wrap-title .sub-form-title {padding: 0 10px 0 10px; text-align: left;}
  .sub-form-personal-list-content input[type=radio] + label::after {top: -19px;}
  .sub-form-personal-list-content input[type=radio] + label::before {top: -23px;}
  .sub-form-personal-list-vertical input[type=radio] + label::after {top: 3px;}
  .sub-form-personal-list-vertical input[type=radio] + label::before {top:-1px;}
  .sub-form-personal-list-content {margin-top: 8px;}
  .sub-form-personal-list-vertical .article-body-item {width: auto;}
  .sub-form-personal-list .sub-form-title {padding-left: 25px;}
  .sub-form-question-number {left: 3px;}
  .sub-form-personal-list .sub-form-radio, .sub-form-personal-list .sub-form-tel, .sub-form-personal-list .sub-form-text {padding: 0;}
  .sub-form-personal-list-vertical:not(:has(.sub-form-question-number)) .sub-form-title {padding-left: 0;}
  .sub-form-personal-list-vertical .sub-form-content .sub-form-radio {padding-left: 0;}
  .form-body-textarea {padding: 12px;}
  .sub-form-personal-list-vertical .article-body-item input[type=radio] + label {padding-left: 30px;}
  .sub-form-personal-list-vertical input[type=radio] + label::after {left: 10px;}
  .sub-form-personal-list-vertical .sub-form-row.sub-row-padding:not(:has(.sub-form-question-number)) .sub-form-title {padding-left: 0;}
  #personal .sub-form-personal-list .sub-form-title {padding-left: 20px;}

  /* 개인용 자가검진 완료창 */
  .complete-page .verification-icon-img {width: 85px;}

  /* 자가검진·상담 채널 > 단체용 자가검진1 */
  .right-img-content {width: 123px; height: 87px;}
  .popup-text {font-size: 14px;}
  .pop-button {font-size: 12px;}

  /* 자가검진·상담 채널 > 단체용 자가검진2 */
  .verification-etc {font-size: 14px;}

  /* 자가검진·상담 채널 > 단체용 자가검진3 */
  .user-verification .verification-icon-img {width: 128px; margin-bottom: 30px;}

  /* 자가검진·상담 채널 > 단체용 자가검진4 */
  .row-item-title-text {font-size: 14px;}
  .sub-button-wrap {flex-direction: column;}
  .form-submit-btn, .link-go-btn {font-size: 14px;}
  .sub-form-row-group {flex-direction: column;}
  .sub-row-item-title {width: 100%; height: 30px;}
  .sub-form-row-group:has(~ .sub-form-row-group) .row-item-title-text {border-bottom: 1px solid var(--line-color);}
  .sub-row-item-title {width: 100%; height: 30px;}
  .sub-form-row-group + .sub-form-row-group .row-item-title-text {border-top: none;}
  .sub-form-row-group .sub-form-row-wrap {margin-left: 0; margin-top: 30px; width: 100%;}
  .sub-form-row-group .sub-form-personal-list-content .article-body-item {width: calc(20% - 5px);}

  /* 자가검진·상담 채널 > 단체용 자가검진-에러 */
  .error-icon-img {width: 71px; height: 73px;}

  /* 자가검진·상담 > 온라인 상담-리스트 */
  #online-list .tbl-head-text .mark-box {font-size: 12px; width: 60px; height: 22px; line-height: 22px;}
  .online-img-content {min-width: 100px; height: 96px;}
  .text-box-wrap {margin-top: 11px;}
  .text-box-item {margin-bottom: 4px;}
  .section-top-textbox.big-textbox {padding: 23px 14px;}
  .section-top-textbox.big-textbox .text-box-item {padding-left: 16px;}

  /* 자가검진·상담 > 온라인 상담-디테일 */
  #online-detailed .sub-form-radio, #online-detailed .sub-form-tel, #online-detailed .sub-form-text {padding: 10px 20px 10px;}
  #online-detailed .sub-form-row {flex-direction: column;}
  #online-detailed .sub-form-title {width: 100%; padding: 10px 0;}
  #online-detailed .sub-form-content {width: 100%;}
  #online-detailed .title-center {justify-content: flex-start; padding-left: 10px;}

  /* 결과지 */
  #result .top-title {font-size: 15px;}
  #result .bold_title {font-size: 15px;}

  #result .item-article {flex-direction: column; padding: 15px 10px;}
  #result .article-right {max-width: 100%;}
  #result .left-icon {width: 50px;}

  #result .level-col {padding: 4px 8px;}

  #result .floor-text-box {font-size: 15px;}
  #result .floor-textbox-text ~ .floor-textbox-text {margin-top: 20px;}

  #result .link-box {gap: 7px;}
  #result .link-box-item {width: 100%; padding: 10px 0;}
  #result .link-box-item:is(:nth-child(4n+2), :nth-child(4n+3)) {background-color: var(--point-color);}
  #result .link-box-item:is(:nth-child(even)) {background-color: var(--blue-color);}
  #result .floor-link-a {display: flex; align-items: center; justify-content: center; gap: 5px;}
  #result .link-icon {margin-bottom: 0; font-size: 18px;}
  #result .link-item-title {margin-bottom: 0;}

  #result .service-left-title .left-title {padding-left: 5px; font-size: 16px;}
  #result .service-right-textbox {gap: 5px;}
  #result .service-right-textbox .text {font-size: 15px;}
  #result .tel-link {font-size: 16px;}

  /* 평가지 */
  #eval .sub-form-radio, .sub-form-tel, .sub-form-text {justify-content: flex-start;}
  #eval .sub-form-title.radio-col2, #eval .sub-form-title.radio-col3, #eval .sub-form-title.radio-col4, #eval .sub-form-title.radio-col5, #eval .sub-form-content.radio-col2, #eval .sub-form-content.radio-col3, #eval .sub-form-content.radio-col4, #eval .sub-form-content.radio-col5 {padding-left: 0;}
  #eval .article-body-item input[type=radio] + label {padding-left: 0;}
  #eval .article-body-item input[type=radio] + label::after {left: 50%; top: -29px !important;}
  #eval .article-body-item input[type=radio] + label::before {top: -33px !important;}
  .sub-form-title {padding: 10.5px 0;}

  /* 기관소개 > 인사말 */
  .greeting-text-left {margin-bottom: 20px;}
  .greeting-text-left .title {font-size: 20px;}
  .greeting-text-right .content {font-size: 15px;}
  .greeting-text-right .master-sign {margin-top: 20px; font-size: 15px; gap: 5px;}
  .greeting-text-right .master-name {font-size: 18px;}

  /* 기관 소개 > 연혁 */
  .history-container .slogan {margin-bottom: 10px;}
  .history-container .years-wrap > .year ~ .year {margin-top: 10px;}
  .history-container .years-wrap > .year > a {font-size: 26px;}
  .year-title {height: 18px;}
  .history-item {gap: 5px;}
  .history-item ~ .history-item {margin-top: 10px;}

  /* 기관 소개 > 미션 및 비전 */
  :root {--arch-width: 85vw; --circle-diameter: 110px; --line-length: -85px;}

  .subvisual-container {padding-top: 30px; padding-bottom: 30px;}
  .subvisual-container .t1 {padding-top: 5px; font-size: 18px;}
  .subvisual-container .t1::before {width: 30px;}
  .subvisual-container .t2 {font-size: 22px;}

  .section-subtitle {min-width: 95px; margin: 0 auto 15px; padding: 4px 10px; font-size: 18px;}
  .vision-slogan {font-size: 20px;}

  .vision-content .center-logo {display: none;}

  .vision-content .circle {border-width: 3px;}
  .vision-content .value-item .circle > i {font-size: 13px;}
  .vision-content .value-item .circle > strong {font-size: 16px;}

  .card-item {width: 100% !important; padding: 15px; background-position: right 6px top 7px; background-size: 50px; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);}

  .card-item .t1 {font-size: 16px;}
  .card-item .t2 {font-size: 16px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 정신건강 홍보대사 「해피바이러스」 */
  #hcb .img-content {display: none;}
  #hcb .left-text-content {max-width: 100%;}

  .profile-item {display: block; padding: 18px 14px;}
  .profile-img-box {width: 100px; float: left; margin-right: 10px;}
  .profile-title {display: flex; flex-direction: column; align-items: start; justify-content: center; margin-bottom: 10px; min-height: 120px;}
  .profile-name {margin-top: 0; margin-bottom: 5px; font-size: 16px;}
  .career-title {margin-top: 10px;}
  .career-text-wrap {margin-top: 5px;}

  /* 기관소개 > 대전광역정신건강복지센터 > 기관 캐릭터 「마음채널」 */
  .intro-title-img {width: 80%; min-width: 250px;}
  #hcc .intro-title-img::after{width: 100%;}

  /* 기관소개 > 대전광역정신건강복지센터 > 사업소개 */
  .sub-icon-box-item {width: 100%; padding: 15px 15px 30px;}
  .icon-box-bottom {margin-top: 10px;}
  .icon-box-top .icon {display: inline-block; width: 50px; height: 50px; margin-right: 10px; vertical-align: middle;}
  .icon-box-top .title {display: inline-block; max-width: calc(100% - 80px); margin: 0; vertical-align: middle; font-size: 15px; text-align: left;}

  /* 기관소개 > 대전광역정신건강복지센터 > 오시는 길 */
  /* :is(#hcf, #prb) */ .sub-text-box-item {display: block; padding: 15px;}
  .text-right-title {font-size: 15px;}

  .left-title-text {font-size: 15px;}
  .map-link {padding: 8px 10px; border-radius: 5px; font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 아동청소년 정신건강 */
  .sub-top-head.padding-bottom {padding-bottom: 10px;}
  .depth3-tab-link {font-size: 15px; width: calc((100% - 8px) / 2);}
  #mhinfo .blue-title {font-size: 18px; line-height: 1.2;}
  .col-gray-box-title {padding: 4px 10px; font-size: 15px;}
  .gray-title-box {padding: 6px 10px; font-size: 15px;}
  .text-box-icon-img {display: none;}
  .depth4-move-link, .filter-btn, .depth-link {font-size: 15px;}
  .dropdown .gray-bg-icon::before {width: 7px;}
  .dropdown .gray-bg-icon::after {width: 7px;}

  /* 정신건강정보 > 정신건강 정보 > 스트레스 */
  .sub-txt-title {font-size: 15px; padding: 4px 10px; margin-bottom: 5px;}
  #mhinfo .txt-item-title {font-size: 15px; padding: 4px 10px;}
  .txt-item-df {font-size: 14px; padding: 10px;}
  .sub-txt-wrap {gap: 20px;}
  .sub-txt-item ~ .sub-txt-item {margin-top: 5px;}

  /* 정신건강정보 > 정신건강 정보 > 우울 */
  .sub-txtbox-wrap.flex-col .sub-txt-item {width: 100%;}

  /* 정신건강정보 > 정신건강 정보 > 조현병 */
  #mhinfo .sub-text-wrap.flex-480 {flex-direction: column;}
  #mhinfo .sub-text-wrap.flex-480 .col-sub-text-item ~ .col-sub-text-item {border-left: none;}
  /* 정신건강정보 > 정신건강 정보 > 불안 */
  .sub-section.m-top {margin-top: 20px; padding-top: 20px;}
  .section-top-textbox.no-img-box {padding: 10px;}
  #mhinf .left-head-textbox {margin-bottom: 5px; font-size: 16px;}
  .sub-section.m-top
  /* 정신건강정보 > 정신건강 정보 > 중독 */
  .sub-txt-wrap {flex-wrap: wrap;}
  .sub-txt-left {flex: none; width: 100%;}
  .section-top-textbox.no-img-box .left-head-textbox {font-size: 16px;}

  /* 정신건강정보 > 정신건강 정보 > 외상후스트레스장애 */
  .txt-content-box {width: 100%; flex: none;}
  .sub-text-wrap.min-h .col-gray-box-title {justify-content: flex-start; text-align: left;}
  .sub-txt-wrap.flex-2 .txt-content-box {width: 100%;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난이란 */
  .left-head-textbox {font-size: 14px;}
  .depth4-move-link, .filter-btn, .depth-link {width: calc(100% / 2);}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 경험 후 반응 */
  .txt-cont .top-txt {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 경험 후 실천방법 */
  .sub-text-box-wrap.num-style .txt-number {font-size: 12px;}
  .txt-number {min-width: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난 대응 시스템 */
  .tree-wrap .border-radi .title {padding: 6px 0;}
  .tree-container .dep1.bg-gray {width: 100%;}
  .footer-content .footer-box {width: 100%;}
  .dep-content {gap: 5px; flex-direction: column;}
  .tree-wrap .p-bottom {margin-bottom: 12px;}
  .tree-wrap .bef::before {height: 12px;}
  .footer-content .footer-box:last-child .text {margin-bottom: 0;}

  .tree-container .title {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 재난정신건강 > 재난관련 유관기관 */
  .cluster-container .box-item {padding: 10px; width: 100%;}
  .tree-container .border-box {padding: 6px 10px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 정신건강 통계 */
  .cluster-container .txt-blue {font-size: 15px;}
  .cluster-container .box-item.img-box {width: calc((100% - 6px) / 2);}
  .cluster-box-wrap.gap-chg {gap: 6px;}
  #mhinfo .link-go-btn {font-size: 15px; padding: 6px 9px;}
  .cluster-container .img-article {width: 43px; height: 53px;}
  .top-txt-box {flex-direction: column; gap: 2px; align-items: flex-start;}
  .sub-border-box.pct-box .text-box-icon {width: 88px; height: 88px; margin: 0 auto 10px;}
  .sub-border-box.pct-box .txt-blue {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 자살예방 정보 */
  .tag-txt {font-size: 12px;}
  .txt-blue-btn {font-size: 13px;}
  .bgimg-txt-container {margin-bottom: -30px;}
  .bgimg-txt-container .list-content-wrap {margin-top: 7px;}
  .icon-circ {background-color: transparent; font-size: 16px; height: auto; width: auto; line-height: 1.2; color: var(--blue-color);}
  .tag-text-box .tag-txt {width: 30px;}
  .tag-txt::after {border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid var(--line-color); bottom: -4px;}
  .first-box, .last-box {gap: 2px;}
  .txt-blue-btn {font-weight: 400;}
  .bgimg-txt-container .btn-style {width: 100%;}
  .bgimg-txt-container .list-content-item {width: 100%;}
  .bgimg-txt-container .list-content-item:nth-of-type(2) .item-top-title {border-top: none;}
  .bgimg-txt-container .top-title-img {padding-bottom: 5.5%;}
  .top-txt-box {gap: 6px;}
  .list-box-section {padding: 14px;}
  .bgimg-txt-container .list-content-item {border-bottom: 2px solid var(--line-color);}
  .bgimg-txt-container .list-content-wrap {gap: 10px;}
  .bgimg-txt-container .list-content-item:nth-of-type(2) .item-top-title {border-top: 2px solid var(--black-color);}
  .bgimg-txt-container .title {font-size: 15px;}
  .bgimg-txt-container .txt-etc {font-size: 14px;}
  .bgimg-txt-container .article-txt-box {padding: 5px 10px 4px;}
  .bgimg-txt-container .btn-style {padding: 7px;}
  .bgimg-txt-container .bottom-btns {gap: 12px;}

  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 최근 5년간 자살률 추이 */
  .sub-section.textbox .title {font-size: 15px;}
  .chart-title {font-size: 15px;}
  .graph-title {font-size: 15px;}
  .chart-menu-box {width: calc((100% - 12px) / 2);}
  .sub-section.textbox .left-text-content {flex-direction: column; gap: 3px;}
  .sub-section.textbox .left-text-content ~ .left-text-content {border-top: 1px solid var(--line-color); padding-top: 5px;}
  .chart-article {padding: 14px;}
  .graph-text-box {gap: 4px;}
  .sub-form-head, .sub-top-head {padding-bottom: 8px;}
  .chart-menu-box:last-child {min-height: 54px;}
  .chart-img-box {display: none;}
  /* 정신건강정보 > 정신건강 정보 > 대전광역시 자살 통계 > 성별 비교 */
  .chart-table-box.tbody-p tbody td {padding: 6px 5px;}
  .chart-table-box .sub-top-etc {margin-top: 10px;}

  /* 정신건강정보 > 정신건강 정보 > 지역 정신건강 기관 안내 */
  #institutionInfo .map-image {width: 119px;}
  .list-row-text {padding: 1px 10px;}
  .list-col-5 .list-row-text:nth-of-type(3), .list-col-4 .list-row-text:nth-of-type(2), .list-col-3 .list-row-text:nth-of-type(2) {width: 100%;}
  .pop-text {text-align: left;}
  #facilityListContent .list-row-item {padding: 6px 0;}
  /* .list-col-4 .list-row-text:nth-of-type(1), .list-col-5 .list-row-text:nth-of-type(2) {padding-bottom: 6px;}
  .list-col-5 .list-row-text:nth-of-type(5), .list-col-4 .list-row-text:nth-of-type(4) {padding-top: 6px;} */
  .list-col-5 .list-row-text:nth-of-type(3)::after, .list-col-4 .list-row-text:nth-of-type(2)::after, .list-col-3 .list-row-text:nth-of-type(2)::after {display: none;}

  #institutionInfo .sub-titlebox {margin-bottom: 6px;}
  #institutionInfo .left-text {margin-bottom: 12px;}
  #institutionInfo .close-icon-btnbox {top: calc(-21px + -4px);}
  #institutionInfo .left-content-btns {padding-top: 12px;}
  .left-con-btn {font-size: 15px; width: calc((100% - 6px) / 2); height: 34px;}
  .list-content-title {font-size: 15px;}
  .list-icon.icon-on::before {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 지역 정신건강 기관 안내 > 팝업 */
  #institutionInfo .head-title {font-size: 15px;}
  #institutionInfo .head-addr {font-size: 13px;}
  #institutionInfo .foot-box {font-size: 13px; text-align: left;}
  #institutionInfo .pop-wrap {padding: 16px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 유족 정보 제공 */
  .main-item-title {font-size: 15px;}
  #sls .bold-title {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 애도 */
  #sls .text-box-img {display: none;}
  #sls .step-tag {font-size: 15px;}
  #sls .sub-container.img-text-box {flex-direction: column;}
  #sls .sub-container.img-text-box .article-content {flex-direction: row;}
  #sls .sub-container.img-text-box .left-title {font-size: 15px;}

  /* 정신건강정보 > 정신건강 정보 > 자살유족 서비스 안내 > 상록수 */
  #evg .section-top-textbox {padding: 15px 20px;}
  #evg .right-img-content {width: 120px;}
  #evg .text-box.border-radi {padding: 15px 20px;}
  #evg .chart-article.list-article {padding: 15px 20px;}
  
  #evg .top-sub-title {font-size: 16px;}
  #evg .contact-list {display: block;}
  #evg .contact-list ~ .contact-list {margin-top: 10px;}
  #evg .title-tag {width: fit-content; background-color: transparent; font-size: 16px;}
  #evg .contact-arrow {display: none;}
  #evg .contact-text {font-size: 15px;}

  /* 참여마당 > 교육·행사 신청/확인 */
  .sub-content-item {display: block;}
  .con-title {font-size: 15px;}
  .con-btn-link {font-size: 15px;}

  /* 페이징 */
  .pg_wrap {margin-top: 30px;}
  .pg_page, .pg_current {font-size: 13px; height: 30px; line-height: 30px; min-width: 30px;}
  .pg_page:is(.pg_start, .pg_prev) {margin-right: 0;}
  .pg_page:is(.pg_end, .pg_next) {margin-left: 0;}
  .pg_page:is(.pg_start, .pg_prev, .pg_end, .pg_next)::before {font-size: 14px;}

  /* 참여마당 > 교육·행사 신청/확인 > 글쓰기 */
  .sub-form-title {justify-content: center;}
  #education .article-date-box {gap: 5px;}

  /* 참여마당 > 교육·행사 신청/확인 > 상세 */
  .sub-list-content {padding: 10.5px 5px;}
  .sub-titlebox.no-line {margin-bottom: 10px;}
  .titlebox-sub {font-size: 15px;}
  #education .date-select .article-item-select {width: 85px;}

  /* 참여마당 > 교육·행사 신청/확인 > 신청 내역 */
  .sub-form-text .article-body-item:has(input[type=password] ~ .text-etc) {flex-wrap: wrap; gap: 5px 20px;}
  #education .list-col-4 .list-row-text:nth-of-type(2) {display: block; text-align: left;}
  
  /* 참여마당 > 교육·행사 신청/확인 > 신청 조회 */
  #education .list-row-title {font-size: 15px;}

  /* 참여마당 > 마음톡톡버스 신청/확인 */
  #bus .intro-title-img {max-width: 225px; min-width: 180px;}
  .calendar-wrap .left-content {padding: 25px 15px;}

  .fc-view-harness.fc-view-harness-passive::before {content: '← 좌우 드래그로 달력 확인 →'; display: block; margin-bottom: 4px; color: #666666; text-align: center;}
  .fc-dayGridMonth-view.fc-view.fc-daygrid {overflow-x: scroll;}
  .fc-theme-standard .fc-scrollgrid {width: 500px !important;}

  .date-tag-wr {top: 50px;}
  .date-tag-ul {margin: -3px;}
  .date-tag-ul li {padding: 3px;}
  .date-tag-box {gap: 2px;}
  .date-tag-name {font-size: 13px;}

  .calendar-wrap .right-content {padding: 25px 20px;}
  .sche-top-title {font-size: 15px;}
  #bus .text-box.border-radi {padding: 15px 20px;}

  .img-box-container {margin-top: 30px;}
  .img-box-container .img-box-wrap {grid-template-columns: 100% !important;}
  .img-box-container .img-box-wrap .img-item {grid-column: unset !important;}

  #bus .arrow-list-container {display: block;}
  #bus .arrow-list .blue-arrow {width: fit-content; height: 8px; margin: 10px auto; transform: rotate(90deg);}
  #bus .arrow-list .arrow-list-item {display: flex; align-items: center; justify-content: start; gap: 5px; width: 100%; padding: 10px; border-radius: 0 0 10px 10px;}
  #bus .arrow-list .arr-list-img {width: 50px; margin-bottom: 0;}
  #bus .arrow-list .arr-list-text {width: calc(100% - 55px);}
  #bus .arrow-list .arr-list-text br {display: none;}

  /* 참여마당 > 기관방문안내 */
  #visitInfo .sub-form-title {width: 100%;}
  #visitInfo .sub-form-content {width: 100%;}
  #visitInfo .text-box.border-radi {margin-bottom: 25px; padding: 15px 25px;}
  .textarea-tag {height: 160px;}

  /* 온라인 교육 > 교육 안내 > 자살예방교육 */
  #educationchannel .col-gray-box {margin-top: 15px;}
  #educationchannel .list-row-text {padding: 4px 10px;}
  .sub-top-head.link .head-icon-box {font-size: 15px;}

  /* 온라인 교육 > 교육 안내 > 마음구조 SOS */
  .text-con-box .big-text {font-size: 18px;}
  .img-con-box {display: none;}
  #educationchannel .section-top-textbox {padding: 15px 20px;}

  .img-list-container .title-box:nth-of-type(1), .img-list-container .text-box:nth-of-type(1) {width: 90px;}
  .img-list-container .title-box:not(:nth-of-type(1)), .img-list-container .text-box:not(:nth-of-type(1)) {width: calc(100% - 90px);}
  .img-list-container .text-box, .img-list-container .text-box.padding-row {padding: 10px;}

  .sos-footer-container .tag {padding: 7px 20px 4px; font-size: 15px;}
  .sos-footer-container .img-title {width: 200px; margin-bottom: 15px;}
  .sos-footer-container .step-tag {margin-top: 20px;}
  .sos-footer-container .text-img {height: 25px;}
  .sos-footer-container .item-txt-title {font-size: 15px;}

  .sos-footer-container .bottom-chart-wrap .chart-item::before {font-size: 18px;}
  #educationchannel .chart-text {font-size: 15px;}

  /* 온라인 교육 > 교육 수강 > 신청 */
  .img-txt-link-container .title {font-size: 15px;}
  .img-txt-link-container .txt-box ~ .txt-box {margin-top: 3px;}
  .img-txt-link-container .txt-title {padding-left: 10px;}
  .img-txt-link-container .etc {padding-left: 10px;}
  #educationchannel .blue-btn {width: 80px; font-size: 15px;}

  /* 온라인 교육 > 교육 수강 > 개인정보입력 */
  #educationchannel .article-body-item.txt {flex-direction: column; align-items: start;}

  /* 온라인 교육 > 교육 수강 > 자살예방 인식도 퀴즈(사전평가) */
  #educationchannel .sub-section.radio-2 .sub-form-radio input[type=radio] + label::after {width: 8px !important; height: 8px !important; top: 50% !important; left: 4px !important;}

  /* 온라인 교육 > 교육 수강 > 자살예방 인식도 퀴즈(사후)-오답풀이 */
  .list-con-exp {flex-direction: column; align-items: start; padding: 15px 20px;}
  .list-con-exp .text {max-width: 100%; margin-top: 5px; padding-left: 0;}

  /* 온라인 교육 > 나의 강의실 */
  .summary-icon {font-size: 18px;}
  .summary-title {font-size: 15px;}

  #mypage-list .list-row-title {font-size: 15px;}
  #mypage-list .list-row-text.blue {font-size: 15px;}
  .list-row-text.list-video-btn .btn-box .link {padding: 4px 8px;}
  .list-row-text.list-print-btn .btn-box .link {padding: 4px 8px;}

  /* 통합검색 */
  .search-result-cnt {font-size: 15px; margin-top: 20px;}
  .search-result-section-top {padding: 10px 5px;}
  .search-result-section-top .title {font-size: 15px;}
  .search-result-item {padding: 15px 5px;}
  .search-result-item-title {font-size: 15px; margin-bottom: 5px;}
  .search-result-item-point {margin-top: 5px;}
  .search-result-bottom {margin-top: 30px;}

  /* 20260323 수정 */
  .sub-form-title {padding: 10.5px 10px; justify-content: start;}
  .form_required::before {position: static; display: inline-block; vertical-align: top; margin-right: 3px;}

  /* 2026-03-31 인트로 페이지 추가 */
  .intro-content {padding: 0 14px;}
  .intro-head {margin-bottom: 16px;}
  .intro-body {width: 100%;}
  .intro-text .text-img {width: 180px; margin-bottom: 10px;}
  .intro-text .text {font-size: 15px;}
  .intro-cards {gap: 10px; flex-direction: column; width: 100%;}
  .intro-card {width: 100%;}
  .intro-card-thumb {padding-bottom: 22%;}
  .intro-card-info {height: auto;}
  .intro-card-name {font-size: 13px;}
  .intro-card-btn {height: 30px; font-size: 12px; width: 103px;}
  .intro-card-btn .round {width: 20px; font-size: 12px;}
  .intro-footer {font-size: 12px; text-align: center; padding: 0 14px;}

} /* End Media */