@charset "utf-8";
.sub_content{color:#444}
/* cnt_101 회사소개 */
.cnt_101 .info_txt{text-align:center}
.cnt_101 .info_txt h3{color:#111}
.cnt_101 .info_txt p{font-size:1.8rem}
.cnt_101 .line{position:relative;width:3px;height:70px;background:#E6E6E6;margin:30px auto;overflow:hidden}
.cnt_101 .line .c_line{position:absolute;top:0;left:0;width:100%;height:25px;background:var(--color-secondary);animation:down 1.8s linear infinite}
.cnt_101 .cnt_101_bg{height:350px;margin:100px 0;background-attachment:fixed;background-image:url("../image/sub/cnt_101_bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:center}
.cnt_101 .company_info{display:flex;}
.cnt_101 .company_info li{position:relative;flex:1;border:1px solid #D7DADF;border-radius:50%}
.cnt_101 .company_info li::before{content:"";display:block;padding-top:100%}
.cnt_101 .company_info li::after{content:"";position:absolute;inset:0;border:1px solid var(--color-secondary);border-radius:50%;clip-path:inset(50% 0 0 0);left:-2px}
.cnt_101 .company_info li:nth-child(even)::after{clip-path:inset(0 0 50% 0)}
.cnt_101 .company_info li dl{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%}
.cnt_101 .company_info li dl::before{content:"";display:block;width:30px;height:30px;margin-bottom:15px}
.cnt_101 .company_info li:first-child dl::before{background:url("../image/sub/cnt101_ico01.png")}
.cnt_101 .company_info li:nth-child(2) dl::before{background:url("../image/sub/cnt101_ico02.png")}
.cnt_101 .company_info li:nth-child(3) dl::before{background:url("../image/sub/cnt101_ico03.png")}
.cnt_101 .company_info li:nth-child(4) dl::before{background:url("../image/sub/cnt101_ico04.png")}
.cnt_101 .company_info li:last-child dl::before{background:url("../image/sub/cnt101_ico05.png")}
.cnt_101 .company_info li dl::after{content:"";position:absolute;inset:0;border:1px solid var(--color-secondary);border-radius:50%;clip-path:inset(50% 0 0 0);filter:blur(4px);left:-2px}
.cnt_101 .company_info li:nth-child(even) dl::after{clip-path:inset(0 0 50% 0)}
.cnt_101 .company_info li dl dt{font-weight:600;color:var(--color-primary)}
.cnt_101 .company_info li dl dd{font-size:2.4rem;font-weight:600}
.cnt_101 .business_lst{display:flex;gap:30px}
.cnt_101 .business_lst > li{display:flex;flex-direction:column;justify-content:space-between;flex:1;min-width:0;padding:30px;color:#fff;border-radius:12px}
.cnt_101 .business_lst > li:first-child{background:url("../image/sub/cnt101_ba01.jpg") no-repeat center / cover}
.cnt_101 .business_lst > li:nth-child(2){background:url("../image/sub/cnt101_ba02.jpg") no-repeat center / cover}
.cnt_101 .business_lst > li:nth-child(3){background:url("../image/sub/cnt101_ba03.jpg") no-repeat center / cover}
.cnt_101 .business_lst > li:last-child{background:url("../image/sub/cnt101_ba04.jpg") no-repeat center / cover}
.cnt_101 .business_lst > li em{display:block;margin-bottom:12px;font-size:2.4rem;font-weight:500}
.cnt_101 .business_lst > li .btn_box{text-align:right}
.cnt_101 .business_lst > li .btn_box .more{display:inline-block;width:60px;height:60px;border:1px solid #fff;border-radius:50%;transition: background .3s;}
.cnt_101 .business_lst > li .btn_box .more:hover{background:#fff}
.cnt_101 .business_lst > li .btn_box .more i{display:block;position:relative;top:30%;width:24px;height:24px;margin:0 auto;background:url("../image/icon/more_icon.png")}
.cnt_101 .business_lst > li .btn_box .more:hover i{animation:rotate 0.5s}

@media (max-width:1280px){
  .cnt_101 .info_txt p br{display:none}
  .cnt_101 .business_lst > li{padding:25px}
  .cnt_101 .business_lst > li em{font-size:2rem}
  .cnt_101 .business_lst > li .btn_box .more{width:45px;height:45px}
  .cnt_101 .business_lst > li .btn_box .more i{top:20%}
}
@media (max-width:1024px){
  .cnt_101 .line{height:50px;margin:20px auto}
  .cnt_101 .line .c_line{height:15px}
  .cnt_101 .cnt_101_bg{height:300px;margin:60px 0}
  .cnt_101 .company_info li dl dd{font-size:2rem}
  .cnt_101 .business_lst{flex-wrap:wrap;gap:20px}
  .cnt_101 .business_lst li{flex:1 1 calc(50% - 10px)}
}
@media (max-width:768px){
  .cnt_101 .info_txt h3 br{display:none}
  .cnt_101 .info_txt p{font-size:1.7rem}
  .cnt_101 .cnt_101_bg{height:240px;margin:40px 0}
  .cnt_101 .company_info{flex-direction:column;gap:20px}
  .cnt_101 .company_info li{padding:20px;border-radius:12px}
  .cnt_101 .company_info li::before,
  .cnt_101 .company_info li dl::after,
  .cnt_101 .company_info li::after{content:none !important}
  .cnt_101 .company_info li dl{position:unset;flex-direction:row;gap:10px}
  .cnt_101 .company_info li dl::before{margin-bottom:0}
}
@media (max-width:640px){
  .cnt_101 .business_lst li{flex:1 1 100%}
} 

/* cnt_102 조직도 */
.cnt_102 .org_chart{position:relative}
.cnt_102 .org_chart::before{content:"";position:absolute;top:80px;left:50%;z-index:-1;width:65%;height:200px;background:url("../image/sub/org_bg.png")no-repeat center / contain;transform:translateX(-50%)}
.cnt_102 .org_chart .org01{position:relative;width:170px;height:170px;margin:0 auto 120px;border-radius:50%;background:url("../image/sub/org01.png");line-height:170px;text-align:center;color:#fff;font-size:2.4rem;font-weight:600}
.cnt_102 .org_chart .org01::before{content:"";position:absolute;top:-5px;left:-5px;z-index:-1;width:180px;height:180px;background:#B5DCE0;border-radius:50%}
.cnt_102 .org_chart .org01::after{content:"";position:absolute;bottom:-50%;left:50%;width:1px;height:100px;background:#CCCCCD;z-index:-1}
.cnt_102 .org_chart .org02{position:relative;display:flex;max-width:900px;margin:0 auto;justify-content:space-between}
.cnt_102 .org_chart .org02::before{content:"";position:absolute;top:-35px;left:50%;width:calc(100% - 300px);height:1px;background:#CCCCCD;transform:translateX(-50%)}
.cnt_102 .org_chart .org02 li{position:relative;width:300px;height:70px;line-height:70px;background:#51657E;border-radius:50px;text-align:center;color:#fff;font-size:2rem;font-weight:500}
.cnt_102 .org_chart .org02 li::before{content:"";position:absolute;top:-35px;left:50%;width:1px;height:35px;background:#CCCCCD;}
.cnt_102 .org_chart .org02 li::after{content:"";position:absolute;top:-5px;left:50%;width:6px;height:6px;background:#fff;border:2px solid #CCCCCD;border-radius:50%;transform:translateX(-50%)}
.cnt_102 .staff_box{display:flex;gap:30px}
.cnt_102 .staff_box li{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:140px;padding:40px;border-radius:12px}
.cnt_102 .staff_box li:first-child{background:#F6f6f6 url("../image/sub/cnt102_bg01.png") no-repeat right bottom;}
.cnt_102 .staff_box li:nth-child(2){background:#F6f6f6 url("../image/sub/cnt102_bg02.png") no-repeat right bottom;}
.cnt_102 .staff_box li:last-child{background:#F6f6f6 url("../image/sub/cnt102_bg03.png") no-repeat right bottom;}
.cnt_102 .staff_box li em{font-size:3rem;font-weight:600;color:var(--color-primary)}
@media (max-width:1024px){
  .cnt_102 .org_chart .org02 li{font-size:1.8rem}
  .cnt_102 .staff_box{gap:20px;}
  .cnt_102 .staff_box li{height:100px;padding:25px;background-size:30% !important}
  .cnt_102 .staff_box li em{font-size:2.8rem}
}
@media (max-width:768px){
  .cnt_102 .org_chart .org01{margin-bottom:40px}
  .cnt_102 .org_chart .org02{flex-direction:column;align-items:center;gap:10px}
  .cnt_102 .org_chart .org02::before,
  .cnt_102 .org_chart .org02 li::before,
  .cnt_102 .org_chart .org02 li::after{content:none}
  .cnt_102 .staff_box{flex-direction:column}
  .cnt_102 .staff_box li{background-size:15% !important}
}
@media (max-width:420px){
  .cnt_102 .staff_box li{background-image:none !important}
}

/* cnt_103 인증서 */
.cnt_103 .certificate_lst{display:flex;gap:30px;flex-wrap:wrap}
.cnt_103 .certificate_lst li{width:calc((100% - 90px) / 4)}
.cnt_103 .certificate_lst li .con_img{position:relative;margin-bottom:20px;border:1px solid #D7DADF}
.cnt_103 .certificate_lst li .con_img::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);opacity:0;transition:opacity 0.3s}
.cnt_103 .certificate_lst li .con_img:hover::before{opacity:1}
.cnt_103 .certificate_lst li .con_img .down_btn{position:absolute;top:50%;left:50%;display:inline-block;padding:5px 10px;border:1px solid #fff;border-radius:4px;color:#fff;transform:translate(-50%, -50%);white-space:nowrap}
.cnt_103 .certificate_lst li .con_img .down_btn::after{content:"";display:inline-block;width:24px;height:24px;background:url("../image/icon/download.png") no-repeat center / cover;vertical-align: sub;}
.cnt_103 .certificate_lst li .certificate_name{font-size:2rem;color:#111;font-weight:600}
.cnt_103 .certificate_lst li dl{margin-top:10px}
.cnt_103 .certificate_lst li dl div{display:flex}
.cnt_103 .certificate_lst li dl div dt{width:70px;font-weight:500}

@media (max-width:1024px){
  .cnt_103 .certificate_lst{gap:20px}
  .cnt_103 .certificate_lst li{width:calc((100% - 40px) / 3)}
}
@media (max-width:768px){
  .cnt_103 .certificate_lst li .certificate_name{font-size:1.8rem}
  .cnt_103 .certificate_lst li{width:calc((100% - 20px) / 2)} 
}
@media (max-width:420px){

  .cnt_103 .certificate_lst li{width:100%}

}
/* cnt_104 오시는길 */
.cnt_104 .add h4{font-weight:600;color:#111}
.cnt_104 .add ul{display:flex;gap:20px;margin-top:12px}
.cnt_104 .add ul li::before{content:"";display:inline-block;width:30px;height:30px;margin-right:10px;border-radius:50%;background:#eee url("../image/icon/tel_icon.png") no-repeat center;vertical-align:middle}
.cnt_104 .add ul li.fax::before{background-image:url("../image/icon/fax_icon.png")}
.cnt_104 .map_box{margin-top:30px;height:400px}
.cnt_104 .map_box .map_area{width:100%;height:100%}
.cnt_104 .map_box .map_area .cont{display:none}

@media (max-width:768px){
  .cnt_104 .add ul{flex-direction:column;gap:10px}
  .cnt_104 .map_box{height:300px}

}
/* cnt_301 설비현황 및 거래처 */
.cnt_301 .clients_lst{display:flex;gap:30px;flex-wrap:wrap}
.cnt_301 .clients_lst li{display:flex;align-items:center;gap:10px;width:calc(50% - 15px);padding:20px;border:1px solid #D7DADF;border-radius:12px}
.cnt_301 .clients_lst li .clients_txt b{font-size:2rem;font-weight:600;color:#111}

@media (max-width:1024px){
  .cnt_301 .clients_lst{gap:20px}
  .cnt_301 .clients_lst li{width:calc(50% - 10px);flex-direction:column}
  .cnt_301 .clients_lst li .clients_txt{text-align:center}
}
@media (max-width:768px){
  .cnt_301 .clients_lst li .clients_txt b{font-size:1.8rem}
  .cnt_301 .clients_lst li{width:100%}

}
/* cnt_403 FAQ */
.cnt_403 .faq_lst{padding:0 30px;border:1px solid #D7DADF;border-radius:12px}
.cnt_403 .faq_lst .faq_con{border-bottom:1px solid #f3f3f3}
.cnt_403 .faq_lst .faq_con.on{border-bottom:0}
.cnt_403 .faq_lst .faq_con > div{padding:30px 20px}
.cnt_403 .faq_lst .faq_con > div span{display:inline-block;margin-right:30px;font-size:2rem;font-weight:600;vertical-align:top}
.cnt_403 .faq_lst .faq_con .faq_tit{position:relative;font-size:2rem;color:#111;font-weight:600}
.cnt_403 .faq_lst .faq_con .faq_tit::after{content:"";position:absolute;top:50%;right:20px;width:24px;height:24px;background:url("../image/icon/toggle_arrow.png");transform:translateY(-50%);transition:transform 0.3s}
.cnt_403 .faq_lst .faq_con.on .faq_tit::after{transform:translateY(-50%) rotate(180deg)}
.cnt_403 .faq_lst .faq_con .toggle_box{display:none;background:#F9F9F9;border-radius:12px}
.cnt_403 .faq_lst .faq_con:last-child .toggle_box{margin-bottom:30px}
.cnt_403 .faq_lst .faq_con > div p{display:inline-block;width:calc(100% - 70px)}
.cnt_403 .faq_lst .faq_con .faq_tit p{vertical-align:middle}
.cnt_403 .faq_lst .faq_con.on .faq_tit span{color:var(--color-primary)}
.cnt_403 .faq_lst .faq_con .toggle_box span{color:var(--color-secondary)}

@media (max-width:1024px){
  .cnt_403 .faq_lst .faq_con > div{padding:20px}
}
@media (max-width:768px){
  .cnt_403 .faq_lst{padding:0 20px}
  .cnt_403 .faq_lst .faq_con > div{padding:20px}
  .cnt_403 .faq_lst .faq_con .faq_tit{padding:20px 0;font-size:1.8rem}
  .cnt_403 .faq_lst .faq_con .faq_tit::after{right:0}
  .cnt_403 .faq_lst .faq_con > div span{margin-right:20px}
  .cnt_403 .faq_lst .faq_con .toggle_box p{width:calc(100% - 50px)}
}