/*
    Theme Name:   GeneratePress Child
    Template:     generatepress
    Version:      1.0.0
*/

body {letter-spacing: -0.05em;}

header .grid-container { max-width: 1630px;}
header .inside-header {padding: 0;}
.nav-float-right #site-navigation {flex: 1 0 auto;}
header .main-nav {margin-left: 100px; width: 100%;}
header .main-navigation .main-nav>ul {width: 100%; justify-content: space-between;} 
header .main-navigation a {font-size: 17px;}
header .main-navigation li a::after {content: ""; display: inline-block; width: 10px; height: 10px; background-image: url('/wp-content/themes/generatepress-child/assets/icon/link-icon.png'); background-repeat: no-repeat; margin-left: 5px;}

.site-header .header-image {max-width: 283px;}
.site-logo {padding-left: 20px;}

/* 전체 검색 컨테이너 */
.header-search {display: flex; align-items: center; justify-content: flex-end; padding: 0 20px; background-color: #131313;}
.search-form {display: flex; align-items: center; border-bottom: 2px solid #999999;}
.search-field {background-color: #131313 !important; border: none !important; outline: none; color: #fff !important; font-size: 16px; width: 200px; padding: 4px 6px;}
.search-submit {background: none; border: none; font-size: 20px; color: #fff; cursor: pointer; margin-left: 8px;}

.site-footer {background: #111; color: #fff; padding: 40px 20px; font-size: 18px; font-weight: 400;}
.footer-inner {max-width: 1630px; margin: 0 auto;}
.footer-top {display: flex; justify-content: space-between; border-bottom: 1px solid #444444; padding-bottom: 20px; margin-bottom: 20px;}
.footer-logo img {max-width: 216px;}
.footer-info {display: flex; flex: 1; justify-content: space-between;}
.footer-col {margin: 0 20px;}
.footer-col strong {display: block; color: #ffffff; margin-bottom: 6px;}
.footer-bottom {display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 15px; color: #B8B8B8;}
.footer-policy a {color: #B8B8B8; text-decoration: none;}
.footer-policy p {margin: 4px 0;}

.generate-back-to-top .gp-icon {display: none;}
.generate-back-to-top {background-image: url('/wp-content/themes/generatepress-child/assets/icon/scroll-up-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; width: 40px; height: 40px; background-color: transparent !important; border-radius: 4px;}

.one-container .site-content {padding: 40px 0;}

.category-tabs {margin: 30px 0;}
.category-tabs ul {display: inline-flex; padding: 0; margin: 0; list-style: none;}
.category-tabs li {position: relative; padding: 0 30px; font-size: 22px; font-weight: 400;}
.category-tabs li:not(:last-child)::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 16px; background: #ccc; transform: translateY(-50%);}
.category-tabs a {text-decoration: none; display: inline-block; padding: 10px 0; color: #363636;}
.category-tabs li.active a {font-weight: bold;}


.post-card .post-category {color: #FF8800 !important;}
.category-marketing-insight .post-category {color: #FF8800;}
.category-inside-next .post-category { color: #FF8800;}
/* .post-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 32px; max-width: 1200px; margin: 40px auto;} */
.post-grid {display: flex; flex-wrap: wrap; gap: 32px; max-width: 1200px; margin: 40px auto;}
/* .post-card {background: #fff; border-radius: 10px; overflow: hidden; transition: box-shadow 0.2s;} */
.post-card { background: #fff; border-radius: 10px; overflow: hidden; transition: box-shadow 0.2s; width: calc(33.333% - 21.33px); padding-bottom: 0 !important;}
.thumbnail {height: 198px; overflow: hidden; border-radius: 13px;}
.thumbnail img {width: 100%; height: 100%; object-fit: cover;}
.no-thumbnail {width: 100%; height: 100%; background: #eee;}

.thumbnail img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;}
.post-card:hover .thumbnail img {-webkit-transform: scale(1.1); transform: scale(1.1);}

.post-meta {padding: 16px;}
.post-category {font-size: 18px; font-weight: bold; display: block; margin-bottom: 4px;}
.title {font-size: 34px; font-weight: bold; color: #131313; margin: 10px 0; }
.post-card:hover .title {color: #FF8800;}
.excerpt {color: #363636; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}
.post-card.post-tmp-no-0 {width: 100%;}
.post-card.post-tmp-no-0 a {display: flex;}
.post-card.post-tmp-no-0 a .thumbnail {width: 66%; height: 438px; flex: 1 0 auto; margin-right: 20px;}
.post-card.post-tmp-no-0 a .post-meta .title {font-size: 50px; line-height: 70px; margin-top: 20px;}
.post-card.post-tmp-no-1, .post-card.post-tmp-no-2 { width: calc(50% - 16px);}
.post-card.post-tmp-no-1 a .thumbnail, .post-card.post-tmp-no-2 a .thumbnail {height: 315px;}
.post-card.post-tmp-no-1 a .title, .post-card.post-tmp-no-2 a .title {font-size: 40px; line-height: 63px;}
.post-card.post-tmp-no-0 .excerpt, .post-card.post-tmp-no-1 .excerpt, .post-card.post-tmp-no-2 .excerpt {line-height: 40px;}

.search-results-container {width: 100%;}
.search-results-container .search-form-area {border-bottom: 1px solid #999999;}
.search-results-container .search-form-area .search-form {border-bottom: 0;}
.search-results-container .search-form-area .search-form label {flex: 1 0 auto;}
.search-results-container .search-form-area .search-form .search-field {width: 100%; background-color: #ffffff !important; font-size: 50px; color: #131313 !important; padding-left: 0;}
.search-results-container .search-form-area .search-form .search-submit {font-size: 28px; color: #131313;}

.search-summary {font-size: 30px; font-weight: bold; color: #131313; margin-top: 10px;}
.search-summary .point {color: #ff8800;}
.search-item a {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding: 32px 0;}
.search-text {width: 70%; margin-right: 40px;}
.category-marketing-insight .search-category {color: #FF8800;}
.category-inside-next .search-category { color: #FF8800;}
.search-category {font-size: 18px; color: #FF8800 !important;}
.search-item .title {font-size: 34px; font-weight: bold; color: #131313; text-decoration: none;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search-item .excerpt {color: #363636;}
.highlighted-search { color: #ff8800; }
.search-thumbnail {width: 292px; height: 164px; background: #ddd; overflow: hidden; border-radius: 13px;}
.search-thumbnail img {width: 100%; height: 100%; object-fit: cover;}

.search-item .search-thumbnail img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;}
.search-item:hover .search-thumbnail img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.search-item:hover .title {color: #FF8800;}

.no-results {font-size: 22px; font-weight: bold; color: #131313;}

.post-content {width: 100%; position: relative;}
.post-content .post-area {max-width: 960px; margin: 0 auto; }
.post-content .post-header {display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.post-content .post-header .post-category {font-size: 20px; font-weight: bold;}
.post-content .post-header .post-category .date {font-weight: 400; color: #b8b8b8; margin-left: 20px;}
.post-content .post-header .share-link a {display: block;}
.post-content .post-header .share-link a img {vertical-align: middle;}
.post-content .post-share { text-align: right; margin-top: 20px; }
.post-content .post-share a {display: block; font-size: 22px; font-weight: bold; color: #848484;}
.post-content .post-share img {vertical-align: middle;}
.post-content .post-title {font-size: 50px; font-weight: bold; color: #131313;}

.post-banner {margin-top: 50px; width: 100%; padding: 50px 0;}
.post-banner.marketing-insight {background-color: #181818; color: #ffffff;}
.post-banner.inside-next {background-color: #EF9F40; color: #131313;}
.post-banner .banner-content {max-width: 960px; margin: 0 auto;}
.post-banner .banner-content .banner-title {font-size: 30px; font-weight: 700; margin-bottom: 20px;}
.post-banner .banner-content .banner-desc {font-size: 22px; font-weight: 400; margin-bottom: 30px;}
.post-banner .banner-content .banner-btn {text-align: center; font-size: 20px; font-weight: 800;}
.post-banner .banner-content .banner-btn a {padding: 10px 70px; border-radius: 5px;}
.post-banner.marketing-insight a {background-color: #EF9F40; color: #131313;}
.post-banner.inside-next a {background-color: #181818; color: #ffffff;}


#copy-pop {display: none; position: fixed; top: 7%; left: 50%; transform: translateX(-50%); z-index: 3;}
#copy-pop .copy-msg {background-color: #282828; font-size: 22px; color: #ffffff; padding: 20px; border-radius: 20px;}
#copy-pop .copy-msg::before {content: ""; display: inline-block; width: 24px; height: 15px; background-image: url('/wp-content/themes/generatepress-child/assets/icon/copy-icon.png'); background-repeat: no-repeat; margin-right: 15px;}

@media (max-width: 1080px) {
    header .main-nav {margin-left: 0;}

    .post-card { width: calc(50% - 16px);}
}

@media (max-width: 768px) {
    .main-navigation {display: none;}
    .main-navigation.toggled {display: block;}
    .footer-info {display: block;}

    .container.grid-container {padding: 0 12px;}
    .category-tabs {margin: 0; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
    .category-tabs::-webkit-scrollbar {display: none;}
    .category-tabs li {font-size: 4vw; padding: 0 20px;}

    .post-grid {display: block;}
    .post-card { width: 100% !important;}
    .thumbnail {height: 49vw !important;}
    .post-category {font-size: 3vw !important;}
    .title {font-size: 7vw !important; line-height: 9vw !important; margin-top: 3vw !important;}
    .excerpt {font-size: 4vw !important; line-height: 6.5vw !important;}
    .post-card.post-tmp-no-0 a {display: block;}
    .post-card.post-tmp-no-0 a .thumbnail {width: 100%; padding-right: 0;}

    .search-results-container .search-form-area .search-form label {flex: auto;}
    .search-results-container .search-item {display: block;}
    .search-text {width: 100%;}
    .search-thumbnail {width: 100%; height: 49vw; margin-top: 15px;}

    .post-content .post-area {padding: 0 12px;}
    .post-content .post-header .post-category {font-size: 3.5vw !important; font-weight: bold;}
    .post-content .post-header .post-category .date {font-weight: 400; color: #b8b8b8; margin-left: 20px;}
    .post-content .post-title {font-size: 7vw;}
    .post-banner .banner-content {padding: 0 12px;}
    .post-banner .banner-content .banner-title {font-size: 7vw; font-weight: 700; margin-bottom: 20px;}
    .post-banner .banner-content .banner-desc {font-size: 4vw; font-weight: 400; margin-bottom: 30px;}
    .post-content .post-grid { padding: 0 12px;}

    #copy-pop .copy-msg {font-size: 10pt; padding: 10px;}
    #copy-pop .copy-msg::before {background-size: 7pt 7pt; margin-right: 5px; width: 7pt; height: 7pt;}

    .footer-logo img { max-width: 180px;}
}