@charset "UTF-8";

@import url('https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/static/woff2/SUIT.css');

.suit{font-family: 'SUIT', sans-serif !important;}

.sub_wrap .inner{max-width: 1440px;}

.sub_wrap h3.sub_tit{font-size: 46px;font-weight: 700;color: #191919;text-align: center;padding-top: 150px;}
.sub_wrap .sub_top_box{padding: 100px 0;background: url(/html/img/sub_top_logo.png) no-repeat right bottom;font-size: 70px;font-weight: 700;color: #000;line-height: 1.65;border-bottom: #D9D9D9 solid 1px;}

@media screen and (max-width:1024px) {
  .sub_wrap h3.sub_tit{font-size: 48px;padding-top: 100px;}
  .sub_wrap .sub_top_box{padding: 60px 0;font-size: 42px;}
}
@media screen and (max-width:768px) {
  .sub_wrap h3.sub_tit{font-size: 26px;padding-top: 80px;}
  .sub_wrap .sub_top_box{padding: 40px 0;font-size: 36px;background-size: 40%;}
  .sub_wrap .sub_top_box br{display: none;}
}






/* sub01_1 회사소개 */
.sub01_1_sct1{padding-bottom: 150px;}
.sub01_1_sct1 .img_box{position: relative;height: 400px;margin-top: 80px;background: url(/html/img/sub01_1_img01.jpg) no-repeat center/cover;border-radius: 30px;}
.sub01_1_sct1 .img_box img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sub01_1_sct1 h4{font-size: 40px;font-weight: 700;color: #191919;text-align: center;line-height: 1.65;margin-top: 80px;}
.sub01_1_sct1 p{font-size: 18px;font-weight: 400;color: #555;line-height: 1.7;text-align: center;margin-top: 20px;}
.sub01_1_sct1 .sign{display: flex;gap: 10px;justify-content: right;align-items: center;max-width: 800px;margin: 40px auto 0;}
.sub01_1_sct1 .sign .desc{font-size: 18px;font-weight: 400;color: #555;}
.sub01_1_sct1 .sign .name{font-size: 42px;font-weight: 500;color: #333;}

@media screen and (max-width:1024px) {
  .sub01_1_sct1{padding-bottom: 100px;}
  .sub01_1_sct1 .img_box{height: 360px;margin-top: 60px;border-radius: 20px;}
  .sub01_1_sct1 .img_box img{max-width: 80%;}
  .sub01_1_sct1 h4{font-size: 32px;margin-top: 60px;}
  .sub01_1_sct1 p{font-size: 16px;margin-top: 16px;}
  .sub01_1_sct1 .sign{gap: 8px;margin: 20px auto 0;}
  .sub01_1_sct1 .sign .desc{font-size: 16px;}
  .sub01_1_sct1 .sign .name{font-size: 36px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct1{padding-bottom: 80px;}
  .sub01_1_sct1 .img_box{height: 240px;margin-top: 40px;}
  .sub01_1_sct1 h4{font-size: 20px;margin-top: 40px;}
  .sub01_1_sct1 p br.pc{display: none;}
}
@media screen and (max-width:360px) {
  .sub01_1_sct1 .img_box{height: 200px;}
  .sub01_1_sct1 h4 br{display: none;}
}

.sub01_1_sct2{padding-bottom: 150px;}
.sub01_1_sct2 .inner{border-top: #D9D9D9 solid 1px;}
.sub01_1_sct2 .business{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 80px;}
.sub01_1_sct2 .business > li{width: calc(50% - 20px);border-radius: 30px;padding: 65px 60px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.sub01_1_sct2 .business > li.con1{background-image: url(/html/img/sub01_1_img02.jpg);}
.sub01_1_sct2 .business > li.con2{background-image: url(/html/img/sub01_1_img03.jpg);}
.sub01_1_sct2 .business > li.con3{background-image: url(/html/img/sub01_1_img04.jpg);}
.sub01_1_sct2 .business > li.con4{background-image: url(/html/img/sub01_1_img05.jpg);}
.sub01_1_sct2 .business > li h4{font-size: 18px;font-weight: 700;color: #fff;}
.sub01_1_sct2 .business > li .detail{margin-top: 10px;}
.sub01_1_sct2 .business > li .detail > li{font-size: 18px;font-weight: 400;color: #fff;line-height: 1.7;}

@media screen and (max-width:1024px) {
  .sub01_1_sct2{padding-bottom: 100px;}
  .sub01_1_sct2 .business{gap: 20px;margin-top: 60px;}
  .sub01_1_sct2 .business > li{width: calc(50% - 10px);border-radius: 20px;padding: 40px 30px;}
  .sub01_1_sct2 .business > li h4{font-size: 16px;}
  .sub01_1_sct2 .business > li .detail{margin-top: 8px;}
  .sub01_1_sct2 .business > li .detail > li{font-size: 16px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct2{padding-bottom: 80px;}
  .sub01_1_sct2 .business{gap: 16px;margin-top: 40px;}
  .sub01_1_sct2 .business > li{width: 100%;border-radius: 10px;padding: 30px 20px;}
}

.sub01_1_sct3{padding-bottom: 150px;background: url(/html/img/sub01_1_img06.jpg) no-repeat center/cover;}
.sub01_1_sct3 h3.sub_tit{color: #fff;}
.sub01_1_sct3 .sub_txt{font-size: 18px;font-weight: 400;color: #fff;text-align: center;line-height: 1.7;margin-top: 20px;}
.sub01_1_sct3 .tech{display: flex;gap: 40px;justify-content: center;flex-wrap: wrap;margin-top: 80px;}
.sub01_1_sct3 .tech > li{max-width: 258px;width: calc(33.333% - (80px / 3));padding: 40px 20px 50px;border-radius: 20px;background-color: rgba(255, 255, 255, 0.2);backdrop-filter: blur(15px);}
.sub01_1_sct3 .tech > li .img_box{text-align: center;}
.sub01_1_sct3 .tech > li h4{font-size: 16px;font-weight: 700;color: #fff;text-align: center;margin-top: 18px;}

@media screen and (max-width:1024px) {
  .sub01_1_sct3{padding-bottom: 100px;}
  .sub01_1_sct3 .sub_txt{font-size: 16px;margin-top: 16px;}
  .sub01_1_sct3 .sub_txt br{display: none;}
  .sub01_1_sct3 .tech{gap: 20px;margin-top: 60px;}
  .sub01_1_sct3 .tech > li{width: calc(33.333% - (40px / 3));padding: 30px 20px 40px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct3{padding-bottom: 80px;}
  .sub01_1_sct3 .tech{margin-top: 40px;}
  .sub01_1_sct3 .tech > li{width: calc(50% - 10px);padding: 16px;}
  .sub01_1_sct3 .tech > li h4{margin-top: 0;}
}
@media screen and (max-width:360px) {
  .sub01_1_sct3 .tech > li{width: 100%;}
}







/* sub01_2 회사연혁 */
.sub01_2_sct1{padding-bottom: 200px;}
.sub01_2_sct1 .history_list{margin-top: 80px;}
.sub01_2_sct1 .history_list > li{display: flex;gap: 20px;flex-wrap: wrap;}
.sub01_2_sct1 .history_list > li:nth-child(n + 2){margin-top: 60px;}
.sub01_2_sct1 .history_list > li .year{display: inline-block;width: 220px;font-size: 65px;font-weight: 900;color: #77B146;}
.sub01_2_sct1 .history_list > li .detail{width: calc(100% - 240px);}
.sub01_2_sct1 .history_list > li .detail > li{display: flex;gap: 60px;margin-top: 25px;}
.sub01_2_sct1 .history_list > li .detail > li .month{display: inline-block;width: 25px;font-size: 18px;font-weight: 600;color: #333;line-height: 1.5;}
.sub01_2_sct1 .history_list > li .detail > li .con{display: inline-block;width: calc(100% - 85px);font-size: 18px;font-weight: 400;color: #333;line-height: 1.5;}

@media screen and (max-width:1024px) {
  .sub01_2_sct1{padding-bottom: 120px;}
  .sub01_2_sct1 .history_list{margin-top: 60px;}
  .sub01_2_sct1 .history_list > li:nth-child(n + 2){margin-top: 20px;}
  .sub01_2_sct1 .history_list > li .year{width: 100%;font-size: 40px;}
  .sub01_2_sct1 .history_list > li .detail{width: 100%;}
  .sub01_2_sct1 .history_list > li .detail > li{gap: 40px;margin-top: 0;}
  .sub01_2_sct1 .history_list > li .detail > li:nth-child(n + 2){margin-top: 20px;}
  .sub01_2_sct1 .history_list > li .detail > li .con{width: calc(100% - 65px);}
}
@media screen and (max-width:768px) {
  .sub01_2_sct1{padding-bottom: 80px;}
  .sub01_2_sct1 .history_list{margin-top: 40px;}
  .sub01_2_sct1 .history_list > li .year{font-size: 36px;}
  .sub01_2_sct1 .history_list > li .detail > li{gap: 16px;}
  .sub01_2_sct1 .history_list > li .detail > li:nth-child(n + 2){margin-top: 16px;}
  .sub01_2_sct1 .history_list > li .detail > li .month{width: 22px;font-size: 16px;}
  .sub01_2_sct1 .history_list > li .detail > li .con{width: calc(100% - 38px);font-size: 16px;}
}









/* sub01_3 특허 및 인증 */
.cert_list{padding-bottom: 200px;}

@media screen and (max-width:1024px) {
  .cert_list{padding-bottom: 120px;}
}
@media screen and (max-width:768px) {
  .cert_list{padding-bottom: 80px;}
}








/* sub01_4 오시는길 */
.sub01_4_sct1{padding-bottom: 200px;}
.sub01_4_sct1 .map_box{height: 500px;margin-top: 80px;}
.sub01_4_sct1 .map_box .wrap_map{height: 100%;}
.sub01_4_sct1 .map_box .root_daum_roughmap{width:100% !important;height: 100% !important;}
.sub01_4_sct1 .map_box .map{width: 100%;height: 500px;}
.sub01_4_sct1 .map_box .map_border{display: none;}
.sub01_4_sct1 .contact_info{margin-top: 20px;}
.sub01_4_sct1 .contact_info > li{display: flex;gap: 80px;flex-wrap: wrap;padding: 24px 0;border-bottom: #EDEDED solid 1px;}
.sub01_4_sct1 .contact_info > li .tit{display: inline-block;width: 100px;font-size: 22px;font-weight: 700;color: #333;}
.sub01_4_sct1 .contact_info > li .desc{display: inline-block;width: calc(100% - 180px);font-size: 22px;font-weight: 400;color: #333;}

@media screen and (max-width:1024px) {
  .sub01_4_sct1{padding-bottom: 120px;}
  .sub01_4_sct1 .map_box{height: 320px;margin-top: 60px;}
  .sub01_4_sct1 .map_box .map{height: 320px;}
  .sub01_4_sct1 .contact_info > li{padding: 20px 0;}
  .sub01_4_sct1 .contact_info > li .tit, 
  .sub01_4_sct1 .contact_info > li .desc{font-size: 18px;}
}
@media screen and (max-width:768px) {
  .sub01_4_sct1{padding-bottom: 80px;}
  .sub01_4_sct1 .map_box{height: 240px;margin-top: 40px;}
  .sub01_4_sct1 .map_box .map{height: 240px;}
  .sub01_4_sct1 .contact_info{margin-top: 16px;}
  .sub01_4_sct1 .contact_info > li{gap: 20px;padding: 16px 0;}
  .sub01_4_sct1 .contact_info > li .tit{width: 60px;font-size: 16px;}
  .sub01_4_sct1 .contact_info > li .desc{width: calc(100% - 80px);font-size: 16px;}
}
@media screen and (max-width:320px) {
  .sub01_4_sct1 .contact_info > li{gap: 8px;}
  .sub01_4_sct1 .contact_info > li .tit, 
  .sub01_4_sct1 .contact_info > li .desc{width: 100%;}
}









/* sub02 제품소개 */
.pd_list{padding-bottom: 200px;}
#bo_cate_ul > li:first-child{display: none;}

@media screen and (max-width:1024px) {
  .pd_list{padding-bottom: 120px;}
}
@media screen and (max-width:768px) {
  .pd_list{padding-bottom: 80px;}
}