@charset "UTF-8";

/* ****************** 메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
#mainContent > article{}
/* 공통 :: 타이틀 */
.title_wrap{position:relative; width:100%;}
.title_wrap h3{font-size:40px; color:#222; font-weight:500; margin-bottom:40px; letter-spacing:-0.75px;}
.title_wrap strong{display:block; color:#111; font-size:38px; line-height:50px; font-weight:400; }
.main_inner{ width:1200px; margin:0 auto; padding:100px 0; position: relative;}
.main_inner:after{ content:"";display: block;clear:both; }

@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.title_wrap{margin-bottom:30px;}
	.title_wrap strong{font-size:21px; line-height:35px;}
}

/* visual */
.main_visual{ position: relative;}
.main_visual .main_rolling { position: relative; z-index: 5;}
.main_visual .main_rolling .slick-slide{height:500px !important;}
.main_visual .main_rolling .slick-slide p{text-align:left; color:#fff; font-weight: 300; font-size:20px; line-height:30px;}
.main_visual .main_rolling .slick-slide p.en{margin-top:130px; line-height:55px; font-size:50px; font-weight: 500; margin-bottom:15px;}
.main_visual .main_rolling .slick-slide.visual1{background:url(../images/main/main_visual1.jpg) center 0 no-repeat; background-size:cover;}
.main_visual .main_rolling .slick-slide.visual2{background:url(../images/main/main_visual2.jpg) center 0 no-repeat; background-size:cover;}
.main_visual .main_rolling .slick-slide.visual3{background:url(../images/main/main_visual3.jpg) center 0 no-repeat; background-size:cover;}

.main_visual .main_rolling .slick-arrow{ text-indent:-9999px;width:91px;height:91px; position: absolute;top:50%;margin-top:-25px; z-index: 10; display:none;}
.main_visual .main_rolling .slick-arrow.slick-prev{ background:url(./images/main/btn_main-left.png) 0 0 no-repeat; left:50%;}
.main_visual .main_rolling .slick-arrow.slick-next{ background:url(./images/main/btn_main-right.png) 0 0 no-repeat; right:50%;}

.main_visual .main_rolling .slick-dots{ position: absolute;left:180px;bottom:100px;font-size: 0;line-height:0;text-align:center;  }
.main_visual .main_rolling .slick-dots li{display: inline-block; float:left; text-indent:-9999px; width:14px;height:14px; margin-left:5px;}
.main_visual .main_rolling .slick-dots li button{display: block;text-indent:-9999px;width:14px;height:14px;border:1px solid #fff;background:transparent; border-radius:50%; cursor:pointer;}
.main_visual .main_rolling .slick-dots li:first-child button{ margin-left:0; }
.main_visual .main_rolling .slick-dots li.slick-active button{ background:#fff; }
/* .main_visual .btn_stops{ z-index: 11;position: absolute;bottom:102px;left:230px;margin-left:45px } */


/***** main contents *****/
#mainContent{width: 100%; position: relative; z-index:10; /*background:url(../images/main/bg_contents.gif) 100% 0 repeat-y;*/}
.main_con{width:1200px; margin:0 auto;}

/* 분양 및 기탁 */
div.parcel{position:relative; margin:0 auto; padding:80px 0; background-image:url(../images/main/section_bg01.jpg); background-size:cover; background-position:50%; background-repeat:no-repeat;}
div.parcel .title_wrap{position:relative; width:100%; text-align:center;}
div.parcel .title_wrap h3{color:#222;}
div.parcel .title_wrap a{position:absolute; top:15px; right:20px; font-size:14px; color:#333; letter-spacing:-0.5px; z-index:9;}
div.parcel .title_wrap a:before{display:inline-block; content:""; width:90px; height:1px; background-color:#d2d2d2; vertical-align:middle; margin-right:14px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
div.parcel .title_wrap a:hover:before{background-color:#626262; margin-left:10px;}

.main_achieve {  padding:  0; margin: 0; }
.main_achieve:hover > li.animated {opacity: 0.4 !important;}
.main_achieve:hover > li.animated:hover {opacity: 1 !important;}
.main_achieve > li:before { position:  absolute; top: 0; right:  0px; width:  0%; height:  5px; background: #0083cb; display:  block; content:  "";}
.main_achieve > li:after { position:  absolute; bottom: 0; left:  0px; width:  0%; height:  5px; background: #0083cb; display:  block; content:  "";}
.main_achieve > li .box_link:before { position:  absolute; top: 0; left:  -1px; width:  5px; height:  0%; background: #0083cb; display:  block; content:  "";}
.main_achieve > li .box_link:after { position:  absolute; bottom: 0; right:  -1px; width:  5px; height:  0%; background: #0083cb; display:  block; content:  "";}
.main_achieve > li:hover:before,
.main_achieve > li:focus:before{width:100%;transition:width 0.2s ease-out;}
.main_achieve > li:hover:after,
.main_achieve > li:focus:after{width:100%; transition:width 0.2s ease-out 0.4s;}
.main_achieve > li:hover .box_link:before,
.main_achieve > li:focus .box_link:before{height:100%;transition:height 0.2s ease-out 0.2s;}
.main_achieve > li:hover .box_link:after,
.main_achieve > li:focus .box_link:after{height:100%;transition:height 0.2s ease-out 0.6s;}
.main_achieve > li {position: relative; display:inline-block;/*width:23%;*/width:18.4%;height:350px; float:left; margin:0 0 0 1.6%; background-color:#fff;  border: 1px solid #e6e6e6;}
.main_achieve > li:first-child{margin:0}
.main_achieve > li .box_link{display:block; width:100%; height:100%; padding:40px 0; padding-top:190px; text-align:center;}
.main_achieve > li .group{height:30px; font-size:20px; text-align:center; line-height:30px; display:block;}
.main_achieve > li .box_link strong{position: relative; font-size:20px; font-weight: 500; height:40px; margin-bottom:10px;}
.main_achieve > li .box_link strong:after{position:absolute; bottom:0; left:50%; transform: translate( -50%,-50%); display:inline-block; content:""; width:25px; height:2px; background-color:#555;}
.main_achieve > li .box_link p{ display:block; width:100%; font-size:20px; margin-bottom:8px;}
.main_achieve > li:nth-child(1){background-image:url(../images/contents/KTaxon_Plantae.png); background-position:center 40px; background-repeat:no-repeat;}
.main_achieve > li:nth-child(2){background-image:url(../images/contents/KTaxon_Chromista.png); background-position:center 40px; background-repeat:no-repeat;}
.main_achieve > li:nth-child(3){background-image:url(../images/contents/KTaxon_Fungi.png); background-position:center 40px; background-repeat:no-repeat;}
.main_achieve > li:nth-child(4){background-image:url(../images/contents/KTaxon_Bacteria.png); background-position:center 40px; background-repeat:no-repeat;}
.main_achieve > li:nth-child(5){background-image:url(../images/main/icon_cm04.png); background-position:center 40px; background-repeat:no-repeat;}
/***********************
.main_achieve > li:nth-child(1){background-image:url(../images/main/icon_cm01.png); background-position:center 40px; background-repeat:no-repeat;}
.main_achieve > li:nth-child(2){background-image:url(../images/main/icon_cm02.png); background-position:center 40px; background-repeat:no-repeat;}
.main_achieve > li:nth-child(3){background-image:url(../images/main/icon_cm03.png); background-position:center 40px; background-repeat:no-repeat;}
.main_achieve > li:nth-child(4){background-image:url(../images/main/icon_cm04.png); background-position:center 40px; background-repeat:no-repeat;}
.main_achieve > li:nth-child(5){background-image:url(../images/main/icon_cm05.png); background-position:center 40px; background-repeat:no-repeat;}
********************/


.main_achieve > li .btn_more{display:block; border:1px solid #0083cb; background-color:#fff; color:#0083cb; height:35px; padding:0; width: 120px; margin: 0 auto; font-size:14px; border-radius:30px;  line-height: 32px;}
.main_achieve > li .btn_more i{color:#0083cb; font-size:16px; height:35px; margin:0; line-height: 32px; vertical-align: top;}
.main_achieve > li .btn_more:hover{border:1px solid #fff; color:#fff; background-color:#0083cb;}
.main_achieve > li .btn_more:hover i{color:#fff;}
.main_achieve > li:hover .btn_more,
.main_achieve > li:focus .btn_more{border:1px solid #fff; color:#fff; background-color:#0083cb;}
.main_achieve > li:hover .btn_more i{color:#fff;}


/* main_notice */
div.main_notice{ position: relative; height:620px; padding:80px 0; background: url(../images/main/notice_bg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden;}
div.main_notice h3 {color:#fff}
div.main_notice .title_wrap a{position:absolute; top:15px; right:0; font-size:14px; color:#fff; letter-spacing:-0.5px; z-index:9;}
div.main_notice .title_wrap a:before{display:inline-block; content:""; width:90px; height:1px; background-color:#d2d2d2; vertical-align:middle; margin-right:14px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
div.main_notice .notice_rolling{position: relative; width:100%; height:350px;}
div.main_notice .notice_rolling .top_desc a { transition: all .3s ease-in-out;}
div.main_notice .notice_rolling .top_desc a:hover h4,
div.main_notice .notice_rolling .top_desc a:focus h4 { text-decoration:underline; color:#e62f36;}
div.main_notice .notice_rolling .top_desc p { color:#666; line-height:20px;}
div.main_notice .notice_rolling .text_wrap{position: relative; height:350px; width:54%; float:right; text-align:left; padding:40px; font-weight: 300; background-color:#fff;}
div.main_notice .notice_rolling .text_wrap h4.title { color:#1e1e1e; font-size:24px; padding-top:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight: 500; display:  block; margin-bottom: 20px; min-height: 50px; overflow: hidden;}
div.main_notice .notice_rolling .text_wrap .text { max-height: 6.5em; line-height: 1.7; overflow:  hidden;}
div.main_notice .notice_rolling .text_wrap .date{position:absolute; top:40px; left:40px;}
div.main_notice .notice_rolling .img_wrap{display:inline-block; float:left; width:46%; height:350px; overflow:hidden; position: relative;}
div.main_notice .notice_rolling .img_wrap *{max-width:100%; height:100%;}
div.main_notice .notice_rolling .top_desc a:hover .text_wrap,
div.main_notice .notice_rolling .top_desc a:focus .text_wrap,
div.main_notice .notice_rolling .top_desc a:hover .img_wrap,
div.main_notice .notice_rolling .top_desc a:focus .img_wrap{border:1px solid #222;}
div.main_notice .notice_rolling .btn_more{border:1px solid #bfd8e5; color:#0083cb; padding:18px 40px; min-width: 150px; position: absolute;bottom:40px;vertical-align: middle;line-height: 1;}
div.main_notice .notice_rolling .slick-dots{width: 1px;height: 1px; line-height: 0; position: absolute; left: -9000px; top: -9000px; text-indent: -5000px; display: inherit;}
div.main_notice .slick-arrow{/* text-indent:-9999px;width:19px;height:30px; position: absolute;bottom:8px; z-index: 8; */}
div.main_notice .slick-arrow.slick-prev, 
div.main_notice .slick-arrow.slick-next{position:absolute; top:4px; width:48px; height:48px; line-height:48px; border:1px solid #fff;/*  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; */ z-index:10;}
div.main_notice .slick-arrow.slick-prev{right:274px; /* background:url(../images/main/btn_slider_prev2.png) center no-repeat; */}
div.main_notice .slick-arrow.slick-next{right:227px; /* background:url(../images/main/btn_slider_next2.png) center no-repeat; */}
div.main_notice .slick-arrow.slick-prev:hover, 
div.main_notice .slick-arrow.slick-next:hover{border-color:#7b8ae3;}
div.main_notice .slick-arrow img{vertical-align: baseline;}
div.main_notice .slick_stop { position: absolute;top: 4px; right:180px; width: 48px; height: 48px;  border: 1px solid #fff; z-index: 10; vertical-align: baseline;}


/* 담당자연락처 */
div.main_siteinfo{clear:both; position: relative; padding:60px 0; position: relative; overflow: hidden; background-color:#3f4348}
div.main_siteinfo .fsidemenu{margin:0 -40px}
div.main_siteinfo .fsidemenu:after{clear:both;display:block;content:""}
div.main_siteinfo .fsidemenu > li{float:left;position:relative;width:33.3333%;padding:0 30px 0 90px; min-height:200px;}
div.main_siteinfo .fsidemenu > li:after{position:absolute;top:0;left:0;width:1px;height:100%;background:#35383c;content:""}
div.main_siteinfo .fsidemenu > li:first-child:after{display:none}
div.main_siteinfo .fsidemenu > li > i[class*="xi-"]{position:absolute;top:0;left:30px;width:45px;height:45px;padding:0;border-radius:50%;background:#35383c;font-size:1em;line-height:45px;color:#fff; text-align:center;}
div.main_siteinfo .fsidemenu > li > i[class*="xi-"]:before{display:block;opacity:0.8;filter:alpha(opacity=80)}
div.main_siteinfo .fsidemenu > li > strong{display:block;padding:8px 0;font-weight:400;font-size:1.250em;line-height:1.5em;color:#fff;letter-spacing:-0.05em}
div.main_siteinfo .fsidemenu > li > .desc{display:block;margin:10px 0;line-height:1.6667em;color:#fff;letter-spacing:-0.03333em;opacity:0.8;filter:alpha(opacity=50)}
div.main_siteinfo .fsidemenu > li > .desc > dt, dd{display:inline-block; line-height:1.6667em;color:#fff;letter-spacing:-0.03333em;}
div.main_siteinfo .fsidemenu > li > .desc > dd{position: relative; display:block; margin:0 0 5px 0;line-height:1.6667em;color:#fff;letter-spacing:-0.03333em;}
div.main_siteinfo .fsidemenu > li > .desc > dt{float:left; width:30%; min-height:30px; }
div.main_siteinfo .fsidemenu > li > .desc > dd a,
div.main_siteinfo .fsidemenu > li > .desc > dd a i,
div.main_siteinfo .fsidemenu > li > .desc > li a,
div.main_siteinfo .fsidemenu > li > .desc > li a i{color:#fff; padding:0; margin:0;}
div.main_siteinfo .fsidemenu > li > .desc > li{position:relative;padding-left:2px;font-size:0.933em;line-height:1.4285em;color:#fff !important}
div.main_siteinfo .fsidemenu > li > .desc > li.pl50{position:relative;padding-left:53px;font-size:0.933em;line-height:1.4285em;color:#fff}
div.main_siteinfo .fsidemenu > li > .desc > li + li{margin-top:15px}
div.main_siteinfo .fsidemenu > li > .desc > dd > i[class*="xi-"]{/* position:absolute;top:0;left:0; */ font-size:14px;line-height:1.5em;color:#fff;height:23px;width:18px;}
div.main_siteinfo .fsidemenu > li > .desc.ag > li > a > i[class*="agency-"]{position:absolute;top:0;left:0;display:inline-block;overflow:hidden;height:23px;width:44px;}
div.main_siteinfo .fsidemenu > li > .desc.ag > li > a > i.agency-1{background:url(../images/main/fsidemenu_icon1.png) center no-repeat;}
div.main_siteinfo .fsidemenu > li > .desc.ag > li > a > i.agency-2{background:url(../images/main/fsidemenu_icon2.png) center no-repeat;}
div.main_siteinfo .fsidemenu > li > .desc.ag > li > a > i.agency-3{background:url(../images/main/fsidemenu_icon3.png) center no-repeat;}
div.main_siteinfo .fsidemenu > li.contactus > .desc{margin-bottom:0}

.main-represent {}
.main-represent ul{margin:0; padding:0;}
.main-represent ul li{display:block; line-height:1.6667em;  margin:0 0 5px 0;opacity:0.8;filter:alpha(opacity=50);letter-spacing:-0.03333em;}  
.main-represent ul li strong{display:inline-block; width:80px; color:#fff !important;}
.main-represent ul li span{color:#fff !important;}
.main-represent ul li span i[class*="xi-"]{font-size:14px;line-height:1.5em;color:#fff;height:23px;width:18px;}

/* main_notice */
div.main_cm{clear:both; position: relative; height:620px; padding:80px 0; background: url(../images/main/notice_bg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden;}
div.main_cm .title_wrap h3 {color:#fff; text-align:center;}
div.main_cm ul{overflow: hidden;position: relative; }
div.main_cm ul li{ position: relative; width:25%; float:left; padding:0 4px;}
div.main_cm ul li .box{position: relative; text-align:center;width:100%; height:350px; padding:40px 20px;}
div.main_cm ul li .group{height:30px; font-size:20px; text-align:center; line-height:30px; display:block; }
div.main_cm ul li .box{width: 100%; text-align: center; display: block;}
div.main_cm ul li .box .cm_text{padding-top:160px;}
div.main_cm ul li .box .cm_text p{clear:both; float:none; display:block; width:100%; text-align:left; margin-bottom:5px; padding-left:35px;}
div.main_cm ul li:nth-child(1) .box{background:#fff url(../images/main/icon_cm01.png)no-repeat center 85px; }
div.main_cm ul li:nth-child(2) .box{background:#fff url(../images/main/icon_cm02.png)no-repeat center 85px;  }
div.main_cm ul li:nth-child(3) .box{background:#fff url(../images/main/icon_cm03.png)no-repeat center 85px; }
div.main_cm ul li:nth-child(4) .box{background:#fff url(../images/main/icon_cm04.png)no-repeat center 85px;  }

div[id^='area_center']{ position: relative;top:-80px }