/** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ /* css변경시 functions.php> 15 line define( 'CHILD_THEME_ASTRA_CHILD_VERSION', '1.0.3' ); 버전변경할것 */ /* css명명규칙: css-사이트명 - 사이트 전체에 필요한 경우만 지정할것 */ .padding1{padding-left:20px;} .padding2{padding-left:40px;} .padding3{padding-left:60px;} .left{text-align:left;} .right{text-align:right;} .justify{text-align:justify;} /*2025.06.02---www, cms.wku.ac.kr, cms.wku.ac.kr/culinary .white 초기화면 적용함 */ .red{color:red !important;} .green{color:green;} .blue{color:blue;} .white{color:white;} .black{color:black;} .yellow{color:yellow;} /*2024.07.24*/ .font-size-0{font-size: 16px;} .font-size-1{font-size: 15px;} .font-size-2{font-size: 14px;} .font-size-3{font-size: 13px;} .font-size--1{font-size: 17px;}/*2024.08.19*/ .font-size--2{font-size: 18px;}/*2024.08.19*/ /* 2024.05.28 학사안내용 내어쓰기 */ .indent1 {padding-left: 30px; text-indent: -15px;} .indent2 {padding-left: 45px; text-indent: -15px;} .indent3 {padding-left: 60px; text-indent: -15px;} /* 2024.02.28 */ .letter-spacing-1 {letter-spacing:-1px;} .letter-spacing-2 {letter-spacing:-2px;} .letter-spacing-3 {letter-spacing:-3px;} .letter-spacing-4 {letter-spacing:-4px;} /* table th 값 지정하기, 2024.02.17 */ .entry-content table caption {display:none;} .entry-content thead th {background:#edf1f7; color:#204386;} /* =========================== 봉황BBS 초기화면 붙이기---> 공통모듈로 분리하기 2023.07.14 =========================== */ #include-BBS ul{margin-left:20px;margin-bottom:0px;padding-left:0px;} /* 2025.05.09추가 iphone 13mini 두줄로보임 */ #include-BBS {margin-top:20px;} #include-BBS strong {display: inline-block; width: 78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #include-BBS strong {float:left; color: #000; font-weight: normal;} #include-BBS span {float:right; color: #000;} #include-BBS ul li {height: 35px;} @media (max-width: 1200px){ #include-BBS strong {display: inline-block; width: 78%!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } selector.elementor-element .elementor-widget-container { columns: 1!important;} } @media (max-width: 767px){ /*20220830 .wku-BBS strong {display: inline-block; width: 55vw!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } */ #include-BBS strong {display: inline-block; width: 70%!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } /* 2025.05.09추가 iphone 13mini 두줄로보임 width: 75% -> width: 70% */ /* =========================== 학과 홈페이지>학과소개>진로설계도 2023.10.23 --> 임시로 style에 넣는다 --> Global Color에서 지정하여 테이블 색 지정 후 아래 코드 삭제할것 =========================== */ .tg {border-collapse:collapse;border-spacing:0;} .tg td{border-color:black;border-style:solid;border-width:1px;font-size:14px; overflow:hidden;word-break:normal;} .tg th{border-color:black;border-style:solid;border-width:1px;font-size:14px; font-weight:normal;overflow:hidden;word-break:normal;} .tg .tg-bjiu{font-family:noto sans kr, sans-serif;background-color:#00418F;border-color:#eeeeee;color:#FFF;text-align:center;vertical-align:middle} .tg .tg-kyjg{font-family:noto sans kr, sans-serif;background-color:#FFF;border-color:#eeeeee;color:#333;padding:20px;text-align:center;vertical-align:middle} .tg .tg-8f31{font-family:noto sans kr, sans-serif;background-color:#F7F7F7;border-color:#eeeeee;color:#00418F;text-align:center;padding:20px;vertical-align:middle} .tg .tg-pomm{font-family:noto sans kr, sans-serif;background-color:#FFF;border-color:#eeeeee;padding:20px;color:#333;text-align:left;vertical-align:top} /* =========================== overflow-auto 스크롤바 css 2026.04.11 정의위치: style.css 사용법 1.class지정: overflow-auto 해당요소(image,table등) 2.원본 크기지정: width,height 이미지:이미지편집>콘텐츠>이미지 해상도:사용자화>width,height table : 텍스트편집기>고급>폭>사용자화: 사용자 정의 넓이 =========================== */ @media (max-width: 1024px){ /* 👆👆👆위 코드설명👆👆👆 👉 태블릿 + 모바일에서만 적용 (PC에서는 원래처럼 보이게 유지) */ .scroll-wrap{ position: relative; } /* 👆👆👆위 코드설명👆👆👆 👉 스크롤 영역을 감싸는 부모 컨테이너 이후에 absolute 요소 (가짜 스크롤바 등) 넣을 때 기준이 됨 지금은 큰 역할은 없지만 확장 대비용 구조 */ .overflow-auto{ overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } /* 👆👆👆위 코드설명👆👆👆 👉 실제 가로 스크롤을 만드는 핵심 영역 overflow-x: auto → 콘텐츠가 넘치면 가로 스크롤 생성 overflow-y: hidden → 세로 스크롤 제거 (불필요한 스크롤 방지) -webkit-overflow-scrolling: touch → iPhone에서 부드러운 관성 스크롤 적용 (필수) */ .overflow-auto img{ width: auto !important; max-width: none !important; display: block; } /* 👆👆👆위 코드설명👆👆👆 width: auto → 원본 크기 유지 max-width: none → 부모보다 커지는 것 허용 (스크롤 가능하게) display: block → 이미지 아래 여백/inline 버그 제거 아래처럼되어 있으면 상태면 이미지가 무조건 줄어듦 → 스크롤 안 생김 img { width: 100%; max-width: 100%; } */ .fake-scrollbar{ height: 17px; background: #cdcdcd; border-radius: 10px; margin-top: 20px; } /* 👆👆👆위 코드설명👆👆👆 아이폰에서 스크롤바 생성 */ .overflow-auto::after{ content: ""; display: block; height: 10px; } /* 👆👆👆위 코드설명👆👆👆 스크롤 위치:10px 아래로 */ } /* =========================== overflow-auto 스크롤바 css 끝. =========================== */