.sub_top{margin-top:60px;}

body, html{font-size:16px;}

/*중국어 폰트 따로 설정*/
:lang(cn) { font-family: "Noto Sans SC", sans-serif;}
:lang(cn) i,
:lang(cn) .fa,
:lang(cn) [class*="fa-"] {
  font-family: "Font Awesome 7 Free", "Font Awesome 7 Brands" !important;
}

p{font-size:1.0rem;}
/*footer*/
.mt_40{margin-top:60px;}
.footer-contact-item-list{border-top:none;margin-top:0px;padding-top:0px;}
.footer-links-list{margin-top:20px;padding-top:20px;}
p.link_a{margin-top:20px;}
p.link_a a{color:#fff;}
.footer-copyright-text{margin-top:20px;}

/*헤더*/
.navbar-brand img{width:100px;}
.lang_box .submenu{background:var(--accent-color);  border-radius:10px;padding: 0px 20px 0px 25px;}
.main-menu ul.lang_box li.submenu ul{width:130px;}
.main-menu ul.lang_box li.submenu a{color:var(--primary-color);}
.main-menu ul.lang_box li.submenu ul li:hover a{color:#fff;}
/*메인*/
.hero, .hero2, .hero3 {
    position: relative; 
    background-size: cover;
    padding: 265px 0 200px;
    margin-top: -9px; 
    overflow: hidden;}
.hero{background: url('../img/main5.jpg') no-repeat; background-position: center center;}
.hero2{background:url('../img/main4.jpg') no-repeat; background-position: center center;}
.hero3{background:url('../img/main3.jpg') no-repeat; background-position: center center;}





/* 텍스트 영역은 위에 올리기 */
.hero-content{ height:100%; }


.hero-content .section-title h1{color:var(--white-color);}
.hero-content .section-title p{color:var(--white-color);}


/*메인*/
.hero-slide_container{max-width:1880px;margin:0 auto;}
    .hero-slide {
      display: none;
    }

.video-16x9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  overflow: hidden;
}

.video-16x9 video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 타이틀 영역 */
.video-title {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: left;

  pointer-events: none; /* 영상 클릭 방해 안 하게 */
}

/* 가독성용 오버레이 (선택) */
.video-title::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: -1;
}


.swiper-button-next, .swiper-button-prev{color:var(--white-color) ! important;}
.why-choose-item{}
.post-item-content h2{font-size:18px;}
/*서브*/
.sub1{ background: url('../img/sub1-1.jpg') no-repeat; background-size: contain !important; margin-bottom:20px;margin-top:-9px;}
.sub2{ background: url('../img/sub/sub2.jpg') no-repeat;margin-bottom:20px;margin-top:-9px;}
.sub3{ background: url('../img/sub/sub3.jpg') no-repeat;margin-bottom:20px;margin-top:-9px;}
.sub4{ background: url('../img/sub/sub4.jpg') no-repeat;margin-bottom:20px;margin-top:-9px;}
.sub5{ background: url('../img/sub/sub5.jpg') no-repeat;margin-bottom:20px;margin-top:-9px;}
.sub6{ background: url('../img/sub/sub6.jpg') no-repeat;margin-bottom:20px;margin-top:-9px;}
.service-list-contact-box{margin-top:10px;}
.service-key-point-box{  background: url('../img/project.jpg') no-repeat;background-position: center center; background-size: cover;}
.service-item-metal{background:#fff;}
.service-list-contact-box p{margin-top:5px;}


.our-benefits-stone{background: url('../img/sub/vision_img2_bg.jpg') no-repeat;}

/*게시판*/
.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
	/* 🔽 추가 */
	word-break: break-all;
	overflow-wrap: anywhere;
}
.post-item{border-bottom: 1px solid var(--divider-color);    margin-bottom: 20px; padding-bottom: 20px;}
.post-item-content{border-bottom:none;padding-bottom:0px;}
.post-item{ height: calc(100% - 40px);margin-bottom: 40px;}
.post-item-body{width:100%;}
.post-item-btn{margin-top:20px;}
.post-featured-image img { width: 100%; aspect-ratio: 1 / 0.70;}
.vistion_row .post-featured-image img { width: 100%; aspect-ratio: 1 / 0.70;	border-radius: 15px;}
.product-item_wrap .post-featured-image img { width: 100%; aspect-ratio: 1 / 0.70;}
/*게시판_view*/
.post-content{max-width:1470px;}
.post-social-sharing{margin-top:40px;}
.post-social-sharing ul.post_wrap_btn li a{width:100px;}
.post_title_wrap{border-top:2px solid var(--primary-color);padding-top:20px;margin-top:20px;}
.post_title_wrap h3{border-bottom:1px solid var(--divider-color);padding-bottom:20px;margin-bottom:20px;}
.post_prev_next li{border-bottom:1px solid var(--divider-color);padding-bottom:20px;margin-bottom:20px;}

