/* 미디어쿼리 */ #m_header{display: none;} .m_popup{display: none;} .m_area{display: none !important;} .guide_tabs .bx-controls{display:none;} .m_view{ display: none; } @media (max-width:1200px){ .organization_content>div>ul>li>p{ font-size: 14px; } .organization_content>dl>dd>ul>li>p>span{ display: inline; } } @media (max-width:960px){ .pc_view{ display: none; } .m_view{ display: block; } /* 인사말 */ .greeting_content>h4{ font-size: 18px; } .greeting_content>p{ max-width: 600px; margin: 30px auto; font-size: 14px; text-align: justify; } .greeting_content>h6{ font-size: 20px; } .greeting_content>figure{ margin-top: 0; } .greeting_content>figure>img{ width: 200px; height: 200px; margin: 30px 10px 0; border: 8px solid; } /* 연혁 */ .history_content>ul>li{ font-size: 16px; } .history_content>div{ margin-top: 20px; } .history_content>div>div>dl{ padding: 20px 0 0; border-top: 0; flex-flow: row wrap; } .history_content>div>div>dl>dt{ width: 100%; min-width: 100%; margin-bottom: 10px; font-size: 18px; } .history_content>div>div>dl>dd{ width: 95%; margin-left: 5%; } .history_content>div>div>dl>dd>ul{ width: 100%; display: flex; flex-flow: row nowrap; } .history_content>div>div>dl>dd>ul>li{ line-height: 24px; font-size: 14px; } .history_content>div>div>dl>dd>ul>li:first-of-type{ min-width: 60px; } .history_content>div>div>dl>dd>ul>li:last-of-type{ width: 100%; } .history_content>div>figure{ display: none; } /* 일반현황 */ .currentstate_content>h4{ margin-top: 40px; font-size: 18px; } .currentstate_content>p{ font-size: 14px; } .currentstate_content>ul{ flex-flow: row wrap; } .currentstate_content>ul>li:first-of-type{ margin-right: 0; padding: 30px; } .currentstate_content>ul>li:first-of-type>figure{ margin-right: 30px; } .currentstate_content>ul>li:first-of-type>div>h6{ margin: 20px 0 5px; } .currentstate_content>ul>li:last-of-type>dl{ padding: 30px; } .currentstate_content>ul>li:last-of-type>dl:nth-of-type(1){ margin: 10px 0; } .currentstate_content>ul>li:last-of-type>dl>dt{ margin-right: 30px; } .currentstate_content>ol{ flex-flow: row wrap; } .currentstate_content>ol>li{ width: 100%; margin-bottom: 60px; align-items: center; } .currentstate_content>ol>li:last-of-type{ margin-bottom: 0; } .currentstate_content>ol>li>div{ max-width: 320px; height: 60px; } .currentstate_content>ol>li>div>p{ font-size: 14px; } .currentstate_content>ol>li>div:nth-of-type(1)>p{ font-size: 16px; } /* 조직도 및 업무분장 */ .organization_content>h4{ margin-top: 40px; font-size: 18px; } .organization_content>div>ul>li{ width: 33%; } .organization_content>div>ul>li:nth-of-type(4){ display: none !important; } .organization_content>div>ul>li:nth-of-type(5){ display: none; } .organization_content>div>ul:nth-of-type(1)>li{ width: 80%; max-width: 300px; } .organization_content>div>ul:nth-of-type(2)>li{ width: 50%; } .organization_content>div>ul:nth-of-type(2)>li:nth-of-type(2){ display: none; } .organization_content>div>ul:nth-of-type(2)>li:nth-of-type(3){ width: 5%; } .organization_content>div>ul:nth-of-type(2)>li:nth-of-type(5){ display: block; } .organization_content>div>ul:nth-of-type(2)>li:nth-of-type(5)>p{ max-width: 300px; margin: 0; } .organization_content>div>ul:nth-of-type(3)>li{ width: 80%; max-width: 300px; } /*.organization_content>div>ul:nth-of-type(5)>li{ width: 80%; max-width: 300px; }*/ .organization_content>div>ul:nth-of-type(5)>li:nth-of-type(2)>div {width: 50%;} .organization_content>div>ul:nth-of-type(5)>li:nth-of-type(2) { width: 5%;} .organization_content>div>ul:nth-of-type(5)>li:nth-of-type(2)>div:first-of-type {border-right: 1px solid rgb(204, 204, 204);} .organization_content>div>ul:nth-of-type(6)>li{ width: 50%; } .organization_content>div>ul:nth-of-type(6)>li:nth-of-type(1){ display: flex; flex-flow: row nowrap; justify-content: flex-end; } .organization_content>div>ul:nth-of-type(6)>li:nth-of-type(1)>p{ max-width: 300px; margin: 0; } .organization_content>div>ul:nth-of-type(6)>li:nth-of-type(2){ display: none; } .organization_content>div>ul:nth-of-type(6)>li:nth-of-type(3){ display: flex; flex-flow: row nowrap; justify-content: flex-end; } .organization_content>div>ul:nth-of-type(6)>li:nth-of-type(3)>p{ max-width: 300px; margin: 0; } .organization_content>div>ul:nth-of-type(6)>li:nth-of-type(4){ display: block !important; } .organization_content>div>ul:nth-of-type(6)>li:nth-of-type(4){ display: none; } .organization_content>div>ul:nth-of-type(7)>li:nth-of-type(2){width: 5%;} .organization_content>div>ul:nth-of-type(7)>li:nth-of-type(2)>div {width: 50%;} .organization_content>div>ul:nth-of-type(7)>li:nth-of-type(2)>div:first-of-type {border-right: 1px solid rgb(204,204,204);} .organization_content>div>ul:nth-of-type(7)>li:nth-of-type(2)>div>div:first-of-type {border-bottom: 1px solid rgb(204,204,204);} .organization_content>div>ul:nth-of-type(7)>li {width: 80%; max-width: 300px;} .organization_content>div>ul:nth-of-type(12)>li:nth-of-type(1){ display: none; } .organization_content>div>ul:nth-of-type(12)>li:nth-of-type(2){ display: none; } .organization_content>div>ul:nth-of-type(11)>li{ width: 80%; max-width: 300px; } .organization_content>div>ul:nth-of-type(11)>li:nth-of-type(2){ display: none; } .organization_content>div>ul:nth-of-type(11)>li:nth-of-type(3){ display: none; } .organization_content>div>ul:nth-of-type(13)>li:nth-of-type(3)>div:nth-of-type(2) {border-top: none;} .organization_content>div>ul:nth-of-type(13)>li:nth-of-type(1)>div:nth-of-type(2) {border-right: 1px solid rgb(204, 204, 204);} .organization_content>div>ul:nth-of-type(14)>li{ width: 30% !important; } .organization_content>div>ul:nth-of-type(14)>li>p{ width: calc(100% - 10px) !important; } .organization_content>div>ul:nth-of-type(14)>li:nth-of-type(4) {display:block!important;} .organization_content>div>ul:nth-of-type(14)>li:nth-of-type(3) {display:block!important;} .organization_content>div>ul:nth-of-type(14)>li:nth-of-type(3)>div>div:first-of-type {border-left: 1px solid rgb(204, 204, 204); border-right: none; margin-left: -1px;} .organization_content>div>ul:nth-of-type(15)>li:nth-of-type(1){ display: none; } .organization_content>div>ul:nth-of-type(15)>li:nth-of-type(2){ display: none; } .organization_content>div>ul:nth-of-type(17)>li{ width: 30% !important; } .organization_content>div>ul:nth-of-type(17)>li>p{ width: calc(100% - 10px) !important; } .organization_content>div>ul:nth-of-type(19)>li{ width: 30% !important; } .organization_content>div>ul:nth-of-type(19)>li>p{ width: calc(100% - 10px) !important; } .organization_content>div>ul:nth-of-type(21)>li{ width: 30% !important; } .organization_content>div>ul:nth-of-type(21)>li>p{ width: calc(100% - 10px) !important; } .organization_content>figure{ width: 100%; margin-top: 40px; display: flex; flex-flow: row wrap; justify-content: center; } .organization_content>figure>ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .organization_content>figure>ul:nth-of-type(2){ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .organization_content>figure>ul:nth-of-type(4){ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .organization_content>figure>ul>li{ width: 80%; max-width: 300px; height: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .organization_content>figure>ul:nth-of-type(2)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .organization_content>figure>ul:nth-of-type(4)>li{ display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .organization_content>figure>ul:nth-of-type(2)>li>div{ width: 50%; } .organization_content>figure>ul:nth-of-type(2)>li>div:first-of-type{ height: 25px; border-right: 1px solid rgb(204,204,204); } .organization_content>figure>ul:nth-of-type(4)>li>div{ width: 50%; } .organization_content>figure>ul:nth-of-type(4)>li>div:first-of-type{ height: 25px; border-right: 1px solid rgb(204,204,204); } .organization_content>figure>ul>li>p{ width: 100%; height: 45px; margin: auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; text-align: center; color: rgb(255,255,255); font-size: 14px; transition: all 0.2s ease-in-out; } .organization_content>figure>ul:nth-of-type(1)>li>p{ height: 60px; background-color: rgb(214,174,91); } .organization_content>figure>ul:nth-of-type(3)>li>p{ background-color: rgb(72,163,190); } .organization_content>figure>ul:nth-of-type(5)>li>p{ height: 60px; border: 1px solid rgb(72,163,190); color: rgb(72,163,190); } .organization_content>dl>dt>div{ width: 100%; } .organization_content>dl>dt>div>p:nth-of-type(1){ width: 100%; } .organization_content>dl>dt>div>p:nth-of-type(2){ width: 100%; } .organization_content>dl>dt>div>p:nth-of-type(3){ width: 100%; } .organization_content>dl>dt>p{ display: none; } .organization_content>dl>dd>ul{ flex-flow: row wrap; } .organization_content>dl>dd>ul>li:first-of-type{ width: 100%; } .organization_content>dl>dd>ul>li:last-of-type{ width: 100%; padding: 10px 20px; } .organization_content>dl>dd>ul>li>p:nth-of-type(1){ width: 100%; } .organization_content>dl>dd>ul>li>p:nth-of-type(2){ width: 100%; } .organization_content>dl>dd>ul>li>p:nth-of-type(3){ width: 100%; border-right-color: transparent; } .organization_content>dl>dd>ul>li>p>span{ display: none; } /* 오시는길 */ .direction_content{ margin: auto; } .daum_map{ height: 400px !important; } .direction_content>h4{ margin: 30px 0 15px; font-size: 16px; } .direction_content>dl{ margin-top: 5px; } .direction_content>dl>dt{ width: 60px; height: 18px; margin: 1px 0; font-size: 12px; line-height: 16px; } .direction_content>dl>dd{ max-width: calc(100% - 60px); padding-left: 7px; font-size: 14px; line-height: 20px; } .direction_content>h6:nth-of-type(1){ margin-top: 15px; } .direction_content>h6>p{ width: 50px; font-size: 14px; } .direction_content>h6>a{ max-width: calc(100% - 50px); font-size: 14px; } .direction_content>section>article:nth-of-type(1){ width: 100%; } .direction_content>section>article:nth-of-type(2){ width: 100%; margin-top: 15px; } .direction_content>section>article>p{ width: 50px; font-size: 14px; } .direction_content>section>article>div{ max-width: calc(100% - 50px); } .direction_content>section>article>div>a{ font-size: 14px; line-height: 20px; } .direction_content>section>article>div>dl>dt{ height: 15px; margin-top: 3px; margin-right: 3px; } .direction_content>section>article>div>dl>dd{ font-size: 14px; line-height: 20px; } .direction_content>figure{ width: 100%; height: 1px; margin-top: 30px; } /* 청소년상담복지센터 하위 메뉴, CYS-Net이란? */ .center_content>h2{ display: flex; flex-flow: row wrap; justify-content: center; } .center_content>h2>span{ margin-right: 5px; } .center_content>h2>span.pc_lf{ display: none; } .center_content>h4{ margin-top: 40px; font-size: 18px; } .center_content>div{ justify-content: space-between; } .center_content>div>dl{ width: 48%; margin-bottom: 30px; } .center_content>div>dl:nth-of-type(2n){ margin: 0 0 30px; } .center_content>div>dl:nth-of-type(5){ margin: 0 0 30px; } /* 청소년안전망 연계기관 */ .cysnetinstitute_content>ul:nth-of-type(5){ display: none; } .cysnetinstitute_content>ul>li:nth-of-type(1){ width: 25%; } .cysnetinstitute_content>ul>li:nth-of-type(2){ width: 0; } .cysnetinstitute_content>ul>li:nth-of-type(3){ width: 0; } .cysnetinstitute_content>ul>li:nth-of-type(4){ width: 25%; } .cysnetinstitute_content>ul>li:nth-of-type(5){ width: 0; } .cysnetinstitute_content>ul>li:nth-of-type(6){ width: 0; } .cysnetinstitute_content>ul>li:nth-of-type(7){ width: 25%; } .cysnetinstitute_content>ul:nth-of-type(1)>li{ width: 80%; } .cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(1){ width: 50%; } .cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(4){ width: 5%; } .cysnetinstitute_content>ul:nth-of-type(2)>li:nth-of-type(7){ width: 50%; } .cysnetinstitute_content>ul:nth-of-type(3)>li{ width: 80%; } .cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(1){ width: 50%; } .cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(4){ width: 5%; } .cysnetinstitute_content>ul:nth-of-type(4)>li:nth-of-type(7){ width: 50%; } .cysnetinstitute_content>div{ flex-flow: column nowrap; align-items: center; } .cysnetinstitute_content>div>ul{ width: 80%; margin-bottom: 30px; } /* 청소년지원센터 꿈드림 하위 메뉴 */ .dream_content>ul>li{ width: 100%; margin-bottom: 30px; } .dream_content>ul>li>h5{ margin-top: 30px; } .dream_content>ol{ margin-bottom: 0; } .dream_content>ol>li:nth-of-type(1){ width: 30%; flex-flow: row wrap; } .dream_content>ol>li:nth-of-type(2){ width: 70%; flex-flow: row wrap; } .dream_content>ol>li>p{ width: 100%; height: 60px; } .dream_content>ol>li>p:last-of-type{ border-right: 1px solid rgb(204,204,204); } .dream_content>ol>li:nth-of-type(2)>p{ border-right: 0; } .dream_content>ol>li:nth-of-type(2)>p:nth-of-type(1){ width: 100%; height: 240px; } .dream_content>div{ justify-content: space-between; } .dream_content>div>dl{ width: 48%; margin-bottom: 30px; } .dream_content>section>article:nth-of-type(1){ width: 100%; margin-bottom: 50px; } .dream_content>section>article:nth-of-type(2){ width: 100%; } .dream_content>figure>h5{ margin-top: 30px; } .dream_content>article{ margin-bottom: 30px; padding: 15px 20px; } .dream_content>article>dl>dt{ width: 50px; height: 60px; } .dream_content>article>dl>dd{ width: calc(100% - 70px); font-size: 16px; } /* 학습지원사업 */ .studying_support_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; } .studying_support_content>article{ margin-bottom: 20px; padding: 20px 0; } .studying_support_content>article>p{ font-size: 20px; } .studying_support_content>h4{ margin: 40px 0 10px; font-size: 18px; } .studying_support_content>h5{ margin: 20px 0 5px; } .studying_support_content>figure>dl{ width: 160px; } .studying_support_content>figure>dl>dt{ margin: 35px 0 5px; font-size: 16px; } .studying_support_content>figure>dl>dd{ padding: 0 15px; font-size: 12px; } .studying_support_content>figure>div{ width: 70px; font-size: 16px; } .studying_support_content>figure>p{ font-size: 24px; } .studying_support_content>ol>li:nth-of-type(1){ width: calc(100% - 280px); } .studying_support_content>ol>li:nth-of-type(2){ width: 140px; } .studying_support_content>ol>li:nth-of-type(3){ width: 140px; border-right: 0; } .studying_support_content>ol>li>p{ font-size: 14px; } .studying_support_content>ul>li:nth-of-type(1){ width: calc(100% - 280px); padding-left: 17px; } .studying_support_content>ul>li:nth-of-type(2){ width: 140px; padding-right: 17px; } .studying_support_content>ul>li:nth-of-type(3){ width: 140px; padding-right: 17px; } .studying_support_content>ul:nth-of-type(1)>li:nth-of-type(1){ width: 60px; } .studying_support_content>ul:nth-of-type(1)>li:nth-of-type(2){ width: calc(100% - 60px); } .studying_support_content>ul>li>p{ font-size: 14px; } .studying_support_content>ul>li>ul>li:nth-of-type(1){ width: calc(100% - 280px); padding-left: 17px; } .studying_support_content>ul>li>ul>li:nth-of-type(2){ width: 140px; padding-right: 17px; } .studying_support_content>ul>li>ul>li:nth-of-type(3){ width: 140px; padding-right: 17px; } .studying_support_content>ul>li>ul>li>p{ font-size: 14px; } .studying_support_content>section{ margin: 0 0 20px; } .studying_support_content>section>article{ width: calc(33% - 10px); } .studying_support_content>section>article>div{ height: 60px; padding: 0 7px; } .studying_support_content>section>article>p{ padding: 10px; } .studying_support_content>section>p{ width: 15px; font-size: 24px; } .studying_support_content>div>dl{ width: 100%; margin-bottom: 30px; } .studying_support_content>div>dl>dt{ margin-top: 30px; } /* 간단심리검사 */ .psychologicaltest_content>div{ justify-content: space-around; } .psychologicaltest_content>section>article>dl{ padding: 30px; transition: all 0.2s ease-in-out; } .psychologicaltest_content>section>article>dl>dd>ul>li{ width: 70px; min-width: 70px; padding: 5px 10px; } .psychologicaltest_content>section>article>dl>dd>ul:first-of-type>li{ padding: 5px 10px; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2){ display: flex; flex-flow: column wrap; align-items: flex-start; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2)>span{ width: 100%; text-align: justify; } .psychologicaltest_content>section>article>dl>dd>ul:first-of-type>li:nth-of-type(2){ display: block; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(3){ display: none; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(4){ display: none; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(5){ display: none; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(6){ display: none; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2)>figure{ margin-top: 10px; display: flex; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2)>figure>select{ margin-right: 10px; padding: 2px; display: inline; text-align: center; text-align-last: center; font-size: 14px; } [class^="answer_chk"]{ display: inline; color: rgb(12,144,45); } #test_result>dt{ width: 100%; max-width: unset; } #test_result>dt>h4{ font-size: 16px; } #test_result>dt>h6{ font-size: 14px; } #test_result>dd{ width: 100%; height: 100%; max-width: unset; font-size: 14px; background-color: rgb(255,255,255); } /* 사이트맵 */ .sitemap_content>dl{ width: 45%; } } @media (max-width:700px){ /* 학습지원사업 */ .studying_support_content>figure>p:nth-of-type(3){ width: 100%; margin: 15px 0; } .studying_support_content>figure>p:nth-of-type(3)>i{ transform: rotate(90deg); } } @media (max-width:600px){ /* 사이트맵 */ .sitemap_content>dl{ width: 100%; min-width: 0; } /* 학습지원사업 */ .studying_support_content>ol>li:nth-of-type(1){ width: calc(100% - 160px); } .studying_support_content>ol>li:nth-of-type(2){ width: 80px; } .studying_support_content>ol>li:nth-of-type(3){ width: 80px; border-right: 0; } .studying_support_content>ul>li:nth-of-type(1){ width: calc(100% - 160px); padding-left: 17px; } .studying_support_content>ul>li:nth-of-type(2){ width: 80px; padding-right: 9px; } .studying_support_content>ul>li:nth-of-type(3){ width: 80px; padding-right: 9px; } .studying_support_content>ul:nth-of-type(1)>li:nth-of-type(1){ width: 60px; } .studying_support_content>ul:nth-of-type(1)>li:nth-of-type(2){ width: calc(100% - 60px); } .studying_support_content>ul>li>ul>li:nth-of-type(1){ width: calc(100% - 160px); padding-left: 17px; } .studying_support_content>ul>li>ul>li:nth-of-type(2){ width: 80px; padding-right: 9px; } .studying_support_content>ul>li>ul>li:nth-of-type(3){ width: 80px; padding-right: 9px; } .studying_support_content>figure>dl{ width: 130px; } .studying_support_content>figure>dl>dt{ margin: 20px 0 2px; padding-bottom: 2px; font-size: 12px; } .studying_support_content>figure>dl>dd{ padding: 0 5px; line-height: 16px; } .studying_support_content>figure>div{ width: 60px; font-size: 14px; } .studying_support_content>figure>p{ font-size: 16px; } .studying_support_content>figure>p:nth-of-type(3){ margin: 10px 0; } } @media (max-width:480px){ /* 일반현황 */ .currentstate_content>ul>li:first-of-type{ padding: 15px; } .currentstate_content>ul>li:first-of-type>figure{ width: 0; height: 0; margin-right: 0; overflow: hidden; opacity: 0; } .currentstate_content>ul>li:last-of-type>dl{ padding: 15px; } .currentstate_content>ul>li:last-of-type>dl:nth-of-type(1)>dt{ width: 0; margin-right: 0; height: 0; overflow: hidden; opacity: 0; } .currentstate_content>ul>li:last-of-type>dl:nth-of-type(2)>dt{ width: 0; margin-right: 0; height: 0; overflow: hidden; opacity: 0; } .currentstate_content>ol>li{ min-width: 0; margin-bottom: 40px; } .currentstate_content>ol>li>div{ max-width: 100%; } /* 조직도 및 업무분장 */ .organization_content .mobile_lf{ display: inline; } .organization_content>div>ul:nth-of-type(14)>li>p{ font-size: 13px; } .organization_content>div>ul:nth-of-type(17)>li>p{ height: 60px; font-size: 13px; } .organization_content>div>ul:nth-of-type(19)>li>p{ height: 90px; font-size: 13px; } .organization_content>div>ul:nth-of-type(14)>li>p {height: 200px;} .organization_content>div>ul:nth-of-type(14)>li:nth-of-type(3)>div > div {height: 200px;} /* 오시는길 */ .direction_content{ margin: auto; } .daum_map{ height: 250px !important; } .daum_map .wrap_controllers .wrap_btn_roadview .txt:nth-of-type(1){ display: none; } .daum_map .wrap_controllers .wrap_btn_roadview .txt_bar:nth-of-type(1){ display: none; } .direction_content>h4{ margin: 20px 0 10px; } .direction_content>figure{ margin-top: 20px; } /* 청소년상담복지센터 하위 메뉴, CYS-Net이란? */ .center_content>div{ justify-content: center; } .center_content>div>dl{ width: 100%; margin-bottom: 20px; } .center_content>div>dl>dd{ font-size: 14px; } .center_content>h2{ font-size: 14px; } .center_content>h6{ margin: 20px 0 5px; font-size: 14px; } .center_content>p{ font-size: 14px; } .center_content>figure{ padding: 15px 20px; } .center_content>figure>dl>dd{ font-size: 14px; } .center_content>ul{ margin: 0 0 20px !important; flex-flow: row wrap; } .center_content>ul>li{ font-size: 14px; } .center_content>ul>li:first-of-type{ margin-bottom: 5px; } /* 청소년안전망 연계기관 */ .cysnetinstitute_content>ul>li>p{ font-size: 16px; } .cysnetinstitute_content>div>ul>li:nth-of-type(1)>p{ font-size: 16px; } /* 청소년지원센터 꿈드림 하위 메뉴 */ .dream_content>ul>li{ margin-bottom: 20px; } .dream_content>ul>li>h5{ margin-top: 20px; font-size: 16px; } .dream_content>ul>li>p{ font-size: 14px; } .dream_content>ul>li:nth-of-type(1)>p>span.checkup_choice{ max-width: 100%; flex-flow: column nowrap; align-items: flex-start; } .dream_content>ul>li:nth-of-type(1)>p>span.checkup_choice>span:nth-of-type(1){ width: 60px; height: 24px; margin: 0 0 5px 0; line-height: 22px; } .dream_content>ul>li:nth-of-type(1)>p>span.checkup_choice>span:nth-of-type(2){ width: 100%; max-width: 100%; } .dream_content>ol>li>p:last-of-type{ height: 80px; } .dream_content>div{ justify-content: center; } .dream_content>div>dl{ width: 100%; margin-bottom: 20px; } .dream_content>div>dl>dd{ font-size: 14px; } .dream_content>section>article:nth-of-type(1){ margin-bottom: 20px; } .dream_content>section>article:nth-of-type(1)>h5{ margin-top: 20px; font-size: 16px; } .dream_content>section>article:nth-of-type(1)>p{ font-size: 14px; } .dream_content>section>article:nth-of-type(2){ justify-content: center; } .dream_content>section>article:nth-of-type(2)>dl{ width: 100%; margin-bottom: 20px; } .dream_content>section>article:nth-of-type(2)>dl>dd{ font-size: 14px; } .dream_content>figure>h5{ margin-top: 20px; font-size: 16px; } .dream_content>figure>p{ font-size: 14px; } .dream_content>article{ margin-bottom: 20px; padding: 10px 15px; } .dream_content>article>dl>dt{ width: 40px; height: 50px; } .dream_content>article>dl>dd{ width: calc(100% - 50px); font-size: 14px; } /* 학습지원사업 */ .studying_support_content{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; } .studying_support_content>article{ margin-bottom: 15px; padding: 15px; } .studying_support_content>article>p{ font-size: 16px; } .studying_support_content>h4{ margin: 30px 0 5px; font-size: 16px; } .studying_support_content>dl>dt{ font-size: 14px; } .studying_support_content>dl:nth-of-type(1)>dt{ width: 35px; } .studying_support_content>dl:nth-of-type(2)>dt{ width: 35px; } .studying_support_content>dl:nth-of-type(3)>dt{ width: 62px; } .studying_support_content>dl>dd{ font-size: 14px; } .studying_support_content>dl:nth-of-type(1)>dd{ width: calc(100% - 35px); } .studying_support_content>dl:nth-of-type(2)>dd{ width: calc(100% - 35px); } .studying_support_content>dl:nth-of-type(3)>dd{ width: calc(100% - 62px); } .studying_support_content>h5{ margin: 20px 0 5px; font-size: 14px; } .studying_support_content>p{ font-size: 14px; } .studying_support_content>h6{ font-size: 14px; } .studying_support_content>figure>dl{ width: 160px; justify-content: center; } .studying_support_content>figure>dl>dt{ margin: 0 0 5px; padding-bottom: 5px; font-size: 16px; } .studying_support_content>figure>dl>dd{ padding: 0 5px; line-height: 20px; } .studying_support_content>figure>div{ width: 80px; font-size: 16px; } .studying_support_content>figure>p{ width: 100%; margin: 5px 0; font-size: 20px; } .studying_support_content>figure>p:nth-of-type(3){ margin: 5px 0; } .studying_support_content>ol{ margin-top: 5px; display: flex; } .studying_support_content>ol.table_02{ display: flex; } .studying_support_content>ol>li:nth-of-type(1){ width: calc(100% - 70px); } .studying_support_content>ol>li:nth-of-type(2){ width: 70px; border-right: 0; } .studying_support_content>ol>li:nth-of-type(3){ display: none; } .studying_support_content>ul.table_02{ display: flex; } .studying_support_content>ul>li:nth-of-type(1){ width: calc(100% - 70px); padding-left: 5px; } .studying_support_content>ul>li:nth-of-type(2){ width: 70px; padding-right: 5px; border-right: 0; } .studying_support_content>ul>li:nth-of-type(3){ display: none; } .studying_support_content>ul:nth-of-type(1)>li:nth-of-type(1){ width: 35px; padding: 0; justify-content: center; } .studying_support_content>ul:nth-of-type(1)>li:nth-of-type(2){ width: calc(100% - 35px); } .studying_support_content>ul:nth-of-type(4)>li:nth-of-type(1){ width: 35px; padding: 0; justify-content: center; } .studying_support_content>ul:nth-of-type(4)>li:nth-of-type(2){ width: calc(100% - 35px); padding: 0; border-right: 0; flex-flow: column nowrap; } .studying_support_content>ul:nth-of-type(1)>li:nth-of-type(1)>p{ text-align: center; } .studying_support_content>ul:nth-of-type(4)>li:nth-of-type(1)>p{ text-align: center; } .studying_support_content>ul>li>ul>li:nth-of-type(1){ width: calc(100% - 70px); padding-left: 5px; } .studying_support_content>ul>li>ul>li:nth-of-type(2){ width: 70px; padding-right: 5px; border-right: 0; } .studying_support_content>ul>li>ul>li:nth-of-type(3){ display: none; } .studying_support_content>section{ margin: 10px 0; } .studying_support_content>section>article{ width: 100%; margin-top: 0; border-radius: 7px; } .studying_support_content>section>article>div{ height: auto; padding: 10px; } .studying_support_content>section>article>div>h5{ font-size: 14px; } .studying_support_content>section>article>p{ padding: 10px; } .studying_support_content>section>p{ width: 100%; font-size: 18px; } .studying_support_content>section>p>i{ transform: rotate(90deg); } .studying_support_content>div>dl{ margin-bottom: 20px; } .studying_support_content>div>dl>dt{ margin-top: 20px; font-size: 16px; } .studying_support_content>div>dl>dd{ font-size: 14px; } /* 간단심리검사 */ .psychologicaltest_content>h4{ margin-top: 40px; font-size: 18px; } .psychologicaltest_content>h6{ margin-top: 20px; font-size: 14px; } .psychologicaltest_content>p{ font-size: 14px; } .psychologicaltest_content>div{ margin-top: 20px; } .psychologicaltest_content>div>img{ width: 100%; height: auto; margin: 10px 0; } .psychologicaltest_content>figure{ padding: 20px; } .psychologicaltest_content>figure>p{ display: block; text-align: justify; font-size: 14px; } .psychologicaltest_content>figure>p>span{ margin-right: 0; } .psychologicaltest_content>ol>li{ width: 100%; min-width: 0; } .psychologicaltest_content>ol>li:nth-of-type(3){ display: none; } .psychologicaltest_content>section>article>dl>dd{ border: 0; } .psychologicaltest_content>section>article>dl>dd>ul:first-of-type{ display: none; } .psychologicaltest_content>section>article>dl>dd>ul>li{ border: 0; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(1){ display: none; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2){ padding: 0 0 30px 0; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2)>span{ font-weight: bold; font-size: 14px; } .psychologicaltest_content>section>article>dl>dd>ul>li:nth-of-type(2)>select{ font-size: 12px; } .psychologicaltest_content>section>div>button{ width: calc(100% - 60px); font-size: 16px; } }