@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
 -webkit-text-size-adjust:none;
  font-family:'나눔고딕','NanumGothicWeb', sans-serif, AppleGothic;
  line-height:1.2em; 
  padding:0;
  margin:0;
  position:relative;
  word-break:keep-all !important;
}

a:active, a:visited, a:link {text-decoration:none !important; color:#000; }
a:hover { color:red; text-decoration:none;}

/* 마진,패딩 */
.l05_m {margin-left:5px;}
.r05_m {margin-right:5px;}
.t05_m {margin-top:5px;}
.b05_m {margin-bottom:5px;}
.l10_m {margin-left:10px;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l15_m {margin-left:15px;}
.r15_m {margin-right:15px;}
.t15_m {margin-top:15px;}
.b15_m {margin-bottom:15px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b30_m {margin-bottom:30px;}
.l05_p {padding-left:5px;}
.r05_p {padding-right:5px;}
.t05_p {padding-top:5px;}
.b05_p {padding-bottom:5px;}
.l10_p {padding-left:10px;}
.r10_p {padding-right:10px;}
.t10_p {padding-top:10px;}
.b10_p {padding-bottom:10px;}
.l15_p {padding-left:15px;}
.r15_p {padding-right:15px;}
.t15_p {padding-top:15px;}
.b15_p {padding-bottom:15px;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l25_p {padding-left:25px;}
.r25_p {padding-right:25px;}
.t25_p {padding-top:25px;}
.b25_p {padding-bottom:25px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}

/* menu bar bootstrap.css 커스티마이징 */
.navbar-nav {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.navbar-nav > li {
	border-right:1px solid #ccc;
    border-bottom:4px solid #99b862;
	 padding:10px 15px;
	 font-size:110%;
}
.navbar > li > a:hover,
.navbar > li > a:focus {
  background-color:inherit;
  color:#0882d8;
}
.navbar-nav > li > a {
	margin-top: 5px;
	padding-top: 0;
	padding-bottom: 5px;
	line-height: 15px;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
  color:#0882d8;
  background-color:inherit;
}
.navbar .dropdown-menu {
   border-radius:0;
  margin-top:4px;
  width:100%;  
}
.navbar .dropdown-menu li > a:hover {
	color:#0882d8;
}
/* menu bar bootstrap.css end */

#topmenu {
	background-color:#1576bb;
	color:#fff;
}
#topmenu a {
	color:#fff;
}
.mainimg {
	background:url(../img/mainbg.gif) no-repeat center top;
	background-size:cover;
}
#index_main {
	margin-top:50px;
}
#index_main .index_product {
	background:url(../img/index_productbg1.gif) no-repeat left top;
	background-size:cover;
	height:145px;
	border-radius:7px;
}

#index_main .customer .callnumber {
	font-weight:bold;
}
#index_main .customer .callnumber strong {
	font-size:200%;
}
#index_main .customer .callnumber span {
	color:#f0bb2d;
}

.footer {
	margin-top:40px;
	background-color:#f4f4f4;
	padding:15px 0 10px 0;
}


/* 서브공통 */
.subimg {
	background-color:#f4f4f4;
}

.content ul li {
	background-color:#efefef;
	padding:20px 25px;
	margin:5px 3px;
}
.content ul li.on {
	background-color:#99b862;
	color:#fff;
}

.content #realcon {
	margin-top:30px;
	min-height:430px;
    margin-bottom:30px;
}

.greeting-content .lead-text {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1576bb; /* topmenu와 통일감 있는 블루 */
    word-break: keep-all;
	line-height:130%;
}

.greeting-content .main-text {
    font-size: 1.05rem;
    color: #555;
}

.greeting-content .highlight-text {
    font-size: 1.1rem;
    font-weight: 600;
    padding: 15px;
    background-color: #f8f9fa;
    border-left: 5px solid #99b862; /* 포인트 컬러인 연두색 활용 */
}

.contact-info-card {
    background-color: #ffffff;
    border-radius: 8px;
}

.contact-info-card i {
    font-size: 1.5rem;
}

.contact-info-card a {
    color: #444 !important;
}

.contact-info-card a:hover {
    color: #1576bb !important;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .greeting-content .lead-text {
        font-size: 1.1rem;
    }
}

/* 오시는 길 페이지 전용 스타일 */
.map-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f8f9fa;
}

.map-container iframe {
    display: block;
    vertical-align: middle;
}

.map-header h3 {
    color: #333;
    letter-spacing: -1px;
}

.address-details {
    border: 1px solid #e9ecef;
}

.address-details .badge {
    padding: 8px 12px;
    font-weight: 500;
}

/* 모바일 지도 높이 조정 */
@media (max-width: 768px) {
    .map-container iframe {
        height: 300px;
    }
    .address-details .fs-5 {
        font-size: 1rem !important;
    }
}

/* 견적문의 페이지 전용 스타일 */
.card {
    border: 1px solid #e9ecef;
    border-top: 3px solid #1576bb; /* 메인 블루 컬러 사용 */
}

.form-label {
    font-size: 0.95rem;
    color: #333;
}

.form-control:focus {
    border-color: #1576bb;
    box-shadow: 0 0 0 0.25rem rgba(21, 118, 187, 0.1);
}

.btn-primary {
    background-color: #1576bb;
    border-color: #1576bb;
}

.btn-primary:hover {
    background-color: #0d5d96;
    border-color: #0d5d96;
}

.bg-light.rounded {
    border: 1px solid #dee2e6;
}

@media (max-width: 768px) {
    .inquiry-header h3 {
        font-size: 1.5rem;
    }
}

/* 제품 목록 스타일 */
.product-item {
    border: 1px solid #eee;
    padding: 20px 10px;
    border-radius: 10px;
    transition: all 0.3s ease;
    background: #fff;
    height: 100%;
}

.product-item:hover {
    border-color: #1576bb;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    transform: translateY(-5px);
}

.product-item .img-box {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-item .img-box img {
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.5s ease;
}

.product-item:hover .img-box img {
    transform: scale(1.1);
}

.product-item h5 {
    font-size: 1rem;
    color: #333;
    word-break: keep-all;
}

.product-item p {
    line-height: 1.4;
    margin-bottom: 0;
}

/* 모바일 환경 대응 */
@media (max-width: 576px) {
    .product-item .img-box {
        height: 130px;
    }
    .product-item h5 {
        font-size: 0.9rem;
    }
}

/* midea query */
@media (max-width: 991px) {
	.navbar { width:100%;}
}
@media (max-width: 767px) {
	#index_main .index_product { line-height:145px;}
}
@media (max-width: 468px) {
	#index_main .index_product { height:inherit; line-height: 110px; padding:30px 10px;}
}
@media (max-width: 300px) {
	#logo { max-width:60% !important;}
	.navbar-toggler { top:-42px !important;}
}

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

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

@media (min-width: 1200px) { 
  #topmenu {
	height:50px;
	line-height:50px;
  }
}