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

.custom_nav-container .navbar-nav .nav-item .nav-link { font-weight: 800; }

.contact_section .form_container p { color: #8d8d8d; }
.contact_section .form_container input { margin-bottom: 25px; }

/* Å×À̺í */
.content_area { width: 100%; margin: 0 auto; } 
.content_area h3 { font-weight: bold; margin-top: 40px; margin-bottom: 20px; }
.content_area p { width: 97%; margin: 12px auto; font-size: 19px; line-height: 28px; font-weight: normal; color: #525252; }
.content_area li { font-size: 17px; }
.content_area div { width: 97%; margin: 10px auto 15px auto; font-size: 17px; }
.content_area table { width: 97%; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; padding: 5px; margin: 10px auto; }
.content_area table th { text-align: center; font-weight: bold; background: #ebebeb; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; padding-top: 10px; padding-bottom: 10px; }
.content_area table td { text-align: center; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; padding-top: 5px; padding-bottom: 5px; }

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


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

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



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

}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}
@media only screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (min-width: 576px) and (max-width: 767px) {

}
@media (max-width: 575px) {

}