.border-red { border: 1px solid red; }
.border-blue { border: 1px solid blue; }

.bg-trans-pattern { background: url(//img.okaybohum.co.kr/img2/common/pattern-trans.png) 0% 0% repeat; }

.font-white { color: #ffffff; }

.site-navbar .site-logo a { font-size: 23px; font-weight: 500; }
.site-navbar  .nav-link { font-weight: 500; }
.site-navbar .site-navigation .site-menu .active { padding: 0px; }

/* ÇȽº ¹öÆ° Ãß°¡ */
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: #ffbd50 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: 7px; background-color: #ffedd0; -webkit-appearance: none; -moz-appearance: none; margin-left: 20px; margin-right: 3px; border: 2px solid #f0a731; width: 23px; height: 23px; border-radius: 100%; }
input[type=radio]:checked{ background-color: #e59f2d; -webkit-appearance: none; -moz-appearance: none; margin-left: 20px; outline: 2px solid #ffedd0; 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; }

/* »ó´ã½Åû ÆäÀÌÁö*/
.info-wrap , .info-wrap a { color: #ffffff; }

/* ¸ð´Þ */
#counsel-modal { z-index: 100000000; }
.modal-title { font-weight: 600; }
.modal-title-inset { box-shadow:inset 0px -13px 0px rgba(255,235,14,0.6); padding:0 3px; }
.modal-btn { border: 1px solid #E6922E; display: inline-block; padding: 12px 25px; color: #fff; font-weight: 500; font-size: 20px; background: #E6922E; border-radius: 2px; }
.modal-btn:hover{ background: transparent; border: 1px solid #E6922E; color:#E6922E; }
.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); }

/* ¿©±â±îÁö */

.ftco-navbar-light .navbar-nav > .nav-item.active > a { color: #ccc7e5; font-weight: 600; text-shadow: 1px 1px 4px rgb(0, 0, 0); }
.ftco-navbar-light.scrolled .nav-item.active > a { text-shadow: none; }
.hero-wrap.hero-wrap-2 { height: 350px; background-size: auto; margin-bottom: 50px; }
.hero-wrap.hero-wrap-2 .slider-text { height: 350px; }

.slider-text h1 { text-shadow: 2px 2px 5px rgb(0, 0, 0); }
.slider-text p.caps { font-weight: 600; text-shadow: 1px 1px 4px rgb(0, 0, 0); }

.login-wrap .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3) !important; } /* Chrome/Opera/Safari */
.login-wrap .form-control::-moz-placeholder { color: rgba(0, 0, 0, 0.3) !important; } /* Firefox 19+ */
.login-wrap .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3) !important; } /* IE 10+ */
.login-wrap .form-control:-moz-placeholder { color: rgba(0, 0, 0, 0.3) !important; } /* Firefox 18- */
.login-wrap h3 span { font-size: 24px; font-weight: 600; box-shadow:inset 0px -16px 0px rgba(240,237,0,0.6); padding:0 3px; }




.nav-brand { font-size: 1.4em !important; font-weight: 700 !important; line-height: 65px; }


.contact-form-area .form-control { font-size: 15px; font-style: normal; margin-bottom: 25px; }
.follow-us-instagram .insta-feeds .single-insta-feeds img { width: 80%; padding-left: 15%; }

.pagination { margin-top: 20px; }
.pagination li { background-color: #40ba37; padding: 7px; text-align: center; border-radius: 3px; margin: 5px; }
.pagination a { text-align: center; font-size: 1.3em; font-weight: 700; border:0 !important; }
.pagination a , .pagination a:hover { background-color: transparent; color: #ffffff !important; }
.pagination .active a { color: #acdca8 !important; }





header .logo a { color: #000000; font-size: 1.4em; font-weight: 700; line-height: 34px; }
.header-area .header-top .header-info-left > ul > li a { color: #687693; }








.slider-area {
  background-image: url(//img.okaybohum.co.kr/img3/8/44.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.wantToWork-area { background: #f8fcff; background: url(//img.okaybohum.co.kr/img2/common/pattern-trans.png) 0% 0% repeat; padding-top: 50px; padding-bottom: 50px; }
.wantToWork-area .wantToWork-caption h3 { color: #fff; font-size: 30px; font-weight: 700; line-height: 1.5; margin: 0; }

.blog-cap p a { color: #838380; }
.footer-form input { font-size: 1em; }



@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	#contact-section { padding-top: 100px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#contact-section { padding-top: 100px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.site-blocks-cover2 .container .row h3 { padding-top: 80px; }
	#contact-section { padding-top: 100px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.site-blocks-cover2 .container .row h3 { padding-top: 80px; }
	#contact-section { padding-top: 100px; }
}
@media (max-width: 575px) {

	.site-navbar .site-logo a { font-size: 22px; font-weight: 500; }
	.site-blocks-cover2 .container .row h3 { padding-top: 80px; }
	#contact-section { padding-top: 100px; }
	.modal-title { font-size: 22px; }

	/* ¿©±â±îÁö */

	.navbar-brand { font-size: 1.1rem; line-height: inherit; }
	.ftco-navbar-light .navbar-nav > .nav-item.active > a { text-shadow: none; }
	.hero-wrap.hero-wrap-2 { height: 200px; background-size: auto; }
	.hero-wrap.hero-wrap-2 .slider-text { height: 200px; }
}