.post_title li{margin-right:35px;}
.post_title li span{margin-right:25px;color:#555;}
.post_title li span:first-child{color:var(--primary-color);    font-weight: 600;}
.post-entry{padding-bottom:20px;margin-bottom:20px;}

/*.post-entry img{width:100%;}*/
.post_prev_next li a{color:#555;}
.post_prev_next li span{margin-left:25px;}
.post_prev_next li span:first-child{margin-left:0px;color:var(--primary-color);    font-weight: 600;}
/*서치바*/
.search-form{
border-bottom: 2px solid var(--primary-color);    margin-bottom: 30px; padding-bottom: 5px;
	width:100%;

}

.search-form form{
 background:var(--white-color);
 	border-radius: 15px;
	width: calc(33% - 10px);
	margin-bottom:25px;
}

.search-form .form-group{
	display: flex;
	background: var(--dark-divider-color);
	border-radius: 10px;
	padding: 8px;
}

.search-form .form-group .form-control{
	width: calc(100% - 40px);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4em;
color:var(--primary-color); 
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	padding: 8px 20px 8px 8px;
}

.search-form .form-group .form-control::placeholder{
	color:var(--primary-color); 
	opacity: 50%;
}

.search-form .search-btn{
	width: 40px;
	height: 40px;
	background: var(--accent-color);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	border: none;
	box-shadow: none;
	outline: none;
	transition: all 0.3s ease-in-out;
}

.search-form.search-btn:hover{
	background: var(--white-color);
}

.search-form .newsletter-btn img{
	width: 100%;
	max-width: 20px;
	transition: all 0.3s ease-in-out;
}

.search-form .newsletter-btn:hover img{
	transform: rotate(45deg);
}


/*제품*/
.product-item_wrap{}
.product-item_wrap .post-item-tags { position: absolute;top: 15px;left: 15px; z-index: 1;}
.product-item_wrap .post-item-tags a{font-size: 0.90rem;}

.category_list { font-size: 20px;
	font-weight: 600;

	color: var(--primary-color);
	display: flex;
	gap: 10px;                 /* 카테고리 간격 */
	padding: 10px 15px;
	overflow-x: auto;          /* 가로 스크롤 */
	white-space: nowrap;
	-webkit-overflow-scrolling: touch; /* 모바일 부드럽게 */
	gap: 15px;}
.category_list .category-links a{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1em;
	background: var(--accent-color);
    color: var(--primary-color);
	border-radius: 10px;
    padding: 12px 20px;
	transition: all 0.4s ease-in-out;
}

.category_list .category-links a:hover, .category_list .category-links a.on{
	background: var(--primary-color);
	color: var(--white-color);
}

.post-social-sharing.product_wrap_btn{width:100%;}
.post-social-sharing.product_wrap_btn ul.post_wrap_btn{width:100%;}
.post-social-sharing.product_wrap_btn ul.post_wrap_btn li{width:100%;}
.post-social-sharing.product_wrap_btn ul.post_wrap_btn li a{display:block;width:100%; padding: 18px 20px;}

/*제품게시판*/
.mb-20{margin-bottom:20px; font-size: 20px;}
.service-entry-wrap{line-height: 1.6em;}
.sidebar-cta-box{background:#fff;}
.product_wrap_btn{border-top:2px solid var(--primary-color);padding-top:40px;margin-top:40px;}

/*비지니스*/
.biz_box .what-we-info-item-stone{ width: 100%;}

/*비전*/
.why-choose-item-metal{background: var(--white-color);}

/*오시는길*/
.pt_0{padding-top:0px;}
.google-map{padding-bottom:0px;}
.location_body .contact-info-list{ margin:0px 20px 20px;}
.mt_20{margin-top:25px;}
.contact-us-content.location_body{    padding:5px 25px 25px 20px;
    margin-right: 0px;}
.location_info .about-us-body-content-stone{width: 100%;}

/*문의하기*/
.form_title.form_title{margin-bottom:20px;}
.contactus_stiky{    position: sticky;
    top: 20px;}
 .privacy_box {
    height: 300px;
    border: 1px solid rgba(14, 19, 22, 0.1);
	background:#fff;
    padding: 30px;
    overflow-y: scroll;
    margin-bottom: 15px;
    border-radius: 10px;
}


.image-zoom-wrap {
  width:   width: 100%;
  margin: 0px auto 20px auto;
  text-align: center;
}

.image-zoom-wrap img {
  width: 100%;
  transform-origin: center;
  transition: transform 0.2s ease;
}

.zoom-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
}

.zoom-controls button {
  width: 30px;
 padding:4px 15px 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 600;
  border: none;
  border-radius:10px;

  cursor: pointer;

      background: var(--accent-color);
    color: var(--primary-color);

}

.zoom-controls input[type="range"] {

}
.zoom-controls button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.zoom-controls input[type="range"] {
  -webkit-appearance: none;
  width: 200px;
  height: 4px;
  background: #ddd;
  border-radius: 2px;
  outline: none;
}

/* 진행 바 */
.zoom-controls input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  background: linear-gradient(
    to right,
    #111 0%,
    #111 calc((var(--val) - 100) * 1%),
    #ddd calc((var(--val) - 100) * 1%)
  );
}

/* 동그라미 핸들 */
.zoom-controls input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  background: #111;
  border-radius: 50%;
  margin-top: -5px;
  cursor: pointer;
}




