@charset "utf-8";

/*
  반응형 분기점

  1. 기준 해상도 : 1920 x 1080
  2. 노트북 해상도 : 1500
  3. 모바일 해상도(1) : 1024
  4. 모바일 해상도(2) : 480
  5. 모바일 해상도(3) : 320 이하 (갤럭시 폴드 접음)

  * 480 이하에서는 vw단위를 사용하면 유용함

  기본 텍스트 폰트
  font-family: 'SUIT';
  100, 200, 300, 400, 500, 600, 700, 800, 900

*/



/*************************************************
  서브공통
**************************************************/
.page_container {
  /* max-width: 1500px; */
  height: auto;
}
.pc {
  display: block;
}
.mo {
  display: none;
}
.page_content {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 1500px) {
  .page_content {
    padding: 0 10px;
  }
}
@media screen and (max-width: 1024px) {
  .pc {
    display: none;
  }
  .mo {
    display: block;
  }
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 320px) {

}
/*************************************************
  탭 스타일
**************************************************/
.tab {}


/*************************************************
  타이틀 영역 스타일
**************************************************/
.contitle {
  padding: 100px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contitle h3 {
  width: 80%;
}
.contitle h3 span {
  color: #3DAADF;
  font-size: 15px;
  font-weight: 400;
}
.contitle h3 strong {
  color: #000;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -1px;
}


.contitle .tit_img {
  width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow: hidden;
  margin: 70px 0;
}
.contitle .tit_img img {
  width: 100%;
}


.contitle p {
  width: 100%;
  max-width: 1260px;
  text-align: left;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 70px;
  color: #000;
  font-size: 17px;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .contitle {
    padding: 15vw 0 20px;
  }
  .contitle h3 span {
    font-size: 1rem;
  }
  .contitle h3 strong {
    font-size: 5vw;
  }

  .contitle .tit_img {
    width: 101vw;
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin: 5vw -1.5rem 5vw;
  }
  .contitle p {
    text-align: center;
    padding-bottom: 9vw;
    font-size: 2vw;
  }
}
@media screen and (max-width: 480px) {
  .contitle h3 strong {
    font-size: 4.5vw;
  }
  .contitle p {
    text-align: left;
    padding-bottom: 9vw;
    padding-left: 5vw;
    font-size: 4.5vw;
    word-break: keep-all;
  }
}

/*************************************************
  콘텐츠 레이아웃 영역 스타일
**************************************************/
.conlayout {
  width: 100%;
  max-width: 1260px;
  /* display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between; */
  margin: 70px auto;
  position: relative;
  padding: 0 0 0 650px;
}
.facility .conlayout {
  margin: 0 auto;
}
.conlayout .conlayout_left {
  position: absolute;
  left: 0;
  top: 0;
}
.conlayout .conlayout_left span {
  color: #000;
  font-size: 35px;
  font-weight: 600;
}
.conlayout .conlayout_left p {
  color: #3DAADF;
  font-size: 18px;
  font-weight: 700;
}

.conlayout .conlayout_right {
  width: 610px;
}
.facility .conlayout .conlayout_right {
  padding: 100px 0 0;
}
@media screen and (max-width: 1024px) {
  .facility .conlayout .conlayout_right {
    padding: 0;
  }
}
.conlayout .conlayout_right ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.conlayout .conlayout_right ul li {
  width: 100%;
  margin-bottom: 100px;
}

.conlayout .conlayout_right ul li .conlayout_right_img {
  width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow: hidden;
  margin-bottom: 20px;
}
.conlayout .conlayout_right ul li .conlayout_right_img img {
  width: 100%;
}
.conlayout .conlayout_right ul li span {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  word-break: keep-all;
}

.conlayout .conlayout_right ul li p {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  margin-top: 1rem;
  word-break: keep-all;
}

.smart .conlayout {
  margin: 70px auto 180px;
}

@media screen and (max-width: 1024px) {
  .conlayout {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 70px auto 0;
    padding: 0;
  }
  .smart .conlayout {
    margin: 40px auto 100px;
  }
  .conlayout .conlayout_left {
    width: 100%;
    position: relative;
  }
  .conlayout .conlayout_right {
    width: 100%;
    margin: 10vw 0;
  }
  .conlayout .conlayout_right ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .conlayout .conlayout_right ul li {
    width: 100%;
    margin-bottom: 7vw;
  }
  .conlayout .conlayout_right ul li span {
    font-size: 4vw;
  }
}
@media screen and (max-width: 480px) {
  .conlayout .conlayout_left span {
    font-size: 7vw;
  }
  .conlayout .conlayout_right ul li {
    width: 100%;
    margin-bottom: 13vw;
  }
  .conlayout .conlayout_right ul li span {
    font-size: 5vw;
    word-break: keep-all;
  }
  .conlayout .conlayout_right ul li span br {
    display: none;
  }
  .safety .conlayout .conlayout_right ul li p br {
    display: none;
  }
}


/*************************************************
  conlayout_bottom
**************************************************/

.conlayout_bottom {
  width: 80%;
  margin: 0 auto;
  padding: 150px 30px;
  border-top: 1px solid #E5E5E5;
}

.conlayout_bottom .conlayout_bottom_tit {
  width: 100%;

}
.conlayout_bottom .conlayout_bottom_tit span {
  color: #000;
  font-size: 40px;
  font-weight: 600;
}
.conlayout_bottom .conlayout_bottom_tit p {
  color: #000;
  font-size: 17px;
  font-weight: 500;
  margin-top: 30px;
}
.conlayout_bottom_img {
  width: 100%;
  margin-top: 50px;
}
.conlayout_bottom_img img{
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .conlayout_bottom {
    width: 90%;
    padding: 8vw 0;
  }
  .conlayout_bottom .conlayout_bottom_tit span {
    font-size: 4vw;
  }
  .conlayout_bottom .conlayout_bottom_tit p {
    margin-top: 2vw;
    font-size: 3vw;
    word-break: keep-all;
  }
}
@media screen and (max-width: 480px) {
  .conlayout_bottom {
    width: 100%;
    padding: 10vw 0;
  }
  .conlayout_bottom .conlayout_bottom_tit span {
    font-size: 6vw;
  }
  .conlayout_bottom .conlayout_bottom_tit p {
    font-size: 5vw;
  }
}

/*************************************************
  BUSINESS > 시설물유지보수
**************************************************/

/*************************************************
  BUSINESS > 안전진단전문기관
**************************************************/
.safety .conlayout .conlayout_right {
  border-bottom:1px solid #E5E5E5 ;
}
.safety .conlayout:last-child {
  margin-top: 120px;
}
.safety .safety2 .conlayout_right {
  border-bottom:none;
}
.safety .safety3 .conlayout_right {
  border-bottom:none;
}

@media screen and (max-width: 1024px) {
  .safety .contitle h3 strong {
    font-size: 4.2vw;
  }
  .safety .conlayout .conlayout_right {
    border-bottom:none;
  }
  .safety .conlayout .conlayout_right ul li {
    border-bottom:1px solid #E5E5E5 ;
  }
  .safety .conlayout .conlayout_right ul li p {
    margin: 1rem 0 2rem;
  }
  .safety .conlayout .conlayout_right ul li span {
    width: 100%;
    display: block;
    font-size: 6vw;
  }
  .safety .conlayout_bottom {
    border-top: none;
    padding-bottom: 25vw;
  }
}
@media screen and (max-width: 480px) {
  .safety .contitle h3 strong {
    font-size: 4vw;
  }
  .safety .contitle h3, .safety .contitle p {
    width: 90%;
  }
  .safety .conlayout_bottom {
    padding-bottom: 50vw;
  }
}
/*************************************************
  BUSINESS > 종합건설
**************************************************/
@media screen and (max-width: 1024px) {
  .general .conlayout .conlayout_right {
    margin-top: 15vw;
  }
  .general .conlayout .conlayout_left span {
    font-size: 4.5vw;
  }
}

/*************************************************
  PORTFOILIO
**************************************************/
.portfolio {
  max-width: 1260px;
  margin: 0 auto;
  padding: 5rem 1rem 10rem;
}

.portfolio .li_div .tab_title {
  width: 100%;
  text-align: center;
  padding: 6rem 0 4rem;
}
.portfolio .li_div .tab_title span {
  font-size: 28px;
  color: #000;
  font-weight: 700;
}
.portfolio .li_div .pot_tab2_con {
  width: 100%;
}
.portfolio .li_div .pot_tab2_con ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.portfolio .li_div .pot_tab2_con ul li:first-child{
  margin-left: 0;
}
.portfolio .li_div .pot_tab2_con ul li{
  width: 32%;
  height: 310px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 2rem;
  margin-left: 24.5px;
}
.portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img{
  width: 100%;
  height: 310px;
  position: relative;
  display: block;
}
.portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img img{
  width: 100%;
  height: auto;
  position: relative;
  transform: scale(1.03);
  transition: transform 0.5s ease;
  min-height: 310px;
}
.portfolio .li_div .pot_tab2_con ul li:hover a .pot_tab2_img img {
  transform: scale(1);
  transition: transform 0.5s ease;
}
.portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b{
  width: 100%;
  height: 90px;
  position: absolute;
  z-index: 10;
  background-color: #393939;
  bottom: -90px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.5rem;
  transition: bottom 0.5s ease;
}

.portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b span {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
}
.portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b p {
  font-size: 0.8rem;
  color: #fff;
  font-weight: 300;
}
.portfolio .li_div .pot_tab2_con ul li a:hover .pot_tab2_img .pot_tab2_img_b {
  bottom: 0;
  transition: bottom 0.5s ease;
}
.portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b .pot_tab2_img_b1 {
  width: 50%;
  display: block;
  }

.portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b .pot_tab2_img_b2 {
width: 18%;
height: 20px;
display: block;
}

.portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b .pot_tab2_img_b2 img {
  width: 100%;
  height: auto;
  min-height: 10px;
  transform: scale(1);
  }
  @media screen and (max-width: 1256px) {
    .portfolio .li_div .pot_tab2_con ul li{
      margin-left: 1.9vw;
    }
  }

@media screen and (max-width: 1024px) {
  .portfolio .li_div .pot_tab2_con ul li{
    width: 49%;
  }
  .portfolio .li_div .pot_tab2_con ul li:nth-child(odd) {
    margin-left:0;
  }
  .portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b {
    bottom:0;
    transition: none;
  }
  .portfolio .li_div .pot_tab2_con ul li a:hover .pot_tab2_img .pot_tab2_img_b {
    transition: none;
  }
  .portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img img{
    transform: scale(1);
    transition: none;
  }
  .portfolio .li_div .pot_tab2_con ul li:hover a .pot_tab2_img img {
    transform: scale(1);
    transition: none;
  }
  .portfolio  .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b span {
    font-size: 2.5vw;
  }
  .portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b p {
    font-size: 2vw;
  }
}
@media screen and (max-width: 542px) {
  .portfolio .li_div .pot_tab2_con ul li{
    width: 100%;
    margin-left: 0;
  }
  .portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b span {
    font-size: 4.2vw;
  }
  .portfolio .li_div .pot_tab2_con ul li a .pot_tab2_img .pot_tab2_img_b p {
    font-size: 4vw;
  }
}
/*************************************************
  RECRUIT > 채용절차
**************************************************/
.recruit {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 5rem;
}
.recruit .conlayout {
  width: 80%;
  display: flex;
  justify-content: space-between;
  padding: 0;
}
.recruit .conlayout .rec_con_left{
  width: 20%;
}
.recruit .conlayout .rec_con_left span {
  font-size: 2.5rem;
  color: #000;
  font-weight: 700;
}
.recruit .conlayout .rec_con_right{
  width: 80%;
}
.recruit .conlayout .rec_con_right img {
  float: right;
  width: 90%;
}


@media screen and (max-width: 1024px) {
  .recruit .conlayout {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .recruit .conlayout .rec_con_left{
    width: 100%;
  }
  .recruit .conlayout .rec_con_left span {
    font-size: 8vw;
    color: #000;
    font-weight: 700;
  }
  .recruit .conlayout .rec_con_right{
    width: 100%;
  }
  .recruit .conlayout .rec_con_right img {
    float: center;
    width: 100%;
    margin-bottom: 1rem;
  }
}






.recruit_con {
  width: 80%;
  margin-top: 10rem;
}
.recruit_con span {
  font-size: 2.5rem;
  color: #000;
  font-weight: 700;
}

.recruit_con_img {
  width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow: hidden;
  margin-top: 2rem;
}
.recruit_con_img img{
  width: 100%;
}
.recruit_con_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 4rem;
}
.recruit_con_bottom .recruit_con_left {
  width: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.recruit_con_left_1 {
  width: 20%;
  height: auto;
}
.recruit_con_left span {
  font-size: 1.3rem;
  color: #3DAADF;
  font-weight: 700;
  margin-left: 2.5rem;
}
.recruit_con_bottom .recruit_con_right {
  width: 80%;
  padding-left: 5rem;
}
.recruit_con_right_t {
  width: 100%;
  border-bottom: 1px solid #3DAADF;
  padding-bottom: 3rem;
}
.recruit_con_right_t span {
  font-size: 1rem;
  color: #000;
  font-weight: 400;
}
.recruit_con_right_b {
  width: 100%;
}
.recruit_con_right_b dl {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 3rem 0;
  border-bottom: 1px solid #E5E5E5;
}
.recruit_con_right_b dl dt {
  width: 30%;
  font-size: 1.2rem;
  color: #000;
  font-weight: 800;
}
.recruit_con_right_b dl dd {
  width: 70%;
  font-size: 1rem;
  color: #000;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .recruit_con {
    width: 100%;
    margin-top: 5rem;
  }
  .recruit_con span {
    font-size: 8vw;
  }
  .recruit_con_left_1 {
    width: 18%;
  }
  .recruit_con_left_1 img {
    width: 100%;
  }
  .recruit_con_bottom {
    flex-direction: column;
    margin-top: 2rem;
  }
  .recruit_con_bottom .recruit_con_left {
    width: 100%;
    padding: 0 0 1rem;
    flex-direction: column;
  }
  .recruit_con_left span {
    font-size: 6vw;
    margin-left: 0;
    margin-top: 1rem;
    font-weight: 800;
  }
  .recruit_con_right_t {
    text-align: center;
  }
  .recruit_con_right_t span {
    color: #3DAADF;
    font-weight: 500;
  }
  .recruit_con_bottom .recruit_con_right {
    width: 100%;
    padding-left: 0;
  }
  .recruit_con_right_t span {
    font-size: 4vw;
  }

  .recruit_con_img {
    width: 101vw;
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin: 2rem -1rem 0;
  }
  .recruit_con_right_b dl {
    flex-direction: column;
    padding: 1.5rem 0;
  }
  .recruit_con_right_b dl dt {
    width: 100%;
    font-size: 5vw;
  }
  .recruit_con_right_b dl dd {
    width: 100%;
    font-size: 4vw;
  }
}




/*************************************************
  RECRUIT > 인재상
**************************************************/
.rightPeople {
  width: 100%;
  padding: 8rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rightPeople_con1 {
  width: 100%;
  height: 1000px;
  overflow: hidden;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  background-image: url("/resources/img/sub/rightPeople_con1_bg.jpg");
  background-size: cover;
  background-position: center;
  padding: 0 9rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.rightPeople_con1_l {
  width: 40%;
  padding: 11.5rem 0;
}
.rightPeople_con1_l span {
  font-size: 3rem;
  color: #fff;
  font-weight: 700;
  line-height: 60px;
}
.rightPeople_con1_r {
  width: 55%;
  height: 90%;
  top:18%;
  position: relative;
}
.rightPeople_con1_r .rightPeople_con1_r_box {
  width: 48%;
  background-color: #fff;
  border-radius: 20px;
}
.rightPeople_con1_r .rightPeople_con1_r_box:nth-of-type(odd) {
  float: right;
}
.rightPeople_con1_r .rightPeople_con1_r_box:nth-of-type(even) {
  float: left;
  margin-top: 15rem;
}
.rightPeople_con1_r .rightPeople_con1_r_box:last-child {
  margin-top: 8rem;
}
.rightPeople_con1_r_txt {
  width: 100%;
  padding: 2rem;
}
.rightPeople_con1_r_txt span {
  color: #3DAADF;
  font-size: 1rem;
  font-weight: 300;
}
.rightPeople_con1_r_txt p {
  color: #000;
  font-size: 2rem;
  font-weight: 800;
  line-height: 40px;
  margin-top: 0.6rem;
}

.rightPeople_con1_r_icon {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 2rem;
}
/* /// rightPeople_con1 */





.rightPeople_con2 {
  width: 90%;
  padding: 8rem 0;
  margin-top: 8rem;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.rightPeople_con2_tit {
  width: 100%;
}
.rightPeople_con2_tit_txt {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.rightPeople_con2_tit_txt span {
  font-size: 2.5rem;
  font-weight: 700;
  color: #000;
  margin-right: 7rem;
  line-height: 3rem;
}
.rightPeople_con2_tit_txt p {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
}

.rightPeople_con2_tit_img {
  width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow: hidden;
  margin-top: 3rem;
}
.rightPeople_con2_tit_img img {
  width: 100%;
}





.rightPeople_con2_con {
  width: 100%;
}

.rp_con2_con1 {
  width: 100%;
}
.rp_con2_con1 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.rp_con2_con1 ul li {
  width: 47%;
  height: 100px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.5rem;
}
.rp_con2_con1 ul li .rp_li_img {
  width: 20%;
  height: 100%;
}
.rp_con2_con1 ul li .rp_li_img img {
  height: 100%;
  width: auto;
}
.rp_con2_con1 ul li .rp_li_txt {
  width: 80%;
  padding:  0 0 0 0.5rem;
}
.rp_con2_con1 ul li .rp_li_txt span {
  font-size: 1.2rem;
  color: #000;
  font-weight: 700;
}
.rp_con2_con1 ul li .rp_li_txt p {
  font-size: 1rem;
  color: #000;
  font-weight: 300;
  margin-top: 1rem;
  word-break: keep-all;
  line-height: 23px;
}
.rp_con2_con1 ul li .rp_li_txt_last {
  width: 80%;
  padding:  0 0 0 1rem;
}
.rp_con2_con1 ul li .rp_li_txt_last span {
  font-size: 1.2rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 0.7rem;
  display: block;
}
.rp_con2_con1 ul li .rp_li_txt_last p {
  font-size: 1rem;
  color: #000;
  font-weight: 300;
  margin-top: 0;
  word-break: keep-all;
  line-height: 21px;
  position: relative;
}
.rp_con2_con1 ul li .rp_li_txt_last p::before {
  content: "·";
  position: absolute;
  top: 0;
  left: -9px;
  font-size: 1rem;
  color: #000;
}

.rp_con2_con2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.5rem;
}
.rp_con2_con2_img {
  width: 10%;
  height: 100px;
}
.rp_con2_con2_img img {
  width: auto;
  height: 100%;
}

.rp_con2_con2_txt {
  width: 90%;
}
.rp_con2_con2_txt span {
  font-size: 1.2rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 0.7rem;
  display: block;
}
.rp_con2_con2_txt p {
  font-size: 1rem;
  color: #000;
  font-weight: 300;
  margin-top: 0;
  word-break: keep-all;
  line-height: 25px;
  position: relative;
}
.rp_con2_con2_txt p::before {
  content: "·";
  position: absolute;
  top: 0;
  left: -9px;
  font-size: 1rem;
  color: #000;
}

@media screen and (max-width: 1024px) {
  .rightPeople_con1 {
    height: auto;
  }
  .rightPeople_con2 {
    width: 100%;
    padding: 5rem 1rem;
  }

  .rightPeople_con1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0 2rem;
  }

  .rightPeople_con1_l {
    width: 100%;
    padding: 5rem 0 3rem;
  }
  .rightPeople_con1_l span {
    font-size: 6vw;
    line-height: 9vw;
  }
  .rightPeople_con1_r {
    width: 100%;
    height: 50%;
    padding: 0 0 3rem;
    top:1%;
  }
  .rightPeople_con1_r .rightPeople_con1_r_box:nth-of-type(odd) {
    float: left;
  }
  .rightPeople_con1_r .rightPeople_con1_r_box:nth-of-type(even) {
    float: right;
    margin-top: 15rem;
  }
  .rightPeople_con1_r .rightPeople_con1_r_box:last-child {
    margin-top: 8rem;
  }

  .rightPeople_con1_r_txt {
    padding: 2rem 2rem 0;
  }
  .rightPeople_con1_r_txt p  {
    font-size: 5vw;
    line-height: 7vw;
  }
  .rightPeople_con2_tit_txt {
    flex-direction: column;
  }
  .rightPeople_con2_tit_txt span {
    font-size: 9vw;
  }
  .rightPeople_con2_tit_txt p {
    font-size: 4vw;
    margin-top: 1rem;
  }
  .rightPeople_con2_tit_img {
    margin-top: 1.5rem;
  }
  .rp_con2_con1 ul {
    flex-direction: column;
  }
  .rp_con2_con1 ul li {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5vw;
  }
  .rp_con2_con1 ul li .rp_li_img {
    width: 20%;
    height: auto;
  }
  .rp_con2_con1 ul li .rp_li_img img {
    height: auto;
    width: 100%;
  }
  .rp_con2_con1 ul li .rp_li_txt {
    padding:  0 0 0 1rem;
  }
  .rp_con2_con1 ul li .rp_li_txt span {
    font-size: 4.5vw;
  }
  .rp_con2_con1 ul li .rp_li_txt p {
    font-size: 4vw;
    margin-top: 1vw;
    line-height: 6vw;
  }

  .rp_con2_con1 ul li .rp_li_txt_last span {
    font-size: 4.5vw;
    margin-bottom: 0.7rem;
  }
  .rp_con2_con1 ul li .rp_li_txt_last p {
    font-size: 4vw;
    line-height: 6vw;
  }

  .rp_con2_con2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.5rem;
  }
  .rp_con2_con2_img {
    width: 20%;
    height: auto;
  }
  .rp_con2_con2_img img {
    width: 100%;
    height: auto;
  }

  .rp_con2_con2_txt {
    width: 80%;
    padding:  0 0 0 1rem;
  }
  .rp_con2_con2_txt span {
    font-size: 4.5vw;
  }
  .rp_con2_con2_txt p {
    font-size: 4vw;
    line-height: 6.5vw;
  }
  .rightPeople_con1_r_icon img {
    width: 60%;
  }
  .rightPeople_con1_r .rightPeople_con1_r_box:last-child img {
    width: 60%;
  }
  .rightPeople_con1_r_icon {
    padding: 1rem 2rem 2rem;
  }
}

@media screen and (max-width: 480px) {
  .rightPeople_con1_r .rightPeople_con1_r_box {
    width: 100%;
  }
  .rightPeople_con1_r .rightPeople_con1_r_box:nth-of-type(even) {
    margin-top: 2rem;
  }
  .rightPeople_con1_r .rightPeople_con1_r_box:last-child {
    margin-top: 2rem;
  }
  .rightPeople_con1_r_txt p {
    font-size: 7vw;
    line-height: 9vw;
  }
}
/*************************************************
  ESG
**************************************************/
.esg .contitle h3 span {
  color: #75A311;
}

.esg_tab_con {
  width: 100%;
  padding: 3rem 0;
}

.esg_tab_con  .esg_tab_con_tit{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.esg_tab_con_tit h3 {
  font-size: 40px;
  color: #000;
  font-weight: 700;
  line-height: 100px;
}

.esg_tab_con_tit span {
  font-size: 18px;
  color: #000;
  font-weight: 300;
}
.esg_tab_con_layout {
  width: 100%;
  padding: 5rem 0;
  border-bottom: 1px solid #E5E5E5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.esg_tab_con_layout img {
  width: 100%;
  height: auto;
  margin: 1.5rem 0;
}
.esg_tab_con_layout_img_wrap {
  width: 100%;
  height: auto;
  padding: 2rem;
  border: 1px solid #E5E5E5;
  margin: 1.5rem 0;
}
.esg_tab_con_layout .esg_tab_con_layout_img_wrap span {
  font-size: 16px;
  color: #000;
  font-weight: 700;
}
.esg_tab_con_layout_img {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
}
.esg_tab_con_layout_img img {
  width: 32%;
  height: auto;
}
.esg_tab_con_layout_img3 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
}
.esg_tab_con_layout_img3 img {
  width: 20%;
  height: auto;
  margin: 0 1rem;
}
.esg_tab_con_layout span {
  font-size: 20px;
  color: #75A311;
  font-weight: 800;
}
.esg_tab_con_layout p {
  font-size: 15px;
  color: #000;
  font-weight: 400;
}
.esg_tab_con_layout_b {
  width: 100%;
  padding: 5rem 0;
}
.esg_tab_con_layout_b span {
  width: 100%;
  font-size: 20px;
  color: #75A311;
  font-weight: 800;
}
.esg_tab_con_layout_b_img {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.esg_tab_con_layout_b_img img {
  width: 32%;
  height: auto;
}
.esg_tab_con_layout_img4 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.esg_tab_con_layout_img4 img {
  width: 24%;
  height: auto;
}

.esg_tab_con_layout_img2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.esg_tab_con_layout_img2 img {
  width: 49.4%;
  height: auto;
}

.esg_tab_con_layout_b_img2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.esg_tab_con_layout_b_img2 img {
  width: 49%;
  height: auto;
}

@media screen and (max-width: 1024px) {
  .esg_tab_con_tit h3 {
    font-size: 8vw;
  }
  .esg_tab_con_tit span {
    font-size: 4.5vw;
  }
  .esg_tab_con_layout span {
    font-size: 5.5vw;
  }
  .esg_tab_con_layout .esg_tab_con_layout_img_wrap span {
    font-size: 4.5vw;
  }
  .esg_tab_con_layout_img_wrap {
    padding: 9vw;
  }
  .esg_tab_con_layout_img {
    flex-direction: column;
    margin-top: 0;
  }
  .esg_tab_con_layout_img img {
    width: 100%;
    margin: 0.5rem 0;
  }
  .esg_tab_con_layout p {
    font-size: 4vw;
  }
  .esg_tab_con_layout_img3 {
    margin-top: 0;
    flex-direction: column;
  }
  .esg_tab_con_layout_img3 img {
    width: 100%;
    margin: 0;
  }
  .esg_tab_con_layout_b_img {
    flex-direction: column;
    margin-top: 0.5rem;
  }
  .esg_tab_con_layout_b_img img {
    width: 100%;
    margin-top: 4vw;
  }

  .esg_tab_con_layout_img4 img {
    width: 48%;
    margin: 0.5rem 0.1rem;
  }
  .esg_tab_con_layout_img2 img {
    width: 100%;
    margin: 0.5rem 0;
  }
  .esg_tab_con_layout_b_img2 {
    flex-direction: column;
  }
  .esg_tab_con_layout_b_img2 img {
    width: 100%;
    margin: 0.5rem 0;
  }
}

/*************************************************
  COMPANY	> CEO 인사말
**************************************************/
.greetings {
  padding:0 0 200px;
}
.greetings .contitle {
  padding: 0 0 20px;
}

.greetings_con_wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.greetings_con_wrap .greetings_con_left {
  width: 40%;
}
.greetings_con_wrap .greetings_con_left span {
  font-size: 2.3rem;
  color: #000;
  font-weight: 800;
}
.greetings_con_wrap .greetings_con_left span strong {
  color:#3CA9DF;
}
.greetings_con_wrap .greetings_con_right {
  width: 40%;
  padding-bottom: 3rem;
  border-bottom: 1px solid #E5E5E5;
}
.greetings_con_wrap .greetings_con_right span {
  font-size: 1rem;
  color: #000;
  font-weight: 400;
}
.greetings_con_bottom {
  width: 80%;
  margin: 0 auto;
  padding: 30px 0;
  text-align: right;
}
.greetings_con_bottom span {
  font-size: 1rem;
  color: #000;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .greetings_con_wrap {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .greetings_con_wrap .greetings_con_left {
    width: 90%;
  }
  .greetings_con_wrap .greetings_con_left span {
    font-size: 8vw;
  }
  .greetings_con_wrap .greetings_con_right {
    width: 90%;
    padding: 3rem 0;
  }
  .greetings_con_bottom {
    width: 90%;
  }
}
/*************************************************
  COMPANY	> 연혁
**************************************************/
.history {
    position: relative;
    background: url("/resources/img/sub/history_bg.jpg") no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    z-index: 1;
}

.company_title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem;
  text-align: center;
}
.company_title h3 {
  font-size: 2rem;
  color: #000;
  font-weight: 800;
}
.history .inner { padding: 0 0 390px;}
.history .history_sec { padding: 290px 0 0; }

@media screen and (max-width: 1024px) {
  .history .inner { padding: 0 0 290px;}
  .history .history_sec { padding: 5vw 0 0; }
  .history .history_sec0 { padding: 30vw 0 0;}
}

.history .history_sec .history_thumb {opacity: 0; transform: translateY(100px); transition: all 0.7s ease-in-out;}
.history .history_sec .con_inner {
  width:100%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  position: relative;
  flex-direction: column;
}

.history .history_sec .history_data dl {color: #fff; padding: 0 0 5rem;}
.history .history_sec .history_data dt {font-weight: 600; font-family: "Roboto", sans-serif;  font-size: 80px;}
.history .history_sec .history_data dd {font-size: 30px; font-weight: 500; letter-spacing: -1px; word-break: keep-all;}

.history .history_sec .history_data dd p { display: flex; }
.history .history_sec .history_data dd span { width: 40px; }
.history .history_sec .history_data dd strong { font-weight: 800; width: calc(100% - 40px);}


.history .history_sec .history_thumb {text-align: right; position: relative; padding: 0 0 3rem;}
.history .history_sec .history_thumb .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.history .history_sec .history_thumb .swiper-pagination span { margin: 0 3px; }
.history .history_sec .history_thumb .swiper-pagination-bullet { background: #fff; width: 15px; height: 15px; margin: 0 5px; opacity: 1;}
.history .history_sec .history_thumb .swiper-pagination-bullet-active { background: var(--spot_color); width: 15px; height: 15px; }

.history .history_sec .history_thum_inner {
  width: 620px;
  height: 420px;
  position: relative;
  overflow: hidden;
}
.history .history_sec .history_thumb .history_swiper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.history .history_sec .history_thumb .history_swiper .img_area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.history .history_sec .history_thumb .history_swiper .img_area img {
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}




.history .history_sec.active .history_thumb {opacity: 1; transform: translateY(0);}
.history .history_sec.on_leave .history_thumb {opacity: 0; transform: translateY(100px);}

.history .history_nav {
    position: absolute;
    left: 3rem;
    top: 0;
    bottom: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
}
.history .history_nav.fiexed {position: fixed;}
.history .history_nav.fiexed.on_leave {position: absolute;}
.history .history_nav.fiexed.on_leave ul {
  position: absolute;
  left: 0;
  bottom: 2rem;
}

.history .history_nav::before {
  content: "";
  width: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  top:0;
  bottom: 0;
  opacity: 0.1;
}
.history .history_nav ul {margin-left: -8px;}
.history .history_nav ul li {padding: 1rem 0;}
.history .history_nav ul li i {
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}
.history .history_nav ul li i::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #fff;
}
.history .history_nav ul li a {
    color: #8e8f95;
    font-size: 1rem;
    display: flex;
    align-items: center;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    transition: all .3s;
}
.history .history_nav ul li.active a { color: #fff; font-size: 1.3rem; font-weight: 500;}
.history .history_nav ul li.active a i {background: #0098bf;}


/* 20230919 추가 */
@media screen and (max-width: 1280px) {
  .history .history_sec .con_inner {
    width:100%;
    max-width: 1100px;
    padding: 0 3rem 0 10rem;
  }
}
@media screen and (max-width: 720px) {
  .history .history_sec .history_thumb .history_swiper .img_area img { width: 100%; }
  .history .history_sec .history_thum_inner {
    width: 70vw;
    height: 48vw;
  }
}
@media screen and (max-width: 640px) {
  .history {
      background: #534633 url("/resources/img/sub/history_bg.jpg") no-repeat right bottom;
      background-size: auto 100%;
  }
  .history .history_sec .con_inner { padding: 0 5vw 0 30vw; }
  .history .history_sec .history_data dt {font-size: 8vw;}
  .history .history_sec .history_data dd span { font-size: 3.8vw; width: 10vw; }
  .history .history_sec .history_data dd strong { font-size: 3.8vw; width: calc(100% - 10vw);}
  .history .history_nav.fiexed.on_leave {
    position: absolute;
    bottom: 0;
    height: 100%;
  }
  .history .history_nav.fiexed.on_leave ul {
    position: absolute;
    left: 0;
    bottom: 2rem;
    width: 31vw;
  }
  .history .history_nav { left: 8vw; }
  .history .history_nav ul li {padding: 1.5vw 0;}
  .history .history_nav ul li a { font-size: 3vw;}
  .history .history_nav ul li.active a { font-size: 4vw;}
}


/*************************************************
  COMPANY	> 비전과 가치관
**************************************************/
.vision .company_title {
  padding: 5rem 0;
  align-items: flex-start;
}
.vision .company_title h3 {
  text-align: left;
}
.vision_con {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}
.vision_con .vision_con_t{
  width: 100%;
}
.vision_con .vision_con_t span {
  width: 100%;
  font-size: 1.5rem;
  color: #3DAADF;
  font-weight: 600;
}
.vision_con .vision_con_t p {
  width: 35%;
  float: right;
  font-size: 1rem;
  color: #000;
  font-weight: 500;
  margin-top: 2rem;
}
.vision_con .vision_con_t img {
  margin-top: 1rem;
  width: 100%;
  height: auto;
}

.vision_con_b {
  width: 100%;
  height: auto;
  margin-top: 8rem;
}
.vision_con_b_con {
  width: 126.4%;
  height: 1000px;
  background: url("/resources/img/sub/vision_con_b_bg.jpg");
  background-position: center;
  background-size: cover;
  margin-left: -12.4rem;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vision_con_b span {
  width: 100%;
  font-size: 1.5rem;
  color: #3DAADF;
  font-weight: 600;
}
.vision_con_b_con_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.vision_con_b_con_wrap span {
  font-size: 1.3rem;
  color: #fff;
  font-weight: 500;
}
.vision_con_b_con_img {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5rem;
}
.vision_con_b_con_img div {
  width: 300px;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin: 0 1rem;
}
.vision_con_b_con_img_1 {
  background: url("/resources/img/sub/vision_con_b1.png");
  background-position: center;
  background-size: 100%;
  overflow: hidden;
  width: 100%;
  transition: background-size 0.5s ease;
}
.vision_con_b_con_img_2 {
  background: url("/resources/img/sub/vision_con_b2.png");
  background-position: center;
  background-size: 100%;
  overflow: hidden;
  width: 100%;
  transition: background-size 0.5s ease;
}
.vision_con_b_con_img_3 {
  background: url("/resources/img/sub/vision_con_b3.png");
  background-position: center;
  background-size: 100%;
  width: 100%;
  overflow: hidden;
  transition: background-size 0.5s ease;
}
.vision_con_b_con_img_4 {
  background: url("/resources/img/sub/vision_con_b4.png");
  background-position: center;
  background-size: 100%;
  width: 100%;
  overflow: hidden;
  transition: background-size 0.5s ease;
}
.vision_con_b_con_img_1:hover, .vision_con_b_con_img_2:hover, .vision_con_b_con_img_3:hover, .vision_con_b_con_img_4:hover {
  background-size: 110%;
  transition: background-size 0.5s ease;
  cursor: pointer;
}

.vision_con_b_con_img_1 span, .vision_con_b_con_img_2 span, .vision_con_b_con_img_3 span, .vision_con_b_con_img_4 span {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  font-weight: 300;
}
.vision_con_b_con_img_1 p, .vision_con_b_con_img_2 p, .vision_con_b_con_img_3 p, .vision_con_b_con_img_4 p {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  .vision .company_title h3 {
    font-size: 4.5vw;
  }

  .vision_con .vision_con_t p {
    width: 100%;
  }
  .vision_con_b_con {
    width: 100vw;
    margin-left: -0.7rem;
    height: auto;
    margin-bottom: 10vw;
    padding: 5rem 0;
  }
  .vision_con_b_con_img {
    width: 90vw;
    margin-top: 2rem;
    justify-content: center;
  }
  .vision_con_b_con_wrap span {
    width: 90vw;
    font-size: 5vw;
  }
  .vision_con_b_con_img div {
    width: 70vw;
    height: 65vw;
    margin-top: 0.5rem;
  }
}
/*************************************************
  COMPANY	> 공지사항 & 뉴스
**************************************************/
.news.page_content {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 10px 50px;
}
.news .page_container .top_search_box h2 {
  font-size: 2rem;
  color: #000;
  font-weight: 700;
}
.top_search_box {
  margin-top: 5rem;
}

.notice_thumb {
  margin-top: 2rem;
  padding: 3rem 0;
  border-top: 1px solid #E5E5E5;
}
.notice_thumb ul {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.notice_thumb ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 460px;
  margin-top: 2rem;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border: 1px solid #E5E5E5;
  overflow: hidden;
}
.thumbimg {
  width: 100%;
  height: 300px;
  position: relative;
  border-bottom: 1px solid #E5E5E5;
}
.thumbimg span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: center;
}
.notice_thumb ul li a dl {
  padding: 30px;
  height: 260px;
}
.notice_thumb ul li a dl dt {
  height: 75px;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1260px) {
  .notice_thumb ul li a {
    height: 36vw;
  }
  .thumbimg {
    width: 100%;
    height: 22vw;
  }
  .notice_thumb ul li a dl {
      padding: 2vw;
      height: 14vw;
  }
  .notice_thumb ul li a dl dt {
      height: 8vw;
      font-size: 1.6vw;
  }
}
@media screen and (max-width: 1024px) {
  .news .page_container .top_search_box h2 {
    font-size: 7vw;
  }
  .notice_thumb ul {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .notice_thumb ul li a {
    height: 46vw;
  }
  .thumbimg {
    width: 100%;
    height: 32vw;
  }
  .notice_thumb ul li a dl {
      padding: 2vw;
      height: 14vw;
  }
  .notice_thumb ul li a dl dt {
      height: 7vw;
      font-size: 2vw;
  }
}
@media screen and (max-width: 480px) {
  .notice_thumb ul {
    display: block;
  }
  .notice_thumb ul li a {
    height: 100vw;
  }
  .thumbimg {
    width: 100%;
    height: 67vw;
  }
  .notice_thumb ul li a dl {
      padding: 4vw;
      height: 33vw;
  }
  .notice_thumb ul li a dl dt {
      height: 16vw;
      font-size: 4vw;
  }
}
/*************************************************
  COMPANY	> 견적문의
**************************************************/
.contract_wrap {
  width: 100%;
  padding: 8rem 10rem;
}
.contract .ui_tabcontents .contract_wrap li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.contract_wrap li .li_left{
  width: 50%;
  height: 100%;
}
.li_left .tab_title span {
  font-size: 2rem;
  color: #000;
  font-weight: 800;
}
.contract_wrap li .li_right{
  width: 50%;
  height: 100%;
  border-top: 1px solid #3DAADF;
  padding: 2rem 0;
  display: flex;
  flex-wrap: wrap;
}
.contract_wrap li .li_right ul {
  margin-bottom: 2rem;
}
.contract_wrap li .li_right .li_right_con0 {
  width: 100%;
}
.contract_wrap li .li_right .li_right_con0 li {
  width: 100%;
  height: auto;
}

.contract_wrap li .li_right ul li span {
  font-size: 1rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.contract_wrap li .li_right .li_right_con0 li select {
  width: 45%;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding:0.6rem 1rem;
  background-color: #F7F7F7;
}
.li_right_con2 {
  width: 50%;
}
.li_right_con2 li {
  width: 100%;
}
.li_right_con2 li input {
  width: 90%;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding: 1rem;
  background-color: #F7F7F7;
}
.li_right_con1 {
  width: 100%;
}
.li_right_con1 li textarea {
  width: 100%;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding:0.8rem 1rem;
  background-color: #F7F7F7;
}

.li_bottom {
  width: 100%;
}
.li_bottom ul {
  width: 50%;
  float: right;
}
.li_bottom ul li {
  margin-bottom: 0.7rem;
  font-size: 1rem;
  color: #000;
  font-weight: 400;
}
.li_bottom ul li input {
  width: 15px;
  height: 15px;
  margin-right: 1rem;
}

.li_send {
  width: 100%;
  margin-top: 3rem;
  display: flex;
  justify-content: flex-end;
}
.li_send ul {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contract .ui_tabcontents .contract_wrap .li_send ul li {
  width: auto;
  margin: 0 auto;
  background-color: #3ABCD4;
  border-radius: 10px;
}
.contract .ui_tabcontents .contract_wrap .li_send ul li a {
  padding: 1rem 4rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
}

@media screen and (max-width: 1024px) {
  .contract_wrap {
    width: 100%;
    padding: 10vw 2vw 40vw;
  }
  .contract .ui_tabcontents .contract_wrap li {
    flex-direction: column;
  }
  .contract_wrap li .li_left{
    width: 100%;
    height: auto;
  }
  .li_left .tab_title span {
    font-size: 7vw;
  }
  .contract_wrap li .li_right{
    width: 100%;
    height: auto;
    border-top: 1px solid #3DAADF;
    padding: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5vw;
  }
  .contract_wrap li .li_right .li_right_con0 li select {
    width: 100%;
  }
  .li_bottom ul {
    width: 100%;
  }
  .contract .ui_tabcontents .contract_wrap li .li_bottom ul li {
    flex-direction: row;
  }
  .li_send ul {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .contract .ui_tabcontents .contract_wrap li .li_bottom ul li {
    flex-direction: row;
    font-size: 4.5vw;
  }
}

/*************************************************
  포트폴리오 상세
**************************************************/
.portfolio_view {
  margin: 200px 0 0;
  max-width: 1260px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.portfolio_view * { font-family: "SUIT";}
.portfolio_view .view_top_nav {
  width: 130px;
}
.portfolio_view .view_top_nav .date_info {
  width: 130px;
  height: 130px;
  background: #000;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.portfolio_view .view_top_nav .date_info span { font-size: 16px; line-height: 1;}
.portfolio_view .view_top_nav .date_info strong { font-size: 56px; font-weight: 800; line-height: 1;}
.portfolio_view .view_top_nav a {
  display: block;
}
.portfolio_view .view_top_nav .page_nav .prev {
  border-bottom: 1px solid #ddd;
}
.portfolio_view .view_area {
  width: 100%;
  /* max-width: 1000px; */
  padding: 0 0 100px;
}

.portfolio_view .view_area h3 { padding: 0 0 2.5rem; }
.portfolio_view .view_area h3 span {
  display: block;
  /* font-size: 20px; */
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 0 0 1.25rem;
}
.portfolio_view .view_area h3 strong {
  display: block;
  /* font-size: 50px; */
  font-size: 3.125rem;
  font-weight: 800;
  line-height: 1.2;
}
.article_info {
  padding: 10px 0 80px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.article_info span { padding: 0 5px; display: inline-block; position: relative;}
.article_info span:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 10px;
  margin: -5px 0 0;
  background: #e5e5e5;
}
.view_page_nav {
  width: 100%;
  background: #f3f3f3;
  height: 100px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
}
.view_page_nav .page_list { order: 1; color: #333; display: block; padding: 0; position: relative;}
.view_page_nav .page_prev { order: 0; color: #333; display: block; position: relative;}
.view_page_nav .page_next { order: 2; color: #333; display: block; position: relative;}
.view_page_nav span { display: inline-block; position: relative;}

.view_page_nav .page_prev span::before {
    content: "\e879";
    font-family: Linearicons-Free;
    color: #333;
    line-height: 1;
    padding: 0 0.3rem;
    font-size: 1.2rem;
    display: inline-block;
}
.view_page_nav .page_next span::after {
    content: "\e87a";
    font-family: Linearicons-Free;
    color: #333;
    line-height: 1;
    padding: 0 0.3rem;
    font-size: 1.2rem;
    display: inline-block;
}
.view_page_nav strong { display: inline-block; position: relative; padding: 0 10px; margin: 0 10px; }
.view_page_nav .page_prev,
.view_page_nav .page_prev span { display: flex; align-items: center;}
.view_page_nav .page_prev strong::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 10px;
    margin: -5px 0 0;
    background: #4d4d4d;
}
.view_page_nav .page_next,
.view_page_nav .page_next span { display: flex; align-items: center;}
.view_page_nav .page_next strong::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 1px;
    height: 10px;
    margin: -5px 0 0;
    background: #4d4d4d;
}
.view_page_nav .page_list span { padding: 0 40px; }
.view_page_nav .page_list span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 1px;
    height: 10px;
    margin: -5px 0 0;
    background: #4d4d4d;
}
.view_page_nav .page_list span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 1px;
    height: 10px;
    margin: -5px 0 0;
    background: #4d4d4d;
}
.view_content img { max-width: 100%;}

@media screen and (max-width: 1024px) {
  .portfolio_view { margin: 10vw 0 0;}
  .portfolio_view .view_top_nav { display: none; }
  .portfolio_view .view_area { width: 100%; }
  .portfolio_view .view_area h3 span { font-size: 3.5vw; }
  .portfolio_view .view_area h3 strong { font-size: 6.4vw; }
  .portfolio_view .view_area { padding: 0 0 10vw; }
  .article_info { padding: 3vw 0 6vw;}
}
@media screen and (max-width: 640px) {
  .view_page_nav {
    height: auto;
    border-bottom-left-radius: 3vw;
    border-bottom-right-radius: 3vw;
    padding: 3vw;
  }
  .view_page_nav strong { display: none; }
}





/* CEO 인사말  */
.greetings .sec_visual {
  width: 100%;
  height: calc(100vh + 34px) !important;
}
@media (max-width: 1023px) {
  .greetings .sec_visual {
    height: calc(100vh + 30px) !important;
  }
}
.greetings .sec_visual .main_slide {
  height: 100%;
}
.greetings .sec_visual .main_slide .swiper-slide {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  opacity: 0 !important;
}
.greetings .sec_visual .main_slide .swiper-slide .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.greetings .sec_visual .main_slide .swiper-slide1 .bg {
  background: url("/resources/img/sub/greeting_bg1.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.greetings .sec_visual .main_slide .swiper-slide2.bg {
  background: url("/resources/img/sub/greeting_bg1.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.greetings .sec_visual .main_slide .swiper-slide3 .bg {
  background: url("/resources/img/sub/greeting_bg1.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.greetings .sec_visual .main_slide .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.greetings .sec_visual .main_slide .swiper-slide .txt_box {
  position: absolute;
  left: 0;
  bottom: 41.5vh;
  width: 100%;
  text-align: center;
  z-index: 1;
  padding: 0 20px;
}
.greetings .sec_visual .main_slide .swiper-slide .txt_box strong {
  display: block;
  font-size: 4.0625rem;
  letter-spacing: 0.001em;
  line-height: 1.3076923077;
  font-family: "Nunito Sans", sans-serif;
  color: #000000;
  transition: all 1.2s;
  word-break: keep-all;
  word-wrap: break-word;
  text-transform: uppercase;
}
.greetings .sec_visual .main_slide .swiper-slide .txt_box span {
  display: block;
  margin-top: 1rem;
  font-size: 1.375rem;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #000000;
  transition: all 1.2s;
  word-break: keep-all;
  word-wrap: break-word;
}
.greetings .sec_visual .main_slide .swiper-slide .video_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateY(70vh);
}
.greetings .sec_visual .main_slide .swiper-slide .video_wrap video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.greetings .sec_visual .main_slide .swiper-slide .video_wrap .dim {
  position: absolute;
  top: -1px;
  width: 12.6%;
  height: 100%;
  background-color: #ffffff;
}
.greetings .sec_visual .main_slide .swiper-slide .video_wrap .dim.left {
  left: -1px;
}
.greetings .sec_visual .main_slide .swiper-slide .video_wrap .dim.right {
  right: -1px;
}
.greetings .sec_visual .main_slide .swiper-slide.active .txt_box strong {
  color: #ffffff;
}
.greetings .sec_visual .main_slide .swiper-slide.active .txt_box span {
  color: #ffffff;
}
@media (max-width: 1023px) {
  .greetings .sec_visual .main_slide .swiper-slide {
    display: block;
  }
  .greetings .sec_visual .main_slide .swiper-slide .txt_box {
    bottom: 46vh;
  }
  .greetings .sec_visual .main_slide .swiper-slide .txt_box strong {
    display: block;
    font-size: 2.375rem;
    letter-spacing: 0.02em;
    line-height: 1.2631578947;
    transition: none;
  }
  .greetings .sec_visual .main_slide .swiper-slide .txt_box span {
    margin-top: 1rem;
    font-size: 1.125rem;
    letter-spacing: -0.02em;
    line-height: 1.5555555556;
    transition: none;
  }
  .greetings .sec_visual .main_slide .swiper-slide .video_wrap {
    transform: translateY(71.5vh);
  }
  .greetings .sec_visual .main_slide .swiper-slide .video_wrap .dim {
    width: 16px;
  }
}
@media (max-width: 766px) {
  .greetings .sec_visual .main_slide .swiper-slide .txt_box span {
    margin-top: 1rem;
  }
}
.greetings .sec_visual .main_slide .control_box {
  position: absolute;
  left: 0;
  bottom: 34vh;
  z-index: 1;
  display: none;
  width: 100%;
  text-align: center;
}
.greetings .sec_visual .main_slide .control_box > * {
  display: inline-block;
  vertical-align: middle;
}
.greetings .sec_visual .main_slide .control_box.active {
  display: block;
}
.greetings .sec_visual .main_slide .control_box .pagination {
  position: static;
}
.greetings .sec_visual .main_slide .control_box .pagination .swiper-pagination-bullet {
  position: relative;
  width: 20px;
  height: 20px;
  opacity: 1;
  margin: 0 6px;
  background-color: transparent;
}
.greetings .sec_visual .main_slide .control_box .pagination .swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ffffff;
}
.greetings .sec_visual .main_slide .control_box .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #ffffff;
}
.greetings .sec_visual .main_slide .control_box .controller_btn {
  margin: -4px 0 0 -4px;
}
.greetings .sec_visual .main_slide .control_box .controller_btn a {
  display: block;
  padding: 10px;
}
.greetings .sec_visual .main_slide .control_box .controller_btn a.pause {
  width: 6px;
  height: 6px;
  background: url("../images/main/stop_icon.svg") center no-repeat;
  background-size: 6px 6px;
}
.greetings .sec_visual .main_slide .control_box .controller_btn a.play {
  width: 6px;
  height: 10px;
  background: url("../images/main/play_icon.svg") center no-repeat;
  background-size: 6px 10px;
}
@media (max-width: 1023px) {
  .greetings .sec_visual .main_slide .control_box {
    bottom: 37vh;
  }
}
.greetings .sec_visual .bottom_box {
  position: absolute;
  width: 100%;
  bottom: -100%;
  left: 0;
  z-index: 1;
}
.greetings .sec_visual .bottom_box.active {
  bottom: 0;
}
.greetings .sec_visual .bottom_box:hover a {
  color: #70D44B;
}
.greetings .sec_visual .bottom_box:hover a::after {
  background: url("../images/main/main_visual_arrow_green.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.greetings .sec_visual .bottom_box span {
  position: absolute;
  left: 0;
  font-size: 0;
}
.greetings .sec_visual .bottom_box .progress {
  position: absolute;
  bottom: 70px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}
.greetings .sec_visual .bottom_box .current_bar {
  bottom: 71px;
  height: 1px;
  background-color: #ffffff;
}
.greetings .sec_visual .bottom_box a {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  padding: 26px 0;
  font-size: 1rem;
  letter-spacing: -0.02em;
  line-height: 1;
  font-weight: 500;
  color: #ffffff;
}
.greetings .sec_visual .bottom_box a::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 20px;
  margin: -2px 0 0 5px;
  background: url("../images/main/main_visual_arrow.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1023px) {
  .greetings .sec_visual .bottom_box .progress {
    bottom: 70px;
  }
  .greetings .sec_visual .bottom_box .current_bar {
    bottom: 71px;
  }
  .greetings .sec_visual .bottom_box a {
    padding: 28px 0;
    font-size: 0.875rem;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .greetings .sec_visual .bottom_box a::after {
    width: 15px;
    height: 15px;
    margin: -2px 0 0 5px;
  }
}

/*
  CEO 인사말
 */
.greet_swiper {
  height: calc(100vh - 225px);
  position: relative;
}
.greet_visual .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.greet_visual .swiper-slide .slide_con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.greet_visual .swiper-slide .slide_con .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /* transform: translateY(30vh) scale(0.5);
  transition: transform 1s;   */
}
.greet_visual .swiper-slide .slide_con .text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  color: #000;
  text-align: center;
  transition: all 1s;
  z-index: 9;
  line-height: 1.4;
}
.greet_visual .swiper-slide .slide_con1 .text { font-size: 48px; font-weight: 800; text-align: center;}
.greet_visual .swiper-slide .slide_con2 .text { font-size: 30px; font-weight: 400; text-align: center;}
.greet_visual .swiper-slide .slide_con3 .text { font-size: 30px; font-weight: 400; text-align: center;}

.greet_visual .greet_swiper .slide_con .text {
  color: #000;
}
.greet_visual .greet_swiper.active .slide_con .text {
  color: #fff;
}
.greet_visual .swiper-pagination-bullet { background: #fff;}
.greet_visual .swiper-pagination-bullet-active { background: #fff;}

.greet_visual .swiper-slide .slide_con1 .bg {
  background: url("/resources/img/sub/greeting_bg1.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.greet_visual .swiper-slide .slide_con2 .bg {
  background: url("/resources/img/sub/greeting_bg2.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.greet_visual .swiper-slide .slide_con3 .bg {
  background: url("/resources/img/sub/greeting_bg3.jpg") no-repeat 50% 50%;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .greet_visual .greet_swiper .slide_con .text {
    padding: 0 3rem;
  }
  .greet_visual .swiper-slide .slide_con1 .text { font-size: 9vw; }
  .greet_visual .swiper-slide .slide_con2 .text { font-size: 4.8vw; }
  .greet_visual .swiper-slide .slide_con3 .text { font-size: 4.8vw; }
}



/* News View (gallery)
***************************/
.board_view {
  max-width: 1260px;
  margin: 0 auto;
}
.board_view .news_top {margin-top: 2rem;}
.board_view .news_top dt {
    background: var(--spot_color);
    text-align: center;
    font-size: 1.4rem;
    color: #000;
    text-align: center;
    padding: 2rem 1.5rem;
    font-weight: 500;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    word-break: keep-all;
}
.board_view .news_top dd {padding: 2rem 0; text-align: center; font-size: 1.14rem;}
.gallery_page .view_contents {
  background: none;
  border: 1px solid #ddd;
  text-align: left;
  padding:4rem;
  font-size: 1rem;
  line-height: 1.7;
}
.gallery_page .view_contents p {padding: 1rem 0;}

.news_view_navi {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #f3f3f3;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 2.5rem 0;
    align-items: center;
}
.news_view_navi .nav_con {display: flex; flex-direction: row; align-items: center; flex: 1;}
.news_view_navi .nav_con strong {
    border:1px solid #ddd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    padding: 0.4rem 0.8rem;
    color: #333;
    font-size: 0.87rem;
    white-space: nowrap;
}
.news_view_navi .nav_con strong i {font-size: 0.7rem;}
.news_view_navi .nav_con.nav_left {justify-content: flex-start;}
.news_view_navi .nav_con.nav_left strong {margin-right: 1rem;}
.news_view_navi .nav_con.nav_left i {margin-right: 0.3rem;}
.news_view_navi .nav_con.nav_right {justify-content: flex-end;}
.news_view_navi .nav_con.nav_right strong {margin-left: 1rem;}
.news_view_navi .nav_con.nav_right i {margin-left: 0.3rem;}
.news_view_navi dl {padding: 0 2rem; display: flex; align-items:center; justify-content:center;}
.news_view_navi dl dt {font-size: 0.92rem; font-weight: 500; color: #000;}
.news_view_navi dl dd {
    font-size: 1rem;
    font-weight: 400;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-word;
}
.news_view_navi .nav_con.nav_right dl dt {text-align: right;}
.news_view_navi .nav_con a:hover {color:var(--spot_color);}
.news_view_navi .nav_btn a {
    background: var(--spot_color);
    color: #000;
    padding: 1rem 2rem;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.news_view_navi .nav_btn a:hover {background: #181818; color: #fff;}



@media screen and (max-width: 1280px) {
  .page_content .page_container.board_view {padding: 0 2rem;}
  .recruit.page_container {padding: 4rem 2rem;}
}

@media screen and (max-width: 1024px) {
  .gallery_page .view_contents {padding: 2.5rem;}
  .board_view .news_top dt {font-size: 1.3rem;}
  .board_view .news_top dd {padding: 1.2rem 0; font-size: 1rem;}
}

@media screen and (max-width: 640px) {
  .board_view .news_top {padding-top: 3rem;}
  .news_view_navi {padding: 1rem; margin-top: 1rem; flex-wrap: inherit;}
  .news_view_navi dl dd {display: none;}
  .news_view_navi .nav_btn a {padding: 0.6rem 1.5rem; white-space: nowrap;}
  .news_view_navi dl {padding: 0;}
  .gallery_page .view_contents {padding: 2rem;}

}

@media screen and (max-width: 480px) {
  .page_content .page_container.board_view {padding: 0 1.5rem;}
  .gallery_page .view_contents {padding: 2rem 1.5rem;}
}






.board_view {padding-bottom: 6rem !important;}
.board_view .notice_top {border-top: 2px solid #000;}
.board_view .notice_top p {
    word-break: keep-all;
    font-size: 1.4rem;
    color: #191919;
    padding: 1.6rem 2.5rem;
    text-align: left;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}
.board_view .notice_top ul {padding: 3rem 2.5rem; text-align: left;}
.board_view .notice_top ul li { position: relative; padding-left: 0.7rem;}
.board_view .notice_top ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  background:#191919;
  position: absolute;
  left: 0;
  top: 1rem;
  border-radius: 100%;
}
.board_view .notice_top dl {display: flex; padding: 0.3rem 0;}
.board_view .notice_top dl dt {max-width: 100px; flex: 1; padding-right: 1rem; font-weight: 500; color: #191919;}
.board_view .notice_top dl dd {}
.board_view .notice_top dl dd i {
    background: #f8f8f8;
    border: 1px solid #ddd;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-left: 0.4rem;
}
.board_view .notice_top dl dd i::before {transform:rotate(45deg);}
.board_view .notice_top dl dd a:hover {text-decoration:underline;}
.board_view .view_contents {padding: 2.5rem; background:#f8f8f8;}
.board_view .view_contents img {max-width: 100%;}

.notice_navi {display: flex; padding: 4rem 0; align-items: center; justify-content:space-between;}
.notice_navi .nav_con {}
.notice_navi .nav_con a {
    display: flex;
    width: 200px;
    border: 1px solid rgba(0,0,0,0.4);
    align-items: center;
    padding: 1rem 2rem;
    transition: all .3s;
    color: #121921;
    opacity: 0.7;
    font-size: 1rem;
}
.notice_navi .nav_con.nav_left a:hover,
.notice_navi .nav_con.nav_right a:hover {
  opacity: 1;
}
.notice_navi .nav_con.nav_center a {justify-content: center; opacity: 1;}
.notice_navi .nav_con a i {font-size: 0.82rem;}
.notice_navi .nav_con a span {flex: 1;}
.notice_navi .nav_con.nav_center a:hover {background: #000; color: #fff; border-color: transparent;}


/*************************************************
  COMPANY	> 위치
**************************************************/
.location {
  padding:100px 0;
}
.location_con_wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.location_con {
  width: 80%;
  margin-bottom: 10rem;
}
.location_con img {
  width: 100%;
}

.location_con_txt {
  width: 100%;
  padding: 3rem 0;
  display: flex;
  flex-wrap: wrap;
}
.location_con_txt h3 {
  width: 50%;
  font-size: 2.3rem;
  color: #000;
  font-weight: 800;
}
.location_con_txt p {
  width: 50%;
  font-size: 1rem;
  color: #000;
  font-weight: 400;
}

.location_con_dl_wrap {
  width: 50%;
  float: right;
}
.location_con_dl {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.location_con_dl dt {
  width: 13%;
  background-color: #1A72B9;
  color: #fff;
  text-align: center;
  padding: 0.2rem;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 400;
}
.location_con_dl dd {
  color: #000;
  text-align: left;
  padding: 0.2rem;
  font-size: 1rem;
  font-weight: 400;
  margin-left: 10px;
}

@media screen and (max-width: 1024px) {
  .location_con {
    width: 100%;
    margin-bottom: 3rem;
  }
  .location_con_txt {
    width: 100%;
    padding: 3rem 2rem;
    display: flex;
    flex-wrap: wrap;
  }
  .location_con_txt h3 {
    width: 100%;
    font-size: 8vw;
  }
  .location_con_txt p {
    width: 100%;
  }
  .location_con_dl_wrap {
    width: 100%;
    float: left;
    padding: 0 1.5rem;
  }
  .location_con_dl dt {
    font-size: 2.5vw;
  }
  .location_con_dl dd {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 500px) {
  .location_con_dl_wrap {
    padding: 0 1rem;
  }
  .location_con_dl dt {
    font-size: 3vw;
  }
  .location_con_dl dd {
    font-size: 3vw;
  }
}


/*************************************************
  COMPANY	> 등록/인증/특허
**************************************************/
.patent {
  padding: 100px 0;
}

.patent .ui_tabcontents .tab_conlist li .tab_con {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 100px;
}
.patent .ui_tabcontents .tab_conlist li .tab_con .tab_con_tit {
  width: 100%;
  padding: 80px 0;
  text-align: center;
}
.patent .ui_tabcontents .tab_conlist li .tab_con .tab_con_tit h2{
  font-size: 2.5rem;
  color: #000;
  font-weight: 800;
}

.patent .ui_tabcontents .tab_conlist li .tab_con .tab_con_con {
  width: 83%;
}
.patent .ui_tabcontents .tab_conlist li .tab_con .tab_con_con img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .patent .ui_tabcontents .tab_conlist li .tab_con .tab_con_con {
    width: 95%;
  }
}