@charset "utf-8";
/* CSS Document */


/* 통합검색 버튼 사이트맵 메뉴 */
.ect_box {display: flex; gap: 25px; align-items: center;}
.ect_box .total_search_btn img {transition: all 0.3s ease;} 
.pc_menuAll_btn {width: 30px; height: 25px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.pc_menuAll_btn span {display: block; height: 2px; background: #fff; transition: all 0.3s ease;}
.pc_menuAll_btn span:first-of-type, .pc_menuAll_btn span:last-of-type {width: 100%;}
.pc_menuAll_btn span:nth-of-type(2) {width: 80%;}
.pc_menuAll_btn:hover span:nth-of-type(2) {width: 100%; transition: 0.3s;}



/* 통합검색 */
.total_search_box {position: absolute; top: 100%; left: 0; z-index: 100; padding: 3% 0; background: #2c6db8; width: 100%; margin: 0px auto; display: flex; align-items: center; justify-content: center; display: none;}
.total_search_box.active {display: flex;}
.total_search_box form {width: 870px; margin: 0px auto;}
.total_srchBox {width: 100%; padding: 10px; border-radius: 50px; background: #fff; display: flex; gap: 10px; align-items: center; justify-content: center;}
.total_srchBox label.total_tl {font-size: 18px; font-weight: 900;}
.total_srchBox input[type='text'] {width: 80%; border: 0px;}
.total_srchBox button.srchBtn {width: 30px; height: 30px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Szrahvpba01.cat) no-repeat center center; background-size: cover;}

div.btnCloseBox > button > img {margin-bottom: 0px !important }

/* 메인 슬라이드 */
.main-slide-wrap {width: 100%; background-color: #0e7bbe; height: 623px; position: relative;}
.main-slide-wrap .bg-yellow-box {float: left; width: calc(100% - 1138px); height: 100%; padding-right: 50px;}
.main-slide-wrap .bg-yellow-box:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-slide-wrap .main-slide-box {float: right; width: 100%; height: 100%;}

/*노란텍스트*/
.main-slide-wrap .bg-yellow-box .in-b {float: right; max-width: 350px; height: 100%; text-align: right; padding:70px 0 70px; position: relative;}
.main-slide-wrap .bg-yellow-box .txt-box {}
.main-slide-wrap .bg-yellow-box .txt-box h2 {font-size: 47px; color: #fff; font-family: 'Montserrat'; line-height: 57px; font-weight: 600; margin:0 0 20px;}
.main-slide-wrap .bg-yellow-box .txt-box h2 br {line-height: 57px;}
.main-slide-wrap .bg-yellow-box .txt-box h4 { font-size: 28px; color: #fff; line-height: 1; font-weight: 500; margin:0 0 20px;}
.main-slide-wrap .bg-yellow-box .txt-box h2 br {line-height: 1.3;}
.ma-slide-nor-txt .txt-1{font-size:15px;}
.ma-slide-nor-txt .txt-2{font-size:20px;}

/*슬라이드 버튼*/
.main-slide-wrap .bg-yellow-box .s-btn-box {position: absolute; bottom: 55px; right: 0; width: 100%; height: 20px;}
/*페이지*/
.main-slide-wrap .bg-yellow-box .paging-ma-slide {display: inline-block; height: 100%; vertical-align: middle; text-align: right; padding: 8px 10px 0 0;}
.main-slide-wrap .swiper-pagination-bullet {width: 15px; height: 15px; border:2px solid #fff; background-color: transparent; margin:0 3px; display: inline-block; vertical-align: top; opacity: 1;}
.main-slide-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff;}
/*버튼*/
.main-slide-wrap .bg-yellow-box .bt-b {display: inline-block; height: 100%; vertical-align: middle;}
.main-slide-wrap .bg-yellow-box .btn-ma-s {width: 20px;height: 20px;text-align: center;}
.main-slide-wrap .bg-yellow-box .btn-ma-s i {font-size: 28px; vertical-align: top; margin-top: -2px; color: #fff;}
.main-slide-wrap .bg-yellow-box .btn-ma-s img {vertical-align: top; margin-top: 2px;}

.ma-pau-line {display:inline-block; width:3px; height:15px; background-color:#fff; margin-left:5px; margin-top:5px;}
.ma-pau-line:first-of-type {margin-left:0;}

/*슬라이드박스*/
.main-slide-wrap .main-slide-box .swiper-wrapper {width: 100%; height: 100%;}
.main-slide-wrap .main-slide-box .swiper-slide {width: 100%; height: 100%;}
.main-slide-wrap .main-slide-box .swiper-slide a {display:block; width: 100%; height: 100%;}
.main-slide-wrap .main-slide-box .swiper-slide .txt-b {display: none;}
.main-slide-wrap .main-slide-box .swiper-slide .img-box {display: block; width: 100%; height: 100%; position: relative; overflow:hidden;}
.main-slide-wrap .main-slide-box .swiper-slide .img-box img {min-width: 100%; min-height: 100%;}
.main-slide-wrap .main-slide-box .swiper-slide a:focus {border:2px solid red;} 



@media screen and (max-width:1500px){
	/* 메인 슬라이드 */
	.main-slide-wrap {height: auto;}
	.main-slide-wrap .bg-yellow-box {float: none; width: 100%; height: auto; padding-right: 50px;}
	.main-slide-wrap .main-slide-box {float: none; width: 100%; height: auto;}

	
	/*노란텍스트*/
	.main-slide-wrap .bg-yellow-box .in-b {float: none; max-width: 100%; height: auto; padding:40px 0 50px;}
	.main-slide-wrap .bg-yellow-box .txt-box {}
	.main-slide-wrap .bg-yellow-box .txt-box h2 {font-size: 40px; line-height: 50px;}
	.main-slide-wrap .bg-yellow-box .txt-box h2 br {line-height: 50px;}
	.main-slide-wrap .bg-yellow-box .txt-box h4 {font-size: 23px;}

	/*슬라이드 버튼*/
	.main-slide-wrap .bg-yellow-box .s-btn-box {bottom: 25px;}

	/*슬라이드박스*/
	.main-slide-wrap .main-slide-box .swiper-wrapper {}
	.main-slide-wrap .main-slide-box .swiper-slide {}
	.main-slide-wrap .main-slide-box .swiper-slide a {}
	.main-slide-wrap .main-slide-box .swiper-slide a:focus {border:1px solid red;} 
}


@media screen and (max-width:1000px){
	/*노란텍스트*/
	.main-slide-wrap .bg-yellow-box {padding-right: 30px;}
	.main-slide-wrap .bg-yellow-box .in-b {padding:20px 0 40px;}
	.main-slide-wrap .bg-yellow-box .txt-box {}
	.main-slide-wrap .bg-yellow-box .txt-box h2 {font-size: 20px; line-height: 20px; margin-bottom: 10px;}
	.main-slide-wrap .bg-yellow-box .txt-box h2 br {display:none; line-height: 20px;}
	.main-slide-wrap .bg-yellow-box .txt-box h4 {font-size: 15px;}
	.main-slide-wrap .bg-yellow-box .txt-box h4 br {display: none;}
	
}







/* 메인 캘린더 */
.main-calendar-wrap {width: 100%; background-color: #4e4e4e; padding: 20px 0 20px;}
.main-calendar-wrap .inner1400 {}

.main-calendar-wrap .year-b {float: left; width: 160px;}
.main-calendar-wrap .day-b {float: left; width: calc(100% - 300px); padding-left: 10px; position: relative;}
.main-calendar-wrap .ca-clo-btn-b {float: left; width: 140px; padding-left: 10px; text-align: right;}

/*년도*/
.main-calendar-wrap .year-b {padding: 0 23px; position: relative;}
.main-calendar-wrap .year-b .btn-m-cal {position: absolute; top: 10px; width: 20px; height: 20px;}
.main-calendar-wrap .year-b .btn-m-cal i {font-size: 20px; color: #fff;}
.main-calendar-wrap .year-b .btn-m-cal.prev {left: 5px;}
.main-calendar-wrap .year-b .btn-m-cal.next {right: 5px;}
.main-calendar-wrap .year-b .p-year {text-align:center; font-size: 23px; color: #fff; font-family: 'Roboto'; font-weight: 500; line-height: 23px;}
.main-calendar-wrap .year-b .p-year b {font-weight: 500; color: #fedd00;}

/*날짜*/
.main-calendar-wrap .day-b .cal-day-ul {width: 100%; display: table; margin-top: 5px;}
.main-calendar-wrap .day-b .cal-day-ul li {display: table-cell; position: relative;}
.main-calendar-wrap .day-b .cal-day-ul li a {display: block; width: 26px; height: 26px; text-align: center; line-height: 26px; color: #fff; font-size: 15px; font-weight: 500; font-family: 'Roboto'; }
.main-calendar-wrap .day-b .cal-day-ul li.dd a {background-color: #fec93a; color:#222; font-weight:500;}
.main-calendar-wrap .day-b .cal-day-ul li.dd a p {color:#222; font-weight:500;}
.main-calendar-wrap .day-b .cal-day-ul li.dd.active a {background-color: #222; color:#fff; font-weight:500;}
.main-calendar-wrap .day-b .cal-day-ul li.dd.active a p { color:#fff; font-weight:500;}
.main-calendar-wrap .day-b .cal-day-ul li.active a {background-color: #222; color:#fff; font-weight:500;}
.main-calendar-wrap .day-b .cal-day-ul li.active a p { color:#fff; font-weight:500;}


/*버튼*/
.main-calendar-wrap .ca-clo-btn-b { margin-top: 5px; }
.main-calendar-wrap .ca-clo-btn-b .btn-cal-view {width: 77px; height: 27px; color: #fff; font-size: 14px; color: #fff; font-weight: 500; border:1px solid #fff; transition: all 0.25s ease;}
.main-calendar-wrap .ca-clo-btn-b .btn-cal-view:hover,
.main-calendar-wrap .ca-clo-btn-b .btn-cal-view:focus {background-color: #fff; color: #222;}
.main-calendar-wrap .ca-clo-btn-b .btn-cal-close {width: 27px; height: 27px; margin-left: 10px;}
.main-calendar-wrap .ca-clo-btn-b .btn-cal-close i {color: #fff; font-size: 22px;}


/*날짜 일정 팝업 - pc*/
.ma-cal-list-pop {display:none; position: absolute; z-index: 1000; background-color: #f7f8fa; border:1px solid #ddd; width: 326px; bottom: 130%; left:0; margin-left: -163px;}
.ma-cal-list-pop:before {content:""; position: absolute; left:calc(50% - 9px); bottom:-9px; background-color: #f7f8fa; width: 15px; height: 15px; border:1px solid #ddd; transform: rotate(45deg); border-top: none; border-left: none; z-index: 1001;}
.ma-cal-list-pop .top {width: 100%; height: 37px; background-color: #695e5a;}
.ma-cal-list-pop .top:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.ma-cal-list-pop .top .p-day {float: left; height: 100%; width: calc(100% - 37px); padding: 0 20px; line-height: 37px; font-size: 20px; color: #fff; letter-spacing: 0;}
.ma-cal-list-pop .top .p-day b {color: #fecc0d;}

.ma-cal-list-pop .top .btn-clo-p {float: right; height: 100%; width: 37px; background-color: #15191e; transition: all 0.25s ease;}
.ma-cal-list-pop .top .btn-clo-p i {color: #fff; font-size: 20px; margin:2px 0 0;}
.ma-cal-list-pop .top .btn-clo-p:hover,
.ma-cal-list-pop .top .btn-clo-p:focus {background-color: #631e1e;}

.ma-cal-list-pop .con-b {width: 100%; height: 270px; overflow-y: scroll; padding: 0 20px; position: relative; z-index: 1002;}
.ma-cal-list-pop .con-b .one {padding: 20px 0; border-top:1px solid #ddd;}
.ma-cal-list-pop .con-b .one:first-of-type {border-top: none;}
.ma-cal-list-pop .con-b .one .tit {font-size: 16px; font-weight: 500; color: #333; line-height: 1.3; margin-bottom: 3px;}
.ma-cal-list-pop .con-b .one .da {font-size: 15px; line-height: 1.5; color: #666;}
.ma-cal-list-pop .con-b .one .mor-btn {margin-top: 7px; min-width: 80px; height: 27px; padding: 0 5px; color: #fff; font-size: 15px; transition: all 0.25s ease; background-color: #959595;}
.ma-cal-list-pop .con-b .one .mor-btn:hover,
.ma-cal-list-pop .con-b .one .mor-btn:focus {background-color: #555;}

/*날짜 일정 팝업 - 모바일*/
.ma-cal-list-pop-mobile {display: none;}


@media screen and (max-width:1150px){
	/*날짜*/
	.main-calendar-wrap .day-b {}
	.main-calendar-wrap .day-b ul {display: block !important;}
	.main-calendar-wrap .day-b ul li {display: inline-block !important;}
}


@media screen and (max-width:1000px){
	/* 메인 캘린더 */
	.main-calendar-wrap {padding: 1px 0 0px;}
	.main-calendar-wrap .inner1400 {padding:1px 0 0;}

	.main-calendar-wrap .year-b {width: 130px; padding-bottom: 12px;}
	.main-calendar-wrap .day-b {width: calc(100% - 130px); overflow-x: scroll; margin-top: 5px; padding-bottom: 12px;}
	.main-calendar-wrap .ca-clo-btn-b {display: none;}

	/*년도*/
	.main-calendar-wrap .year-b {padding: 0px 18px; margin-top: 10px;}
	.main-calendar-wrap .year-b .btn-m-cal {top: 5px; width: 20px; height: 20px;}
	.main-calendar-wrap .year-b .btn-m-cal i {font-size: 15px; color: #fff;}
	.main-calendar-wrap .year-b .btn-m-cal.prev {left: 5px;}
	.main-calendar-wrap .year-b .btn-m-cal.next {right: 5px;}
	.main-calendar-wrap .year-b .p-year {font-size: 18px; line-height: 20px;}
	.main-calendar-wrap .year-b .p-year b {font-weight: 500; color: #fedd00;}

	/*날짜*/
	.main-calendar-wrap .day-b .cal-day-ul {width: 840px; margin-top: 5px;}
	.main-calendar-wrap .day-b .cal-day-ul li {margin:0 2px;}
	.main-calendar-wrap .day-b .cal-day-ul li a {width: 20px; height: 20px; line-height: 19px; font-size: 13px; font-weight: 400;}
	.main-calendar-wrap .day-b .cal-day-ul li.dd a {}
	.main-calendar-wrap .day-b .cal-day-ul li.dd.active a {background-color: #222;}
	.main-calendar-wrap .day-b .cal-day-ul li.active a {background-color: #222;}

	/*날짜 일정 팝업 - pc*/
	.ma-cal-list-pop {display:none !important;}

	/*날짜 일정 팝업 - 모바일*/
	.ma-cal-list-pop-mobile {clear:both; display: block; background-color: #fafafa; border-bottom: 1px solid #ddd;}

	.ma-cal-list-pop-mobile .con-b {height: 160px; overflow-y: scroll; padding: 10px 20px; position: relative; z-index: 1002;}
	.ma-cal-list-pop-mobile .con-b .one {padding: 15px 0; border-top:1px solid #ddd;}
	.ma-cal-list-pop-mobile .con-b .one:first-of-type {border-top: none;}
	.ma-cal-list-pop-mobile .con-b .one .tit {font-size: 15px; font-weight: 500; color: #333; line-height: 1.3; margin-bottom: 3px;}
	.ma-cal-list-pop-mobile .con-b .one .da {font-size: 13px; line-height: 1.5; color: #666;}
	.ma-cal-list-pop-mobile .con-b .one .mor-btn {margin-top: 7px; min-width: 80px; height: 25px; padding: 0 5px; color: #fff; font-size: 12px; transition: all 0.25s ease; background-color: #959595;}
	.ma-cal-list-pop-mobile .con-b .one .mor-btn:hover,
	.ma-cal-list-pop-mobile .con-b .one .mor-btn:focus {background-color: #555;}

	
}





/* 메인 NOTICE */
.main-notice-wrap {padding: 76px 0 55px;}
.main-notice-wrap .inner1400 {}

.main-notice-wrap .title-box {margin:0 0 35px; position: relative; -webkit-transition: all 0.5s 0.1s ease; transition: all 0.5s 0.1s ease; opacity: 0; transform: translateY(20px); }
.main-notice-wrap .title-box:before {content: ""; width: 100%; height: 1px; background-color:
#bbb; z-index: -1; position: absolute; bottom: 13px; left: 0;}
.main-notice-wrap .title-box:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-notice-wrap .title-box h2 {font-size: 48px; font-weight: bold; color: #222; letter-spacing: 0;}
.main-notice-wrap .title-box h5 {font-size: 19px; color: #555655; letter-spacing: -0.01em; display: inline-block; background-color: #fff; padding-right: 20px;}


/* 글자 애니메이션*/
.main-notice-wrap.on .title-box {opacity: 1; transform: translateY(0); }



/*컨텐츠*/
.main-notice-wrap .content-box {width: 100%; height: 422px; -webkit-transition: all 0.5s 0.5s ease; transition: all 0.5s 0.5s ease; opacity: 0; transform: translateY(20px); }
.main-notice-wrap .content-box:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}


/* 컨텐츠 애니메이션*/
.main-notice-wrap.on .content-box {opacity: 1; transform: translateY(0); }



/*탭*/
.main-notice-wrap .content-box .no-tab-box {float: left; width: 36%; /* height: 100%; */ border:1px solid #ddd;}
.main-notice-wrap .content-box .no-tab-box .top-box {width: 100%; height: 50px; border-bottom: 1px solid #ddd;}
.main-notice-wrap .content-box .no-tab-box .top-box:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-notice-wrap .content-box .notice-tab {float:left; width:calc(100% - 49px); height: 100%;}
.main-notice-wrap .content-box .notice-tab li {float: left; width: 33.33%; height: 100%; border-right:1px solid #ddd;}
.main-notice-wrap .content-box .notice-tab li a {display: block; width: 100%; height: 100%; background-color: #f3f4f8; font-size: 17px; font-weight: 500; color: #333; line-height: 50px; text-align: center;}
.main-notice-wrap .content-box .notice-tab li.active {}
.main-notice-wrap .content-box .notice-tab li.active a {background-color: #0e7bbe; color: #fff;}

.main-notice-wrap .content-box .btn-more {float: right; width: 49px; height: 100%;}
.main-notice-wrap .content-box .btn-more i {font-size: 23px; color: #222;}

/*탭 리스트*/
.main-notice-wrap .content-box .no-tab-box .notice-tab_con {padding: 18px 30px;}
.main-notice-wrap .content-box .no-tab-box .notice-tab_con .one {}
.main-notice-wrap .content-box .no-tab-box .noti-list-ul {width: 100%;}
.main-notice-wrap .content-box .no-tab-box .noti-list-ul li {width: 100%; margin-top: 20px;}
.main-notice-wrap .content-box .no-tab-box .noti-list-ul li:first-child {margin-top: 0;}
.main-notice-wrap .content-box .no-tab-box .noti-list-ul li:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .sbj {float: left; width: calc(100% - 95px); padding-right:10px;}
.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .sbj a {display:block; width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 17px; color: #555;}
.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .date {float: right; width: 95px;font-size: 16px; font-family: 'Montserrat'; font-weight: 500; letter-spacing: 0; text-align: right;}
.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .sbj a:hover,
.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .sbj a:focus {text-decoration: underline; color: #222; font-weight: 500;}

/*포스터*/
.main-notice-wrap .content-box .poster-box {float: left; width: 20%; height: 100%; position: relative; margin-left: 2%;}
.main-notice-wrap .content-box .poster-box a {display: block; width: 100%; height: 100%; overflow:hidden;}
.main-notice-wrap .content-box .poster-box a img {min-width: 100%; min-height: 100%;}
.main-notice-wrap .content-box .poster-box a:focus {border:2px solid #3e437b;}

.main-notice-wrap .content-box .poster-box .half_ul {width: 100%;}
.main-notice-wrap .content-box .poster-box .half_ul li {margin-top: 24px;}
.main-notice-wrap .content-box .poster-box .half_ul li:first-child {margin-top: 0;}
.main-notice-wrap .content-box .poster-box .half_ul li a {display: block;}
.main-notice-wrap .content-box .poster-box .half_ul li a img {width: 100%;}

/*게시판*/
.main-notice-wrap .content-box .board-list-box {float: left; width: 40%; margin-left: 2%;}
.main-notice-wrap .content-box .board-list-box .one {float: left; width: 48%; margin-left: 4%;}
.main-notice-wrap .content-box .board-list-box .one:first-of-type {margin-left: 0;}
.main-notice-wrap .content-box .board-list-box .one a {display: block;}
.main-notice-wrap .content-box .board-list-box .one .img-box {margin:0 0 20px; width: 100%; height: 198px; overflow: hidden; position: relative;}
.main-notice-wrap .content-box .board-list-box .one .img-box img {min-width: 100%; min-height: 100%; transition: all 0.25s ease;}
.main-notice-wrap .content-box .board-list-box .one .txt-box h2 { font-size: 18px; font-weight: 500; color: #444; margin:0 0 20px;
	display:-webkit-box;
	height:50px; /* 높이값 추가 */
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:2; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;
}
.main-notice-wrap .content-box .board-list-box .one .txt-box h5 {font-size: 13px; font-weight: 400; color: #555; line-height: 1.7; margin:0 0 15px;
	display:-webkit-box;
	height:70px; /* 높이값 추가 */
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:3; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;
}
.main-notice-wrap .content-box .board-list-box .one .txt-box .date {margin-top: 20px; font-size: 17px; color: #333; font-weight: 500; font-family: 'Montserrat'; }

.main-notice-wrap .content-box .board-list-box .one a:hover h2,
.main-notice-wrap .content-box .board-list-box .one a:focus h2 {text-decoration: underline;}
.main-notice-wrap .content-box .board-list-box .one a:hover .img-box img,
.main-notice-wrap .content-box .board-list-box .one a:focus .img-box img {transform: scale(1.07, 1.07);}



@media screen and (max-width:1200px){
	/*컨텐츠*/
	.main-notice-wrap .content-box {height: 357px;}

	/*탭 리스트*/
	.main-notice-wrap .content-box .no-tab-box .notice-tab_con {padding: 30px 30px 10px;}
	.main-notice-wrap .content-box .no-tab-box .notice-tab_con .one {}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul {}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul li {margin-top: 15px;}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .sbj a {font-size: 15px;}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .date {font-size: 15px;}

	/*게시판*/
	.main-notice-wrap .content-box .board-list-box .one .img-box {margin:0 0 15px; height: 150px;}
}



@media screen and (max-width:1000px){
	/* 메인 NOTICE */
	.main-notice-wrap {padding: 35px 10px 30px;}
	.main-notice-wrap .inner1400 {}

	.main-notice-wrap .title-box {margin:0 0 25px; opacity: 1; transform: translateY(0);}
	.main-notice-wrap .title-box:before {width: 0;}
	.main-notice-wrap .title-box h2 {font-size: 25px;}
	.main-notice-wrap .title-box h5 {font-size: 15px; padding-right: 0;}

	/*컨텐츠*/
	.main-notice-wrap .content-box {height: auto; opacity: 1; transform: translateY(0);}

	/*탭*/
	.main-notice-wrap .content-box .no-tab-box {float: none; width: 100%; margin-bottom: 15px;}
	.main-notice-wrap .content-box .no-tab-box .top-box {height: 40px;}
	.main-notice-wrap .content-box .notice-tab {width:calc(100% - 40px);}
	.main-notice-wrap .content-box .notice-tab li {}
	.main-notice-wrap .content-box .notice-tab li a {font-size: 13px; line-height: 40px;}

	.main-notice-wrap .content-box .btn-more {width: 40px; padding-top: 3px;}
	.main-notice-wrap .content-box .btn-more i {font-size: 18px;}

	/*탭 리스트*/
	.main-notice-wrap .content-box .no-tab-box .notice-tab_con {padding: 23px 20px 20px;}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul {}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul li {margin-top: 15px;}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .sbj {width: calc(100% - 70px); padding-right:5px;}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .sbj a {font-size: 13px;}
	.main-notice-wrap .content-box .no-tab-box .noti-list-ul li .date {width: 70px; font-size: 12px;}

	/*포스터*/
	.main-notice-wrap .content-box .poster-box {float: none; width: 100%; margin-left: 0%; margin-bottom: 15px;}
	.main-notice-wrap .content-box .poster-box a {}
	.main-notice-wrap .content-box .poster-box a img {width: 100%;}
	.main-notice-wrap .content-box .poster-box a:hover,
	.main-notice-wrap .content-box .poster-box a:focus {border:1px solid #3e437b;}

	/*게시판*/
	.main-notice-wrap .content-box .board-list-box {float: none; width: 100%; margin-left: 0%;}
	.main-notice-wrap .content-box .board-list-box .one a {}
	.main-notice-wrap .content-box .board-list-box .one .img-box {margin:0 0 15px; height: auto;}
	.main-notice-wrap .content-box .board-list-box .one .img-box img {}
	.main-notice-wrap .content-box .board-list-box .one .txt-box h2 {font-size: 16px; margin:0 0 10px;}
	.main-notice-wrap .content-box .board-list-box .one .txt-box h5 {font-size: 12px; margin:0 0 15px; height:60px;}
	.main-notice-wrap .content-box .board-list-box .one .txt-box .date {font-size: 14px;}

	.main-notice-wrap .content-box .board-list-box .one a:hover h2,
	.main-notice-wrap .content-box .board-list-box .one a:focus h2 {text-decoration: underline;}
	.main-notice-wrap .content-box .board-list-box .one a:hover .img-box img,
	.main-notice-wrap .content-box .board-list-box .one a:focus .img-box img {transform: scale(1.07, 1.07);}
}






/* 메인 SERVICE */
.main-service-wrap {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sznva%2Sot_znva_obgg_01.wct'); background-size: cover; background-position:center center; padding: 95px 0 80px;}
.main-service-wrap .inner1400 {}

.main-service-wrap .title-box {width: 100%; margin: 0 0 30px; -webkit-transition: all 0.5s 0.1s ease; transition: all 0.5s 0.1s ease; opacity: 0; transform: translateY(20px); }
.main-service-wrap .title-box:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.main-service-wrap .title-box h2 {font-size: 48px; font-weight: bold; color: #222; letter-spacing: 0; display: inline-block; position: relative;}
.main-service-wrap .title-box h2:before {content: ""; width:10px; height: 10px; border-radius: 50%; background-color: #3e427b; position: absolute; right: -20px; top: 15px; }
.main-service-wrap .title-box h5 {font-size: 19px; color: #555655; letter-spacing: -0.01em;}

.main-service-wrap .title-box .sns-u {padding:55px 0 0;}
.main-service-wrap .title-box .sns-u:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-service-wrap .title-box .sns-u li {float: left; margin-left: 10px;}
.main-service-wrap .title-box .sns-u li:first-child {margin-left: 0;}
.main-service-wrap .title-box .sns-u li a {display: block;}
.main-service-wrap .title-box .sns-u li .icon {vertical-align: middle; display: inline-block;}
.main-service-wrap .title-box .sns-u li .txt {vertical-align: middle; display: inline-block; padding-left: 5px; font-size: 16px;}
.main-service-wrap .title-box .sns-u li a:hover .txt,
.main-service-wrap .title-box .sns-u li a:focus .txt {font-weight: 500; text-decoration: underline;}

/* 글자 애니메이션*/
.main-service-wrap.on .title-box {opacity: 1; transform: translateY(0); }



/*컨텐츠*/
.main-service-wrap .content-box {width: 100%; height: 460px; -webkit-transition: all 0.5s 0.5s ease; transition: all 0.5s 0.5s ease; opacity: 0; transform: translateY(20px); }
.main-service-wrap .content-box:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.main-service-wrap .content-box .col {float: left; width: 32%; margin-left: 2%;}
.main-service-wrap .content-box .col:first-of-type {margin-left: 0%;}


/* 컨텐츠 애니메이션*/
.main-service-wrap.on .content-box {opacity: 1; transform: translateY(0); }



/*정보*/
.m-sr-intro-b {width: 100%; height: 274px; margin-bottom: 25px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sznva%2Svzt_freivpr_fhzhxOt.wct'); background-size: cover;}
.m-sr-intro-b a {display: block; width: 100%; height: 100%;}
.m-sr-intro-b .txt-b {padding: 47px 45px;}
.m-sr-intro-b .txt-b h2 {font-size: 24px; color: #fff; font-weight: 700; margin:0 0 7px;}
.m-sr-intro-b .txt-b h3 {font-size: 17px; color: #fff; font-weight: 500; margin:0 0 5px;}
.m-sr-intro-b .txt-b h4 {font-size: 16px; color: #c3c5e3; margin:0 0 15px;
	display:-webkit-box;
	height:45px; /* 높이값 추가 */
	overflow:hidden; /* 숨김처리 */
	text-overflow:ellipsis;
	-webkit-line-clamp:2; /*라인수 설정*/
	word-wrap:break-word;
	-webkit-box-orient:vertical;	
}
.m-sr-intro-b .txt-b .p-un {display: inline-block; font-size: 14px; color: #fff; padding:0 0 5px; border-bottom: 1px solid #a7a8b3;}

/*퀵메뉴*/
.m-sr-quick-b {width: 100%; height: 161px; background-color: #fff; border:1px solid #ddd; padding: 32px 20px;}
.m-sr-quick-b:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.m-sr-quick-b .lb {float: left; width: 96px;}
.m-sr-quick-b .rb {float: right; width: calc(100% - 96px); padding-left: 20px;}

.m-sr-quick-b .circle {width: 96px; height: 96px; border-radius: 50%; background-color: #f0f7ff; text-align: center; padding-top: 27px;}
.m-sr-quick-b .circle h2 {font-size: 16px; font-weight: 500; color: #222;}
.m-sr-quick-b .circle h5 {font-size: 12px; font-weight: 500; color: #3e427b; letter-spacing: 0;}

.m-sr-quick-b .qu-menu {width: 100%; margin-top: 10px;}
.m-sr-quick-b .qu-menu:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.m-sr-quick-b .qu-menu li {float: left; width: 33.33%; border-left:1px solid #ddd; padding: 5px 0;}
.m-sr-quick-b .qu-menu li:first-child {border-left: none;}
.m-sr-quick-b .qu-menu li a {display: block; width: 100%; text-align: center;}
.m-sr-quick-b .qu-menu li .icon {display: block; margin-bottom: 12px;}
.m-sr-quick-b .qu-menu li .txt {font-size: 15px; color: #444;}
.m-sr-quick-b .qu-menu li a:hover .txt,
.m-sr-quick-b .qu-menu li a:focus .txt {font-weight: 500; color: #222; text-decoration: underline;}

/*전시 행사장*/
.m-sr-event-b {width: 100%; background-color: #e7e9f6; border:1px solid #ddd; padding: 28px 32px; height: 460px;}
.m-sr-event-b .sbj-b {margin-bottom: 14px;}
.m-sr-event-b h2 {font-size: 24px; font-weight: 700; color: #222;}
.m-sr-event-b .list-b {width: 100%;}
.m-sr-event-b .list-b .one {width: 100%; background-color: #fff; margin-top: 9px; padding: 17px 40px 16px 17px; position: relative;}
.m-sr-event-b .list-b .one:first-of-type {margin-top: 0;}
.m-sr-event-b .list-b .one:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.m-sr-event-b .list-b .one .btn-more {position: absolute; right: 0; top: 0; width: 35px; height: 35px; background-color: #999; transition: all 0.25s ease;}
.m-sr-event-b .list-b .one .btn-more i {color: #fff; font-size: 20px; padding-top: 4px;}
.m-sr-event-b .list-b .one .s-b {float: left; width: 50px; /*padding-top: 10px;*/}
.m-sr-event-b .list-b .one .s-b h3 {font-size: 18px; font-weight: 500; color: #3e427b;}
.m-sr-event-b .list-b .one .s-b.en h3 {font-size: 16.5px; letter-spacing:-0.05em; }
.m-sr-event-b .list-b .one .c-b {float: left; width: calc(100% - 50px); border-left:1px solid #ddd; padding-left: 15px;}
.m-sr-event-b .list-b .one .c-b p {font-size: 15.5px; line-height: 1.6; color: #555; letter-spacing: -0.05em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.m-sr-event-b .list-b .one .c-b p b {font-weight: 500; color: #3e427b;}

/*전시행사장 색깔 분류*/
/*전시*/
.m-sr-event-b .list-b .one.exhibition {display:flex; align-items:center;}
.m-sr-event-b .list-b .one.exhibition .btn-more {background-color: #3e437c;}
.m-sr-event-b .list-b .one.exhibition .s-b h3 {color: #3e427b;}
.m-sr-event-b .list-b .one.exhibition .c-b p b {color: #3e437c;}
/*행사*/
.m-sr-event-b .list-b .one.event {}
.m-sr-event-b .list-b .one.event .btn-more {background-color: #92837e;}
.m-sr-event-b .list-b .one.event .s-b h3 {color: #695e5a;}
.m-sr-event-b .list-b .one.event .c-b p b {color: #f58220;}

.m-sr-event-b .list-b .one .btn-more:hover,
.m-sr-event-b .list-b .one .btn-more:focus {background-color: #555;}



/*찾아오시는길*/
.m-sr-comeWay-b {width: 100%; height: 217px; background-color: #fff; border:1px solid #ddd; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sznva%2Svzt_frnepuJnl_ot.cat'); background-repeat: no-repeat; background-position: right top; margin:0 0 28px;}
.m-sr-comeWay-b a {display: block; width: 100%; height: 100%; padding: 30px 35px;}
.m-sr-comeWay-b a .txt-b {}
.m-sr-comeWay-b a .txt-b h2 {font-size: 22px; font-weight: 600; color: #333; margin:0 0 15px;}
.m-sr-comeWay-b a .txt-b .p-b {font-size: 15px; font-weight: 500; color: #555; margin: 0 0 3px;}
.m-sr-comeWay-b a .txt-b .p-n {font-size: 14px; color: #777; margin:0 0 15px;}
.m-sr-comeWay-b a .txt-b .p-n:last-of-type {margin:0 0 0;}

.m-sr-comeWay-b a:focus  {border:1px solid #3e437b;}
.m-sr-comeWay-b a:hover h2,
.m-sr-comeWay-b a:focus h2 {text-decoration: underline;}

/*pr movie*/
.m-sr-prMovie-b {width: 100%; height: 215px; border:1px solid #ddd; position: relative;}
.m-sr-prMovie-b a {display: block; width: 100%; height: 100%;}
.m-sr-prMovie-b .video-b {display: block; width: 100%; height: 100%; position: relative;  overflow: hidden;}
.m-sr-prMovie-b .video-b img {min-width: 100%; min-height: 100%;}

/*pr movie 팝업*/
.black-prMovie-pop {display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%;z-index: 1500; background-color: rgba(0,0,0,0.7);}
.m-si-prMovie-popUp {display:none; position: fixed; left: 50%; top: 50%; width: 1000px; height: 600px; margin:-300px 0 0 -500px; z-index: 1600;}
.m-si-prMovie-popUp .btn-cl-vi-p {position: absolute; right: -70px; top: 0; }
.m-si-prMovie-popUp .btn-cl-vi-p i {color: #fff; font-size: 50px; text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.m-si-prMovie-popUp .video-box {width: 100%; height: 100%;}



@media screen and (max-width:1200px){
	/*퀵메뉴*/
	.m-sr-quick-b {padding: 32px 15px;}
	.m-sr-quick-b .lb {width: 85px;}
	.m-sr-quick-b .rb {width: calc(100% - 85px); padding-left: 10px;}

	.m-sr-quick-b .circle {width: 85px; height: 85px; padding-top: 25px;}
	.m-sr-quick-b .qu-menu li .txt {font-size: 13px; color: #444;}
}

@media screen and (max-width:1000px){
	/* 메인 SERVICE */
	.main-service-wrap {padding: 35px 10px 30px;}
	.main-service-wrap .inner1400 {}

	.main-service-wrap .title-box {margin: 0 0 20px; opacity: 1; transform: translateY(0);}
	.main-service-wrap .title-box .left {float: none; width: 100%;}
	.main-service-wrap .title-box .right {float: none; width: 100%;}

	.main-service-wrap .title-box h2 {font-size: 25px;}
	.main-service-wrap .title-box h2:before {width:7px; height: 7px; right: -15px; top: 10px; }
	.main-service-wrap .title-box h5 {font-size: 15px;}

	.main-service-wrap .title-box .sns-u {padding:15px 0 0;}
	.main-service-wrap .title-box .sns-u li {float: left; margin-left: 15px;}
	.main-service-wrap .title-box .sns-u li .icon {}
	.main-service-wrap .title-box .sns-u li .icon img {width: 25px;}
	.main-service-wrap .title-box .sns-u li .txt {padding-left: 3px; font-size: 13px;}

	/*컨텐츠*/
	.main-service-wrap .content-box {height: auto; opacity: 1; transform: translateY(0);}
	.main-service-wrap .content-box .col {float: none; width: 100%; margin-left: 0; margin-bottom: 15px;}
	.main-service-wrap .content-box .col:last-of-type {margin-bottom: 0;}

	/*정보*/
	.m-sr-intro-b {height: 250px; margin-bottom: 15px;}
	.m-sr-intro-b a {}
	.m-sr-intro-b .txt-b {padding: 40px 30px 20px;}
	.m-sr-intro-b .txt-b h2 {font-size: 20px; margin:0 0 7px;}
	.m-sr-intro-b .txt-b h3 {font-size: 14px; margin:0 0 5px;}
	.m-sr-intro-b .txt-b h4 {font-size: 14px; margin:0 0 15px;}
	.m-sr-intro-b .txt-b .p-un {font-size: 12px;}

	/*퀵메뉴*/
	.m-sr-quick-b {height: auto; padding: 20px 10px 20px;}
	.m-sr-quick-b .lb {float: none; width: 100%; margin: 0 0 20px; text-align: center; display: none;}
	.m-sr-quick-b .rb {float: none; width: 100%; padding-left: 0;}

	.m-sr-quick-b .circle {display:inline-block; width: 70px; height: 70px; padding-top: 15px;}
	.m-sr-quick-b .circle h2 {font-size: 14px;}
	.m-sr-quick-b .circle h5 {font-size: 10px;}

	.m-sr-quick-b .qu-menu {}
	.m-sr-quick-b .qu-menu li {border-left:1px solid #e0e0e0; padding: 0;}
	.m-sr-quick-b .qu-menu li .icon { margin-bottom: 10px;}
	.m-sr-quick-b .qu-menu li .icon img {width: 35px;}
	.m-sr-quick-b .qu-menu li .txt {font-size: 13px;}

	/*전시 행사장*/
	.m-sr-event-b {padding: 20px 20px; height: auto;}
	.m-sr-event-b .sbj-b {margin-bottom: 15px;}
	.m-sr-event-b h2 {font-size: 20px;}
	.m-sr-event-b .list-b {}
	.m-sr-event-b .list-b .one {padding: 15px 30px 13px 15px;}
	.m-sr-event-b .list-b .one .btn-more {width: 30px; height: 30px;}
	.m-sr-event-b .list-b .one .btn-more i {font-size: 17px; padding-top: 3px;}
	.m-sr-event-b .list-b .one .s-b {width: 40px;}
	.m-sr-event-b .list-b .one .s-b h3 {font-size: 15px;}
	.m-sr-event-b .list-b .one .c-b {width: calc(100% - 40px); padding-left: 10px;}
	.m-sr-event-b .list-b .one .c-b p {font-size: 13px;}

	/*찾아오시는길*/
	.m-sr-comeWay-b {height: auto; background-size: 120px auto; margin:0 0 15px;}
	.m-sr-comeWay-b a {display: block; width: 100%; height: 100%; padding: 30px 20px;}
	.m-sr-comeWay-b a .txt-b {}
	.m-sr-comeWay-b a .txt-b h2 {font-size: 20px; margin:0 0 10px;}
	.m-sr-comeWay-b a .txt-b .p-b {font-size: 14px;}
	.m-sr-comeWay-b a .txt-b .p-n {font-size: 13px; margin:0 0 15px;}

	/*pr movie*/
	.m-sr-prMovie-b {height: auto;}
	.m-sr-prMovie-b .video-b {}
	.m-sr-prMovie-b .video-b img {}

	/*pr movie 팝업*/
	.m-si-prMovie-popUp {left: 5%; top: 50%; width: 90%; height: 300px; margin:-150px 0 0;}
	.m-si-prMovie-popUp .btn-cl-vi-p {right: 0; top: -40px; }
	.m-si-prMovie-popUp .btn-cl-vi-p i {font-size: 30px;}
}


/*전시 · 행사장 */
.exh-tit-para {font-size: 18px; font-weight: 500; color: #aaa; margin-bottom: 10px;}
.exh-tit-para.purple {color: #646aa5;}
.exh-tit-para.blue {color: #0e7bbe;}

.exhi-in-ul {width: 100%;}
.exhi-in-ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.exhi-in-ul li {float: left; width: 23.5%; margin-left: 2%;}
.exhi-in-ul li:first-child {margin-left: 0%;}
.exhi-in-ul li > a {display:block; min-height: 90px; background-color: #fff; border:1px solid #ddd; text-align: center; padding-top: 15px; transition: all 0.25s ease;}
.exhi-in-ul li > a .exh-sbj {font-size: 17px; font-weight: 500; color: #0e7bbe; margin-bottom: 13px;}
.exhi-in-ul li > a .exh-icon {}
.exhi-in-ul li > a .exh-icon i {font-size: 17px; color: #0e7bbe;}
.exhi-in-ul li > a:hover,
.exhi-in-ul li > a:focus {background-color:#0e7bbe;}
.exhi-in-ul li > a:hover .exh-sbj,
.exhi-in-ul li > a:focus .exh-sbj {color:#fff;}
.exhi-in-ul li > a:hover .exh-icon i,
.exhi-in-ul li > a:focus .exh-icon i {color:#fff;}


@media screen and (max-width:1000px){
	/*전시 · 행사장 */
	.exh-tit-para {font-size: 16px;}

	.exhi-in-ul {}
	.exhi-in-ul li > a { min-height: 80px; padding-top: 15px;}
	.exhi-in-ul li > a .exh-sbj {font-size: 15px; margin-bottom: 7px;}
	.exhi-in-ul li > a .exh-icon i {font-size: 15px;}
}


/* 특별전시장 */
.exhi-special {width:100%;}
.exhi-special::after {content:""; display:block; clear:both;}
.exhi-special li {float:left; width:49%; margin-left:2%; text-align:center;}
.exhi-special li a {display:block; padding: 10px 10px 5px; min-height: 110px;  background-color:#487cb1; transition:all 0.25s ease;}
.exhi-special li:first-child {margin-left:0%;}
.exhi-special li:first-child a {background-color:#636aa6;}
.exhi-special li h2 {font-size:17px; color:#fff; font-weight: 500; margin-bottom: 5px;}
.exhi-special li .normal {font-size:12px; color:rgba(255,255,255,0.75); font-weight:400; margin-bottom: 10px; min-height:35px;}
.exhi-special li .icon i {font-size:17px; color:#fff;}

.exhi-special li a:hover {background-color:#1868bb;}
.exhi-special li:first-child a:hover {background-color:#525dbd;}

@media screen and (max-width:1000px){
    
    .exhi-special li h2 {font-size:15px;}
    .exhi-special li .normal br {display:none;}
    .exhi-special li a {min-height: 130px;}
}

/**** 2020-06-29 메인 중간 SNS 박스 ****/
.main-sns1-wrap {width: 100%; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sznva%2Svpba_znva_arj_faf_ot.wct') no-repeat bottom center; background-size: cover; padding: 58px 0 60px;}
.main-sns1-wrap .inner1400 {}
.main-sns1-wrap .white_box {background-color: #ffffff; padding: 45px 30px 25px;}
.main-sns1-wrap .white_box .tit-box {min-height: 25px; display: flex; align-items: center; margin: 0 0 12px;}
.main-sns1-wrap .white_box .tit-box h2 {margin-right: auto; font-size: 20px; font-weight: 500; color: #222;}
.main-sns1-wrap .white_box .tit-box .btn_cardNews {margin-left: 5px;}
.main-sns1-wrap .white_box .tit-box .btn_cardNews:first-of-type {margin-left: 0;}
.main-sns1-wrap .card-news-w {float: left; width: 33.404%; opacity: 0; transition: all 0.8s 0.0s ease; transform: translateY(50px);}
.main-sns1-wrap .rb_sns_box {float: right; width: 64.255%; opacity: 0; transition: all 0.8s 0.6s ease; transform: translateY(50px);}
.main-sns1-wrap .rb_sns_box::after {content: ""; display: block; clear: both;}
.main-sns1-wrap .rb_sns_box .col {float: left; width: 48.275%; margin-left: 3.45%;}
.main-sns1-wrap .rb_sns_box .col:first-of-type {margin-left: 0;}

.main-sns1-wrap .sns_in_ul {width: 100%;}
.main-sns1-wrap .sns_in_ul::after {content: ""; display: block; clear: both;}
.main-sns1-wrap .sns_in_ul li {float: left; width: 48.15%; margin-left: 3.7%; margin-top: 15px; height: 195.14px;}
.main-sns1-wrap .sns_in_ul li:nth-of-type(1) {margin-top: 0;}
.main-sns1-wrap .sns_in_ul li:nth-of-type(2) {margin-top: 0;}
.main-sns1-wrap .sns_in_ul li:nth-of-type(2n+1) {margin-left: 0;}
.main-sns1-wrap .sns_in_ul li a {display: block; width: 100%; height: 100%; position: relative;}
.main-sns1-wrap .sns_in_ul li a .cate {position: absolute; left:0; top: 0; z-index: 10;}
.main-sns1-wrap .sns_in_ul li a .img_b {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.main-sns1-wrap .sns_in_ul li a .img_b img {min-width: 100%; min-height: 100%; transition: all 0.25s ease;}
.main-sns1-wrap .sns_in_ul li a:hover .img_b img {transform: scale(1.12);}

.youtube-w  .con_box {position: relative;}
.youtube-w  .con_box .youtu_img_box {position: relative; z-index: 10;}
.youtube-w  .con_box .youtu_video_box {position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 15;}


.main-sns1-wrap.on .card-news-w {opacity: 1; transform: translateY(0);}
.main-sns1-wrap.on .rb_sns_box {opacity: 1; transform: translateY(0);}




@media screen and (max-width:1000px){
	/**** 메인 중간 SNS 박스 ****/
	.main-sns1-wrap {padding: 35px 0px 35px;}
	.main-sns1-wrap .inner1400 {}
	.main-sns1-wrap .white_box {padding: 20px 18px; margin-top: 20px;}
	.main-sns1-wrap .white_box:first-of-type {margin-top: 0;}
	.main-sns1-wrap .white_box .tit-box {min-height: 23px; display: flex; margin: 0 0 10px;}
	.main-sns1-wrap .white_box .tit-box h2 {font-size: 16px;}
	.main-sns1-wrap .white_box .tit-box .btn_cardNews {margin-left: 5px;}
	.main-sns1-wrap .white_box .tit-box .btn_cardNews:first-of-type {margin-left: 0;}
	.main-sns1-wrap .card-news-w {float: none; width: 100%; opacity: 1; transform: translateY(0);}
	.main-sns1-wrap .rb_sns_box {float: none; width: 100%; opacity: 1; transform: translateY(0);}
	.main-sns1-wrap .rb_sns_box .col {float: none; width: 100%; margin-left: 0%; margin-top: 20px;}
	.main-sns1-wrap .rb_sns_box .col:first-of-type {margin-top: 0;}

	.main-sns1-wrap .sns_in_ul {width: 100%;}
	.main-sns1-wrap .sns_in_ul::after {content: ""; display: block; clear: both;}
	.main-sns1-wrap .sns_in_ul li {float: left; width: 48.15%; margin-left: 3.7%; margin-top: 15px; height: 153.59px; }
	.main-sns1-wrap .sns_in_ul li:nth-of-type(1) {margin-top: 0;}
	.main-sns1-wrap .sns_in_ul li:nth-of-type(2) {margin-top: 0;}
	.main-sns1-wrap .sns_in_ul li:nth-of-type(2n+1) {margin-left: 0;}
	.main-sns1-wrap .sns_in_ul li a {display: block; width: 100%; height: 100%; position: relative;}
	.main-sns1-wrap .sns_in_ul li a .cate {position: absolute; left:0; top: 0; z-index: 10;}
	.main-sns1-wrap .sns_in_ul li a .img_b {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
	.main-sns1-wrap .sns_in_ul li a .img_b img {min-width: 100%; min-height: 100%; transition: all 0.25s ease;}
	.main-sns1-wrap .sns_in_ul li a:hover .img_b img {transform: scale(1.12);}
}


/* */

/*2020-12-30 추가*/
.main-notice-wrap.on .inner1400.m-box {display:flex; flex-wrap:wrap;}
.main-notice-wrap.on .m-left-box {width:61%; padding-right:35px;}
.main-notice-wrap.on .m-right-box {width:39%; position:relative; transition:all 0.5s 0.5s ease;}
.main-notice-wrap.on .m-right-box .movie-all {width:100%;}
.main-notice-wrap.on .m-right-box .movie-all button {width:100%; border:1px solid #ddd; padding:13px; font-size:18px; color:#333; background-color:#f3f4f8; transition:all 0.25s ease;}
.main-notice-wrap.on .m-right-box .movie-all button:hover {background-color:#f1f1f1;}
.main-notice-wrap.on .m-right-box .movie-all button i {padding-right:5px;}
.main-notice-wrap.on .title-box.mtitle02:before {display:none;}
.m-inner {width: 520px;}
.main-notice-wrap.on .movie-list-box .m-movie-view {width:300px;margin-bottom:21px;/* height:345px; */}
.main-notice-wrap.on .movie-list-box .m-movie-view li {}
.main-notice-wrap.on .movie-list-box .m-movie-view li a {display:block;}
.main-notice-wrap.on .movie-list-box .m-movie-view li .movie-thum {width:100%;margin-bottom:20px;height: 393px;overflow: hidden; display: flex; align-content: center; justify-content: center}
.main-notice-wrap.on .movie-list-box .m-movie-view li .movie-thum img {max-width: 100%; max-height: 100%}
.main-notice-wrap.on .movie-list-box .m-movie-view li h5 {font-size:17px; color:#3f4244; padding-bottom:20px;}
.main-notice-wrap.on .movie-list-box .m-movie-view li p {font-size:17px; color:#3f4244; font-family: 'Montserrat'; font-weight: 500; }
.main-notice-wrap.on .m-movie-btn {position:absolute; right:0; top:30px;}
.main-notice-wrap.on .m-movie-btn button {width:45px; height:45px; border:1px solid #ddd; transition:all 0.25s ease;}
.main-notice-wrap.on .m-movie-btn button:hover {background-color:#f3f4f8;}
.main-notice-wrap.on .m-movie-btn button i {color:#aaa; font-size:20px; padding-top:4px;}
.main-notice-wrap .content-box .no-tab-box.no-tab02 {width:100%;}
.main-notice-wrap .content-box .poster-box.posterBox02 {width:34%; margin-left:3%;}



@media screen and (max-width:1000px){
	/*2020-12-30 추가*/
	.m-inner {width:100%;}
	.main-notice-wrap.on .m-left-box {width:100%;}
	.main-notice-wrap.on .m-left-box {padding-right:0;}
	.main-notice-wrap .content-box .no-tab-box.no-tab02 {width:100%;}
	.main-notice-wrap .content-box .poster-box.posterBox02 {width:100%; margin-left:0;}
	.main-notice-wrap.on .m-right-box {width:100%;}
	.main-notice-wrap.on .movie-list-box .m-movie-view {margin-bottom:0; height: auto;}
	.main-notice-wrap.on .movie-list-box .m-movie-view li .movie-thum  {width:100%; min-height:auto;}
	.main-notice-wrap.on .movie-list-box .m-movie-view li {width:100%; height:auto;}
	.main-notice-wrap.on .movie-list-box .m-inner {height:auto; margin-bottom: 20px;}
	.main-notice-wrap.on .movie-list-box .m-movie-view li h5 {font-size:14px; padding-bottom:5px;} 
	.main-notice-wrap.on .movie-list-box .m-movie-view li h5 br {display:none;}
	.main-notice-wrap.on .movie-list-box .m-movie-view li p {font-size:13px;}
	.main-notice-wrap.on .m-right-box .movie-all button {font-size:15px; padding:10px;}
	.main-notice-wrap.on .m-movie-btn {position:initial; text-align: end; padding-bottom:10px;}
	.main-notice-wrap.on .m-movie-btn button {width:30px; height:30px;}
	.main-notice-wrap.on .m-movie-btn button i {font-size:13px;}
	.main-notice-wrap.on .title-box.mtitle02 {margin:0 0 15px;}
	
}


@media screen and (max-width:1000px){
	
	
}