/* Theme Name: Neve Child Theme URI: https://themeisle.com/themes/neve/ Description: Child theme for the neve theme Author: HongC Template: neve Version: 1.0.0 */ /************************************************************************************************************************************************************/ /* 기본 *****************************************************************************************************************************************************/ /************************************************************************************************************************************************************/ /* 링크 및 버튼 테두리 끔 */ a:focus, a:link, a:visited, button:focus, button:hover, button:visited { text-decoration: none; outline: none !important; } /* 링크 효과 끔 */ a:hover, a:focus { opacity: 1; color: var(--nv-primary-accent); } /* 링크 밑줄효과 켬 */ .posts-wrapper a:hover, .posts-wrapper a:focus, .custom-hover-underline a:hover, .custom-hover-underline a:focus { text-decoration: underline; } /* 확대방지 */ body { -webkit-text-size-adjust: 100%; } /* 기본스타일 재설정 (초기화 - all: unset;) */ body:not(.nv-blog-default) .posts-wrapper article { margin-bottom: 1em; } /* .posts-wrapper article { margin: 0 0 1em !important; } */ .row { margin: unset; } .col { padding: unset; } .header-menu-sidebar .nav-ul .sub-menu { border: unset; } .header-menu-sidebar .nav-ul .sub-menu.dropdown-open { margin-left: 15px; } /*{margin-right:25px}rtl버전*/ .nav-ul .sub-menu { top: 150%; border: 1px solid #3D4E57; transition-delay: 0.15s; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .sm-style .sub-menu .wrap::after, .m-style > ul > li > .wrap::after { transition: all 0.2s ease; } .nv-single-post-wrap > div:first-child { margin-top: unset; } .container-fluid > div { margin: unset; } .nv-index-posts { margin-top: unset; } .nv-index-posts, .posts-wrapper { margin-bottom: unset; } .container { max-width: 100%; } .posts-wrapper { margin-bottom: unset; } /* .posts-wrapper { margin: 0 !important; } */ .nv-single-post-wrap { margin-bottom: 0; } /* article.nv-single-post-wrap { padding: 0 0; margin: 0; } */ #comments li.comment { border-bottom: unset; padding-bottom: 10px; margin-bottom: unset; } #comments article { gap: 0; } .comments-title { margin-bottom: 25px; } .comments-title, .comment-reply-title { font-size: var(--h2fontsize) !important; font-weight: var(--h2fontweight); line-height: var(--h2lineheight); letter-spacing: var(--h2letterspacing); text-transform: var(--h2texttransform); } .nv-comment-header { margin-bottom: 10px; padding-top: 3px; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; } .nv-comments-list { margin-bottom: unset; } .nv-comments-list .children { padding-left: 20px; } .comment-form { grid-column-gap: 5px; grid-row-gap: 3px; } .wp-block-image { margin-bottom: unset !important;} .wp-block-image:where(figcaption) { margin-bottom: unset !important; } /* 본문 바탕 */ .custom-base, .archive-container, .single-page-container, .single-post-container { width: 100% !important; padding: 0 !important; margin: 0 !important; } /* 본문안에 모든div 오버 숨김 */ .custom-base div, .archive-container div, .single-page-container div, .single-post-container div { overflow: hidden; } /* 본문 최대폭 지정 */ .custom-container, .custom-search-container, .site-header .container, #comments, .nv-post-navigation { max-width: 1024px !important; margin: 0 auto !important; } /* P태그 */ p { margin-bottom: 20px; -webkit-text-size-adjust: none; } /* Neve Infinite Scroll 문제 */ .infinite-scroll-trigger { display: block; width: 100%; height: 1px; } /************************************************************************************************************************************************************/ /* 상단 & 하단 **********************************************************************************************************************************************/ /************************************************************************************************************************************************************/ /* 상단 메뉴바 */ header { z-index: 9900; } header.header .header-main-inner { width: 100%; top: 0px; left: 0; background: none; } header.header .header-main .header-main-inner { background-color: rgba(255,255,255,0.5); } header.header .header-main .header-main-inner.SetColor { border-bottom: 1px solid #ccc; background-color: rgba(255,255,255,1); } header.header .header-main .sub-menu { background-color: #fff; } header.header .sub-menu a { font-size: 0.86em; } header.header .nv-active > .wrap > a { color: var(--hovercolor, var(--nv-primary-accent, currentColor)) !important; } header.header .nv-active .nv-active-after { position: absolute; height: 2px; right: 0; left: 0; bottom: 0; background-color: var(--hovercolor, var(--nv-primary-accent, currentColor)); } header.header .menu-item-gtranslate { display: none; } header.header ul > li > .wrap.active::after { width: 100%; } /* 상단커버 */ .custom-cover { position: relative; } .custom-cover .custom-cover-view { position: absolute; width: 30px; height: 20px; left: 20px; background-color: red; } .wp-block-themeisle-blocks-font-awesome-icons-container i { display: inline-block; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 1em; } .wp-block-themeisle-blocks-font-awesome-icons-container i:before { content: "\f06e"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; } /* 번역버튼 */ .btn-gtranslate { width: 35px; height: 35px; position: fixed; left: 8px; bottom: 10px; text-align: center; cursor: pointer; opacity: 0.8; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; z-index: 999; background-color: rgba(255,255,255,0.6); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031.2%2030.7%22%3E%3Cpath%20fill%3D%22'+encodeURIComponent(globe_color)+'%22%20d%3D%22M15.624%2C1.028c-7.811%2C0-14.167%2C6.355-14.167%2C14.167c0%2C7.812%2C6.356%2C14.167%2C14.167%2C14.167%20c7.812%2C0%2C14.168-6.354%2C14.168-14.167C29.792%2C7.383%2C23.436%2C1.028%2C15.624%2C1.028z%20M28.567%2C15.195c0%2C0.248-0.022%2C0.49-0.037%2C0.735%20c-0.091-0.23-0.229-0.53-0.262-0.659c-0.048-0.196-0.341-0.879-0.341-0.879s-0.293-0.39-0.488-0.488%20c-0.194-0.098-0.341-0.342-0.683-0.536c-0.342-0.196-0.487-0.293-0.779-0.293c-0.294%2C0-0.585-0.391-0.928-0.586%20c-0.342-0.194-0.39-0.097-0.39-0.097s0.39%2C0.585%2C0.39%2C0.731c0%2C0.146%2C0.438%2C0.39%2C0.879%2C0.292c0%2C0%2C0.292%2C0.537%2C0.438%2C0.683%20c0.146%2C0.146-0.049%2C0.293-0.341%2C0.488c-0.293%2C0.194-0.244%2C0.146-0.392%2C0.292c-0.146%2C0.146-0.633%2C0.392-0.78%2C0.488%20c-0.146%2C0.097-0.731%2C0.39-1.023%2C0.097c-0.143-0.141-0.099-0.438-0.195-0.634c-0.098-0.195-1.122-1.707-1.61-2.389%20c-0.085-0.12-0.293-0.49-0.438-0.585c-0.146-0.099%2C0.342-0.099%2C0.342-0.099s0-0.342-0.049-0.585%20c-0.05-0.244%2C0.049-0.585%2C0.049-0.585s-0.488%2C0.292-0.636%2C0.39c-0.145%2C0.098-0.292-0.194-0.486-0.439%20c-0.195-0.243-0.391-0.537-0.439-0.781c-0.049-0.243%2C0.244-0.341%2C0.244-0.341l0.438-0.243c0%2C0%2C0.537-0.097%2C0.879-0.049%20c0.341%2C0.049%2C0.877%2C0.098%2C0.877%2C0.098s0.146-0.342-0.049-0.488c-0.194-0.146-0.635-0.39-0.83-0.341%20c-0.194%2C0.048%2C0.097-0.244%2C0.34-0.439l-0.54-0.098c0%2C0-0.491%2C0.244-0.638%2C0.293c-0.146%2C0.048-0.4%2C0.146-0.596%2C0.39%20c-0.194%2C0.244%2C0.078%2C0.585-0.117%2C0.683c-0.194%2C0.098-0.326%2C0.146-0.473%2C0.194c-0.146%2C0.049-0.61%2C0-0.61%2C0%20c-0.504%2C0-0.181%2C0.46-0.05%2C0.623l-0.39-0.476L18.564%2C8.88c0%2C0-0.416-0.292-0.611-0.389c-0.195-0.098-0.796-0.439-0.796-0.439%20l0.042%2C0.439l0.565%2C0.572l0.05%2C0.013l0.294%2C0.39l-0.649%2C0.049V9.129c-0.612-0.148-0.452-0.3-0.521-0.347%20c-0.145-0.097-0.484-0.342-0.484-0.342s-0.574%2C0.098-0.721%2C0.147c-0.147%2C0.049-0.188%2C0.195-0.479%2C0.292%20c-0.294%2C0.098-0.426%2C0.244-0.523%2C0.39s-0.415%2C0.585-0.608%2C0.78c-0.196%2C0.196-0.558%2C0.146-0.704%2C0.146%20c-0.147%2C0-0.851-0.195-0.851-0.195V9.173c0%2C0%2C0.095-0.464%2C0.047-0.61l0.427-0.072l0.713-0.147l0.209-0.147l0.3-0.39%20c0%2C0-0.337-0.244-0.094-0.585c0.117-0.164%2C0.538-0.195%2C0.733-0.341c0.194-0.146%2C0.489-0.244%2C0.489-0.244s0.342-0.292%2C0.683-0.634%20c0%2C0%2C0.244-0.147%2C0.536-0.245c0%2C0%2C0.83%2C0.732%2C0.977%2C0.732s0.683-0.341%2C0.683-0.341s0.146-0.438%2C0.098-0.585%20c-0.049-0.146-0.293-0.634-0.293-0.634s-0.146%2C0.244-0.292%2C0.439s-0.244%2C0.439-0.244%2C0.439s-0.683-0.047-0.731-0.193%20c-0.05-0.147-0.146-0.388-0.196-0.533c-0.047-0.147-0.438-0.142-0.729-0.044c-0.294%2C0.098%2C0.047-0.526%2C0.047-0.526%20s0.294-0.368%2C0.488-0.368s0.635-0.25%2C0.828-0.298c0.196-0.049%2C0.783-0.272%2C1.025-0.272c0.244%2C0%2C0.537%2C0.105%2C0.684%2C0.105%20s0.731%2C0%2C0.731%2C0l1.023-0.082c0%2C0%2C0.879%2C0.325%2C0.585%2C0.521c0%2C0%2C0.343%2C0.211%2C0.489%2C0.357c0.137%2C0.138%2C0.491-0.127%2C0.694-0.24%20C26.127%2C6.525%2C28.567%2C10.576%2C28.567%2C15.195z%20M5.296%2C7.563c0%2C0.195-0.266%2C0.242%2C0%2C0.732c0.34%2C0.634%2C0.048%2C0.927%2C0.048%2C0.927%20s-0.83%2C0.585-0.976%2C0.683c-0.146%2C0.098-0.536%2C0.634-0.293%2C0.487c0.244-0.146%2C0.536-0.292%2C0.293%2C0.098%20c-0.244%2C0.391-0.683%2C1.024-0.78%2C1.269s-0.585%2C0.829-0.585%2C1.122c0%2C0.293-0.195%2C0.879-0.146%2C1.123%20c0.033%2C0.17-0.075%2C0.671-0.16%2C0.877c0.066-2.742%2C0.989-5.269%2C2.513-7.336C5.26%2C7.55%2C5.296%2C7.563%2C5.296%2C7.563z%20M6.863%2C5.693%20c1.193-1.101%2C2.591-1.979%2C4.133-2.573c-0.152%2C0.195-0.336%2C0.395-0.336%2C0.395s-0.341-0.001-0.976%2C0.683%20C9.051%2C4.881%2C9.197%2C4.686%2C9.051%2C4.88S8.953%2C5.124%2C8.611%2C5.369C8.271%2C5.612%2C8.124%2C5.905%2C8.124%2C5.905L7.587%2C6.1L7.149%2C5.905%20c0%2C0-0.392%2C0.147-0.343-0.049C6.82%2C5.804%2C6.841%2C5.75%2C6.863%2C5.693z%20M12.709%2C6.831l-0.194-0.292L12.709%2C6.1l0.47%2C0.188V5.417%20l0.449-0.243l0.373%2C0.536l0.574%2C0.635l-0.381%2C0.292l-1.016%2C0.195V6.315L12.709%2C6.831z%20M19.051%2C11.416%20c0.114-0.09%2C0.487%2C0.146%2C0.487%2C0.146s1.219%2C0.244%2C1.414%2C0.39c0.196%2C0.147%2C0.537%2C0.245%2C0.635%2C0.392%20c0.098%2C0.146%2C0.438%2C0.585%2C0.486%2C0.731c0.05%2C0.146%2C0.294%2C0.684%2C0.343%2C0.878c0.049%2C0.195%2C0.195%2C0.683%2C0.341%2C0.927%20c0.146%2C0.245%2C0.976%2C1.317%2C1.268%2C1.805l0.88-0.146c0%2C0-0.099%2C0.438-0.196%2C0.585c-0.097%2C0.146-0.39%2C0.536-0.536%2C0.731%20c-0.147%2C0.195-0.341%2C0.488-0.634%2C0.731c-0.292%2C0.243-0.294%2C0.487-0.439%2C0.683c-0.146%2C0.195-0.342%2C0.634-0.342%2C0.634%20s0.098%2C0.976%2C0.146%2C1.171s-0.341%2C0.731-0.341%2C0.731l-0.44%2C0.44l-0.588%2C0.779l0.048%2C0.731c0%2C0-0.444%2C0.343-0.689%2C0.537%20c-0.242%2C0.194-0.204%2C0.341-0.399%2C0.537c-0.194%2C0.194-0.957%2C0.536-1.152%2C0.585s-1.271%2C0.195-1.271%2C0.195v-0.438l-0.022-0.488%20c0%2C0-0.148-0.585-0.295-0.78s-0.083-0.489-0.327-0.732c-0.244-0.244-0.334-0.438-0.383-0.586c-0.049-0.146%2C0.053-0.584%2C0.053-0.584%20s0.197-0.537%2C0.294-0.732c0.098-0.195%2C0.001-0.487-0.097-0.683s-0.145-0.684-0.145-0.829c0-0.146-0.392-0.391-0.538-0.537%20c-0.146-0.146-0.097-0.342-0.097-0.535c0-0.197-0.146-0.635-0.098-0.977c0.049-0.341-0.438-0.098-0.731%2C0%20c-0.293%2C0.098-0.487-0.098-0.487-0.391s-0.536-0.048-0.878%2C0.146c-0.343%2C0.195-0.732%2C0.195-1.124%2C0.342%20c-0.389%2C0.146-0.583-0.146-0.583-0.146s-0.343-0.292-0.585-0.439c-0.245-0.146-0.489-0.438-0.685-0.682%20c-0.194-0.245-0.683-0.977-0.73-1.268c-0.049-0.294%2C0-0.49%2C0-0.831s0-0.536%2C0.048-0.78c0.049-0.244%2C0.195-0.537%2C0.342-0.781%20c0.146-0.244%2C0.683-0.536%2C0.828-0.634c0.146-0.097%2C0.488-0.389%2C0.488-0.585c0-0.195%2C0.196-0.292%2C0.292-0.488%20c0.099-0.195%2C0.44-0.682%2C0.879-0.487c0%2C0%2C0.389-0.048%2C0.535-0.097s0.536-0.194%2C0.729-0.292c0.195-0.098%2C0.681-0.144%2C0.681-0.144%20s0.384%2C0.153%2C0.53%2C0.153s0.622-0.085%2C0.622-0.085s0.22%2C0.707%2C0.22%2C0.854s0.146%2C0.292%2C0.391%2C0.39%20C17.44%2C11.562%2C18.563%2C11.807%2C19.051%2C11.416z%20M24.66%2C20.977c0%2C0.146-0.049%2C0.537-0.098%2C0.732c-0.051%2C0.195-0.147%2C0.537-0.195%2C0.73%20c-0.049%2C0.196-0.293%2C0.586-0.438%2C0.684c-0.146%2C0.098-0.391%2C0.391-0.536%2C0.439c-0.146%2C0.049-0.245-0.342-0.196-0.537%20c0.05-0.195%2C0.293-0.731%2C0.293-0.731s0.049-0.292%2C0.097-0.488c0.05-0.194%2C0.635-0.438%2C0.635-0.438l0.391-0.732%20C24.611%2C20.635%2C24.66%2C20.832%2C24.66%2C20.977z%20M3.015%2C18.071c0.063%2C0.016%2C0.153%2C0.062%2C0.28%2C0.175c0.184%2C0.16%2C0.293%2C0.242%2C0.537%2C0.341%20c0.243%2C0.099%2C0.341%2C0.243%2C0.634%2C0.39c0.293%2C0.147%2C0.196%2C0.05%2C0.585%2C0.488c0.391%2C0.438%2C0.342%2C0.438%2C0.439%2C0.683%20s0.244%2C0.487%2C0.342%2C0.635c0.098%2C0.146%2C0.39%2C0.243%2C0.536%2C0.341s0.39%2C0.195%2C0.536%2C0.195c0.147%2C0%2C0.586%2C0.439%2C0.83%2C0.487%20c0.244%2C0.05%2C0.244%2C0.538%2C0.244%2C0.538l-0.244%2C0.682l-0.196%2C0.731l0.196%2C0.585c0%2C0-0.294%2C0.245-0.487%2C0.245%20c-0.18%2C0-0.241%2C0.114-0.438%2C0.06C4.949%2C22.91%2C3.6%2C20.638%2C3.015%2C18.071z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center center; background-size: cover; } .btn-gtranslate:hover{ opacity: 1; transform: scale(1.2); } .btn-pageup { width: 35px; height: 35px; position: fixed; right: 8px; bottom: 10px; padding-top: 2px; text-align: center; background-color: rgba(255,255,255,0.6); font-weight: bolder; cursor: pointer; border: 1px solid rgba(0,0,0,0.5); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; z-index: 999; } .btn-pageup:hover{ opacity: 1; transform: scale(1.2); } /* 고정 소셜버튼 */ .custom-social-pc { position: fixed; left: 8px; bottom: 200px; z-index: 999; } .custom-social-pc.wp-block-social-links .wp-block-social-link.wp-social-link { width: 35px; height: 35px; margin-bottom: 7px; display: flex; align-items: center; justify-content: center; } .custom-social-pc > li > a > svg { width: 30px; height: 30px; } .custom-social-mobile.is-layout-flex { display: none; } .custom-social-mobile > li { height: 35px; flex: 1 1 auto; } .custom-social-mobile > li > a > svg { margin: auto; } .custom-social-mobile .wp-block-social-link { border-radius: 0; } .custom-social-mobile .wp-block-social-link:hover { transform: scale(1); } /* 위로가기 버튼 */ #scroll-to-top { display: none; } /************************************************************************************************************************************************************/ /* My patterns **********************************************************************************************************************************************/ /************************************************************************************************************************************************************/ /* 본문 슬라이더 갤러리 폼 */ .slider-gallery-container { position: relative; box-sizing: border-box; } .slider-gallery-container div { overflow: unset !important; } .swiper-slide { display: flex; justify-content: center; align-items: center; } .swiper-button { opacity: 0.7; } .swiper-button:hover { opacity: 1; zoom: 1.1; } .slider-gallery-thumbs { margin-top: 10px; } .slider-gallery-thumbs img { width: 80px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; object-fit: contain; cursor: pointer; } .slider-gallery-thumbs .swiper-slide { width: auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.4; -webkit-filter: grayscale(50%); filter: grayscale(50%); } .slider-gallery-thumbs .swiper-slide-active { opacity: 1; -webkit-filter: initial; /* Safari 6.0 - 9.0 */ filter: initial; font-weight: bold; color: #231b93; } /* 본문 이미지&텍스트 폼 */ .custom-block-img-text { display: grid !important; grid-template-columns: auto auto; grid-template-rows: auto auto; gap: 0; } .custom-block-img-text > * { word-break: break-word; } .custom-block-img-text > div:nth-child(1) { grid-column: 1; grid-row: 1; } .custom-block-img-text > figure:nth-child(1) { grid-column: 1; grid-row: 1; padding: 10px 10% 0 0; text-align: center; } .custom-block-img-text > div:nth-child(2) { grid-column: 2; grid-row: 1; } .custom-block-img-text > figure:nth-child(2) { grid-column: 2; grid-row: 1; padding: 10px 0 0 10%; text-align: center; } .custom-block-img-text p { margin-bottom: 20px !important; } .custom-block-img-text .wp-block-image { margin-top: 1rem !important; margin-bottom: 2.25rem !important; } /* 메인 하단 전체이미지+오버텍스트 버튼 */ .custom-img-overtxt > div { width: 100%; height: 100%; position: relative; } .custom-img-overtxt > div > figure { margin: 0; padding: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 5; } .custom-img-overtxt > div > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(50,50,50,0.5); z-index: 10; } .custom-img-overtxt > div > div > div { width: 100%; max-width: 1024px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .custom-img-overtxt > div > div > div > div > div > div { margin-top: 40px !important; } .custom-img-overtxt > div > div > div > div > div > div > a { padding: 6px 12px !important; } /* 구분선 */ .custom-line-solid { border-bottom: 1px solid #ddd; } .custom-line-dotted { border-bottom: 3px dotted #ddd; } /* 간격 */ .custom-spacer-3 { height: 2rem !important; } .custom-spacer-5 { height: 3rem !important; } .custom-spacer-8 { height: 5rem !important; } /************************************************************************************************************************************************************/ /* 포토갤러리 ***********************************************************************************************************************************************/ /************************************************************************************************************************************************************/ .custom-gallery-grid { display: flex; flex-wrap: wrap-reverse; flex-direction: row-reverse; justify-content: space-between !important; gap: 15px; } .custom-gallery-grid > figure { width: 100% !important; flex: 1 1 auto !important; } .custom-gallery-title { padding: 2em 0 1em; display:flex; justify-content:center; align-items:center; color: #231b93; } .custom-gallery-title > h4 { margin-bottom: 0; } /* 모달 */ .custom-gallery-grid-modal, .custom-gallery-grid-modal-bg { cursor: zoom-out; } .custom-gallery-grid-modal { display: none; width: 100%; height: 100%; position: absolute; top: 0; z-index: 9991; } .custom-gallery-grid-modal .custom-gallery-grid-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0 10px; box-sizing: border-box; text-align: center; z-index: 9992; } .custom-gallery-grid-modal .custom-gallery-grid-container:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .custom-gallery-grid-modal .custom-gallery-grid-content { position: relative; display: inline-block; vertical-align: middle; z-index: 9993; } .custom-gallery-grid-modal .custom-gallery-grid-close, .custom-gallery-grid-modal .custom-gallery-grid-img, .custom-gallery-grid-modal .custom-gallery-grid-bottom-bar { cursor: auto; z-index: 9994; } .custom-gallery-grid-modal .custom-gallery-grid-close:hover { border: 2px solid #fff; transform: scale(.8) rotateZ(90deg); opacity: 1; } .custom-gallery-grid-modal .custom-gallery-grid-close { width: 35px; height: 35px; position: absolute; top: 0; right: 0; margin: 0; padding: 0; border-radius: 100px; transition: all 0.3s ease-out; background: 0 0; color: #fff; font-size: 35px; line-height: 32px; letter-spacing: -1px; } .custom-gallery-grid-modal .custom-gallery-grid-img { max-width: 100%; width: auto; height: auto; padding: 40px 0 40px; margin: 0 auto; overflow: clip; display: block; animation: none !important; box-sizing: border-box; overflow-clip-margin: content-box; border: 0; line-height: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .custom-gallery-grid-modal .custom-gallery-grid-bottom-bar { width: 100%; position: absolute; top: 100%; left: 0; margin-top: -36px; } .custom-gallery-grid-modal .custom-gallery-grid-title { text-align: left; padding-right: 36px; line-height: 1.4rem; color: #f3f3f3; font-size: 13px; word-wrap: break-word; } .custom-gallery-grid-modal .custom-gallery-grid-counter { position: absolute; top: 0; right: 0; line-height: 18px; color: #ccc; font-size: 12px; white-space: nowrap; } .custom-gallery-grid-modal .custom-gallery-grid-close, .custom-gallery-grid-modal .custom-gallery-grid-counter, .custom-gallery-grid-modal .custom-gallery-grid-arrow { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .custom-gallery-grid-modal .custom-gallery-grid-arrow { width: 90px; height: 110px; position: absolute; top: 50%; margin-top: -55px; opacity: .65; overflow: visible; display: block; background: 0 0; border: 0; outline: 0; padding: 0; box-shadow: none; text-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-appearance: none; touch-action: manipulation; cursor: pointer; z-index: 9995; } .custom-gallery-grid-modal .custom-gallery-grid-arrow:hover { opacity: 1; } .custom-gallery-grid-modal .custom-gallery-grid-arrow:hover:before { transform: scale(.8,.8); } .custom-gallery-grid-modal .custom-gallery-grid-arrow:before { width: 100%; height: 80px; position: absolute; top: 50%; left: 0; margin-top: -40px; opacity: 1; display: block; line-height: 80px; color: #fff; font-size: 50px; font-weight: bold; transition: all 0.3s ease-out; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; transform: scale(1,1); } .custom-gallery-grid-modal .custom-gallery-grid-arrow-left { left: 0; } .custom-gallery-grid-modal .custom-gallery-grid-arrow-left:before { content: "〈"; } .custom-gallery-grid-modal .custom-gallery-grid-arrow-right { right: 0; } .custom-gallery-grid-modal .custom-gallery-grid-arrow-right:before { content: "〉"; } .custom-gallery-grid-modal-bg { display: none; z-index: 9990; position: fixed; top:0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.8); overflow: hidden; transition: all 0.3s ease-out; } /************************************************************************************************************************************************************/ /* 메인 페이지 **********************************************************************************************************************************************/ /************************************************************************************************************************************************************/ /* 슬라이더 */ .custom-cover .swiper-scrollbar { height: 7px !important; } .custom-cover .swiper-scrollbar .swiper-scrollbar-drag { background-color: #fff !important; } .custom-cover .swiper-scrollbar.swiper-scrollbar-horizontal { background-color: rgb(255, 255, 255, 0.5) !important; } /* 최신목록 */ .custom-latest-posts-none { padding: 5rem 0; text-align: center; } .custom-latest-posts { flex-wrap: wrap-reverse !important; } .custom-latest-posts article { display: none; flex: 1 1 auto !important; } .custom-latest-posts ul { margin: unset; } .custom-latest-posts li { margin-top: unset; } /* 최신비디오 */ .custom-latest-videos-none { height: 500px; padding: 5rem 0; text-align: center; } /* 인스타그램 */ #sb_instagram #sbi_images { padding-top: 0 !important; } @media screen and (hover: hover) and (pointer: fine) { a.sbi_photo:hover { opacity: 0.5 !important; } } a.sbi_photo:active { opacity: 1 !important; } /************************************************************************************************************************************************************/ /* 포스트 ***************************************************************************************************************************************************/ /************************************************************************************************************************************************************/ /* 목록 - 제목 */ .custom-container-sub .blog-entry-title.entry-title { text-align: center; font-size: var(--h4fontsize) !important; font-weight: var(--h4fontweight) !important; line-height: var(--h4lineheight) !important; letter-spacing: var(--h4letterspacing) !important; text-transform: var(--h4texttransform) !important; } /* 목록 - 날짜·카테고리 */ .custom-container-sub .nv-meta-list { text-align: center; margin-bottom: 1.2em !important; } .custom-container-sub .nv-meta-list li { display: block !important; font-size: var(--h5fontsize) !important; font-weight: var(--h5fontweight) !important; line-height: var(--h5lineheight) !important; letter-spacing: var(--h5letterspacing) !important; text-transform: var(--h5texttransform) !important; } /* 내용 - 제목 */ h1.title.entry-title { font-size: var(--h1fontsize) !important; font-weight: var(--h1fontweight) !important; line-height: var(--h1lineheight) !important; letter-spacing: var(--h1letterspacing) !important; text-transform: var(--h1texttransform) !important; } /* 목록 - 이미지 마우스오버시 */ div.custom-image-overlay-div { position: relative; line-height: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.custom-image-overlay-div:before { display: block; content: ""; padding-top: 85%; } div.custom-image-overlay-div > a > img { border-radius: 5px; z-index: 10; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; margin: auto; } .custom-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.5; overflow: hidden; visibility: hidden; z-index: 30; } .custom-image-overlay .custom-image-overlay-inside { position: absolute; height: 80px; width: 80px; top: calc(50% - 40px); left: calc(50% - 40px); background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; z-index: 40; } .custom-image-overlay .custom-image-overlay-inside .custom-image-overlay-inside-ico, .custom-image-overlay .custom-image-overlay-inside .custom-image-overlay-inside-ico2 { position: absolute; height: 30px; width: 30px; top: calc(50% - 15px); left: calc(50% - 15px); background-repeat: no-repeat; background-position: center center; background-size: contain; z-index: 50; } .custom-image-overlay .custom-image-overlay-inside .custom-image-overlay-inside-ico { background-image: url('data:image/svg+xml;utf8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1792 1896.0833"%3E%3Cpath d="M1792 640q0 26-19 45l-512 512q-19 19-45 19t-45-19-19-45V896H928q-98 0-175.5 6t-154 21.5-133 42.5-105.5 69.5-80 101-48.5 138.5-17.5 181q0 55 5 123 0 6 2.5 23.5t2.5 26.5q0 15-8.5 25t-23.5 10q-16 0-28-17-7-9-13-22t-13.5-30-10.5-24Q0 1286 0 1120q0-199 53-333 162-403 875-403h224V128q0-26 19-45t45-19 45 19l512 512q19 19 19 45z"/%3E%3C/svg%3E'); } .custom-image-overlay .custom-image-overlay-inside .custom-image-overlay-inside-ico2 { background-image: url('data:image/svg+xml;utf8,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"%3E%3Cpath d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6 9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7 99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136 136-60.8 136-136z"/%3E%3C/svg%3E'); } @media print { .custom-image-overlay { display:none; } } /* 댓글 */ #comments .comment-notes { margin-bottom: 0; } #comments .comment-form { grid-template-columns: 1fr !important; } .comments-area .nv-comments-wrap { padding: 10px; } .comment-respond { padding: 15px !important; border: 1px solid #ddd; } .comment-respond .logged-in-as, .comment-respond .comment-notes { font-size: 0.9em !important; } .comment-form-comment > textarea { height: 120px; line-height: 160%; } /* 포스트 없음 */ .custom-none { height: 500px; flex-wrap: nowrap; justify-content: center; margin-top: 5rem; } /************************************************************************************************************************************************************/ /* 기타 *****************************************************************************************************************************************************/ /************************************************************************************************************************************************************/ /* 본문 사진캡션 */ .wp-element-caption { text-align: center; font-style: italic; margin-top: 0; font-size: 0.7em; line-height: 1.2em; padding-top: 1em; } /* 없음 아이콘 (포스트없음,비디오없음 등) */ .icon-container { width:30px; } .has-neve-link-color-color { font-size: 1.8em; font-style: normal; font-weight: 700; letter-spacing: 0.3rem; } /* 비디오 목록 */ .custom-page-video .first_video { margin-bottom: 1em; } .custom-page-video .content { padding-top: 1em; } /* 비디오 없음 */ .custom-none-video { height: 500px; flex-wrap: nowrap; justify-content: center; border: 1px solid #ddd; } /* 비디오 iframe 크기 */ .videoWrapper { position: relative; padding-bottom: 56.25%;/*16:9*/ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 올레지도 */ .custom-jejuolle-map { background-color: #dceef9; } #jejuolle_map { position: relative; max-width: 1024px; min-width: 300px; margin: 0 auto; overflow: hidden; } #jejuolle_map .map_img_background { width: 100%; z-index: 10; } #jejuolle_map .map_pointer0 { cursor: default; } #jejuolle_map .map_pointer1 { cursor: pointer; } #jejuolle_map *:is(img:not(.map_img_background), section) { position: absolute; z-index: 100; } #jejuolle_map .map_text { position: absolute; top: 42%; left: 50%; transform: translate(-50%); padding: 0; margin: 0; } #jejuolle_map .map_text > :is(.map_text_dd, .map_text_dt, .map_text_div) { padding: 0; margin: 0; text-align: center; } #jejuolle_map .map_text > .map_text_dd { padding-bottom: 0.3vw; font-size: clamp(0.4rem, 2vw, 1.3rem) !important; line-height: clamp(0.4rem, 2vw, 1.3rem) !important; color: #676767; } #jejuolle_map .map_text > .map_text_dt { padding-bottom: 0.3vw; font-size: clamp(0.7rem, 3.5vw, 2.3rem) !important; line-height: clamp(0.7rem, 3.5vw, 2.3rem) !important; font-weight: 700; color: #08b2f5; } #jejuolle_map .map_text > .map_text_div { display: flex; align-items: center; justify-content: center; } #jejuolle_map .map_text > .map_text_div > .onBOX { width: 5vw; min-width: 1rem; cursor: default; } #jejuolle_map .map_text > .map_text_div > .onTXT { padding-left: 1vw; font-size: clamp(0.28rem, 1.4vw, 0.98rem) !important; line-height: clamp(0.28rem, 1.4vw, 0.98rem) !important; color: #676767; } #jejuolle_map .map_img_route1 { width: 7.53%; top: 27.4%; left: 78.8%; z-index: 100; } #jejuolle_map .map_img_route1-1 { width: 5.8%; top: 19.56%; left: 84.3%; } #jejuolle_map .map_img_route2 { width: 6.35%; top: 33.5%; left: 78.3%; } #jejuolle_map .map_img_route3 { width: 8.15%; top: 45.9%; left: 74.4%; } #jejuolle_map .map_img_route4 { width: 14.8%; top: 58.25%; left: 62.75%; } #jejuolle_map .map_img_route5 { width: 9.2%; top: 68.28%; left: 55.27%; } #jejuolle_map .map_img_route6 { width: 10.45%; top: 70.9%; left: 46%; } #jejuolle_map .map_img_route7 { width: 9.05%; top: 71.5%; left: 38.58%; } #jejuolle_map .map_img_route7-1 { width: 7.2%; top: 65.8%; left: 40.45%; } #jejuolle_map .map_img_route8 { width: 10%; top: 68.8%; left: 30.4%; } #jejuolle_map .map_img_route9 { width: 4.3%; top: 70.8%; left: 27.7%; } #jejuolle_map .map_img_route10 { width: 8.72%; top: 73.8%; left: 20.5%; } #jejuolle_map .map_img_route10-1 { width: 4.09%; top: 76.2%; left: 8.9%; } #jejuolle_map .map_img_route11 { width: 4.08%; top: 66.09%; left: 18.25%; } #jejuolle_map .map_img_route12 { width: 8.1%; top: 57.7%; left: 11.52%; } #jejuolle_map .map_img_route13 { width: 9.66%; top: 53.5%; left: 12.05%; } #jejuolle_map .map_img_route14 { width: 6.17%; top: 39.4%; left: 16.42%; } #jejuolle_map .map_img_route14-1 { width: 5.65%; top: 55%; left: 20.5%; } #jejuolle_map .map_img_route15 { width: 8.98%; top: 29.66%; left: 21.25%; } #jejuolle_map .map_img_route16 { width: 9.5%; top: 28.71%; left: 28.6%; } #jejuolle_map .map_img_route17 { width: 11.32%; top: 21.75%; left: 36.94%; } #jejuolle_map .map_img_route18 { width: 10.8%; top: 17.61%; left: 46.82%; } #jejuolle_map .map_img_route18-1 { width: 7%; top: 12.2%; left: 11.6%; } #jejuolle_map .map_img_route18-2 { width: 7%; top: 12.2%; left: 11.6%; display: none; } #jejuolle_map .map_img_route19 { width: 11.44%; top: 16.06%; left: 56.25%; } #jejuolle_map .map_img_route20 { width: 11.44%; top: 14.36%; left: 66.43%; } #jejuolle_map .map_img_route21 { width: 7%; top: 20.29%; left: 76.47%; } #jejuolle_map section { width: 7.5%; } #jejuolle_map .map_section1 { top: 31%; left: 86.1%; } #jejuolle_map .map_section1-1 { top: 20.5%; left: 90.9%; } #jejuolle_map .map_section2 { top: 39.9%; left: 70.7%; } #jejuolle_map .map_section3 { top: 54%; left: 79.8%; } #jejuolle_map .map_section4 { top: 68%; left: 68.1%; } #jejuolle_map .map_section5 { top: 63.4%; left: 55.2%; } #jejuolle_map .map_section6 { top: 79.8%; left: 49.6%; } #jejuolle_map .map_section7 { top: 80.5%; left: 41%; } #jejuolle_map .map_section7-1 { top: 61.2%; left: 39.8%; } #jejuolle_map .map_section8 { top: 80.8%; left: 31.4%; } #jejuolle_map .map_section9 { top: 65.9%; left: 25.7%; } #jejuolle_map .map_section10 { top: 85.5%; left: 20.9%; } #jejuolle_map .map_section10-1 { top: 77%; left: 0.9%; } #jejuolle_map .map_section11 { top: 71%; left: 12.1%; } #jejuolle_map .map_section12 { top: 63.7%; left: 3.7%; } #jejuolle_map .map_section13 { top: 60.2%; left: 13.8%; } #jejuolle_map .map_section14 { top: 45.8%; left: 8.4%; } #jejuolle_map .map_section14-1 { top: 56.7%; left: 26.6%; } #jejuolle_map .map_section15 { top: 27.8%; left: 18.7%; } #jejuolle_map .map_section16 { top: 37.2%; left: 29.6%; } #jejuolle_map .map_section17 { top: 27%; left: 39.5%; } #jejuolle_map .map_section18 { top: 12.7%; left: 48.2%; } #jejuolle_map .map_section18-1 { top: 7.2%; left: 13.6%; } #jejuolle_map .map_section18-2 { top: 18%; left: 5.7%; } #jejuolle_map .map_section19 { top: 23%; left: 58.3%; } #jejuolle_map .map_section20 { top: 8.5%; left: 68.5%; } #jejuolle_map .map_section21 { top: 23.3%; left: 73.1%; } #jejuolle_map .map_label { padding: 0.4vw 0 0.3vw; font-size: clamp(0.21rem, 1.1vw, 0.7rem) !important; line-height: clamp(0.21rem, 1.1vw, 0.7rem) !important; font-weight: 600; color: #08b2f5; background: #fff; border: 0.2vw solid #08b2f5; border-radius: 1.5vw; text-align: center; } #jejuolle_map .map_label.on { background: #08b2f5; color: #fff; } #jejuolle_map .map_date { padding-top: 0.25vw; font-size: clamp(0.22rem, 1vw, 0.7rem) !important; line-height: clamp(0.22rem, 1vw, 0.7rem) !important; font-weight: 600; color: #eb5f52; text-align: center; } #jejuolle_map .map_sub { position: absolute; bottom: 1.6%; right: 2.2%; } #jejuolle_map .map_sub > a { font-size: clamp(0.22rem, 1vw, 0.7rem) !important; line-height: clamp(0.22rem, 1vw, 0.7rem) !important; color: #08b2f5; text-decoration-line: none; } /************************************************************************************************************************************************************/ /* 검색 *****************************************************************************************************************************************************/ /************************************************************************************************************************************************************/ /* 버튼 및 Ajax결과 */ .hide-on-desktop .custom-search svg.search-icon { margin-top: 10px; } .custom-search form.is-search-form { position: absolute; top: 100%; right: 0; margin: 0; z-index: 9; display: none; } .custom-search input.is-search-input { background-image: none; border: solid 1px #ccc; box-shadow: none; border-right: 0; border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; } .custom-search-container input.is-search-input { border: solid 1px #ccc; box-shadow: none; border-right: 0; border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; } .is-screen-reader-text, .search-close { display: none; } form.is-search-form { max-width: 310px; min-width: 310px; } input.is-search-input { width: 100%; height: 40px; min-height: 0; padding: 0 12px; margin: 0; color: #333; font-size: 18px; font-weight: 300; line-height: 0; font-family: arial; outline: 0; background: #FFF; background-image: none; } input.is-search-input::-ms-clear { display: none; width : 0; height: 0; } input.is-search-input::-ms-reveal { display: none; width : 0; height: 0; } input.is-search-input::-webkit-search-decoration, input.is-search-input::-webkit-search-cancel-button, input.is-search-input::-webkit-search-results-button, input.is-search-input::-webkit-search-results-decoration { display: none; } button.is-search-submit { width: 40px; height: 40px; padding: 0; margin: 0; box-shadow: none; font-size: 23.1px; font-weight: 300; line-height: 0; font-family: arial; outline: 0; } button.is-search-submit .is-search-icon { width: 40px; height: 40px; margin: 0; display: inline-block; background: #ededed; color: #666; padding-top: 6px; vertical-align: middle; border: 1px solid #ccc; } button.is-search-submit .is-search-icon svg { width: 26px; display: inline; } form > label { width: calc(100% - 40px); padding: 0; margin: 0; } .custom-search.menu-item { z-index: 9999; } .custom-search .is-ajax-search .is-loader-image { width: 25px; height: 25px; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); background: #ededed; background-repeat: no-repeat; background-size: contain; z-index: 9999; display: none; } .custom-search .is-ajax-search.processing .is-loader-image { display: block; } div.is-ajax-search-result { width: 298px !important; height: auto; padding: 5px; position: absolute; border: solid 1px #ccc; border-top: 0; background: #e2e2e2; color: #313131; z-index: 999999; display: none; } .is-ajax-search-result, .is-ajax-search-result * { padding: 0; margin: 0; font-size: 0.8rem; line-height: 1rem; text-transform: none; text-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; vertical-align: baseline; border: 0; border-radius: 0; box-shadow: none; outline: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; } .is-ajax-search-result a { color: #0073aa; } .is-ajax-search-result a:hover { text-decoration: underline; } .is-ajax-search-result .is-ajax-search-items { overflow-y: auto; overflow-x: hidden; } .is-ajax-search-result .is-ajax-search-items .post-title { display: inline-block; font-weight: normal; font-size: 15px; text-transform: capitalize; } [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .is-ajax-search-result .simplebar-wrapper { width: inherit; height: inherit; max-width: inherit; max-height: inherit; overflow: hidden; } .is-ajax-search-result .simplebar-height-auto-observer-wrapper { width: 100%; height: 100%; padding: 0; margin: 0; max-width: 1px; max-height: 1px; position: relative; float: left; overflow: hidden; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; box-sizing: inherit; z-index: -1; } .is-ajax-search-result .simplebar-height-auto-observer { width: 1000%; height: 1000%; min-width: 1px; min-height: 1px; left: 0; top: 0; position: absolute; overflow: hidden; box-sizing: inherit; opacity: 0; pointer-events: none; z-index: -1; display: block; } .is-ajax-search-result .simplebar-mask { width: auto; height: auto; left: 0; right: 0; top: 0; bottom: 0; padding: 0; margin: 0; direction: inherit; position: absolute; overflow: hidden; z-index: 0; } .is-ajax-search-result .simplebar-offset { left: 0; right: 0; top: 0; bottom: 0; padding: 0; margin: 0; direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; -webkit-overflow-scrolling: touch; } .is-ajax-search-result .simplebar-content-wrapper { width: auto; height: 100%; max-width: 100%; max-height: 100%; direction: inherit; box-sizing: border-box; position: relative; scrollbar-width: none; -ms-overflow-style: none; display: block; } .is-ajax-search-result .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .is-ajax-search-result .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .is-ajax-search-result .is-ajax-search-post:hover, .is-ajax-search-result .is-show-more-results:hover { background: #e2e2e2; } .is-ajax-search-result .is-ajax-search-posts .is-ajax-search-post { background: #fff; } .is-ajax-search-result .is-ajax-search-posts .is-ajax-search-post:last-child { border: 0; } .is-ajax-search-result .is-search-sections { position: relative; clear: both; overflow: hidden; } .is-ajax-search-result .is-search-sections:after { content: ""; display: block; clear: both; } .is-ajax-search-result .is-search-sections .left-section { float: left; } .is-ajax-search-result .is-search-sections .thumbnail { width: 70px; margin-right: 10px; } .is-ajax-search-result .is-search-sections .thumbnail img { height: auto; max-width: 70px; float: left; } .is-ajax-search-result .is-search-sections .meta { margin: 5px 0; } .is-ajax-search-result .is-search-sections .meta i { font-size: 11px; } .is-ajax-search-result .is-search-sections .meta > div { margin-bottom: 5px; } .is-ajax-search-result .is-search-sections .meta > div > span { margin-left: 10px; } .is-ajax-search-result .is-search-sections .meta > div > span:first-child { margin-left: 0; } .is-ajax-search-result .is-has-badge .is-search-sections .is-title { margin-right: 35px; } .is-ajax-search-result .is-has-badge .is-search-sections .meta > div > span:last-child { margin-right: 10px; } .is-ajax-search-result .is-search-sections .meta > span:not(:last-child):after { margin: 0 2px; content: '/'; display: inline-block; } .is-ajax-search-result .is-ajax-search-post-details, .is-ajax-search-result .is-ajax-search-post { clear: both; padding: 5px; border-bottom: 1px solid #eceff1; } .is-ajax-search-result .is-ajax-search-post-details:last-child, .is-ajax-search-result .is-ajax-search-posts .is-ajax-search-post:last-child { border: 0; } .is-ajax-search-result .is-ajax-search-post-details .is-ajax-term-label { display: inline-block; } .is-ajax-search-result .simplebar-placeholder { width: 100%; max-width: 100%; max-height: 100%; pointer-events: none; } .is-ajax-search-result .simplebar-track { right: 0; bottom: 0; position: absolute; overflow: hidden; pointer-events: none; z-index: 1; } .is-ajax-search-result .simplebar-track.simplebar-horizontal { height: 11px; left: 0; } .is-ajax-search-result .simplebar-track .simplebar-scrollbar { left: 0; right: 0; min-height: 10px; position: absolute; } .is-ajax-search-result .simplebar-track .simplebar-scrollbar:before { left: 2px; right: 2px; position: absolute; content: ''; background: black; border-radius: 7px; opacity: 0; transition: opacity 0.2s linear; } .is-ajax-search-result .simplebar-track .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition: opacity 0s linear; } .is-ajax-search-result .simplebar-track.simplebar-horizontal .simplebar-scrollbar { width: auto; height: 7px; min-width: 10px; min-height: 0; left: 0; right: auto; top: 2px; } .is-ajax-search-result .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .is-ajax-search-result .simplebar-track.simplebar-vertical { width: 11px; top: 0; } .is-ajax-search-result .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .is-ajax-search-result .is-show-more-results { height: 26px; margin-top: 6px; background: #FFF; border-top: none; } .is-ajax-search-result .is-show-more-results-text { padding-top: 5px; text-align: center; cursor: pointer; } .is-ajax-search-result .is-load-more-image { margin: 0 auto; max-height: 25px; display: block; } .is-ajax-search-result .is-ajax-search-no-result {padding: 10px; background: #FFF; text-align: center; } /* 결과 페이지 */ .custom-search-header { padding: 3rem 0; background-color: var(--nv-c-1); box-sizing: border-box; } .custom-search-header > div { display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box; gap: 0.5rem; } .custom-search-footer { margin: 3rem 0; } .custom-search-footer h3 { padding: 0 10px; } .custom-search-list { padding: 0 10px; } .custom-search-none { height: 20rem; display: flex; justify-content: center; align-items: center; flex-direction: column; } /* 페이지 번호 */ ul.page-numbers { margin-top: 2rem; align-items: center; justify-content: center; } ul.page-numbers li { margin-bottom: unset; } ul.page-numbers a, ul.page-numbers span, ul.page-numbers input[type="submit"] { margin: 0 3px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 7px 10px; font-size: 0.8rem; } ul.page-numbers .prev { padding: 7px 11px 7px 9px; } ul.page-numbers .next { padding: 7px 9px 7px 11px; } ul.page-numbers .dots { padding: 7px 0; } ul.page-numbers a:focus, ul.page-numbers a:link, ul.page-numbers a:visited { text-decoration: none; } /************************************************************************************************************************************************************/ /* 공통 & 반응형 ********************************************************************************************************************************************/ /************************************************************************************************************************************************************/ /* 메인 인스타그램 */ #sbi_images { gap: 25px !important; } /* 상단커버 */ .custom-cover { width: 100%; margin: 0; padding: 0; background: var(--custom-cover-page-bg, #999); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } /* 폼메일 */ .wpforms-container { max-width: 800px; margin: 0 auto; } /* 본문 상하여백 */ .custom-cover, .nv-post-cover { margin-bottom: 3rem; } .comments-area { margin-top: 3em !important; } #site-footer { margin-top: 8rem; height: 2.5rem; text-align: center; font-size: 12px; letter-spacing: 0.1em; } /* 본문 좌우여백 */ .custom-container, .comments-area { padding-left: 0 !important; padding-right: 0 !important; } .custom-container *:is(p, .wp-element-caption, .wp-block-list, .posts-wrapper) { margin-left: 25px; margin-right: 25px; } .custom-container-sub { padding-left: 25px !important; padding-right: 25px !important; } /* 검색 & 포스트이동 좌우여백 */ .custom-search-container, .nv-post-navigation { padding-left: 25px !important; padding-right: 25px !important; } /* 포스트이동 상단여백 */ .nv-post-navigation { margin-top: 1rem !important; } @media screen and (min-width: 575px) { /* 메인 인스타그램 */ #sbi_images { gap: 10px !important; } /* 메인하단 전체이미지+오버텍스트 버튼 */ .custom-img-overtxt > div > div > div > div > div > div { margin-top: 45px !important; } .custom-img-overtxt > div > div > div > div > div > div > a { padding: 10px 20px !important; } /* 간격 */ .custom-spacer-3 { height: 2.5rem !important; } .custom-spacer-5 { height: 4rem !important; } .custom-spacer-8 { height: 6.5rem !important; } /* 포토갤러리 */ .custom-gallery-grid > figure { width: calc(100% / 2.1) !important; } .custom-gallery-title { padding: 3em 0 1.5em; } /* 본문 상하여백 */ .custom-cover, .nv-post-cover { margin-bottom: 4rem; } .comments-area { margin-top: 4.5em !important; } #site-footer { margin-top: 12rem; } /* 본문 좌우여백 */ .custom-container, .comments-area { padding-left: 28px !important; padding-right: 28px !important; } .custom-container *:is(p, .wp-element-caption, .wp-block-list, .posts-wrapper) { margin-left: 0; margin-right: 0; } .custom-container-sub { padding-left: 0 !important; padding-right: 0 !important; } /* 검색 & 포스트이동 좌우여백 */ .custom-search-container, .nv-post-navigation { padding-left: 28px !important; padding-right: 28px !important; } /* 댓글 코너 */ .comment-respond { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* 올레지도 */ #jejuolle_map .map_img_route1 { width: 7.53%; top: 27.64%; left: 78.73%; } #jejuolle_map .map_img_route1-1 { width: 5.8%; top: 19.8%; left: 84.3%; } #jejuolle_map .map_img_route2 { width: 6.35%; top: 33.85%; left: 78.2%; } #jejuolle_map .map_img_route3 { width: 8.15%; top: 46.35%; left: 74.29%; } #jejuolle_map .map_img_route4 { width: 14.8%; top: 58.8%; left: 62.7%; } #jejuolle_map .map_img_route5 { width: 9.2%; top: 68.85%; left: 55.2%; } #jejuolle_map .map_img_route6 { width: 10.45%; top: 71.52%; left: 46%; } #jejuolle_map .map_img_route7 { width: 9.05%; top: 72.18%; left: 38.58%; } #jejuolle_map .map_img_route7-1 { width: 7.2%; top: 66.33%; left: 40.45%; } #jejuolle_map .map_img_route8 { width: 10%; top: 69.5%; left: 30.2%; } #jejuolle_map .map_img_route9 { width: 4.3%; top: 71.4%; left: 27.6%; } #jejuolle_map .map_img_route10 { width: 8.72%; top: 74.55%; left: 20.4%; } #jejuolle_map .map_img_route10-1 { width: 4.09%; top: 76.8%; left: 8.9%; } #jejuolle_map .map_img_route11 { width: 4.08%; top: 66.75%; left: 18.25%; } #jejuolle_map .map_img_route12 { width: 8.1%; top: 58.1%; left: 11.52%; } #jejuolle_map .map_img_route13 { width: 9.66%; top: 54%; left: 12.05%; } #jejuolle_map .map_img_route14 { width: 6.17%; top: 39.7%; left: 16.42%; } #jejuolle_map .map_img_route14-1 { width: 5.65%; top: 55.4%; left: 20.5%; } #jejuolle_map .map_img_route15 { width: 8.98%; top: 29.9%; left: 21.25%; } #jejuolle_map .map_img_route16 { width: 9.5%; top: 29.05%; left: 28.6%; } #jejuolle_map .map_img_route17 { width: 11.32%; top: 21.99%; left: 36.94%; } #jejuolle_map .map_img_route18 { width: 10.8%; top: 17.85%; left: 46.82%; } #jejuolle_map .map_img_route18-1 { width: 7%; top: 12.44%; left: 11.6%; } #jejuolle_map .map_img_route18-2 { width: 7%; top: 12.44%; left: 11.6%; display: none; } #jejuolle_map .map_img_route19 { width: 11.44%; top: 16.3%; left: 56.25%; } #jejuolle_map .map_img_route20 { width: 11.44%; top: 14.6%; left: 66.43%; } #jejuolle_map .map_img_route21 { width: 7%; top: 20.53%; left: 76.47%; } } @media screen and (min-width: 769px) { /* 메인하단 전체이미지+오버텍스트 버튼 */ .custom-img-overtxt > div > div > div > div > div > div { margin-top: 50px !important; } .custom-img-overtxt > div > div > div > div > div > div > a { padding: 15px 25px !important; } /* 간격 */ .custom-spacer-3 { height: 3rem !important; } .custom-spacer-5 { height: 5rem !important; } .custom-spacer-8 { height: 8rem !important; } /* 포토갤러리 */ .custom-gallery-grid > figure { width: calc(100% / 3.2) !important; } .custom-gallery-title { padding: 4em 0 2em; } /* 본문 상하여백 */ .custom-cover, .nv-post-cover { margin-bottom: 5rem; } .comments-area { margin-top: 6em !important; } #site-footer { margin-top: 15rem; } /* 본문 좌우여백 */ .custom-container, .comments-area, .wpforms-container { padding-left: 30px !important; padding-right: 30px !important; } .custom-container *:is(p, .wp-element-caption, .wp-block-list, .posts-wrapper) { margin-left: 0; margin-right: 0; } .custom-container-sub { padding-left: 0 !important; padding-right: 0 !important; } /* 검색 & 포스트이동 좌우여백 */ .custom-search-container, .nv-post-navigation { padding-left: 30px !important; padding-right: 30px !important; } /* 댓글 */ #comments .comment-form { grid-template-columns: repeat(2, 1fr) !important; } } @media screen and (max-width:770px) { /* 본문 이미지&텍스트 폼 */ .custom-block-img-text { grid-template-columns: 100% !important; } .custom-block-img-text > div:nth-child(1) { grid-column: 1; grid-row: 1; } .custom-block-img-text > figure:nth-child(1) { grid-column: 1; grid-row: 2; padding: 0; } .custom-block-img-text > div:nth-child(2) { grid-column: 1; grid-row: 1; } .custom-block-img-text > figure:nth-child(2) { grid-column: 1; grid-row: 2; padding: 0; } } @media screen and (max-width: 900px) { /* 포토갤러리 모달 */ .custom-gallery-grid-modal .custom-gallery-grid-container { padding-left: 8px; padding-right: 8px; } .custom-gallery-grid-modal .custom-gallery-grid-arrow { width: 60px; } } @media screen and (max-width:1080px) { #site-footer { margin-bottom: 30px; } .btn-gtranslate, .btn-pageup { bottom: 40px; } .custom-social-pc { display: none; } .custom-social-mobile.is-layout-flex { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; display: flex; list-style: none; gap: 0; } }