section.contact,
section.contact .containner,
section.contact .containner .contents {
	width: 100%; height: auto;
}


section.contact { padding: 150px 0px 160px; }

section.contact .title{
	width: 100%; height: auto; line-height: 1;
	color: #00C3FF; text-align: center;
	font-size: 60px;font-weight: 700;
}


section.contact .addr{
	width: 100%; height: auto; line-height: 1.6;
	color: #000; text-align: center;
	font-size: 32px;font-weight: 700;
	margin-top: 50px;
}

section.contact .email_title{ margin-top: 80px; }
section.contact .email_addr {
	width: 100%; height: auto; 

	display: flex; 
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 10px;

}

section.contact .email_addr img { width: 30px; height: auto; }

section.contact .email_addr a {
	font-size: 28px; color: #808080; text-align: left;
    text-decoration: underline;
    text-underline-position: under;
}


section.contact .map{
	width: 100%; height: auto;
	margin-top: 60px;
}

section.contact .map > img {
	width: 100%; height: auto;

	object-fit: cover;

}

section.contact .map .btn{
	position: absolute;
	border: 0px;
	background-color: rgba(0,0,0,0.0);
	cursor: pointer;

}

/* 체인지업 그라운드 광양 */
section.contact .map .btn_01{ }

/* 융복합소재지원센터 */
section.contact .map .btn_02{ }

/* 철강산업센터 */
section.contact .map .btn_03{ }

/* 소재부품 지식산업센터 */
section.contact .map .btn_04{ }

/* 친환경 리튬 이차전지 재활용센터 */
section.contact .map .btn_05{ }

/* 금속소재 복합성향 Test-Bed */
section.contact .map .btn_06{ }

/* 산업부산물 재자원화 실증지원센터 */
section.contact .map .btn_07{ }

.pop_bg.on { display: inline-block; }
.pop_bg {
	display: none;
	position: fixed; top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 1000;

}
.pop_box { display: none; }
.pop_box.on {
	position: absolute; top: 100px; left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	display: inline-block;
	width: 665px; height: 810px;
	padding: 50px 75px;
	border: 3px solid #000;
	background: #FFF;
	z-index: 1001;
	overflow-y: auto;
}


.pop_box .pop_title { width: 100%; height: auto; }
.pop_box .pop_title span {
	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	
	width: auto; height: auto; line-height: 1;
	padding-bottom: 5px;

	color: #000; text-align: center;
	font-size: 26px; font-weight: 600;
}

.pop_box .pop_title span::after {
	position: absolute; bottom: 0px; left: 0px;
	width: 100%; height: 3px;
	background-color: #000;
	content: '';
}

.pop_box .pop_img {
	width: 100%; height: auto; 
	object-fit: cover;
	margin-top: 30px;
}
.pop_box .pop_img > img { width: 100%; height: auto; }

.pop_box .pop_btn {
	width: 100%; height: auto; 
	margin-top: 23px;
	padding-bottom: 23px;
	border-bottom: 1px solid #000;

	display: flex;
	gap: 10px;
}

.pop_box .pop_btn > div {
	flex-grow: 1;
	width: auto; height: auto;

	color: #FFF; text-align: center;
	font-size: 20px; font-weight: 700;

	padding: 14px 0px;
	cursor: pointer; 
	background-color: #969696;
}

