.sub-inner{max-width: 1400px; margin: auto;text-align: center;  }

.location{display: flex; align-items: center;}
.location .location__dot{display: inline-block;}
.location .location__dot-one{width: 2px; height: 2px; margin: 0 10px; background-color: rgba(0,0,0,.2);}
.location .location__dot-two {margin: 0 10px; display: flex; align-items: center;}
.location .location__dot-two .location__dot{width: 2px; height: 2px; background-color: rgba(0,0,0,1)}
.location .location__dot-two span + span{margin-left: 2px;}
.location p{font-size: 14px; text-align: left; color: #fff; white-space: nowrap;}
.location b{font-size: 14px; font-weight: 500; text-align: left; color: #002581;}

.sub__title h1{font-size: 50px; font-weight: bold; line-height: 1; letter-spacing: normal; text-align: center; color: #fff;margin-bottom:20px;}

.sub-tit{padding-top: 25px; display: inline-block; position: relative; font-family: 'GmarketSansBold'; font-size: 45px; line-height: 1.22; letter-spacing: -1.13px; text-align: left; color: #002581; text-transform: uppercase;}
.sub-tit::before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 40px; height: 5px; background-color: #002581;}
.sub-tit-sub{font-size: 18px; line-height: 1.34; text-align: left; color: #fff;}
.sub-visualImg{ width: 100%; margin: 0 auto;}

.sub-inner .GREETINGS{margin-bottom:20px;}


.Rectangle-4-copy {
  width: 40px;
  height: 4px;
 margin: 20px auto;
 
 vertical-align:middle;
  background-color: #fff;
}


.sub-block {position: relative;}


.sub__title {
    position: absolute;
    top: 50%; /* 중앙 정렬 */
    left: 50%;
    transform: translate(-50%, -50%); /* 완벽한 중앙 정렬 */
    color: white; /* 텍스트가 배경에서 잘 보이도록 색상 변경 */
    z-index: 10; /* 배경 위로 표시되도록 설정 */
}

.sub-visualImg {height:300px;}

.sub-visualImg.sub01 {
	background-image: url('../img/sub/sub-visual-01.png');
    background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
   /* background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */*/
    background-repeat: no-repeat;
}
.sub-visualImg.sub02 {
	background-image: url('../img/sub/sub-visual-01.png');
    background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
    background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
    background-repeat: no-repeat;
}
.sub-visualImg.sub03 {
	background-image: url('../img/sub/sub-visual-01.png');
    background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
    background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
    background-repeat: no-repeat;
}
.sub-visualImg.sub04 {
	background-image: url('../img/sub/sub-visual-01.png');
    background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
    background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
    background-repeat: no-repeat;
}
.sub-visualImg.sub05 {
	background-image: url('../img/sub/sub-visual-01.png');
    background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
    background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
    background-repeat: no-repeat;
}

.sub-visualImg.sub06 {
	background-image: url('../img/sub/sub-visual-01.png');
    background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
    background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
    background-repeat: no-repeat;
}

/* ========================================================================= sub01 ========================================================================= */
/* CEO 인사말 */
.Rectangle-4 {
  width: 4px;
  height: 60px;
  margin: 50px auto; /* 가로 방향에서 중앙 정렬 */
  background-color: #00c;
}

.sub-text-black {
  width: 760px;
  height: 174px;
  margin: 21px 319.6px 82.7px 12.4px;
  font-family: Pretendard;
  font-size: 45px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -1.13px;
  text-align: center;
  color: #000;
}

.paragraph{margin:0 auto;}

.sub-text-blue{
 width: 760px;
  height: 174px;
  margin: 50px 0 82.7px 0;
  font-family: Pretendard;
  font-size: 45px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -1.13px;
  text-align: center;
  color: #000;
}


.sub-text-blue .text-style-1 {
  font-weight: bold;
  color: #00c;
}



.sub__contents.sub01_1{}
/*.sub__contents.sub01_1 .sub-inner{display: inline;}*/

sub__contents.sub01_1 article.subject{width: 267px;}
./*sub__contents.sub01_1 article.greeting-block{width: calc(100% - 267px - 6.42%); margin-left: 12.42%; }*/

.sub__contents.sub01_1 article.greeting-block{width: 100%;} 

.sub__contents.sub01_1 article.greeting-block p{ white-space: normal; /* 텍스트가 컨테이너의 너비에 따라 줄바꿈되도록 설정 */font-size: 20px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal; text-align: center; color: #000; word-break: keep-all;}
.sub__contents.sub01_1 article.greeting-block .left{   word-spacing: -0.1em; /* 단어 사이의 간격을 줄임 */text-align-last: left; /* 또는 left */text-align: justify;font-size: 18px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal; color: #000; word-break: keep-all;   word-break: keep-all; /* 긴 단어가 줄 바꿈 없이 유지되도록 설정 */}
.sub__contents.sub01_1 article.greeting-block .left_x{font-size: 18px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal;  color: #000; word-break: keep-all;}

.sub__contents.sub01_1 article.greeting-block .greeting__diagram li{width: 285px; height: 285px; display: flex; flex-direction: column; align-items: center; padding: 70px 60px; position: absolute; border-radius: 50%; box-shadow: 5px 10px 5px 0 rgba(0, 37, 129, 0.2); background-color: rgba(0, 37, 129, 0.8); box-sizing: border-box;}
.sub__contents.sub01_1 article.greeting-block .greeting__diagram li span{font-family: 'GmarketSansMedium'; font-size: 25px; text-align: center; color: #fff;}
.sub__contents.sub01_1 article.greeting-block .greeting__diagram li strong{font-family: 'GmarketSansBold'; font-size: 30px; text-align: center; color: #fff;}
.sub__contents.sub01_1 article.greeting-block .greeting__diagram li:nth-child(1){}
.sub__contents.sub01_1 article.greeting-block .greeting__diagram li:nth-child(2){left: 252px;}
.sub__contents.sub01_1 article.greeting-block .greeting__diagram li:nth-child(3){right: 252px;}
.sub__contents.sub01_1 article.greeting-block .greeting__diagram li:nth-child(4){right: 0;}
.sub__contents.sub01_1 article.greeting-block .paragraph{text-align:center; margin:0 auto;}
.sub__contents.sub01_1 article.greeting-block .paragraph p + p{margin-top: 30px;}
.sub__contents.sub01_1 article.greeting-block .greeting__sign{margin:0 auto; text-align: right;}
.sub__contents.sub01_1 article.greeting-block .greeting__sign .sign__name{ box-sizing: border-box;}
.sub__contents.sub01_1 article.greeting-block .greeting__sign .sign__name span{font-size: 18px; font-weight: 600; line-height: 1.67; letter-spacing: -0.45px; text-align: left; color: #000;display:inline;}
.sub__contents.sub01_1 article.greeting-block .greeting__sign .sign__name p{font-family: 'ROEHOE-CHAN'; font-size: 40px; font-weight: 200; line-height: 1.2; letter-spacing: -0.63px; text-align: left; color: #000;display:inline; margin-left:10px;}

.COMPANY {
  width: 122px;
  height: 23px;
 
  font-family: GmarketSans;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #00c;
}


.sub-black-big {
  width: 1400px;
  height: 41px;

  font-family: Pretendard;
  font-size: 34px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.88px;
  text-align: left;
  color: #000;
}





/*경영이념*/

.MANAGEMENT-PHILOSOPHY {
  width: 1920px;
  height: 230px;
  margin: 83.3px 0 46.7px;
  opacity: 0.1;
  -webkit-text-stroke: 2px #00c;
  font-family: GmarketSans;
  font-size: 200px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: center;
  color: #00c;
}
.Ellipse ul {

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  list-style: none;
}

.Ellipse-2, .Ellipse-2-copy, .Ellipse-2-copy-2 {
  width: 360px;
  height: 360px;
  padding: 90px 0;
  opacity: 0.8;
  box-shadow: 0px 30px 30px 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  flex-direction: column; /* 세로 정렬을 위해 추가 */
}

.Ellipse-2 {
  background-color: #00c;
}

.Ellipse-2-copy {
  background-color: #0081cc;
  margin-left: -70px; /* 중첩 효과를 위해 조정 */
}

.Ellipse-2-copy-2 {
  background-color: #4a4453;
  margin-left: -70px; /* 중첩 효과를 위해 조정 */
}

.Ellipse span {
  display: block; /* 세로 정렬을 위해 블록 요소로 변경 */
}

.Ellipse span:first-child {
  width: 26px;
  height: 23px;
  margin: 0 31.6px 36.6px 29.8px;
  font-family: GmarketSans;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: -0.5px;
  text-align: center;
  color: #fff;
}

.Ellipse span:nth-child(2) {
  width: 86px;
  height: 60px;
  margin: 36.6px 0 20.4px;
  font-family: Pretendard;
  font-size: 50px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -1.25px;
  text-align: center;
  color: #fff;
}

.Ellipse span:last-child {
  width: 94px;
  height: 23px;
  margin: 20.4px 0 0;
  font-family: GmarketSans;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}


.Rectangle-1-copy-12 {
  
  height: 4px;
  margin: 70px auto;
  background-color: #00c;
}

.Rectangle-1-copy-12_0102{ 
	height: 4px;
  margin: 50px auto;
  background-color: #00c;
}


.Rectangle-1-copy-12_0304 {
  
  height: 4px;
  margin: 20px auto;
  background-color: #00c;
}

.Rectangle-1-copy-9 {
  width: 100%;
  height: 1px;
  margin: 41.9px auto;
  background-color: #e5e5e5;
}
.Rectangle-1-copy-9-0304 {
  width: 100%;
  height: 1px;
  margin: 41.9px auto;
  background-color: #e5e5e5;
}

.list-item {
  display: flex;
  align-items: center; /* 항목을 수평 가운데 정렬 */
  margin-bottom: 40px; /* 각 항목 사이의 간격 */
  font-family: 'Pretendard', sans-serif;
}

.list-item_0304 {
  display: flex;
  align-items: center; /* 항목을 수평 가운데 정렬 */
  margin-bottom: 40px; /* 각 항목 사이의 간격 */
  margin-top:20px;
  padding-top:10px;
  font-family: 'Pretendard', sans-serif;
}
.list-item .number {
  margin-left:50px;
  width: 50px; /* 번호 영역 */
  text-align: left; /* 텍스트를 왼쪽으로 정렬 */
  font-size: 20px;
  font-weight: 500;
  color: #00c; /* 번호 색상 */
}

.list-item .content {
  display: flex;
  align-items: center; /* 선과 타이틀을 중앙 정렬 */
  justify-content: flex-start;
  width: 100%; /* 전체 넓이 사용 */
}

.list-item .title { 
  align-items: center; /* 한글과 영어 타이틀을 가로로 정렬 */
  margin-right: 20px; width:25%;
}
.list-item_0304 .number {
  margin-left:50px;
  width: 50px; /* 번호 영역 */
  text-align: left; /* 텍스트를 왼쪽으로 정렬 */
  font-size: 20px;
  font-weight: 500;
  color: #00c; /* 번호 색상 */
}

.list-item_0304 .content {
  display: flex;
  align-items: center; /* 선과 타이틀을 중앙 정렬 */
  justify-content: flex-start;
  width: 100%; /* 전체 넓이 사용 */
}

.list-item_0304 .title { 
  align-items: center; /* 한글과 영어 타이틀을 가로로 정렬 */
  margin-right: 20px;
}

.list-item_0304 .title_0304 { 
  align-items: center; /* 한글과 영어 타이틀을 가로로 정렬 */
  margin-right: 20px;
  width:20%;
}

.list-item .title .main {font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -1px;
  text-align: left;
  color: #000;}

.list-item_0304 .title_0304 .main_0304 {font-size: 23px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -1px;
  text-align: left;
  color: #000;}




.list-item .title .sub {
margin: auto 0 0 80px;
font-family: GmarketSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.57;
  letter-spacing: normal;
  text-align: left;
  color: #ccc;
    width:10%;
}
.list-item .line {
  width: 100px; /* 선의 길이 */
  height: 1px;
  margin: 0 100px; /* 선과 타이틀 사이 간격 */
  background-color: black;
}

.list-item .description{

  
  font-family: Pretendard;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: left;
  color: #000;
}



.list-item_0304 .title .sub {
margin: auto 0 0 80px;
font-family: GmarketSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.57;
  letter-spacing: normal;
  text-align: left;
  color: #ccc;
}
.list-item_0304 .line {
  width: 100px; /* 선의 길이 */
  height: 1px;
  margin: 0 100px; /* 선과 타이틀 사이 간격 */
  background-color: black;
}

.list-item_0304 .description{

  
  font-family: Pretendard;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: left;
  color: #000;
}



    .timeline-container {
     
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
      padding: 20px;
	  margin-left:-70px;
	  text-align: left;

    }
	.Rectangle-2-copy-new{ width: 400px;
  height: 1px;
  margin: 41.9px auto;
  background-color: #e5e5e5;
}


    .year-column  .black{width: 112px;
  height: 54px;
  margin: 69.3px 48px 0 100px;
  font-family: Pretendard;
  font-size: 45px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: -1.13px;
  text-align: left;
  color: #000c;
}
.year-column  .blue  {width: 112px;
  height: 54px;
  margin: 69.3px 48px 0 100px;
  font-family: Pretendard;
  font-size: 45px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: -1.13px;
  text-align: left;
  color: #00c;
}


    .event-column {
      padding-left: 20px;
   /*   border-bottom: 1px solid #e5e5e5;*/
    }

    .event-column .date {
     font-family: Pretendard;  font-size: 20px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.5px;  text-align: left;  color: #999;
    }
 .event-column p {
      margin: 5px 0;
      color: #333;
      font-size: 16px;
	  font-family: Pretendard;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: left;
    }
    /* 각각의 년도 및 사건을 구분하기 위해 사용하는 디자인 */
    .timeline-item {
      display: flex;
    }



    /* 타임라인의 세로선 추가 */
  

    .timeline-item.right .year-column {
      text-align: left;
      justify-content: flex-start;
     
    }

    .timeline-item.right .event-column {
      border-left: none;
 
      padding-right: 20px;
    }

.globalRemax-block{position: relative;}
.globalRemax-block::before{content: ""; position: absolute; top: 0; right: 18.75%; z-index: -1; display: block; width: 240px; height: 300px; background: url('../img/sub/line_01.png') no-repeat center/cover;}
.sub__contents .globalRemax__tit{}
.sub__contents .globalRemax__tit .txt-logo{align-items: center;}
.sub__contents .globalRemax__tit .txt-logo img{margin-left: 20px; max-width: 272px; width: 100%;}
.sub__contents .globalRemax__tit .sub-tit{font-size: 60px;}
.sub__contents .globalRemax__tit .default{font-size: 25px; line-height: 1.43;}
.sub__contents .globalRemax__diagram-bg{width: 1400px;min-height: 640px;}
.sub__contents .globalRemax__diagram{width: 1200px; margin: 0 auto; position: relative;}
.sub__contents .globalRemax__diagram li{width: 440px; height: 440px; padding: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; border: solid 5px #004d99; border-radius: 50%; box-sizing: border-box;}
.sub__contents .globalRemax__diagram li:nth-child(1){left: 0;}
.sub__contents .globalRemax__diagram li:nth-child(2){left: 380px;}
.sub__contents .globalRemax__diagram li:nth-child(3){right: 0;}
.sub__contents .globalRemax__diagram li span{font-family: var(--font-GmarketSansBold); font-size: 20px; font-weight: bold; line-height: 1; text-align: center; color: #004d99;}
.sub__contents .globalRemax__diagram li p{font-family: var(--font-GmarketSansBold); font-size: 60px; font-weight: bold; line-height: 1; text-align: center; color: #004d99;}
.sub__contents.sub-inner>.default{font-size: 20px; line-height: 1.5; letter-spacing: -0.5px; text-align: center; color: #000;}







/* 경영이념 */
.sub__contents.sub01_2{}

sub__contents.sub01_2 article.subject{width: 225px;}
.sub__contents.sub01_2 article.history-block{width: calc(100% - 225px - 10.35%); margin-left: 10.35%; padding-top: 25px;}
.sub__contents.sub01_2 article.history-block ul.history__years{width: 100%; position: relative; padding-top: 70px; box-sizing: border-box;}
.sub__contents.sub01_2 article.history-block ul.history__years::before{content: ""; position: absolute; left: 0; top: 0; display: block; width: 1px; height: 100%; background-color: #e6e6e6;}
.sub__contents.sub01_2 article.history-block li.year{}
.sub__contents.sub01_2 article.history-block li.year + li.year{margin-top: 60px;}
.sub__contents.sub01_2 article.history-block li.year .year__num{padding-left: 70px; position: relative;}
.sub__contents.sub01_2 article.history-block li.year .year__num::before{content: ""; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); display: block; width: 20px; height: 20px; border-radius: 50%; border: solid 5px #666; background-color: #fff;}
.sub__contents.sub01_2 article.history-block li.year .year__num::after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: -1; display: block;  width: 50px; height: 1px; background-color: #666;}
.sub__contents.sub01_2 article.history-block li.year .year__num b{position: relative; font-family: 'GmarketSansBold'; font-size: 50px; line-height: 1; letter-spacing: normal; text-align: left; color: #000;}
.sub__contents.sub01_2 article.history-block .history__months{margin-top: 22px;}
.sub__contents.sub01_2 article.history-block .history__months li{padding-left: 70px; display: flex; align-items: flex-start; position: relative;}
.sub__contents.sub01_2 article.history-block .history__months li::before{content: ""; position: absolute; left: -3px; top: 8px; display: block; width: 7px; height: 7px; border-radius: 50%; border: solid 2px #999; background-color: #fff;}
.sub__contents.sub01_2 article.history-block .history__months li + li{margin-top: 20px;}
.sub__contents.sub01_2 article.history-block .history__months li b{display: inline-block; padding-top: 2px; width: 30px; font-family: 'GmarketSansBold'; font-size: 20px; text-align: left; color: #000; box-sizing: border-box;}
.sub__contents.sub01_2 article.history-block .history__months li p{width: calc(100% - 30px - 16px); margin-left: 16px; font-size: 18px; line-height: 1.34; text-align: left; color: #000; word-break: keep-all;}
.sub__contents.sub01_2 article.history-block .year.latest .year__num::before{border: solid 5px #002581;}
.sub__contents.sub01_2 article.history-block .year.latest .year__num::after{background-color: #002581;}
.sub__contents.sub01_2 article.history-block .year.latest .year__num b{color: #002581;}
.sub__contents.sub01_2 article.history-block .year.latest .year__num b::after{content: ""; position: absolute; top: -10px; right: -10px; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #002581;}

/* 조직도 */
.sub__contents.sub01_3{}

/* 인증현황 */
.sub__contents.sub01_4{}
.sub__contents.sub01_4 .certification-block{}
.sub__contents.sub01_4 .certification-block ul{width: 100%; display: flex; flex-wrap: wrap;}
.sub__contents.sub01_4 .certification-block ul li{width: 17.71%; margin-top: 70px; margin-right: 2.857%; display: flex; flex-direction: column; align-items: center;}
.sub__contents.sub01_4 .certification-block ul li:nth-child(5n){margin-right: 0;}
.sub__contents.sub01_4 .certification-block ul li img{width: 100%;}
.sub__contents.sub01_4 .certification-block ul li p{margin-top: 30px; font-size: 18px; line-height: 1.11; text-align: center; color: #000; word-break: keep-all;}

/* 비즈니스 파트너 */
.sub__contents.sub01_5{}
.sub__contents.sub01_5 .partner-block{}
.sub__contents.sub01_5 .partner-block .partner__logo{display: flex; flex-wrap: wrap;}
.sub__contents.sub01_5 .partner-block .partner__logo img{width: 19.42%; margin-right: 0.714%; margin-top: 0.714%;}
.sub__contents.sub01_5 .partner-block .partner__logo img:nth-child(5n){margin-right: 0;}


.contact-info {
    display: inline-flex;
    justify-content: space-between; /* 두 섹션을 좌우에 배치 */
    align-items: flex-start; /* 수직 정렬을 위쪽으로 조정 */
    margin: 40px 0;
    font-family: 'Pretendard', sans-serif;
}

.company-details, .directions {
  
    text-align: left; /* 각 섹션의 텍스트를 좌측 정렬 */
}

.company-details h1  {
  width: 173px;
  height: 41px;
  margin: 0 467px 8.5px 0;
  font-family: Pretendard;
  font-size: 35px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.86;
  letter-spacing: -0.88px;
  text-align: left;
  color: #00c;
}

.company-details p {

  height: 64px;
 
  font-family: Pretendard;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000;
}

.company-details  .Rectangle-1-copy-9 {
  width: 560px;
  height: 1px;
  margin: 46px 80px 49px 0;
  background-color: #000;
}

.contact {text-align: left;
}

.contact div  {

  height: 24px;
  margin-top:25px;
  font-family: Pretendard;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: left;
  color: #000;
}

.contact .label{
  width: 40px;
  height: 24px;
  
  font-family: Pretendard;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: left;
  color: #00c;
}

.directions .sub-section {
    margin-bottom: 30px; /* 섹션 간의 간격 확대 */
}

.directions .sub-section .label {
    color: #00c;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 22px; /* 라벨 글씨 크기 키움 */
}

.directions .sub-section p {
    font-size: 22px; /* 설명 글씨 크기 키움 */
    line-height: 1.8; /* 줄 간격 조정 */
    text-align: left; /* 좌측 정렬로 변경 */
}






.con0303 { font-family: Pretendard;
  font-size: 35px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.88px;
  text-align: left;
  color: #000;

  }


.con0303{ width:70%; margin:0 auto;}
.con0303 .sub-subject {
display:left;
}


 .Rectangle-5-copy-3 {
 display: inline-block; /* div를 인라인 요소처럼 배치 */
  width: 15px;
  height: 15px;
  margin-left: 9px; /* 왼쪽에 여백을 주어 span과 떨어뜨림 */
  margin-top: -35px; /* 위쪽 여백을 없앰 */
  margin-bottom: 0; /* 아래쪽 여백을 없앰 */
  border: solid 5px #00c; /* 파란 테두리 */
  vertical-align: middle; /* 수직 정렬 */
  
}


.con0303 .container {
margin-top:20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom:100px;
}

.con0303 .row {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.item {
  display: flex;
  align-items: center;
}
 .con0303 .box {

  font-family: GmarketSans;

  border-radius: 20px;
  width: 280px;
  /*height: 100px;*/ 
  padding: 38.6px 47.6px 32.4px 50.4px;
  
  border-radius: 20px;
  /*background-image: linear-gradient(120deg, #00c 15%, #0081cc 50%, #4a4453 85%);*/
  
  background-image: linear-gradient(120deg, #00c 25%, #4a4453 99%);
  color: white; /* 글자색 흰색 */
  text-align: center;
font-size: 22px; /* 글자 크기 조정 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.con0303 .arrow {
  width: 20px;
  height: 15px;
  margin: 40px 10px;
}


.con0303 .arrow-down {
  /*width:20px; 
  height: 15px;*/
  margin-left: 940px; /* 위아래에 적당한 여백 추가 */
}

 .con0303 .arrow-down-mobile {
    display: none; /* 모바일에서는 화살표 숨기기 */
	
  }

.div0304{
max-width:1200px;
margin:0 auto;
padding-top:100px;

}
.div0102{
max-width:1200px;
margin:0 auto;
padding-top:100px;

}
}

.sub__contents.sub03_3 article.greeting-block .paragraph{text-align:center;}
.sub__contents.sub03_3 article.greeting-block .paragraph p + p{margin-top: 30px;}
.sub__contents.sub03_3 article.greeting-block .greeting__sign{display: flex; align-items: flex-start;}
.sub__contents.sub03_3 article.greeting-block .greeting__sign .sign__name{padding-top: 40px; box-sizing: border-box;}
.sub__contents.sub03_3 article.greeting-block .greeting__sign .sign__name span{font-size: 18px; font-weight: 600; line-height: 1.67; letter-spacing: -0.45px; text-align: left; color: #000;}
.sub__contents.sub03_3 article.greeting-block .greeting__sign .sign__name p{font-family: 'ROEHOE-CHAN'; font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -0.63px; text-align: left; color: #000;}




	/*CI/BI/브랜드소개*/

	
	.sub__contents.sub04_1 .cibi {
		background-image: url('../img/sub/con-04-01-01.png');
		background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
		background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
		background-repeat: no-repeat;
		padding:160px 0 160px 0;
	}


sub__contents.sub04_1 article.greeting-block{width: calc(100% - 267px - 6.42%); margin-left: 12.42%; }
.sub__contents.sub04_1 article.greeting-block .para_subject{  font-family: Pretendard;
  font-size: 35px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.88px;
  text-align: left;
  color: #000;}

.sub__contents.sub04_1 article.greeting-block .text{font-size: 20px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal; text-align: left; color: #000; word-break: keep-all;}

.sub__contents.sub04_1 article.greeting-block .greeting__diagram li{width: 285px; height: 285px; display: flex; flex-direction: column; align-items: center; padding: 70px 60px; position: absolute; border-radius: 50%; box-shadow: 5px 10px 5px 0 rgba(0, 37, 129, 0.2); background-color: rgba(0, 37, 129, 0.8); box-sizing: border-box;}
.sub__contents.sub04_1 article.greeting-block .greeting__diagram li span{font-family: 'GmarketSansMedium'; font-size: 25px; text-align: center; color: #fff;}
.sub__contents.sub04_1 article.greeting-block .greeting__diagram li strong{font-family: 'GmarketSansBold'; font-size: 30px; text-align: center; color: #fff;}
.sub__contents.sub04_1 article.greeting-block .greeting__diagram li:nth-child(1){}
.sub__contents.sub04_1 article.greeting-block .greeting__diagram li:nth-child(2){left: 252px;}
.sub__contents.sub04_1 article.greeting-block .greeting__diagram li:nth-child(3){right: 252px;}
.sub__contents.sub04_1 article.greeting-block .greeting__diagram li:nth-child(4){right: 0;}
.sub__contents.sub04_1 article.greeting-block .paragraph{text-align:center;}
.sub__contents.sub04_1 article.greeting-block .paragraph p + p{margin-top: 30px;}
.sub__contents.sub04_1 article.greeting-block .greeting__sign{display: flex; align-items: flex-start;}
.sub__contents.sub04_1 article.greeting-block .greeting__sign .sign__name{padding-top: 40px; box-sizing: border-box;}
.sub__contents.sub04_1 article.greeting-block .greeting__sign .sign__name span{font-size: 18px; font-weight: 600; line-height: 1.67; letter-spacing: -0.45px; text-align: left; color: #000;}
.sub__contents.sub04_1 article.greeting-block .greeting__sign .sign__name p{font-family: 'ROEHOE-CHAN'; font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -0.63px; text-align: left; color: #000;}
.sub__contents.sub04_1 .Rectangle-4-copy-4 {
 
  
  margin: 35.7px 0 0 1px;
  padding: 81px 70px 81px 60px;
  border: solid 1px #ccc;
  background-color: #fff;
}

.sub__contents.sub04_1  .sub-black-big {
  font-family: Pretendard;
  font-size: 35px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.88px;
  text-align: left;
  color: #000;
}

.sub__contents.sub04_1 .cibi_underline {

  width: 400px;
  height: 1px;
  margin: 15.7px 60px 24.3px 0;
  background-color: #000;
}

	
.three-columns {
    display: flex;
    justify-content: space-between; /* 각 항목 사이에 여백을 줌 */
   
    text-align: center; /* 가운데 정렬 */
}

.column {
    padding: 20px; /* 각 요소에 적당한 패딩 추가 */
}

.column:first-child {
    flex: 4; /* 첫 번째 영역 비율 4 */
}

.column:nth-child(2) {
    flex: 2; /* 중간 영역 비율 2 (이미지 영역) */
}

.column:last-child {
    flex: 4; /* 세 번째 영역 비율 4 */
}

.column img {
    max-width: 100%;
    height: auto;
}

.three-columns  .cibi-big{font-size:25px;text-align:justify;font-family: Pretendard;line-height: 1.67;word-break: keep-all; border-bottom: 1px solid black; padding-bottom: 10px; }
.three-columns  .cibi-small{font-size: 20px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal; text-align: left; color: #000; word-break: keep-all;padding-top:20px;}



.three-columns  .cibi-small_2{font-size: 20px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal; text-align: left; color: #000; word-break: keep-all;}

.three-columns  .yes {
  width: 309px;
  height: 54px;
  margin: 0 51px 3px 0;
  font-family: Pretendard;
  font-size: 45px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.three-columns  .house {
  font-weight: 900;
  color: #005399;
}


.three-columns .Rectangle-line{
 width: 240px;
  height: 1px;
  margin: 29.7px 50px 26.3px 51px;
  background-color: #000;
}

.three-columns .house {
  font-weight: 900;
  color: #005399;
}


/*	***************************************************************************/
@media (max-width:1920px) {


    .timeline-container {
         display: inline-block;
        grid-template-columns: 1fr;
        grid-auto-flow: row; /* 아이템을 순서대로 한 줄씩 배치 */
    }






.con0303 .sub-subject {	
	margin-left:0px;
	}
.paragraph{width:100% !important;}

}

	

@media (max-width:1024px) {
	.paragraph{width:100%;}
.item {
  display: inline;
  align-items: center;
}

/*지속가능경영*/





	.con0303 .sub-subject {	
	margin-left:0px;
	}
	.con0303 .arrow-down{
        display: none; /* 모바일 화면에서는 요소가 보이게 설정 */
		
    }
	.con0303 .arrow-down-mobile {
        display: block; /* 모바일 화면에서는 요소가 보이게 설정 */
		margin:10px  auto;
    }
	/*공통*/
	.sub-block {position: relative;}
	.sub-black-big { font-size: 25px;}
	.sub-text-blue{font-size: 30px;}

    /* CEO 인사말 */
    .sub__contents.sub01_1 .sub-inner{flex-direction: column;}
    .sub__contents.sub01_1 article.greeting-block{width: 100%; margin-left: 0; padding-top: 0; margin-top: 35px;}
	
	/*경영이념*/


.Ellipse-2, .Ellipse-2-copy, .Ellipse-2-copy-2 {height: 250px;}
.Ellipse-2-copy {background-color: #0081cc;margin-left: -70px; /* 중첩 효과를 위해 조정 */}
.Ellipse-2-copy-2 {background-color: #4a4453;margin-left: -70px; /* 중첩 효과를 위해 조정 */}
.Ellipse span:nth-child(2) { font-size: 25px; height:40px;}
 .sub__contents.sub01_2 .content .description{display:block;}	
.list-item {display: block;}
.list-item .title .sub {margin: 0 0 0 0;}
.list-item .content {display:block}
.list-item .line{height:0px;}
.list-item .number {margin-left:0px;}

.list-item_0304 {display: block;}
.list-item _0304.title_0304 .sub {margin: 0 0 0 0;}
.list-item _0304.content {display:block}
.list-item_0304 .line{height:0px;}
.list-item_0304 .number {margin-left:0px;}




    /* 연혁 */
    .sub__contents.sub01_3 .sub-inner{flex-direction: column;}
    .sub__contents.sub01_3 article.history-block{width: 100%; margin-left: 0; padding-top: 0; margin-top: 60px;}
    .sub__contents.sub01_3 article.history-block ul.history__years{padding-top: 35px;}
    .year-column  .black{
  
  margin: 69.3px 48px 0 0;
  font-family: Pretendard;
  font-size: 25px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: -1.13px;
  text-align: left;
  color: #000c;
}
.year-column  .blue  {
 
  margin: 69.3px 20px 0 0;
  font-family: Pretendard;
  font-size: 25px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: -1.13px;
  text-align: left;
  color: #00c;
}
  .timeline-container {
        grid-template-columns: 1fr;
      }
      .timeline-item {
        flex-direction: inherit;
		padding-left:10px;
      }
      .event-column, .year-column {
        text-align: center;
        padding: 10px 0;
        border: none;
      }
      .timeline-container::before {
        display: none;
      }
 .event-column p {
      margin: 5px 0;
      color: #333;
      font-size: 13px;
	  font-family: Pretendard;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: left;
    }
	 .event-column .date {
  margin-top:-5px;   font-family: Pretendard;  font-size: 20px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.5;  letter-spacing: -0.5px;  text-align: left;  color: #999;
    }

    /* 오시는 길 */
    .sub__contents.sub01_6 .sub-inner{flex-direction: column;}
    .sub__contents.sub01_6 article.direction-block{width: 100%; margin-left: 0; padding-top: 0; margin-top: 60px;}
	.contact-info { display: inline;  }
	.company-details, .directions {width: 100%; text-align: left; }
	.company-details  .Rectangle-1-copy-9 {width: 500px;}	
	.company-details h1  {font-size: 25px;}
	.company-details p { font-size: 19px;}
	.directions .sub-section p {font-size: 19px;}

	.con0303 .row {
    flex-direction: column; /* 한 줄에 하나씩 나오도록 세로 정렬 */
    align-items: center;margin-bottom: 0px;

  }

.

  .con0303 .box {
    width:400px; /* 모바일에서 한 줄에 하나의 박스가 전체 너비 차지 */
    margin: 10px 0; /* 위아래로 적당한 여백 추가 */
  }

  .sub03_03 .arrow {
   display: none;  모바일에서는 화살표 숨기기 */
	margin-bottom: 1px;
  }

	/*CI/BI/브랜드소개*/
.sub__contents 	.sub04_1 .sub-inner{
			width:1024px;
			}
.sub__contents.sub04_1 article.greeting-block p{font-size: 15px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal;  color: #000; word-break: keep-all;}
	
	
.sub__contents.sub04_1 .cibi {
		background-image: url('../img/sub/con-04-01-01.png');
		background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
		background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
		background-repeat: no-repeat;
		padding:50px 0 50px 0;
	}

	
.three-columns {
    display: flex;
    justify-content: space-between; /* 각 항목 사이에 여백을 줌 */
   
    text-align: center; /* 가운데 정렬 */
}

.column {
    padding: 20px; /* 각 요소에 적당한 패딩 추가 */
}


.column img {
    max-width: 100%;
    height: auto;
}

.three-columns  .cibi-big{font-size:25px;text-align:justify;font-family: Pretendard;line-height: 1.67;word-break: keep-all; border-bottom: 1px solid black; padding-bottom: 10px; }
.three-columns  .cibi-small{font-size: 20px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal; text-align: left; color: #000; word-break: keep-all;padding-top:20px;}
.sub__contents.sub04_1 article.greeting-block .text{font-size: 15px; }


.three-columns .Rectangle-line{
 width:20px;
  height: 1px;
  margin: 29.7px 50px 26.3px 51px;
  background-color: #000;
}

}
	

@media (max-width:769px) {
.paragraph{width:100% !important;}
	.con0303 .sub-subject {	margin-left:20px;width:100% !important;}
	.three-columns {
        display: ruby;

		}
}



@media (max-width:769px) {

.sub-visualImg {height:200px;}

.sub__contents.sub05_2 article greeting-block{width:95% !important;}

.img0303{width:100% !important;}

	
	
	.three-columns {
        display: ruby;
		}



 	.con0303 .row {
    flex-direction: column; /* 한 줄에 하나씩 나오도록 세로 정렬 */
    align-items: center;
	margin-bottom: 1px;
  }

  .row:nth-child(3) .box:nth-child(1) { order: 4; } /* 지속적 개선 -> 마지막으로 이동 */
  .row:nth-child(3) .box:nth-child(2) { order: 3; } /* 성과 평가 */
  .row:nth-child(3) .box:nth-child(3) { order: 2; } /* 모니터링 */
  .row:nth-child(3) .box:nth-child(4) { order: 1; } /* 비상대응계획 -> 첫 번째로 이동 */


  .con0303 .box {
    width: 300px; /* 모바일에서 한 줄에 하나의 박스가 전체 너비 차지 */
    margin: 10px 0; /* 위아래로 적당한 여백 추가 */
  }

  .con0303 .arrow {
    display: none; /* 모바일에서는 화살표 숨기기 */
	
  }

  .con0303 .arrow-down {
    margin-left: 0;
    display: none; /* 모바일에서는 화살표 숨기기 */
  }

	/*공통*/
	.sub-block {position: relative;/* 배경 이미지가 보일 수 있도록 높이를 설정 */}
	.sub-black-big { font-size: 25px;}
	.sub-text-blue{font-size: 30px;}

	

    .sub-tit{font-size: 32px;}

    /* 연혁 */
    .sub__contents.sub01_2 article.history-block li.year .year__num{padding-left: 40px;}
    .sub__contents.sub01_2 article.history-block li.year .year__num::after{width: 32px;}
    .sub__contents.sub01_2 article.history-block li.year .year__num b{font-size: 32px;}
    .sub__contents.sub01_2 article.history-block .history__months li{padding-left: 40px;}
	
	
	/*경영이념*/


.Ellipse-2, .Ellipse-2-copy, .Ellipse-2-copy-2 {height: 200px;}
.Ellipse-2-copy {background-color: #0081cc;margin-left: -50px; /* 중첩 효과를 위해 조정 */}
.Ellipse-2-copy-2 {background-color: #4a4453;margin-left: -50px; /* 중첩 효과를 위해 조정 */}
.Ellipse span:nth-child(2) { font-size: 25px;}
 .sub__contents.sub01_2 .content .description{display:block;}	
.list-item .title .sub {margin: 0 0 0 0;}
.list-item .content {display:block}
.list-item .line{height:0px;}
.list-item .number {margin-left:0px;}
.list-item _0304.title_0304 .sub {margin: 0 0 0 0;}
.list-item _0304.content {display:block}
.list-item_0304 .line{height:0px;}
.list-item .number {margin-left:0px;}

/**/


    /* 인증현황 */
    .sub__contents.sub01_4 .certification-block ul li{width: 21.71%;}
    .sub__contents.sub01_4 .certification-block ul li:nth-child(4n){margin-right: 0;}
    .sub__contents.sub01_4 .certification-block ul li:nth-child(5n){margin-right: 2.857%;}
    .sub__contents.sub01_4 .certification-block ul li p{margin-top: 20px; font-size: 16px;}

    /* 오시는 길 */
    .sub__contents.sub01_7 article.direction-block{margin-top: 45px;}
    .sub__contents.sub01_7 article.direction-block p{font-size: 24px;}
    .sub__contents.sub01_7 article.direction-block table.info td.info__tit{padding-left: 0px;}
    .sub__contents.sub01_7 article.direction-block table.info td{padding: 6px 0px 6px 20px;}
	 .sub__contents.sub01_7  .contact-info { display: inline;  }
	 .company-details  .Rectangle-1-copy-9 {width: 440px;}	


		/*CI/BI/브랜드소개*/
		.sub__contents 	.sub04_1 .sub-inner{
			width:794px;
			}
	
.sub__contents.sub04_1 .cibi {
		background-image: url('../img/sub/con-04-01-01.png');
		background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
		background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
		background-repeat: no-repeat;
		padding:50px 0 50px 0;
	}
	
.three-columns {
    display: ruby;
    justify-content: space-between; /* 각 항목 사이에 여백을 줌 */
   
    text-align: center; /* 가운데 정렬 */
}

.column {
    padding: 20px; /* 각 요소에 적당한 패딩 추가 */
}



.column img {
    max-width: 100%;
    height: auto;
}

.three-columns  .cibi-big{font-size:25px;text-align:justify;font-family: Pretendard;line-height: 1.67;word-break: keep-all; border-bottom: 1px solid black; padding-bottom: 10px; }
.three-columns  .cibi-small{font-size: 20px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal; text-align: left; color: #000; word-break: keep-all;padding-top:20px;}

.sub__contents.sub04_1 .Rectangle-4-copy-4 {
    margin: 35.7px 0 0 1px;
    padding: 10px 10px 10px 10px;
    border: solid 1px #ccc;
    background-color: #fff;
}
 sub__contents.sub04_1 article.greeting-block .text{font-size: 15px; }
}


.sub__contents.sub04_1 .color-section {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.sub__contents.sub04_1 .color-section_2 {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.sub__contents.sub04_1 .color-card {
    width: 45%;
    
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.sub__contents.sub04_1 .color-card_2 {
    width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.sub__contents.sub04_1 .color-box {
    height: 150px;
	 position: relative;
}

.sub__contents.sub04_1 .color-info {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: self-start;
    color: white; /* 텍스트를 흰색으로 설정 */
    text-align: center;
    padding: 10px;
}

.sub__contents.sub04_1 .color-info h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.sub__contents.sub04_1 .color-info p {
    font-size: 14px;
    margin-bottom: 5px;
}

.sub__contents.sub04_1 .download-section {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.sub__contents.sub04_1 .download-btn {
    width:220px;
	display: inline-block;
    padding: 15px 30px;
    background-color: #0000cd;
    color: white;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}

.sub__contents.sub04_1 .download-btn:hover {
    background-color: #0000aa;
}
.sub__contents.sub04_1 .download-btn_2 {
    width:220px;
	display: inline-block;
    padding: 15px 30px;
    background-color: #005399;
    color: white;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}

@media (max-width:500px) {
	.paragraph{width:100% !important;}
	.sub03_03 .sub-subject {	
	margin-left:0px;
	}
	
		.Ellipse span:last-child {
    width: 94px;
    height: 13px;
    margin: 20.4px 0 0;
    font-family: GmarketSans;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
.Ellipse span:first-child {
    width: 26px;
    height: 13px;
    margin: -30px 31.6px 36.6px 29.8px;
    font-family: GmarketSans;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fff;
}	
	/*공통*/
	.sub-block {position: relative;/* 배경 이미지가 보일 수 있도록 높이를 설정 */}
	
	.sub-black-big { font-size: 20px;}
	.sub-text-blue{font-size: 20px;}
    .sub-tit{font-size: 20px;}
    .sub-tit-sub{margin-top: 15px; font-size: 16px;}

    /* CEO 인사말 */
    .sub__contents.sub01_1 article.greeting-block p{font-size: 16px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__diagram{width: 700px; height: 200px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__diagram li{width: 200px; height: 200px; padding: 50px 60px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__diagram li:nth-child(2){left: 167px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__diagram li:nth-child(3){right: 167px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__diagram li:nth-child(4){right: 0;}
    .sub__contents.sub01_1 article.greeting-block .greeting__diagram li span{font-size: 18px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__diagram li strong{margin-top: 30px; font-size: 18px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__diagram li:nth-child(4) strong{margin-top: 15px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__sign .sign__name span{font-size: 16px;}
    .sub__contents.sub01_1 article.greeting-block .greeting__sign .sign__name p{font-size: 20px;}

   	
	/*경영이념*/

.Ellipse-2, .Ellipse-2-copy, .Ellipse-2-copy-2 {height: 20px;padding: 67px 0;}
.Ellipse-2-copy {background-color: #0081cc;margin-left: -20px; /* 중첩 효과를 위해 조정 */}
.Ellipse-2-copy-2 {background-color: #4a4453;margin-left: -20px; /* 중첩 효과를 위해 조정 */ height:20px;} 
.Ellipse span:nth-child(2) { font-size: 20px; margin-bottom:-40px;  }
 .sub__contents.sub01_2 .content .description{display:block;}	
.list-item .title .sub {margin: 0 0 0 0; }	
.list-item .content {display:block}
.list-item .line{height:0px;}
.list-item .number {margin-left:0px;}
.list-item_0304 .title_0304 .sub {margin: 0 0 0 0; }	
.list-item_0304 .content {display:block}
.list-item_0304 .line{height:0px;}
.list-item_0304 .number {margin-left:0px;}
.list-item_0304 .title_0304 {width:100%;}

.div0304 {width:90%;}
.scroll-auto .img0304 {width:90% !important;}
.scroll-auto .img0301 {width:90% !important;}


    /* 인증현황 */
    .sub__contents.sub01_4 .certification-block ul li{width: 48.57%;}
    .sub__contents.sub01_4 .certification-block ul li:nth-child(2n){margin-right: 0;}
    .sub__contents.sub01_4 .certification-block ul li:nth-child(5n){margin-right: 2.857%;}
    .sub__contents.sub01_4 .certification-block ul li:last-child{margin-right: 0;}
    .sub__contents.sub01_4 .certification-block ul li p{margin-top: 15px; font-size: 14px;}

    /* BUSINESS PARTNER */
    .sub__contents.sub01_5 .partner-block .partner__logo img{width: 49.6%;}
    .sub__contents.sub01_5 .partner-block .partner__logo img:nth-child(5n){margin-right: 0.714%;}
    .sub__contents.sub01_5 .partner-block .partner__logo img:nth-child(2n){margin-right: 0;}


    /* 오시는 길 */
    .sub-visualImg.map .root_daum_roughmap .wrap_map{height: 350px !important;}
    .sub__contents.sub01_7 article.direction-block p{font-size: 18px;}
    .sub__contents.sub01_7 article.direction-block table.info{margin-top: 45px;}
    .sub__contents.sub01_7 article.direction-block table.info td.info__tit{font-size: 16px; white-space: nowrap;}
    .sub__contents.sub01_7 article.direction-block table.info td{font-size: 16px;}
	.company-details  .Rectangle-1-copy-9 {width: 320px;}	

		
.sub__contents.sub04_1 .cibi {
		background-image: url('../img/sub/con-04-01-01.png');
		background-size: cover; /* 배경 이미지가 컨테이너를 꽉 채우도록 설정 */
		background-position: center; /* 배경 이미지의 위치를 가운데로 설정 */
		background-repeat: no-repeat;
		padding:20px 0 20px 0;
	}

	
.three-columns {
    display: ruby;
    justify-content: space-between; /* 각 항목 사이에 여백을 줌 */
   
    text-align: center; /* 가운데 정렬 */
}

.three-columns  .yes {
 
  margin: 0 auto;
  
}

.column {
    padding: 20px; /* 각 요소에 적당한 패딩 추가 */
}



.column img {
    max-width: 100%;
    height: auto;
}

.three-columns  .cibi-big{font-size:25px;text-align:justify;font-family: Pretendard;line-height: 1.67;word-break: keep-all; border-bottom: 1px solid black; padding-bottom: 10px; }
.three-columns  .cibi-small{font-size: 20px;  font-family: Pretendard;line-height: 1.67; letter-spacing: normal; text-align: left; color: #000; word-break: keep-all;padding-top:20px;}

.sub__contents.sub04_1 .Rectangle-4-copy-4 {
    margin: 35.7px 0 0 1px;
    padding: 10px 10px 10px 10px;
    border: solid 1px #ccc;
    background-color: #fff;
}




.con0303 { font-size: 25px;
padding-top:50px !important;
padding-bottom:20px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.88px;
  text-align: left;
  color: #000;}



}
	

	}