@charset "utf-8";

/* intro1 */
.intro1{}
.intro1 .img{}
.intro1 .img img{max-width: 100%;}
.intro1 .text{margin-top: 80px; display: flex;}
.intro1 .text .l_txt{padding-left: 150px; width: 740px;}
.intro1 .text .l_txt h3{font-size: 48px; color: #000; line-height: 1.3em; word-break: keep-all;}
.intro1 .text .l_txt h3 span{color: #0e6948;}
.intro1 .text .r_txt{width: calc(100% - 740px);}
.intro1 .text .r_txt p{font-size: 20px; font-weight: 500; color: #444444; line-height: 1.8em; word-break: keep-all;}
.intro1 .text .r_txt p + p{margin-top: 35px;}
.intro1 .text .r_txt h3{font-size: 24px; font-weight: 600; color: #000; margin-top: 65px;}

@media all and (max-width:1480px){
	.intro1 .text .l_txt{padding-left: 80px; width: 50%;}
	.intro1 .text .r_txt{width: 50%;}
}
@media all and (max-width:1280px){
	.intro1 .img img{height: 450px; object-fit: cover;}
	.intro1 .text{margin-top: 70px;}
	.intro1 .text .l_txt{padding-left: 0px; width: 45%;}
	.intro1 .text .l_txt h3{font-size: 44px;}
	.intro1 .text .r_txt{width: 55%;}
	.intro1 .text .r_txt p{font-size: 19px;}
	.intro1 .text .r_txt p br{display: none;}
	.intro1 .text .r_txt p + p{margin-top: 30px;}
	.intro1 .text .r_txt h3{margin-top: 50px; font-size: 22px;}
}
@media all and (max-width:1024px){
	.intro1 .img img{height: 400px;}
	.intro1 .text{margin-top: 60px;}
	.intro1 .text .l_txt{width: 45%; padding-right: 40px;}
	.intro1 .text .l_txt h3{font-size: 40px;}
	.intro1 .text .r_txt{width: 55%;}
	.intro1 .text .r_txt p{font-size: 18px;}
	.intro1 .text .r_txt p + p{margin-top: 25px;}
	.intro1 .text .r_txt h3{margin-top: 45px; font-size: 21px;}
}
@media all and (max-width:768px){
	.intro1 .img img{height: 40vw}
	.intro1 .text{margin-top: 40px; flex-direction: column;}
	.intro1 .text .l_txt{width: 100%; margin-bottom: 30px;}
	.intro1 .text .l_txt h3{font-size: 35px;}
	.intro1 .text .r_txt{width: 100%;}
	.intro1 .text .r_txt p{font-size: 17px; line-height: 1.7em;}
	.intro1 .text .r_txt p + p{margin-top: 22px;}
	.intro1 .text .r_txt h3{margin-top: 40px; font-size: 20px;}
}
@media all and (max-width:500px){
	.intro1 .text{margin-top: 35px; }
	.intro1 .text .l_txt{margin-bottom: 25px;}
	.intro1 .text .l_txt h3{font-size: 30px;}
	.intro1 .text .r_txt h3{margin-top: 35px; font-size: 19px;}
	.intro1 .text .r_txt p + p{margin-top: 18px;}
}


/* intro2 */
#historyTop {width:100%; height:430px;  background:#555 url('/images/sub/intro2-bg.png')no-repeat center bottom; display:flex;  align-items: center; background-size:cover;  position:relative; overflow:hidden; }
#historyTop .in-box {padding-left:8%; color:#FFF;}
#historyTop h4 { font-size:28px;  font-weight:300; margin-bottom:0.3em;  }
#historyTop h3 {width:100%; max-width: 710px;  font-size:45px;  font-weight:700;  line-height:1.4em;}
#historyTop h3 br {display:none}
#historyTop .t1 {font-size:1.8rem; margin-top:1.5em}

@media all and (max-width:1280px) {
	#historyTop { height:380px; }
}
@media all and (max-width:1024px) {	
	#historyTop {justify-content:flex-start; background-attachment: unset; background-size:auto 100%}
	#historyTop .in-box {max-width:500px; text-align:left; padding-left:5%;  }
	#historyTop .eng {font-size:5.85vw; left:-0.9vw; bottom:-0.5vw; }
	#historyTop h4 { font-size:22px;  margin-bottom:0.8em;  }
	#historyTop h3 br {display:block}
	#historyTop h3 { font-size:40px; }  
}
@media all and (max-width:768px) {	
	#historyTop h4 { font-size:20px;}
	#historyTop h3 { font-size:38px}
}
@media all and (max-width:500px) {	
	#historyTop {  height:60vw;}
	#historyTop h4 {  font-size:18px; margin-bottom:1em}
	#historyTop h3 { font-size:30px}
}

.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:8em; padding-bottom: 8em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 0 3em 50px; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:5.0rem; margin-bottom:0.5em; color:#0e6948; font-weight:800;}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-60px; width:20px; height:20px; border-radius:100%; background:#0e6948 ; border:6px solid #d5e5e0;}
.his_wrap li .c dd{width:calc(100% - 40px); display:inline-block; vertical-align:top; margin-bottom:10px; line-height: 1.5em;
					font-size:1.7rem; color:#777; position:relative }
.his_wrap li .c dd:before {content:''; width:3px; height:3px; background:#222; position:absolute; left:0; top:0.7em;}
.his_wrap li .c p {padding-left:13px; }
.his_wrap li .c h4 {padding-left:13px; color: #000;}

.his_wrap li:nth-of-type(2n) {float:left; text-align:right;  padding:0 50px 3em 0;}
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-60px;}
.his_wrap li:nth-of-type(2n) dd:before { left:unset;  right:0; }
.his_wrap li:nth-of-type(2n) .c h4 {padding-left:0; padding-right:13px;}
.his_wrap li:nth-of-type(2n) .c p {padding-left:0; padding-right:13px;}

@media all and (max-width:768px) {
	.his_wrap .his_bx{ padding-left:10px; padding-top: 6.5em; padding-bottom: 6.5em;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%; padding:0 0 3em 20px;}
	.his_wrap li .t { font-size: 3.6rem; margin-bottom: 0.275em;}
	.his_wrap li .t:before { top:0.35em;   left:-30px; }
	.his_wrap li .c dd{width:calc(100% - 50px); }

	.his_wrap li:nth-of-type(2n){float:right; text-align:left; padding:0 0 3em 20px;}
	.his_wrap li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }
	.his_wrap li:nth-of-type(2n) dd:before { left:0;  right:unset; }
	.his_wrap li:nth-of-type(2n) .c h4 {padding-left:13px; padding-right:0;}
	.his_wrap li:nth-of-type(2n) .c p {padding-left:13px; padding-right:0;}
}
@media all and (max-width:500px) {
	.history-top { padding: 12% 0; }
	.history-top h4 { font-size: 3.5rem; }
}


/* intro3 */
#certList { overflow: hidden; text-align: left; max-width: 1600px;  font-size:0; }
#certList li { display: inline-block; vertical-align: top; width: calc((100% - 120px) / 5); margin-left: 30px; margin-bottom: 50px;  }
#certList li:nth-child(5n+1) { margin-left:0; }
#certList li .img { border: 1px solid #dedede; padding: 10px; }
#certList li img { max-width: 100%; border: 1px solid #f2f2f2; }
#certList li p { margin-top: 15px; font-size: 18px; font-weight: 600; color:#212121; text-align: center; word-break: keep-all; line-height: 1.4em;}


@media all and (max-width:1280px) {
  #certList li { width: calc((100% - 80px) / 4); margin-left: 20px; }
}

@media all and (max-width:1024px) {
	#certList { text-align: left; }
  #certList li { width: calc((100% - 40px) / 3); text-align: center; }
  #certList li:nth-child(4n+1) { margin-left:20px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:768px) {
  #certList li { width: calc((100% - 20px) / 3); margin-left: 10px;  }
  #certList li:nth-child(4n+1) { margin-left:10px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
	#certList li p{font-size: 17px; margin-top: 12px;}
}

@media all and (max-width:500px) {
  #certList li { width: calc(50% - 5px); margin-left: 10px !important; margin-bottom: 30px;  }
  #certList li:nth-child(odd) { margin-left: 0 !important; }
	#certList li p{font-size: 16px; margin-top: 10px;}
}


/* intro4 */
.intro4{}
.intro4 .root_daum_roughmap .wrap_controllers,
.intro4 .root_daum_roughmap .cont{display: none;}
.intro4 .mapBox{}
.intro4 .mapBox + .mapBox{margin-top: 100px;}
.intro4 .mapBox .map_info{display: flex; margin-top: 40px;}
.intro4 .mapBox .map_info > div{width: 50%;}
.intro4 .mapBox .map_info .l_cont{}
.intro4 .mapBox .map_info .l_cont h3{font-size: 38px; font-weight: 700; color: #000;}
.intro4 .mapBox .map_info .l_cont h3 span{color: #0e6948;}
.intro4 .mapBox .map_info .l_cont .btn_box{display: flex; margin-top: 40px; display: flex; gap:10px;}
.intro4 .mapBox .map_info .l_cont .btn_box .btn{}
.intro4 .mapBox .map_info .l_cont .btn_box .btn a{display: flex; line-height: 56px; padding: 0 35px 0 60px; font-size: 18px; font-weight: 600; border-radius: 6px;}
.intro4 .mapBox .map_info .l_cont .btn_box .btn.naver a{color: #fff; background: #00c73c url(/images/sub/naver.webp) no-repeat left 20px center / 40px;}
.intro4 .mapBox .map_info .l_cont .btn_box .btn.kakao a{color: #fff; background: #fae100 url(/images/sub/kakaomap.webp) no-repeat left 17px center / 40px; color: #000;}
.intro4 .mapBox .map_info .r_cont{}
.intro4 .mapBox .map_info .r_cont h3{font-size: 24px; font-weight: 500; color: #000;}
.intro4 .mapBox .map_info .r_cont .dl_box{margin-top: 30px;}
.intro4 .mapBox .map_info .r_cont .dl_box dl{display: flex; font-size: 18px; align-items: center;}
.intro4 .mapBox .map_info .r_cont .dl_box dl + dl{margin-top: 10px;}
.intro4 .mapBox .map_info .r_cont .dl_box dl dt{width: 100px; background-color: #eee; text-align: center; padding: 8px 0; border-radius: 6px; color: #222; font-weight: 600;}
.intro4 .mapBox .map_info .r_cont .dl_box dl dd{ padding-left: 15px; color: #444;}

@media all and (max-width:1280px){
	.intro4 .root_daum_roughmap .wrap_map{height: 460px !important;}
	.intro4 .mapBox + .mapBox{margin-top: 80px;}
	.intro4 .mapBox .map_info{margin-top: 35px;}
	.intro4 .mapBox .map_info .l_cont h3{font-size: 35px;}
	.intro4 .mapBox .map_info .l_cont .btn_box{margin-top: 38px;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn a{line-height: 52px; padding: 0 32px 0 56px; font-size: 17px;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn.naver a{background-position: left 17px center;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn.kakao a{background-position: left 14px center;}
	.intro4 .mapBox .map_info .r_cont h3{font-size: 22px;}
	.intro4 .mapBox .map_info .r_cont .dl_box{margin-top: 25px;}
	.intro4 .mapBox .map_info .r_cont .dl_box{font-size: 17px;}
	.intro4 .mapBox .map_info .r_cont .dl_box dl dt{width: 90px;}
}
@media all and (max-width:1024px){
	.intro4 .root_daum_roughmap .wrap_map{height: 420px !important;}
	.intro4 .mapBox + .mapBox{margin-top: 70px;}
	.intro4 .mapBox .map_info{margin-top: 32px;}
	.intro4 .mapBox .map_info .l_cont h3{font-size: 33px;}
	.intro4 .mapBox .map_info .r_cont h3{font-size: 21px;}
}
@media all and (max-width:768px){
	.intro4 .root_daum_roughmap .wrap_map{height: 360px !important;}
	.intro4 .mapBox + .mapBox{margin-top: 60px;}
	.intro4 .mapBox .map_info{margin-top: 28px; flex-direction: column;}
	.intro4 .mapBox .map_info .l_cont{width: 100%;}
	.intro4 .mapBox .map_info .l_cont h3{font-size: 30px;}
	.intro4 .mapBox .map_info .l_cont .btn_box{margin-top: 32px;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn a{line-height: 48px; padding: 0 28px 0 52px; font-size: 16px;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn.naver a{background-position: left 14px center; background-size: 36px;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn.kakao a{background-position: left 12px center; background-size: 36px;}
	.intro4 .mapBox .map_info .r_cont{width: 100%; margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee;}
	.intro4 .mapBox .map_info .r_cont h3{font-size: 20px;}
	.intro4 .mapBox .map_info .r_cont .dl_box dl{font-size: 17px;}
}
@media all and (max-width:500px){
	.intro4 .root_daum_roughmap .wrap_map{height: 300px !important;}
	.intro4 .mapBox .map_info .l_cont h3{font-size: 26px;}
	.intro4 .mapBox .map_info .l_cont .btn_box{margin-top: 27px;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn a{line-height: 44px; padding: 0 25px 0 47px; font-size: 16px;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn.naver a{background-position: left 12px center; background-size: 34px;}
	.intro4 .mapBox .map_info .l_cont .btn_box .btn.kakao a{background-position: left 10px center; background-size: 34px;}
	.intro4 .mapBox .map_info .r_cont{margin-top: 25px; padding-top: 25px;}
	.intro4 .mapBox .map_info .r_cont h3{font-size: 19px;}
	.intro4 .mapBox .map_info .r_cont .dl_box{margin-top: 20px;}
}


/* business */
.business{}
.business .business_tab{display: flex; justify-content: center; align-items: center; gap:10px; margin-bottom: 40px;}
.business .business_tab li{}
.business .business_tab li a{font-size: 18px; font-weight: 700; color: #000; opacity: 0.6; display: inline-block; padding: 16px; border-radius: 10px;}
.business .business_tab.tab1 li:nth-child(1) a,
.business .business_tab.tab2 li:nth-child(2) a,
.business .business_tab.tab3 li:nth-child(3) a,
.business .business_tab.tab4 li:nth-child(4) a,
.business .business_tab.tab5 li:nth-child(5) a,
.business .business_tab.tab6 li:nth-child(6) a{opacity: 1; color: #fff; background-color: #0e6948;}

.business .business_top{position: relative; height: 500px; width: 100%;}
.business .business_top .img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.business .business_top .img img{width: 100%; height: 100%; object-fit: cover;}
.business .business_top .cont{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
.business .business_top .txt{color: #fff;text-align: center;}
.business .business_top .txt h4{font-size: 24px; opacity: 0.7; font-weight: 500; margin-bottom: 15px;}
.business .business_top .txt h3{font-size: 52px;}
.business .business_top .symbol{margin-top: 40px; display: flex; justify-content: center; align-items: center; gap:10px;}
.business .business_top .symbol .box{text-align: center;}
.business .business_top .symbol .box .icon{}
.business .business_top .symbol .box .icon img{}
.business .business_top .symbol .box p{color: #fff; font-size: 14px; font-weight: 400; margin-top: 8px;}

.business .busi_cont{}
.business .busi_cont > .box{margin: 120px 0;}
.business .busi_cont > .box:last-child{margin-bottom: 0;}
.business .busi_cont > .box .inner{display: flex; align-items: flex-start;}
.business .busi_cont > .box .inner .l_cont{width: 30%; padding-top: 30px; position: sticky; top: 200px;}
.business .busi_cont > .box .inner .l_cont .text{margin-top: 40px;}
.business .busi_cont > .box .inner .l_cont .text p{font-size: 18px; font-weight: 500; color: #444444; word-break: keep-all;}
.business .busi_cont .box .inner .l_cont .btn{margin-top: 60px;}
.business .busi_cont .box .inner .l_cont .btn a{background-color: #0e6948; color: #fff; font-weight: 700; border-radius: 50px; padding: 18px 30px; font-size: 18px;}
.business .busi_cont .box .inner .r_cont{width: 70%;}
.business .busi_cont .box .inner .r_cont .info{}
.business .busi_cont .box .inner .r_cont .info .box{}
.business .busi_cont .box .inner .r_cont .info .box + .box{margin-top: 80px;}
.business .busi_cont .box .inner .r_cont .info .box h3{font-size: 24px; font-weight: 700; color: #000; margin-bottom: 30px;position: relative; padding-left: 25px;}
.business .busi_cont .box .inner .r_cont .info .box h3::before{content: ''; width: 18px; aspect-ratio: 1 / 1; border-radius: 100%; background-color: #fff; border: 4px solid #0e6948; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.business .busi_cont .box .inner .r_cont .info .box .text{background-color: #f5f5f3; padding: 30px; border: 1px solid #cccccc; position: relative;}
.business .busi_cont .box .inner .r_cont .info .box .text::before{content: ''; display: block; height: 3px; width: 100%; background: linear-gradient(to right, #369963, #0e6948);position: absolute; top: -3px; left: 0;}
.business .busi_cont .box .inner .r_cont .info .box .text p{font-size: 18px; color: #444; word-break: keep-all; line-height: 1.7em; font-weight: 600;}
.business .busi_cont .box .inner .r_cont .info .box .img_flex{display: flex; gap:20px; margin-top: 20px;}
.business .busi_cont .box .inner .r_cont .info .box .img_flex .img{width: 100%;}
.business .busi_cont .box .inner .r_cont .info .box .img_flex .img img{max-width: 100%;}

.business .busi_cont .tit{}
.business .busi_cont .tit h3{color: #000; font-size: 40px; letter-spacing: -0.025em; word-break: keep-all;}
.business .busi_cont .tit h3 span{color: #0e6948;}
.business .busi_cont .tit p{font-size: 14px; color: #999999; font-weight: 700;}
.business .busi_cont .tit h3 + p{margin-top: 25px;}
.business .busi_cont .tit p + h3{margin-top: 25px;}

.business .busi_cont .product{display: grid; grid-template-columns: repeat(4, 1fr); gap:40px 25px;}
.business .busi_cont .product li{}
.business .busi_cont .product li .img{background-color: #f3f3f3; border-radius: 20px; overflow: hidden; aspect-ratio:1 / 1;}
.business .busi_cont .product li .img img{max-width: 100%;}
.business .busi_cont .product li p{font-size: 17px; font-weight: 700; color: #000000; text-align: center; margin-top: 10px; word-break: keep-all;}

.business .busi_cont .bg_cont{background-color: #f9f9f9; border-radius: 20px; overflow: hidden; padding: 65px;}
.business .busi_cont .bg_cont h3.tit{font-size: 20px; color: #222; font-weight: 700; margin-bottom: 20px; position: relative; padding-left: 25px;}
.business .busi_cont .bg_cont h3.tit::before{content: ''; width: 16px; aspect-ratio: 1 / 1; border-radius: 100%; background-color: #fff; border: 4px solid #0e6948; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.business .busi_cont .bg_cont ul + h3.tit{margin-top: 40px;}

.business .busi_cont .color{display: grid; grid-template-columns: repeat(4, 1fr); gap:70px;}
.business .busi_cont .color li{}
.business .busi_cont .color li .img{text-align: center;}
.business .busi_cont .color li .img img{max-width: 100%;}
.business .busi_cont .color li p{font-size: 17px; font-weight: 700; color: #000000; text-align: center; margin-top: 15px; line-height: 1.5em;}
.business .busi_cont .color li p span{font-weight: 300; color: #444;}

.business .busi_cont .pattern{display: grid; grid-template-columns: repeat(3, 1fr); gap:20px;}
.business .busi_cont .pattern li{box-shadow: 2px 8px 14px rgba(0,0,0,0.1);}
.business .busi_cont .pattern li .img{}
.business .busi_cont .pattern li img{max-width: 100%;}

.business .busi_cont .case{display: grid; grid-template-columns: repeat(3, 1fr); gap:30px 20px;}
.business .busi_cont .case li{}
.business .busi_cont .case li a{}
.business .busi_cont .case li a img{max-width: 100%; border-radius: 10px; overflow: hidden; aspect-ratio:16 / 9; object-fit: cover; height: 100%;}
.business .busi_cont .case li a p{font-size: 17px; font-weight: 700; color: #000000; text-align: center; margin-top: 15px;}

.business .bg{padding: 120px 0; background: url(/images/sub/business_bg.webp) no-repeat center center / cover;}
.business .bg .tit{text-align: center;}
.business .bg table{max-width: 1400px; margin: 45px auto 0;}

.business .busi_cont .detail{}
.business .busi_cont .detail.d2{display: flex; flex-wrap:wrap; gap:40px 20px;}
.business .busi_cont .detail li{}
.business .busi_cont .detail li + .tit{margin-top: 30px;}
.business .busi_cont .detail li + li{margin-top: 30px;}
.business .busi_cont .detail.d2 li{width: calc(100% / 2 - 20px / 2);}
.business .busi_cont .detail.d2 li + li{margin-top: 0px !important;}
.business .busi_cont .detail li p{font-size: 18px; font-weight: 700; color: #000; margin-bottom: 20px; position: relative; padding-left: 15px;}
.business .busi_cont .detail li p::before{content: ''; position: absolute; height: 100%; width: 4px; background-color: #0e6948; left: 0; top: 0;}
.business .busi_cont .detail li .img{}
.business .busi_cont .detail li img{max-width: 100%;}

.business .busi_cont .method{}
.business .busi_cont .method .tit{margin-bottom: 30px;}
.business .busi_cont .method div + .tit{margin-top: 80px; padding-top: 80px; border-top: 1px solid #dedede;}
.business .busi_cont .method table + .tit{margin-top: 80px; padding-top: 80px; border-top: 1px solid #dedede;}
.business .busi_cont .method .tit h4{background-color: #0e6948; color: #fff; font-weight: 700; padding: 10px 20px; /* border-radius: 30px; */ display: inline-block; font-size: 20px; word-break: keep-all;}
.business .busi_cont .method .dl_box{}
.business .busi_cont .method .dl_box dl{display: flex;}
.business .busi_cont .method .dl_box dl+dl{margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd;}
.business .busi_cont .method .dl_box dl dt{width: 120px; font-size: 19px; font-weight: 700; color: #000;}
.business .busi_cont .method .dl_box dl dd{width: calc(100% - 120px); padding-left: 30px; border-left: 1px solid #ddd;}
.business .busi_cont .method .dl_box dl dd p{word-break: keep-all; font-size: 18px; color: #444; line-height: 1.6em;}
.business .busi_cont .method .dl_box dl dd .num{counter-reset: num;}
.business .busi_cont .method .dl_box dl dd .num li{word-break: keep-all; font-size: 18px; color: #444; line-height: 1.5em; padding-left: 32px; position: relative; counter-increment: num;}
.business .busi_cont .method .dl_box dl dd .num li::before{content: counter(num); position: absolute; left: 0; top: 0; font-size: 0.75em; font-weight: 700; border: 1px solid #0e6948; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; color: #0e6948; width: 24px; height: 24px;}
.business .busi_cont .method .dl_box dl dd .num li + li{margin-top: 10px;}
.business .busi_cont .method .images{}
.business .busi_cont .method .images li{}
.business .busi_cont .method .images li + li{margin-top: 30px;}
.business .busi_cont .method .images li .img{}
.business .busi_cont .method .images li .img img{max-width: 100%;}
.business .busi_cont .method .images li p{font-size: 18px; color: #222; font-weight: 700; margin-top: 15px;}


@media all and (max-width:1280px){
	.business .business_tab{gap:8px; margin-bottom: 35px; flex-wrap: wrap;}
	.business .business_tab li a{font-size: 17px; padding: 14px;}
	
	.business .business_top{height: 450px;}
	.business .business_top .txt h4{font-size: 22px; margin-bottom: 13px;}
	.business .business_top .txt h3{font-size: 46px;}
	.business .business_top .symbol{margin-top: 35px;}
	.business .business_top .symbol .box .icon img{max-width: 74px;}
	.business .business_top .symbol .box p{font-size: 13px; margin-top: 7px;}
	
	.business .busi_cont .bg_cont{padding: 40px; border-radius: 15px;}
	
	.business .busi_cont > .box{margin: 110px 0;}
	.business .busi_cont .box .inner .l_cont{top: 140px; padding-top: 25px; width: 35%;}
	.business .busi_cont .box .inner .l_cont .text p{font-size: 17px;}
	.business .busi_cont .box .inner .r_cont{width: 65%;}
	.business .busi_cont .tit h3{font-size: 36px;}
	
	.business .busi_cont .product{gap:35px 20px; grid-template-columns: repeat(3, 1fr)}
	.business .busi_cont .product li p{font-size: 16px;}
	
	.business .busi_cont .color{gap:40px 20px;}
	.business .busi_cont .color li p{font-size: 16px; margin-top: 10px;}
	
	.business .bg{padding: 110px 0;}
	.business .busi_cont .detail li + li{margin-top: 25px;}
	
	.business .busi_cont .method .tit{margin-bottom: 25px;}
	.business .busi_cont .method .tit h4{font-size: 19px; padding: 10px 17px;}
	.business .busi_cont .method table + .tit{margin-top: 70px; padding-top: 70px;}
	.business .busi_cont .method .images li p{font-size: 17px; margin-top: 13px;}
	
	.business .busi_cont .detail li p{font-size: 17px; margin-bottom: 15px; padding-left: 13px;}
	
	.business .busi_cont .detail.d2{gap:35px 20px;}
	
	.business .busi_cont .box .inner .l_cont .btn{margin-top: 50px;}
	.business .busi_cont .box .inner .l_cont .btn a{padding: 16px 26px; font-size: 17px;}
	.business .busi_cont .bg_cont h3.tit{font-size: 19px;margin-bottom: 18px; padding-left: 23px;}
	.business .busi_cont .bg_cont h3.tit::before{width: 15px;}
	.business .busi_cont .bg_cont ul + h3.tit{margin-top: 35px;}
	
	.business .busi_cont .box .inner .r_cont .info .box + .box{margin-top: 70px;}
	.business .busi_cont .box .inner .r_cont .info .box h3{font-size: 22px;}
	.business .busi_cont .box .inner .r_cont .info .box h3::before{width: 17px;}
	.business .busi_cont .box .inner .r_cont .info .box .img_flex{gap:10px;}
}
@media all and (max-width:1024px){	
	.business .business_top{height: 400px;}
	.business .business_top .txt h4{font-size: 21px; margin-bottom: 12px;}
	.business .business_top .txt h3{font-size: 42px;}
	.business .business_top .symbol{margin-top: 30px;}
	.business .business_top .symbol .box .icon img{max-width: 68px;}
	
	.business .busi_cont .bg_cont{padding: 30px; border-radius: 15px;}
	
	.business .busi_cont > .box{margin: 100px 0;}
	.business .busi_cont .box .inner .l_cont{top: 120px; padding-top: 20px; width: 38%; padding-right: 30px;}
	.business .busi_cont .box .inner .r_cont{width: 62%;}
	.business .busi_cont .tit h3{font-size: 34px;}
	
	.business .busi_cont .color{grid-template-columns: repeat(3, 1fr)}
	
	.business .bg{padding: 100px 0;}
	
	.business .busi_cont .pattern{grid-template-columns: repeat(2, 1fr);}
	.business .busi_cont .case{grid-template-columns: repeat(2, 1fr);}
	
	.business .busi_cont .method .tit h4{font-size: 18px; padding: 9px 15px;}
	.business .busi_cont .method table + .tit{margin-top: 60px; padding-top: 60px;}
	.business .busi_cont .box .inner .r_cont .info .box + .box{margin-top: 60px;}
}
@media all and (max-width:768px){
	.business .business_tab{gap:8px 6px;}
	.business .business_tab li a{font-size: 16px; padding: 12px;}
	
	.business .business_top{height: 360px;}
	.business .business_top .txt h4{font-size: 20px; margin-bottom: 10px;}
	.business .business_top .txt h3{font-size: 38px;}
	.business .business_top .symbol{margin-top: 28px; gap:7px;}
	.business .business_top .symbol .box .icon img{max-width: 62px;}
	.business .business_top .symbol .box p{font-size: 12px; margin-top: 6px;}
	
	.business .busi_cont .bg_cont{padding: 30px 25px; border-radius: 13px;}
	
	.business .busi_cont > .box{margin: 85px 0;}
	.business .busi_cont .box .inner{flex-direction: column;}
	.business .busi_cont .box .inner .l_cont{position: static; padding-top: 0px; width: 100%; padding-left: 0;}
	.business .busi_cont .box .inner .l_cont .text{margin-top: 25px;}
	.business .busi_cont .box .inner .l_cont .text p{font-size: 16px;}
	.business .busi_cont .box .inner .r_cont{width: 100%; margin-top: 40px;}
	.business .busi_cont .tit h3{font-size: 32px;}
	.business .busi_cont .tit h3 + p{margin-top: 20px;}
	.business .busi_cont .tit p + h3{margin-top: 20px;}
	
	.business .busi_cont .product{gap:30px 15px; grid-template-columns: repeat(3, 1fr)}
	.business .busi_cont .product li p{font-size: 16px;}
	
	.business .busi_cont .color{gap:30px 15px;}
	.business .busi_cont .color li .img img{max-width: 180px;}
	
	.business .bg{padding: 85px 0;}
	.business .busi_cont .pattern{gap:15px;}
	.business .busi_cont .case{gap:30px 15px;}
	.business .busi_cont .detail li + li{margin-top: 20px;}
	
	.business .busi_cont .method .tit{margin-bottom: 20px;}
	.business .busi_cont .method .tit h4{font-size: 17px; padding:9px 14px;}
	.business .busi_cont .method table + .tit{margin-top: 50px; padding-top: 50px;}
	.business .busi_cont .method .images li p{font-size: 16px; margin-top: 11px;}
	
	.business .busi_cont .detail li p{font-size: 16px; margin-bottom: 12px; padding-left: 11px;}
	.business .busi_cont .detail li p::before{width: 3px;}
	
	.business .busi_cont .detail.d2{gap:30px 15px;}
	.business .busi_cont .detail.d2 li{width: 100%;}
	
	.business .busi_cont .box .inner .l_cont .btn{margin-top: 45px;}
	.business .busi_cont .box .inner .l_cont .btn a{padding: 14px 24px; font-size: 16px;}
	
	.business .busi_cont .bg_cont h3.tit{font-size: 18px;margin-bottom: 15px;padding-left: 20px;}
	.business .busi_cont .bg_cont h3.tit::before{width: 14px; border-width: 3px;}
	.business .busi_cont .bg_cont ul + h3.tit{margin-top: 30px;}
	
	.business .busi_cont .box .inner .r_cont .info .box h3{font-size: 21px; margin-bottom: 25px; padding-left: 22px;}
	.business .busi_cont .box .inner .r_cont .info .box h3::before{width: 16px;}
	.business .busi_cont .box .inner .r_cont .info .box + .box{margin-top: 50px;}
}
@media all and (max-width:500px){
	.business .business_tab{gap:7px 5px;}
	.business .business_tab li a{font-size: 15px; padding: 10px;}
	
	.business .business_top{height: 320px;}
	.business .business_top .txt h4{font-size: 18px; margin-bottom: 8px;}
	.business .business_top .txt h3{font-size: 34px;}
	.business .business_top .symbol{margin-top: 25px; gap:6px;}
	.business .business_top .symbol .box .icon img{max-width: 11.5vw;}
	
	.business .busi_cont .bg_cont{padding: 25px 20px; border-radius: 12px;}
	
	.business .busi_cont > .box{margin: 75px 0;}
	.business .busi_cont .box .inner .r_cont{margin-top: 30px;}
	.business .busi_cont .tit h3{font-size: 28px;}
	.business .busi_cont .tit h3 + p{margin-top: 17px;}
	.business .busi_cont .tit h3 br{display: none;}
	
	.business .busi_cont .product{gap:25px 12px; grid-template-columns: repeat(2, 1fr)}
	.business .busi_cont .product li p{font-size: 15px;}
	
	.business .busi_cont .color{grid-template-columns: repeat(2, 1fr); gap:25px 12px;}
	.business .busi_cont .color li p{font-size: 15px; margin-top: 10px;}
	.business .busi_cont .color li .img img{max-width: 35vw;}
	
	.business .bg{padding: 75px 0;}
	.business .busi_cont .pattern{gap:25px 12px;}
	.business .busi_cont .case{gap:25px 12px;}
	
	.business .busi_cont .method .tit h4{font-size: 16px; padding: 8px 13px;}
	.business .busi_cont .method table + .tit{margin-top: 45px; padding-top: 45px;}
	
	.business .busi_cont .detail.d2{gap:25px 12px;}
	
	.business .busi_cont .box .inner .l_cont .btn{margin-top: 35px;}
	.business .busi_cont .box .inner .l_cont .btn a{padding: 12px 22px; font-size: 16px;}
	.business .busi_cont .box .inner .r_cont .info .box .img_flex{flex-direction: column;}
}


.business .scroll{max-width: 94%; width: 100%; margin: 0 auto;}


.business0{}
.business0 .inner{max-width: 1280px;}
.business0 .product{display: grid; grid-template-columns: repeat(4, 1fr); gap:40px 25px;}
.business0 .product li{transition: .4s; width: 100% !important; max-width: 100%;}
.business0 .product li:hover{opacity: 0.5;}
.business0 .product li .img{background-color: #f3f3f3; border-radius: 20px; overflow: hidden; aspect-ratio:1 / 1; display: flex; justify-content: center; align-items: center; width: 100% !important;}
.business0 .product li .img img{max-width: 100%;}
.business0 .product li p{font-size: 17px; font-weight: 700; color: #000000; text-align: center; margin-top: 10px; word-break: keep-all;}
.business0 .product li p span{color: #0e6948; font-size: 0.875em; font-weight: 600;  display:block; margin-top: 12px; width: max-content; margin-left: auto; margin-right: auto; text-decoration: underline; text-underline-position: under;}

@media all and (max-width:1024px){
	.business0 .product{grid-template-columns: repeat(3, 1fr); gap:30px}
}
@media all and (max-width:768px){
	.business0 .product{grid-template-columns: repeat(2, 1fr); gap:30px 20px}
	.business0 .product li .img{padding: 20px;}
	.business0 .product li p{font-size: 16px;}
}


/* table */
.tb-style1{width: 100%; position: relative;}
.tb-style1::before{content: ''; display: block; height: 3px; width: 100%; background: linear-gradient(to right, #369963, #0e6948);position: absolute; top: -3px; left: 0;}
.tb-style1 tbody{}
.tb-style1 thead th{background-color: #f5f5f3; color: #000; font-size: 19px; text-align: center; font-weight: 700; padding: 20px 10px; border-bottom: 1px solid #ccc; word-break: keep-all;}
.tb-style1 thead th + th{border-left: 1px solid #cccccc;}
.tb-style1 tbody th{background-color: #f5f5f3; color: #000; font-size: 19px; text-align: center; font-weight: 700; padding: 20px 10px; border-bottom: 1px solid #ccc; word-break: keep-all;}
.tb-style1 tbody td{padding: 20px 30px; font-size: 18px; font-weight: 500; color: #444444; word-break: keep-all; border-left: 1px solid #cccccc; border-bottom: 1px solid #ccc; word-break: keep-all; line-height: 1.4em;} 
.tb-style1 tbody td .flex{display: flex; justify-content: space-between; font-size: 0.875em; font-weight: 300;}
.tb-style1 tbody td .flex b{color: #000; font-weight: 700;}
.tb-style1 tbody td .flex .t{}
.tb-style1 tbody td .flex .a{text-align: right;}
.tb-style1 tbody td p{position: relative; padding-left: 12px; word-break: keep-all; line-height: 1.4em;}
.tb-style1 tbody td p + p {margin-top: 10px;}
.tb-style1 tbody td p::before{content: '·'; font-weight: 700; color: #0e6948; position: absolute; left: 0; top: 0;}

.tb-style2{width: 100%; position: relative; background-color: #fff;}
.tb-style2::before{content: ''; display: block; height: 3px; width: 100%; background: linear-gradient(to right, #369963, #0e6948);position: absolute; top: -3px; left: 0;}
.tb-style2 thead{}
.tb-style2 thead th{background-color: #f5f5f3; text-align: center; font-size: 19px; color: #000; font-weight: 700; padding: 20px 10px; border-bottom: 1px solid #ccc;}
.tb-style2 thead th + th{border-left: 1px solid #ccc;}
.tb-style2 tbody{}
.tb-style2 tbody th{background-color: #f5f5f3; color: #000; font-size: 19px; text-align: center; font-weight: 700; padding: 20px 10px; border-bottom: 1px solid #ccc;}
.tb-style2 tbody td{padding: 20px 30px; font-size: 18px; font-weight: 500; color: #444444; word-break: keep-all; border-left: 1px solid #cccccc; border-bottom: 1px solid #ccc; text-align: center; line-height: 1.4em;}


@media all and (max-width:1280px){
	.tb-style1 tbody th{font-size: 18px; padding: 17px 8px;}
	.tb-style1 tbody td{font-size: 17px; padding: 17px 25px;}
	.tb-style1 tbody td p{padding-left: 10px}
	
	.tb-style2 thead th{font-size: 18px; padding: 17px 8px;}
	.tb-style2 tbody th{font-size: 18px; padding: 17px 8px;}
	.tb-style2 tbody td{font-size: 17px; padding: 17px 25px;}
}
@media all and (max-width:1024px){
	.tb-style1 tbody th{font-size: 17px; padding: 15px 7px;}
	.tb-style1 tbody td{font-size: 16px; padding: 15px 22px;}
	.tb-style1 tbody td p{padding-left: 8px}
	
	.tb-style2 thead th{font-size: 17px; padding: 15px 7px;}
	.tb-style2 tbody th{font-size: 17px; padding: 15px 7px;}
	.tb-style2 tbody td{font-size: 16px; padding: 15px 22px;}
}
@media all and (max-width:768px){
	.tb-style1 tbody th{font-size: 16px; padding: 14px 6px;}
	.tb-style1 tbody td{font-size: 16px; padding: 14px 20px;}
	
	.tb-style2 thead th{font-size: 16px; padding: 14px 6px;}
	.tb-style2 tbody th{font-size: 16px; padding: 14px 6px;}
	.tb-style2 tbody td{font-size: 16px; padding: 14px 20px;}
	
	.business .scroll{overflow-x: scroll;}
	.business .scroll table{width: 720px;}
}
@media all and (max-width:500px){
	.tb-style1 tbody th{font-size: 16px; padding: 12px 5px;}
	.tb-style1 tbody td{font-size: 15px; padding: 12px 15px;}
	
	.tb-style2 thead th{font-size: 16px; padding: 12px 5px;}
	.tb-style2 tbody th{font-size: 16px; padding: 12px 5px;}
	.tb-style2 tbody td{font-size: 15px; padding: 12px 15px;}
}