.pop_box .pop_btn > div.on { background-color: #00C3FF; }

.pop_box .pop_desc {
	width: 100%; height: 150px;;
	margin-top:  15px;
	overflow-y: auto;
}

.pop_box .pop_desc > div.on{ display: inline-block; }

.pop_box .pop_desc > div {
	display: none;
	width: 100%; height: auto; line-height: 1.8;
	color: #000; font-size: 16px;
	word-break: keep-all;
	padding-right: 30px;
}

.pop_box .pop_desc > div .dot_item::before{
	content: '•';
	position: absolute; top: 0px; left: 0px;
}

.pop_box .pop_desc > div .dot_item{
	width: 100%; height: auto;
	padding-left: 12px;
}


.pop_box .pop_desc > div table {
	border-collapse: collapse;
    table-layout: fixed;
    word-break: break-all;

	width: 100%;
}


.pop_box .pop_desc > div table td {
	border: 1px solid #BFBFBF;
	color: #000; font-size: 16px;
	padding: 10px 10px;
	text-align: center;
}
.pop_box .pop_desc > div table thead td {
	background-color: #E4E4E4;
}

.pop_box .pop_close {
	width: 100%; height: auto; 
	margin-top:23px;
}

.pop_box .pop_close button{
	width: 115px; height: 40px;
	background-color: #000; border-radius: 10px;
	border: 0px;

	color: #FFF; text-align: center;
	font-size: 20px; font-weight: 700;

	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	cursor: pointer;
}

.pop_box#pop_box_04 .pop_desc > div table thead td:nth-child(1) { width: 130px; }
.pop_box#pop_box_05 .pop_desc > div table thead td:nth-child(1) { width: 150px; }
.pop_box#pop_box_06 .pop_desc > div table thead td:nth-child(1) { width: 130px; }
.pop_box#pop_box_07 .pop_desc > div table thead td:nth-child(1) { width: 130px; }


.pop_box .slick-prev, .pop_box .slick-next {
	width: 23px; height: 46px;

	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.pop_box .slick-prev { background-image: url(../images/contact_arrow_prev.svg); left: -40px;}
.pop_box .slick-next { background-image: url(../images/contact_arrow_next.svg); right: -40px; }
.slick-slide img { width: 100%; }

	


.pop_box .slick-prev:before, .pop_box .slick-next:before { display: none; }


@media (max-width: 479px){ 
	section.contact { padding: calc((70 / 480)* 100vw) 0px calc((90 / 480)* 100vw); }
	section.contact .title { font-size: calc((30 / 480)* 100vw); }

	section.contact .addr{ font-size: calc((26 / 480)* 100vw); margin-top: calc((50 / 480)* 100vw); }


	section.contact .email_title{ margin-top: calc((50 / 480)* 100vw); }
	section.contact .email_addr { gap: calc((10 / 480)* 100vw); margin-top: calc((10 / 480)* 100vw); }
	section.contact .email_addr img { width: calc((28 / 480)* 100vw); height: auto; }
	section.contact .email_addr a { font-size: calc((20 / 480)* 100vw); }



	section.contact .map { overflow-x: auto;  margin-top: calc((45 / 480)* 100vw); }
	section.contact .map > img { width: auto; height: 353px; }




	.pop_box.on { 
		width: calc(100% - 40px); height: auto;
	    padding: calc((30 / 480)* 100vw) calc((30 / 480)* 100vw);
	}

	.pop_box .pop_title span { padding-bottom: 3px; font-size: calc((20 / 480)* 100vw); }
	.pop_box .pop_img { margin-top: calc((20 / 480)* 100vw); }
	.pop_box .pop_btn { margin-top: calc((20 / 480)* 100vw); padding-bottom: calc((20 / 480)* 100vw); gap: calc((10 / 480)* 100vw); }
	.pop_box .pop_btn > div { font-size: calc((14 / 480)* 100vw); padding: calc((10 / 480)* 100vw) 0px; font-weight: 500; }

	.pop_box .pop_desc { height: calc((180 / 480)* 100vw); margin-top: calc((15 / 480)* 100vw); }
	.pop_box .pop_desc > div { font-size: calc((14 / 480)* 100vw); padding-right: calc((20 / 480)* 100vw); }
	.pop_box .pop_desc > div table td { font-size: calc((14 / 480)* 100vw); padding: calc((10 / 480)* 100vw) calc((10 / 480)* 100vw); }

	.pop_box#pop_box_04 .pop_desc > div table thead td:nth-child(1) { width: calc((120 / 480)* 100vw); }
	.pop_box#pop_box_05 .pop_desc > div table thead td:nth-child(1) { width: calc((140 / 480)* 100vw); }
	.pop_box#pop_box_06 .pop_desc > div table thead td:nth-child(1) { width: calc((120 / 480)* 100vw); }
	.pop_box#pop_box_07 .pop_desc > div table thead td:nth-child(1) { width: calc((120 / 480)* 100vw); }

	.pop_box .pop_close button{
		width: calc((100 / 480)* 100vw); height: calc((40 / 480)* 100vw);
		border-radius: calc((5 / 480)* 100vw);
		font-size: calc((18 / 480)* 100vw);
	}



	.pop_box .slick-prev, .pop_box .slick-next {
		width: calc((16 / 480)* 100vw); height: calc((30 / 480)* 100vw);
	}
	.pop_box .slick-prev { left: calc((-20 / 480)* 100vw); }
	.pop_box .slick-next { right: calc((-20 / 480)* 100vw); }

}

@media (max-width: 749px) and (min-width: 480px) { 
	section.contact { padding: 70px 0px 90px; }

	section.contact .title { font-size: 30px; }
	section.contact .addr{ font-size: 26px; margin-top: 50px; }


	section.contact .email_title{ margin-top: 50px; }
	section.contact .email_addr { gap: 10px; margin-top: 10px; }
	section.contact .email_addr img { width: 28px; height: auto; }
	section.contact .email_addr a { font-size: 20px; }



	section.contact .map { overflow-x: auto; margin-top: 45px; }
	section.contact .map > img { width: auto; height: 353px; }



	.pop_box.on { 
		width: calc(100% - 40px); height: auto;
	    padding: 30px 30px;
	}

	.pop_box .pop_title span { padding-bottom: 3px; font-size: 20px; }
	.pop_box .pop_img { margin-top: 20px; }
	.pop_box .pop_btn { margin-top: 20px; padding-bottom: 20px; gap: 10px; }
	.pop_box .pop_btn > div { font-size: 14px; padding: 10px 0px; font-weight: 500; }

	.pop_box .pop_desc { height: 180px; margin-top: 15px; }
	.pop_box .pop_desc > div { font-size: 14px; padding-right: 20px; }
	.pop_box .pop_desc > div table td { font-size: 14px; padding: 10px 10px; }

	.pop_box#pop_box_04 .pop_desc > div table thead td:nth-child(1) { width: 120px; }
	.pop_box#pop_box_05 .pop_desc > div table thead td:nth-child(1) { width: 140px; }
	.pop_box#pop_box_06 .pop_desc > div table thead td:nth-child(1) { width: 120px; }
	.pop_box#pop_box_07 .pop_desc > div table thead td:nth-child(1) { width: 120px; }

	.pop_box .pop_close button{
		width: 100px; height: 40px;
		border-radius: 5px;
		font-size: 18px;
	}


	.pop_box .slick-prev, .pop_box .slick-next {
		width: 16px; height: 30px;
	}
	.pop_box .slick-prev { left: -20px; }
	.pop_box .slick-next { right: -20px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	section.contact { padding: 75px 0px 90px; }
	section.contact .title { font-size: 48px; }
	section.contact .addr{ font-size: 26px; margin-top: 50px; }


	section.contact .email_title{ margin-top: 50px; }
	section.contact .email_addr { gap: 10px; margin-top: 10px; }
	section.contact .email_addr img { width: 28px; height: auto; }
	section.contact .email_addr a { font-size: 20px; }



	.pop_box.on { 
		width: 600px; height: auto;
	    padding: 30px 30px;
	}

	.pop_box .pop_title span { padding-bottom: 3px; font-size: 24px; }
	.pop_box .pop_img { margin-top: 20px; }
	.pop_box .pop_btn { margin-top: 20px; padding-bottom: 20px; gap: 10px; }
	.pop_box .pop_btn > div { font-size: 16px; padding: 10px 0px; }

	.pop_box .pop_desc { height: 150px; margin-top: 15px; }
	.pop_box .pop_desc > div { font-size: 16px; padding-right: 20px; }
	.pop_box .pop_desc > div table td { font-size: 15px; padding: 10px 10px; }

	.pop_box#pop_box_04 .pop_desc > div table thead td:nth-child(1) { width: 120px; }
	.pop_box#pop_box_05 .pop_desc > div table thead td:nth-child(1) { width: 140px; }
	.pop_box#pop_box_06 .pop_desc > div table thead td:nth-child(1) { width: 120px; }
	.pop_box#pop_box_07 .pop_desc > div table thead td:nth-child(1) { width: 120px; }

	.pop_box .pop_close button{
		width: 110px; height: 40px;
		border-radius: 10px;
		font-size: 20px;
	}
	

	.pop_box .slick-prev, .pop_box .slick-next {
		width: 16px; height: 30px;
	}
	.pop_box .slick-prev { left: -20px; }
	.pop_box .slick-next { right: -20px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 

}



/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/