@charset "UTF-8";

.m_set:after,
.m_set .inner:after {content:''; display:block; visibility:hidden; clear:both;}
.m_set .inner {padding:180px 15px;}

/* 메인 슬라이드 */
.main_visual {position:relative; width:100%; margin-top:80px;}
.main_visual .slick-slide {height:auto;}
.visual_area {text-align:center; line-height:0; margin-top:0;}
.visual_area a {display:block; margin:0; position:relative; overflow:hidden;}
.visual_area img {width:100%}

.main_visual .slick-prev, 
.main_visual .slick-next {width:80px; height:80px; border-radius:100%; z-index:10;}
.main_visual .slick-prev {left:10px;}
.main_visual .slick-next {right:10px;}
.main_visual .slick-prev:before, 
.main_visual .slick-next:before {transition: all ease 0.2s 0s; font-size:80px; font-family:'xeicon'; color:#fff;}
.main_visual .slick-prev:before {content:'\e93d'; margin-left:0;}
.main_visual .slick-next:before {content:'\e940'; margin-right:0;}

.search_wrap {position:absolute; bottom:0; margin-bottom:8%; z-index:10; }
.input_wrap {position:relative;}
.input_wrap .search_input {width:680px; height:74px; padding-left:25px; border:0}
.input_wrap .submit {position:absolute; right:0; top:0; width:74px; height:74px; background:#303d92; cursor:pointer;}
.input_wrap .submit input {position:relative; font-size:0;}
.input_wrap .submit:before {display:block; position:absolute; left:50%; top:50%; width:30px; height:32px; background:url(../images/bt_search.png) 0 0; transform:translate(-50%, -50%); content:'';}
.main_txt p {color:#fff; font-size:50px; line-height:1.4; margin-bottom:40px;}

/* 자료 리스트 */
.project_wrap.flex {display:flex; flex-wrap: wrap;}
.project_wrap div {flex:1 1 40%; text-align:left;}
.project_wrap .img {margin-right:40px;}
.project_wrap .img img {width:720px; height:340px;}
.project_wrap .text {padding:20px 0 0 0; text-align:left;}
.project_wrap .title {font-size:18px; color:#303d92; margin-bottom:20px; font-weight:600;}
.project_wrap a {display:flex; align-items:center; height:45px; background-color:#f9f9f9; width:150px; margin-top:30px; padding:0 18px; font-size:16px; letter-spacing:-0.025em; justify-content:space-between;}
.project_wrap a::after {content:""; display:block; width:38px; height:11px; background:url(../images/link_arrow.png) no-repeat;}

.project_list .slick-prev, 
.project_list .slick-next {width:80px; height:80px; border-radius:100%; z-index:10;}
.project_list .slick-prev {left:10px;}
.project_list .slick-next {right:10px;}
.project_list .slick-prev:before, 
.project_list .slick-next:before {transition: all ease 0.2s 0s; font-size:80px; font-family:'xeicon'; color:#000;}
.project_list .slick-prev:before {content:'\e93d'; margin-left:0;}
.project_list .slick-next:before {content:'\e940'; margin-right:0;}
.projects {margin:40px 0;}

/* 지도 리스트 */
.map_list {background: url(../images/map_bg.jpg) center bottom no-repeat; background-size: cover;}
.map_list .inner {position:relative;}

.map_list .map_link {position:absolute; width:580px; height:630px; background:url(../images/map.png) center bottom no-repeat; background-size:cover;}
.map_list .map_link div {position: absolute;}
.map_list .map_link div a {color:#fff; font-weight:400; }
.map_list .map_link div:nth-child(1) {top:460px; left:490px;}
.map_list .map_link div:nth-child(2) {top:220px; left:240px;}
.map_list .map_link div:nth-child(3) {top:480px; left:380px;}
.map_list .map_link div:nth-child(4) {top:180px; left:360px;}
.map_list .map_link div:nth-child(5) {top:380px; left:410px;}
.map_list .map_link div:nth-child(6) {top:560px; left:470px;}
.map_list .map_link div:nth-child(7) {top:410px; left:290px;}
.map_list .map_link div:nth-child(8) {top:100px; left:330px;}
.map_list .map_link div:nth-child(9) {top:70px; left:220px;}
.map_list .map_link div:nth-child(10) {top:220px; left:90px;}
.map_list .map_link div:nth-child(11) {top:300px; left:150px;}
.map_list .map_link div:nth-child(12) {top:340px; left:230px;}

.map_list .txt_link {padding-left:700px; height:500px;}
.map_list .txt_link h2 {margin-top:100px;}
.map_list .txt_link h2 strong {color:#303d92; }
.map_list .txt_link .total {font-weight:600; font-size:24px; margin-top:100px;}
.map_list .txt_link .total strong {font-size:30px;}
.map_list .txt_link ul {display:flex; flex-wrap:wrap; align-items:center; margin-top:20px;}
.map_list .txt_link ul li {margin-right:15px; display:flex; align-items:center; justify-content:center; width:calc((100% - 75px) / 6); height:90px; border:3px solid #303d92; box-sizing:border-box; margin-bottom:15px;}
.map_list .txt_link ul li p {font-size:18px; color:#000; text-align:center; font-weight:600;}
.map_list .txt_link ul li:nth-child(6n){margin-right:0;}

/* media query */
@media screen and (max-width:1200px) {
	.m_set .inner {padding:80px 15px;}
	.map_list .txt_link h2 {margin-top:10px;}
	.map_list .txt_link {padding-left:500px;}

	.map_list .map_link {width:460px; height:500px;}
	.map_list .map_link div:nth-child(1) {top:380px; left:390px;}
	.map_list .map_link div:nth-child(2) {top:170px; left:190px;}
	.map_list .map_link div:nth-child(3) {top:380px; left:290px;}
	.map_list .map_link div:nth-child(4) {top:140px; left:280px;}
	.map_list .map_link div:nth-child(5) {top:300px; left:320px;}
	.map_list .map_link div:nth-child(6) {top:440px; left:370px;}
	.map_list .map_link div:nth-child(7) {top:330px; left:230px;}
	.map_list .map_link div:nth-child(8) {top:70px; left:250px;}
	.map_list .map_link div:nth-child(9) {top:60px; left:170px;}
	.map_list .map_link div:nth-child(10) {top:160px; left:70px;}
	.map_list .map_link div:nth-child(11) {top:240px; left:110px;}
	.map_list .map_link div:nth-child(12) {top:270px; left:180px;}
}

@media screen and (max-width:1024px) {
	.main_visual {margin-top:70px;}
	.main_visual .slick-prev, 
	.main_visual .slick-next {width:40px; height:40px;}
	.main_visual .slick-prev {left:0;}
	.main_visual .slick-next {right:0;}
	.main_visual .slick-prev:before, 
	.main_visual .slick-next:before {font-size:40px;}

	.input_wrap .search_input,.input_wrap input {width:90%; margin-bottom:10%;}
	.input_wrap .search_input {height:60px;}
	.input_wrap .submit {width:60px; height:60px;}
	.main_txt p {font-size:36px;}

	.main_list .inner {display:block;}
	.main_list .img,.main_comp .text {text-align:center;}
	.main_list .text {padding:0 0; margin-top:40px;}
	.map_list .map_link {position:relative; text-align:center; margin:0 auto;}
	.map_list .txt_link {padding-left:0; height:auto;}
	.map_list .txt_link ul li p {font-size:15px;}
	
	.project_wrap.flex {display:block;}
	.project_wrap div {flex:1 1 40%; text-align:left;}
	.project_wrap .img {margin-right:0;}
	.project_wrap a,.m_t_30 {margin-top:20px;}
}

@media screen and (max-width:768px) {
	.main_list .img img {width:100%; height:auto;}
}

@media screen and (max-width:640px) {
	.main_visual .main_txt {top:40%; left:20%;}
	.main_txt p {font-size:24px; margin-bottom:20px;}
	.main_visual .slick-slide {height:480px;}
	.map_list .txt_link ul li {width:calc((100% - 30px) / 3);}
	.map_list .txt_link ul li:nth-child(3n){margin-right:0;}
}

@media screen and (max-width:480px) {
	.map_list .map_link {width:340px; height:370px;}
	.map_list .map_link div {font-size:12px;}
	.map_list .map_link div:nth-child(1) {top:280px; left:290px;}
	.map_list .map_link div:nth-child(2) {top:120px; left:140px;}
	.map_list .map_link div:nth-child(3) {top:280px; left:220px;}
	.map_list .map_link div:nth-child(4) {top:100px; left:210px;}
	.map_list .map_link div:nth-child(5) {top:230px; left:240px;}
	.map_list .map_link div:nth-child(6) {top:330px; left:270px;}
	.map_list .map_link div:nth-child(7) {top:240px; left:160px;}
	.map_list .map_link div:nth-child(8) {top:50px; left:180px;}
	.map_list .map_link div:nth-child(9) {top:45px; left:125px;}
	.map_list .map_link div:nth-child(10) {top:120px; left:50px;}
	.map_list .map_link div:nth-child(11) {top:170px; left:90px;}
	.map_list .map_link div:nth-child(12) {top:200px; left:130px;}
}