/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.3.1.1706340956
Updated: 2024-01-27 16:35:56
*/

.sidebar {
border-left: 1px solid #e4e4e4;
margin-left: 1.2em;
}


h1 {
    font-size: 1.7em;
}

/*글목록 제목*/
h2 {
    font-size: 1.1em;
    background: #f5f5f5;
    /*border-bottom: 1px dashed #000;*/
    /* background: linear-gradient(to top, #E6F3FC 40%, transparent 20%);*/
    /* display: inline-block;*/
    border-bottom: 1px solid #e4e4e4;
    padding: 0.19em 0.5em 0.05em 0.5em;
	&:hover{color: #000; border-bottom: 1px dotted #000; font-weight: 500;}
	&:active{position:relative; top:2px;}
 }

h3{
    font-size: 1em;
    color: #69696D;
    font-weight: 700;
    /*background: #69696D;*/
    display: inline-block;

}

p {
    font-size: 1em;
    line-height: 1.8em;
}

ul, ol, li {
    font-size: 1em;
    line-height: 1.8em;
}

.site-logo {
	display: inline-block;
	max-width: 100%;
    width: 215px;
height: 100%;
}


/*사이드바 카테고리, 최신글 텍스트 크기*/
h6 {
    font-size: 0.9em;
    background: #f5f5f5;
    color: #69696D;
    padding: 0.2em 0.7em;
    display: inline-block;
    border-radius: 5px;
}

/* GeneratePress 테마 소제목 스타일 지정하기 */

h1.entry-title {
    font-size: 1.5em;
    font-weight: 500;
    color: #000;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    padding-top: 0.6em;
}

.single .entry-content h2 {
    border-bottom: 1px dotted transparent;
    padding: 0px 5px; /* 내부 여백 설정 */
    border-left: 5px solid #091b66;
    border-bottom: 1px dotted #091b66;
    color: #000;
    font-size: 1.3em;
    display: block;
    line-height: 1.5em;
    background: transparent;
}

.single .entry-content h3 {
    /*background-color: #f5f5f5;*/
    padding: 0 0 0.1em 0;
    border-bottom: 3px double #091b66; 
    color: #000;
    /* border-top-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.6em; 
    display: inline-block;
}

.single .entry-content h4 {

/* 원하는 스타일 */
}


.single .entry-content h5 {
/* 원하는 스타일 */
}


.single .entry-content h6 {
/* 원하는 스타일 */
}


/*사용안하는중.attachment-full {
display: none;
}

.single .inside-article> .featured-image {
display:none;
}

.single-featured-image-header {
display:none;
}

.attachment-post-thumbnail {
display: none;
}사용안하는중*/


/* GeneratePress 테마 개별 글에서 특성 이미지 제거하기 */
/* Hide featured image in GeneratePress */

.single .inside-article>.featured-image {
    display: none;
}


/*이걸 붙여넣었더니 로고 헤더와 네이게이션 부분의 높이가 낮아져 올라감*/

.main-navigation .main-nav ul li a {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 40px;  /*60이었음*/
}

.main-navigation .mobile-bar-items a {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 40px;  /*60이었음*/
}



.inside-header {
	padding: 20px 40px;
}

.main-title {
	margin: 0;
	font-size: 25px;
	line-height: 1em;  /*1.2이었음*/
	word-wrap: break-word;
	font-weight: bold;
	text-transform: none;
}

.header-widget .widget-title {
	margin-bottom: 15px;
}
/*이걸 붙여넣었더니 로고 헤더와 네이게이션 부분의 높이가 낮아져 올라감-끝*/


a:link {
  text-decoration: none !important;
}

a:visited {
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
}


/* 우측 마우스 클릭 비활성화  body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }*/


/*글목록에 아래 나오던 것들*/
.comments-link {
    display: none;
}

/*글목록 아래와 본문 아래 태그도 같이 안나와서 일단 중지시킴
.tags-links {
    display: none;
}*/


/*날짜, 태그 부분 글자색
.entry-meta {
   color: #091b66;
}*/


/*댓글위에 있는 comment 숫자부분*/
.comments-title{
font-size: 1em;
color: #091b66;
}

/*댓글등록버튼 오른쪽으로 보내기*/
.form-submit{
   text-align: right;
}


/* new 새글표시 */
/*.new-label {
  background: #091b66;
  color: #fff;
  font-size: 0.5em;
  margin-left: 0;
  font-weight:  500;
  border-radius: 3px;
  padding: 0 0.2em;
}*/
.new-label {
  color: #091b66;
  font-size: 0.5em;
  margin-left: 0;
  font-weight:  700;
  border: 1px solid #091b66;
  padding: 0 0.2em;
  border-radius: 2px;
}

/*글목록에 테두리-지금은 아래 줄로 넣음 본문 끝에도 아래 줄 생겨있음, .single .inside-article이렇게 하면 본문에서만 아래줄 생김, .inside-article이것만 하면 홈 목록이랑 본문에서 둘다 아래 줄생김, .home .inside-article이거는 홈 글목록 아래만 줄생김*/
.inside-article {border-bottom: 1px solid #e4e4e4; margin-top: -1em; background: transparent;}


/*글목록에서 요약글*/
.entry-summary {
font-size: 0.9em;
}


/*댓글박스*/
.comment-content {
border: 1px solid #d9d8d8;
border-radius: 10px;
}

/*홈에서 글목록 아래에서 태그, 링크, 댓글 등 없앤 것(본문에서는 안없어짐)-목록에서 없애버려면 아래 cat-links 관련 2개도 다시 활성화
.home .entry-meta > .comments-link { display: none;}
.home .entry-meta > .cat-links { display: none;}
.home .entry-meta > .archive { display: none;}*/
.home .entry-meta > .tags-links { display: none;}

/*.cat-links {
    display: none; /* 모든 'cat-links' 클래스를 숨깁니다. */
}*/


/*.single .cat-links {
    display: block; /* 'single' 안에 있는 'cat-links' 클래스만 보입니다. */
}*/



