/***********************
메인 스타일 시트
***********************/

/*탑버튼*/
#top_wrap {position:fixed; bottom:0; right:0}

/* 메인슬라이드 영역 */
.owl-item {float:left}
.owl-nav > div {position:absolute; top:50%; text-align:center; margin-top:-23px; cursor:pointer}
.owl-nav > div.owl-prev {left:0}
.owl-nav > div.owl-next.mainRight {left:1235px !important}
.owl-nav > div i {display:inline-block; width:45px; height:45px; line-height:45px; background:rgba(0,0,0,0.55); transition:all 0.3s ease}
.owl-nav > div i:hover {background:rgba(250,250,250,0.55); color:#fff}
.owl-dots {position:absolute; bottom:50px; left:50%; margin-left:-85px}
.owl-dots:before {content:''; position:absolute; bottom:18px; left:50%; border:1px solid rgba(250,250,250,0.55); width:122px; height:1px; margin-left:-61px}
.owl-dots > div {display:inline-block; width:35px; height:35px; line-height:35px; margin-left:10px; vertical-align:middle; text-align:center; padding:0; background:transparent; border-radius:50%; vertical-align: middle}
.owl-dots > div.active {border:1px solid #fff}
.owl-dots > div:first-child {margin-left:0}
.owl-dots > div span {display:inline-block; width:13px; height:13px; background:rgba(250,250,250,0.55); border-radius:50%; cursor:pointer}
.owl-dots > div.active span {background:rgba(250,250,250,1)}
.main_slide {width:100%; position:relative}
.main_slide .slide_box {width:100%; background:#f9f9f9; overflow:hidden}
.main_slide .slide_box ul {width:1000%; overflow:hidden}
.main_slide .slide_box ul:after {content:''; clear:both; display:block}
.main_slide .slide_box ul li.main_img {float:left; width:1280px; height:600px; background-size:cover; overflow:hidden; background-position:100% 100% !important}
.main_slide .slide_box ul li.main_img .txt-box {text-align:center; position:relative; top:50%; left:50%; margin-top:-45px; margin-left:-1250px;  text-shadow: 0px 0px 7px #333;}
.main_slide .slide_box ul li.main_img .txt-box h2 {font-size:60px; font-weight:700; color:#fff}
.main_slide .slide_box ul li.main_img .txt-box span {font-size:18px; font-weight:300; padding-top:40px; color:#fff}
.main_slide .slide_box ul li.main_img1 {background:url(../img/main_img1.jpg) center top no-repeat}
.main_slide .slide_box ul li.main_img2 {background:url(../img/main_img2.jpg) center top no-repeat}
.main_slide .slide_box ul li.main_img3 {background:url(../img/main_img3.jpg) center top no-repeat}
.main_slide .slide_box ul li.main_img4 {background:url(../img/main_img4.jpg) center top no-repeat}


/*마량포리뷰 박스영역*/
#content_wrap .box_wrap {display:table; table-layout:fixed; width:100%; text-align:center; padding-top:20px}
#content_wrap .box_wrap .preview {display:table-cell; width:33.3333%}
#content_wrap .box_wrap .preview a {overflow:hidden; display:block}
#content_wrap .box_wrap .preview a:hover .img_box img {transition:all .4s ease; transform:scale(1.1)}
#content_wrap .box_wrap .preview a:hover .desc h4 {color:#63bb90;}
#content_wrap .box_wrap .preview a:hover .desc h5 {color:#63bb90}
#content_wrap .box_wrap .preview a:hover .desc span {color:#63bb90}
#content_wrap .box_wrap .preview a:hover .desc span:after {border-color:#63bb90}
#content_wrap .box_wrap .preview a .img_box {display:inline-block; overflow:hidden; width:360px; height:200px}
#content_wrap .box_wrap .preview a .img_box img {transition:all .4s ease}
#content_wrap .box_wrap .preview a .desc {padding:40px 0 80px}
#content_wrap .box_wrap .preview a .desc h4 {font-size:16px; font-weight:500; color:#999999; line-height:1.85}
#content_wrap .box_wrap .preview a .desc h5 {position:relative; display:inline-block; width:auto; font-size:24px; font-weight:300; color:#333333; padding-bottom:25px}
#content_wrap .box_wrap .preview a .desc h5:after {content:''; display:block; position:absolute; top:0; right:-15px; width:6px; height:6px; border-radius:50%; background:#63bb90}
#content_wrap .box_wrap .preview a .desc span {display:block; font-size:18px; font-weight:700; color:#000}
#content_wrap .box_wrap .preview a .desc span:after {content:''; display:block; width:10%; border-bottom:1px solid #555555; margin:2px auto; opacity:0.45}

/*지도영역*/
#map_wrap {position:relative}
#map {width:100%; height:200px; z-index:1000}