/*
 Theme Name:   Adsensefarm Onepage Skin
 Theme URI:  https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       WordCracker
 Author URI:    https://cafe.naver.com/wphomepage
 Template:     generatepress
 Version:      2.0
*/

/* 페이지 상단 여백 */
.page .inside-article {
    padding-top: 0px;
}

/* Menu */

@media (min-width: 321px) {
#primary-menu {
	width: 100%;
	border-radius: 50px;
	padding: 5px;
	margin: 0 auto;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.nav-align-center .main-nav>ul {
	display: flex !important;
	justify-content: space-between !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.main-navigation li {
	flex: 1 !important;
	text-align: center !important;
	margin: 1px !important;
}

.main-navigation a {
	border-radius: 25px;
}

.main-navigation .main-nav ul li a {
	line-height: 45px;
}

.inside-navigation.grid-container {
    padding: 10px !important;
}
}


/* 모바일 본문 컨테이너 padding */

@media (max-width: 767px) {
	#main .inside-article {
		padding: 8px !important;
	}
}



/*  페이지 본문 */

body.page .entry-content h2, body.page .entry-content h3 { margin-top: 20px; } 

/* 페이지 타이틀 */

body.page h1.entry-title { display: none; }


/************************************/
/*********** 버튼  ***************/
/**********************************/
/* 블루 버튼 */

.blueButton a {
	background: rgb(46, 100, 254) !important;
	text-align: left;
	font-size: 22px !important;
	font-weight: 600;
}

.blueButton {
	background: rgb(46, 100, 254);
	border-radius: 12px;
	color: white;
	cursor: pointer;
	padding: 5px 15px 5px 5px;
	transition: 0.3s;
	position: relative;
}

.blueButton:hover {
	transform: scale(1.01);
	box-shadow: 0 4px 15px rgba(101, 40, 247, 0.3);
}

.blueButton .wp-block-button__link {
	display: block;
	padding-right: 30px;
	position: relative;
}

.blueButton .wp-block-button__link::after {
	content: '→';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	font-weight: 400;
}

/* 레드 버튼 */

.redButton a {
	background: rgb(255, 69, 58) !important;
	text-align: left;
	font-size: 22px !important;
	font-weight: 600;
}

.redButton {
	background: rgb(255, 69, 58);
	border-radius: 12px;
	color: white;
	cursor: pointer;
	padding: 5px 15px 5px 5px;
	transition: 0.3s;
	position: relative;
}

.redButton:hover {
	transform: scale(1.01);
	box-shadow: 0 4px 15px rgba(255, 69, 58, 0.3);
}

.redButton .wp-block-button__link {
	display: block;
	padding-right: 30px;
	position: relative;
}

.redButton .wp-block-button__link::after {
	content: '→';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	font-weight: 400;
}

/* 보라색 버튼 */

.purppleButton a {
	background: rgb(128, 0, 128) !important;
	text-align: left;
	font-size: 22px !important;
	font-weight: 600;
}

.purppleButton {
	background: rgb(128, 0, 128);
	border-radius: 12px;
	color: white;
	cursor: pointer;
	padding: 5px 15px 5px 5px;
	transition: 0.3s;
	position: relative;
}

.purppleButton:hover {
	transform: scale(1.01);
	box-shadow: 0 4px 15px rgba(128, 0, 128, 0.3);
}

.purppleButton .wp-block-button__link {
	display: block;
	padding-right: 30px;
	position: relative;
}

.purppleButton .wp-block-button__link::after {
	content: '→';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	font-weight: 400;
}

/* 그린 버튼 */

.greenButton a {
	background: rgb(46, 204, 113) !important;
	text-align: left;
	font-size: 22px !important;
	font-weight: 600;
}

.greenButton {
	background: rgb(46, 204, 113);
	border-radius: 12px;
	color: white;
	cursor: pointer;
	padding: 5px 15px 5px 5px;
	transition: 0.3s;
	position: relative;
}

.greenButton:hover {
	transform: scale(1.01);
	box-shadow: 0 4px 15px rgba(46, 204, 113, 0.3);
}

.greenButton .wp-block-button__link {
	display: block;
	padding-right: 30px;
	position: relative;
}

.greenButton .wp-block-button__link::after {
	content: '→';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	font-weight: 400;
}

/*****************************/
/* 카드 박스 */
/*****************************/

/* 모든 카드 공통 스타일 */
[class*='-color-card'] {
	display: inline-block;
	width: calc(50% - 8px);
	text-decoration: none;
	border-radius: 0;
	position: relative;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.05);
	vertical-align: top;
	margin-bottom: 0px;
	box-sizing: border-box;
}

/* 2컬럼 레이아웃 */
/* PC 기준 2컬럼 배치 */
.card-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px; /* 카드 간 간격 */
}

.card-container > .two-column {
	flex: 1 1 calc(50% - 10px); /* 2개의 컬럼으로 나누기 (gap 반영) */
	box-sizing: border-box;
}