/* 본문 글에서 카테고리, 태그 메타 정보 숨기기 */
/*.single .cat-links, .single .tags-links {display: none; }*/


.tags-links {
    display: none; /* 모든 'tags-links' 클래스를 숨깁니다. */
}


/*본문 아래 나오는 태그 네모칸으로 바꿈*/
.single .tags-links {
    display: inline;
/*background: linear-gradient(to top, #FCF7A4 40%, transparent 20%);*/
}

.single .tags-links a {
    display: inline-block;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 2px 8px;
    margin: 3px 2px;
    font-size: 0.85em;
    color: #69696d;
    background: none;
}

.single .tags-links a:hover {
    border-color: #091b66;
    color: #091b66;
}






/*더읽기박스부분*/
.read-more {
color : #091b66;
/*background-color: #091b66;*/
padding : 5px 7px;
border: 1px solid #091b66;
border-radius: 3px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
width: 40%; 
display : block;
text-align: center;
font-weight: bold;
clear: both;
text-decoration: none !important;
&:hover{color:#fff; background-color: #091b66; border: 1px solid #091b66;
border-radius: 3px;}
&:active{position:relative; top:2px;}
}



/* 제너레이트 테마 사이드바 고정 */
/**/
@media (min-width: 769px) {
#right-sidebar {
position: -webkit-sticky;
position: sticky;
top: 0;
}
}
/**/
.inside-left-sidebar, .inside-right-sidebar {
position: -webkit-sticky;
position: sticky;
top: 30px; /*상하 위치 조정 */

}
}
/* 제너레이트 테마 사이드바 고정 -끝*/



/* 페이지번호 부분 */
/* Common Styles */
nav#nav-below.paging-navigation .page-numbers {
    display: inline-block;
    padding: 5px 10px;  /* Increased padding for a more clickable area */
    margin-right: 8px;  /* Slightly reduced margin */
    border: 1px solid #091b66;  /* Subtle border */
    border-radius: 3px;  /* Small border radius for rounded edges */
    font-size: 14px;  /* Reduce font size for a sleeker look */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;  /* Smoother transitions */
    text-decoration: none;
    background-color: #091b66;  border-radius: 2px; /* Neutral background */
}

