@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html , body { font-family: 'Cafe24Oneprettynight', "Open Sans", sans-serif; font-size: 19px; margin: 0; overflow-x: hidden;  }
body {  }
p { font-family: "Cafe24Oneprettynight", "Open Sans", sans-serif; font-size: 19px; font-weight: thin; }
h1, h2, h3, h4, h5, h6 { font-family: 'Cafe24Oneprettynight', "Open Sans", sans-serif; }

.logo_h { font-size: 24px; }
.navbar-toggler span { border: 1px solid #585858; }
.home_banner_area{background:url(//img.okaybohum.co.kr/img3/10/84.jpg) no-repeat center center;background-size:cover;position:relative;z-index:1;min-height:790px;}
.home_banner_area .banner_inner .banner_content .sub{font-size:18px;font-weight:500;}
.header_area .navbar .nav .nav-item { margin-left: 40px; margin-right: 5px; } /* 메인메뉴 nav-item */
.nav-link { font-size: 16px !important; }
.genric-btn { font-size: 18px; font-weight: 500; margin: 18px 0px; padding: 0 20px; }
.genric-btn.circle { border-radius: 15px; }
.single-feature h3 {font-size:21px;font-weight: 500;}
.single-feature p{}

.offer_area{background:url(//img.okaybohum.co.kr/img3/10/76.jpg) no-repeat center;background-size:cover}@media (max-width: 991px){.offer_area{background:#f6f6f6}}
.offer_area .offer_content {  }
.offer_area h2 { font-size: 2em; text-shadow: 2px 2px 5px rgb(255, 255, 255); }
.offer_area h3 { color: #ffffff; text-shadow: 2px 2px 5px rgb(0, 0, 0); }
.offer_area p { color: #ffffff; text-shadow: 2px 2px 5px rgb(0, 0, 0); }

.blog-area{padding-top: 70px; padding-bottom:110px}@media (max-width: 991px){.blog-area{padding-top: 50px; padding-bottom:50px}}
.blog-area .single-blog h4 { font-size: 21px; font-weight: 600; }
.blog-area .single-blog p { font-size: 19px; }
.blog_btn { font-size:17px !important; }

.footer-bottom p a:link { color: #ffffff; }
	
.banner_area{min-height:80px}
.banner_area .banner_inner{min-height:80px;background:#f6f6f6;}

.form-contact .form-control { border:1px solid #f0e9ff;border-radius:5px;height:48px;padding-left:18px;font-size:20px;background:transparent }
.form-contact .form-control:focus{ outline:0;box-shadow:none}.form-contact .form-control::placeholder{font-weight:300;color:#999999; }
.main_btn { background:#71cd14; color:#fff; font-size:20px; font-weight:500; line-height:48px; border:1px solid #71cd14; }
.main_btn:hover { background:transparent;color:#71cd14; }


/* QnA */
		#faqAccordion { margin-top: 50px; margin-bottom: 50px; }
		/* 기본 카드 스타일 */
        #faqAccordion .card {
            background-color: transparent; /* 카드 배경 제거 */
            border-left: none;
            border-right: none;
            border-radius: 0; /* 카드 모서리 둥글게 하는 것 제거 */
            border-top: 1px solid #77d65c; /* 모든 질문 위에 녹색 테두리 추가 */
            border-bottom: none;
        }

        /* 마지막 카드에만 아래 테두리 추가 */
        #faqAccordion .card:last-of-type {
            border-bottom: 1px solid #77d65c;
        }
		
		/* 질문(card-header)과 답변(card-body) 사이의 회색 라인 제거 */
		#faqAccordion .card-header {
			border-bottom: none;
		}
		
        /* 질문 버튼(btn) 스타일 */
        #faqAccordion .card-header .btn-link {
            color: #4ab32c; /* 질문 텍스트 색상 */
			font-weight: 700;
            text-decoration: none !important; /* 밑줄 제거 */
            background-color: #ffffff !important; /* 버튼 배경색 */			
            width: 100%; /* 버튼 너비 꽉 채우기 */
            text-align: left; /* 텍스트 왼쪽 정렬 */
            padding: 15px 10px; /* 기본 패딩 조정 */
			
		  white-space: normal;      /* 텍스트 줄바꿈 허용 */
		  overflow-wrap: break-word; /* 긴 단어 강제 줄바꿈 */
		  word-break: keep-all;     /* (선택 사항) 한글의 경우 단어 단위로 줄바꿈 */
		  line-height: 1.5;         /* (선택 사항) 줄 간격 조절로 가독성 향상 */			
        }
        
        /* 버튼 포커스 시 나타나는 파란 테두리 제거 */
        #faqAccordion .card-header .btn-link:focus {
            box-shadow: none;
        }

        /* +/- 아이콘 스타일 */
        #faqAccordion .btn-link::before {
            content: '+'; /* 닫혀있을 때(+) 아이콘 */
            font-weight: bold;
            margin-right: 0.5em; /* 아이콘과 텍스트 사이 간격 */
        }

        /* 열려있을 때(collapsed 클래스가 없을 때) 아이콘 변경 */
        #faqAccordion .btn-link:not(.collapsed)::before {
            content: '−'; /* 열려있을 때(-) 아이콘 (U+2212 문자) */
        }

/* 픽스 버튼 추가 */
a.back-to-top { position: fixed; z-index: 999; right: 0.75rem; bottom: 0.75rem; display: none; width: 2.625rem; height: 2.625rem; border-radius: 1.875rem; text-indent: -9999px; }
a.back-to-top2 { right: 0.75rem; bottom: 0.75rem; /* 3.75rem; */ width: 2.625rem; height: 6.625rem; border-radius: 1.875rem; background: #4ab32c url(//img.okaybohum.co.kr/img3/common/up-arrow4.png) no-repeat center 47%; background-size: 22px 70px; }
a:hover.back-to-top2 { background-color: #f0a731; }
input[type=radio]{ position: relative; top: 3px; background-color: #fefefe; -webkit-appearance: none; -moz-appearance: none; margin-left: 20px; margin-right: 10px; border: 3px solid #f43f00; width: 23px; height: 23px; border-radius: 100%; padding: 0; }
input[type=radio]:checked{ background-color: #35373e; -webkit-appearance: none; -moz-appearance: none; margin-left: 20px; outline: 3px solid #ffffff; width: 23px; height: 23px; border-radius: 100%; }

.site-blocks-cover2, .site-blocks-cover2 > .container > .row { min-height: 140px; height: calc(13vh); }
.site-blocks-cover2 .container .row h3 { padding-top: 30px; }

/* 모달 */
#counsel-modal { z-index: 100000000; }
.modal-title { font-weight: 600; font-size: 28px; }
.modal-title-inset { box-shadow:inset 0px -13px 0px rgba(255,235,14,0.6); padding:0 3px; }
.modal-body input { font-size: 20px; } 
.modal-body input::placeholder { color: #c7c7c7; }
.modal-btn { border: 1px solid #4ab32c; display: inline-block; padding: 12px 25px; color: #fff; font-weight: 500; font-size: 20px; background: #4ab32c; border-radius: 2px; cursor: pointer; }
.modal-btn:hover{ background: transparent; border: 1px solid #4ab32c; color:#4ab32c; }
@media (max-width: 575px) { .modal-title { font-size: 21px; } .modal-btn { font-size: 18px; } }
.btn_togo_all { display: none; }
#load { width: 100%; height: 200px; background: url(//img.okaybohum.co.kr/img3/common/loading.gif) center center no-repeat; }
.cal_area { padding-top: 10px; padding-right:30px; padding-bottom: 20px; padding-left: 30px; background: url(//img.okaybohum.co.kr/img2/common/pattern-trans.png) 0% 0% repeat; background-color: rgba(0,0,0,0.4); }



@media only screen and (min-width: 1200px) and (max-width: 1600px) {

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header_area .navbar .nav .nav-item { margin-left: 20px; margin-right: 5px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header_area .navbar-collapse{ max-height: 380px; overflow-y: scroll; }	/* responsive.css */
	.header_area .navbar .nav .nav-item { margin-left: 10px; margin-right: 5px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.header_area .navbar-collapse{ max-height: 380px; overflow-y: scroll; }	
	.header_area .navbar .nav .nav-item { margin-left: 10px; margin-right: 5px; }
}
@media (max-width: 575px) {

	  h1 { font-size: 2.2rem; }   /* 예: 원래 3rem이었다면 */
	  h2 { font-size: 1.8rem; }   /* 예: 원래 2.5rem이었다면 */
	  h3 { font-size: 1.5rem; }   /* 예: 원래 2rem이었다면 */
	  h4 { font-size: 1.2rem; }
	  h5 { font-size: 1rem; }
	  h6 { font-size: 0.9rem; }
	  
	.logo_h { font-size: 22px; }
	.header_area .navbar-collapse{ max-height: 380px; overflow-y: scroll; }	
	.header_area .navbar .nav .nav-item { margin-left: 10px; margin-right: 5px; }
    .home_banner_area { min-height:490px; background-position: 47% bottom; }
	.home_banner_area h3 { font-size: 1.5em !important; }
  
	.offer_area  h2 { font-size:1.7em; }
  
	.footer-text  { display: none; }
	
	::placeholder { font-size: 0.8em; }
	::-webkit-input-placeholder { font-size: 0.8em; }
	::-moz-placeholder { font-size: 0.8em; }
	:-ms-input-placeholder { font-size: 0.8em; }
  
    /* ↓↓↓ 이 부분을 추가하세요! ↓↓↓
      우선순위 문제 해결을 위해 더 구체적인 선택자로 폰트 크기를 다시 지정합니다.
    */
    .single-feature h3 {
        font-size: 1.4rem; /* 기존 21px보다 작게 원하는 값으로 조절 */
    }

    .blog-area .single-blog h4 {
        font-size: 1.3rem; /* 기존 21px보다 작게 원하는 값으로 조절 */
    }

    /* 만약 다른 h 태그도 적용 안되는 것이 있다면 이런 식으로 추가해주시면 됩니다. */  
}