/*게시판 미디어커리*/
@media (min-width:992px){
.post_title_wrap h3{font-size: 1.5rem;}
.post-item_wrap{display:flex;justify-content: space-between; align-items: center;}
.post-item_wrap .post-featured-image{width:calc(50% - 50px);margin-right:50px;}
.post-item-content a h3{font-size: 1.7rem;}
.post-item-content a p{font-size: 1rem;margin-top:20px;color:#666;}

.product-item_wrap{border-bottom:none;}
.product-item_wrap .post-item-content a h3{font-size: 1.25rem;}
.product-item_wrap .post-item-content a p{font-size: 0.90rem;margin-top:20px;color:#666;}
.about-us-item-list-metal{
 display:flex;justify-content: space-between;
    gap: 30px;}
.search-form	{display: flex;
	justify-content: flex-end; 
	align-items: center;}
.search-form.category_list-form{justify-content: space-between; }
.post_title_wrap .post_title{display:flex;justify-content: left; align-items: center;border-bottom:1px solid var(--divider-color);padding-bottom:10px;margin-bottom:10px;}

}
/*연혁 게시판*/
.post-item.history_wrap{border:none;background:#fff;  border-radius: 10px;padding:35px;}
.post-item.history_wrap .post-item-body{border-bottom:1px solid var(--divider-color);padding-bottom:10px;margin-bottom:10px;}
.post-item.history_wrap .post-item-content .ellipsis{margin-bottom:0px;}

/*글자*/
@media (min-width:992px){
.section-title h2{font-size:2.4rem;}
.post-item.history_wrap h1{font-size:2.6rem;}
.section-title h3{font-size:1.35rem;    padding: 6px 18px 6px 38px;}
.section-title p{font-size:1.15rem;letter-spacing:-0.5px;}
h2, h3, h4, h5, h6, p{word-break: keep-all;}
}





@media (max-width:991px){
.search-form form{width: 100%;}
.post-item-content a h3{font-size: 1.35rem;}
.post-item-content a p{font-size: 0.95rem;margin-top:20px;color:#666;}

.navbar-brand img{width:70px;}

.page-header{padding:80px 0px;}
.main-footer.mt_40{margin-top:0px;}

.why-choose-us-image-stone figure{margin-top:25px;}

.post_title_wrap .post_title li{border-bottom:1px solid var(--divider-color);padding-bottom:20px;margin-bottom:20px;margin-right:0px;}
.post_title li span{margin-right:0px;display:inline-block;}
.post_title li span:first-child{width:85px;}

.hero-slide  .section-title{padding-bottom:60px;}
.location_body{margin-top:20px;}
}

.navbar-toggle{position:absolute;right:15px;}





@media (max-width:767px){

.footer-logo img{width:70px;}
.navbar-brand img{width:70px;}
.about-us-item-metal2{margin-top:10px;}
.service-item-metal br{display:none;}
.service-item-metal{min-height:150px;}

p.link_a a{font-size:14px;}
.footer-menu ul li{text-align:center;}
.footer-links-list{align-items: center;justify-content:center;}

.video-title .section-title{margin-top:60px;}
.video-title .section-title p{display:none;}

}

@media (max-width:640px){
.navbar-toggle{bottom:8px;}
.navbar{border:none;}
.navbar-brand img{width:58px;}

.video-title .section-title h1{font-size:1.45rem;}
.video-title .hero-content-btn{font-size:1.15rem;    margin-top: 20px}
.video-title .hero-content-btn .btn-default{    padding: 8px 55px 8px 20px;}

.video-title .hero-content-btn .btn-default::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 7px;
    width: 22px;
    height: 22px;
    background-color: var(--primary-color);
    background-image: url(../images/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
    border-radius: 5px;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out;
}
}


@media (max-width:767px){

.page-header{    background-size:140%;}
.why-choose-us-content .section-title p{display:none;}
.why-choose-item-content-metal p br{display:none;}
.services-item-content p br{display:none;}
.how-work-item-content-metal p br{display:none;}
.contact-us_title p br{display:none;}
.hero-info-item-content-metal p br{display:none;}
.hero-info-contact-title-metal h3 br{display:none;}

.location_body .contact-info-list{  margin-left:0px;}

.contact-us-image img{ aspect-ratio: 1 / 0.5;}
}


@media (max-width: 768px) {
/* 카테고리 전체 영역 */
.category_list .category-links a{font-size:1.0rem;}
.category_list {
    margin: 16px 0;
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* 스크롤 영역 */
.category-links {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
 
    white-space: nowrap;
}

/* 스크롤바 숨김 (선택) */
.category_list::-webkit-scrollbar {
    display: none;
}
.category_list {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
}


@media (max-width:400px){
.page-header{padding:50px 0px;}
}


@media (max-width:640px){
.section-title{margin-bottom:20px;}
.post-social-sharing ul li a{font-size:14px;    padding: 16px 20px}
.btn-default{font-size:14px;} 
.btn-default::before{width:28px;height:28px;}
}