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

.color-orange { color: #E6922E !important; }
.color-red { color: red !important; }
.color-blue { color: blue !important; }
.background-color-red { background-color: red !important; }
.background-color-blue { background-color: blue !important; }

a { outline:none; select-dummy: expression(this.hideFocus=true); }

.navbar-custom .navbar-brand.logo-text { font-style: normal; font-size: 2em; }
.header { background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) , url('//img.okaybohum.co.kr/img3/common/pattern-01.png') center center repeat; background-size: auto; }
.footer { background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('//img.okaybohum.co.kr/img3/common/pattern-01.png') center center repeat; background-size: auto; }
.ex-header { background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('//img.okaybohum.co.kr/img3/common/pattern-01.png') center center repeat; 	background-size: auto; }

.form-control-input { padding-top: 1em; padding-bottom: 1em; }

.footer .first h5 { font-size: 0.85em; }

.header { padding-top: 7rem; }
.header h1 { font-size: 2.6rem; line-height: 4.0rem; letter-spacing: -0.3px; }
.header .p-large { margin-bottom: 1.65rem; color: #a8a7a7; }
.form-1 { padding-top: 9rem; padding-bottom: 4.25rem; }
.form-1 .text-container { margin-top: 1rem; margin-left: 2.5rem; }

#counsel-modal { z-index: 100000; }
.modal-title { font-weight: 600; }
.modal-title-inset { box-shadow:inset 0px -13px 0px rgba(255,235,14,0.6); padding:0 3px; }

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

.btn-solid-lg2 { display: inline-block; padding: 1.15rem 1.7rem 1.15rem 1.7rem; border: 0.125rem solid #ffbd50; border-radius: 2rem; background-color: #ffbd50; color: #333; font: 600 0.875rem/0 "Montserrat", sans-serif; text-decoration: none; transition: all 0.2s; }
.btn-solid-lg2:hover { border: 0.125rem solid #333; background-color: transparent; color: #333; text-decoration: none; }

/* ÇȽº ¹öÆ° Ãß°¡ */
a.back-to-top2 { right: 0.75rem; bottom: 3.75rem; width: 2.625rem; height: 6.625rem; border-radius: 1.875rem; background: #ffbd50 url("../images/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%; }


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

.slide-area { height: 500px; }	/* ¾øÀ¸¸é ¿¡·¯³² // height: 970px */
.logo .navbar-brand { height: 50px; line-height: 50px; font-size: 1.4em; font-weight: 700; }
.logo { margin-right: 0px; padding-left: 0px; padding-right: 0px; }
.logo .white-logo { color: #ffffff; }
.logo .black-logo { color: #292828; }
.header-right-link { width: 140px; margin-left: 20px; text-align: right; }
.mobile-menu .logo { font-size: 0.8em; min-width: 250px; }
.slide-content .title2 { font-size: 40px; line-height: 62px; font-weight: 700; }
.area-padding-2{ padding: 60px 0px 60px; }
.pri_table_list { padding: 40px 27px; }
.product-title { font-size: 24px; line-height: 24px; font-weight: 700; padding-right: 0px; color: #E6922E; }
.product-title-sub { color: #444; font-size: 20px; font-weight: 600; text-transform: capitalize; margin-top: 15px; display: block; }
.product-script { padding: 10px 0px; }

.area-padding-3{ padding: 50px 0px 50px; }
.faq-area .faq-content { margin-bottom: 30px; }
.contact-form input[type="tel"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #3d5368; height: 46px; margin-bottom: 25px; padding-left: 20px; width: 100%; }
.faq-area .quote-btn { width: 100%; border-radius: 4px; margin-bottom: 5px; }
.footer-black-logo { font-size: 1.4em; font-weight: 700; color: #292828; }
.self-area { background: url(//img.okaybohum.co.kr/img3/common/73.jpg); }
.self-content { padding: 50px 25px; }
.self-content h4 { color: #717171; font-size: 1.5em; font-weight: 500; }

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

.page-area { background-position: center center; }	/* ¼­ºê¹è°æ */
.breadcrumb { padding: 140px 0px 10px; }
.breadcrumb-bg { top: 43px; }

.contact-area h3 { margin-bottom: 30px; }
.blog-pagination { text-align: center; }

.navbar-collapse li a .active { color: black; border:1px solid red; font-size: 10em; }

/* ¿©±â±îÁö ÀÛ¾÷ */

.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) {

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.logo .navbar-brand { font-size: 1.0em; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.logo .navbar-brand { font-size: 0.9em; }
	.header-right-link { display: none; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slide-content .title2 { font-size: 25px; line-height: 35px; font-weight: 700; }
	.contact-form { margin-bottom: 40px; }
}
@media (max-width: 575px) {
	.navbar-custom .navbar-brand.logo-text { font-size: 1.4em; }
	.header { padding-top: 5rem; }
	.header h1 { font-size: 1.2rem; line-height: 2.0rem; letter-spacing: -0.3px; font-weight: 800; }
	.form-1 { padding-top: 4.2rem; padding-bottom: 3.25rem; }
	.form-1 .text-container { margin-top: 1rem; margin-left: 0rem; }
	.modal-title { font-size: 1.2em; }
	
	/* /////////////////////////////////////  ¿©±â±îÁöÀÓ ////////////////////////// */

}