@charset "utf-8";

body { background:#000;  }
body::after { content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:url('/design2025/industry/img/main/cont3_bg.jpg') no-repeat center/cover; opacity:0.5; z-index:-1; }

.cont2 { position:relative; background-color:#fff; background-image:url('/design2025/industry/img/main/cont2_bg1.png'), url('/design2025/industry/img/main/cont2_bg2.png'); background-repeat:no-repeat; background-position:left top, right bottom; z-index:2; }
.cont2 .wrap {display:flex; align-items:center; justify-content:space-between; padding:150rem 0; }
.cont2 .map_wrap { position:relative; width:calc(69% - 57rem); }
.cont2 .map_wrap .cate {position:absolute; right:0; top:45rem; }
.cont2 .map_wrap .cate p { display:flex; align-items:center; padding:5rem 0; font-weight:600; font-size:21rem; }
.cont2 .map_wrap .cate p::before {content:''; display:block; width:22rem; height:22rem; border-radius:50%; margin-right:5rem; }
.cont2 .map_wrap .cate p.cate1 { color:var(--p_color); }
.cont2 .map_wrap .cate p.cate1::before { background:var(--p_color); }
.cont2 .map_wrap .cate p.cate2 { color:var(--blue); }
.cont2 .map_wrap .cate p.cate2::before { background:var(--blue); }
.cont2 .map_wrap .cate p.cate3 { color:var(--green); }
.cont2 .map_wrap .cate p.cate3::before { background:var(--green); }
.cont2 .map_wrap img {width:100%;}

/*지도버튼*/
.cont2 .map_btn a {position:absolute; height:3%; }
.cont2 .map_btn a.wsgg { left:84.3%; top:79.5%; width:10.6%; }
.cont2 .map_btn a.mg3ib { left:29%; top:71%; width:14.8%; }
.cont2 .map_btn a.dg2ib { left:28%; top:50%; width:14.8%; }
.cont2 .map_btn a.ndib {left: 38%;top: 97%;width: 13.5%;}
.cont2 .map_btn a.naib {left: 86.5%;top: 86.4%;width: 13.6%;}
.cont2 .map_btn a.agib {left: 22.4%;top: 29%;width: 13.6%;}
.cont2 .map_btn a.gc4ib {left: 30.4%;top: 38.2%;width: 15%;}
.cont2 .map_btn a.gdib {left: 61.5%;top: 25%;width: 13.7%;}
.cont2 .map_btn a.hsib {left: 58.5%;top: 38%;width: 13.7%;}
.cont2 .map_btn a.od2ib {left: 63.2%;top: 96.7%;width: 14.8%;}
.cont2 .map_btn a.odib {left: 63.2%;top: 93.1%;width: 13.5%;}
.cont2 .map_btn a.sg4ib {left: 66.2%;top: 80.2%;width: 14.7%;}
.cont2 .map_btn a.sg2ib {left: 37%;top: 93.5%;width: 14.6%;}
.cont2 .map_btn a.sgib {left: 38%;top: 90%;width: 13.5%;}
.cont2 .map_btn a.sdib {left: 86.5%;top: 94.9%;width: 13.6%;}
.cont2 .map_btn a.ms2ib {left: 37%;top: 86.5%;width: 14.5%;}
.cont2 .map_btn a.ms3ib {left: 37%;top: 83%;width: 14.5%;}
.cont2 .map_btn a.msib {left: 63.2%;top: 89.5%;width: 13.5%;}
.cont2 .map_btn a.mhib {left: 66.2%;top: 84.5%;width: 13.5%;}
.cont2 .map_btn a.mg2ib {left: 27.5%;top: 67%;width: 15%;}
.cont2 .map_btn a.geib {left: 66.2%;top: 76.2%;width: 14.7%;}
.cont2 .map_btn a.gc2ib {left: 30.4%;top: 41.8%;width: 15%;}
.cont2 .map_btn a.gcib {left: 30.4%;top: 45.3%;width: 15%;}
.cont2 .map_btn a.ymib {left: 10%;top: 51.5%;width: 13.8%;}
.cont2 .map_btn a.cbib {left: 58.5%;top: 34%;width: 13.7%;}
.cont2 .map_btn a.cb2ib {left: 58.5%;top: 42.2%;width: 14.4%;}
.cont2 .map_btn a.jn2ib {left: 51.5%;top: 58.7%;width: 15%;}
.cont2 .map_btn a.jn5ib {left: 53.5%;top: 62.2%;width: 15.2%;}
.cont2 .map_btn a.od3ib {left: 66.2%;top: 68.2%;width: 14.5%;}
.cont2 .map_btn a.ynib {left: 86.5%;top: 90.5%;width: 13.6%;}
.cont2 .map_btn a.hsyg {left: 72.5%;top: 62.7%;width: 15.2%;}
.cont2 .map_btn a.agng {left: 31.7%;top: 16.5%;width: 11%;}
.cont2 .map_btn a.gcng {left: 4.2%;top: 47.5%;width: 10.7%;}
.cont2 .map_btn a.odng {left: 66.2%;top: 72.2%;width: 13.5%;}
.cont2 .map_btn a.nnng {left: 27.5%;top: 76%;width: 10.5%;}
.cont2 .map_btn a.smng {left: 4.2%;top: 43.2%;width: 10.7%;}

#map { width:100%; height:800rem; background:transparent; }
.industrial-label { display:flex; background:var(--p_color); color:#fff !important; font-size:16rem; padding:5rem 10rem; border-radius:4rem; white-space:nowrap; }
.cont2 .btn_wrap { width:calc(31% - 8rem); }
.cont2 .btn_wrap .title {font-family:'FlightSans'; font-size:35rem; margin-bottom:45rem; }
.cont2 .btn_wrap .btn a { display:flex; align-items:center; justify-content:space-between; background:rgba(204,204,204,0.2); height:130rem; border-radius:20rem; box-shadow:5rem 5rem 5rem rgba(0,0,0,0.1); padding:0 40rem; margin:10rem 0; transition:0.3s;}
.cont2 .btn_wrap .btn a:hover {background:rgba(255,255,255,0.7); border:1px solid #ddd; }
.cont2 .btn_wrap .btn dt { font-size:21rem; font-weight:600; margin-bottom:5rem; }
.cont2 .btn_wrap .btn dd {font-size:16rem}
@media all and (max-width:1300px){
	.cont2 .map_wrap .cate {top:0; }
	.cont2 .btn_wrap .title { font-size:30rem; }
	.cont2 .btn_wrap .btn a {padding:0 25rem; }
}
@media all and (max-width:1023px){
	.cont2 .wrap { position:relative; flex-wrap:wrap; padding:60rem 0;}
	.cont2 .map_wrap {width:100%; margin-top:130rem; }
	.cont2 .btn_wrap {width:100%; margin-top:40rem; }
	.cont2 .btn_wrap .title {position:absolute; width:100%; left:0; top:70rem; text-align:center; }
}
@media all and (max-width:768px){
	.cont2 .map_wrap .cate p { font-size:17rem; }
}
@media (max-width:768px) and (min-width:481px){
	.cont2 .map_wrap {margin-top:180rem; }
	.cont2 .map_wrap .cate { display:flex; width:100%; top:-50rem; align-items:center; justify-content:space-around; margin-bottom:20rem; }
}
@media all and (max-width:480px){
	.cont2 .map_wrap .cate p { padding:0; }
}

.cont3 {padding:150rem 0; }
.cont3 .title {font-family:'FlightSans'; font-size:30rem; font-weight:600; margin-bottom:60rem; text-align:center; color:#fff; }
.cont3 .news_list { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:60rem; }
.cont3 .news_list a:not(.more) { width:calc((100% - 100rem)/3); border:1px solid rgba(255,255,255,0.5); border-radius:20rem; padding:30rem; color:#fff; }
.cont3 .news_list a:not(.more) dt { display:inline-flex; align-items:center; background:var(--green); color:#fff; height:40rem; border-radius:20rem; padding:0 15rem; }
.cont3 .news_list a:not(.more) dd:not(.date) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size:22rem; font-weight:600; line-height:35rem; height:70rem; margin:10rem 0 15rem; }
.cont3 .news_list a:not(.more) dd.date {color:var(--green); }
.cont3 .news_list a:not(.more) .img { width:100%; height:210rem; margin-top:30rem; }
.cont3 .news_list a:not(.more) .img img {width:100%; height:100%; object-fit:cover; }
.cont3 .news_list a.more { display:flex; align-items:center; position:absolute; right:0; bottom:0; font-size:20rem; font-weight:600; color:#fff;  } 
.cont3 .news_list a.more::after {content:'+'; display:flex; align-items:center; justify-content:center; width:35rem; height:35rem; font-weight:600; color:#fff; font-size:22rem; background:var(--green); border-radius:50%; margin-left:10rem; }
@media all and (max-width:1023px){
	.cont3 { padding:60rem 0;}
	.cont3 .title { margin-bottom:40rem; }
	.cont3 .title p:last-of-type {display:none;}
}
@media all and (max-width:768px){
	.cont3 .title { padding:0 50rem; }
	.cont3 .news_list a:not(.more) { width:100%; margin-top:20rem; }
	.cont3 .news_list a:not(.more):first-of-type { margin-top:0; }
	.cont3 .news_list a:not(.more) dd:not(.date) {height:auto; max-height:70rem;}
}
@media (max-width:768px) and (min-width:481px){
	.cont3 .news_list a:not(.more) { display:flex; justify-content:space-between; }
	.cont3 .news_list a:not(.more) dl { width:calc(50% - 20rem);}
	.cont3 .news_list a:not(.more) .img { width:calc(50% - 20rem); margin-top:0; }
}