/*
Theme Name: K-Theme Starter Child
Template: ktheme_starter 
Theme URI: https://k-thememarket.co.kr/
Author: Ktheme
Author URI: https://k-thememarket.co.kr/
Description: 케이테마의 차일드 테마입니다. 
Version: 1.5.1
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
*/

/* 공용요소 스타일 추가 */



#ktheme-contact-form-editor .kboard-form{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
	
}

#ktheme-contact-form-editor .k-col-2{
	width: 49% !important;
    margin: 0;
    padding: 0;
}

#ktheme-contact-form-editor .k-col-3{
	width: 32% !important;
    margin: 0;
    padding: 0;
}

#ktheme-contact-form-editor .kboard-form > *:not(.k-col-2):not(.k-col-3):not(.kboard-attr-author) {
	display: block;
    flex: 0 1 auto; /* shrink는 하고, grow는 안함 */
	min-width:100%;
}

/* .kboard-attr-author가 .k-col-2 형제와 함께 있을 때 (부모가 .k-col-2를 포함할 때) */
#ktheme-contact-form-editor .kboard-form:has(.k-col-2) .kboard-attr-author {
	width: 49% !important;
    margin: 0;
    padding: 5px 0;
}

/* .kboard-attr-author가 .k-col-3 형제와 함께 있을 때 (부모가 .k-col-3를 포함할 때) */
#ktheme-contact-form-editor .kboard-form:has(.k-col-3) .kboard-attr-author {
	width: 32% !important;
    margin: 0;
    padding: 5px 0;
}

.kboard-contact-form-button-large{
	border-radius: 0 !important;
	padding: 0 1rem !important;
	height: 60px !important;
	line-height: 60px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background-color: #2B3467 !important;
	border: none !important;
	box-shadow: none !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	
	
}

/* 모바일 반응형 스타일 */
@media (max-width: 575.98px) {
	#ktheme-contact-form-editor .k-col-2{
		width: 100% !important;
	}
	
	#ktheme-contact-form-editor .k-col-3{
		width: 100% !important;
	}
	
	/* .kboard-attr-author도 모바일에서 100% */
	#ktheme-contact-form-editor .kboard-form:has(.k-col-2) .kboard-attr-author,
	#ktheme-contact-form-editor .kboard-form:has(.k-col-3) .kboard-attr-author {
		width: 100% !important;
	}

	.tech-description-text {
		font-size: 16px;
		line-height: 26px;
	}
	
	.tech-bullet-point p {
		font-size: 14px;
		line-height: 22px;
	}
	
	.feature-header h5 {
		font-size: 14px;
		line-height: 22px;
	}
	
	.feature-desc {
		font-size: 14px;
		line-height: 22px;
	}
	
	.tech-feature-table {
		padding: 1.5rem;
	}
	
	.multi-point .tech-bullet-point p {
		font-size: 16px;
		line-height: 28px;
	}
}

@media (max-width: 767.98px) {
	.tech-description-text {
		font-size: 17px;
		line-height: 27px;
	}
	
	.multi-point .tech-bullet-point p {
		font-size: 17px;
		line-height: 30px;
	}
	
	/* 태블릿 이하에서 로고 이미지 반응형 처리 */
	footer .custom_logo img,
	header .custom_logo img {
		max-width: 100% !important;
		height: auto !important;
	}
}


	

@media (max-width: 575.98px) {

}

@media (max-width: 767.98px) {
	
}

@media (min-width: 768px) {
		
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}


/* sigle break point */

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* Between breakpoints */


/* ========================================
   후원문의 폼 테이블 레이아웃 (오버라이드)
   #support-submit 하위 요소에만 적용
   ======================================== */

/* 폼 컨테이너 상단 보더 */
#support-submit #ktheme-contact-form-editor {
	border-top: 3px solid #343434;
	padding-top: 0;
}

/* 전체 폼 컨테이너 초기화 - flex 레이아웃 해제 */
#support-submit #ktheme-contact-form-editor .kboard-form {
	display: block !important;
	flex-wrap: unset !important;
	max-width: 100%;
	margin: 0 auto;
}

/* k-col 클래스 무효화 */
#support-submit #ktheme-contact-form-editor .k-col-2,
#support-submit #ktheme-contact-form-editor .k-col-3 {
	width: 100% !important;
}

/* 각 행을 테이블 row처럼 스타일링 */
#support-submit #ktheme-contact-form-editor .kboard-attr-row {
	display: table !important;
	width: 100% !important;
	table-layout: fixed;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 !important;
	padding: 0 !important;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-row:first-of-type {
	border-top: 1px solid #e5e5e5;
}

/* 라벨 (th 역할) - 반드시 표시 */
#support-submit #ktheme-contact-form-editor .kboard-attr-row .attr-name {
	display: table-cell !important;
	vertical-align: middle;
	width: 190px;
	padding: 20px 0 20px 0;
	font-size: 20px;
	font-weight: 500;
	color: #343434;
	background-color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
}

/* 필수 표시 */
#support-submit #ktheme-contact-form-editor .kboard-attr-row .attr-required-text {
	color: #978068;
	font-size: 20px;
	margin-left: 3px;
}

/* 입력 필드 영역 (td 역할) */
#support-submit #ktheme-contact-form-editor .kboard-attr-row .attr-value,
#support-submit #ktheme-contact-form-editor .kboard-attr-row .kboard-content {
	display: table-cell !important;
	vertical-align: middle;
	padding: 20px 0 20px 30px;
	width: 85%;
}

