.sub_vi {
  position: relative; 
  top: 0; 
  left: 0; 
  width: 100%; 
  overflow:hidden;
  height:370px;
  
}

 
 .sub_vi img { min-height:100%; width:100%;   position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%); } 
 .sub_vi p.a_bg {width:100%; height:100%;   position:absolute; left:0; top:0; display:inline-block; background:rgba(0,0,0,.1)}

.sub_vi div {width:100%; text-align:center; color:#fff;  display:inline-block;  position:absolute; top:50%; left:50%;  transform: translate(-50%, -30%); }
.sub_vi b {font-size:3rem; margin-bottom:10px; display:block; font-weight:700;  text-shadow:2px 2px 5px rgba(0,0,0,.3); letter-spacing:-1px}
.sub_vi p {font-size:1.3rem; font-weight:500; }



 ul.sub_menu {width:100%;  max-width:1240px; margin-left:auto;  margin-right:auto;  display:flex} 
 ul.sub_menu li {  background-color:#f9f9f9; text-align:center; width:50%; line-height:50px; font-size:1.1rem; color:#333; box-sizing:border-box; cursor:pointer; }
 ul.sub_menu li a {color:#333 !important; width:100%; display:inline-block; transition: all 0.3s ease-out;}
 ul.sub_menu li.ov {background-color:#333; color:#fff}
 ul.sub_menu li.ov a {color:#fff !important}
 ul.sub_menu li a:hover {background-color:#333; color:#fff !important}

ul.sub_menu.type2 {max-width:1240px; margin-left:auto;  margin-right:auto; }

.sub_in {width:100%; display:inline-block;  padding-top:8vh; }
.sub_in h2.guide {font-size:2.5rem; font-weight:700; letter-spacing:-1.5px;  margin-bottom:30px; text-align:center; color:#333; line-height:1em; }
.sub_in  hr {border:none; height:50px}
.sub_in  hr.line_hr {border-bottom:1px solid #ddd; margin-bottom:50px; height:50px}
.sub_in h3 {font-size:1.5rem; display:block; margin-bottom:15px; color:#333}
.content {width:94%; max-width:1240px; margin:0 auto}


.background_wrap {width:100%; background-color:#f9f9f9; padding:70px 0; margin-top:50px; box-sizing:border-box;}


.navigatonBox {
  width:100%; float:left; position:relative; border-bottom:1px solid #ddd;
}


.buttonGroup {
  overflow-x: auto;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.navButton, .option {
  display: inline-block;
  margin-right:12px;
  cursor:default;
}

 
.navButton a {font-size:1.05rem; line-height:45px; font-weight:400; color:#777; }
.navButton a.ov {font-weight:600; color:#333 !important; }

.navButton:last-child {
  margin-right:20px;
}
.navButton:first-child {
  margin-left:20px;
}
.optionGroup {
  width:100%;
  height:100px;
  position:absolute;
  top:50px;
  left:0;
}

.option {
  position:absolute;
  top:0;
  left:0;
  padding: 5px 10px;
  border:1px solid #DDD;
  border-radius:3px;
}

.option p {
  margin:0 0 5px;
  white-space: nowrap;
}

.option p:hover {
  background-color:#EEE;
}

.arrow {
 display:none;
  width:20px;
  height:25px;
  position:absolute;
  top:10px;
  background-color:#fff;
}

.arrow::before {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-size:100% 100%;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDMwNiAzMDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwNiAzMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY2hldnJvbi1yaWdodCI+CgkJPHBvbHlnb24gcG9pbnRzPSI5NC4zNSwwIDU4LjY1LDM1LjcgMTc1Ljk1LDE1MyA1OC42NSwyNzAuMyA5NC4zNSwzMDYgMjQ3LjM1LDE1MyAgICIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
}

.arrow.left {
  left:0;
  transform:rotate(180deg);
}
.arrow.right {
  right:0;
}

 

.text_box {font-size:1.05rem; line-height:1.5em; color:#555; letter-spacing:0;}
.text_box b {font-weight:600; color:#333; font-size:1.2rem}
.color1 {color:#52823e}

.sub_con {width:100%; position:relative;}
.sub_con .img_img {height:350px;  position:relative; overflow:hidden; }
.sub_con .img_img img { position:absolute; top:0; left:0;
-moz-animation: bounce 20s infinite;
    -webkit-animation: bounce 20s infinite;
    animation: bounce 20s infinite; 
}
.sub_con .t_box {width:60%; background-color:#f7f7f7; margin-top:-50px; box-sizing:border-box; padding:5%; margin-left:auto;  position:relative;  }

@media (min-width:1200px) {
		@keyframes bounce {
		  0% { transform: translateY(0);}
		  40% {transform: translateY(-60px);}
		  80% {transform: translateY(0);}
		}
}

 
.sub_con p.point_t {position:absolute; bottom:10px; font-size:4.5rem; line-height:.9em; left:0;  color:#333}
.sub_con p.point_t span {font-size:.27em; line-height:1.2; display:block; margin-bottom:5px  }
.t_box2 {width:100%; display:flex; flex-wrap:wrap }
.t_box2 div {width:48%;}

/*******************/


 @media (max-width:1200px) {

	.sub_vi {height:280px}
 	.sub_vi ul {display:none}
	
	.sub_vi p {font-size:1.05rem; line-height:1.3em}

  
	.text_box {font-size:1rem; line-height:1.5em; color:#555; letter-spacing:0;}
	.text_box b {width:100%; display:block; padding-bottom:10px; line-height:1.4em}

    }


 @media (max-width:960px)  {
    
      .content {width:90%}
      .sub_in h2.guide  {font-size:2rem}
      .sub_in h3 {font-size:1.3rem; }
     .sub_con .img_img {height:200px; overflow:hidden}
      .sub_con .t_box {width:100%; margin-top:0; padding:20px; }
      .sub_con p.point_t {display:none}
     .t_box2 div {width:100%}
     .t_box2 div:last-child { display:inline-block; margin-top:20px}
 
  }


@media (max-width:600px)  {

	.sub_vi b  {font-size:8vw}
}

.pgs_bg {width:100%; display:inline-block; background-color:#f5f8ed; text-align:center}
 

.icon_ul {width:100%; margin-bottom:-20px;   display:flex; flex-wrap:wrap; justify-content:space-between}
.icon_ul li {width:49.3%; display:flex; align-items:Center; border:2px solid #dbe1cf;  color:#333; box-sizing:border-box; padding:20px 15px;  font-size:1.07rem; line-height:1.3; margin-bottom:20px; border-radius:10px}
.icon_ul li:last-child {margin-left:24.5%}
.icon_ul li b {font-size:1.25em; color:#333; display:block; margin-bottom:5px}
.icon_ul li img { max-width:110px; }
.icon_ul li div {margin:0 20px}


@media (max-width:900px) {
		.icon_ul {margin-top:0; margin-bottom:-10px}
		.icon_ul li  {width:100%; margin-bottom:10px; padding:10px;  font-size:1rem; border-radius:0}
		.icon_ul li:last-child {margin-left:0}

		.icon_ul li img { max-width:80px; }
		.icon_ul li b {font-size:1.15em; }

  }

.login_box {width:90%; max-width:400px;  margin:0 auto; }
.login_box input	{font-size:0.90em; color: #555; height:45px; border:none; background-color:#f1f1f1; margin-bottom:15px; text-indent: 10px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.login_box input::placeholder {color:#999}
.login_box a.login_btn {width:100%; background-color:#497637; display:inline-block; color:#fff; text-align:center; line-height:50px; font-size:1.1rem; font-weight:500}
.login_box ul {width:100%; text-align:center; padding-top:20px}
.login_box ul li {display:inline-block; font-size:0.9rem; color:#666; padding:0 10px}

.login_box p {font-size:1.05rem; color:#222; line-height:1.3em; padding-bottom:10px}
.login_box p  b {color:#3557c9; font-size:1.1em; font-weight:600}

/*진행방식*/

.step_wrap {width:100%; padding:0 5%; box-sizing:border-box;  position:relative;  background-size:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.step_box {width:31%;  box-sizing:border-box;   }
.step_box .t_box {background-color:#fff; margin-top:20px; font-size:1.1rem; line-height:1.3em; color:#333;  font-weight:500}
.step_box .t_box span.in_box {display:block; margin-top:10px; background-color:#fff; border:1px solid #497637; box-sizing:border-box; width:100%; padding:10px; color:#2b4d1d; font-size:.95em;  font-weight:400}
.step_box img {width:100%; margin-top:20px;}
.step_box .s_t {display:block; text-align:right; margin-top:5px; font-size:.9em}
img.line_img {position:absolute; left:0; top:2%; width:100%; height:56%}
p.arrow_img {position:absolute;  }
p.arrow_img img {  animation: ani-arrow 2s linear infinite;}
p.arrow_img.type2 img {  animation: ani-arrow2 2s linear infinite;}
p.arrow_img.type3 img {  animation: ani-arrow3 2s linear infinite;}

 
@keyframes ani-arrow {
	0% { opacity: 1;  transform: translatex(0); }
	30% { opacity:1;  transform: translatex(10px); }
	70% { opacity:1;  transform: translatex(10px); }
	100% {opacity:1; transform: translatex(0); }
}

@keyframes ani-arrow2 {
	0% { opacity: 1;  transform: translatex(0); }
	30% { opacity:1;  transform: translatex(-10px); }
	70% { opacity:1;  transform: translatex(-10px); }
	100% {opacity:1; transform: translatex(0); }
}

@keyframes ani-arrow3 {
	0% { opacity: 1;  transform: translatey(0); }
	30% { opacity:1;  transform: translatey(-10px); }
	70% { opacity:1;  transform: translatey(-10px); }
	100% {opacity:1; transform: translatey(0); }
}

.step_box .one  p span {font-size:.75em; opacity:.8; font-weight:300; line-height:1.2em; display:block; margin-top:4px }
.step_box .one  p span.pc_br {line-height:0; margin-top:0} 

@media (min-width:1200px) {
		.step_wrap2 {width:100%;    display:inline-block;  position:relative}
		.step_box { text-align:center; }
		 
		.step_box .one {width:45%;  border-radius:50%; padding-bottom:45%; margin:0 auto;  background-color:#497637; position:relative; box-sizing:border-box;  }
		.step_box .one  p {position:absolute; width:100%; left:50%; top:50%; transform: translate(-50%, -50%);  color:#fff; font-size:1.3rem; line-height:1.15em; font-weight:600 } 
		.step_box .one  p span  {font-size:0.90rem; line-height:1.3em; }

		.step_box .one:after {content: '';
			width: calc(100% - 15px);
			height: calc(100% - 15px);
			display: inline-block;
			border: 2px solid rgba(255,255,255,.5);
			border-radius:50%;
			position: absolute;
			top: 7.5px;
			left: 7.5px;
			box-sizing: border-box;}
   
       .step_box:nth-child(6) img {margin-top:100px}

   }

  @media (max-width:1200px) {
		img.line_img {display:none}
		p.arrow_img {display:none}
	   .step_wrap2 {height:auto; }
	   .step_wrap { padding:0;  height:auto; background:none; position:static;  justify-content:space-between }
	   .step_box {width:30%;  padding:0; }
	   .step_box:nth-child(n + 4) {margin-top:20px}
	   .step_box .one {width:100%; text-align:Center;  background-color:#497637;  color:#fff; padding:20px 10px; box-sizing:border-box; font-size:1.15rem; font-weight:600; position:relative}
	   .step_box .one:after 	{content: '';
		width: calc(100% - 15px);
		height: calc(100% - 15px);
		display: inline-block;
		border: 1px solid #fff;
		position: absolute;
		top: 7.5px;
		left: 7.5px;
		box-sizing: border-box;
	}
	  .step_box:nth-child(4)   {order:6; }
       .step_box:nth-child(5)   {order:5; }
       .step_box:nth-child(6)   {order:4;  }
}
 

  @media (max-width:900px) {
    .step_box .t_box {font-size:1rem}

     .step_box {width:48%; }
     .step_box:nth-child(n + 3) {margin-top:20px}
   
	 
}

/**/
 

.bg_box {width:100%; color:#fff; padding:6% 10%;  box-sizing:border-box; margin-bottom:40px; position:relative;  background:url('/common/img/info4_top_bg.png') no-repeat center;  background-size:cover;}
.bg_box .rgba_bg {background:rgba(0,0,0,.3); width:100%; height:100%; position:absolute; top:0; left:0; display:inline-block}
 .bg_box:after {content: '';
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    display: inline-block;
    border: 2px solid rgba(255,255,255,.8);
    border-radius: 5px;
    position: absolute;
    top: 8px;
    left: 8px;
    box-sizing: border-box;}

 .top_t {font-size:1.5rem; line-height:1.4;   position:relative; z-index:99}

.info4 {font-size:1.25rem; line-height:1.4em; text-align:center; color:#444}
.info4 .b_t {font-size:1.6rem; color:#333; display:block; margin-bottom:30px}

.info4 .bg_box {  background:url('/common/img/info4_top_bg.png') no-repeat center;  background-size:cover; }



ul.ci_step {display:flex;  justify-content:space-between; }
ul.ci_step li {width:32%; font-size:1.1rem; display:flex;  justify-content:space-between; align-items:center; line-height:1.25em}
 
/* p.mark_img {  background-color:#497637; overflow:hidden; border-radius:5px; width:150px;  display:block; position:relative; }
p.mark_img:after {content: '';
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    display: inline-block;
    border: 2px solid rgba(255,255,255,.8);
    border-radius: 5px;
    position: absolute;
    top: 8px;
    left: 8px;
    box-sizing: border-box;}

p.mark_img  img {width:100%; margin-top:5px;
 image-rendering: -moz-crisp-edges;    
                   image-rendering:   -o-crisp-edges;   
                   image-rendering: -webkit-optimize-contrast;
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;
}
 */

p.mark_img {  overflow:hidden;  width:150px;  display:block; position:relative; }
 

p.mark_img  img {width:100%;  
 image-rendering: -moz-crisp-edges;    
                   image-rendering:   -o-crisp-edges;   
                   image-rendering: -webkit-optimize-contrast;
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;
}



ul.ci_step li  div {width:calc(100% - 170px); text-align:left; }
ul.ci_step li  div   b {display:block; font-size:1.4rem; color:#497637; font-weight:700; margin-bottom:10px}


.mark_box {display:flex; flex-wrap:wrap; margin-top:40px;   justify-content:center; align-items:center; text-align:left; color:#333;}
.mark_box img:nth-child(2) {margin:0 2%; margin-bottom:15px}

.info4 .flex_box {justify-content:center; align-items:center; font-size:1.2rem;  line-height:1.3}
.info4 .flex_box b {color:#467a32; font-weight:700; display:block; margin-bottom:5px; font-size:1.25em}
.info4 .flex_box span {color:#90c117; font-weight:500; display:block; margin-bottom:5px;  font-size:1em}


 @media (max-width:900px) {
			.top_t {font-size:1.1rem; text-align:center;  }
			.bg_box  {margin-bottom:30px; padding-top:40px; padding-bottom:40px}

			.info4 {font-size:1rem; text-align:left; }
			.info4 .b_t {font-size:1.2rem;  }

			p.mark_img {width:120px; margin-left:0}


			ul.ci_step {margin-top:20px; justify-content:space-between; align-items:flex-start;}
			ul.ci_step li {width:31%; font-size:1rem;  flex-wrap:wrap; align-items:flex-start; justify-content:center}
			ul.ci_step li div {width:100%;   text-align:center}
			ul.ci_step li div b {  font-size:1.2em;  margin:20px 0 8px 0}

			.info4 .flex_box {justify-content:flex-start;  }


}

@media (max-width:600px) {
		 
		ul.ci_step {margin-top:20px;  flex-wrap:wrap;}
		ul.ci_step li {width:100%;  font-size:1rem;  flex-wrap:wrap; align-items:center;  }
		ul.ci_step li:nth-child(n + 2) {margin-top:15px}
		
}

.list1_info {width:100%; display:flex; flex-wrap:wrap}
.list1_info li {width:33.3333%;   box-sizing:border-box; display:flex; align-items:center; font-size:1.2rem; color:#333}
.list1_info li p.icon {width:115px;  margin-right:20px; height:115px; background-color:#90c31f; border-radius:50%; display:inline-block; position:relative; box-sizing:border-box; line-height:0}


.list1_info li p.icon:after {content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: inline-block;
    border: 2px solid rgba(255,255,255,.7);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
	}

.list1_info li p.icon img {max-width:55%; max-height:45%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.list1_info li div {width:calc(100% - 130px); margin-left:auto}
.list1_info li div span {font-size:1.3em; font-weight:700; display:block; margin-top:5px}

.list1_cate1 {width:100%; display:flex; flex-wrap:wrap; /* justify-content:space-between */}
.list1_cate1 li {width:18%; font-size:1.2em; border-radius:3px;  text-align:center; box-sizing:border-box; line-height:53px; background-color:#497637; color:#fff; position:relative}
.list1_cate1 li:nth-child(2n) {background-color:#508a39}
.list1_cate1 li:nth-child(n+18) {background-color:#396f8a;}
.list1_cate1 li:after {content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: inline-block;
    border: 1px solid rgba(255,255,255,.5);
     position: absolute; border-radius:3px; 
    top: 5px;
    left: 5px;
    box-sizing: border-box;
	}


.list1_cate1 li a {display:inline-block; width:100%; color:#fff !important; position:relative; z-index:99}

.bottom_box {width:100%; margin-top:30px; display:flex; flex-wrap:wrap; align-items:flex-start; box-sizing:border-box;  }
.bottom_box div {width:40%;    background-color:#fff;}
.bottom_box div  img {width:100%}
.bottom_box  h3 {font-size:2.3rem;    width:100%; text-align:center;  padding-bottom:30px; font-weight:700}
.bottom_box ul {width:55%; display:flex; flex-wrap:wrap; justify-content:space-between ;  margin-top:10px;   margin-left:auto; }
.bottom_box li {width:49%; margin-bottom:10px; font-size:1.15em;  display:inline-block; border-radius:50px;  text-align:center; box-sizing:border-box; line-height:1.3em; padding:13px 0; background-color:#90c31f; color:#fff;}
.bottom_box li a {display:inline-block; width:100%;  color:#fff !important}

@media (min-width:900px) {
	.list1_info li:nth-child(n + 4) {margin-top:10px}
	
	.list1_cate1 li { margin-right:2.5%; }
	.list1_cate1 li:nth-child(5n) {margin-right:0}
	.list1_cate1 li:nth-child(n+6) {margin-top:10px}
   


}

 @media (max-width:900px) {

	.list1_info li {width:100%;  font-size:1.05rem;  }
	.list1_info li:nth-child(2n) {text-align:right}
	.list1_info li:nth-child(2n) p.icon {order:2;   margin-right:0;}
	.list1_info li:nth-child(2n) div {order:1; margin-left:0; margin-right:auto}

	.list1_cate1 li {width:32%; margin-right:2%; }
	.list1_info li p.icon {width:90px;  height:90px;  margin-right:0 }
    .list1_info li div {width:calc(100% - 100px);}  
      
	 
	 .list1_cate1 li  {width:32%; font-size:1rem; line-height:40px}
	 .list1_cate1 li:nth-child(3n) {margin-right:0}
	.list1_cate1 li:nth-child(n+4) {margin-top:10px}

	.bottom_box {margin-top:0 }
	.bottom_box  h3 {font-size:1.7rem; padding-bottom:20px }
	.bottom_box div {width:100%;}
    .bottom_box ul {width:100%; }
    .bottom_box ul li {width:100%; font-size:1.05rem}

}

.map_line {width:100%; height:1px; background-color:#ddd; display:inline-block; margin-bottom:40px }
.map_wrap {width:100%;   justify-content:space-between ; display:flex; flex-wrap:wrap;   }
.map_wrap .map_g {width:40%; position:Relative; display:inline-block; padding-bottom:65%}
.map_wrap .svg_div {position:absolute; width:100%; left:0; top:0;  margin-top:-40%}


.map_wrap  .map_list {width:55%; display:inline-block;   }
 
.map_wrap  .map_list table {width:100%; border-top:1px solid #ddd; }
.map_wrap  .map_list table th {padding:10px;   font-size:1rem; color:#fff; line-height:1.3em;  text-align:left; font-weight:600; background-color:#333; text-align:center   }
.map_wrap  .map_list table td {padding:10px; border-bottom:1px solid #ddd; font-size:1rem; color:#666; line-height:1.3em;  text-align:center  }

 @media (max-width:900px) {
.map_line {  margin-bottom:20px }
.map_wrap  .map_g {width:80%; margin-left:8%; padding-bottom:130%; }
.map_wrap  .map_list {width:100%;    }

}


.join1_step {display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:99 }
.join1_step li {width:33.3333%; text-align:center; border-right:1px solid rgba(255,255,255,.5); color:rgba(255,255,255,.8);   box-sizing:border-box; padding:35px 20px; font-size:1.05rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; line-height:1.4em; }

.join1_step li b {width:100%; display:block; text-align:center; margin-bottom:8px; font-size:1.35em; font-weight:600;  color:#fff }

.join1 .bg_wrap {background:url('/common/img/join1_bg.png') no-repeat center; background-size:cover;   position:relative; }
.join1 .bg_wrap div.rgba_bg {background:rgba(0,0,0,.6); width:100%; height:100%; display:inline-block; position:absolute; left:0; top:0}


.icon_p {width:110px; height:110px; background-color:#90c31f; margin-bottom:20px; border-radius:50%; position:relative;}


.icon_p:after {content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: inline-block;
    border: 2px solid rgba(255,255,255,.7);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
	}

.icon_p img {max-width:45%; max-height:40%; position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%);}
 .join1_step li:nth-child(1)  .icon_p img {max-width:35%}
 
 
  @media (min-width:900px) {
	.join1_step li:nth-child(3n) {border-right:none}
	.join1_step li:nth-child(n + 4) {border-top:1px solid rgba(255,255,255,.5)}
 }

 @media (max-width:900px) {
	.join1_step li {width:50%;  border-bottom:1px solid rgba(255,255,255,.5); font-size:1rem; line-height:1.33em; padding:7% 5%; align-items:flex-start;}
   .icon_p {width:90px; height:90px;   }


   .join1_step li b { font-size:1.2em; margin-bottom:8px }


}
 

/*추가수정 추가페이지*/


.join3,.join4 {font-size:1.1em; line-height:1.35; color:#333}
.join3 hr.con_hr {  height:40px}
.join4 hr.con_hr { height:40px}

h3.svg_h3 {display:flex; align-items:center; width:100%}
h3.svg_h3 svg {margin-right:10px}


.join3 .bg_box  {background:url('/common/img/join3_bg.jpg') no-repeat center; background-size:cover}
.join3 .bg_box .rgba_bg {background:rgba(0,0,0,.4);}


.join3 .flex_box { background-color:#f9f9f9; padding:20px;  width:100%;   box-sizing:border-box;}
.join3 .flex_box b {width:80px; font-size:1.05em;  font-weight:600; color:#111}
.join3 .flex_box p {width:calc(100% - 90px); margin-left:auto}

.join3 .flex_box + .flex_box {margin-top:2px}

 
.join4 .step {display:inline-block; width:100%; margin-top:5px; color:#497637}
.join4 .step span {background-color:#4d8836; color:#fff; border-radius:5px; box-sizing:border-box; padding:13px 13px; display:inline-block; font-size:1.1em; font-weight:400; }
 
.join4 .flex_box div.box {width:50%; background-color:#f9f9f9; margin-right:5px; padding:33px}

.join4 ul.disc_list {margin-top:-2px}
.join4 ul.disc_list li {margin-bottom:2px}


 @media (max-width:900px) {
		.background_wrap {padding:50px 0}

		.join3,.join4 hr.con_hr {height:30px}
		.join3,.join4 {font-size:1em;  }

		.info2 h3 {font-size:1.3rem}

		.join3 .flex_box { background-color:#fff; padding:0; }
 
		.join4 .flex_box div.box {width:100%; margin-right:0; padding:30px}
		.join4 .flex_box div + div {margin-top:10px}

		.join4 .step span {  padding:12px 13px;  font-size:1em;   }
 
}
 
 /**2023_0522 추가**/

.info1 ul.img_list li {width:48%}
.info1 ul.img_list li:nth-child(n+3) {margin-top:10px}
.info1 .t_box2 > div + div { margin-left:auto;     }
.info1 ul.time_list li {display:flex; margin-bottom:7px}
.info1 ul.time_list li b {width:80px; flex-shrink:0}

.info1 a.s_btn {margin-right:3px;  font-size:1em }
.info1 a.s_btn:hover {background-color:#497637; border:1px solid #497637; color:#fff !important}

.info2  h3 {font-size:2rem; letter-spacing:-1px}
.info2 .b_t {font-size:1.6em;  }
.info2 .text_box h3 {font-size:1.5em }

.info2  table.basic {margin-top:20px; width:100%; max-width:1100px}
.info2 table.basic .bg_c1 {border-left:3px solid #20570c; border-right:3px solid #20570c;}

 
 @media (max-width:960px) {
  .info1 .t_box2 > div + div { margin-top:40px   }
 
}

 #sub footer {margin-top:100px}