/* Current Page Styles */
nav#nav-below.paging-navigation span.page-numbers.current {
    font-weight: 600;  /* Slightly reduced weight for modern feel */
    background: #091b66;
    color: #fff;
    border-color: #091b66;
     border-radius: 2px;
     padding: 0 0.2em 0 0.2em;
}

/* Link Styles */
nav#nav-below.paging-navigation a.page-numbers {
    color: #ccc;  /* Dark gray for better readability */
}

/* Hover and Focus Styles for Interactivity */
nav#nav-below.paging-navigation a.page-numbers:hover,
nav#nav-below.paging-navigation a.page-numbers:focus {
    /* background: #091b66; */
    color: #091b66;
  /*  border-bottom: 2px dotted #091b66;*/
    border-radius: 2px;
}

/* Container Padding for Separate Containers */
.separate-containers .paging-navigation {
    padding: 20px 0;
    text-align: center;  /* Center-aligns the pagination for a more balanced look */
}

/* Icon Adjustment for Better Alignment */
nav#nav-below.paging-navigation .gp-icon {
    vertical-align: middle;  /* Aligns the icon with the text */
}
/* 페이지번호 부분-끝 */


/* 전면 페이지에서 글 작성자 정보 숨기기 */
/* Hide author name from the front page in GeneratePress */
.home .byline { display:none; }
.archive .byline { display:none; }
.single .byline { display:none; }
/* 전면 페이지에서 글 작성자 정보 숨기기-end */


/*사이드바 카테고리 글자 */
.cat-item {
font-size: 0.98em;
font-weight:  500;
color: #091b66;
}

