@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 *
 * 수정일 | 수정자 | 수정내용
 * 2023.11.02 | 김효진 | 최초 등록
 *
 * @author 디자인팀 김효진
 * @since 2023.11.02
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* 누리집 지도 */
.sitemap1 .h1{text-align:center;color:#fff;background:#000;font-size:1.375em;padding:15px 0 13px;margin:0 0 20px;font-weight:500;border-radius:20px 0 20px 20px;}
.sitemap1 ul{list-style:none;margin:0 0 0 20px;padding:0;font-size:1.125em;}
.sitemap1 ul li{display:block;}
.sitemap1 ul li{margin:10px 0;}
.sitemap1 ul li a{color:#333;}

/* 기업지원기관 안내 */
.support1{position:relative;}
.support1 .a1{position:relative;display:block;transition:all .35s ease;text-decoration:none;border-radius:30px;border:1px solid #e3e3e3;overflow:hidden;min-height:310px;padding:0 30px 20px 30px;box-sizing:border-box;text-align:center;}
.support1 .a1 span{display:block;}
.support1 .a1 .f1 img{width:100%;}
.support1 .a1 .h1{font-size:1.5em;color:#000;margin-top:0;font-weight:600;}
.support1 .a1 .t1{color:#666;line-height:1.5;}
.support1 .a1:hover, .support1 .a1:focus{border-color:#e93658;}
.support1 .a1:after{content:"";display:block;position:absolute;bottom:10px;right:10px;width:50px;height:50px;background:url(../../img/sub/support1ic1more1.png) no-repeat 0 0;opacity:0;transition:all .35s ease;border-radius:50%;}
.support1 .a1:hover:after, .support1 a1:focus:after{opacity:1;}

/* 김해시 기업정보 */
.bizinfo1{position:relative;background:url(../../img/sub/bizinfo1bg1.jpg) no-repeat 0 0;border-radius:0 0 60px 0;display:table;width:100%;padding:40px 80px;box-sizing:border-box;margin-bottom:2em;}
.bizinfo1 .tg1{display:table-cell;line-height:1.5;}
.bizinfo1 .t1{display:block;color:#fff;font-size:1.125em;}
.bizinfo1 .t2{display:block;color:#fff;font-size:1.5em;}
.bizinfo1 .b1{display:table-cell;text-align:right;vertical-align:middle;}
.bizinfo1 .b1 a{border-radius:9999px;background:#f8d15a;display:inline-block;color:#000;padding:14px 35px;font-size:1.125em;text-decoration:none;}
.bizinfo1 .b1 a:after{content:'';display:inline-block;width:20px;height:20px;background:url(../../img/sub/bizinfo1b1ic1.png) no-repeat 0 0;vertical-align:middle;margin-left:5px;}
@media all and (max-width:428px){
	.bizinfo1{display:block;padding:40px 40px;}
	.bizinfo1 .tg1{display:block;}
	.bizinfo1 .b1{display:block;text-align:left;margin-top:20px;}
	.bizinfo1 .b1 a{font-size:1em;padding:6px 24px;}
}

/* 센터소개 */
.intro1{position:relative;background:url(../../img/sub/intro1bg1.jpg) no-repeat 0 0;border-radius:0 0 60px 0;display:table;width:100%;padding:40px 80px;box-sizing:border-box;margin-bottom:2em;}
.intro1 .t1{display:block;color:#fff;font-size:1.25em;}

/* 내용리스트 */
.dl1list{margin:0;padding:10px 0;display:table;width:100%;border-bottom:1px solid #e9e9e9;}
.dl1list dt, .dl1list dd{display:table-cell;vertical-align:middle;margin:0;box-sizing:border-box;padding:20px 40px;}
.dl1list dt{position:relative;width:400px;font-weight:600;}
.dl1list .num1{display:inline-block;vertical-align:middle;font-size:1.25em;color:#ddd;margin-right:30px;}
.dl1list .h1{display:inline-block;vertical-align:middle;font-size:2.5em;color:#000;}
.dl1list dd{width:calc(100% - 400px);font-size:1.125em;line-height:1.5;}

ul.bu2{list-style:none;margin-left:0;padding:0;text-align:left;}
ul.bu2 li{position:relative;margin:.333em 0;padding:0 0 0 20px;}
ul.bu2>li:before{content:"";display:block;position:absolute;left:0;top:6px;width:14px;height:14px;background:#4d4d4d url(../../img/sub/bu2bg1.png) no-repeat 0 0;border-radius:50%;}

.telinfo1{color:#000;font-size:1.875em;}
.telinfo1:before{content:'';display:inline-block;width:50px;height:50px;background:#222 url(../../img/sub/telinfo1bg1.png) no-repeat 0 0;vertical-align:middle;margin-right:15px;border-radius:50%;}

.flowchart1{position:relative;}
.flowchart1 .hg1{position:relative;display:block;width:200px;height:200px;border-radius:50%;background:#fff;border:1px solid #e93658;overflow:hidden;margin:auto;}
.flowchart1 .h1{display:block;color:#e93658;font-size:24px;text-align:center;line-height:1.25;margin-top:80px;}
.flowchart1 .num1{display:block;position:absolute;left:-10px;top:-40px;font-size:100px;color:rgba(233,54,88,.1);}
.flowchart1 li:last-child .hg1{background:#e93658;}
.flowchart1 li:last-child .h1{color:#fff;}
.flowchart1 li:last-child .num1{color:rgba(255,255,255,.1);}
.flowchart1 .t1{display:block;width:240px;margin:auto;text-align:center;font-size:16px;color:#666;margin-top:20px;}
.flowchart1 li:after{content:'';display:block;width:150px;height:1px;background:#e93658;position:absolute;left:250px;top:100px;z-index:-1;}
.flowchart1 li:last-child:after{display:none;}

@media screen and (max-width:810px){
	.dl1list dt, .dl1list dd{display: block;width:auto;}
	.dl1list dt:after{position: relative;top:auto;right:auto;width:auto;height:1px;border-bottom:1px dotted #777;border-right:0px;padding-bottom:10px;}
	.dl1list dd{padding-top:15px;}
	.flowchart1 li:after{left:150px;}
}

@media all and (max-width:428px){
	.flowchart1{margin-top:-1.5em;}
	.flowchart1 li:after{display:none;}
}

/* 찾아오시는길 */
.direction1{position:relative;padding-bottom:100px;}

.infomap1{border-bottom:1px solid #dad8d1;}
.infomap1 .wrap1{position:relative;height:500px;overflow:hidden;background-color:#ededed;}
.infomap1 img{max-width:none;}

.infomap2{position:absolute;left:70px;bottom:20px;width:450px;height:320px;background:#e93658;border-radius:30px;z-index:1;padding:50px 60px;box-sizing:border-box;}
.infomap2 .h1{display:block;font-size:1.625em;color:#fff;}
.infomap2 ul{list-style:none;margin:10px 0 0;padding:0;}
.infomap2 ul, .infomap2 ul a{color:#fff;font-size:1.125em;}
.infomap2 ul li{position:relative;padding:0 0 0 25px;}
.infomap2 ul li:before{content:'';display:block;position:absolute;left:0;top:8px;width:20px;height:20px;background:url() no-repeat 0 0;}
.infomap2 ul li.address:before{background-image:url(../../img/sub/infomap2ic1address1.png);}
.infomap2 ul li.contact:before{background-image:url(../../img/sub/infomap2ic1contact1.png);}
.infomap2 .b1{display:block;width:100%;padding:8px;text-align:center;border-radius:9999px;border:1px solid #fff;color:#fff;font-size:1.125em;transition:.2s ease-out;margin-top:30px;box-sizing:border-box;}
.infomap2 .b1:hover, .infomap2 .b1:focus{text-decoration:none;background:#fff;color:#e93658;}

.infomap3{position:relative;margin-top:-1.25em;}
.infomap3 .item1{position:relative;border-top:1px solid #e0e0e0;padding:40px 0 40px 220px;}
.infomap3 .item1:before{content:'';display:block;position:absolute;left:50px;top:40px;width:120px;height:120px;background:#14266e url() no-repeat 0 0;border-radius:50%;}
.infomap3 .item1.rail:before{background-image:url(../../img/sub/infomap3ic1rail1.png);}
.infomap3 .item1.bus:before{background-image:url(../../img/sub/infomap3ic1bus1.png);}
.infomap3 .h1{display:block;color:#000;font-size:1.5em;margin-bottom:0;}

.direction1 .skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
.direction1 .skipapi *{display:inline;list-style:none;margin:0;padding:0;}
.direction1 .skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
.direction1 .skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#555;color:#fff;text-decoration:none;text-align:left;line-height:18px;}

.direction1 a#skipContent1:focus,
.direction1 a#skipContent2:focus{outline:1px dotted #000;background:#000;}

/* .root_daum_roughmap,.root_daum_roughmap_landing{border:0 !important;width:auto !important;padding:0 !important;border-radius:0 !important;}
.btn_zoom_reset .img_zoom{background-position:-80px -65px !important;} */

@media all and (max-width:810px){
	.infomap3 .item1{padding-left:0;}
	.infomap3 .item1:before{position:relative;left:auto;top:auto;margin:0 auto 20px;}
}

@media all and (max-width:428px){
	.direction1{padding-bottom:0;}
	.infomap1 .wrap1{height:300px;}
	.infomap2{position:relative;left:auto;bottom:auto;width:100%;height:auto;padding:30px 40px;margin-top:20px;}
	.infomap2 .h1{font-size:1.5em;}
	.infomap2 ul, .infomap2 ul a{font-size:1em;}
	.infomap2 ul li:before{top:2px;}
}

/* 기업지원사업 */
.bizinfo2{position:relative;margin-bottom:3em;}
.bizinfo2 .item1{display:block;height:300px;border-radius:20px;padding:40px 30px 10px 30px;box-sizing:border-box;line-height:1.5;text-align:center;}
.bizinfo2 .column:nth-child(odd) .item1{background-color:#e4eeff;}
.bizinfo2 .column:nth-child(even) .item1{background-color:#c6ddff;}
.bizinfo2 .t1{display:block;color:#000;font-size:1.25em;text-align:center;margin-bottom:.5em;}
.bizinfo2 .t1:before{content:'';display:block;width:120px;height:120px;background:#fff url() no-repeat 0 0;border-radius:50%;margin:0 auto 20px;}

.bizinfo2 .column:nth-child(1) .t1:before{background-image:url(../../img/sub/bizinfo2ic1.png);}
.bizinfo2 .column:nth-child(2) .t1:before{background-image:url(../../img/sub/bizinfo2ic01_08.png);}
.bizinfo2 .column:nth-child(3) .t1:before{background-image:url(../../img/sub/bizinfo2ic6.png);}
.bizinfo2 .column:nth-child(4) .t1:before{background-image:url(../../img/sub/bizinfo2ic5.png);}
.bizinfo2 .column:nth-child(5) .t1:before{background-image:url(../../img/sub/bizinfo2ic2.png);}
.bizinfo2 .column:nth-child(6) .t1:before{background-image:url(../../img/sub/bizinfo2ic01_09.png);}
.bizinfo2 .column:nth-child(7) .t1:before{background-image:url(../../img/sub/bizinfo2ic4.png);}
.bizinfo2 .column:nth-child(8) .t1:before{background-image:url(../../img/sub/bizinfo2ic01_10.png);}
.bizinfo2 .column:nth-child(9) .t1:before{background-image:url(../../img/sub/bizinfo2ic7.png);}

/* button style */
.b1round1link1{display:inline-block;background:#eee;border-radius:9999px;padding:8px 30px;color:#666;font-size:.875em;transition:.2s ease-out;}
.b1round1link1:after{content:'';display:inline-block;width:15px;height:12px;background:url(../../img/sub/b1round1link1bg1.png) no-repeat 0 0;margin-left:5px;}
.b1round1link1:hover, .b1round1link1:focus{border-color:#000;background-color:#333;color:#fff;text-decoration:none;}

.b1round1link2{display:inline-block;border-radius:9999px 0 9999px 9999px;background:#000;color:#fff;padding:10px 50px;font-size:1.25em;}
.b1round1link2:after{content:'';display:inline-block;width:20px;height:20px;background:url(../../img/sub/b1round1link2bg1.png) no-repeat 0 0;margin-left:10px;}
.b1round1link2:hover, .b1round1link2:focus{background-color:#555;text-decoration:none;}

.b1round1link3{display:inline-block;background:#14266e;border-radius:9999px 0 9999px 9999px;padding:8px 30px;color:#fff;font-size:.875em;transition:.2s ease-out;}
.b1round1link3:after{content:'';display:inline-block;width:15px;height:12px;background:url(../../img/sub/b1round1link1bg2.png) no-repeat 0 0;margin-left:5px;}
.b1round1link3:hover, .b1round1link3:focus{border-color:#000;background-color:#000;color:#fff;text-decoration:none;}

/* 자랑스런 CEO 목록 .cardlist1 변형*/
.ceo1 .wrap1:hover{border-color:#555}
.ceo1 .a1{display:block;text-decoration:none;}
.ceo1 .f1{width:140px;height:180px;}
.ceo1 .text1 .h1{font-size:18px;}
.ceo1 .text1 .h1:after{content:'';
	display:block;
	margin:10px 0 0;
	border-top:2px solid #ddd;
	width:20px;
}
/*.ceo1 .text1 ul.bu li{position:relative;background-image:url(../../img/lib/li3bg0.png)}*/
.ceo1 .text1 ul.bu li:before{left:5px;top:8px;}
.ceo1 .text1 .t1{display:block;
	position:absolute;left:1em;top:0;
	color:#000;
	width:50px;
	font-weight:bold;
}
.ceo1 .text1 .t2{display:block;padding:0 0 0 60px;}

/* 자랑스런 CEO 상세 */
.ceo1info1{border-color:#2b4380;background-color:#fff;}
.ceo1info1 .f1{display:block;
	position:relative;
	background:#f1f4fa;
	height:185px;
	overflow:hidden;
}
.ceo1info1 .f1>.f1p1{position:Absolute;left:50%;top:0;bottom:0;
	transform:translateX(-50%)
}
.ceo1info1 .f1>.f1p1>img{width:auto;height:100%;}
.ceo1info1 .text1>.h1{display:block;
	font-size:18px;
	color:#333;
	margin:.5em 0 1em;
}
.ceo1info1 .text1>.h1:after{content:'';
	display:block;
	margin:10px 0 0;
	width:55px;height:4px;
	background:url(../../img/lib/b1c1slash1g3.png)
}
.ceo1info1 .text1>.lst1{list-style:none;padding:0;margin:0;}
.ceo1info1 .text1>.lst1 .li1{display:block;
	position:relative;
	padding:8px 0;
	/* border-bottom:1px dotted #aaa; */
	font-size:15px;
}
.ceo1info1 .text1>.lst1 .li1:last-child{border-bottom:0;}
.ceo1info1 .text1>.lst1 .li1>.t1{display:block;
	position:absolute;left:0;top:8px;
	width:90px;
	color:#000;font-weight:bold;
}
.ceo1info1 .text1>.lst1 .li1>.t2{display:block;
	padding:0 0 0 100px;
}
.ceo1info1 .text1>.lst1 .li1 .ic1{display:inline-block;
	width:21px;height:21px;
	margin:0 5px 0 0;
	background:url() no-repeat;
	background-size:contain;
	border-radius:100%;
	overflow:hidden;
	vertical-align:middle;
}
.ceo1info1 .text1>.lst1 .li1 .ic1.phone1{background-image:url(../../img/lib2/ic42a1c1phone1.png)}
.ceo1info1 .text1>.lst1 .li1 .ic1.home1{background-image:url(../../img/lib2/ic42a1c1home1.png)}
.ceo1info1 .text1>.lst1 .li1 .ic1.star1{background-image:url(../../img/lib2/ic42a1c1star1.png)}

.ceo1info2 .dt1{font-size:18px;}
.ceo1info2 .dd1{font-size:15px;}
.ceo1info2 .dd1 ul.bu li{position:relative;/* background-image:url(../../img/lib/li3bg0.png); */}

ul.bu.bu4>li{background:url(../../img/lib/li4bg.png) no-repeat .125em .375em;}

.ceo1info3 .t1{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}


@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */
	.ceo1info1 .f1{float:left;width:140px;}
	.ceo1info1 .f1>.f1p1{position:relative;height:100%;}
	.ceo1info1 .text1 {padding:0 2em;color:#666;margin-left:170px;}
	.ceo1info1 .text1:after {content:"";display:block;clear:both;}
	.ceo1info1 .text1>.lst1 .li1{float:left;width:50%;}
} /* /(min-width:768px) */
@media all and (min-width:1260px){ /* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */

	.ceo1info2 .dt1{width:30%;min-height:76px;}
	.ceo1info2 .dt1>.ic{display:inline-block;
		width:76px;height:76px;
		margin:0 10px 0 0;
		background:url() no-repeat;
		background-size:contain;
		vertical-align:middle;
	}
	.ceo1info2 .dt1>.ic1{background-image:url(../../img/lib2/ic152a1c1sandglass1.png)}
	.ceo1info2 .dt1>.ic2{background-image:url(../../img/lib2/ic152a1c1paper1.png)}
	.ceo1info2 .dt1>.ic3{background-image:url(../../img/lib2/ic152a1c1lighter1.png)}
	.ceo1info2 .dt1>.ic4{background-image:url(../../img/lib2/ic152a1c1paper2.png)}
	.ceo1info2 .dd1{width:65%}


} /* /(min-width:1260px) */


/* dl 리스트 */
.dl1list1{display:block;width:100%;margin:1.4em 0;border-top:1px solid #000;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.dl1list1>.wrap1{padding:1.2em 0;border-top:1px solid #e5e5e5;}
.dl1list1>.wrap1:first-child{border-top:none;}
.dl1list1 .dt1{display:inline-block;width:100%;
	vertical-align:top;
	font-size:1.125em;
	color:#000;
	letter-spacing:-1px;
	font-weight:500;
	/* font-family: 'Noto Sans',NanumSquare,'Nanum Square','맑은 고딕','Malgun Gothic'; */
}
.dl1list1 .dt2{display:inline-block;width:100%;
	vertical-align:top;font-weight:600;
	font-size:1.385em;color:#000;

}
.dl1list1 .dd1{display:inline-block;
	vertical-align:top;
    color:#555;
}

.body_content :first-child.dl1list1,
[class*='panel'] + .dl1list1{border-top:0;margin-top:0;}
.body_content :first-child.dl1list1>.wrap1:first-child{padding-top:0;}


@media all and (min-width:768px){
	.dl1list1 .dt1{width:20%;}
	.dl1list1 .dt2{width:25%;}
	.dl1list1 .dd1{width:79.5%;margin-left:2%;
	box-sizing:border-box;
	margin:0 -.25em 0 0;
	}
}