/* 신청구분 라디오 버튼 가로 정렬 */
#support-submit #ktheme-contact-form-editor .kboard-attr-radio .attr-value {
	display: table-cell !important;
	vertical-align: middle;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-radio .attr-value-label {
	display: inline-block;
	margin-right: 35px;
	margin-bottom: 0;
	vertical-align: middle;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-radio input[type="radio"] {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-radio .attr-value-label span {
	font-size: 18px;
	color: #333;
	vertical-align: middle;
}

/* 초기화 버튼 */
#support-submit #ktheme-contact-form-editor .kboard-attr-radio .attr-reset-button {
	display: inline-block;
	margin-left: 20px;
	font-size: 16px;
	color: #7b7b7b;
}

/* 텍스트 입력 필드 */
#support-submit #ktheme-contact-form-editor .kboard-attr-text input[type="text"],
#support-submit #ktheme-contact-form-editor .kboard-attr-title input[type="text"] {
	width: 240px;
	height: 50px;
	padding: 0 15px;
	border: 1px solid #cecece;
	font-size: 16px;
	color: #333;
	background-color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
	box-sizing: border-box;
}

/* 주소 입력 필드 */
#support-submit #ktheme-contact-form-editor .kboard-attr-address .attr-value {
	padding: 20px 0 20px 30px;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-row-postcode {
	margin-bottom: 10px;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-postcode {
	width: 240px !important;
	height: 50px;
	padding: 0 15px;
	border: 1px solid #cecece;
	font-size: 16px;
	box-sizing: border-box;
}

#support-submit #ktheme-contact-form-editor .kboard-postcode-address-search-button {
	height: 50px;
	padding: 0 20px;
	margin-left: 10px;
	background-color: #7b7b7b;
	color: #fff;
	border: none;
	font-size: 16px;
	cursor: pointer;
	font-family: 'Noto Sans KR', sans-serif;
	vertical-align: top;
}

/* 주소 필드 - 주소1과 주소2를 한 줄에 */
#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-row-address-1,
#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-row-address-2 {
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-row-address-1 {
	margin-right: 10px;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-address-1 {
	width: 240px;
	height: 50px;
	padding: 0 15px;
	border: 1px solid #cecece;
	font-size: 16px;
	box-sizing: border-box;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-address-2 {
	width: 380px;
	height: 50px;
	padding: 0 15px;
	border: 1px solid #cecece;
	font-size: 16px;
	box-sizing: border-box;
}

/* 연락처 필드 */
#support-submit #ktheme-contact-form-editor .kboard-attr-row.meta-key-phone .attr-value {
	display: table-cell !important;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-row.meta-key-phone input[type="text"] {
	width: 240px;
}

/* 문의내용 textarea */
#support-submit #ktheme-contact-form-editor .kboard-attr-content textarea {
	width: 100%;
	max-width: 530px;
	min-height: 150px;
	padding: 15px;
	border: 1px solid #cecece;
	font-size: 16px;
	color: #333;
	line-height: 1.6;
	resize: vertical;
	font-family: 'Noto Sans KR', sans-serif;
	box-sizing: border-box;
}

/* 개인정보 체크박스 영역 */
#support-submit #ktheme-contact-form-editor .kboard-attr-checkbox {
	border-bottom: none !important;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-checkbox .attr-name {
	padding: 18px 0 15px 0 !important;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-checkbox .attr-value {
	padding: 18px 0 15px 30px !important;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-checkbox .attr-value-label {
	display: block;
	margin-bottom: 10px;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-checkbox input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
}

#support-submit #ktheme-contact-form-editor .kboard-attr-checkbox .attr-value-label span {
	font-size: 18px;
	color: #333;
	vertical-align: middle;
}

/* 버튼 영역 */
#support-submit #ktheme-contact-form-editor .kboard-control {
	margin-top: 40px;
	text-align: center;
}

#support-submit #ktheme-contact-form-editor .kboard-contact-form-button-large {
	min-width: 200px;
	height: 60px;
	padding: 0 40px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	border-radius: 0 !important;
}

/* 모바일 반응형 */
@media (max-width: 767.98px) {
	#support-submit #ktheme-contact-form-editor .kboard-attr-row {
		display: block !important;
	}
	
	#support-submit #ktheme-contact-form-editor .kboard-attr-row .attr-name {
		display: block !important;
		width: 100%;
		padding: 15px 0 10px 0;
		font-size: 18px;
	}
	
	#support-submit #ktheme-contact-form-editor .kboard-attr-row .attr-value,
	#support-submit #ktheme-contact-form-editor .kboard-attr-row .kboard-content {
		display: block !important;
		width: 100%;
		padding: 10px 0 15px 0;
	}
	
	#support-submit #ktheme-contact-form-editor .kboard-attr-text input[type="text"],
	#support-submit #ktheme-contact-form-editor .kboard-attr-title input[type="text"],
	#support-submit #ktheme-contact-form-editor .kboard-attr-content textarea,
	#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-address-1,
	#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-address-2 {
		width: 100% !important;
		max-width: 100%;
	}
	
	#support-submit #ktheme-contact-form-editor .kboard-attr-radio .attr-value-label {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-postcode {
		width: calc(100% - 120px) !important;
	}
	
	#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-row-address-1,
	#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-row-address-2 {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	#support-submit #ktheme-contact-form-editor .kboard-attr-address .kboard-address-2 {
		width: 100% !important;
	}
}