.cat-item  a {
&:hover{background: linear-gradient(to top, #f7f8f9 40%, transparent 20%); font-weight: 600; color: #3c58c7;  /* #3659e5  091b66; */
    }
	&:active{position:relative; top:2px;}
}

/*사이드바 category recent pots 글자 볼드*/
.wp-block-heading {
  font-weight: 700 !important;
}

/*사이드바 상위 목차 제목-들어가는숫자는 f12로 그 부분 코드 찾아야함 */
.cat-item-5 {
font-size: 0.91em;
font-weight:  600;
}
.cat-item-5 a{
color: #7f7f82;
}

.cat-item-6 {
font-size: 0.91em;
font-weight:  600;
}

.cat-item-6 a{
color: #7f7f82;
}

.cat-item-4 {
font-size: 0.91em;
font-weight:  600;
}

.cat-item-4 a{
color: #7f7f82;
}

/*info삭제해서 필요없음
.cat-item-12 {
font-size: 0.91em;
font-weight:  700;
}*/
/*info삭제해서 필요없음
.cat-item-12 a{
color: #69696D;
}*/

/*사이드바 최신글*/
.wp-block-latest-posts {
font-size: 0.91em;color: #091b66;
}
.wp-block-latest-posts a{
color: #69696D;
	&:hover{background: linear-gradient(to top, #f7f8f9 40%, transparent 20%); font-weight: 600; color: #3c58c7; }
	&:active{position:relative; top:2px;}
}

/* 사이드바 tag-cloud */
.wp-block-tag-cloud a {
    display: inline-block;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    padding: 0px 7px;
    margin: 3px 2px;
    font-size: 0.85em !important;
    color: #69696d;
}

.wp-block-tag-cloud a:hover {
    border-color: #091b66;
    color: #091b66;
}


/*날짜부분 글목록 home는 글목록*/
.home .posted-on {
/*border-bottom: 1px dashed #ccc;*/
font-weight: 400;
padding-bottom: 0.2em;
/*background: #091b66;*/
text-align: right !important;
display: block;
font-size: 0.95em;
}
/*날짜부분 본문 single는 본문*/
.single .posted-on {
border-bottom: 4px double #ccc;
padding-bottom: 1em;
/*background: #091b66;*/
display: block;color: #000;font-weight: 400;
text-align:  center !important;
/*display: block;*/
}
/*날짜부분 카테고리 누르면*/
.category .posted-on {
/*border-bottom: 1px dashed #ccc;*/
font-weight: 400;
padding-bottom: 0.2em;
/*background: #091b66;*/
text-align: right !important;
display: block;
font-size: 0.95em;
}


/*댓글 응답버튼 a붙은건 링크일 때 기본 링크색으로 안나오게 색 지정해주기*/
.reply {
color: #000;
background: #fff;
border: 1px solid #091b66;
padding: 0.2em;
border-radius:  5px;
	&:hover{border: 1px solid #ccc;}
	&:active{position:relative; top:2px;}
}

.reply a{
color: #091b66;
	&:hover{font-weight: 700; color: #ccc;}
	&:active{position:relative; top:2px;}
}



/*댓글창안에 댓글남겨주세요글자*/
.comment-form-comment {
font-size: 0.9em;
}

/*카테고리 하위나 태그 눌렀을때 나오는 목록제목*/
.page-title {
font-size: 1.5em;
color: #2DB078 !important;
}
/*카테고리 하위 눌렀을때 나오는 목록제목 아래 제목*/
.taxonomy-description {
display: none;
}


/*글목록 썸네일*/
@media (min-width: 490px) {
	
.post-image {
display: inline-block;
width: 145px;
height: 145px;
margin-right: 15px; 
float: left;
}

	.post-image img {/*post-image안의 img를 넣어서 150 유지하게함*/
display: inline-block;
width: 145px;
height: 145px;
	margin-right: 15px; 
float: left;
 object-fit: cover;
}
	
.entry-summary {
overflow: hidden;
width: calc(100% - 160px);
}

.post-image:empty {
display: none;
}

.entry-summary {
margin-left: 150px;
}

}

@media (max-width: 489px) {
	
.post-image {
display: inline-block;
width: 120px; 
height: 120px; 
margin-right: 15px; 
float: left;
}

.post-image img {
display: inline-block;
width: 120px; 
height: 120px; 
margin-right: 15px; 
float: left;
 object-fit: cover;
}	
}
/*글목록 썸네일-끝*/



/*head에 메뉴아래 하위 카테고리부분*/
.sub-menu {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	&:hover{border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
	&:active{position:relative; top:2px;}
}


/*본문 안에 버튼*/
.entry-content button {
    background-color: #091b66; 
    color: #FFFFFF; 
    	&:hover{border: 1px solid #fff; background: #bebebf;}
	&:active{position:relative; top:2px;}
}

/*카테고리 페이지 제목 아래 간격*/
body.category header.page-header h1 {
	margin-bottom: 5px;
}





/*포스트 이전글 다음글에 new안나오게*/
.post-navigation .new-label {
    display: none;
}

/*카테고리 누르면 나오는 페이지 색상*/
h1.page-title {
    color: #091b66!important;
}

body.category header.page-header h1 {
    color: #091b66 !important;
}


/*본문클릭하면 왼쪽으로 밀리는거 해결*/
html {
    overflow-y: scroll;
}


/*리드모어 오른쪽 정렬할때-가운데 정렬로 사용중이라 지금 안쓰는중*/
/*.read-more {
    width: auto !important;
    margin-left: auto !important;
    margin-right: 0 !imptortant;
    display: block !important;
    text-align: center;
    float: right;
    padding: 5px 20px !important;
}*/


/* 날짜 아래 여백 줄이기 */
.posted-on {
    margin-bottom: -8px !important;
}

/* 더읽기 아래 여백 줄이기 
.read-more {
   /*  margin-bottom: 40px !important;*/
  /*  margin-top: 10px !important; */
}*/

/* 글목록 전체 여백 줄이기 
.inside-article {
    padding-bottom: 5px !important;
}*/

/* 목록에서 카테고리 아래쪽 여백 줄이기*/ 
.entry-meta {
    margin-bottom: -8px; /* 숫자 조절 */
}


/* 본문 저스트파이 영어라서 일단 정지함
.single .entry-content p {
    text-align: justify;
}*/



/* 판례 요약 박스 설정 */
blockquote {
    background-color:#faf9f9 !important; 
    border-left: 5px solid #091b66 !important; /* 왼쪽 포인트 바 */
    padding: 20px !important;
    margin: 20px 0 !important;
         /* 폰트 스타일 설정 */
font-size: 0.9em;
    font-style: italic !important; /* 이탤릭체 적용 */
    color: #333 !important; 
    line-height: 1.4 !important;
}

/* 인용구 내부의 문단 여백 조절 */
blockquote p {
    margin-bottom: 10px !important;
}
/* 판례 요약 박스 설정 끝*/



/* 캡션 글자 전체 수정 */
figcaption {
    font-size: 16px;          /* 글자 크기 */
    color: #666666;           /* 글자 색상 */
    font-style: normal;       /* 이탤릭체 해제 (필요시) */
  /*  text-align: center;        가운데 정렬 */
    line-height: 1.6;         /* 줄 간격 */
    margin-top: 10px;         /* 이미지와의 간격 */
}





@media (max-width: 768px) {
  /* 최근 글 위젯 */
  .wp-block-latest-posts li,
  .wp-block-latest-posts li a,
  .widget_recent_entries li,
  .widget_recent_entries li a {
    font-size: 13.5px !important;
  }
}



@media (max-width: 768px) {
  /* 카테고리 위젯 글자 */
  .widget_categories li,
  .widget_categories a,
  .cat-item a {
    font-size: 13.5px !important;
  }
}

  /* 카테고리 포스팅 갯수 */
@media (max-width: 768px) {
  .wp-block-categories li,
  .wp-block-categories li a,
  .wp-block-categories-list li {
    font-size: 13px !important;
  }
}



@media (max-width: 768px) {
  /* 푸터 copyright */
@media (max-width: 768px) {
  .copyright-bar,
  .copyright-bar a {
    font-size: 12px !important;
  }
}

  /* 모바일 본문아래 카테고리 폴더 */
@media (max-width: 768px) {
  .cat-links,
  .cat-links a {
    font-size: 13.5px !important;
  }
}


/* 모바일(768px 이하)에서만 본문 크기 조절 */
@media (max-width: 768px) {
    body, .entry-content p {
        font-size: 15px !important; /* 지혜가 원하는 크기로 숫자만 바꿔봐! */
        line-height: 1.7;           /* 가독성을 위해 줄 간격도 살짝 조정 */
    }
  }

@media (max-width: 768px) {
    h2 {
        font-size: 1.25em !important; /* 제목 크기도 모바일용으로 최적화 */
        margin-bottom: 15px;
       line-height: 1.3;   /* 목록에서 제목 줄간격 */
text-align: justify;
    }
}




/* 모바일(768p)본문 안에서 h2간격 */
@media (max-width: 768px) {
  .entry-content h2 {
    line-height: 1.3 !important; /* 원하는 값으로 조절 (기본값은 보통 1.4~1.5) */
  }
}




/* 모바일 본문에서 ul ol li 줄간격설정 */
@media (max-width: 768px) {
    body, .entry-content ul, ol, li  {
        font-size: 15.5px !important; 
        line-height: 1.6;           /* 가독성을 위해 줄 간격도 살짝 조정 */
    }
  }


@media (max-width: 768px) {
  /* 댓글 목록 글자 */
  .comment-content p,
  .comment-body,
  .comment-author,
  .comment-metadata {
    font-size: 13px !important;
  }


@media (max-width: 768px) {
  /* 댓글 목록 글자 */
  .comment-content p,
  .comment-body,
  .comment-author,
  .comment-metadata {
    font-size: 13.5px !important;
  }

  /* 댓글 입력칸 placeholder "댓글을 남겨주세요" */
  .comment-form textarea::placeholder,
  #comment::placeholder {
    font-size: 13.5px !important;
  }

  /* 댓글 입력칸 입력 글자 */
  .comment-form textarea,
  #comment {
    font-size: 13.5px !important;
  }

  /* 이름, 이메일 입력칸 */
  .comment-form input[type="text"],
  .comment-form input[type="email"] {
    font-size: 13.5px !important;
  }
}