/* 모바일 및 태블릿에서는 1컬럼 */
@media (max-width: 768px) {
	.card-container > .two-column {
		flex: 1 1 100%;
	}
}


/* 1컬럼 레이아웃 */
.one-card-column {
	width: 100%;
}


/* 컬러 */
.blue-color-card { background: linear-gradient(135deg, #286EFF, #4C8DFF); color: white; } /* 파랑 */
.red-color-card { background: linear-gradient(135deg, #FF3B3B, #FF6B6B); color: white; } /* 빨강 */
.orange-color-card { background: linear-gradient(135deg, #FF7F50, #FFA07A); color: black; } /* 주황 */
.yellow-color-card { background: linear-gradient(135deg, #FFD700, #FFEE58); color: black; } /* 노랑 */
.green-color-card { background: linear-gradient(135deg, #28a745, #5fd068); color: white; } /* 초록 */
.teal-color-card { background: linear-gradient(135deg, #20c997, #5ce1c1); color: white; } /* 청록 */
.cyan-color-card { background: linear-gradient(135deg, #17a2b8, #66d4e3); color: white; } /* 하늘청 */
.indigo-color-card { background: linear-gradient(135deg, #6610f2, #855ff9); color: white; } /* 남색 */
.purple-color-card { background: linear-gradient(135deg, #6f42c1, #a179e5); color: white; } /* 보라 */
.pink-color-card { background: linear-gradient(135deg, #e83e8c, #ff75b5); color: white; } /* 핑크 */
.brown-color-card { background: linear-gradient(135deg, #8B4513, #a16237); color: white; } /* 갈색 */
.gray-color-card { background: linear-gradient(135deg, #6c757d, #9ca2a7); color: white; } /* 회색 */
.dark-color-card { background: linear-gradient(135deg, #343a40, #5a5f64); color: white; } /* 다크그레이 */
.light-color-card { background: linear-gradient(135deg, #f8f9fa, #ffffff); color: black; } /* 밝은 회색 */
.skyblue-color-card { background: linear-gradient(135deg, #87CEEB, #b0e5ff); color: black; } /* 하늘색 */
.lime-color-card { background: linear-gradient(135deg, #BFFF00, #dbff70); color: black; } /* 라임 */
.navy-color-card { background: linear-gradient(135deg, #001f3f, #004080); color: white; } /* 네이비 */
.gold-color-card { background: linear-gradient(135deg, #FFD700, #ffea00); color: black; } /* 금색 */
.silver-color-card { background: linear-gradient(135deg, #C0C0C0, #e0e0e0); color: black; } /* 은색 */
.beige-color-card { background: linear-gradient(135deg, #f5f5dc, #fffce3); color: black; } /* 베이지 */
.turquoise-color-card { background: linear-gradient(135deg, #40E0D0, #90f3e8); color: black; } /* 터키석 */
.maroon-color-card { background: linear-gradient(135deg, #800000, #b30000); color: white; } /* 자주 */
.olive-color-card { background: linear-gradient(135deg, #808000, #b3b300); color: black; } /* 올리브 */
.aqua-color-card { background: linear-gradient(135deg, #00FFFF, #99ffff); color: black; } /* 아쿠아 */
.fuchsia-color-card { background: linear-gradient(135deg, #FF00FF, #ff66ff); color: white; } /* 푸시아 */
.coral-color-card { background: linear-gradient(135deg, #FF6F61, #ffa08e); color: black; } /* 코랄 */
.khaki-color-card { background: linear-gradient(135deg, #F0E68C, #faf5b8); color: black; } /* 카키 */
.plum-color-card { background: linear-gradient(135deg, #DDA0DD, #f0c1f0); color: black; } /* 자두 */
.salmon-color-card { background: linear-gradient(135deg, #FA8072, #ffada3); color: black; } /* 연어 */
.orchid-color-card { background: linear-gradient(135deg, #DA70D6, #f3a9f0); color: black; } /* 난초 */
.tan-color-card { background: linear-gradient(135deg, #D2B48C, #f2d8b8); color: black; } /* 황갈색 */
.peach-color-card { background: linear-gradient(135deg, #FFE5B4, #fff0cc); color: black; } /* 복숭아 */
.seagreen-color-card { background: linear-gradient(135deg, #2E8B57, #58b67e); color: white; } /* 바다초록 */
.slateblue-color-card { background: linear-gradient(135deg, #6A5ACD, #998df2); color: white; } /* 슬레이트블루 */
.mint-color-card { background: linear-gradient(135deg, #98FF98, #c8ffc8); color: black; } /* 민트 */
.lavender-color-card { background: linear-gradient(135deg, #E6E6FA, #f4f4ff); color: black; } /* 라벤더 */
.moccasin-color-card { background: linear-gradient(135deg, #FFE4B5, #ffeecd); color: black; } /* 모카신 */
.peru-color-card { background: linear-gradient(135deg, #CD853F, #e7a96d); color: white; } /* 페루 */
.azure-color-card { background: linear-gradient(135deg, #F0FFFF, #ffffff); color: black; } /* 아쥬르 */
.royalblue-color-card { background: linear-gradient(135deg, #4169E1, #789bff); color: white; } /* 로열블루 */
.aliceblue-color-card { background: linear-gradient(135deg, #F0F8FF, #ffffff); color: black; } /* 엷은 파랑 */
.amber-color-card { background: linear-gradient(135deg, #FFBF00, #ffda4d); color: black; } /* 앰버 */
.crimson-color-card { background: linear-gradient(135deg, #DC143C, #f75a7a); color: white; } /* 진홍 */
.ivory-color-card { background: linear-gradient(135deg, #FFFFF0, #ffffff); color: black; } /* 아이보리 */
.linen-color-card { background: linear-gradient(135deg, #FAF0E6, #ffffff); color: black; } /* 리넨 */
.magenta-color-card { background: linear-gradient(135deg, #FF00FF, #ff66ff); color: white; } /* 마젠타 */
.oldlace-color-card { background: linear-gradient(135deg, #FDF5E6, #ffffff); color: black; } /* 올드레이스 */
.powderblue-color-card { background: linear-gradient(135deg, #B0E0E6, #d7f2f5); color: black; } /* 파우더블루 */
.rosybrown-color-card { background: linear-gradient(135deg, #BC8F8F, #e4bfbf); color: black; } /* 로지브라운 */
.sienna-color-card { background: linear-gradient(135deg, #A0522D, #cd764e); color: white; } /* 시에나 */
.thistle-color-card { background: linear-gradient(135deg, #D8BFD8, #f1dcf1); color: black; } /* 엉겅퀴 */
.tomato-color-card { background: linear-gradient(135deg, #FF6347, #ff947f); color: black; } /* 토마토 */
.wheat-color-card { background: linear-gradient(135deg, #F5DEB3, #fceac7); color: black; } /* 밀색 */
.zinc-color-card { background: linear-gradient(135deg, #7E7E7E, #a3a3a3); color: white; } /* 아연색 */
.graphite-color-card { background: linear-gradient(135deg, #383838, #5e5e5e); color: white; } /* 흑연색 */
.charcoal-color-card { background: linear-gradient(135deg, #36454F, #5e6f7a); color: white; } /* 차콜 */
.blue500-color-card { background: linear-gradient(135deg, #2196F3, #64b5f6); color: white; } /* Material Blue 500 */
.lightpurple-color-card { background: linear-gradient(135deg, #C9A6F5, #e5d3fc); color: white; } /* 연보라색 */
.amberorange-color-card { background: linear-gradient(135deg, #FFB347, #ffd28a); color: black; } /* 앰버+오렌지 */
.mustard-color-card { background: linear-gradient(135deg, #D4AF37, #f4d25e); color: black; } /* 머스터드 */
.darkgolden-color-card { background: linear-gradient(135deg, #B8860B, #d9ae3c); color: white; } /* 다크골든 */
.burntorange-color-card { background: linear-gradient(135deg, #D2691E, #f29051); color: white; } /* 진한 황토 */
.ocean-color-card { background: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%); color: white; } /* 오션 */



/* 카드 내 버튼 스타일 */
[class*='-color-card'] .wp-block-button__link {
	display: inline-block;
	font-size: 0.8rem !important;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.2) !important;
	padding: 10px 16px !important;
	border-radius: 25px;
	border: none;
	text-decoration: none;
	backdrop-filter: blur(10px);
	transition: all 0.2s ease;
	cursor: pointer;
}

[class*='-color-card'] .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.3) !important;
	transform: translateY(-2px);
}


[class*='-color-card'] .wp-block-buttons.is-content-justification-right {
	display: flex;
	justify-content: flex-end;
}


/* 컬러 박스 제목 */
.support-title {
    font-size: 1.2rem ;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 2.0rem;
}

/*******************************/
/* 메인 제목 부분 */
/*********************************/

.title-card { background: linear-gradient(135deg, #e0f2fe 0%, #b3e5fc 100%);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 연한 민트 */
.title-card2 {
	background: linear-gradient(135deg, #e0fdf5 0%, #c1f6e2 100%);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
}

/* 연보라 */
.title-card3 {
	background: linear-gradient(135deg, #f3e8ff 0%, #e0d7ff 100%);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
}

/* 크림 옐로우 */
.title-card4 {
	background: linear-gradient(135deg, #fffde7 0%, #fff9c4 100%);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
}


/* section title */

.section-title { font-size: 25px;
    font-weight: 700;
    margin: 48px 0 24px 0;
    color: #1e293b;
    position: relative;
    padding-left: 20px;
}

.section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 32px;
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
    border-radius: 2px;
}

.title-card h2 {
    font-size: 1.5rem;
    font-weight: 700 !important;
}

.title-card p {
    font-size: 1.1rem !important;
    line-height: 1.85rem;
}