﻿@charset "utf-8";
@import url("reset.css");
 
 *{-ms-word-break: break-all;word-break: break-all;}
.contentInner {width: 100%; max-width: 1200px; margin: 0 auto;}
.visu_slide {}
.visu_slide .item {height: 765px; }
.visu_slide .item .inner {width: 100%;max-width: 1200px;margin: 0 auto;padding-top: 20px;color: #fff;font-family: 'Nanum Square'; text-align:right; }
.visu_slide .item .inner h1 {font-size: 60px;display: inline-block;position: relative;font-weight: 700;line-height: 1.2em;/* color: black; */text-shadow: 3px 2px 4px #1d1d1d;}
.visu_slide .item .inner h2 {font-size: 36px;font-weight: 500;}
/*.visu_slide .item .inner h1:after {content: '';position: absolute;display: block;top: 25px;right: -80px;width: 240px;height: 14px;background: url('../images/main/main_visu_arr.png') center center no-repeat;}*/
.visu_wrap {width: 100%; position: relative;}
.owl-carousel .owl-stage-outer {width: 100%; z-index: 1;}

.visu_wrap .visu_slide.owl-carousel .owl-nav {position: absolute; width:1200px; left: 50%; top: 50%; height: 75px; margin-top: -37px; margin-left: -600px;}
.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-prev {position: absolute; z-index: 2; top:0;left: -120px;width: 35px;height: 75px;font-size: 0;background: url('../images/main/main_visu_left.png') center center no-repeat;}
.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-next {position: absolute; z-index: 2; top:0;right: -120px;width: 35px;height: 75px;font-size: 0;background: url('../images/main/main_visu_right.png') center center no-repeat;}
.visu_wrap .owl-carousel .owl-dots {position: absolute; width: 100%; height: 17px; bottom: 45px; text-align: center;}
.visu_wrap .owl-carousel button.owl-dot {position: relative; z-index: 2; width: 17px; height: 17px; margin-right: 5px; background: url('../images/main/main_visu_dot.png') center center no-repeat;}
.visu_wrap .owl-carousel button.owl-dot.active {z-index: 2; width: 17px; height: 17px; background: url('../images/main/main_visu_dot_on.png') center center no-repeat;}



.tit_box {position: relative; height: 50px; line-height: 50px; margin-bottom: 30px; text-align: center; font-family: 'Nanum Square';}
.tit_box .more_btn {position: absolute; right: 0; top: 0; display: inline-block; float: right; font-size: 18px; font-weight: 700; color: #000;}
.style-h2{display: block;color: #000;font-size: 40px;position: relative;text-align: center;line-height: 1;}
.list_wrap {margin-bottom: 50px;}
.notice_list li {width: 100%; height: 90px; margin-top: 10px; border: 1px solid #ccc; background: url('../images/main/main_notice_p2.png') right 25px center no-repeat; overflow: hidden;}
.notice_list li:hover {background: url('../images/main/main_notice_p.png') right 25px center no-repeat; border: 2px solid #a50034;}

/* 2019-01-30 수정내역 */
.notice_list li a {display: block; height: 100%; padding: 8px 0; padding-right: 150px;}
.notice_list li .date {float: right; height: 68px; line-height: 68px; text-align: center;}
.notice_list li .date h1 {font-size: 45px; margin: 0; line-height: 1; color: #3b51ac;}
.notice_list li .date p {font-size: 16px; color: #a7a7a7;}
.notice_wrap {margin-top: 30px;}
.notice_list li .con {float: left; width: 85%; padding-left: 30px;}
/* 2019-01-30 수정내역 */
/*.notice_list li a {display: block; height: 100%; padding: 20px 0; padding-right: 200px;}
.notice_list li .date {float: left; width: 140px; height: 100%; text-align: center;}
.notice_list li .date h1 {font-size: 45px; margin: 0; line-height: 1; color: #3b51ac;}
.notice_list li .date p {font-size: 16px; color: #a7a7a7;}
.notice_wrap {margin-top: 30px;}*/
.notice_list li .con p {height: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice_list li .con .con1,.notice_list li .con .con2 {height: 37px; line-height: 37px;}
.notice_list li .con .con1 p {font-weight: 700; color: #000;}
.notice_list li:hover .con .con1 p {color: #a50034; text-decoration: underline;}
.notice_list li .con .con2 p {color: #707070;}
.notice_list li .con .sort {float: left; width: 67px; height: 37px; line-height: 37px; margin-right: 10px; border: 1px solid #3b51ac; text-align: center; color: #3b51ac;}

.gallery_wrap {padding-top: 40px; padding-bottom: 40px; background: #f7f7f7;}
.gallery_slide {width: 100%; max-width: 1200px; margin: 0 auto;	}


.media_list .owl-item > div > a:hover .txt_box .tit {text-decoration:underline; color:#a50034;}
.media_list .owl-item > div > a:hover .img_box, .media_list > div > a:hover .txt_box {/* border-color:#3b51ac; */}
/*.media_list .owl-item > div:hover .over_bg{position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(59, 81, 172, 0.75) url('/images/main/list_plus.png') center center no-repeat; z-index: 2;}*/
.media_list .owl-item > div:hover .over_bg{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(165, 0, 52, 0.65); z-index: 2;}
.media_list .owl-item > div:hover .over_bg:before {position: absolute; top:50%; left: 50%; margin-left:-60px; margin-top: -27px; line-height: 55px; display:block; width:120px; height:55px; border: 1px solid #fff; content: 'VIEW MORE'; text-align:center; color:#fff; }
.media_list .owl-item .inner_box {position: relative;}
.gallery_slide .txt_box {padding: 7px 10px; color: #000;}
.media_list.owl-carousel .owl-nav {position: absolute;top:50%;left: 0;width: 100%;max-width: 1200px;height: 73px;margin-top: -45px;}
.media_list.owl-carousel .owl-nav .owl-prev {position: absolute; left: -70px; width: 30px; height: 71px; font-size: 0; background: url('../images/main/gallery_slide_left.png') center center no-repeat;}
.media_list.owl-carousel .owl-nav .owl-next {position: absolute; right: -70px; width: 30px; height: 71px; font-size: 0; background: url('../images/main/gallery_slide_right.png') center center no-repeat;}
/* 중단점 mobile:~700,tablet:~1200,pc:~1201 */

/* tablet */
@media (max-width:1500px) { 
	.visu_slide .item {height: 400px;}	
	.visu_slide .item .inner {padding-top: 20px; text-align:right;}
	.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-next {right: -70px;}
	.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-prev {left: -70px;}
}



@media (max-width:1200px) {
	.tabletshow{display: none;}
	.tabletshow{display: block;}

	
	/*container01*/
	.visu_slide .item {height: 255px;}
	.visu_slide .item .inner {padding: 20px 30px 0; text-align:center;}
	.visu_slide .item .inner h1 {font-size: 24px;}
	.visu_slide .item .inner h2 {font-size: 14px;}
	.visu_slide .item .inner h1:after {  top: 11px; right: -30px; width: 98px;    height: 5px;    background: url(../images/main/main_visu_arr.png) right center no-repeat; background-size: auto 100%; }
	
	.tit_box {margin-bottom: 20px;}
	.notice_wrap {padding: 0 18px;}
	.notice_list li {background: none;}
	.notice_list li:hover {background: none;}
	.notice_list li a {padding-right: 20px;}
	/*.notice_list li .date {width: 100px;}
	.notice_list li .con .con1 {font-size: 18px;}
	.notice_list li .con .con2 {font-size: 16px;}*/
	/* 2019-01-30 수정내역 */
	.notice_list li .con {float: left; width: 80%; padding-left: 20px;}
	.notice_list li .date {width: 20%;}
	/* 2019-01-30 수정내역 */
	.notice_list li .date h1 {color: #a7a7a7;}
	.notice_list li:hover  .date h1 {color: #3b51ac; }
	.gallery_wrap {padding: 40px 50px;}
	.media_list.owl-carousel .owl-nav {top: 0; height: 27px; margin-top: -66px;}
	.media_list.owl-carousel .owl-nav .owl-next {width: 15px; height: 27px;  right: -17px;   background: url(../images/main/m_gallery_slide_right.png) center center no-repeat;}
	.media_list.owl-carousel .owl-nav .owl-prev {width: 15px; height: 27px; left: -17px;   background: url(../images/main/m_gallery_slide_left.png) center center no-repeat;}
}


/* mobile */
@media (max-width: 699px) {
	
	/*container02*/
	.joinBanner p{padding-top: 55px;margin-right: 0;width:340px;height: 100%;text-align: right;}
	.joinBannerBtn{margin-right: 0;top: 96px;margin-right: -100px;margin-right: -142px;}

	
	/*container04*/
	.container04 > div{float: none;width: 100%;margin-right: 0;}
	.container04 .bx-wrapper img{height: auto;}
	.toDayBoxWrap{margin-top: 30px;}

	
	/*container05*/
	.mediaWrap h3{position: static;top: auto;margin-bottom: 26px;}
	.mediaGalleryWrap{width: 100%;position: relative;z-index: 2;}
	.mediaImgList{/* left: 800px; */top: 70px;width: 100%;left: 0;}
	.mediaGalleryWrap img{width: 100%;height: auto;}
	.mediaImgList{padding-top: 0;overflow: visible;}
	.mediaImgList .bx-wrapper .bx-controls-direction a{top: -70px;}
	.mediaImgList .bx-wrapper .bx-prev{left: auto;right: 50px;}
	.mediaImgList .bx-wrapper .bx-next{left: auto;right: 0;}
	.mediaImgList .bx-wrapper .bx-next, .mediaImgList .bx-wrapper .bx-next:hover, .mediaImgList .bx-wrapper .bx-next:focus{left: auto;}
}

@media (max-width: 480px) {
	/* 2019-01-30 수정내역 */
	.notice_list li .con {padding-left: 10px;}
	.notice_list li .con .sort {width: 50px;}
	.notice_list li .con .con1 {font-size: 16px;}
	.notice_list li .con .con2 {font-size: 15px;}
	.notice_list li .con {width: 75%;}
	.notice_list li .date {width: 21%;}
	/* 2019-01-30 수정내역 */
}