@charset "UTF-8";

.sub_wrap{padding-bottom: 250px;}
h2.sub_top_tit{font-size: 60px;font-weight: 700;color: #191919;text-align: center;margin-top: 105px;}

@media screen and (max-width: 1024px){
  h2.sub_top_tit{font-size: 36px;margin-top: 80px;}
  .sub_wrap{padding-bottom: 150px;}
}
@media screen and (max-width: 768px){
  h2.sub_top_tit{font-size: 32px;margin-top: 60px;}
  .sub_wrap{padding-bottom: 120px;}
}




/* 회사소개 sub01_1 */
.sub01_1_sct1 .top_img{margin-top: 90px;}
.sub01_1_sct1 .intro{font-size: 24px;font-weight: 400;color: #191919;text-align: center;line-height: 1.5;margin-top: 90px;}
.sub01_1_sct1 .graph_img{text-align: center;margin-top: 60px;}

@media screen and (max-width: 1024px){
  .sub01_1_sct1 .top_img{margin-top: 40px;}
  .sub01_1_sct1 .top_img img.mobile{max-width: 640px;width: 100%;margin: 0 auto;}
  .sub01_1_sct1 .intro{font-size: 20px;margin-top: 60px;}
  .sub01_1_sct1 .graph_img{margin-top: 40px;}
  .sub01_1_sct1 .graph_img img{max-width: 480px;width: 100%;margin: 0 auto;}
}
@media screen and (max-width: 768px){
  .sub01_1_sct1 .intro{font-size: 18px;margin-top: 40px;}
  .sub01_1_sct1 .intro br{display: none;}
}

.sub01_1_sct2 .desc{font-size: 24px;font-weight: 400;color: #191919;line-height: 1.5;text-align: center;margin-top: 60px;}
.sub01_1_sct2 .desc b{font-weight: 700;}
.sub01_1_sct2 .merit{display: flex;flex-wrap: wrap;margin-top: 60px;border-radius: 999px;overflow: hidden;}
.sub01_1_sct2 .merit > li{position: relative;width: 25%;font-size: 24px;font-weight: 500;color: #fff;text-align: center;padding: 20px;}
.sub01_1_sct2 .merit > li.con1{background-color: rgba(221, 189, 155, 0.8);}
.sub01_1_sct2 .merit > li.con2{background-color: rgba(195, 153, 107, 0.8);}
.sub01_1_sct2 .merit > li.con3{background-color: rgba(166, 124, 93, 0.8);}
.sub01_1_sct2 .merit > li.con4{background-color: rgba(153, 110, 82, 0.8);}
.sub01_1_sct2 .merit > li:nth-child(n + 2)::before{content: '+';position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;height: 100%;aspect-ratio: 1 / 1;transform: translateX(-50%);border-radius: 50%;font-size: 33px;font-weight: 500;color: #fff;}
.sub01_1_sct2 .merit > li.con2::before{background-color: rgb(186, 141, 103);}
.sub01_1_sct2 .merit > li.con3::before{background-color: rgb(153, 110, 82);}
.sub01_1_sct2 .merit > li.con4::before{background-color: rgb(131, 93, 75);}
.sub01_1_sct2 .place{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;margin-top: 60px;}
.sub01_1_sct2 .place > li{width: calc(33.333% - (40px / 3));max-width: 220px;padding: 46px 20px;border: #D1D1D1 solid 1px;border-radius: 20px;}
.sub01_1_sct2 .place > li .img_box{text-align: center;}
.sub01_1_sct2 .place > li h3{font-size: 20px;font-weight: 700;color: #565656;text-align: center;margin-top: 16px;}

@media screen and (max-width: 1024px){
  .sub01_1_sct2 .desc{font-size: 20px;margin-top: 40px;}
  .sub01_1_sct2 .merit{margin-top: 40px;}
  .sub01_1_sct2 .merit > li{font-size: 20px;padding: 20px;}
  .sub01_1_sct2 .merit > li:nth-child(n + 2)::before{font-size: 24px;}
  .sub01_1_sct2 .place{margin-top: 40px;}
  .sub01_1_sct2 .place > li{padding: 30px 20px;}
  .sub01_1_sct2 .place > li h3{font-size: 18px;margin-top: 12px;}  
}
@media screen and (max-width: 768px){
  .sub01_1_sct2 .desc{font-size: 18px;}
  .sub01_1_sct2 .merit{gap: 10px;border-radius: unset;}
  .sub01_1_sct2 .merit > li{width: 100%;font-size: 18px;padding: 16px;border-radius: 999px;}
  .sub01_1_sct2 .merit > li:nth-child(n + 2)::before{top: -5px;left: 50%;width: 30px;height: 30px;font-size: 20px;line-height: 1;transform: translate(-50%, -50%);}
  .sub01_1_sct2 .place{gap: 10px;}
  .sub01_1_sct2 .place > li{width: calc(33.333% - (20px / 3));min-width: 98px;padding: 20px 16px;}
  .sub01_1_sct2 .place > li h3{font-size: 16px;margin-top: 10px;}  
}





/* 연혁 sub01_2 */
.sub01_2_sct1{margin-top: 90px;}
.sub01_2_sct1 .history_wrap{display: flex;justify-content: space-between;margin-top: 90px;/* height: 1000px; */}
.sub01_2_sct1 .history_wrap h3{font-size: 60px;font-weight: 700;color: #191919;}
.sub01_2_sct1 .history_wrap h3 .utile{font-size: 66px;}
.sub01_2_sct1 .history_wrap h3 .brown1{font-size: 70px;color: #743A0A;}
.sub01_2_sct1 .history_wrap h3 .brown2{font-size: 70px;color: #C3996B;}
.sub01_2_sct1 .history_wrap > .txt_box{width: 55.55%;}
.sub01_2_sct1 .history_wrap > .txt_box > .img_box{display: none;}
.sub01_2_sct1 .history_wrap > .img_box{align-self: flex-start;position: -webkit-sticky;position: sticky;top: 130px;width: 36.94%;}

.sub01_2_sct1 .history_wrap .history{margin-top: 90px;}
.sub01_2_sct1 .history_wrap .history > li{display: flex;gap: 40px;flex-wrap: wrap;}
.sub01_2_sct1 .history_wrap .history > li:nth-child(n + 2){margin-top: 90px;}
.sub01_2_sct1 .history_wrap .history > li .year{display: inline-block;width: 155px;font-size: 60px;font-weight: 700;color: #191919;}
.sub01_2_sct1 .history_wrap .history > li .detail{width: calc(100% - 195px);margin-top: 20px;}
.sub01_2_sct1 .history_wrap .history > li .detail > li{position: relative;font-size: 24px;font-weight: 400;color: #191919;line-height: 1.5;padding-left: 12px;}
.sub01_2_sct1 .history_wrap .history > li .detail > li:nth-child(n + 2){margin-top: 12px;}
.sub01_2_sct1 .history_wrap .history > li .detail > li::before{content: '';position: absolute;top: 15px;left: 0;width: 6px;height: 6px;background-color: #C3996B;border-radius: 50%;}

@media screen and (max-width: 1024px){
  .sub01_2_sct1{margin-top: 60px;}
  .sub01_2_sct1 .history_wrap{margin-top: 60px;}
  .sub01_2_sct1 .history_wrap h3{font-size: 36px;}
  .sub01_2_sct1 .history_wrap h3 .utile{font-size: 42px;}
  .sub01_2_sct1 .history_wrap h3 .brown1{font-size: 46px;}
  .sub01_2_sct1 .history_wrap h3 .brown2{font-size: 46px;}
  .sub01_2_sct1 .history_wrap > .txt_box{width: 55.55%;}
  .sub01_2_sct1 .history_wrap > .img_box{width: 36.94%;}
  
  .sub01_2_sct1 .history_wrap .history{margin-top: 60px;}
  .sub01_2_sct1 .history_wrap .history > li{gap: 20px;}
  .sub01_2_sct1 .history_wrap .history > li:nth-child(n + 2){margin-top: 60px;}
  .sub01_2_sct1 .history_wrap .history > li .year{width: 90px;font-size: 36px;}
  .sub01_2_sct1 .history_wrap .history > li .detail{width: calc(100% - 110px);margin-top: 10px;}
  .sub01_2_sct1 .history_wrap .history > li .detail > li{font-size: 18px;}
  .sub01_2_sct1 .history_wrap .history > li .detail > li::before{top: 10px;}
}
@media screen and (max-width: 768px){
  .sub01_2_sct1{margin-top: 40px;}
  .sub01_2_sct1 .history_wrap{margin-top: 40px;}
  .sub01_2_sct1 .history_wrap h3{font-size: 24px;}
  .sub01_2_sct1 .history_wrap h3 .utile{font-size: 26px;}
  .sub01_2_sct1 .history_wrap h3 .brown1{font-size: 28px;}
  .sub01_2_sct1 .history_wrap h3 .brown2{font-size: 28px;}
  .sub01_2_sct1 .history_wrap > .txt_box{width: 100%;}
  .sub01_2_sct1 .history_wrap > .txt_box > .img_box{display: block;text-align: center;margin-top: 20px;}
  .sub01_2_sct1 .history_wrap > .txt_box > .img_box img{width: 60%;}
  .sub01_2_sct1 .history_wrap > .img_box{display: none;}
  
  .sub01_2_sct1 .history_wrap .history{margin-top: 40px;}
  .sub01_2_sct1 .history_wrap .history > li{gap: 10px;}
  .sub01_2_sct1 .history_wrap .history > li:nth-child(n + 2){margin-top: 40px;}
  .sub01_2_sct1 .history_wrap .history > li .year{width: 100%;font-size: 24px;}
  .sub01_2_sct1 .history_wrap .history > li .detail{width: 100%;}
  .sub01_2_sct1 .history_wrap .history > li .detail > li{font-size: 16px;}
  .sub01_2_sct1 .history_wrap .history > li .detail > li::before{width: 5px;height: 5px;top: 10px;}
}



/* 비전 sub01_3 */
.sub01_3_sct1 .vision_list{margin-top: 90px;}
.sub01_3_sct1 .vision_list > li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub01_3_sct1 .vision_list > li:nth-child(n + 2){margin-top: 90px;}
.sub01_3_sct1 .vision_list > li:nth-child(2n){flex-direction: row-reverse;}
.sub01_3_sct1 .vision_list > li .img_box,
.sub01_3_sct1 .vision_list > li .txt_box{width: 45.13%;}

.sub01_3_sct1 .vision_list > li .img_box{border-radius: 30px;overflow: hidden;}
.sub01_3_sct1 .vision_list > li .img_box img{width: 650px;max-width: unset;object-fit: cover;}
.sub01_3_sct1 .vision_list > li .txt_box{display: flex;flex-direction: column;justify-content: space-between;}
.sub01_3_sct1 .vision_list > li .txt_box .eng{display: inline-block;font-size: 40px;font-weight: 700;color: #C3996B;}
.sub01_3_sct1 .vision_list > li .txt_box .desc h3{font-size: 44px;font-weight: 700;color: #1F2732;margin-top: 40px;}
.sub01_3_sct1 .vision_list > li .txt_box .desc p{font-size: 24px;font-weight: 400;color: #565656;line-height: 1.5;margin-top: 20px;}

@media screen and (max-width: 1024px){
  .sub01_3_sct1 .vision_list{margin-top: 60px;}
  .sub01_3_sct1 .vision_list > li:nth-child(n + 2){margin-top: 60px;}
  .sub01_3_sct1 .vision_list > li .img_box,
  .sub01_3_sct1 .vision_list > li .txt_box{width: 48%;}

  .sub01_3_sct1 .vision_list > li .img_box{border-radius: 20px;}
  .sub01_3_sct1 .vision_list > li .img_box img{width: 480px;}
  .sub01_3_sct1 .vision_list > li .txt_box .eng{font-size: 28px;}
  .sub01_3_sct1 .vision_list > li .txt_box .desc .icon img{width: 100px;}
  .sub01_3_sct1 .vision_list > li .txt_box .desc h3{font-size: 36px;margin-top: 20px;}
  .sub01_3_sct1 .vision_list > li .txt_box .desc p{font-size: 18px;margin-top: 10px;}
}
@media screen and (max-width: 768px){
  .sub01_3_sct1 .vision_list{margin-top: 40px;}
  .sub01_3_sct1 .vision_list > li{gap: 20px;}
  .sub01_3_sct1 .vision_list > li:nth-child(n + 2){margin-top: 40px;}
  .sub01_3_sct1 .vision_list > li .img_box,
  .sub01_3_sct1 .vision_list > li .txt_box{width: 100%;}

  .sub01_3_sct1 .vision_list > li .img_box{height: 200px;}
  .sub01_3_sct1 .vision_list > li .img_box img{width: 100%;}
  .sub01_3_sct1 .vision_list > li .txt_box .eng{font-size: 20px;}
  .sub01_3_sct1 .vision_list > li .txt_box .desc .icon{margin-top: 20px;}
  .sub01_3_sct1 .vision_list > li .txt_box .desc .icon img{width: 60px;}
  .sub01_3_sct1 .vision_list > li .txt_box .desc h3{font-size: 24px;}
  .sub01_3_sct1 .vision_list > li .txt_box .desc p{font-size: 16px;}
}



/* 오시는길 sub01_5 */
.sub01_5_sct1 .map_box{width: 100%;height: 450px;margin-top: 90px;}
.sub01_5_sct1 .map_box .wrap_map{height: 100%;}
.sub01_5_sct1 .map_box .root_daum_roughmap{width:100% !important;height: 100% !important;}
.sub01_5_sct1 .map_box .map{width: 100%;height: 450px;}
.sub01_5_sct1 .map_box .map_border{display: none;}

.sub01_5_sct1 h3{font-size: 42px;font-weight: 700;color: #2A2829;margin-top: 90px;}
.sub01_5_sct1 .way_info{padding: 50px 0;border-bottom: #CCCCCC solid 1px;}
.sub01_5_sct1 .way_info > li{display: flex;gap: 50px;flex-wrap: wrap;}
.sub01_5_sct1 .way_info > li:nth-child(n + 2){margin-top: 50px;}
.sub01_5_sct1 .way_info > li .icon{width: 132px;}
.sub01_5_sct1 .way_info > li .detail{width: calc(100% - 182px);margin-top: 16px;}
.sub01_5_sct1 .way_info > li .detail > li{display: flex;gap: 40px;flex-wrap: wrap;}
.sub01_5_sct1 .way_info > li .detail > li:nth-child(n + 2){margin-top: 20px;}
.sub01_5_sct1 .way_info > li .detail > li .tit{display: inline-block;width: 102px;font-size: 30px;font-weight: 600;color: #2A2829;}
.sub01_5_sct1 .way_info > li .detail > li p{width: calc(100% - 142px);font-size: 30px;font-weight: 400;color: #2A2829;}
.sub01_5_sct1 .way_info > li .detail > li.email p{word-break: break-all;}
.sub01_5_sct1 .way_info > li .detail h4{font-size: 30px;font-weight: 600;color: #2A2829;}
.sub01_5_sct1 .way_info > li .detail > p{display: flex;gap: 10px;align-items: start;font-size: 30px;font-weight: 400;color: #2A2829;margin-top: 20px;}
.sub01_5_sct1 .way_info > li .detail .bus{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 12px;}
.sub01_5_sct1 .way_info > li .detail .bus > li{font-size: 18px;font-weight: 700;color: #fff;padding: 3px 15px;border-radius: 999px;}
.sub01_5_sct1 .way_info > li .detail .bus > li.blue{background-color: #3567DC;}
.sub01_5_sct1 .way_info > li .detail .bus > li.green{background-color: #3CC344;}
.sub01_5_sct1 .way_info > li .detail .bus > li.yellow{background-color: #E47E34;}

@media screen and (max-width: 1024px){
  .sub01_5_sct1 .map_box{height: 300px;margin-top: 60px;}
  .sub01_5_sct1 .map_box .map{height: 300px;}

  .sub01_5_sct1 h3{font-size: 32px;margin-top: 60px;}
  .sub01_5_sct1 .way_info{padding: 30px 0;}
  .sub01_5_sct1 .way_info > li{gap: 30px;}
  .sub01_5_sct1 .way_info > li:nth-child(n + 2){margin-top: 30px;}
  .sub01_5_sct1 .way_info > li .icon{width: 120px;}
  .sub01_5_sct1 .way_info > li .detail{width: calc(100% - 150px);margin-top: 12px;}
  .sub01_5_sct1 .way_info > li .detail > li{gap:20px;}
  .sub01_5_sct1 .way_info > li .detail > li:nth-child(n + 2){margin-top: 16px;}
  .sub01_5_sct1 .way_info > li .detail > li .tit{width: 82px;font-size: 24px;}
  .sub01_5_sct1 .way_info > li .detail > li p{width: calc(100% - 102px);font-size: 24px;}
  .sub01_5_sct1 .way_info > li .detail h4{font-size: 24px;}
  .sub01_5_sct1 .way_info > li .detail > p{font-size: 24px;margin-top: 16px;}
  .sub01_5_sct1 .way_info > li .detail .bus{margin-top: 10px;}
  .sub01_5_sct1 .way_info > li .detail .bus > li{font-size: 16px;}
}
@media screen and (max-width: 768px){
  .sub01_5_sct1 .map_box{height: 240px;margin-top: 40px;}
  .sub01_5_sct1 .map_box .map{height: 240px;}

  .sub01_5_sct1 h3{font-size: 24px;margin-top: 40px;}
  .sub01_5_sct1 .way_info{padding: 20px 0;}
  .sub01_5_sct1 .way_info > li{gap: 20px;}
  .sub01_5_sct1 .way_info > li:nth-child(n + 2){margin-top: 30px;}
  .sub01_5_sct1 .way_info > li .icon{width: 100%;}
  .sub01_5_sct1 .way_info > li .icon img{width: 90px;}
  .sub01_5_sct1 .way_info > li .detail{width: 100%;margin-top: 0;}
  .sub01_5_sct1 .way_info > li .detail > li{gap:20px;}
  .sub01_5_sct1 .way_info > li .detail > li:nth-child(n + 2){margin-top: 12px;}
  .sub01_5_sct1 .way_info > li .detail > li .tit{width: 62px;font-size: 20px;}
  .sub01_5_sct1 .way_info > li .detail > li p{width: calc(100% - 82px);font-size: 18px;}
  .sub01_5_sct1 .way_info > li .detail h4{font-size: 20px;}
  .sub01_5_sct1 .way_info > li .detail > p{font-size: 18px;margin-top: 12px;}
  .sub01_5_sct1 .way_info > li .detail > p img{width: 30px;}
  .sub01_5_sct1 .way_info > li .detail > p span{margin-top: 3px;}
  .sub01_5_sct1 .way_info > li .detail .bus > li{font-size: 16px;}
}



/* 사업영역 sub02_1 */
.sub02_1_sct1 .business{display: flex;gap: 36px 0;justify-content: space-between;flex-wrap: wrap;margin-top: 90px;}
.sub02_1_sct1 .business > li{position: relative;width: 31.66%;height: 536px;border-radius: 30px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;}
.sub02_1_sct1 .business > li.con1{background-image: url(/html/img/sub02_1_img01.png);}
.sub02_1_sct1 .business > li.con2{background-image: url(/html/img/sub02_1_img02.png);}
.sub02_1_sct1 .business > li.con3{background-image: url(/html/img/sub02_1_img03.png);}
.sub02_1_sct1 .business > li.con4{background-image: url(/html/img/sub02_1_img04.png);}
.sub02_1_sct1 .business > li.con5{background-image: url(/html/img/sub02_1_img05.png);}
.sub02_1_sct1 .business > li.con6{background-image: url(/html/img/sub02_1_img06.png);}
.sub02_1_sct1 .business > li::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 32.8%;background: linear-gradient(181deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);opacity: 0.5;transition: opacity 0.3s;}
.sub02_1_sct1 .business > li .con_box{position: relative;top: 360px;display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;padding: 50px 40px;transition: top 0.3s, background-color 0.3s;}
.sub02_1_sct1 .business > li .con_box .top .num{display: inline-block;font-size: 20px;font-weight: 600;color: #fff;padding: 4px 12px;background-color: rgba(255, 255, 255, 0.2);border-radius: 999px;}
.sub02_1_sct1 .business > li .con_box .top h3{display: flex;gap: 12px;align-items: center;font-size: 28px;font-weight: 600;color: #fff;margin-top: 12px;}
.sub02_1_sct1 .business > li .con_box .bottom{margin-top: 20px;padding-top: 40px;border-top: rgba(217, 217, 217, 0.4) solid 1px;}
.sub02_1_sct1 .business > li .con_box .bottom p{font-size: 20px;font-weight: 400;color: #fff;line-height: 1.25;}

.sub02_1_sct1 .business > li:hover::before{opacity: 0;}
.sub02_1_sct1 .business > li:hover .con_box{top: 0;background-color: rgba(0, 0, 0, 0.5);}

@media screen and (max-width: 1024px){
  .sub02_1_sct1 .business{gap: 20px 0;margin-top: 60px;}
  .sub02_1_sct1 .business > li{width: 48.5%;height: 360px;}
  .sub02_1_sct1 .business > li::before{display: none;}
  .sub02_1_sct1 .business > li .con_box{top: 0;padding: 40px 30px;background-color: rgba(0, 0, 0, 0.5);}
  .sub02_1_sct1 .business > li .con_box .top .num{font-size: 18px;padding: 3px 10px;}
  .sub02_1_sct1 .business > li .con_box .top h3{gap: 10px;font-size: 22px;margin-top: 10px;}
  .sub02_1_sct1 .business > li .con_box .bottom{margin-top: 16px;padding-top: 30px;}
  .sub02_1_sct1 .business > li .con_box .bottom p{font-size: 18px;}
}
@media screen and (max-width: 768px){
  .sub02_1_sct1 .business{margin-top: 40px;}
  .sub02_1_sct1 .business > li{width: 100%;height: auto;min-height: 240px;border-radius: 20px;}
  .sub02_1_sct1 .business > li .con_box{padding: 30px 20px;}
  .sub02_1_sct1 .business > li .con_box .top .num{font-size: 16px;}
  .sub02_1_sct1 .business > li .con_box .top h3{font-size: 20px;}
  .sub02_1_sct1 .business > li .con_box .bottom{margin-top: 20px;padding-top: 20px;}
  .sub02_1_sct1 .business > li .con_box .bottom p{font-size: 16px;}
}