@charset "utf-8";


/*───────────────────────────────────────────────────────────

	layout

───────────────────────────────────────────────────────────*/
	.warpper .contents_wrap {width: 1310px; margin: 0 auto; box-sizing: border-box; padding: 0 15px;}
	.warpper .contents_wrap #contents_box {padding: 94px 0 120px;}

	/* 네비게이션 영역 */
		.nav_wrap {position: relative; border-bottom:1px solid #ddd; z-index: 5;}
		.nav_wrap .nav_box {}
		.nav_wrap .nav_box > ul {font-size: 0;}
		.nav_wrap .nav_box > ul > li {position: relative; display: inline-block; width: 250px; box-sizing: border-box; font-size: 0; vertical-align: middle;}
		.nav_wrap .nav_box > ul > li:first-child {width: 38px;}
		.nav_wrap .nav_box > ul > li + li:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #ddd;}
		.nav_wrap .nav_box > ul > li .home {display: inline-block; width:100%; height: 60px; background: url('../images/da_image/icon_nav_home.png') no-repeat left center; font-size: 0;}
		.nav_wrap .nav_box > ul > li > dl {position: relative; width: 100%; margin: 0; padding: 0; z-index: 1;}
		.nav_wrap .nav_box > ul > li > dl > dt,
		.nav_wrap .nav_box > ul > li > dl > dd {width: 100%; box-sizing: border-box; padding: 0 20px; vertical-align: top;}
		.nav_wrap .nav_box > ul > li > dl > dt {position: relative; line-height: 60px; z-index: 2; cursor: pointer;}
		.nav_wrap .nav_box > ul > li > dl > dt:before {content:""; position: absolute; top: 26px; right: 20px; width: 10px; height: 6px; background: url("../images/da_image/select_arrow.png") no-repeat center; background-size: 100%;}
		.nav_wrap .nav_box > ul > li > dl.on > dt:before {transform: rotate(-180deg);}
		.nav_wrap .nav_box > ul > li > dl > dt {font-size: 16px; font-weight:400; color: #666; letter-spacing: -0.06em;}
		.nav_wrap .nav_box ul li > dl > dd {height:0; overflow:hidden; position: absolute; left:-1px; width: calc(100% + 2px); background:#fff; border-left: 1px #ddd solid; border-right: 1px #ddd solid; transition:all 0.3s; z-index:1;}
		.nav_wrap .nav_box ul li > dl.on > dd {height:auto;overflow:initial;border-bottom:1px #ddd solid;}
		.nav_wrap .nav_box ul li > dl > dd > ul {padding:10px 0 15px;}
		.nav_wrap .nav_box ul li > dl > dd > ul > li {font-size:14px;line-height:1.5em;font-weight:400;color:#666;vertical-align:top;}
		.nav_wrap .nav_box ul li > dl > dd > ul > li + li {}
		.nav_wrap .nav_box ul li > dl > dd > ul > li > a {padding:6px 0;margin:0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;display:block;vertical-align:top;box-sizing:border-box;font-family:inherit;}
		.nav_wrap .nav_box ul li > dl > dd > ul > li:hover {color:#333;}
		.nav_wrap .nav_box ul li > dl > dd > ul > li.on {font-weight:500;color:#333;}


/*───────────────────────────────────────────────────────────

	sub common

───────────────────────────────────────────────────────────*/
	/* 타이틀 */
		#contents_box .sub_tit {margin-bottom: 48px; text-align: center;}
		#contents_box .sub_tit h2 {float: none; padding: 0; font-size: 50px; font-weight: bold; color: #222; line-height: inherit; font-family: 'Roboto','Gothic A1', 'Noto Sans KR', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}

	/* 서브 탭메뉴 */
		#contents_box .sub_cate {margin-top: -23px; margin-bottom: 56px;}
		#contents_box .sub_cate ul {display: flex; justify-content: center;}
		#contents_box .sub_cate ul li {}
		#contents_box .sub_cate ul li + li {margin-left: 44px;}
		#contents_box .sub_cate ul li a {position: relative; font-size: 20px; color: #333;}
		#contents_box .sub_cate ul li.on a {font-weight: 600; color: #56c0c0;}
		#contents_box .sub_cate ul li.on a:before {content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 2px; background: #56c0c0;}

	/* 서브 타이틀 */
		.sub_content .sub_con_tit {margin-bottom: 30px;}
		.sub_content .sub_con_tit h3 {position: relative; padding-left: 20px; font-size: 26px; font-weight: bold; color: #222;}
		.sub_content .sub_con_tit h3:before {content: ""; position: absolute; left: 0; top: 9px; width: 12px; height: 12px; box-sizing: border-box; border: 3px solid #f0c600; border-radius: 50%;}
		.sub_content .sub_con_tit p {margin-top: 16px; font-size: 20px; color: #333; font-family: 'Gothic A1', 'Noto Sans KR', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}

	/* 이미지 박스 */
		.sub_content .img_box {width: 100%; box-sizing: border-box; border-radius: 20px; overflow: hidden;}
		.sub_content .img_box img {width: 100%; height: 100%; object-fit: cover;}

	/* 테이블 박스 */
		.sub_content .table_wrap {width: 100%; border-radius: 10px 10px 0 0; overflow: hidden;}
		.sub_content .table_wrap th,
		.sub_content .table_wrap td {font-size: 17px; text-align: center; vertical-align: middle; font-family: 'Gothic A1', 'Noto Sans KR', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}
		.sub_content .table_wrap th {padding: 20px 0 19px; background: #56c0c0; font-weight: 600; color: #fff;}
		.sub_content .table_wrap th + th {border-left: 1px solid #fff;}
		.sub_content .table_wrap td {padding: 21px 0 20px; border-bottom: 1px solid #ddd; color: #666;}
		.sub_content .table_wrap td + td {border-left: 1px solid #ddd;}

	/* dot list */
		.sub_content .dot_list {margin-top: 24px;}
		.sub_content .dot_list li {position: relative; padding-left: 12px; font-size: 16px; color: #666; line-height: 1.625;}
		.sub_content .dot_list li + li {margin-top: 10px;}
		.sub_content .dot_list li:before {content: ""; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #666; border-radius: 50%;}
		.sub_content .dot_list li span {font-size: inherit; font-weight: 500; color: #333;}

	/* info list - 주소, 이메일, 팩스 */
		.sub_content .info_list {display: flex; align-items: center;}
		.sub_content .info_list li {display: flex; align-items: center; font-size: 15px; font-weight: 600; color: #666; font-family: 'Gothic A1', 'Noto Sans KR', Malgun Gothic,'맑은 고딕', AppleGothic,Dotum,'돋움', sans-serif;}
		.sub_content .info_list li + li {margin-left: 30px;}
		.sub_content .info_list li img {margin-right: 8px; }
		.sub_content .info_list li span {display: inline-block; margin-right: 4px; font-size: inherit; font-weight: inherit; color: #333;}


/*───────────────────────────────────────────────────────────
 
	센터안내

───────────────────────────────────────────────────────────*/
	/*** 인사말 | company/about.html ***/
		.sub_about {}
		.sub_about .about_cont {background: rgba(16,163,163,0.04); padding-top: 274px; padding-bottom: 120px; margin-top: -200px;}
		.sub_about .txt_box {display: flex;}
		.sub_about .txt_box dt {padding-right: 120px; font-size: 40px; font-weight: 400; color: #333; line-height: 1.5;}
		.sub_about .txt_box dt strong {display: block; font-size: inherit; font-weight: bold; color: inherit; letter-spacing: inherit;}
		.sub_about .txt_box dd {font-size: 18px; color: #444; line-height: 2;}
		.sub_about .txt_box dd p {font-size: inherit; color: inherit; letter-spacing: inherit;}
		.sub_about .txt_box dd p + p {margin-top: 20px;}

	/*** 센터소개 | company/center.html ***/
		.sub_center {padding-top: 8px;}
		.sub_center .img_box {box-sizing: border-box; border: 1px solid #ddd;}

		.sub_center .center_cont {margin-top: 96px;}
		.sub_center .center_cont .inquiry_box {display:flex; align-items: center; width: 100%; background: #f9f9f9; margin-top: 52px; box-sizing: border-box; padding: 22px 0 21px; border: 1px solid #ddd;}
		.sub_center .center_cont .inquiry_box strong {position: relative; width: 90px; font-size: 17px; font-weight: bold; color: #222; text-align: center;}
		.sub_center .center_cont .inquiry_box strong:after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 17px; background: #ccc;}
		.sub_center .center_cont .inquiry_box .info_list {width: calc(100% - 90px); box-sizing: border-box; padding-left: 30px;}

	/*** 오시는길 | company/location.html ***/
		.sub_location {}
		.sub_location .map_box {width: 100%; border-radius: 20px; overflow: hidden;} 
		.sub_location .map_box > div {width: 100%;}
		.sub_location .map_box .root_daum_roughmap .map_border {display: none !important;} 
		.sub_location .map_box .info_list {justify-content: center; background: #56c0c0; padding: 40px 0;}
		.sub_location .map_box .info_list li {font-size: 17px; font-weight: 500; color: #fff;}
		.sub_location .map_box .info_list li + li {margin-left: 44px;}
		.sub_location .map_box .info_list li span {font-weight: 600; color: #fff;}

		.sub_location .location_cont {margin-top: 96px;}
		.sub_location .location_cont .traffic_list {}
		.sub_location .location_cont .traffic_list dl {display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 200px; box-sizing: border-box; padding-left: 200px; padding-right: 110px; border-radius: 20px; overflow: hidden;}
			.sub_location .location_cont .traffic_list dl.car {background: #f5f5f5 url("../images/da_image/icon_traffic_car.png") no-repeat 50px center;}
			.sub_location .location_cont .traffic_list dl.subway {background: #f5f5f5 url("../images/da_image/icon_traffic_subway.png") no-repeat 50px center;}
			.sub_location .location_cont .traffic_list dl.bus {background: #f5f5f5 url("../images/da_image/icon_traffic_bus.png") no-repeat 50px center;}
		.sub_location .location_cont .traffic_list dl + dl {margin-top: 20px;}
		.sub_location .location_cont .traffic_list dt {margin-top: 48px; font-size: 20px; font-weight: bold; color: #222;}
		.sub_location .location_cont .traffic_list dd {margin-bottom: 48px;}
		.sub_location .location_cont .traffic_list dd .dot_list {margin-top: 14px;}
			.sub_location .location_cont .traffic_list dl.bus dd .dot_list li + li {margin-top: 14px;}
		.sub_location .location_cont .traffic_list dd .bus_info {display: flex; margin-top: 4px;}
		.sub_location .location_cont .traffic_list dd .bus_info .bus_list {display: inline-flex; font-size: 0;}
		.sub_location .location_cont .traffic_list dd .bus_info .bus_list + .bus_list {margin-left: 30px;}
		.sub_location .location_cont .traffic_list dd .bus_info .bus_list strong {margin-right: 18px; padding-top: 1px; font-size: 16px; font-weight: 600; color: #333;}
		.sub_location .location_cont .traffic_list dd .bus_info .bus_list span {display: inline-block; background: #fff; box-sizing: border-box; padding: 1px 8px 0; border-radius: 5px; font-size: 16px; font-weight: 400; line-height: 24px;}
			.sub_location .location_cont .traffic_list dd .bus_info .bus_list.blue span {border: 1px solid #1e7bdb; color: #1e7bdb;}
			.sub_location .location_cont .traffic_list dd .bus_info .bus_list.green span {border: 1px solid #59be0a; color: #59be0a;}
			.sub_location .location_cont .traffic_list dd .bus_info .bus_list.red span {border: 1px solid #e53607; color: #e53607;}
		.sub_location .location_cont .traffic_list dd .bus_info .bus_list span + span {margin-left: 5px;}



	/*** 입주기업 혜택 | company/about.html ***/
		.sub_benefits {}
		.sub_benefits .benefits_cont {background: rgba(240,198,0,0.04);}