/*
 Theme Name:   Onbu-blog-theme
 Theme URI:    https://www.on-bu.com/
 Description:  온부닷컴에서 제작한 수익형 블로그테마
 Author:       온부닷컴
 Author URI:   https://www.on-bu.com/
 Template:     generatepress
 Version:      1.0
*/
/* 댓글 */
@media (min-width: 769px) {
    .comment-form #author, 
    .comment-form #email {
        width: 48%;
        float: left;
    }

    .comment-form #email {
        float: right;
    }

    .comment-form #url {
        width: 100%;
    }

    .comment-form #submit {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .comment-form #author, 
    .comment-form #email {
        width: 100%;
        float: left;
    }

    .comment-form #submit {
        width: 100%;
    }
}

#comment {
	height:150px;
}

/* 부제목 */
.post-subtitle {
    font-size: 20px;
    color: #323232;
    display: block;
    text-align: left !important; /* 강제 좌측 정렬 */
    border-left: 5px solid #323232; /* 좌측 수직선 추가 */
    padding-left: 10px; /* 수직선과 텍스트 사이 여백 */
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%; /* 부모 요소의 너비를 따라가도록 설정 */
}


/* 소제목디자인 */

.single .entry-content h2 {
  position: relative;
  background: #f7f7f7;
  padding: 12px 15px;
  color: #282A2B;
  border-left: 8px solid #1f51b7;
  margin: 30px 0;
  line-height: 1.4;
  display: block;
  width: 100%;
  box-sizing: border-box;
}


.single .entry-content h3 {
margin: 1.15em 0 0.6em 0;
	  color: #282A2B;
    position: relative;
    font-size: 20px;
    line-height: 40px;
    background: #ffffff;
	  border-bottom: 2px solid #004AAD;
      padding: 5px 15px;
}

/* CTA button in primary navigation */
/* 기업 문의 상담 버튼만 별도 스타일 */
.main-navigation .main-nav ul li.nav-cta a.nav-cta__btn {
    padding: 10px 10px;     /* 위아래 확 줄이기 */
    line-height: 1.2;
    border-radius: 4px;
    background: #0000FF;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;  /* 텍스트 세로 정렬 */
    height: auto;         /* 다른 메뉴 높이 무시 */
}

.main-navigation .nav-cta__btn:hover { opacity: .9; transform: translateY(-1px); }
.main-navigation .nav-cta__btn:active { transform: translateY(0); }

/* 메뉴 아이템 간격 보정 */
.main-navigation .main-nav ul li.nav-cta { margin-left: 12px; }


/* 커스텀폰트 */
@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 100;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 300;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 400;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 500;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 700;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}



/* 본문 내 구분선 스타일 */
.entry-content hr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 50px 0;
    border: none;
    background: none;
    height: auto;
    width: 100%;
    position: relative;
}

/* 중앙에 굵은 점 5개 */
.entry-content hr::after {
    content: "● ● ● ● "; /* 굵은 점 5개 */
    font-size: 7px; /* 점 크기 조절 */
    font-weight: bold;
    color: #333; /* 점 색상 */
    letter-spacing: 5px; /* 점 사이 간격 */
    background: none;
    border: none;
}

/* BOX SHADOW */
.gb-container.gb-container-86172639 {
	box-shadow: 0px 0px 35px -13px rgba(0,36,72,0.4);
}

.gb-container.gb-container-86172639:hover {
	box-shadow: 0px 5px 30px -5px rgba(0,36,72,0.4);
}

	/* Sidebar */
@media(min-width: 769px) {
	.sidebar.is-right-sidebar > .inside-right-sidebar {
        position: sticky;
		    top: 100px;
    }
}

/* 글박스디자인 */
.has-background {
  background-color: #D6E4FF !important; /* 파란색 배경 */
  color: #2C3E50; /* 흰색 글자 */
  padding: 20px; /* 여백 */
  border-radius: 12px; /* 모서리 둥글게 */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 그림자 효과 */
  font-size: 18px; /* 글자 크기 */
  line-height: 1.6; /* 줄 간격 */
  width: 100%; /* 너비 100% */
  margin: 25px 0 25px 0; /* 상단 40px, 하단 20px */
}

/* 태그 컨테이너 스타일 */
.custom-tags {
    display: flex;
    flex-wrap: wrap; /* 태그가 많을 경우 줄 바꿈 */
    gap: 10px; /* 태그 간 간격 */
    margin-top: 100px; /* 본문과 태그 사이 간격 */
}

/* 개별 태그 스타일 */
.custom-tags .tag-box {
    background-color: #f0f0f0; /* 박스 배경색 */
    border: 1px solid #ddd; /* 박스 테두리 */
    border-radius: 5px; /* 모서리 둥글게 */
    padding: 5px 10px; /* 내부 여백 */
    font-size: 14px;
    font-weight: bold;
    color: #333;
    transition: background-color 0.3s ease;
}

.custom-tags .tag-box a {
    text-decoration: none; /* 링크 밑줄 제거 */
    color: inherit; /* 부모 색상 상속 */
}

.custom-tags .tag-box:hover {
    background-color: #e0e0e0; /* 호버 시 박스 배경색 */
    color: #0056b3; /* 호버 시 텍스트 색상 */
}

/* 글박스 디자인 */
.custom-info-box {
  background-color: #D6E4FF !important; /* 파란색 배경 */
  color: #2C3E50 !important; /* 텍스트 색상 */
  padding: 20px !important; /* 여백 */
  border-radius: 12px !important; /* 모서리 둥글게 */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important; /* 그림자 효과 */
  font-size: 19px !important; /* 글자 크기 */
  font-weight: bold !important; /* 글자 볼드 (굵게) */
  line-height: 1.6 !important; /* 줄 간격 */
  width: 100% !important; /* 너비 100% */
  margin: 25px 0 !important; /* 상하 25px */
}

.custom-info-box br {
  display: none !important;
}

.custom-info-box p {
  margin: 5px 0 !important; /* 위아래 여백을 5px로 줄임 */
  padding: 0 !important; /* 내부 패딩 제거 */
}