@charset "utf-8";


.m-Part {margin:130px 0}
.m-Part2 {margin:130px auto}
.p-Part {padding:130px 0}

@media all and (max-width:976px) {
    .m-Part {margin:90px 0}
    .m-Part2 {margin:90px auto}
	.p-Part {padding:90px 0}
}


.com2{background: url('/images/sub/company2_bgimg.png') no-repeat 100% 135%; padding-bottom: 100px;}
.com2 .top{width: 100%;height: 460px; background: url('/images/sub/company2_bg.png') no-repeat center center; background-size: cover;}
.com2 .top h3{padding: 100px; display: flex; height: 100%; align-items: flex-end; color: #fff; font-size: 4.8rem;}
.com2 .cont{padding: 70px 100px; color: #666;}
.com2 .cont p{font-weight: 500; font-size: 2rem; line-height: 4rem;}
.com2 .cont p+p{margin-top: 40px;}
.com2 .cont p span{color: #000; font-weight: bold; font-size: 2.4rem; margin-left: 10px; display: inline-block;}

@media all and (max-width:1400px){
    .com2{background-size: 39%;}
    .com2 .top h3{padding: 70px;}
    .com2 .cont{padding: 70px;}
}
@media all and (max-width:1280px){
    .com2 .top{height: 360px;}
    .com2 .top h3{font-size: 4rem; padding: 50px;}
    .com2 .cont{padding: 50px;}
    .com2 .cont p{font-size: 1.8rem; line-height: 3.8rem;}
}
@media all and (max-width:767px){
    .com2{background-position: 100% 110%;padding-bottom: 50px;}
    .com2 .top{height: 260px;}
    .com2 .top h3{font-size: 3rem; padding: 30px;}
    .com2 .cont{padding: 30px;}
    .com2 .cont p{font-size: 1.6rem; line-height: 3.6rem;}
    .com2 .cont p br{display: none;}
    .com2 .cont p br.mo{display: block;}
    .com2 .cont p+p{margin-top: 20px;}
    .com2 .cont p span{font-size: 2rem; margin-left: 5px;}
}
@media all and (max-width:480px){
    .com2{background-position: 100% 105%; background-size: 45%; padding-bottom: 30px;}
    .com2 .top{height: 200px;}
}



#historyTop {width:100%; height:360px;  background:url('/images/sub/history-bg.png')no-repeat left center; display:table}
#historyTop .in-box {width:90%; display:table-cell; vertical-align:middle; text-align:center; color:#FFF; position:relative}
#historyTop .in-box:before {content:'SINCE 2001'; width:100%; font-size:10rem; opacity:.2; font-weight:900; font-family:'Montserrat';
								position:absolute; left:50%; bottom:-30px; transform:translateX(-50%)}
#historyTop .eng {margin-bottom:2em; font-size:1.3rem; font-weight:700; letter-spacing:0.5em; font-family:'Montserrat'}
#historyTop h3 {font-size:4.5rem; font-weight:300;  line-height:1.2em;}

@media all and (max-width:1280px) {	
    #historyTop h3 {font-size:4rem;}
}
@media all and (max-width:640px) {	
    #historyTop .in-box:before { font-size:8rem; }
    #historyTop h3 {font-size:3.5rem;}
}
@media all and (max-width:480px) {	
	#historyTop {height: auto; background-position:15% center}
	#historyTop .in-box {padding:80px 0}
	#historyTop .in-box:before { font-size:7rem; bottom:-23px;}
	#historyTop .eng {margin-bottom:1.5em;}
	#historyTop h3 {font-size:3rem;}
}




.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:5em; 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 20px 3em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:5.0rem;  font-family:'barlow'; margin-bottom:30px; color:#bfd97c; font-weight: 700;}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-30px; width:20px; height:20px; border-radius:100%; background:#bfd97c; border:6px solid #f2f9e0;}
.his_wrap li .c { font-size:1.7rem; line-height: 1.8em;}
.his_wrap li .c dt{ width:60px; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 700; line-height: 1.5em;  font-size:1.7rem; font-family:'Roboto'; }
.his_wrap li .c dd{width:100%; display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; }
.his_wrap li .c p { position: relative; margin-bottom:10px; padding: 0 15px; }
.his_wrap li .c p::before { content:''; width: 3px; height: 3px; background: #bfd97c; position: absolute; left:0; top: 50%; margin-top: -1.8px; }

.his_wrap li:nth-of-type(2n) {float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-30px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }
.his_wrap li:nth-of-type(2n) .c p::before { left: unset; right:0; }

@media all and (max-width:767px) {
	.his_wrap .his_bx{ padding-left:10px;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%;}
	.his_wrap li .t { font-size: 4.0rem; }
	.his_wrap li .t:before { top:0.35em;  }
	.his_wrap li .c dt{ width:50px; }

	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.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) .c p::before { right:unset; left: 0;  }
}

@media all and (max-width:568px) {
	.history-top { padding: 12% 0; }
	.history-top h4 { font-size: 3.5rem; }
}



#com3 {width:100%; max-width:1180px; margin:0 auto;position:relative}
#com3:before {content:''; width:1px; height:100%; position:absolute; left:50%; top:0; background:#e9e9e9; z-index:-1}
#com3 section { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; gap:50px;position:relative}
#com3 section #box {width:360px; border:1px solid #e9e9e9; background:#FFF}
#com3 section #box dl dt {font-size:2.0rem; font-weight:700;  color:#FFF; padding:1em 0.3em}
#com3 section #box dl dd {font-size:2.0rem; color:#222; font-weight:500; padding:1.5em 0.3em; }
#com3 section #box ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 100%;}
#com3 section #box ul li {font-size:1.7rem; border-bottom:1px dashed #DDD; margin-bottom:0.5em; padding-bottom:0.5em; width: 95%;}
#com3 section #box ul li:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}

#com3 section.box-4f #box dl dt {font-size:2.4rem; background:#4d77b3; font-weight:normal }

#com3 section.box-3f {margin:40px 0}
/* #com3 section.box-3f:before {content:''; width:50%; height:1px; background:#e9e9e9; position:absolute; right:0; top:50%; z-index:-1} */
#com3 section.box-3f #box {margin-left: auto}
#com3 section.box-3f #box dl dt {background:#7cbd58; }

#com3 section.box-2f { padding-top:40px; }
#com3 section.box-2f:after {content:''; width:calc(100% - 360px); height:1px;  background:#e9e9e9; position:absolute; left:50%; top:0; z-index:-1; transform:translateX(-50%)}
#com3 section.box-2f:before {content:'';  width:calc(100% - 360px); height:50%; border-left:1px solid #e9e9e9;  border-right:1px solid #e9e9e9;	position:absolute; left:50%; top:0; z-index:-1; transform:translateX(-50%)}

#com3 section.box-2f #box dl dt {background:#bfd97c; }

#com3 section.box-1f { margin-top:10px;}
#com3 section.box-1f #box dl dt {background:#828282; }


@media all and (max-width:1312px) {
	#com3 section { justify-content:space-between; gap:0}
	#com3 section #box {width:30%; }

	#com3 section.box-4f #box {margin:0 auto}
	#com3 section.box-2f:after {content:''; width:calc(100% - 30%);}
	#com3 section.box-2f:before {content:'';  width:calc(100% - 30%);}
}

@media all and (max-width:1024px) {
	#com3 section #box {width:32%; }
	#com3 section #box dl dd {padding:1em 0.3em}

	#com3 section.box-3f {margin:30px 0}
	#com3 section.box-2f { padding-top:30px; }
	#com3 section.box-2f:after {content:''; width:calc(100% - 32%);}
	#com3 section.box-2f:before {content:'';  width:calc(100% - 32%);}
}
@media all and (max-width:480px) {
	#com3 section #box dl dt,
	#com3 section #box dl dd {font-size:1.8rem; padding:0.8em 0.3em}
	#com3 section #box ul {padding:1em}
	#com3 section #box ul li {font-size:1.5rem; }

	#com3 section.box-3f {margin:20px 0}
	#com3 section.box-2f { padding-top:20px; }
	#com3 section.box-4f #box dl dt {font-size:2rem; }
}


#com5cont { display:flex; justify-content:center; width: 100%;gap: 20px;}
#com5cont .box {padding:2em; text-align:center; background:#bfd97c21; width: calc(100%/3 - 10px);}
#com5cont .box i {margin-bottom:30px; font-size: 4rem; color: #00913a;}
#com5cont .box dt { margin-bottom:0.7em; font-size:2.4rem; font-family:'Montserrat'; font-weight:700; color:#00913a}
#com5cont .box dd { font-size:1.8rem; font-family:'Roboto', 'Pretendard'; font-weight:400; line-height:1.4em; color:#333}
#com5cont .box dd ul {text-align:left; width:fit-content; margin:0 auto}

#com5 {margin-bottom:30px;}
#com5 .wrap_controllers {display:none}
#com5 .root_daum_roughmap .wrap_map { height: 580px !important; }

@media all and (max-width:1280px) {
	#com5cont .box {padding:3em 2em; }
}
@media all and (max-width:976px) {
	#com5cont  {flex-wrap:wrap; gap: 10px;}
	#com5cont .box.w100 {width:100%}
	#com5cont .box {width:calc(100%/2 - 5px);}
}
@media all and (max-width:480px) {
	#com5cont .box {padding:2em 1em;}
	#com5cont .box i{margin-bottom: 10px; font-size: 3rem;}
	#com5cont .box dt {font-size:2.0rem;}
	#com5cont .box dd { font-size:1.6rem; }
}


.pro_list{width: 100%; border-top: 3px solid #00913a; padding-top: 30px;}
.pro_list > li{padding: 30px;}
.pro_list > li+li{border-top: 1px solid #eee; padding-top: 50px;}
.pro_list > li h3{font-size: 3rem; color: #222;}
.pro_list > li h3 i{color: #00913a; margin-right: 10px;}
.pro_list > li .cont{display: flex;flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.pro_list > li .cont .img{width: 100%; margin: 0 auto; text-align: center;}
.pro_list > li .cont .img img{width: 100%; max-width:800px}
.pro_list > li .cont .txt{width: 100%; padding: 20px;}
.pro_list > li .cont .txt ul{width: 100%; margin-bottom: 30px;}
.pro_list > li .cont .txt ul li{width: 100%; font-size: 1.8rem; color: #000; border-bottom: 1px dashed #b8b8b8; padding: 20px 30px; position: relative;}
.pro_list > li .cont .txt ul li::before{content: '•'; position: absolute;left: 10px; color: #7cbd58; top: 18px;}
.pro_list > li .cont .txt .ntc{padding: 10px; display: none;}

@media all and (max-width:1080px) {
    .pro_list{ padding-top: 20px;}
    .pro_list > li{padding: 20px 20px 50px;}
    .pro_list > li .cont .img{width: 100%; text-align: center; margin: 0 auto;}
    .pro_list > li .cont .txt{width: 100%; padding: 0; margin-top: 20px;}
    .pro_list > li .cont .txt .ntc{display: block; font-size: 1.5rem;}
}
@media all and (max-width:480px) {
    .pro_list{ padding-top: 10px;}
    .pro_list > li{padding: 10px 10px 30px;}
    .pro_list > li+li{padding-top: 30px;}
    .pro_list > li .cont .img{width: 100%;}
    .pro_list > li h3{font-size: 2.5rem;}
    .pro_list > li .cont .txt{margin-top: 10px;}
    .pro_list > li .cont .txt ul li{width: 100%; font-size: 1.6rem; padding: 15px 25px;}
    .pro_list > li .cont .txt ul li::before{left: 5px; top: 16px;}

}



#intro1 .typo {display:flex;align-items: end; }
#intro1 .typo dt {font-size:6.5rem;font-weight:700; color:#333;  width:50%; letter-spacing:-0.02em}
#intro1 .typo dd {font-size:1.7rem; line-height:1.6em;  width:50%}

#intro1 #videobcg {width:100%}
#intro1 img {width:100%; padding:5% 0 7%;}

#intro1 .contWrap { margin-top:3em;  display:flex ;}
#intro1 .contWrap h3 {width:20%; font-size:3.6rem;  color:#333;}
#intro1 .contWrap ul {width:80%; display:flex; flex-wrap:wrap; border-top:3px solid #333 }
#intro1 .contWrap ul li {padding:1.5em 0; display:flex; width:50%; border-bottom:1px solid #e9e9e9 }
#intro1 .contWrap ul li p { font-size:1.7rem;}
#intro1 .contWrap ul li p.t1 {padding:0 2em; width:180px; font-weight:600;}
#intro1 .contWrap ul li p.t2 {padding-left:1em; width:calc(100% - 180px) }

@media all and (max-width:1399px) {
	#intro1 .typo dt {font-size:5.8rem; }
	#intro1 .typo dd {font-size:1.6rem;}

	#intro1 .contWrap h3 {width:200px }
	#intro1 .contWrap ul {width:calc(100% - 200px) }
}
@media all and (max-width:1280px) {
	#intro1 .contWrap ul li p.t2 {padding-left:0;}
}
@media all and (max-width:1150px) {
	#intro1 .typo dt {width:520px }
	#intro1 .typo dd {width:calc(100% - 520px)}
	#intro1 .typo dd br {display:none}

	#intro1 .contWrap {flex-wrap:wrap}
	#intro1 .contWrap h3 {width:100%; margin-bottom:0.7em}
	#intro1 .contWrap ul {width:100% }
}
@media all and (max-width:1024px) {
	#intro1 .typo {flex-wrap:wrap}
	#intro1 .typo dt {width:100%; font-size:5.6rem;}
	#intro1 .typo dd {width:100%; margin-top:1.5em}

	#intro1 .contWrap ul li p.t1 { width:160px}
}
@media all and (max-width:976px) {
	#intro1 .contWrap ul li {width:100%; }	
}
@media all and (max-width:480px) {
	#intro1 .typo dt {font-size:4.6rem;}

	#intro1 .contWrap h3 {font-size:3.0rem}
	#intro1 .contWrap ul li {padding:1.2em 0; }
	#intro1 .contWrap ul li p.t1 {padding:0 1em; width:35%; }
	#intro1 .contWrap ul li p.t2 {width:65%}
}


.cstm{width: 100%; display: flex; gap: 20px; flex-wrap: wrap; text-align: center;}
.cstm li{width: calc(100%/3 - 14px);}
.cstm li img{border: 1px solid #eee; width: 100%;}
.cstm li h3{background: #222; color: #fff; padding: 20px;}

@media all and (max-width:976px){
    .cstm li{width: calc(100%/2 - 10px);}
    .cstm li h3{padding: 15px;}
}
@media all and (max-width:480px){
    .cstm{gap: 10px;}
    .cstm li{width: calc(100%/2 - 5px);}
    .cstm li h3{font-size: 1.7rem;}
}

#iconList {display:flex; flex-wrap:wrap; gap:15px}
#iconList li {padding:50px 30px; width: calc(100%/4 - 12px); background:#f9f9f9;}
#iconList li.impact {background:#00913a;}
#iconList li .icon { margin-bottom:30px; text-align:right}
#iconList li .icon img {width:70px; height:70px; border-radius:80px; background:#FFF}
#iconList li p.num {font-size:1.5rem; margin-bottom:1em; display:inline-block;  color:#00913a ;  font-weight:900;	border-bottom:1px solid #00913a}
#iconList li.impact p.num {color:#fff ; border-bottom:1px solid #fff}
#iconList li p.t1 {font-size:2.0rem; color:#222; line-height:1.4em !important }
#iconList li.impact p.t1 {color:#fff;}

@media all and (max-width:1280px) {
	#iconList li {padding:30px; width:calc(100%/3 - 10px);}
}
@media all and (max-width:640px) {
	#iconList li { width:calc(100%/2 - 8px);}
}
@media all and (max-width:480px) {
	#iconList {gap:0}
	#iconList li {padding:2em; width:48%; margin:1%;}
	#iconList li .icon { margin-bottom:1em; }
}

.pro1 .top_bg{margin-top: 0px; padding: 120px 0; background: url(/images/sub/pro1_top_bg.png) no-repeat center center / cover;}
.pro2 .top_bg{margin-top: 0px; padding: 120px 0; background: url(/images/sub/pro2_top_bg.png) no-repeat center center / cover;}
.pro3 .top_bg{margin-top: 0px; padding: 120px 0; background: url(/images/sub/pro3_top_bg.png) no-repeat center center / cover;}
.pro4 .top_bg{margin-top: 0px; padding: 120px 0; background: url(/images/sub/pro4_top_bg.png) no-repeat center center / cover;}
.pro5 .top_bg{margin-top: 0px; padding: 120px 0; background: url(/images/sub/pro5_top_bg.png) no-repeat center center / cover;}
.pro6 .top_bg{margin-top: 0px; padding: 120px 0; background: url(/images/sub/pro6_top_bg.png) no-repeat center center / cover;}
.pro1 .top_bg .txt{padding: 40px 100px; color:#fff;}
.pro1 .top_bg .txt h3{font-size: 36px; margin-bottom: 20px;}
.pro1 .top_bg .txt p{font-size: 20px; word-break: keep-all; line-height: 3rem;}

@media  all and (max-width:1280px) {
    .pro1 .top_bg{padding: 100px 0;}
	.pro1 .top_bg .txt{padding: 35px 80px;}
	.pro1 .top_bg .txt h3{font-size: 32px; margin-bottom: 15px;}
	.pro1 .top_bg .txt p{font-size: 19px;}
}
@media  all and (max-width:976px) {
    .pro1 .top_bg{padding: 80px 0;}
	.pro1 .top_bg .txt{padding: 30px 60px;}
	.pro1 .top_bg .txt h3{font-size: 28px;}
	.pro1 .top_bg .txt p{font-size: 18px;}
}
@media  all and (max-width:640px) {
    .pro1 .top_bg{padding: 60px 0;}
	.pro1 .top_bg .txt{padding: 20px 40px; text-align: center;}
	.pro1 .top_bg .txt h3{font-size: 25px; margin-bottom: 10px;}
	.pro1 .top_bg .txt p{font-size: 16px; max-width: 70%; margin-left: auto; margin-right: auto;}
    .pro1 .top_bg .txt p br{display: none;}
}
@media  all and (max-width:500px) {
	.pro1 .top_bg{padding: 50px 0;}
	.pro1 .top_bg .txt{padding: 10px 30px;}
	.pro1 .top_bg .txt h3{font-size: 24px;}
	.pro1 .top_bg .txt p{font-size: 15px; max-width: 95%; line-height: 2.5rem;}
}


.p_cont{display: flex; margin-top: 50px;}
.p_cont .l_cont{width: 320px; border-top: 2px solid #bfd97c; padding-top: 30px; padding-bottom: 30px;}
.p_cont .l_cont h3{font-size: 4rem; color: #222; line-height: 1.5em;}
.p_cont .r_cont{width: calc(100% - 320px);padding: 40px 30px 60px; border-top: 1px solid #ddd;}
.p_cont .r_cont .box{}
.p_cont .r_cont .box + .box{margin-top: 40px;}
.p_cont .r_cont .box h4{font-size: 2.5rem; color: #222; margin-bottom: 15px; display: flex; align-items: center;}
.p_cont .r_cont .box h4 span{color: #bfd97c; margin-right: 10px;}
.p_cont .r_cont .box p{font-size: 1.8rem; color: #666; font-weight: 400; line-height: 1.7em; position: relative;}
.p_cont .r_cont .box .des{font-size: 1.8rem; color: #666; font-weight: 400; line-height: 1.7em; position: relative; background-color: #f5f5f5; padding: 20px;}
.p_cont .r_cont .box p b{color: #222;}
.p_cont .r_cont .box p.hi{padding-left: 20px;}
.p_cont .r_cont .box p.hi::before{content: '-'; position: absolute; left: 0; top: 0; font-weight: 300;}
.p_cont .r_cont .box .img{margin-top: 30px;}
.p_cont .r_cont .box .img img{max-width: 100%;}
.p_cont .r_cont .box2{margin-top: 30px; background: #f7f7f7; padding: 40px; line-height: 2.5rem;}

@media screen and (max-width:1280px) {
    .p_cont .l_cont{width: 250px;}
    .p_cont .l_cont h3{font-size: 3rem;}
    .p_cont .r_cont{width: calc(100% - 250px);}
    .p_cont .r_cont .box h4{font-size: 2.3rem;}
    .p_cont .r_cont .box p{font-size: 1.6rem;}
}
@media screen and (max-width:980px) {
    .p_cont{flex-wrap: wrap;}
    .p_cont .l_cont{width: 100%; padding-left: 30px;}
    .p_cont .r_cont{width: 100%;}
}
@media screen and (max-width:680px) {
    .p_cont{margin-top: 30px;}
    .p_cont .l_cont{padding:15px 20px;}
    .p_cont .l_cont h3{font-size: 2.5rem;}
    .p_cont .r_cont{padding:30px 10px;}
    .p_cont .r_cont .box h4{font-size: 2rem; margin-bottom: 5px;}
    .p_cont .r_cont .box + .box{margin-top: 20px;}
    .p_cont .r_cont .box p.hi::before{left: 10px;}
}


ul.p_list{display: flex; gap: 20px; flex-wrap: wrap; color: #000;}
ul.p_list > li{width: calc(100%/4 - 15px); border: 1px solid #eee; text-align: center; padding: 20px;}
ul.p_list > li img{width: 80px; margin-bottom: 10px;}
ul.p_list > li h3{color: #00913a; font-size: 2.3rem; margin: 10px 0 20px;}
ul.mini{ display: flex; flex-wrap: wrap; justify-content: center; background: #f7f7f7; text-align: left; padding: 10px;}
ul.mini li{padding: 10px 5px 10px 22px; border-bottom: 1px dashed #ccc; width: 100%; position: relative;}
ul.mini li::after{content: '\f88b';position: absolute; left: 3px; font-family: 'Material Symbols Outlined'; color: #00913a; top: 9px; font-weight: bold;}
ul.mini li:last-child{border-bottom: 0;}


@media screen and (max-width:1480px) {
    ul.p_list > li{width: calc(100%/3 - 14px);}
}
@media screen and (max-width:1280px) {
    ul.p_list > li{width: calc(100%/2 - 10px);}
    ul.p_list > li img{width: 60px;}
    ul.p_list > li h3{color: #00913a; font-size: 2rem;}
}
@media screen and (max-width:580px) {
    ul.p_list > li{width: 100%;}
}


.p_imgbox{display: flex; align-items: center; gap:0 40px;}
.p_imgbox + .p_imgbox{margin-top: 50px; padding-top: 50px; border-top: 1px dashed #ddd;}
.p_imgbox .img{margin: 0 auto; width: 50%; text-align: center;}
.p_imgbox .img img{max-width: 360px; width: 100%;}
.p_imgbox .info_box{display: flex; flex-direction: column; gap:6px; width: 50%;}
.p_imgbox .info_box .info{display: flex; align-items: center; gap:0 14px;}
.p_imgbox .info_box h3{font-size: 3rem; color: #000; margin-bottom: 10px; display: flex; align-items: center;}
.p_imgbox .info_box h3 span{color: #7cbd58;margin-right: 5px; display: inline-block;}
.p_imgbox .info_box .info dt{background-color: #7cbd58; color: #fff; font-size: 1.8rem; padding: 10px 16px; width: 150px; text-align: center; border-radius: 6px;}
.p_imgbox .info_box .info dd{font-size: 1.7rem; color: #666; width: calc(100% - 150px - 14px); line-height: 1.5em;}

@media screen and (max-width:1400px){
    .p_imgbox .img{width: 40%;}
    .p_imgbox .info_box{width: 60%;}
}
@media screen and (max-width:1280px){
    .p_imgbox .info_box h3{font-size: 2.5rem;}
    .p_imgbox .info_box .info dt{font-size: 1.6rem; padding: 10px; width: 130px;}
    .p_imgbox .info_box .info dd{font-size: 1.6rem; width: calc(100% - 130px - 14px);}
}
@media screen and (max-width:980px){
    .p_imgbox .img{width: 45%;}
    .p_imgbox .info_box{width: 55%;}
}
@media screen and (max-width:780px){
    .p_imgbox{flex-wrap: wrap;}
    .p_imgbox .img{width: 100%;}
    .p_imgbox .img img{max-width: 300px;}
    .p_imgbox .info_box{width: 100%; margin-top: 50px;}
}


.a_list{display: flex; flex-wrap: wrap; gap:30px;  text-align: center;}
.a_list li{width: calc(100% / 3 - 30px * 3 / 4); border: 2px solid #ddd; height: 150px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; padding: 10px;}
.a_list li:last-child::after{display: none;}
.a_list li::after{content: '→'; position: absolute; top: 50%; transform: translateY(-50%); right: -25px; font-family: 'SUIT', sans-serif; font-size: 18px; font-weight: 700; color: #00913a;}
.a_list li h3{color: #00913a; font-size: 2.5rem; margin-bottom: 10px;}
.a_list li p{font-size: 1.8rem; color: #666; font-weight: 400;}
.f_img{width: 100%;}
.f_img img{width: 100%;}

@media screen and (max-width:1400px){
    .a_list li{width: calc(100% / 2 - 30px * 3 / 4);}
}
@media screen and (max-width:1280px){
    .a_list li p{font-size: 1.6rem;}
}
@media screen and (max-width:680px){
    .a_list li{height: 130px;}
    .a_list li p br{display: none;}
    .a_list li h3{font-size: 2.2rem;}
    .a_list li::after{font-size: 1.6rem;}
}