@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; }
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/71.jpg) no-repeat center bottom;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/6/104.jpg) no-repeat center;background-size:cover}@media (max-width: 991px){.offer_area{background:#f6f6f6}}

.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; }

/* 픽스 버튼 추가 */
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-arrow2.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: 45px; }
}
@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: 45px; }
}
@media (max-width: 575px) {
	.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: 45px; }
    .home_banner_area { min-height:490px; background-position: 47% bottom; }
  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; }
  
    /* ↓↓↓ 이 부분을 추가하세요! ↓↓↓
      우선순위 문제 해결을 위해 더 구체적인 선택자로 폰트 크기를 다시 지정합니다.
    */
    .single-feature h3 {
        font-size: 1.4rem; /* 기존 21px보다 작게 원하는 값으로 조절 */
    }

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

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