/* 0101 greeting */
.greeting_title{font-size: 3rem; line-height: 1.25; color: #1b1b1b; font-weight: 550; text-align: center;}

.greeting_con{display: flex; flex-wrap: wrap; gap: 4rem 8rem; align-items: flex-start; margin: 8rem auto 0;}
.greeting_con .thumb{width: 640px; box-shadow: 1.5rem 0 3rem rgba(0,0,0,0.1);}
.greeting_con .textArea{width: calc(100% - 640px - 8rem);}
.greeting_con .textArea p{font-size: 2rem; line-height: 1.5; color: #333333;}
.greeting_con .textArea p + p{margin-top: 3rem;}
.greeting_con .textArea p.last{font-weight: 550; margin-top: 6rem;}
.greeting_con .textArea p.ceo{font-size: 3rem; line-height: 1; color: #333; font-weight: 550; text-align: right;}
.greeting_con .textArea p.ceo span{display: inline-block; font-size: 2.6rem; font-family: var(--play); padding: 0 1rem 0 0;}

/* 0102 history */
.banner{display: flex; align-items: center; justify-content: center; flex-direction: column; background-size: cover; background-position: center;}
.history_banner{text-align: center; background-image: url('/theme/prix/img/sub/history_banner_bg.jpg'); background-position: left; padding: 14rem 2rem; margin: 0 auto 9rem;}
.history_banner .title{font-size: 4.4rem; line-height: 1; color: rgba(255,255,255,0.9); font-weight: bold; font-family: var(--play); margin-bottom: 2rem;}
.history_banner .sub{font-size: 2.5rem; line-height: 3rem; color: rgba(255,255,255,0.85);}

.history_head{text-align: center; margin: 0 auto 11rem;}
.history_head .logo{display: inline-block; width: 11.1rem; margin-bottom: 2rem;}
.history_head .sub{font-size: 2.3rem; line-height: 3rem; color: var(--point4); font-weight: 500;}

/* 0103 certificate */
.hPhotoList .list{display: flex; flex-wrap: wrap; gap: 9rem 5rem;}
.hPhotoList .list li{width: calc((100% - 15rem)/4);}
.hPhotoList .list li .thumb{width: 100%; aspect-ratio: 210 / 297; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; overflow: hidden;}
.hPhotoList .list li .thumb img{max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover; transition: all ease 0.5s;}
.hPhotoList .list li:hover .thumb img{transform: scale(1.05);}
.hPhotoList .list li .area{padding: 2.5rem 1rem 0;}
.hPhotoList .list li .area .title{font-size: 2.2rem; line-height: 3rem; color: #1b1b1b; font-weight: 550;}

.hPhotoList.performance .list{gap: 4rem;}
.hPhotoList.performance .list li{width: calc((100% - 8rem)/3);}
/* .hPhotoList.performance .list li .thumb{aspect-ratio: 46/21;} */
.hPhotoList.performance .list li .thumb{aspect-ratio: 16/9;}
.hPhotoList .list li .area .title .one{font-size: 2rem; line-height: 1; color: #1b1b1b; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hPhotoList .list li .area .date{font-size: 1.8rem; line-height: 1; color: #666666; font-weight: 500; text-align: center; margin-top: 1.5rem;}

/* 0105 location */
html .root_daum_roughmap{width: 100%; height: 56rem;}
html .root_daum_roughmap .wrap_map{width: 100%; height: 100%;}
html .root_daum_roughmap .wrap_controllers{display: none;}

/* .map{margin: 0 auto 8rem;} */
.map_info_head{border-bottom: 1px solid #dddddd; padding: 0 0 3.5rem; margin: 0 0 3.5rem;}
.map_info_head .logo{width: 19rem; margin: 0 0 2rem;}
.map_info_head .map_info_address{font-size: 2rem; line-height: 1.33; color: #333333; font-weight: 500;}
.map_info_body{display: flex; flex-wrap: wrap; gap: 2rem 8rem;}
.map_info_body li{position: relative; display: flex; align-items: center; font-size: 2rem; line-height: 1; color: #333333; font-family: var(--play);}
.map_info_body li span{display: inline-block; font-weight: bold;}
.map_info_body li span.b{padding: 0 0.5rem 0 1rem;}
.map_info_body li span.icon{width: 2.7rem; font-size: 0; line-height: 0;} 
/* 02 product */
.product_view_head{margin: 0 auto 8rem;}
.product_view_head .product_category{position: relative; font-size: 2.8rem; line-height: 3rem; color: #1b1b1b; font-weight: bold; padding-left: 2.5rem; margin: 0 0 3rem;}
.product_view_head .product_category::before{position: absolute; content: ''; width: 1rem; height: 1rem; top: calc(1.5rem - 0.5rem); left: 0; background-color: #4472c4;}

.product_view_head_con{display: flex; flex-wrap: wrap; gap: 12rem; align-items: center; overflow: hidden;}
.product_view_head_con .thumb{width: 66rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; /*border: 1px solid #ddd;*/ padding: 2rem;}
.product_view_head_con .textArea{width: calc(100% - 66rem - 12rem);}
.product_view_head_con .textArea .product_title{font-size: 5.4rem; line-height: 6rem; color: #111; font-weight: bold; font-family: var(--play); margin-bottom: 6rem;}
.product_view_head_con .product_desc_title{position: relative; display: block; width: 18rem; height: 5rem; font-size: 2.1rem; line-height: 5rem; color: #fff; text-align: center; background-color: #4472c4; margin-bottom: 4rem;}
.product_view_head_con .product_desc_title::after{position: absolute; content: ''; width: 100vw; height: 1px; bottom: 0; left: 0; background-color: #4472c4;}
.product_view_head_con .product_desc{}
.product_view_head_con .product_desc li{position: relative; font-size: 2.1rem; line-height: 3rem; color: #333333; padding-left: 2rem;}
.product_view_head_con .product_desc li + li{margin-top: 1rem;}
.product_view_head_con .product_desc li::before{position: absolute; content: '→'; font-size: 1.25rem; line-height: 1; color: #4472c4; top: 1.5rem; left: 0; transform: translateY(-50%);}

.product_view_bodyWrap_tabNav{display: flex; border-bottom: 1px solid #ddd; }
.product_view_bodyWrap_tabNav li{max-width: 33rem; width: calc((100%)/2); height: 6rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1; color: #333333; font-weight: 500; text-align: center; border: 1px solid #ddd; border-bottom: none; cursor: pointer; transition: all ease 0.5s;}
.product_view_bodyWrap_tabNav li:is(.active, :hover){color: #fff; background-color: #7b8aa4; border-color: #7b8aa4;}

.product_view_bodyWrap_tabCon{padding: 8rem; display: none;}
.product_view_bodyWrap_tabCon.active{display: block;}
.keyPointTable{}
.keyPointTable table{width: 100%; border-top: 1px solid #111; border-collapse: collapse;}
.keyPointTable table tr{border-bottom: 1px solid #ddd;}
.keyPointTable table thead td{font-size: 2rem; line-height: 1.5; color: #fff; font-weight: bold; font-family: var(--play); text-align: center; background-color: #193989; border-left: 1px solid #111; padding: 2rem 0.5rem;}
.keyPointTable table thead td:last-child{border-right: 1px solid #111;}
.keyPointTable table tbody th,
.keyPointTable table tbody td{font-size: 1.9rem; line-height: 2.5rem; font-family: var(--play); border-left: 1px solid #ddd;}
.keyPointTable table tbody th{color: #333333; text-align: center; padding: 1.5rem 0.5rem;}
.keyPointTable table tbody td{color: #666; text-align: left; padding: 1.5rem 0.5rem 1.5rem 6rem;}
.keyPointTable table tbody td:last-child{border-right: 1px solid #ddd;}
.add_spec {margin-top:2em;}
.drawingBox{width: 100%; height: auto; display: flex; align-items: center; justify-content: center; /*border: 1px solid #ddd;*/ padding: 5rem 2rem;}

/* 03~~  */
.mainBusiness_title{position: relative; font-size: 2.8rem; line-height: 3rem; color: #1b1b1b; font-weight: bold; padding-left: 2.5rem; margin: 0 0 2.5rem;}
.mainBusiness_title span{display: block; font-size: 2rem; line-height: 1.4; color: #333333; font-weight: 500; padding: 2.5rem 0 0; margin-left: -2.5rem;}

.mainBusiness_title::before{position: absolute; content: ''; width: 1rem; height: 1rem; top: calc(1.5rem - 0.5rem); left: 0; background-color: #4472c4;}
.mainBusiness_con{text-align: center; border-top: 3px solid #193989; border-bottom: 1px solid #cccccc; padding: 8rem 0;}
.mainBusiness_con + .mainBusiness_title{margin-top: 12rem;}
















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

}
@media only screen and (max-width : 1440px){
  
}
@media only screen and (max-width : 1320px){
}
@media only screen and (max-width : 1280px){
    .greeting_con{gap: 4rem;}
    .greeting_con .textArea{width: 100%;}

    .product_view_head_con{display: flex; flex-wrap: wrap; gap: 4rem; align-items: center; overflow: hidden;}
    .product_view_head_con .thumb{width: 55rem;}
    .product_view_head_con .textArea{width: calc(100% - 55rem - 4rem);}

    .product_view_bodyWrap_tabCon{padding: 8rem 4rem;}

    .hPhotoList .list{gap: 4rem 2rem;}
    .hPhotoList .list li{width: calc((100% - 6rem)/4);}
    .hPhotoList .list li .area{padding: 2rem 0.5rem 0;}

    .hPhotoList.performance .list{gap: 4rem 2rem;}
    .hPhotoList.performance .list li{width: calc((100% - 4rem)/3);}



}
@media only screen and (max-width : 1024px){
  .mainBusiness_con{padding: 4rem 0;}

  .product_view_head_con .textArea{width: 100%;}

  .product_view_bodyWrap_tabCon{padding: 4rem 0;}
  
  .keyPointTable table tbody td{padding: 1.5rem;}
  
  .hPhotoList .list li{width: calc((100% - 4rem)/3);}
  .hPhotoList.performance .list li{width: calc((100% - 2rem)/2);}

}
@media only screen and (max-width : 840px){
  html.main .swiper-button-next{right: 3vw;}
  html.main .swiper-button-prev{left: 3vw;}

  

}

@media only screen and (max-width : 640px){
    .map_info_body li{width: 100%;}

    .mainBusiness_con{padding: 2rem 0;}

    .hPhotoList .list li{width: calc((100% - 2rem)/2);}
}

@media only screen and (max-width : 480px){
    
    
}
@media only screen and (max-width : 400px){
    .hPhotoList.performance .list li{width: 100%;}
}