.sub_con {width:100%; margin:0 auto; font-size:16.5px;  font-weight:300; line-height:1.5 }
.sub_con h3 {font-size:30px; margin-bottom:20px; letter-spacing:-1px;  }
.sub_con section img {max-width:100%}

@media all and (max-width:900px) {
		.sub_con {  font-size:15px;  }
		.sub_con h3 {font-size:1.6em;  }

}

.sub_con .vi {position:relative; width:100%; height:500px; background:url('/garden/img/21795951.jpg') no-repeat center; background-size:cover;}
.sub_con .vi:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); display:inline-block; }
.sub_con .vi .in {position:relative; z-index:99; display:flex; flex-direction:column; align-items:center; height:100%;  justify-content:center; }
.sub_con .vi .in h3 {font-weight:500; color:#fff; margin-top:70px}
.sub_con .vi .in p.t1 {font-size:1.2em; font-weight:400; color:#fff}
.sub_con .vi .in p.t2 {font-size:1em; font-weight:300; color:#fff}

.sub_con .vi.bg1 {  background:url('/garden/img/sub_vi1.jpg') no-repeat center; background-size:cover;}
.sub_con .vi.bg2 {  background:url('/garden/img/sub_vi2.jpg') no-repeat center; background-size:cover;}
.sub_con .vi.bg3 {  background:url('/garden/img/sub_vi3.jpg') no-repeat center; background-size:cover;}
.sub_con .vi.bg4 {  background:url('/garden/img/sub_vi4.jpg') no-repeat center; background-size:cover;}
.sub_con .vi.bg5 {  background:url('/garden/img/sub_vi5.jpg') no-repeat center; background-size:cover;}
.sub_con .vi.bg6 {  background:url('/garden/img/sub_vi6.jpg') no-repeat center; background-size:cover;}

 aside {width:100%; margin-bottom:70px;    position:relative; z-index:99; margin-top:80px }
 aside ul {width:100%; display:flex; justify-content:center;  }
 aside ul li { font-size:1.1em; border:1px solid #999;  display:inline-block; border-radius:50px; margin:0 10px; position:relative; box-sizing:border-box; text-align:Center; font-weight:400;  }
 aside ul li a {color:#222; white-space:nowrap;  display:inline-block;  padding:11px 50px; }
 aside ul li.ov {background-color:var(--main_c); border:1px solid var(--main_c);}
 aside ul li.ov * {color:#fff; font-weight:400}


@media all and (max-width:900px) {

	aside {  margin-top:0;  overflow-x:auto;  border-bottom:1px solid #ddd; margin-bottom:70px  }
	aside ul { justify-content:flex-start;  padding:10px; box-sizing:border-box;   }
	aside ul li {padding:0; margin:0;  border:none}
	aside ul li a {  padding:0 20px; line-height:35px  }
  

}
hr.sub_hr {height:100px}
hr.sub_hr2 {height:60px; }
 
.bg {background-color: var(--bg1);;  padding:80px 0;}


ul.img_list {flex-wrap:wrap; gap:30px;  }
ul.img_list li {width:calc(25% - 23px); background-color:#fff; padding-bottom:15px; border:1px solid #ddd; box-sizing:border-box;  text-align:center}
ul.img_list li img { width:100%; box-sizing:border-box; margin-bottom:10px }

@media all and (max-width:900px) {
	 ul.img_list {gap:20px 0; justify-content:space-between }
	 ul.img_list li {width:48%;  }


}



.top_text {margin-bottom:50px}
.top_text span.line {width:40px;height:3px; margin-top:15px;   margin-bottom:10px;  background-color:red; display:inline-block}
.top_text h4 {font-size:30px; color:#000;  margin-bottom:10px}
.top_text p {font-size:1.1em; color:#111; font-weight:300;  }

.about1 .ceo_img {width:500px; flex-shrink:0; }
.about1 .flex {gap:60px}
.about1 .text b.b1 {font-size:1.5em; font-weight:500}
.about1 .text b.b2  {font-size:2.2em; letter-spacing:-1.3px; font-weight:800}
.about1 .text b.b2 span {color:var(--main_c); font-weight:900}
.about1 .text p {font-size:1.03em; line-height:1.6}



@media all and (max-width:900px) {
	.about1 .ceo_img {width:100%; }
	.about1 .text b.b1 {font-size:1.3em;  }
	.about1 .text b.b2  {font-size:1.7em; }
	.about1 .text p {font-size:1em;  }

}




.history_img_bg {width:100%; height:400px; background:url('/general/img/history_img_bg.png') no-repeat bottom; background-color:#333; background-size:cover}
.history   {display:flex; flex-wrap:wrap; position:Relative;  width:80%; margin:0 auto; background-color:#fff; margin-top:-150px; box-sizing:border-box; padding:80px}
.history:after {content:''; position:absolute; left:222px; top:5px;   width:1px; height:100%;  background-color:var(--main_c); display:inline-block}
.history {display:flex; flex-wrap:wrap;  }
.history h4 {width:150px; color:var(--main_c);   line-height:.9; font-size:30px;  margin-bottom:50px; position:Relative }
.history h4:after {content:'';  border-radius:50%; position:Absolute; right:0; top:3px;   width:14px; height:14px;  background-color:var(--main_c);  box-sizing:border-box;  display:inline-block; /* animation: blink 1s infinite ease-in-out; */}
.history h4:before {content:'';  border-radius:50%; position:Absolute; right:-3px; top:0px; width:20px; height:20px; border:1px solid var(--main_c); box-sizing:border-box; display:inline-block}
.history ul {width:calc(100% - 150px); padding-left:60px; box-sizing:border-box; margin-bottom:50px}
.history ul:last-child {margin-bottom:0} 
.history ul li {margin-bottom:3px}


@media all and (max-width:900px) {
        .history { width:100%; margin-top:0;   padding:70px 0 30px 0}
		.history h4 {width:120px;   }
		.history:after {  left:111px; top:0}
		.history ul {width:calc(100% - 120px); padding-left:30px;  }


}

@keyframes blink {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(1);
  }
}

.map div {text-align:center; border-right:1px solid #ddd;}
.map div:last-child {border-right:none}
.map h5  {display:flex; font-size:1.1em; font-weight:500;  align-items:center; gap:10px;  justify-content:center; margin-bottom:10px}
.map h5 span {width:50px; height:50px; border-radius:50%; background-color: var(--bg1); display:flex; justify-content:center; align-items:center}


 @media all and (max-width:900px) {

		.map div {text-align:left; border-right:none}
		.map h5  {justify-content:flex-start;  }
		.map div + div {margin-top:40px}
}


.business .box_list2 {gap:20px}
.business .box_list2 li  a {width:100px;  text-align:Center; display:flex; flex-direction:column; align-items:center}
.business .box_list2 li:hover {text-decoration:underline}

.business .flex.in {align-items:flex-start}
.business .left {width:120px; position:sticky; top:180px;  flex-shrink:0; }
.business .left .icon_one2 {  margin:0 auto; margin-bottom:15px;  }

.business .img_list {width:100%; margin-top:20px}
.business .img_list div {line-height:0}
.business .img_list ul {width:100%; margin-top:10px;  display:flex; gap:20px}
.business .img_list li {width:33%; height:200px; background-position:center !important}
.business .img_list img {width:100%}

.business .left h4 {font-size:1.55em}
.business .right {width:100%; padding-left:100px; box-sizing:border-box;  margin-left:auto}
.business .right h5 {font-size:1.4em;  }
.business .right p {font-size:1.08em; color:#333;  font-weight:400}
.business .right .box_list {margin:15px 0 30px 0; flex-wrap:nowrap; gap:10px;  counter-reset: item;}
.business .right .box_list li {position:relative; width:50%; color:#222; font-weight:400; font-size:1.1em}
.business .right .box_list li:after {color:var(--main_c); font-weight:500;  counter-increment: item;  content: counter(item, decimal-leading-zero);  position:absolute; right:15px; top:10px; font-size:17px }
.business h4 {font-size:1.4em; margin-bottom:20px;  font-weight:700}

.business img {max-width:100%}
 .business section#tab1 { padding-top:250px; margin-top:-250px; }
.business section + section {padding-top:250px; margin-top:-100px }
.business .last_text {font-size:1.3em; font-weight:600; text-align:center; margin-top:30px}
.business .box_list li {padding:20px}
.business .box_list div {width:100%;display:flex; align-items:center; gap:15px; text-align:left}
.business .icon_p {width:70px; border-radius:50%; height:70px; margin-bottom:0; background-color:var(--main_c); display:flex; align-items:center; justify-content:center; flex-shrink:0}
.business .icon_p img {max-height:60%; max-width:60%}

 @media all and (max-width:900px) {
       .business section#tab1 { padding-top:150px; margin-top:-150px; }
       .business section + section {padding-top:150px; margin-top:-50px }
		.business .box_list2 {gap:20px 0;}
		.business .box_list2 li  a {width:80px;  }
		.business .icon_one2 img {max-width:60%; max-height:60%}

		.business .left {width:100%; margin-bottom:20px;  position:static; display:flex; align-items:center; justify-content:flex-start; gap:10px }
		.business .left .icon_one2 {margin:0}
		.business .left h4 {font-size:1.55em; margin-bottom:0}
		.business .right {width:100%; padding-left:0;  }
		.business .right .box_list {flex-wrap:wrap; gap:2px 0; box-sizing:border-box; padding:20px; background-color: var(--bg1);  }
		.business  .box_list li {   align-items:center;   }
		.business .right .box_list li {width:100%;  justify-content:flex-start; align-items:flex-start; padding:0; }
		.business .right .box_list li:before {content:'·'; margin-right:3px}
		.business .right .box_list li:after {display:none }

		.business .img_list ul {gap:10px; }
		.business .img_list li {  height:100px;  }
		.business .box_list div {flex-direction:column; text-align:center }

}


.esg1 .section1 ul.box_list {gap:30px}
.esg1 .section1 ul li {width:310px; height:310px; box-sizing:border-box; padding:20px 40px; border-radius:50%; align-items:center; position:relative}
.esg1 .section1 ul li p:nth-child(1) {color:var(--main_c);  }
.esg1 .section1 ul li h5 {color:var(--main_c); font-size:30px; }

.esg1 .section1 ul li:after {content: '&'; position: absolute; width: 40px; font-size: 35px; font-weight: 300; display: flex; align-items: center; justify-content: center; text-align: center; right: -35px; top: 0; z-index:99; height: 100%; font-style:italic;}

.esg1 .section1 .box_list li:last-child:after {display: none;}

.esg1 h3 + p.basic_t {font-size:1.3em;}

.esg1 h5 {font-size: 1.5em;}

.esg1 .vision_box {  color:#000;  font-weight: 500; line-height:1.3; display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; font-size: 1.25em; padding: 20px 100px; border-radius: 100px; position:Relative; overflow:hidden }
.esg1 .vision_box:after {width:100%; height:100%; box-sizing:border-box; border-radius:100px; border:2px solid var(--main_c);  left:0; top:0; position:Absolute;  content:'';  z-index:-9; opacity:.7}
.esg1 .vision_box:nth-child(2) {margin: 0 -20px;}

.esg1 hr.sub_hr2 {height: 100px;}

.esg1 .flex {width: 100%;}
.esg1 .flex .left {width: 320px; flex-shrink: 0;}
.esg1 .flex .right {width: 100%;}

.esg1 .section2 .box_list li {padding:0; padding-bottom:20px}
.esg1 .section2 .box_list li div {width:100%}
.esg1 .section2 .box_list li h6 {font-size: 1em; margin-bottom:0;  font-weight:300; background-color:var(--main_c); padding:10px 0; margin-bottom:15px; color:#fff}
.esg1 .section2 .box_list li p {font-size: 1.16em; font-weight:500}
.esg1 .no_list li  {gap:15px}
.esg1 .no_list li b {font-size:1.1em; font-weight:400; color:#000;  }
.esg1 .bg_box h6 {font-size: 1.1em;   margin-bottom:15px; font-weight:600}


@media all and (max-width:1100px) {
	.esg1 .section1 ul.box_list  {flex-wrap:nowrap;  }
	.esg1 .section1 ul li {width:30vw; height:30vw}
}

@media all and (max-width:900px) {
		.esg1 .section1 ul.box_list  {flex-wrap:wrap; gap:10px }
		.esg1 .section1 ul li {width:100%; height:auto; border-radius:0}
		.esg1 .section1 ul li:after {display:none}
		.esg1 .section2 .box_list li {width:100%;  }
		.esg1 ul.no_list.col-2 li  {width:100%}
		.esg1 .bg_box  {width:48%}
		.esg1 .flex.gap20  {gap:10px}
		.esg1 .vision_box {width:100%;  box-sizing:border-box}
		.esg1 .vision_box:nth-child(2) {margin:10px 0}
		.esg1 .section1 ul li h5  {font-size:1.6em}
}
.csr1 h4 {font-size:1.3em; margin-bottom:10px}

.social_dos { position:relative; padding:20px 0; border:1px solid #ddd;}

.social_dos .tt_div {margin:0 auto; line-height:0; text-align:center}
.social_dos .tt_div p {border-bottom:2px solid var(--main_c); font-size:1.1em; line-height:1; color:var(--main_c); font-weight:400; display:inline-block; padding:9px 10px; font-weight:500;}
.social_dos .tt_div span {height:50px;  width:1px; background-color:var(--main_c); display:inline-block}

.social_dos .tt_div.color2 {margin-left:450px;}
.social_dos .tt_div.color2 p {border-bottom:2px solid var(--main_c2);  color:var(--main_c2);} 
.social_dos .tt_div.color2 span { background-color:var(--main_c2);  }
.social_dos .tt_div.color3 {margin:0 auto;}
.social_dos .tt_div.color3 p {border-top:2px solid #e44e3e; color:#e44e3e;  border-bottom:none} 
.social_dos .tt_div.color3 span { background-color:#e44e3e;  }


.social_dos .all_box {position:relative; gap:60px; align-items:center; justify-content:center;  }
.social_dos .dotted_line {width:790px; position:absolute; top:0px; border-radius:200px; height:240px; left:251px; border:2px dotted #e44e3e}
.social_dos .one_wrap {gap:15px; border:2px solid var(--main_c); padding:20px; border-radius:200px}
.social_dos p.one {width:200px; height:200px;border-radius:50%; display:flex; align-items:center; text-align:center;  flex-direction:column; justify-content:center; color:#fff}

.csr1 .box_list.type4 span.icon_one {background-color:var(--main_c)}
.csr1 .box_list.type4 span.icon_one {color: #fff; font-size:22px}
.csr1 .box_list.type4 div {width:100%}
.csr1 .box_list.type4 .dot {text-align:left}


@media all and (min-width:1300px) {
  .social_dos + img {display:none;}

}

@media all and (max-width:1300px) {
	.social_dos  {display:none}
	.social_dos + img {margin-top:20px}
}



@media all and (max-width:900px) {

  .csr1 ul.no_list {gap:10px 0; justify-content:space-between }
  .csr1 ul.no_list li {width:49% }

}


.contact .section1 {margin-top:100px}




/* 오버레이 */
  .cert-lightbox {
    position: fixed; inset: 0;
    display: none; align-items: center; justify-content: center;
    background: rgba(0,0,0,0.75);
    z-index: 99999999999999999999999999999999;
  }
  .cert-lightbox.open { display: flex; }
  body.cert-no-scroll { overflow: hidden; }

  /* 다이얼로그 */
  .cert-lightbox__dialog {
    position: relative;
    max-width: 96vw; max-height: 96vh;
    outline: none;
  }

  /* 큰 이미지 */
  .cert-lightbox__img {
    display: block;
    max-width: 96vw; max-height: 84vh;
   
    background: #fff;
  }

  /* 캡션 */
  .cert-lightbox__caption {
    margin-top: 10px;
    text-align: center;
     background:rgba(0,0,0,.5);
	 color: #fff;
     width:100%; 
 	position:absolute;
	 bottom:0;
	 left:0;
	 font-size:.96em; 
 	 padding:10px;
	 box-sizing:border-box; 
   z-index:99;
   display:none 
  }

  /* 닫기/이동 버튼 */
  .cert-lightbox__btn {
    position: absolute; 
    width: 50px; height: 50px;
    background:rgba(0,0,0,.5);
    color: #fff; font-size:15px;  font-weight: 700;
    display: flex; justify-content:center;  align-items:center; 
    cursor: pointer;
  }
   .cert-lightbox__close { right:0 }
  .cert-lightbox__prev, .cert-lightbox__next {
    top: 50%; transform: translateY(-50%);
  }
  .cert-lightbox__prev { left:0}
  .cert-lightbox__next { right:0 }




.csr2 .tab_wrap {gap:20px; margin-bottom:30px; align-items:flex-end; }
.csr2 .flex .tab {width:auto}
.csr2 .flex select {height:35px; padding:0 5px; color:#333; font-size:15px; border:1px solid #ddd;   }


.csr2  ul.gall li span {display:none}
.statistics  ul.gall li span {display:none}

@media all and (max-width:900px) {
  .csr2 .flex select {margin-left:auto }


}