.tit {font-size:3rem; letter-spacing:1px; text-align:Center;  line-height:0.7em; color:#fff; font-family:'Montserrat'; margin-bottom:50px; box-sizing:border-box;   width:100%; display:inline-block;  }

 .main_section {width:100%;  box-sizing:border-box; padding:0 13vw; display:flex;  justify-content:space-between;  font-size:1.05rem; color:#fff}


.main_t {font-size:1.1rem; font-weight:400; line-height:1.5em; color:rgba(255,255,255,.8)}
.main_t  b {font-size:1.4rem; width:100%; display:block; margin-bottom:10px; font-weight:600; line-height:1.5em; color:#fff}




.about_text { align-items:Center}
.about_text p {width:40%;  }

.about_text .img_wrap {width:50%; height:400px; margin-top:4%; margin-left:5%;  background-color:rgba(255,255,255,.05); display:inline-block}
.about_text .img_wrap .img_wrap_bg {width:95%; height:95%; margin-top:-5%; margin-left:-5%; background:url('/common/img/20778563.jpg') no-repeat center; background-size:cover; display:inline-block}
  

.notice {}
.notice .box {width:37%;  font-size:1rem; box-sizing:border-box;  }
.notice .box .img_box {width:100%; height:300px; margin-bottom:1vh; overflow:hidden}
.notice .box  img { width:100%;  }
.notice .box h3 {font-size:1.5rem; color:#fff}
.notice .box  p {padding:10px 0; color:rgba(255,255,255,.7) }
.notice .box  span {  font-size:.95rem;  color:rgba(255,255,255,.7)}
.notice ul {width:60%; }

.notice ul li  {width:100%; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,.2);  margin-top:1px; box-sizing:border-box; padding:15px; color:#fff; transition: background-color 0.3s ease-in;  font-size:1.07rem;}
.notice ul li h3 {  font-weight:500; font-size:1em }
.notice ul li p {margin-left:auto; font-size:.9em; color:#fff}



.map_info { align-items:flex-end}
.map_info .map_wrap { width:47%;  }
.map_info div.text_box {width:50%; color:#fff;  }
.map_info div.text_box a {border:1px solid #fff; color:#fff; margin-left:-1px; box-sizing:border-box; float:left; line-height:50px; width:40%; text-align:center; max-width:200px; }

.map_info b {font-size:1.2em; font-weight:600; width:100%; display:block; padding-bottom:10px}



@media (max-width:1024px) {

	 .tit {font-size:2rem; }
	 .main_section {flex-wrap:wrap; font-size:0.97rem; padding:0 5%;}

     .main_t {font-size:0.97rem;  }
    .main_t  b {font-size:1.1rem;  line-height:1.4em;}


	 .about_text .img_wrap  {margin-bottom:30px; width:100%; height:200px}
	 .about_text p {width:100%;  }

	.notice .box {display:none}
	.notice ul {width:100%; }
	.notice ul li  {padding:12px; font-size:0.97rem; }
 
	.map_info .map_wrap {width:100%;  margin-bottom:30px}
	.map_info div.text_box {width:100%;  }
	.map_info div.text_box a {max-width:100%; width:50%; line-height:45px}
    .map_info b  {font-size:1.1rem}
	 .root_daum_roughmap .wrap_controllers {display:none !important}
    .wrap_map {height:200px !important}

}
  


.mainWrap{position:relative;  }
.sectionWrap{position:absolute; left:0; top:0; width: 100%;}
.section{position:relative;}
.section00 {position:relative;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative;}
 
.sectionCon{ width:100%; height:100%; position:relative;  margin:0 auto;display:table;}
.sectionCon > div.mcon_area{display:table-cell;vertical-align:middle;}

 @media screen and (min-width:1024px){
  .sectionCon  {height:100vh}
}	


 @media screen and (max-width:1024px){
 .sectionCon {height:auto; padding:20% 0}
 }