@charset "utf-8";


/* intro1 */
.intro1{}
.intro1 .ss-inner{}
.intro1 .ss-inner.text_box{display: flex; flex-wrap: wrap;}
.intro1 .intro1_bg{width: 100%; max-width: 1660px; height: 400px; background: url(/theme/hstech/img/sub/intro1_bg.webp) no-repeat center center; margin: 40px 0; margin-left: auto;}
.intro1 .ss-inner .intro_title{font-size: 4rem; color: #212121; font-weight: 600; word-break: keep-all;}
.intro1 .ss-inner .intro_title span{font-weight: 800; color: var(--color1);}
.intro1 .ss-inner.text_box{display:block;}
.intro1 .ss-inner .text{width:100%;max-width:1100px;margin:0 auto;text-align:center;}
.intro1 .ss-inner .text p{margin-bottom:3rem;font-size:2rem;line-height:1.4;color:#666;word-break:keep-all;}
.intro1 .ss-inner .text p:first-child{font-size:2.5rem;color:#333; font-weight: bold;}
.intro1 .ss-inner .text p:last-child{margin-bottom:0;}

.intro1 .ceo_sign{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;margin-top:6rem;padding-top:4rem;border-top:1px solid #eee;}
.intro1 .ceo_sign .company{font-size:2rem;color:#222;}
.intro1 .ceo_sign .name{font-size:3.5rem;font-weight:600;color:#222;line-height:1; font-family: 'KimjungchulScript';}

@media all and (max-width:1280px){
	.intro1 .ss-inner .text p br{display: none;}
}
@media all and (max-width:976px){
	.intro1 .ss-inner .intro_title{font-size: 3.6rem;}
	.intro1 .intro1_bg{height: 350px; margin: 25px 0;}
    .intro1 .ss-inner .text{max-width:100%;}
    .intro1 .ss-inner .text p{margin-bottom:2.5rem;font-size:1.7rem;line-height:1.9;}
    .intro1 .ceo_sign{margin-top:4rem;padding-top:3rem;}
}
@media all and (max-width:640px){
	.intro1 .intro1_bg{height: 250px; margin: 20px 0;}
	.intro1 .ss-inner .intro_title{font-size: 2.7rem;}
    .intro1 .ss-inner .text{text-align:left;}
    .intro1 .ss-inner .text p{margin-bottom:2rem;font-size:1.55rem;line-height:1.85;}
    .intro1 .ss-inner .text p:first-child{font-size:1.7rem;}
    .intro1 .ceo_sign{justify-content:flex-end;gap:1rem;margin-top:3.5rem;padding-top:2.5rem;}
    .intro1 .ceo_sign .company{font-size:1.6rem;}
    .intro1 .ceo_sign .name{font-size:3rem;}
}

.p-Line{padding-top: 70px; margin-top: 75px; border-top: 1px solid #eee;;}
.product_top{margin-bottom: 70px; width: 100%; height: 400px; background: url('/theme/hstech/img/sub/product01-top.png');}

#sTitle{padding-bottom: 40px;}
#sTitle h4{padding-bottom: 1.2em; font-size: 2.5rem; color: var(--color1);}
#sTitle h3{color: #222; font-size: 3.2rem; word-break: keep-all;}
#sTitle h2{color: #222; font-size: 4.6rem; }
#sTitle p.t1{padding-top: 1em; font-size: 1.7rem; line-height: 1.6em;}

@media all and (max-width:976px){
    #sTitle{padding-bottom: 30px;}
	#sTitle h3{font-size: 3.2rem;}
    #sTitle h2{font-size:3.6rem; }
}
@media all and (max-width:640px){
	#sTitle h3{font-size: 2.8rem;}
}


#boxList{display: flex; gap: 1em; flex-wrap: wrap;}
#boxList li{width: 100%;}
#boxList.w4 li{width: calc((100% - 1em*3)/4); padding: 2em 1em; text-align: center; background-color: #fcfcfc; border:1px solid #eee; border-radius: 1rem;}
#boxList li img{width: 70px;}
#boxList li dl dd{padding-top: 1em;}
#boxList li dl dd span{font-size: 2rem; font-weight: 700; color: var(--color1); }
#boxList li dl dt{padding-top: 0.25em; font-size: 2.0rem; color: #222; font-weight: 500;}
@media all and (max-width:976px){
#boxList.w4 li{width: calc((100% - 1em*1)/2);}
}
@media all and (max-width:768px){
#boxList.w4 li{width: 100%;}
}


.busi_list{display: flex; gap: 2rem;}
.busi_list li{ border-radius: 1rem; overflow: hidden; width: calc(100%/3 - 4rem/3); background: #faf3f3;}
.busi_list li .txt{padding: 3rem 5rem;}
.busi_list li .txt h3{font-size: 2.5rem; color: var(--color1); text-align: center;}
.busi_list li .txt p{font-size: 1.8rem; margin-top: 1.5rem; word-break: keep-all;line-height: 2.7rem; text-align: center;}
.busi_list li .img{ width: 100%; position: relative; overflow: hidden;}
.busi_list li .img img{width: 100%;display: block;}
@media all and (max-width:1280px){
    .busi_list li .txt{padding: 3rem;}
    .busi_list li .txt h3{font-size: 2.2rem;}
    .busi_list li .txt p{font-size: 1.6rem; line-height: 2.5rem;margin-top: 1rem;}
}
@media all and (max-width:768px){
    .busi_list{flex-wrap: wrap;}
    .busi_list li{width: 100%; border-radius: 1rem;}
}
@media all and (max-width:480px){
    .busi_list li .txt h3{font-size: 2rem;}
    .busi_list li .txt p{font-size: 1.5rem; }
}



.product_area{display:flex;gap:50px; padding-right: 30px;}
.product_view{width:50%;}
.product_view img{border-radius:1rem; max-width: 100%;}
.product_info{ width: calc(100% - 50% - 50px); display:flex;flex-direction:column;justify-content:space-between;}
.sub_tit{display:block;color:var(--color1);font-size:18px;font-weight:600;margin-bottom:15px;}
.product_thumb{position:relative;}
.product_thumb .slick-slide{padding:0 6px;}
.product_thumb .slick-slide img{width:100%;display:block;border-radius:1rem;}
.thumb_prev,.thumb_next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:60px;height:60px;border:none;border-radius:1.6rem;background:var(--color1);color:#fff;font-size:2rem;font-weight:900;cursor:pointer;}
.thumb_prev{left:-25px;}
.thumb_next{right:-25px;}
@media all and (max-width:1400px){
}
@media all and (max-width:1280px){
    .product_area{gap: 3rem;}
    .product_view .slick-list,
    .product_view .slick-track,
    .product_view .slick-slide{height: 100%;}
    .product_view img{width: 100%;height: 100%;object-fit: cover;}
    .product_info{ width: calc(100% - 50% - 3rem); }
    .txt_box{padding-top: 0;}
    .txt_box p.t1 br{display: none;}
}
@media all and (max-width:976px){
    .product_area{padding-right: 20px;}
    .product_thumb .slick-slide{padding:0 4px;}
    .thumb_prev,.thumb_next{width: 40px; height: 40px; border-radius: 1rem; font-size: 1.6rem;}
    .thumb_prev{left:-15px;}
    .thumb_next{right:-15px;}
}
@media all and (max-width:768px){
    .product_area{padding-right: 0px;}
    .product_area{display: block;}
    .product_view{width:100%; padding:0 4px;}
    .product_info{width: 100%; margin-top: 1rem; flex-direction: column-reverse;}
    .txt_box{padding-top: 2rem;}
    .txt_box #sTitle{padding-bottom: 0;}
}

#solution{display: flex; gap: 1rem; flex-wrap: wrap;}
#solution li{position: relative; width: calc((100% - 1rem*2)/3); height: 420px; border-radius: 1rem; overflow: hidden;}

#solution li:before{
    content:'';
    position:absolute;
    inset:auto 0 0 0;
    height:45%;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.8) 0%,
        rgba(0,0,0,.5) 40%,
        rgba(0,0,0,0) 100%
    );
}

#solution li:after{
    content:'';
    position:absolute;
    inset:auto 0 0 0;
    height:45%;
    background:linear-gradient(
        to top,
        rgba(183,26,53,1) 0%,
        rgba(183,26,53,.8) 40%,
        rgba(183,26,53,0) 100%
    );
    opacity:0;
    transition:opacity .5s ease;
}

#solution li:hover:after{
    opacity:1;
}
#solution li dl{position: absolute; left: 2.25em; bottom: 2.25em; color: #fff; z-index: 2;}
#solution li dl dt{font-size: 2.4rem; font-weight: 700;}
#solution li dl dd{font-size: 1.8rem; padding-top: 0.4em;}
#solution li.bg1{background: url('/theme/hstech/img/sub/product01-img4_260828.webp')no-repeat center center/cover;}
#solution li.bg2{background: url('/theme/hstech/img/sub/product01-img5.webp')no-repeat center center/cover;}
#solution li.bg3{background: url('/theme/hstech/img/sub/product01-img6.webp')no-repeat center center/cover;}
#solution li.bg4{background: url('/theme/hstech/img/sub/product01-img7.png')no-repeat center center/cover;}

@media all and (max-width:1280px){
#solution li{width: calc((100% - 1rem*1)/2); height: 380px;}
}
@media all and (max-width:768px){
#solution li{width: 100%; height: 280px;}
#solution li dl{left: 1.2em; bottom: 1.5em;}
#solution li dl dt{font-size: 2.2rem;}
#solution li dl dd{font-size: 1.6rem;}
}





#certList { overflow: hidden; display: flex; justify-content:center; flex-wrap: wrap;  gap: 10px; }
#certList li { width:calc((100% - 10px *4)/5); text-align:center; background:#f9f9f9 }
#certList li .img { border: 1px solid #eee; padding: 10px; }
#certList li img { max-width: 100%; }
#certList li p { font-size:1.8rem;color:#FFF; text-align: center; background: var(--color1); padding:0.8em 1em; line-height:1.6em}

@media all and (max-width:1280px) {
    #certList { gap: 20px; }
    #certList li { width:calc((100% - 30px *2)/3);} 
}
@media all and (max-width:768px) {
    #certList { gap: 20px; }
    #certList li { width:calc((100% - 30px *1)/2);} 
}
@media all and (max-width:480px) {
	#certList { gap: 10px 0; }
	#certList li { width:100%;} 
	#certList li p br {display:none}
}


/* #location .map_wrap{position:relative;width:100%;}
#location .root_daum_roughmap{width:100% !important;}
#location .root_daum_roughmap .wrap_map{height:500px !important;}
#location .map_link{display:flex;position:absolute;left: 50%; transform: translateX(-50%); bottom:30px;z-index:10;gap:10px;}
#location .map_link a{display:flex;align-items:center;justify-content:center;gap:10px;width:20rem;height:56px;background:#fff;border:1px solid #ddd;font-size:1.8rem;font-weight:600;box-sizing:border-box;transition:.3s;}
#location .map_link a:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1);}
#location .map_link a span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;font-size:13px;font-weight:700;}
#location .map_link .naver{color:#03c75a;}
#location .map_link .naver span{background:#03c75a;color:#fff;}
#location .map_link .kakao span{background:#fee500;color:#191919;}
#location .location_info{max-width:100%;margin: 50px auto 0;}
#location .info_list{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;}
#location .info_box{position:relative;overflow:hidden;min-height:240px;padding:38px 32px;background:#f9f9f9;box-sizing:border-box;transition:.3s;}
#location .info_box .bg_txt{position:absolute;right:-5px;bottom:-8px;font-size:55px;font-weight:800;letter-spacing:-2px;color:rgba(0,0,0,.035);line-height:1;}
#location .info_box strong{display:block;margin-bottom:10px;font-size:2.5rem;font-weight:700; color: #222;}
#location .info_box p{position:relative;z-index:1;margin:0;font-size:1.8rem;line-height:1.7;color:#666;word-break:keep-all;}

.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1744259252920 img[src*="marker_bus"] {display: none !important;}

@media(max-width:1280px){
    #location .info_list{grid-template-columns:repeat(2,1fr);}
    #location .info_box{min-height: 180px;}
}
@media(max-width:768px){
    #location .root_daum_roughmap .wrap_map{height:350px !important;}
    #location .info_box{min-height: auto; padding: 3rem 2.5rem;}
    #location .info_list{grid-template-columns:repeat(1,1fr);}
    #location .map_link{width: 100%; justify-content: center;}
    #location .map_link a{width: 40%; font-size: 1.6rem; height: 4.5rem;}
    #location .info_box strong{font-size: 2.2rem;}
} */

#location .location_wrap{display:flex;align-items:stretch;}
#location .location_info{width:42%;padding:4rem 5rem 4rem 0;box-sizing:border-box;}
#location .location_info h3{margin-bottom:4rem;font-size:2.8rem;font-weight:700;color:var(--color1);}
#location .location_info dl{display:flex;padding:2rem 0;border-bottom:1px solid #ddd;}
#location .location_info dt{width:90px;font-size:1.8rem;font-weight:700;color:#222;}
#location .location_info dd{width:calc(100% - 90px);font-size:1.6rem;line-height:1.6;color:#555;}
#location .location_map_img{position:relative;width:58%;height:500px;overflow:hidden;border:1px solid #eee;box-sizing:border-box;}
#location .location_map_img>img{display:block;width:100%;height:100%;object-fit:cover;}
#location .map_marker{position:absolute;left:50%;top:44%;z-index:5;padding:.9rem 2rem;background:var(--color1);font-size:1.5rem;font-weight:700;color:#fff;transform:translate(-50%,-100%);white-space:nowrap;}
#location .map_marker:after{content:'';position:absolute;left:50%;bottom:-9px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid var(--color1);transform:translateX(-50%);}
#location .map_link{position:absolute;left:50%;bottom:3rem;z-index:10;display:flex;gap:1rem;width:auto;margin:0;transform:translateX(-50%);}
#location .map_link a{display:flex;align-items:center;justify-content:center;gap:.8rem;width:20rem;height:5.4rem;background:#fff;border:1px solid #ddd;font-size:1.6rem;font-weight:600;box-sizing:border-box;white-space:nowrap;transition:.3s;}
#location .map_link a:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1);}
#location .map_link a span{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;font-size:1.2rem;font-weight:700;}
#location .map_link .naver{color:#03c75a;}
#location .map_link .naver span{background:#03c75a;color:#fff;}
#location .map_link .kakao{color:#333;}
#location .map_link .kakao span{background:#fee500;color:#191919;}


@media all and (max-width:768px){
    #location .location_wrap{display:block;}
    #location .location_info{width:100%;padding:0 0 4rem;}
    #location .location_info h3{margin-bottom:3rem;font-size:2.4rem;}
    #location .location_info dt{width:75px;font-size:1.6rem;}
    #location .location_info dd{width:calc(100% - 75px);font-size:1.6rem;}
    #location .location_map_img{width:100%;height:350px;}
    #location .map_marker{top:44%;font-size:1.3rem;padding:.8rem 1.5rem;}
    #location .map_link{bottom:2rem;width:calc(100% - 3rem);gap:.7rem;}
    #location .map_link a{width:50%;height:4.8rem;font-size:1.5rem;}
}



.esg_intro{padding-bottom:100px;}
.esg_intro .img{width:100%;margin-bottom:5rem;border-radius:2rem;overflow:hidden;}
.esg_intro .img img{width:100%;height:100%;object-fit:cover;}
.esg_intro #sTitle h2{margin-bottom:50px;}
.esg_intro #sTitle h3{margin-bottom:10px;}
.esg_intro #sTitle .t1{max-width:1100px;color:#666;word-break:keep-all;}


/* ESG SUMMARY */
.esg_summary{display:flex;gap:2rem;margin-top:5rem;}

.esg_summary_box{position:relative;overflow:hidden;width:calc((100% - 4rem)/3);min-height:430px;padding:5rem 4rem;background:#f8f8f8;border-radius:1.5rem;box-sizing:border-box;transition:.4s;}

.esg_summary_box:nth-child(1){--esg-color:#4a913a;}
.esg_summary_box:nth-child(2){--esg-color:#b9a054;}
.esg_summary_box:nth-child(3){--esg-color:#3d6bb1;}


.esg_bg_letter{position:absolute;right:-1rem;top:-3rem;font-size:20rem;font-weight:900;line-height:1;color:color-mix(in srgb,var(--esg-color) 8%,transparent);transition:.4s;}

.esg_summary_head{position:relative;z-index:2;display:flex;align-items:center;gap:1.8rem;padding-bottom:4rem;}
.esg_summary_head .esg_icon{display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;background:var(--esg-color);border-radius:50%;font-size:3.4rem;font-weight:800;color:#fff;transition:.4s;}
.esg_summary_head strong{display:block;font-size:2.7rem;color:#222;transition:.4s;}
.esg_summary_head p{margin-top:.4rem;font-size:1.8rem;color:#999;transition:.4s;}

.esg_summary_cont{position:relative;z-index:2;}
.esg_summary_cont .summary_item{position:relative;padding:2.2rem 0 2.2rem 2rem;border-top:1px solid #e5e5e5;}
.esg_summary_cont .summary_item:before{content:'';position:absolute;left:0;top:3rem;width:6px;height:6px;background:var(--esg-color);border-radius:50%;}
.esg_summary_cont .summary_item strong{display:block;margin-bottom:.8rem;font-size:1.9rem;color:#222;}
.esg_summary_cont .summary_item p{font-size:1.7rem;line-height:1.7;color:#777;word-break:keep-all;}


/* ESG DETAIL COMMON */
.esg_section{position:relative;padding:130px 0;border-top:1px solid #eee;overflow:hidden;}

.esg_environment{--esg-color:#4a913a;}
.esg_social{--esg-color:#b9a054;background:#fafafa;}
.esg_governance{--esg-color:#3d6bb1;}

.esg_cont{position:relative;}

.esg_inner{position:relative;z-index:2;display:flex;align-items:center;gap:8rem;}
.esg_content{width:45%;}

.esg_bg{position:absolute;left:-4rem;top:-10rem;z-index:0;font-size:30rem;font-weight:900;line-height:1;color:color-mix(in srgb,var(--esg-color) 5%,transparent);pointer-events:none;}

.esg_social .esg_inner{flex-direction:row-reverse;}
.esg_social .esg_bg{left:auto;right:-3rem;}


/* LABEL */
.esg_label{display:flex;align-items:center;gap:1.8rem;margin-bottom:4rem;}
.esg_label .letter{display:flex;align-items:center;justify-content:center;width:6.5rem;height:6.5rem;background:var(--esg-color);border-radius:50%;font-size:3.7rem;font-weight:800;color:#fff;}
.esg_label>div{display:flex;flex-direction:column;}
.esg_label .name{font-size:2.3rem;font-weight:700;color:#222;}
.esg_label .kor{margin-top:.4rem;font-size: 2rem;color:#999;}


/* TITLE */
.esg_title{position:relative;padding-left:2.5rem;margin-bottom:3rem;}
.esg_title:before{content:'';position:absolute;left:0;top:.6rem;width:4px;height:calc(100% - 1.2rem);background:var(--esg-color);}
.esg_title h4{margin-bottom:.8rem;font-size:2.2rem;font-weight:500;color:var(--esg-color);}
.esg_title h3{font-size:4rem;font-weight:700;line-height:1.35;color:#222;word-break:keep-all;}


/* TEXT */
.esg_text{margin-bottom:3.5rem;}
.esg_text p{margin-bottom:1.2rem;font-size:1.8rem;line-height:1.9;color:#666;word-break:keep-all;}
.esg_text strong{font-weight:700;color:var(--esg-color);}


/* KEYWORD */
.esg_keyword{display:flex;flex-wrap:wrap;gap:.8rem;}
.esg_keyword span{padding:.8rem 1.5rem;border:1px solid color-mix(in srgb,var(--esg-color) 25%,transparent);border-radius:3rem;background:#fff;font-size:1.3rem;font-weight:600;color:var(--esg-color);}


/* IMAGE */
.esg_img{position:relative;width:55%;height:520px;border-radius:1.5rem;overflow:hidden;}
.esg_img:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 45%);}
.esg_img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease;}
.esg_img:hover img{transform:scale(1.04);}
.esg_img .img_text{position:absolute;right:3rem;bottom:2.5rem;z-index:2;font-size:1.4rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fff;}


/* 1280 */
@media all and (max-width:1280px){
.esg_intro{padding-bottom:80px;}

.esg_section{padding:100px 0;}
.esg_inner{gap:5rem;}
.esg_img{height:450px;}
.esg_title h3{font-size:3.5rem;}
.esg_bg{font-size:24rem;}
}


/* 976 */
@media all and (max-width:976px){
.esg_summary{gap:1rem;}
.esg_summary_box{min-height:390px;padding:4rem 2.5rem;}
.esg_bg_letter{font-size:15rem;}
.esg_summary_head{gap:1.2rem;padding-bottom:3rem;}
.esg_summary_head .esg_icon{width:5rem;height:5rem;font-size:2rem;}
.esg_summary_head strong{font-size:2rem;}

.esg_section{padding:80px 0;}
.esg_inner{display:block;}
.esg_social .esg_inner{display:block;}
.esg_content{width:100%;margin-bottom:4rem;}
.esg_img{width:100%;height:400px;}
.esg_bg{top:-5rem;font-size:18rem;}
.esg_title h3{font-size:3.2rem;}
}


/* 768 */
@media all and (max-width:768px){
.esg_summary{display:block;}
.esg_summary_box{width:100%;min-height:auto;margin-bottom:1.5rem;padding:3.5rem 2.5rem;}
.esg_bg_letter{right:0;top:-2rem;font-size:13rem;}
.esg_summary_head{padding-bottom:2rem;}
.esg_summary_cont .summary_item{padding:1.8rem 0 1.8rem 1.8rem;}
.esg_summary_cont .summary_item:before{top:2.6rem;}
}


/* 640 */
@media all and (max-width:640px){
.esg{padding-bottom:70px;}

.esg_intro{padding-bottom:60px;}
.esg_intro .img{height:35rem;margin-bottom:3rem;border-radius:1rem;}
.esg_intro #sTitle h2{margin-bottom:30px;}

.esg_section{padding:60px 0;}
.esg_content{margin-bottom:3rem;}

.esg_label{gap:1.2rem;margin-bottom:2.5rem;}
.esg_label .letter{width:5rem;height:5rem;font-size:2.1rem;}
.esg_label .name{font-size:1.6rem;}
.esg_label .kor{font-size:1.3rem;}

.esg_title{padding-left:1.8rem;margin-bottom:2.5rem;}
.esg_title h4{font-size:1.8rem;}
.esg_title h3{font-size:2.7rem;}

.esg_text p{font-size:1.55rem;line-height:1.8;}

.esg_keyword span{padding:.7rem 1.2rem;font-size:1.2rem;}

.esg_img{height:300px;border-radius:1rem;}
.esg_img .img_text{right:2rem;bottom:1.8rem;font-size:1.2rem;}

.esg_bg{font-size:14rem;}
}


.business_area{padding-bottom:5rem;}
.business_table_wrap{width:100%;overflow-x:auto;}
.business_table{width:100%;min-width:900px;border-collapse:collapse;border-top:3px solid var(--color1);table-layout:fixed;}
.business_table .col_type{width:19%;}
.business_table .col_section{width:17%;}
.business_table th,.business_table td{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
.business_table tr>*:first-child{border-left:1px solid #e5e5e5;}
.business_table thead th{height:65px;background:#f8f8f8;font-size:1.7rem;font-weight:700;color:#222;text-align:center;}
.business_table tbody .type{padding:2rem;background:#fafafa;font-size:2rem;font-weight:700;line-height:1.4;color:#222;text-align:center;vertical-align:middle;}
.business_table tbody .section{padding:2rem;background:#fff;font-size:1.7rem;font-weight:600;line-height:1.5;color:#555;text-align:center;vertical-align:middle;}
.business_table tbody td{height:190px;padding:2rem 3rem;background:#fff;vertical-align:middle;}
.product_list{display:flex;align-items:flex-start;gap:2rem;width:100%;}
.product{flex:1;min-width:0;text-align:center;}
.product .img{display:flex;align-items:center;justify-content:center;width:100%;height:130px;margin-bottom:1.2rem;overflow:hidden;}
.product .img img{display:block;max-width:100%;max-height:100%;object-fit:contain;}
.product p{position:relative;display:inline-block;padding-top:1rem;font-size:1.4rem;font-weight:600;color:#555;word-break:keep-all;}
.product p:before{content:'';position:absolute;left:50%;top:0;width:18px;height:2px;background:var(--color1);transform:translateX(-50%);}
.table_scroll_guide{display:none;}

@media all and (max-width:976px){
    .business_table{min-width:800px;}
    .business_table .col_type{width:18%;}
    .business_table .col_section{width:16%;}
    .business_table tbody .type{font-size:1.8rem;}
    .business_table tbody .section{font-size:1.6rem;}
    .business_table tbody td{height:170px;padding:1.5rem 2rem;}
    .product_list{gap:1.2rem;}
    .product .img{height:100px;}
    .product p{font-size:1.3rem;}
    .table_scroll_guide{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-bottom:1.2rem;font-size:1.3rem;color:#888;}
    .table_scroll_guide span{font-size:1.6rem;color:var(--color1);}
    .business_table_wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

@media all and (max-width:640px){
    .business_table_wrap{padding-bottom:1rem;}
    .business_table{min-width:720px;}
    .business_table thead th{height:55px;font-size:1.5rem;}
    .business_table tbody .type{padding:1.5rem;font-size:1.6rem;}
    .business_table tbody .section{padding:1.5rem;font-size:1.45rem;}
    .business_table tbody td{height:150px;padding:1.5rem;}
    .product_list{gap:1rem;}
    .product .img{height:85px;}
    .product p{font-size:1.2rem;}
}




.philosophy_goal{position:relative;display:flex;align-items:center;min-height:580px;overflow:hidden;}
.goal_bg{position:absolute;inset:0;background:url('/theme/hstech/img/sub/philosophy-goal.webp') no-repeat center center / cover;}
.goal_bg.about{background:url('/theme/hstech/img/sub/about-goal.webp') no-repeat center center / cover;}
.goal_bg.facility{background:url('/theme/hstech/img/sub/facility-goal.webp') no-repeat center center / cover;}
.philosophy_goal:after{content:'';position:absolute;inset:0;background:rgba(20,20,20,.62);}
.philosophy_goal .ss-inner{position:relative;z-index:2;width:100%;}
.goal_txt{text-align:center;color:#fff;}
.goal_txt>span{display:block;margin-bottom:2rem;font-size:3rem;font-weight:700;letter-spacing:.18em;font-family: 'poppins', 'pretendard'; color: var(--color2);}
.goal_txt h3{font-size:4.8rem;font-weight:300;line-height:1.2;}
.goal_txt h3 strong{font-weight:700;}
.goal_txt p{margin-top:2.5rem;font-size:1.7rem;line-height:1.8;color:rgba(255,255,255,.75);}

@media all and (max-width:1280px){
}
@media all and (max-width:976px){
.philosophy_goal{min-height:500px;}
.goal_txt h3{font-size:3.8rem;}
}
@media all and (max-width:640px){
.philosophy_goal{min-height:40rem;}
.goal_txt>span{font-size:1.1rem;}
.goal_txt h3{font-size:3.5rem;}
.goal_txt p{font-size:1.6rem;}
}


.philosophy{overflow: hidden;}
.philosophy_diagram{padding:140px 0 160px;background:#fff;}
.philosophy_diagram_inner{position:relative;max-width:1400px;min-height:800px;margin:0 auto;}
.diagram_visual{position:absolute;left:50%;top:50%;width:680px;height:680px;transform:translate(-50%,-50%);}
.diagram_ring{position:absolute;left:50%;top:50%;width:470px;height:470px;border:85px solid #f2f2f2;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box;}
.diagram_ring:before{content:'';position:absolute;left:50%;top:50%;width:610px;height:610px;border:1px dashed #e3e3e3;border-radius:50%;transform:translate(-50%,-50%);}
.diagram_center{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;width:220px;height:220px;background:#fff;border-radius:50%;box-shadow:0 10px 35px rgba(0,0,0,.08);transform:translate(-50%,-50%);text-align:center;}
.diagram_center span{font-size:4.5rem;font-weight:800;color:var(--color1);}
.diagram_circle{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;width:190px;height:190px;border-radius:50%;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.08);}
.diagram_circle .icon{display:flex;align-items:center;justify-content:center;width:8rem;height:8rem;margin-bottom:.8rem;}
.diagram_circle .icon svg{width:8rem;height:8rem;stroke:#fff;stroke-width:1.5;}
.diagram_circle strong{font-size:2.3rem;font-weight:800;}
.philosophy_circle{left:50%;top:-15px;background:#b71a35;transform:translateX(-50%);}
.mission_circle{left:-5px;bottom:70px;background:#2e5c93;}
.vision_circle{right:-5px;bottom:70px;background:#6f9d3f;}
.diagram_txt{position:absolute;width:330px;}
.diagram_txt>span{display:block;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1;}
.diagram_txt h3{margin-bottom:1.3rem;font-size:2rem;font-weight:700;line-height:1.5;color:#222;word-break:keep-all;}
.diagram_txt p{font-size:1.6rem;line-height:1.85;color:#666;word-break:keep-all;}
.diagram_txt ul{margin:0;padding:0;list-style:none;}
.diagram_txt li{position:relative;padding-left:1.2rem;margin-bottom:.8rem;font-size:1.5rem;line-height:1.7;color:#666;word-break:keep-all;}
.diagram_txt li:before{content:'';position:absolute;left:0;top:.9rem;width:4px;height:4px;background:#999;border-radius:50%;}
.diagram_txt li strong{font-weight:700;color:#333;}
.philosophy_txt{left:63%;top:2%;width:360px; transform:translateX(-50%);}
.philosophy_txt>span{color:#b71a35;}
.mission_txt{left:9%;top:30%;width:320px;}
.mission_txt>span{color:#2e5c93;}
.vision_txt{right:0%;top:32%;width:auto;text-align:left;transform:none;}
.vision_txt>span{color:#6f9d3f;}


@media all and (max-width:1280px){
    .philosophy_diagram_inner{max-width:1180px;min-height:730px;}
    .diagram_visual{width:600px;height:600px;}
    .diagram_ring{width:420px;height:420px;border-width:75px;}
    .diagram_ring:before{width:540px;height:540px;}
    .diagram_center{width:190px;height:190px;}
    .diagram_circle{width:165px;height:165px;}
    .philosophy_txt{width:320px;}
    .mission_txt{width:270px; left: 3%;}
    .vision_txt{right:0%;top:30%;}
    .diagram_txt>span{font-size:2.6rem;}
    .diagram_txt h3{font-size:1.8rem;}
}
@media all and (max-width:976px){
    .philosophy_diagram{padding:90px 0;}
    .philosophy_diagram_inner{min-height:auto;}
    .diagram_visual{position:relative;left:auto;top:auto;width:520px;height:520px;margin:0 auto 6rem;transform:none;}
    .diagram_ring{width:360px;height:360px;border-width:65px;}
    .diagram_ring:before{width:470px;height:470px;}
    .diagram_center{width:170px;height:170px;}
    .diagram_circle{width:150px;height:150px;}
    .diagram_circle .icon{width: 6rem; height: 6rem;}
    .diagram_circle .icon svg{width: 6rem; height: 6rem;}
    .diagram_circle strong{font-size: 2rem;}
    .diagram_txt{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding:2.5rem 3rem;margin-bottom:1.5rem;background:#fafafa;border-radius:1rem;box-sizing:border-box;text-align:left;transform:none;}
}
@media all and (max-width:640px){
    .philosophy_diagram{padding:60px 0;}
    .diagram_visual{width:33rem;height:33rem;margin-bottom:5rem;}
    .diagram_ring{width:22rem;height:22rem;border-width:4.5rem;}
    .diagram_ring:before{width:30rem;height:30rem;}
    .diagram_center{width:12rem;height:12rem;}
    .diagram_center span{font-size:1.8rem;}
    .diagram_center strong{font-size:1rem;}
    .diagram_circle{width:11rem;height:11rem;}
    .diagram_circle .icon{width:5rem;height:5rem;margin-bottom:.5rem;font-size:1.3rem;}
    .diagram_circle strong{font-size:1.4rem;}
    .philosophy_circle{top:-5px;}
    .mission_circle{left:0;bottom:25px;}
    .vision_circle{right:0;bottom:25px;}
    .diagram_txt{padding:2rem;}
    .diagram_txt>span{font-size:1.8rem;}
    .diagram_txt h3{font-size:1.7rem;}
    .diagram_txt p{font-size:1.5rem;}
    .diagram_txt li{font-size:1.45rem;}
}






.about_info_table{margin-top:8rem;border-top:2px solid #222;border-bottom:1px solid #ddd;}
.info_row{display:grid;grid-template-columns:180px 1fr 180px 1fr;border-bottom:1px solid #e5e5e5;}
.info_row:last-child{border-bottom:0;}
.info_th{display:flex;align-items:center;padding:2.5rem 2.8rem;background:#fafafa;font-size:1.8rem;font-weight:700;color:#333;box-sizing:border-box;}
.info_td{display:flex;align-items:center;padding:2.5rem 3rem;font-size:1.6rem;line-height:1.7;color:#666;box-sizing:border-box;}
.info_td strong{font-size:1.8rem;font-weight:700;color:var(--color1);}
.info_row.full{grid-template-columns:180px 1fr;}
@media all and (max-width:976px){
    .info_row{grid-template-columns:140px 1fr 140px 1fr;}
    .info_th{padding:2rem;font-size:1.4rem;}
    .info_td{padding:2rem;font-size:1.5rem;}
    .info_row.full{grid-template-columns:140px 1fr;}
}
@media all and (max-width:640px){
    .about_info_table{margin-top:5rem;}
    .info_row{display:grid;grid-template-columns:110px 1fr;}
    .info_row .info_th:nth-of-type(2){border-top:1px solid #e5e5e5;}
    .info_row .info_td:nth-of-type(2){border-top:0;}
    .info_th{padding:1.7rem 1.5rem;font-size:1.35rem;}
    .info_td{padding:1.7rem 1.8rem;font-size:1.45rem;}
    .info_row.full{grid-template-columns:110px 1fr;}
    .bdb{border-bottom:1px solid #e5e5e5;}
}


.facility_section{padding:140px 0;}
.facility_section:nth-child(odd){background:#fafafa;}
.facility_cont{display:flex;align-items:center;gap:9rem;}
.facility_cont.reverse{flex-direction:row-reverse;}
.facility_img{width:56%;height:480px;border-radius:1.5rem;overflow:hidden;}
.facility_img img{display:block;width:100%;height:100%;object-fit:cover;}
.facility_txt{width:44%;}
.facility_txt>span{display:block;margin-bottom:4rem;font-size:2.2rem;font-weight:700;letter-spacing:.1em;color:var(--color1);}
.facility_txt h3{margin-bottom:2rem;font-size:4rem;font-weight:700;color:#222;}
.facility_txt>strong{display:block;margin-bottom:1.5rem;font-size:2.5rem;font-weight:600;color:#333;word-break:keep-all;}
.facility_txt p{font-size:1.8rem;line-height:1.9;color:#666;word-break:keep-all;}

@media all and (max-width:976px){
.facility_section{padding:90px 0;}
.facility_cont,.facility_cont.reverse{display:block;}
.facility_img{width:100%;height:400px;margin-bottom:4rem;}
.facility_txt{width:100%;}
}
@media all and (max-width:640px){
.facility_section{padding:60px 0;}
.facility_img{height:280px;margin-bottom:3rem;border-radius:1rem;}
.facility_txt h3{font-size:3.5rem;}
.facility_txt>strong{font-size:2rem;}
.facility_txt p{font-size:1.6rem;}

}