/*
Theme Name: Goyosing
Author: GoyoFunk Studio
Author URI: https://goyofunk.com
Description: 워드프레스 테마입니다. 
Version: 1.0
Text Domain: Goyosing
*/

@font-face { 
 font-family: 'Pretendard Variable'; 
 font-weight: 45 920; 
 font-style: normal; 
 font-display: swap; 
 src: local('Pretendard Variable'), 
 url('assets/fonts/pretendard/PretendardVariable.woff2') format('woff2-variations'); 
 } 

* { margin: 0; padding: 0; box-sizing: border-box; } 
:root { --menu-top-color: #fff; 
 --submenu-hover-bg-color:#fff; 
 --primary-color:#019560; 
 --body-bg-color:#fff; 
 --body-text-color:#3e3e3e; 
 --top-menu-line-color:#fff; 
 --main-menu-line-color:#fff; 
 --menu-top-color-sub:#fff; 
 --submenu-bg-color:#ffffff; 
 --submenu-text-color:#333; 
 --submenu-hover-text-color:#019560; 
 --submenu-hover-bg-color:#edf4f1; 
 --border-color:#ccc; 
 --single-video-aspect-ratio: 16 / 9; 
 } 
body { margin:0 auto; overflow:auto; overflow-x:hidden; position:relative; width:100%; -ms-overflow-style:none; } 
body,button,input,select,optgroup,textarea { font-family: "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: clamp(15px, 2vw, 17px); line-height:1.6; color:#000 } 
h1, h2 { font-size:clamp(22px, 2.5vw, 28px) } 
h3 { font-size: clamp(20px, 2.5vw, 24px) } 
h4 { font-size:20px; } 

/* 프론트엔드 문단 여백 설정 */
.entry-content p,
.post-content p,
article p,
.content p {  margin-top: 0.5em !important; line-height: 1.6; } 
/* 연속된 p 태그 사이 여백 */
.entry-content p + p,
.post-content p + p,
article p + p,
.content p + p { margin-top: 0 !important; } 
/* br 태그 줄바꿈 처리 */
.entry-content br,
.post-content br,
article br,
.content br { display: block; margin-top: 0.5em; line-height: 1.8; } 
/* 빈 p 태그 처리 */
.entry-content p:empty,
.post-content p:empty,
article p:empty,
.content p:empty { min-height: 1em; margin-bottom: 0.5em !important; } 

/* 파일 점부 */
.wp-block-file { padding: 10px 20px; background-color: #f5f5f5; } 
.wp-block-file__button,
.wp-block-file a.wp-block-file__button { font-size: 15px !important; padding: 8px 24px !important; background-color: #000000 !important; color: #ffffff !important; border-radius: 8px !important; text-decoration: none !important; display: inline-block !important; font-weight: 500 !important; transition: all 0.3s ease !important; } 
.wp-block-file { display: flex !important; align-items: center; justify-content: space-between; padding: 12px 16px; background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 8px; margin: 16px 0; } 
.wp-block-file__button { font-size: 16px !important; padding: 10px 24px !important; background-color: #000000 !important; color: #ffffff !important; border-radius: 50px !important; text-decoration: none !important; font-weight: 500 !important; } 

/* 파일명 스타일 */
.wp-block-file a:not(.wp-block-file__button) { font-size: 15px; color: #666666; text-decoration: none; flex: 1; } 
.wp-block-file a:not(.wp-block-file__button)::before { content: "첨부파일 : "; font-weight: 400; color: #000000; margin-right: 10px; } 

/* pdf 미리보기 숨기기 */
iframe[src*=".pdf"],
embed[src*=".pdf"],
object[data*=".pdf"],
.wp-block-embed-pdf,
.wp-block-file iframe,
.wp-block-file embed { display: none !important; } 


a { display: inline-block; color:inherit; text-decoration:none; transition:all 0.2s; } 
a:hover,a:focus,a:active { text-decoration:none; } 
a:focus { outline:0; } 
a:hover,a:active { outline:0; } 
a:not([href]) { cursor: text; } 
img, svg { max-width: 100%; } 
li { display: inline-block; list-style: none; } 
ul.dot li { list-style: disc; } 
ul.dot li::marker { color: #5ba6e4; } 
input[type="file"]::file-selector-button { background-color: #fff; color: #000; border: 1px solid #ddd; padding: 8px 15px; cursor: pointer; } 
input[type="file"]::file-selector-button:hover { background-color: #fff; } 
.alignleft { float: left; margin-right: 1.5em; } 
.alignright { float: right; margin-left: 1.5em; } 
.aligncenter { display: block; margin-left: auto; margin-right: auto; } 
.displaynone { display: none !important; } 
.content li { display: list-item; margin-left: 20px; list-style: inherit; line-height: 1.3; } 
.content .wp-block-query-title, .wp-block-quote { padding-left: 10px; border-left: 5px solid #b6ebeb; box-sizing: border-box; } 


/* common */
#wrap { position: relative; width: 100%; min-height: 100vh; } 
.container { margin:auto; padding-right: 10px; padding-left: 10px; position:relative; width:100%; max-width:1100px; } 
.post-content::after { clear: both; content: ''; display: block; } 
.container .row { margin-right:-20px; margin-left:-20px; display: flex; flex-wrap: wrap; position:relative; } 
.textNoMobile { display: block; } 
.site-main { position: relative; min-height:100vh; margin-bottom:0px; width: 100%; } 



/* popup */
#jt_popup_playground > article { border-radius: 1rem; overflow: hidden; } 
#jt_popup_container.pc .jt_popup_notoday:after { display:none !important; } 
#jt_popup_container.pc .jt_popup_notoday { font-size: 14px !important; color: rgba(255, 255, 255, 0.85) !important; } 
#jt_popup_container #jt_popup_overlay { display: none !important; } 
#jt_popup_playground article { box-shadow: 10px 10px 20px rgba(0,0,0,0.1) !important; } 
/* 카테고리 */
.category .page-header { padding-top: 100px; } 
.cate-info { padding: 0; display: flex; align-items: center; justify-content: space-between; position: relative; font-size: 15px; margin-bottom: 20px; margin-top: -20px; } 
.category-btwrap { display: flex; align-items: center; justify-content: center; padding: 40px 0 !important; } 
.category-bt-search { display: flex; justify-content: start; } 
.category-search-form { display: flex; align-items: center; gap: 3px; width: 350px; max-width: 100%; } 
.category-search-select { height: 44px; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px 0 0 4px; background: #fff; font-size: 15px; min-width: 100px; outline: none; } 
.category-search-input { flex: 1; height: 44px; border: 1px solid #ddd; width: 200px; border-radius: 0; padding: 0 10px; font-size: 15px; background: #fff; color: #222; outline: none; } 
.category-search-input::placeholder { color: #a4a4a4; } 
.category-search-btn { height: 44px; margin-left: -3px; min-width: 44px; border: 1px solid #ddd; border-left: none; border-radius: 0 4px 4px 0; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; } 
.category-search-btn i { font-size: 18px; color: #5a5a5a; background-color: #fff; } 
.category-searchwrap { position: relative; cursor: pointer; } 
.category-searchwrap .search-trigger { font-size: 18px; } 
.category-searchwrap .top-search { position: absolute; bottom: 0; right: -20px; width: 370px; opacity: 0; visibility: hidden; transition: all 0.3s ease-out; z-index: 1000; } 
.category-searchwrap .top-search.active { opacity: 1; visibility: visible; } 
/* Search Box Styles - header.css로 이동됨 */ 
.search_back { margin: 40px 0; padding: 8px 25px; border: 1px solid #ccc; background-color: #fcfcfc; cursor: pointer; } 
.result-count { margin-left: 15px; font-size: 18px; font-weight: 400; } 
.no-results.not-found { position: relative; } 
.search-results .row.photo4 .entry-info { display: none; } 

/* single */
.single-layout { margin: 0 auto; width: 100% } 
.post-content { margin-right: auto; margin-left: auto; width: 100%; line-height: 1.8; font-size: clamp(16px, 1.1vw, 17px); } 
.post-content p:empty { min-height: 1em; margin-top: 0.5em !important; margin-bottom: 0.5em !important; } 
.single .post-content h2 { font-size: clamp(22px, 1.8vw, 32px) } 
.single .post-header { margin-bottom: clamp(25px, 3vw, 50px); padding: clamp(18px, 2vw, 40px) 0; border-bottom: 1px solid #aaaaaa6e; } 
.single .post-title { margin: 30px 0 20px 0; font-size: clamp(20px, 2.5vw, 30px); font-weight: 500; line-height: 1.4; } 
.single .info { display: flex; font-size: 15px; gap: 20px; align-items: center; color: #777; } 
.single .info i { margin-right: 10px; font-size: 14px } 
.single .post-tags { margin-left: 30px; } 
.single .post-tags span { padding: 4px 8px; background-color: rgba(0,0,0,0.03); color: #666; border-radius: 8px; } 
.single .post-counter { display: flex; align-items: center; } 
.single .post-counter i { font-size: 16px; } 
.category-link { display: flex; align-items: center; justify-content: center; margin: 60px auto; } 
.category-link a { display: flex; align-items: center; justify-content: center; min-width: 150px; font-size: 15px; font-weight: 500; color: #555; white-space: nowrap; border: 1px solid #848484ad; border-radius: 4px; padding: 9px 20px; } 
.single .post-content .is-type-video .wp-block-embed__wrapper { width: 100%; max-width: 100%; aspect-ratio: var(--single-video-aspect-ratio); } 
.single .post-content .is-type-video .wp-block-embed__wrapper iframe { width: 100%; height: 100%; border: 0; } 


/* 서브페이지 네비 */ 
.subBanner { padding: 80px 0 0px 0; position: relative; width: 100%; height:340px; display: flex; align-items: center; justify-content: center; background-image: url(./assets/images/sub_bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; content-visibility: auto; contain-intrinsic-size: auto 470px; } 
.category .subbox { padding-top: 4%; padding-bottom: 50px; } 
.subBanner>div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap:0px; position: relative; width: 100%; height: 100%; color: #333; z-index: 2; } 
.subBanner .pageTitle { margin-bottom: 0; font-size: 26px; font-weight: 400; line-height: 1; color: #555; text-shadow: 0 1px 3px rgba(0,0,0,0.3); } 
.subBanner .pageTitle>span:first-child { display: none; } 
.subBanner .subtitle { font-size: 16px; line-height: 1.4; color: #333; text-shadow: 0 1px 2px rgba(0,0,0,0.2); } 
.subBanner .page-excerpt { font-size: 18px; line-height: 1.5; color: #333; text-shadow: 0 1px 2px rgba(0,0,0,0.2); } 
.subNavWrap { margin-top: 25px; } 
.subNav { display: flex; position: relative; height: 100%; margin-bottom: -10px; gap: 1px; } 
.subNav li { height: 100%; } 
.subNav li:last-child a { border-right: 0; } 
.subNav a { display: flex; align-items: center; justify-content: center; padding: 0 40px; background-color: rgba(255,255,255,1); 
    height: 52px; font-size: 17px; font-weight: 500; color: #555; white-space: nowrap; border: 0; } 
.subNav li:last-child a { border-radius: 0 6px 6px 0; } 
.subNav li:first-child a { border-radius: 6px 0 0 6px; } 
.subNav a.active { color: #fff; } 
.subbox { padding-top:50px; padding-bottom: 50px; } 
.page .subbox { max-width: var(--container-width); margin: 0 auto; } 
.page:not(.front-page) .subbox { margin-bottom: 50px; } 
.pageTitle { margin-bottom: 20px; font-size: clamp(20px, 2vw ,30px); font-weight: 600; } 
.page .site-main { margin-bottom: 0; } 
.page-col-2 { margin: 0 auto; margin-bottom: 70px !important; } 
.page-col-2 .elementor img { object-fit: cover !important; } 
.page-col-2-img { width: 550px !important; } 

.page .content{min-height: 500px;}
.page-contact .content { width: 100%; margin-left: auto; margin-right: auto; } 
.page-contact .subbox, .page-enter .subbox { max-width: 700px; } 
.page-enter .editor-textarea { height: 100px !important; } 
.page-enter #kboard-contact-form-editor .kboard-attr-row .attr-value .attr-value-label input[type="checkbox"],
.page-enter #kboard-contact-form-editor .kboard-attr-row .attr-value .attr-value-label input[type="radio"] { width: 22px !important; height: 22px !important; margin-right: 8px; border: 1px solid #ccc !important; appearance: none; -webkit-appearance: none; cursor: pointer; vertical-align: middle; } 
.page-enter #kboard-contact-form-editor .kboard-attr-row .attr-value .attr-value-label input[type="checkbox"]:checked { 
 background-color: #019560; border-color: #019560 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E"); background-size: 14px; background-position: center; background-repeat: no-repeat; } 
.page-enter #kboard-contact-form-editor .kboard-attr-row .attr-value .attr-value-label input[type="radio"] { 
 border-radius: 50%; } 
.page-enter #kboard-contact-form-editor .kboard-attr-row .attr-value .attr-value-label input[type="radio"]:checked { 
 background-color: #019560; border-color: #019560 !important; background-image: radial-gradient(circle, white 35%, transparent 35%); background-size: 10px 10px; background-position: center; background-repeat: no-repeat; } 
.kboard-attr-captcha .attr-value { display: flex; align-items: center; gap: 15px; } 
#kboard-input-captcha { width: 200px !important; } 
.kboard-attr-captcha .description { font-size: 14px; line-height: 1;} 

.page-enter .attr-reset-button { display: none; } 
.page-enter .subText, .page-donation .subText { border-radius: 6px; font-size: clamp(14px, 1.3vw, 16px); line-height: 1.6; padding: 30px; } 
.page-donation .subText i { margin-right: 5px; } 
.page-contact .subText { border-radius: 6px; font-size: clamp(14px, 1.3vw, 16px); line-height: 1.6; } 
.wp-block-file.donationBtn { transition: all 0.2s; } 
.wp-block-file.donationBtn:hover { border: 1px solid #08c784 !important; } 
.wp-block-file.donationBtn:hover .wp-block-file__button { background-color: #019560 !important; } 
.page-address .root_daum_roughmap .cont { display: none !important; } 

.page-aboutpage .about_boxWrap { display: grid; grid-template-columns: 1fr 1fr; gap: 50px 50px; padding: 0; margin: 50px 0; } 
.page-aboutpage .about_box { display: flex; flex-direction: column; gap:5px; font-size: clamp(14px, 1.2vw, 17px ); line-height: 1.7; margin: 0; } 
.page-aboutpage .about_title { color: #019560; font-size: 22px; font-weight: 600; } 
.page-aboutpage .about_title i { margin-right: 10px; } 
.about_awardbox { display: flex; flex-direction: column; padding: 0; gap: 5px; margin-bottom: 20px; } 
.about_award { font-size: clamp(14px, 1.2vw, 18px); border: 1px solid #ddd; border-radius: 8px; padding: 9px 20px; width: 100%; display: flex; align-items: center; gap: 10px; font-weight: 500; line-height: 1 !important; } 
.about_award i { background-color: #13c082; border-radius: 8px; margin-right: 5px; color: #fff; padding: 8px; font-size: 13px; width: 30px; height: 30px; } 
.page-aboutpage .slides { border-radius: 8px; overflow: hidden !important; } 
.greet_box1 { height: 232px; } 
.greet_box1 h2 { font-size: 32px; } 
.greet_box1 h3 { margin-top: 15px !important; line-height: 1.35; font-size: 22px; } 
.greet_signbox { position: relative; display: flex; gap: 30px; } 
.greet_signbox > p { margin-right: 0 !important; } 
.greet_sign { transform: translateY(-25px); } 

.history_box { border-top: 1px solid #ddd; padding: 40px 0; } 
.history_box:first-child { border-top: 0; } 
#h_year { color: #0cac73; font-weight: 500; font-size: 24px; min-width: 150px; letter-spacing: -1px; display: flex; align-items: center; line-height: 1; }
#h_year i { margin-right: 7px; color: #19c182; font-size: 17px; }
p.h_month { margin-top: 0 !important; min-width: 80px; } 
.history_box2 { padding: 0 !important; } 
.history_box3 { margin-top: 0 !important; align-items: start; margin-bottom: 5px !important; } 

.step_wrap { gap: 30px; } 
.step_img { padding: 0; margin: 0; border-radius: 8px; overflow: hidden; background-color: #775c4a; color: #fff; font-size: 17px; font-weight: 400; margin-bottom: 10px; } 
.step_img img { height: 320px; min-width: 100%; object-fit: cover; } 
.step_img p { margin-top: 0 !important; padding: 16px 0; } 
.step_img strong { font-weight: 500; font-size: 22px; margin-left: 5px; } 
.step_img.photo1 { background-color: #576ab2; } 
.step_li { margin-top: 10px !important; border-radius: 8px; padding: 25px 18px; border: 1px solid #efe9dd; background-color: #fbf9f2; }
.step_wrap > div:first-child .step_li { background-color: #f5fafe; border: 1px solid #e0ecef; }
.step_li li { font-size: clamp(14px, 1.2vw, 16px); letter-spacing: -0.3px; margin-top: 4px !important; line-height: 1.5; margin-bottom: 4px; }
.step_h3 { color: #333; font-size: 20px; font-weight: 600; margin-top: 30px; } 


/* 슬라이더 패턴 */
.metaslider .flex-control-nav { bottom: -20px !important; } 
.metaslider .flexslider { margin: 0 0 10px !important; } 
.flex-control-paging li a { width: 7px !important; height: 7px !important; } 
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a { background: transparent !important; background-image: none !important; } 
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a:focus { outline: none !important; } 
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-next:after { mask-image: url(assets/images/sl-right.svg) !important; } 
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-prev:after { mask-image: url(assets/images/sl-left.svg) !important; } 
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a:after, 
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a:before { mask-size: 30px auto !important; } 
.metaslider.ms-theme-default-base .flexslider .flex-control-nav li a:focus { outline: none !important; } 
body.darkmode .metaslider.ms-theme-default-base .flexslider .flex-control-nav li a.flex-active { background: rgb(255 255 255 / 80%) !important; } 
body.darkmode .metaslider.ms-theme-default-base .flexslider .flex-control-nav li a:not(.flex-active) { background: rgb(255 255 255 / 20%) !important; } 

/* .wp-block-embed-youtube > div { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 40px 0; } 
.wp-block-embed-youtube > div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; } */


@keyframes fadebanner { 
 0% { opacity:0; transform:translateY(20px); } 
100% { opacity:1; transform: translateY(0px); } 
 } 
/* scrollTop 애니메이션 초기 상태 설정 - 번쩍임 방지 */
.scrollTop { opacity: 0; visibility: hidden; } 
.scrollTop.animated, .scrollTop.animate__movetop { opacity: 1; visibility: visible; }
/* 모바일에서는 scrolla 애니메이션을 사용하지 않으므로 기본적으로 보이도록 설정 */
@media (max-width: 820px) {
 .scrollTop { opacity: 1 !important; visibility: visible !important; }
} 
.animate__movetop { animation: movetop 0.5s ease-in-out; animation-fill-mode: both; } 
@keyframes movetop { 
 0% { opacity:0; } 
20% { opacity:0; transform: translateY(20px); } 
100% { opacity:1; transform: translateY(0px); } 
 } 



/* 회원관련 */
.page-login .pageTitle, .page-register .pageTitle, .page-password-reset .pageTitle { text-align: center; } 
.page-login .um-clear { margin-top: 0 !important; border-top: 0 !important; padding: 0 !important; } 
.page-login .um-center, .page-login .um-center .um-button { width: 100% !important; } 
.page-login .um-col-alt { align-items: start; justify-content: start; } 
.page-login .um-field-checkbox { margin-top: -10px !important; padding-bottom: 10px !important; } 
.um-account-meta-img { display: none !important; } 
.um-account-name { display: flex;  flex-direction: column; align-items: start; } 
 .um-account-main { padding-left: 60px !important; } 
 .um-account-side li { background: #f5f5f5 !important; } 
 .um-account-side li a span.um-account-icon, .um-account-side li a.current span.um-account-icon { border-right: 0 !important; padding-right: 5px !important; } 
.um-account-arrow i { font-size: 16px; } 
.um-account-side li a span.um-account-title { padding-left: 10px !important; } 
.um-account-name { display: none; padding-top: 0; } 
.um-account-meta { margin-bottom: 0; } 
.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus
 { background: #000000 !important; } 
 .page-login .um-row._um_row_1 { margin-bottom: 20px !important; } 

.page-login .subBanner, .page-password-reset .subBanner, .page-account .subBanner, .page-register .subBanner, .page-write-artpr-post .subBanner { height: 220px; } 
.page-login .um-form input[type=number], .page-login .um-form input[type=password], .page-login .um-form input[type=search], .page-login .um-form input[type=tel], .page-login .um-form input[type=text] { height: 45px !important; } 
.page-login .um input[type="submit"].um-button { background-color: #000000 !important; color: white; font-size: 16px; font-weight: 500; padding: 12px 28px; border-radius: 8px; border: none; height: 50px !important; box-shadow: none; cursor: pointer; transition: background-color 0.3s ease; } 
 .um-half { width: 100% !important; } 
 .um-col-alt { display: flex; flex-direction: column; align-items: center; } 
 .um-col-alt div:nth-child(2) { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd; } 
 .um-col-alt div:nth-child(2) a { background-color: #fff !important; color: #555; border: 1px solid #aaa !important; box-shadow: none !important; } 
.page-register .um a.um-button, .page-register .um a.um-button.um-disabled:active, .page-register .um a.um-button.um-disabled:focus, .page-register .um a.um-button.um-disabled:hover, .page-register .um input[type=submit].um-button, .page-register .um input[type=submit].um-button:focus { background-color: #000000 !important; } 
.page-register .um input[type=submit].um-button, .page-register .um-center { width: 100% !important; } 



/* ==========================================================================
 Dynamic Styles using CSS Variables
 ========================================================================== */

 body, button, input, select, optgroup, textarea, option { color: var(--body-text-color); background-color: var(--body-bg-color); } 
.single .post-categories a:hover { border-color: var(--primary-color); } 

.subBanner .pageTitle { font-size: var(--subtitle-fontsize); font-weight: var(--subtitle-fontweight); } 
.marker { background-color: var(--top-menu-line-color); } 
.front-page .marker { background-color: var(--main-menu-line-color); } 
.container { max-width: var(--container-width); } 
.single-layout, .category .subbox { max-width: var(--container-width); margin: 0 auto; } 
.category-searchwrap .top-search, .category-search-select, .category-search-input, .category-search-btn, .category-search-btn i { background: var(--body-bg-color); } 


@media screen and (max-width:1320px) { 
 .container { max-width: 100%; } 
 .bzCardGrid { gap: 40px 20px; } 
 .container.subbox { max-width: var(--container-width); } 
 } 
@media screen and (max-width:1200px) { 
 .content-box { width:100%; } 
 .container.subbox { padding-right: 20px; padding-left: 20px; } 

 .subBanner{padding: 60px 0 0px 0; height: 300px;}
 .container .row { margin-right: -10px; margin-left: -10px;}

 } 

@media screen and (max-width:1024px) { 
 .site-main { min-height: 100% } 
 .page:not(.front-page) .subbox{padding-bottom: 0;}

 } 

@media screen and (max-width:820px) { 
    html { margin-top: 0px !important; } 
    .graybox_add { height: inherit; } 
    .single .site-main { margin: 60px 0 20px 0; } 
    .subNavWrap { overflow-x: auto; left: 0; overflow-y: hidden;margin-top: 0; } 
    .subNav { padding-left: 20px; min-width: max-content; margin-bottom: 0; margin-top: 10px; } 
    .subNav a { padding: 0 20px; font-size: 16px; height: 45px; } 

    .maintitle { justify-content: space-between; flex-direction: row; margin-bottom: 20px; padding-bottom: 0; } 
    .page-col-2-img { width: 40% !important; } 
    .page-col-2 { margin-bottom: 40px !important; width: 100% !important; } 
    .post-content { width: 100%; font-size: 16px; } 
    .container { padding:0 15px; } 
    .subBanner { margin-bottom: 0; padding: 0; height:180px !important; } 
    .page .subbox, .container.subbox { padding:40px 20px 20px 20px; } 
    .site-main { margin-bottom: 40px; margin-top: 60px; } 
    .admin-bar .site-main { margin-top: 106px; margin-bottom: 40px; } 
    .front-page .site-main { margin-top: 0 !important; margin-bottom: 0 !important; } 
    .page .site-main { margin-bottom: 40px; } 
    .page-home .site-main { margin-top: 0; margin-bottom: 0 !important; } 
    .subBanner>div { gap: 5px; padding: 0 20px; } 
    .subBanner .pageTitle { font-size: 24px !important; margin-bottom: 0; } 
    .wp-block-button__link { padding: 8px 20px !important; } 

    #h_year{min-width: 80px; font-size: 20px;}
    .history_box{padding: 20px 0;}
    p.h_month{min-width: 60px;}
    .greet_box1 { height: 150px; }
    .page .content > .wp-block-columns:first-child, .page .content > .wp-block-group:first-child{ padding-top: 0 !important;}
    .greet_box1 h3 { margin-top: 10px !important; line-height: 1.35; font-size: 18px; }
    .greet_box1 h2 { font-size: 24px; }
    .greet_box1 img { height: 160px; width: 160px; object-fit: cover; }
    .step_img{width: 50%;margin: 0 auto;}

    .history_box3{margin-bottom: 0 !important;}
    .col-3repeat { gap: 20px; font-size: 15px; margin-bottom: 40px; } 
    .col-3repeat h3 { font-size: 22px; } 
    .col-3repeat h4 { font-size: 20px; margin-bottom: 10px !important; } 

    /* 패턴 */
    .pt-title { font-size: 24px; } 
    .bzCardGrid { gap: 20px; } 
    .bzCardRow { margin-bottom: 20px !important; height: max-content; } 
    .bzCardRow h4 { margin: 40px 20px 18px 20px !important; font-size: 22px; } 
    .bzCardRow p { margin: 0px 20px 40px 20px !important; font-size: 15px; } 
    .bzCardGrid .bzCard h4 { margin: 10px !important; font-size: 18px; } 
    .bzCardGrid .bzCard p { margin: 0px 20px 30px 20px !important; font-size: 15px; } 
    .bzCardGrid2 .bzCard h4 { font-size: 20px; } 
    .bzCardGrid2 .bzCard p { font-size: 15px; margin:0px 0px 30px 0px !important } 
    .pt-col-left h4 { font-size: 22px; } 
    .bzinfo_col { grid-template-columns: 100px auto; } 
    .bzinfo_col h4 { font-size: 18px; } 
    .bzinfo_col p { font-size: 15px; } 
    .ptTable-wrap { width: 100%; overflow-x: auto; } 
    .ptTable { width: max-content; min-width: 100%; } 
    .ptTable td, .ptTable th { font-size: 16px; } 
    .faq-accordion { max-width: inherit; } 
    .mainService-wrap { gap: 0px; padding: 40px 0 !important; } 
    .faq-question { font-size: 20px !important; } 
    .faq-question::before { font-size: 18px; } 
    .faq-answer { font-size: 16px !important; } 
    .faq-item { padding: 7px 0; } 
    .category-btwrap { padding: 20px 0 !important; } 
    .page-enter .subText, .page-donation .subText{padding: 15px;}
 } 
 @media screen and (max-width: 600px) { 
    #wpadminbar { position: fixed; } 
 } 

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

    body, button, input, select, optgroup, textarea { font-size: 16px; } 
    html, body { overflow: auto !important; height: auto !important; } 
    #wpadminbar { position: fixed; margin-top: 0 !important;} 
    .textNoMobile { display: none; } 
    .admin-bar .site-main, .admin-bar.single .site-main { margin-top: 106px; margin-bottom: 20px; } 
    .page .subbox { padding: 30px 20px 20px 20px; } 
    .page .site-main { margin-bottom: 20px; } 
    .page-col-2-img { width: 100% !important; } 
    .category-searchwrap .search-trigger { font-size: 16px; } 
    .page .subbox, .container.subbox { padding:30px 15px 0px 15px } 
    .subbox { padding: 10px; min-height: inherit; } 
    .subBanner { margin-bottom: 0px; height: max-content !important; } 
    .subBanner h1 { font-size: 26px; } 
    .subBanner .subtitle { font-size: 14px; } 
    .subBanner>div { gap: 10px; padding: 30px 0 30px 20px; height: 100%; flex-direction: column; align-items: start; justify-content: end; min-height: 120px; } 
    .subBanner .page-excerpt { font-size: 16px; line-height: 1.4; } 
    .subBanner .pageTitle { font-size: 21px !important; font-weight: 600; word-break: keep-all; margin-bottom: 0; } 

    .pageTitle { margin-bottom: 20px; font-size: 24px; } 
    .pageTitle h4 { font-size: 22px !important; margin-top: 0 !important; } 
    .subNavWrap { margin-top: 10px; width: 100%; overflow-x: auto; } 
    .subNav { padding-left: 0; min-width: max-content; height: 50px; margin-top: 0; gap: 0; } 
    .subNav a { padding: 3px 20px; height: 50px; font-size: 16px; background-color: #f1eded;} 
    /* .subNav li:first-child a { border-radius: 6px 0 0 0px; } 
    .subNav li:last-child a { border-radius: 0 6px 0 0px; }  */

    .page-aboutpage .about_boxWrap { display: grid; grid-template-columns: 1fr; gap: 25px; padding: 0; margin: 30px 0; }
    .page .content { min-height: 400px; }
    .history_box{flex-direction: column;}
    .step_img { width: 100%;}
    .history_box2 { padding:0 0px 0 22px !important }
    .greet_sign img { height: 100px; width: auto; object-fit: cover; }    
    .greet_sign { justify-content: end; display: flex; width: 95%;}
    .greet_box1 { padding: 0 !important; gap: 0; }
    .greet_box1 .wp-block-group { padding: 0; padding-left: 20px; }
    .step_img p{padding: 13px 0;}
    .step_img strong{font-size: 20px;}
    .step_img img{height: 240px;}
    .greet_signbox{flex-direction: column;}
    .greet_box1 img { height: 150px; width: 120px; object-fit: cover; border-radius: 8px !important; }
    .about_award mark { word-break: keep-all;}
    .site-main { margin: 60px 0 20px 0; padding-bottom: 20px; } 
    .single .site-main { margin: 60px 0 0 0; } 
    section.post-list-wrap { padding: 0px; width: 100%; border-radius: 0; } 
    .map .root_daum_roughmap { height: 300px !important; overflow: hidden !important; width: 100% !important; } 
    .root_daum_roughmap .cont { display: none !important; } 
    .single .post-header { margin-bottom: 20px; padding-top: 0px; padding-bottom: 15px; } 
    .single .info, .single .post-categories a { font-size: 13px; } 
    .single .post-tags { margin-left: 10px; } 

    .post-content { font-size: 15px; } 
    .page:not(.front-page) .subbox{margin-bottom: 0 !important;}
    .donationgrid{flex-direction: column;}

    .wp-block-spacer { height: 7px !important; } 
    .wp-block-button a { padding-top: 10px !important; padding-bottom: 10px !important; } 
    .wp-block-column { font-size: 15px; } 

    .col-3366 hr, .col-6633 hr, .col-3repeat hr { margin: inherit; } 
    .col-3 .entry-title { font-size: 16px; } 
    .col-3 .entry-text-wrap p { font-size: 14px; -webkit-line-clamp: 2; line-clamp: 2; } 
    .col-3 { width: 100%; } 
    .col-3 .card-thumbnail img { margin-bottom: 5px; } 
    .col-2 { padding: 0 20px 30px 20px; width: 100%; } 
    .col-2 .card-thumbnail { height: 200px; max-height: 200px; } 
    .col-2 .entry-title { font-size: 14px; } 
    .col-fleximg img { height: auto !important; max-height: 300px; } 

    .category .subbox { padding: 20px; } 
    .cate-info { margin-top: 0; padding: 0; } 
    .category-btwrap { flex-direction: column; gap: 20px; } 
    .page-address .col-3366 { flex-direction: column-reverse; gap: 20px; } 
    .page-contact .col-3366 { flex-direction: column-reverse; gap: 0px; } 
    .page .kboard-row-postcode {display: flex;}
    .page .kboard-row-postcode button{padding-left: 10px; padding-right: 10px; width: 100px; text-align: center; display: flex; align-items: center; justify-content: center;}

    .pt-title { font-size: 22px; } 
    .pt-col-left p { font-size: 15px; } 
    .category-link a{ min-width: 120px; font-size: 14px;}

    .bzCardGrid, .bzCardGrid2 { grid-template-columns: 1fr !important; gap: 20px 15px !important; } 
    .bzCardGrid .bzCard .wp-block-image { width: 100%; height: inherit; aspect-ratio: 1 / 1; min-height: inherit; } 
    .bzCardGrid .bzCard p { font-size: 14px; margin: 0px 20px 20px 20px !important; } 
    .bzCardGrid .bzCard h4 { margin: 10px 0 !important; font-size: 16px; } 
    .bzCardGrid2 .bzCard h4 { margin: 20px 0px 10px 0px !important; font-size: 20px; } 
    .bzCardGrid2 .bzCard p { font-size: 14px; margin: 0px 0px 20px 0px !important; } 
    .ptTable td, .ptTable th { font-size: 15px; } 
    .bzinfo_col { grid-template-columns: 50px auto; gap: 10px !important; } 
    .bzinfo_col figure { padding: 5px; } 
    .subpageBdBox { padding: 15px !important; } 
    .category-search-input { width: 170px; } 
    .category-search-form { width: 320px; } 
    .category-searchwrap .top-search { width: 340px; bottom: -10px; } 
    #jt_popup_container.pc .jt_popup_item.primary { max-width: 300px !important; }
    .page-contact .subNav li, .page-enter .subNav li { min-width: calc(50% - 10px); }
    .category-photo .subNav li, .category-mov .subNav li, .category-music-album .subNav li { min-width: calc(33% - (20px / 3)); }
 } 

 @media screen and (max-width:361px) { 
    .greet_box1 h3{font-size: 16px;}
 }