.sub_vi {background: url('../img/sub_vi01.jpg') no-repeat center; width: 100%; position:relative; display: inline-block; color: #fff; text-align: center; box-sizing: border-box; overflow:hidden; height:250px; }
.sub_vi p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:2.5rem; font-weight:600; width:100%;  }
.sub_vi p span {display:block; font-size:1.1rem; letter-spacing:7px; opacity:.5; font-weight:400; }

.sub_vi1 {background: url('../img/sub_vi01.jpg') no-repeat center;}
.sub_vi2 {background: url('../img/sub_vi02.jpg') no-repeat center;}
.sub_vi3 {background: url('../img/sub_vi03.jpg') no-repeat center;}
.sub_vi4 {background: url('../img/sub_vi04.jpg') no-repeat center;}
.sub_vi5 {background: url('../img/sub_vi05.jpg') no-repeat center;}
.sub_vi6 {background: url('../img/sub_vi06.jpg') no-repeat center;}
.sub_vi7 {background: url('../img/counsel_vi.png') no-repeat center;}
.sub_vi8 {background: url('../img/business4_vi.png') no-repeat center;}
.sub_vi10 {background: url('../img/sub_vi10.png') no-repeat center;}


#sub {max-width:1500px; margin:80px auto; }

#sub h3 {text-align:center; margin:0 auto 30px auto; max-width:1500px; font-size:2.5rem;  font-weight:600;  border-bottom:1px solid #ccc; padding-bottom:30px;}
#wrap {position:relative; }
#wrap2 {position:relative; }
#wrap3 {position:relative; }
#wrap4 {position:relative; }
#wrap5 {position:relative; }
.sub_tab {max-width:1500px; margin:50px auto 0 auto; border:1px solid #777;   }
.sub_tab .wrap {display:block; max-width:1500px; margin:0 auto; font-size:0;  display:flex; }
.sub_tab .wrap li {display:inline-block; width:33.333%;vertical-align:middle;   border-right:1px solid #777; }
.sub_tab .wrap li:last-child {border-right:0; }
.sub_tab .wrap li a {display:block; font-size:1rem;  font-weight:500; color:#777; text-align:center; line-height:1rem; padding:20px 5px; }
.sub_tab .wrap li.on {background-color:#1cb14b; font-weight:600;  }
.sub_tab .wrap li.on a {color:#fff; }
.sub_tab .wrap li:hover a {color:#fff; background-color:#1cb14b }

.sub_tab2 {max-width:1500px; margin:50px auto 0 auto; border:1px solid #777;   }
.sub_tab2 .wrap {display:block; max-width:1500px; margin:0 auto; font-size:0; }
.sub_tab2 .wrap li {display:inline-block; width:50%;vertical-align:middle;   border-right:1px solid #777; }
.sub_tab2 .wrap li:last-child {border-right:0; }
.sub_tab2 .wrap li a {display:block; font-size:1rem;  font-weight:500; color:#777; text-align:center; line-height:1rem; padding:20px 5px; }
.sub_tab2 .wrap li.on {background-color:#1cb14b; font-weight:600;  }
.sub_tab2 .wrap li.on a {color:#fff; }
.sub_tab2 .wrap li:hover a {color:#fff; background-color:#1cb14b }


.m_sub_tab {display:none;}
.m_sub_tab select {width:100%; height:50px; padding:0 3%; border:none; border-bottom:1px solid #ddd; font-size:1rem; }
.m_sub_tab select option {color:#777;}

.inner {position:fixed; left:50%; top:0; transform:translate(-50%,0);  z-index:9999999999999; width:100%; min-width:320px; background-color:#fff; margin-top:0;  }
.pd_top_70 {padding-top:70px !important;}

.company01 {font-size:0; }
.company01 > img {display:inline-block; width:30%; vertical-align:top; position:relative; }
.company01 .txt {display:inline-block; width:70%; padding-left:50px; }
.company01 .txt > b {font-size:2.3rem; word-break:keep-all; font-family: 'Nanum Pen Script', cursive; font-weight:500; }
.company01 .txt p {font-size:1.1rem; line-height:2rem; word-break:keep-all; color:#333; }
.company01 .txt p b {font-size:1.7rem; font-weight:600; display:block; margin-bottom:5px;  }
.company01 .txt section{display:flex;align-items:center;}
.company01 .txt span {font-weight:600; position:relative; text-align:right; display:block; font-size:1.1rem; width:80%;margin-right:3%}
.company01 .txt img{width:auto}
.company01 .txt span img {position:absolute; right:-210%; top:-10%; transform:translate(0,-35%); }




/*company02*/
/* .company02 {}
.company02 .con1 {text-align:center; width:100%; height:350px; background:url('/common/img/company2.png')fixed center center, rgba(0, 0, 0, 0.2); background-size:cover; position:relative; margin-bottom:100px; background-blend-mode:multiply  }
.company02 .con1 p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-size:2.3rem; max-width:1500px; width:70%; font-weight:600; background:none; border:5px solid rgba(255,255,255,.3);
									padding:50px; }
.company02 .con1 p span {font-size: 1.3rem; display:block; font-weight:400; word-break:keep-all;  margin-top:5px; }
.company02 .con2 {max-width:1500px; margin:0 auto; font-size:0; display:flex; flex-wrap:wrap;  }
.company02 .con2 li {text-align:center; display:inline-block; width:25%; padding:0 20px;}
.company02 .con2 li img {width:40%; margin-bottom:20px; }
.company02 .con2 li p {margin-bottom:5px; font-size:1.1rem; font-weight:600; }
.company02 .con2 li span {font-size:.95rem;word-break:keep-all }

.company02 .con3{max-width:1500px;margin:0 auto;overflow:hidden}
.company02 .con3 h2{font-size:1.6em;font-weight:500}

.slogun{max-width: 1500px;margin: 0 auto;}
.slogun ul{background: #f9f9f9;
padding: 3%;
border: 1px dashed #ddd;
border-radius: 30px;}
.slogun li{position:relative;padding-left:15px;font-size:1em;margin-bottom:10px}
.slogun li span{font-size:1.4em;font-weight:600;color:#333}
.slogun li::before{content: '';
width: 7px;
height: 7px;
background: #1cb14b;
position: absolute;
top: 18px;
left: 0;
} */
.company02 {}
.company02 .con1 {text-align:center; width:100%;height:auto; padding:5% 10%;background:url('/common/img/company2.png')fixed center center, rgba(0, 0, 0, 0.4); background-size:cover; margin-bottom:100px; background-blend-mode:multiply;color:#fff  }
/* .company02 .con1 p {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-size:2.3rem; max-width:1500px; width:70%; font-weight:600; background:none; border:5px solid rgba(255,255,255,.3);
									padding:50px; }
.company02 .con1 p span {font-size: 1.3rem; display:block; font-weight:400; word-break:keep-all;  margin-top:5px; } */

.company02 .con1 section h2{font-size:3rem;font-weight:700}
.company02 .con1 section p{ font-weight:400; word-break:keep-all;font-size: 1.4rem;margin:2% 0 3% 0;border:5px solid rgba(255,255,255,.3);padding:50px}
.company02 .con2 {max-width:1500px; margin:0 auto; font-size:0; display:flex; flex-wrap:wrap;  }
.company02 .con2 li {text-align:center; display:inline-block; width:25%; padding:0 20px;}
.company02 .con2 li img {width:40%; margin-bottom:20px; }
.company02 .con2 li p {margin-bottom:5px; font-size:1.1rem; font-weight:600; color:#b6ff91}
.company02 .con2 li span {font-size:.95rem;word-break:keep-all }

.company02 .con3{max-width:1500px;margin:0 auto;overflow:hidden}
.company02 .con3 h2{font-size:1.6em;font-weight:500}

.slogun{max-width: 1500px;margin: 0 auto;}
.slogun ul{background: #f9f9f9;
padding: 3%;
border: 1px dashed #ddd;
border-radius: 30px;}
.slogun li{position:relative;padding-left:15px;font-size:1em;margin-bottom:10px}
.slogun li span{font-size:1.4em;font-weight:600;color:#333}
.slogun li::before{content: '';
width: 7px;
height: 7px;
background: #1cb14b;
position: absolute;
top: 18px;
left: 0;
}




@media all and (max-width:1000px){
.company02 .con2 li {width:50%; }
.company02 .con2 li:nth-child(3), .company02 .con2 li:nth-child(4) {margin-top:30px; }
}


@media all and (max-width:750px){
.company02 .con1 { height:auto; background:url('/common/img/company2.png')no-repeat -800px 0, rgba(0, 0, 0, 0.2);background-size:cover;padding:2%}
.company02 .con1 section h2{font-size:2.7rem}
.company02 .con1 section p{padding:20px;font-size:1.2rem}
.company02 .con1 p {padding:5px;}
.company02 .con2 li {width:100%; margin-bottom:30px;padding:0 10px; }
.company02 .con2 li img {width:40%;margin-bottom:0 }
}


.ci{width:30%;margin-right:5%;float:left}
.ci:last-child{margin-right:0}
.ci_text {width:75%;margin: 3% auto 0 auto; font-size:1.2em;}
.ci_text p{width:100%;display:flex;align-items:center}
.ci_text b{font-weight:600;font-size:1.4em;color:#333;width:15%;}
.ci_text span{display:block;width:85%}
@media (max-width: 900px) {
.ci{width:100%;margin-bottom:5%}
.ci:last-child{margin-bottom:0}
.ci_text {margin: 10% auto 0 auto;width:95%}
.ci_text p{display:block;}
.ci_text b{width:100%}
.ci_text span{width:100%}
}

/*company03*/
.company03 {}
.company03 .txt {font-size:0; margin-top:30px; font-size:0;  }
.company03 .txt li {display:inline-block; width:48%; margin-right:4%; font-size:0; margin-bottom:20px; padding-right:50px; border:2px solid #e3e3e3; border-radius:50px; padding:5px; }
.company03 .txt li:last-child {margin-right:0; }
.company03 .txt li .img_wrap {width:60px; height:60px; display:inline-block; text-align:center; background-color:#b2d233; border-radius:100%; vertical-align:middle; }
.company03 .txt li .img_wrap img {display:inline-block; width:60%; margin-top:12px; }
.company03 .txt li p {display:inline-block; margin-left:20px; width:calc(100% - 80px); vertical-align:middle; padding-right:10px;  }

.way{overflow:hidden;padding:2% 0}
.way	dl{width:30%;float:left;margin-right:5%;}
.way	dl:last-child{margin-right:0}
.way	dt{font-weight:500;font-size:1.2em;border-bottom:2px solid #e2e2e2;padding-bottom:5px;position:relative;padding-left:15px}
.way dd{margin-top:10px;}
.way	span{border-radius:20px;padding:3px 10px;color:#fff;font-size:.9em;margin-right:5px}
.way	.line11{background:#0052A4}
.way	.line2{background:#00A84D}
.way	.line7{background:#747F00}
.way dt::before{content: '';
width: 8px;
height: 8px;
background: #1cb14b;
position: absolute;
top: 13px;
left: 0;
}

@media (max-width: 900px) {
.way	dl{width:100%;margin-right:0;margin-top:40px;}
}


/*company05*/
/* .company05{margin-bottom:200px} */
.organ {width:80%;margin:0 auto;margin-bottom:10%/* position:relative;padding-bottom:55%; */}
/* .organ:before{background:#eee;border-radius:30px;position:absolute;top:70px;left:70px;width:100%;content:'';display:block;height:100%;z-index:-111;margin-bottom:80px;} */
/* .organ p{border:1px dashed #ddd;padding:5%;border-radius:30px;position:absolute;top:0;left:0;height:100%;background:#fff;box-shadow:3px 3px 6px rgb(0 0 0 / 15%)} */
.organ img{width:100%}

@media (max-width: 900px) {/* 
.organ {width:90%;padding-bottom:60%;}
.organ:before{top:30px;left:30px;} */
}
@media screen and (max-width:480px){
	.organ {width:100%;}
}

/*company06*/
/* hover 박스 */
.company06 .container{
  padding: 1em 0;
  overflow:hidden;
width:100%
}


.content {
  position: relative;
  float: left;
  width: 30%;
  margin-right:5%;
  margin-bottom:3%;
}

.content:nth-child(3n) {margin-right:0}
.content .content-overlay {
background:rgb(133 171 16 / 85%);
background-size:cover;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;

}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
  border:1px solid #ddd
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h5{
  color: #fff;
  font-weight: 500;
  padding:0 6%; 
  font-size:1em;
}



.fadeIn-bottom{
  top: 80%;
}



@media screen and (max-width: 900px){
  .content{
  width: 48%;
    margin-right:4%;
  margin-bottom:2%;
  }
  .content:nth-child(3n) {margin-right:4%}
  .content:nth-child(2n) {margin-right:0}
}

/*business01*/
.business01 {text-align:center; }
/*h4.box_tit {background-color:#555; color:#fff; display:inline-block; font-size:1.9rem; font-weight:600; line-height:2.8rem; padding:0 20px; border-radius:5px; padding-bottom:0; margin-bottom:0; }
.con .border_wrap {border:3px solid #ddd; padding:7% 5% 5% 5%; margin-top:-1.4rem; width:100%; }*/
h4 {font-size:1.9rem; font-weight:600; margin-bottom:40px; position:relative; padding-bottom:30px; }
h4.white {color:white; }
h4.white:before {background-color:rgba(255,255,255,.7); }
h4:before {content:''; display:block; width:40px; height:1px; background-color:#111; position:absolute; left:calc(50% - 20px); bottom:0; }
h4 span {font-size:3.5rem; font-weight:600; color:#ddd; margin-right:10px; display:none; }
.con {margin-bottom:100px; }

.con1 { margin:0 auto ; background:url("../img/bus01_fi01.jpg")no-repeat 70% center; background-size:cover;  height:450px; position:relative;  }
.con1_1 {background:url("../img/bus01_fi02.jpg")no-repeat 70% center; background-size:cover; }
.con1_2 {background:url("../img/bus01_fi03.jpg")no-repeat 70% center; background-size:cover; }
.con1 .wrap {text-align:center; background-size:20%;  width:100%;  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.con1 .wrap .wrap2 {max-width:1500px; display:inline-block; text-align:left; width:100%; }
.con1 .wrap .wrap2 .wrap3 {background-color:rgba(255,255,255,.9); box-shadow:5px 5px 10px rgba(0,0,0,.2); padding:50px; display:inline-block; width:40%;}
.con1 .wrap h4 {color:#000; }
.con1 .wrap h4:before {left:0;  }
.con1 .wrap p {color:#000; word-break:keep-all; }
.con1-1 .wrap4 {width:94%; margin:-50px auto 0 auto; display:none; padding:30px 5%; background-color:rgba(255,255,255,.9); box-shadow:5px 5px 10px rgb(0,0,0,.2); position:relative;   }

.business01 .con2 {position:relative; top:50px; }
.business01 .con2 h4 {}
.business01 .con2 .con2_bg {height:80%; width:100%; background-color:#eee; position:absolute; left:0; top:-50px; }
.business01 .con2 ul {font-size:0; display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center; max-width:1500px;  margin:0 auto 100px auto; position:relative;  }
.business01 .con2 ul li {display:inline-block; width:30%; overflow:hidden; box-shadow:3px 3px 10px rgba(0,0,0,.1); background-color:#fff; }
.business01 .con2 ul li .img_wrap {position:relative; height:300px; overflow:hidden;  }
.business01 .con2 ul li .img_wrap img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%; height:100%;  }
.business01 .con2 ul li .txt_wrap {position:relative; padding:20px; }
.business01 .con2 ul li .txt_wrap p {font-weight:600; font-size:1.3rem; margin-bottom:5px; }
.business01 .con2 ul li .txt_wrap span {display:block; width:100%; word-break:keep-all;  }

.business01 .con3 {max-width:1500px; margin:0 auto 70px ; }
.business01 .con3 h4 {margin-top:50px; }
.business01 .con3 ul {font-size:0; }
.business01 .con3 ul li {width:calc(18% - 50px); display:inline-block; vertical-align:middle; position:relative; text-align:center; margin-bottom:20px;  }
.business01 .con3 ul li:nth-child(2n) {width:50px !important; height:auto; border:0; opacity:.5; }
.business01 .con3 ul li b {display:inline-block; position:absolute; left:50%; top:-10px; transform:translate(-50%,0); width:30px; height:30px; line-height:30px; color:#fff; background-color:#aaa; font-weight:600; border-radius:100%; z-index:9999999; }
.business01 .con3 ul li div {width:100%; height:0; padding-bottom:100%; margin:0 auto; background-color:#eee; border-radius:100%;  position:relative; }

.business01 .con3 ul li:nth-child(1) b {border:2px solid #9eeaad; color:#9eeaad; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business01 .con3 ul li:nth-child(3) b {border:2px solid #8cd79b; color:#8cd79b; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business01 .con3 ul li:nth-child(5) b {border:2px solid #79c489; color:#79c489; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business01 .con3 ul li:nth-child(7) b {border:2px solid #67b278; color:#67b278; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business01 .con3 ul li:nth-child(9) b {border:2px solid #559f67; color:#559f67; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business01 .con3 ul li:nth-child(11) b {border:2px solid #438e57; color:#438e57; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business01 .con3 ul li:nth-child(13) b {border:2px solid #317c47; color:#317c47; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business01 .con3 ul li:nth-child(15) b {border:2px solid #1a6b38; color:#1a6b38; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business01 .con3 ul li:nth-child(17) b {border:2px solid #1cb14b; color:#1cb14b; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }

.business01 .con3 ul li:nth-child(1) div {background-color:#9eeaad;}
.business01 .con3 ul li:nth-child(3) div {background-color:#8cd79b;}
.business01 .con3 ul li:nth-child(5) div {background-color:#79c489;}
.business01 .con3 ul li:nth-child(7) div {background-color:#67b278;}
.business01 .con3 ul li:nth-child(9) div {background-color:#559f67;}
.business01 .con3 ul li:nth-child(11) div {background-color:#438e57;}
.business01 .con3 ul li:nth-child(13) div {background-color:#317c47;}
.business01 .con3 ul li:nth-child(15) div {background-color:#1a6b38;}
.business01 .con3 ul li:nth-child(17) div { background-color:#1cb14b; }
.business01 .con3 ul li div p {position:absolute; left:0; top:50%; transform:translate(0,-50%); width:100%; padding:0 15px; color:#fff; }
/* .business01 .con3 ul li div p img {width:100%} */


.business01 .con3 ul li div p span {display:block; word-break:keep-all; font-weight:600; font-size:1.1rem; margin-top:10px;  }
@media (max-width: 400px) {
.business01 .con3 ul li div p img {width:100%}
}
.business01 .con4 { margin-bottom:0; }
.business01 .con4 ul {font-size:0;  }
.business01 .con4 ul li {display:inline-block; vertical-align:middle; width:25%; height:0; padding-bottom:20%; position:relative; overflow:hidden; background-color:#000;  }
.business01 .con4 ul li:hover img {transform:translate(-50%,-50%) scale(1.1);}
.business01 .con4 ul li img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; margin:0 auto 30px auto; width:101%; opacity:.7; transition:.5s all; }
.business01 .con4 ul li p		{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:inline-block; color:#fff; font-size:1.5rem; font-weight:600; width:100%;  }

.sk{position:relative;width: 15%; margin: 0 auto;}
.sk img{width:100%}
.sk_txt{color:#463e3e;position:relative;font-weight:600;font-size:1.5em;margin:5px 0 50px 0}
@media (max-width: 900px) {
.sk{width: 40%;}
.sk_txt{font-size:1.2em;margin:20px 0 30px 0}
}
/*business02*/
.business02 {text-align:center; }
.business02 .con1 {}
.business02 .con1 img {max-width:100%; margin-top: 30px; }

.business02 .con2 {max-width:1500px; margin:100px auto 100px auto; }
.business02 .con2 ul {font-size:0; display:flex; flex-wrap:wrap;}
.business02 .con2 ul li {display:inline-block; width:33.333%; padding:0 30px;  text-align:center; margin-bottom:50px; }
.business02 .con2 ul li img {width:100%;  }
.business02 .con2 ul li .txt_wrap {display:block; background-color:#f3f3f3; height:170px; position:relative; }
.business02 .con2 ul li .txt_wrap b {position:absolute; left:0; top:0; display:inline-block; font-size:5rem; line-height:4rem; height:4rem; color:#eee; vertical-align:middle; margin-right:20px; }
.business02 .con2 ul li .txt_wrap .wrap {position:absolute; left:0; top:55%; transform:translate(0,-55%); width:100%; padding:0 0; }
.business02 .con2 ul li .txt_wrap p {font-weight:600; margin-bottom:10px; position:absolute; left:50%; top:-25px; transform:translate(-50%,0); width:80%; line-height:50px; background-color:#1cb14b; color:#fff; border-radius:25px; }
.business02 .con2 ul li .txt_wrap .wrap span {font-size:.95rem;  text-align:left ; width:100%; display:inline-block; padding-left:10%;   }

.business02 .con3 {max-width:1500px; margin:0 auto; padding:0 3%; }
.business02 .con3 img {max-width:100%; margin:0 auto;  }

@media (max-width: 750px) {
.business02 .con2 ul li .txt_wrap .wrap span { padding-left:6%;   }

}

 /*
.business02 .con3 .wrap {position:relative; }
.business02 .con3 .wrap:after {content:''; clear:both; display:block; }
.business02 .con3 .wrap ul {display:inline-block; width:30%; float:left;  }
.business02 .con3 .wrap ul li {background-color:#eee; padding:15px 20px;  border-radius: 50px; }
.business02 .con3 .wrap ul li:nth-child(2n) {background-color:rgba(0,0,0,0); }
.business02 .con3 .wrap ul li:nth-child(2n) img {}
.business02 .con3 .wrap .group {display:inline-block; vertical-align:top; position:absolute; width:30%; }
.business02 .con3 .wrap .group p {display:block; padding:15px 20px; background-color:#eee; border-radius: 50px; margin-bottom:10px; }
.business02 .con3 .wrap .group p.bg_blue {background-color:#1cb14b; color:#fff; }
.business02 .con3 .wrap .group span {display:inline-block; font-size:.95rem; }

.business02 .con3 .group1 {left:35%; top:0; position:relative; }
.business02 .con3 .group2 {right:0; top:39%; position:relative; }
.business02 .con3 .group3 {right:0; top:54%; font-size:0; position:relative; }
.business02 .con3 .group4 {right:35%; top:84%; }
.business02 .con3 .group5 {right:0; top:84%;  position:relative; }

.business02 .con3 .group1 p:before {content:''; display:block; width:10px; height:20px; background:url('../img/bus2_arrow2.png'); position:absolute; left:-10%; top:15px; }
.business02 .con3 .group2 span {position:absolute; left:-170%; top:0; width:170%; border-bottom:1px solid #ddd; }
.business02 .con3 .group3 p {display:inline-block !important; width:48%;}
.business02 .con3 .group3 p:first-child {margin-right:4%; }
.business02 .con3 .group3 span.one {position:absolute; left:-170%; top:-30%; width:170%; border-bottom:1px solid #ddd; }
.business02 .con3 .group3 span.two {position:absolute; left:-50%; top:42%; width:50%; border-top:2px solid #1cb14b; }
.business02 .con3 .group4 span {margin-bottom:15px; }
.business02 .con3 .group4 p.bg_blue {border-radius:20px; }
.business02 .con3 .group5 span {position:absolute; left:-170%; top:19%; width:170%; border-bottom:1px solid #ddd; }
.business02 .con3 .group5 p.bg_blue {border-radius:20px; }
*/

/*business03*/
.business03 {text-align:center; }
.business03 .con1 {padding:0 3%; }
.business03 .con1 img {max-width:100%; margin-top: 30px; }

.business03 .con2 {}
.business03 .con2 ol {max-width:800px; margin:0 auto; text-align:left; }
.business03 .con2 ol li {margin-bottom:20px; font-size:0; background-color:#f3f3f3; border-radius:25px;  }
.business03 .con2 ol li span {display:inline-block; width:50px; line-height:50px; background-color:#b2d233; color:#fff; font-size:1.2rem; font-weight:600; border-radius:100%; margin-right:10px; text-align:center; vertical-align:middle; }
.business03 .con2 ol li p {display:inline-block; width:calc(100% - 60px); vertical-align:middle; }

.business03 .con3 {max-width:1200px; margin:0 auto; }
.business03 .con3 ol {font-size:0; display:flex; flex-wrap:wrap;  }
.business03 .con3 ol li {display:inline-block; box-shadow:5px 5px 15px rgba(0,0,0,.2); border-radius:10px; overflow:hidden; width:23.5%; margin-right:2%; position:relative; padding:30px;  }
.business03 .con3 ol li:last-child {margin-right:0; }
.business03 .con3 ol li b {display:block; position:absolute; left:0; top:0; background-color:#1cb14b; border-radius:0 0 100% 0; color:#fff; width:60px; height:60px; line-height:50px; font-size:1.1rem; text-align:left; padding-left:15px; }
.business03 .con3 ol li p {font-size:1.1rem; font-weight:600; margin-bottom:20px; }
.business03 .con3 ol li .txt_wrap {position:relative; padding:30px 0; }
.business03 .con3 ol li .txt_wrap span {display:block; width:100%; position:absolute; left:0; top:50%; transform:translate(0,-50%);}


.business04 {text-align:center; }

.business04  img {max-width:100%}

.business04 .step {max-width:1500px; margin:0 auto 70px;    }
.business04 .step h4 {margin-top:50px; }
.business04 .step ul {font-size:0; display:flex; align-items:center}
.business04 .step ul li {width:calc(18% - 50px); display:inline-block; vertical-align:middle; position:relative; text-align:center; margin-bottom:20px;  }
.business04 .step ul li:nth-child(2n) {width:50px !important; height:auto; border:0; opacity:.5; }
.business04 .step ul li b {display:inline-block; position:absolute; left:50%; top:-10px; transform:translate(-50%,0); width:30px; height:30px; line-height:30px; color:#fff; background-color:#aaa; font-weight:600; border-radius:100%; z-index:9999999; }
.business04 .step ul li div {width:100%; height:0; padding-bottom:100%; margin:0 auto; background-color:#eee; border-radius:100%;  position:relative; }

.business04 .step ul li:nth-child(1) b {border:2px solid #9eeaad; color:#9eeaad; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business04 .step ul li:nth-child(3) b {border:2px solid #8cd79b; color:#8cd79b; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business04 .step ul li:nth-child(5) b {border:2px solid #79c489; color:#79c489; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business04 .step ul li:nth-child(7) b {border:2px solid #67b278; color:#67b278; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business04 .step ul li:nth-child(9) b {border:2px solid #559f67; color:#559f67; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business04 .step ul li:nth-child(11) b {border:2px solid #438e57; color:#438e57; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business04 .step ul li:nth-child(13) b {border:2px solid #317c47; color:#317c47; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business04 .step ul li:nth-child(15) b {border:2px solid #1a6b38; color:#1a6b38; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }
.business04 .step ul li:nth-child(17) b {border:2px solid #1cb14b; color:#1cb14b; background-color:#fff; line-height:30px; box-sizing:content-box; top:-12px; }

.business04 .step ul li:nth-child(1) div {background-color:#9eeaad;}
.business04 .step ul li:nth-child(3) div {background-color:#8cd79b;}
.business04 .step ul li:nth-child(5) div {background-color:#79c489;}
.business04 .step ul li:nth-child(7) div {background-color:#67b278;}
.business04 .step ul li:nth-child(9) div {background-color:#559f67;}
.business04 .step ul li:nth-child(11) div {background-color:#438e57;}
.business04 .step ul li:nth-child(13) div {background-color:#317c47;}
.business04 .step ul li:nth-child(15) div {background-color:#1a6b38;}
.business04 .step ul li:nth-child(17) div { background-color:#1cb14b; }
.business04 .step ul li div p {position:absolute; left:0; top:50%; transform:translate(0,-50%); width:100%; padding:0 15px; color:#fff; }
 

.business04 .step ul li div p span {display:block; word-break:keep-all; font-weight:600; font-size:1.1rem; margin-top:10px;  }

.business04 .con2 {max-width:1500px; margin:0 auto 70px;   }
.business04 .con2 h4 {display:flex; align-items:center; justify-content:center}
.business04 .con2 h4 img {width:300px;  margin:0 10px}
.business04 .con2  div {display:flex;  justify-content:center; margin-bottom:40px}
.business04 .con2  div ul  {text-align:left; margin-left:50px}
.business04 .con2  div ul li {color:#333}
.img_link:hover img {opacity:.5 }

@media (max-width: 900px) {
	.business04 .step { margin:0 auto 50px; }
	.business04 .step ul {flex-wrap:wrap; box-sizing:border-box; padding:0 3%}
	.business04 .step ul li {width:calc(50% - 50px); display:inline-block; vertical-align:middle; position:relative; text-align:center; margin-bottom:20px;  }
	.business04 .con2 { box-sizing:border-box; padding:0 3%}
	.business04 .con2 h4 {flex-wrap:wrap}
	.business04 .con2 h4 img {display:block; width:200px}

	.business04 .con2  div {flex-wrap:wrap}
	.business04 .con2  div  img:first-child {width:80%}
	.business04 .con2  div ul {margin-top:20px; margin-left:0;}
	.business04 .con2  div ul li {font-size:.97rem}


}



.commu01 {position:relative; }
.commu01 .list {border-top:1px solid #333; max-width:1500px; margin:0 auto; }
.commu01 .list li {border-bottom:1px solid #ddd; font-size:0; padding:10px 0; }
.commu01 .list li a {display:block; padding:0 10px; }
.commu01 .list li a p {display:inline-block; }
.commu01 .list li a p.tit {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.commu01 .list li:hover .tit {text-decoration:underline; }
.commu01 .list li a p.etc {color:#aaa; margin-right:10px; padding-right:10px; position:relative;  }
.commu01 .list li a p.etc:last-child {margin-right:0; padding-right:0; }
.commu01 .list li a p.etc:before {content:''; display:block; width:1px; height:18px; background-color:#bbb; position:absolute; right:0; top:5px; }
.commu01 .list li a p.etc:last-child:before {display:none; }

.commu01 .page {margin-top:50px; }



/*commu02*/
.commu02 {position:relative; }
.commu02 .list {border-top:1px solid #333; margin:0 auto; padding-top:30px; font-size:0; }
.commu02 .list li {border-bottom:1px solid #ddd; display:inline-block; width:30%; margin-right:5%; font-size:0; margin-bottom:50px; }
.commu02 .list li:nth-child(3n) {margin-right:0; }
.commu02 .list li a {display:block;}
.commu02 .list li a .img_wrap {overflow:hidden; height:300px; position:relative; }
.commu02 .list li a .img_wrap img {min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%}
.commu02 .list li a .txt_wrap {padding:10px 0;}
.commu02 .list li a .txt_wrap p {display:inline-block; }
.commu02 .list li a .txt_wrap p.tit {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.commu02 .list li a .txt_wrap p.etc {color:#aaa; margin-right:10px; padding-right:10px; position:relative;  }
.commu02 .list li a .txt_wrap p.etc:last-child {margin-right:0; padding-right:0; }
.commu02 .list li a .txt_wrap p.etc:before {content:''; display:block; width:1px; height:18px; background-color:#bbb; position:absolute; right:0; top:5px; }
.commu02 .list li a .txt_wrap p.etc:last-child:before {display:none; }


.commu01 .page {margin-top:50px; }



/*commu03*/
.commu03 {text-align:center; }
.commu03 > p {text-align:center; background-color:#f3f3f3; padding:20px; }
.commu03 > img {margin-bottom:70px; max-width:100%; margin-top:30px; }
.commu03 h4 {font-size: 1.5rem; text-align:center; font-weight: 600; margin-bottom: 30px; }
.commu03 ol {font-size:0; text-align:center; }
.commu03 ol li {display:inline-block; width:30%; position:relative; text-align:left; vertical-align:middle; margin-bottom:3%; }
.commu03 ol li:nth-child(2n) {width:3.75%; text-align:center; opacity:.3; }
.commu03 ol li > span {font-weight:600; z-index:999999999999999; display:inline-block; font-size:1.3rem; line-height:1.7rem; padding:0 7px; color:#fff;  background-color:#1cb14b; border-radius:5px 5px 0 0; }
.commu03 ol li .step_wrap {border:1px solid #1cb14b; font-size:1.1rem; text-align:center; border-radius:0 10px 0 0; overflow:hidden; }
.commu03 ol li .step_wrap .img_wrap {position:relative; height:250px; overflow:hidden; }
.commu03 ol li .step_wrap .img_wrap img {min-width:100%; min-height:100%;  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.commu03 ol li .step_wrap p {padding:20px; background-color:#1cb14b; color:#fff; font-weight:600; }

/*
.commu03 ol li {display:inline-block; width:19%; margin-right:1.25%; position:relative; background:#eee; clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 50%, 100% 50%, calc(100% - 30px) 100%, 0 100%, 0 calc(100% - 20px), 0 0); }
.commu03 ol li:last-child {clip-path:none; margin-right:0; }*/



/*commu_view*/
.commu_view {max-width:1500px; margin:0 auto; }
.commu_view .view_title {font-size:1.4rem; font-weight:600;  }
.commu_view .view_info {color:#aaa; padding:10px 0 20px 0; }
.commu_view .view_info .list_line {}
.commu_view .view_info a {color:#1cb14b; }
.commu_view .view_content {padding:20px 0; }
.commu_view .view_content img {margin:10px 0; max-width:100%; }
.commu_view .list {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0;  }
.commu_view .list p {font-size:0; }
.commu_view .list p b {display:inline-block; vertical-align:middle; font-size:.95rem; width:80px; font-weight:600;  }
.commu_view .list p a {display:inline-block; vertical-align:middle; font-size:.95rem; width:calc(100% - 80px); line-height:30px; color:#555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }




/*rental01*/
.rental01 {}
.rental01 .list {font-size:0; display:flex; flex-wrap:wrap; }
.rental01 .list li {position:relative; display:inline-block; width:22.75%; float:left;  margin-right:3%; text-align:center; margin-bottom:3%;  }
.rental01 .list li:nth-child(4n) {margin-right:0; }
.rental01 .list li a {display:block;}
.rental01 .list li .img_wrap {  overflow:hidden; position:relative;  padding-bottom:100%;box-shadow:5px 5px 3px rgb(0 0 0 / 5%)}

.rental01 .list li a img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; }


/*.product01 .pro_list > li > ul > li .img_wrap img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-height:100%;   }*/


.rental01 .list li a .tit  {font-size:1.2rem; font-weight:600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  margin-top:20px;}
.rental01 .list li a .etc {font-size:.95rem; color:#555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.rental02 .popup {text-align:center;  }
.rental02 .popup .wrap {width:100%; }
.rental02 .popup .wrap img {margin-bottom:20px; width:150px;}
.rental02 .popup .wrap p {word-break:keep-all; }
.rental02 .popup .wrap a {margin-top:30px; border:1px solid #1cb14b; display:inline-block; transition:.2s all; line-height:45px; padding:0 20px; background-color:#1cb14b; color:#fff; }
.rental02 .popup .wrap a:hover {background-color:#fff; color:#1cb14b; }
.rental02 .popup .btn_close {display:block; width:40px; height:40px; line-height:40px; border-radius:100%; background-color:rgba(0,0,0,.3); color:#fff; position:absolute; right:5px; top:5px; }
.rental02 .popup .btn_close:hover {background-color:rgba(0,0,0,.6);}
.rental02 .popup .btn_close img {width:50%; margin-top:10px; }



/*rental_view*/
.rental_view {max-width:1500px; margin:0 auto; }
.rental_view .wrap {position:relative;	 font-size:0; border-bottom:1px solid #ddd;  padding-bottom:50px; }
/*.rental_view .wrap img {display:inline-block; vertical-align:top; width:35%; }*/
.rental_view .wrap .list {display:inline-block; vertical-align:top; width:65%; padding-left:70px; }
.rental_view .wrap .list li {font-size:0; }
.rental_view .wrap .list li p      { vertical-align:top;  }
.rental_view .rental_img_wrap {position:relative;  width:35%; overflow:hidden; box-sizing:border-box; padding-bottom:35%; display:inline-block}
.rental_view .rental_img_wrap img {margin:10px 0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; width:100%; max-height:100%;   transition:.5s all; }

/*.section2 .wrap ul li .img_wrap { position:relative; overflow:hidden; padding-bottom:100%; background-color:#000;box-sizing:border-box;}*/
/*.section2 .wrap ul li .img_wrap img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;    transition:.5s all;  }*/
/**/




.rental_view .wrap .list li p.tit {font-size:1.7rem; font-weight:600; margin-bottom:20px; width:100%; border-bottom:2px solid #1cb14b; padding-bottom:20px; }
.rental_view .list_btn {display:block; margin:50px auto 0 auto; float:none; width:180px; line-height:45px; color:#1cb14b !important; border:1px solid #1cb14b; background:none; border-radius:0; box-shadow:none; font-size:1rem; }
.rental_view .list_btn:hover {background-color:#1cb14b; color:#fff !important; }


.rental02 .ren02_bg {background:url("../img/ren02_img01.jpg")fixed center center; background-size:cover; position:relative;  width:100%; height:350px; margin-bottom:30px; overflow:hidden; border-radius:0 50px 0 50px;  }
.rental02 .ren02_bg img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:.5;  }



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

#sub {padding:0 3%; }

.con1 .wrap .wrap2 {padding:0 3%; }
.con1 .wrap .wrap2 .wrap3 {width:50%; }

.business01 .con2 ul {padding:0 3%; }



}




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

.company01 > img {width:40%; }
.company01 .txt {width:60%; padding-left:50px; }




.commu02 .list li {width:48%; margin-right:4%; }
.commu02 .list li:nth-child(3n) {margin-right:4%; }
.commu02 .list li:nth-child(2n) {margin-right:0; }
.commu02 .list li a .img_wrap {height:200px; }
.commu02 .list li a .img_wrap img {width:100%; }



}






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

.sub_vi p {font-size:2rem; }

.company01 > img {width:100%; }
.company01 .txt {width:100%; padding-left:0; }
.company01 .txt p {margin-top:30px; font-size:1rem; }
.company01 .txt span {font-size:1.1rem; }
.company01 .txt span img {right:-230%; }



/*company02*/
/* .company02 .con1 p {width:90%; }
.company02 .con2 li {width:50%; }
.company02 .con2 li:nth-child(3), .company02 .con2 li:nth-child(4) {margin-top:30px; } */




.search input {width:50% !important;}

.business01 .con1,
.business01 .con3 {padding:0 3%; }
.business01 .con2 ul li .img_wrap {height:200px; }
.business01 .con2 ul li .txt_wrap p {font-size:1.1rem;}
.business01 .con2 ul li .txt_wrap span {font-size:.95rem;}
.business01 .con2 .con2_bg {height:95%; }
.business01 .con3 ul li {width:calc(33.333% - 50px); }


.con1 {height:300px; }
.con1 .wrap .wrap2 .wrap3 {display:none; }
.con1-1 {margin-bottom:70px; }
.con1-1 .wrap4 {display:block; }

.business02 .con2 {margin-top:0; }



.business02 .con2 ul li {width:50%; padding:0 30px; }
.business02 .con2 ul li:nth-child(5), .business02 .con2 ul li:nth-child(6) {margin-bottom:0; }


.business03 .con3 ol li {width:49%; margin-right:2%; }
.business03 .con3 ol li:nth-child(1) {margin-bottom:2%; }
.business03 .con3 ol li:nth-child(2) {margin-bottom:2%; margin-right:0; }



.commu03 ol li {display:inline-block; width:42.5%; position:relative; text-align:left; vertical-align:middle; margin-bottom:3%; }
.commu03 ol li:nth-child(2n) {width:5%; text-align:center; }
.commu03 ol li .step_wrap .img_wrap {height:200px; }




.rental01 .list li {width:31%; margin-right:3.5%; }
.rental01 .list li:nth-child(4n) {margin-right:3.5%; }
.rental01 .list li:nth-child(3n) {margin-right:0; }






}



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

h4 {font-size:1.5rem;}
/*h4.box_tit {font-size:1.3rem; line-height:2rem; padding:0 10px; }
.con .border_wrap {padding:12% 3% 3% 3%; }*/



.sub_tab {width:100%; margin:0 auto; background-color:#eee; border:0;  }
.sub_tab .wrap { min-width:320px;  font-size:0; overflow-x:auto; white-space: nowrap; }
.sub_tab .wrap li {display:inline-block; width:auto; color:#aaa; text-align:center;vertical-align:middle;  border-right:1px solid #ccc; }
.sub_tab .wrap li a {display:block; font-size:1rem; border:0; font-weight:500;  line-height:1rem; padding:20px; }
.sub_tab .wrap li.on {color:#fff; font-weight:600;  background-color:#1cb14b; }
.sub_tab .wrap li:last-child {border-right:1px solid #ccc; }


.sub_tab2 {width:100%; margin:0 auto; background-color:#eee; border:0;  }
.sub_tab2 .wrap { min-width:320px;  font-size:0; overflow-x:auto; white-space: nowrap; }
.sub_tab2 .wrap li {display:inline-block; width:auto; color:#aaa; text-align:center;vertical-align:middle;  border-right:1px solid #ccc; }
.sub_tab2 .wrap li a {display:block; font-size:1rem; border:0; font-weight:500;  line-height:1rem; padding:20px; }
.sub_tab2 .wrap li.on {color:#fff; font-weight:600;  background-color:#1cb14b; }
.sub_tab2 .wrap li:last-child {border-right:1px solid #ccc; }


/* .company02 .con1 {margin-bottom:50px; } */

.business02 .con2 {padding:0 3%; }
.con_img {padding:0 3%; }
.business03 .con2 {padding:0 3%; }
.business03 .con3 {padding:0 3%; }






}


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

#sub {margin:50px auto; }
#sub h3 {font-size:2rem; margin-bottom:30px;}

.sub_vi {height:200px; }

.con {margin-bottom:70px; }

.con1 p {padding:20px;}

/* .company02 .con1 { height:400px; background:url('/common/img/company2.png')fixed top center, rgba(0, 0, 0, 0.2)}
.company02 .con1 p {font-size:1.7rem; }
.company02 .con1 p span {font-size:1.2rem; } */


.company03 .txt li {width:100%; }
.company03 .txt li:last-child {margin-bottom:0; }

.business01 .con2 ul {margin-bottom:70px; }
.business01 .con2 ul li {width:100%; margin-bottom:20px;  }
.business01 .con2 ul li .img_wrap {height:300px;}
.business01 .con2 ul li .img_wrap img {height:auto; }

.business01 .con4 ul li {width:50%; padding-bottom:50%; }

.business02 .con2 ul li {padding:0 10px; }
.business02 .con2 ul li .txt_wrap p {width:90%; }


.rental_view .wrap {padding-bottom:30px;}
.rental_view .wrap img {display:block; vertical-align:top; width:100%; margin:0 auto; }


.rental_view .rental_img_wrap {position:relative;  width:100%; overflow:hidden; box-sizing:border-box; padding-bottom:100%; display:inline-block}
.rental_view .wrap .list {display:inline-block; vertical-align:top; width:100%; padding-left:0; margin-top:20px;  }


.business01 .con3 ul li {width:calc(50% - 50px); }
.business01 .con4 ul li p {font-size:1.2rem; }

}






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

/* .company02 .con1 p {padding:20px;}
.company02 .con2 li {padding:0 10px; }
.company02 .con2 li img {width:60%; } */



.business01 .con2 ul li .img_wrap {height:250px;}
.business01 .con2 ul li .img_wrap img {height:100%; }



.business02 .con2 ul li {padding:0 2px; }
/* .business02 .con2 ul li .txt_wrap .wrap {padding:0 10px; }
 */

.business03 .con3 ol li {width:100%; margin-right:0; margin-bottom:5% !important; }


.commu02 .list li a .img_wrap {height:150px; }
.search input {width:calc(100% - 50px) !important;}


.commu03 ol li {display:inline-block; width:100%; margin-bottom:5%; }
.commu03 ol li:nth-child(2n) {display:none; }
.commu03 ol li .step_wrap .img_wrap {height:150px; }



.rental01 .list li {width:48%; margin-right:4%; }
.rental01 .list li:nth-child(4n) {margin-right:4%; }
.rental01 .list li:nth-child(3n) {margin-right:4%; }
.rental01 .list li:nth-child(2n) {margin-right:0; }

.rental02 .ren02_bg {height:250px; }
.rental02 .ren02_bg img {width:50%; }





}

/* business01,04 아이콘 수정 221215 */
.business01 .gray{background:#f9f9f9;padding:10px 0;margin-bottom:5%}
.business01 .con3 ul li div {border:5px solid #ddd;width:75% !important;padding-bottom:70% !important;background:#fff !important}
.business01 .con3 h5 {font-size:1.4em;color:#37b549}
.business01 .con3 span{}
.business01 .con3 ul li:nth-child(2n) {margin-top:-45px !important}

.business01 .con3 ul{display:block}
.business01 .icontest{display:none}
@media (max-width: 900px) {
.business01 .con3 ul{display:none}
.business01 .icontest{display:block}
}
.business04 .gray{background:#f9f9f9;padding:1% 0;margin-bottom:4%}
.business04 .step ul li div {border:5px solid #ddd;width:75% !important;padding-bottom:70% !important;background:#fff !important}
.business04 .step h5 {font-size:1.4em;color:#37b549}
.business04 .step ul li:nth-child(2n) {margin-top:-45px !important}
.business04 .step ul{display:flex}
.business04 .icontest{display:none}
@media (max-width: 900px) {
.business04 .step ul{display:none}
.business04 .icontest{display:block}
}


/* recruit01 */
.recruit01{overflow:hidden}
.recruit01 .human{margin-bottom:100px}
.recruit01 section {display:flex;align-items:center;}
.recruit01 section:nth-of-type(2n) {flex-direction:row-reverse}
.recruit01 section div{width:40%;margin-right:5%;margin-bottom:3%;}
.recruit01 section div:first-child{}
.recruit01 section div:nth-of-type(2n){width:55%;margin-right:0;text-align:left;}
.recruit01 section:nth-of-type(2n)  div:nth-of-type(2n){}
.recruit01 section img{width:100%;border-radius:30px;box-shadow:0 5px 23px rgb(0 0 0 / 15%);padding:10px;background:#b2d233}
.recruit01 section h2{color:#ccc;font-size:3em;font-weight:700;line-height:1;  letter-spacing:2px;   font-family: 'S-CoreDream-6Bold';margin-bottom:5px}
.recruit01 section p{font-size:1.3em;word-break:keep-all}
.recruit01 section span{color:#1cb14b;font-size:1em;font-weight:600;word-break:keep-all}
@media (max-width: 900px) {
.recruit01 .pc_show {display:none}
.recruit01 section {display:block}
.recruit01 section div{width:100%;}
.recruit01 section div:nth-of-type(2n){width:100%;margin-bottom:15%}
.recruit01 section h2{font-size:2.3em}
}
.human2 .box{display:flex;flex-wrap:wrap;}
.human2 .box li{float:left;width:30%;margin-right:5%;margin-bottom:5%;flex:1 1 1; background:#1cb14b;border-radius:20px 20px 0 0;color:#fff;text-align:center}
.human2 .box li:nth-child(3n){margin-right:0;}
.human2 .box li img{width:100%;border-radius:20px 20px 0 0}
.human2 .box li p{font-size:1.4em;font-weight:600;padding:10px 0 5px 0}
.human2 .box .sub{font-size:1em;line-height:28px;color:#fff;display:block;width:100%;word-break:keep-all;padding-bottom:10px}

@media (max-width: 900px) {
.human2 .box li{width:48%;flex:1 1 40%;margin-right:4%}
.human2 .box li:nth-child(3n){margin-right:4%}
.human2 .box li:nth-child(2n){margin-right:0;}
.human2 .box li p{font-size:1.2em;}
.human2 .box .sub{font-size:1em}
}

/* recruit02 */
.recruit02 {display:flex;align-items:center; border-radius:30px; border:1px solid #ddd;margin:5% 0 }
.recruit02 div{width:30%;margin-right:5%}
.recruit02 div:last-child{width:65%;padding:2% 0;overflow:hidden}
.recruit02 div:first-child p{height:300px;background: url('/common/img/good0.png') no-repeat center; background-size:cover;border-radius:30px 0 0 30px; }
.recruit02:nth-of-type(2) div:first-child p{background: url('/common/img/good1.png') no-repeat center;background-size:cover;}
.recruit02:nth-of-type(3) div:first-child p{background: url('/common/img/good2.png') no-repeat center;background-size:cover;}
.recruit02:nth-of-type(4) div:first-child p{background: url('/common/img/good3.png') no-repeat center;background-size:cover;}
.recruit02 h5{font-size:2em;margin-bottom:18px;color:#333}
.recruit02	h6{color:#008f3e;font-size:1.3em;font-weight:600}
.recruit02 dl{width:48%;float:left;margin-right:4%;display:flex;align-items:center;margin-bottom:2%}
.recruit02 dl:nth-of-type(2n){margin-right:0;}
.recruit02 dt{width:auto;margin-right:5%;}
.recruit02 dd{width: calc(100% - auto);float:left}

@media (max-width: 950px) {
.recruit02 {display:block;width:100%}
.recruit02 div{width:100%}
.recruit02 div:last-child{width:90%;margin:0 auto}	
.recruit02 dl{width:100%;margin-bottom:4%}
.recruit02 div:first-child p{border-radius:30px 30px 0 0; }
.recruit02 h5{font-size:1.7em}
.recruit02	h6{font-size:1.2em}
.recruit02 dt img{width:40px}
}

/* recruit03 */
.recruit03{overflow:hidden}
.recruit03	dl{width:30%;margin-right:5%;margin-bottom:5%;float:left;position:relative}
.recruit03 dl:nth-of-type(3n){margin-right:0;}
.recruit03	dt img{width:100%;border-radius:30px 0}
.recruit03	dd{text-align:center;background:#fff; width:70%;border-bottom:2px solid #1cb14b;  padding:10px;  position: absolute;left: 50%;bottom:-10%;transform: translate(-50%, 0); }

@media (max-width: 900px) {
.recruit03	dl{width:48%;margin-right:4%;margin-bottom:8%}
.recruit03	dl:nth-of-type(3n){margin-right:4%;}
.recruit03	dl:nth-of-type(2n){margin-right:0;}
.recruit03	dd{position:static;transform:initial;width:100%;}
}
/* recruit04 */
.recruit04{overflow:hidden}
.recruit04	dl{width:30%;margin-right:5%;margin-bottom:5%;float:left;position:relative}
.recruit04 dl:nth-of-type(3n){margin-right:0;}
.recruit04	dt img{width:100%;border-radius:30px 0}
.recruit04	dd{text-align:center;background:#fff; width:70%;border-bottom:2px solid #1cb14b;  padding:10px;  position: absolute;left: 50%;bottom:-10%;transform: translate(-50%, 0); }
.recruit05{display:flex}
.recruit05 ul{width:30%;margin-right:5%;}
.recruit05 li{margin-bottom:15%;}
.recruit05 li:last-child{margin-bottom:0}
.recruit05 dl{width:30%;}
.recruit05 img{width:100%;border-radius:30px 0}
.recruit04 .pc_show{display:block}
.recruit05 .pc_show{display:block}
.recruit04 .m_show{display:none}
.recruit05 .m_show{display:none}
.recruit05 ul:nth-of-type(2){display:block}
@media (max-width: 900px) {
.recruit04	dl{width:48%;margin-right:4%;margin-bottom:8%}
.recruit04	dl:nth-of-type(3n){margin-right:4%;}
.recruit04	dl:nth-of-type(2n){margin-right:0;}
.recruit04	dd{position:static;transform:initial;width:100%;}
.recruit04 .pc_show{display:none}
.recruit05 .pc_show{display:none}
.recruit04 .m_show{display:block}
.recruit05 .m_show{display:block}
.recruit05	ul{width:48%;margin-right:4%;}
.recruit05	dl{width:48%;}
.recruit05 ul:nth-of-type(2){display:none}
}

/* 경영슬로건 */
.company02 .recruit01{max-width:1500px;margin:0 auto}
.company02 .recruit01 section h2{color:#1cb14b}
.company02 .recruit01 section img{background:#fff}
.company02 .human2 {margin-top:8%}

@media (max-width: 900px){

.company02 .human2 .box{justify-content:center}
.company02 .human2 .box li {flex:initial}

}


/* system01 */
/* .system_wrap{background:url('/common/img/20533823.jpg') no-repeat bottom; background-size:cover; height:100%;margin-bottom:10%}
.top_title{margin:0 0 5% 0;background:#1cb14b;color:#fff;text-align:center;padding:10px;font-size:2.5em;font-weight:700}

.login{overflow:hidden;margin-top:12%;padding: 0 15% 0 20%}
.login_left{width:40%;float:left;}
.login_left h1 img{width:50%}
.login_left p{font-size:3em;font-weight:700;color:#fff;text-shadow:5px 5px 3px rgb(0 0 0 / 20%)}
.login_right{width:60%;float:left;}
.input-group{width:70%;margin: 0 auto 15px auto;position:relative;background:#fff}
.input-group select{width:98%;border:#fff;padding:10px}
.input-group input{width:98%;border:#fff;padding:10px;text-indent:35px}
.log-in{width:70%;margin:15px auto}
.log-in button{width:100%;background:#1cb14b;border:#1cb14b;color:#fff;padding:10px; }
.input-group  span{position:absolute;top:12px;left:12px;}

@media (max-width: 1440px) {
.login{padding: 0 10%}	
.login_left{width:45%;}
.login_right{width:55%}
.login_left h1 img{width:auto}
.login_left p{font-size:2.5em}
}
@media (max-width: 900px) {
.login{padding: 0 5%;margin-top:70px}
.login_left{width:100%;margin-bottom:30px}
.login_left p{font-size:2.3em}
.login_right{width:100%}
.input-group{width:100%;}
.log-in{width:100%}
}
 */
 .system_wrap{background:url('/common/img/system.png') no-repeat top / cover,  rgba(0, 0, 0, 0.2);background-blend-mode:multiply; height:100%;margin-bottom:10%}
.top_title{margin:0 0 5% 0;background:#1cb14b;padding:10px;position:relative}
.top_title p{color:#fff;text-align:center;font-size:2.2em;font-weight:700;}
.top_title ul{position:absolute;right:10px;top:27px;color:#fff;}

.top_title img{vertical-align:bottom;margin-right:5px}
.top_title a{border-radius:10px;padding:10px 15px;background:#fff;color:#1cb14b !important;font-weight:500}


.login{margin:0 auto;overflow:hidden;margin-top:12%;max-width:1200px;}
.login_left{width:55%;float:left;margin-left:5%}
.login_left h1 img{width:40%}
.login_left p{font-size:3em;font-weight:700;color:#fff;text-shadow:5px 5px 3px rgb(0 0 0 / 20%)}

.login_right{width:35%;float:left;margin-right:5%}
.input-group{width:100%;margin: 0 auto 15px auto;position:relative;background:#fff;border-radius:15px}
.input-group select{width:98%;border:#fff;padding:10px;border-radius:15px}
.input-group input{width:98%;border:#fff;padding:10px;text-indent:35px;border-radius:15px}
.log-in{width:100%;margin:15px auto}
.log-in button{width:100%;background:#1cb14b;border:1px solid #1cb14b;color:#fff;padding:10px;border-radius:15px ;font-weight:600}
.log-in button:hover{border:2px solid #1cb14b;color:#1cb14b;background:#fff;cursor:pointer}
.input-group span{position:absolute;top:12px;left:12px;}

@media (max-width: 900px) {
.system_wrap{background:url('/common/img/system.png') no-repeat bottom / cover,  rgba(0, 0, 0, 0.2);}
	.top_title p{text-align:left;}
	.top_title li{display:inline-block}
	.top_title span{display:none}
	.top_title a{padding:8px}
	.top_title img{margin-right:0}
	.login{padding: 0 5%;margin-top:70px}
	.login_left{width:100%;margin-bottom:30px;margin-left:0}
	.login_left h1 img{width:auto}
	.login_left p{font-size:2.3em}
	.login_right{width:100%}
	.input-group{width:100%;}
	.log-in{width:100%}
	}


/*company04*/

.history{font-size:1.5rem; color:#222;width:100%;margin:0 auto;margin-bottom:3%;position:relative;padding-left:25px;word-break:keep-all}
.history span{color:#1cb14b;font-size:1.5rem; font-weight:600}
.history::before {
    position: absolute;
    left: 0; 
    top: 13px; 
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 3px solid #1cb14b; /* 선 두께 */
    border-right: 3px solid #1cb14b; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
}

.history_tab {}
.history_tab  ul{overflow:hidden;width:80%;margin:0 auto}
.history_tab  li{width:20%;margin-right:6.66%;float:left;border:2px solid #ddd; border-radius:10px;text-align:center}
.history_tab   li:last-child{margin-right:0;}
.history_tab   a{width:100%;padding:13px 0;display:inline-block;font-size:1.6em;font-weight:600;color:#999}
.history_tab li:hover{background:#b2d233;color:#fff;border:2px solid #b2d233; border-radius:10px;}
.history_tab li.on {background:#b2d233;color:#fff;border-radius:10px;border:2px solid #b2d233}
.history_tab li.on a{background:#b2d233;color:#fff;border-radius:10px;}
.history_tab a:hover{color:#fff}



.history_text {width:80%;margin:3% auto}
.history_text 	dl{border-bottom:2px solid #ddd;padding-bottom:2%;margin:2% 0}
.history_text 	dl:last-child{border:none;margin-bottom:10%}
.history_text	 dt{color:#b2d233;font-size:2em;font-weight:700;margin-bottom:1%}
.history_text	 dd{word-break:keep-all;font-size:1.2em}
.history_text	 dd b{margin-right:10px;font-weight:600;font-size:1.2em;color:#444}


@media (max-width: 900px) {
.history{width:100%;font-size:1.2rem;margin-bottom:11%;}
.history::before { top: 9px; }
.history span{font-size:1.2rem}
.history_tab  ul{width:95%}
.history_tab li{width:48%;margin-right:4%;margin-bottom:4%}
.history_tab  li:nth-child(2n){margin-right:0;}

.history_text {width:95%;margin:7% auto}
}


.point span {
 display:inline-block;
    width: 14px; /* 사이즈 */
    height: 32px; /* 사이즈 */
    transform: skew(20deg); /* 각도 */
margin-right:10px;
	background:linear-gradient(0deg, rgb(28 177 75) 0%, rgb(122 207 54) 100%)
}
@media (max-width: 750px){
.point span {
width: 12px;
height:26px}
}