/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.maxmize-text , .minimize-text{ width:20px;height:20px;    line-height: 1.9; cursor:pointer}
.maxmize-text > i , .minimize-text > i { vertical-align:middle}

.menu-bar{line-height:60px}  
.gnb-wrap .gnb .gnb-nav > li.menu-bar::before { display:none}

.scroll-arrow {    position: absolute;    top: 5px;    left: 38%; }


 .section-2{ display:none; width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    position:relative;padding:30px 40px 0px;margin-bottom:40px;
}
.section-banner   { background-color:#fef2f2   } 
.scroll-section .slick-img     { margin:5px auto;   } 
.scroll-section .slick-img img   { margin:0 auto; line-height:25px;padding-top:10px;}
.scroll-section .link-box {   } 
.scroll-section .link-box .slick-img  { width:10px;float:left }
.scroll-section div.slick-img  {padding:5px}
.scroll-section div .slick-prev:before, div .slick-next:before {     color: #756d6d;   }
.scroll-section div.slick-img h2 { text-align:center;padding:5px 0; }

 .custom-prev,   .custom-next {
 
  z-index: 10;   
  border: none;
  color: #999;
  font-size:2rem;
  font-weight:700;
  position: absolute;
  top: 40%;
  background-color:unset;
}  
 .custom-prev{
	left: -0px;
     

}
 .custom-next{
	right: -0px;
    
}

@media(max-width:600px) {
 .slick-img img { width:190px}
}

@media(max-width:900px) {
 .slick-img img { width:170px}
}

/* 페이지 공통 */
 
.page_contents-wrap {position:relative}
.page-contents-box {position:relative;margin-bottom:30px}
.page-contents-box:last-child {margin-bottom:0}
.page-contents-box .map-content-wrap {width:100%;height:350px}
.page-contents-box .map-content-wrap > div {width:100%;height:350px}
 








/*인사말 */
.sub-page {position:relative}
/* 타이틀 */
.sub-page .master-title {margin-bottom: 90px}
.sub-page .master-title h2 {text-align: center}
.sub-page .master-title h2 strong {display: block;position:relative;padding:0 0;margin-bottom: 30px;font-size:26px;font-family: serif;color:#48565C}
.sub-page .master-title h2 strong:before {content:"";display:block;position:absolute;bottom:-20px;left:50%;width:40px;height:1px;margin-left:-15px;background:#48565C}
.sub-page .master-title h2 span {display: block;margin-top: 20px;font-size:0.9rem;color: #707070;}


@media (min-width: 992px){
    .sub-page .master-title {margin-bottom: 50px}
    .sub-page  .master-title h2 strong {margin-bottom: 40px;font-size: 32px}
    .sub-page .master-title h2 strong:before {bottom: -20px;}
    .sub-page  .master-title h2 span {font-size: 19px}
}
/* 아이템 */
.sub-page .ebcontents-box {
    display: flex;
    flex-wrap: wrap;
   justify-content: flex-start; 
    align-items: flex-start;
    position: relative;
    align-content: flex-start;
}
/* 이미지 */
/* .sub-page .ebcontents-box .ebcontents-image {position:relative;width:45%}
.sub-page .ebcontents-box .ebcontents-image:before {content:"";display:block;position:absolute;top:4%;left:6%;width:90%;height:90%;border:1px solid rgba(255,255,255,.5)}
.sub-page .ebcontents-box .ebcontents-image:after {content:"";display:block;position:absolute;top:6%;left:4%;width:90%;height:90%;border:1px solid rgba(255,255,255,.3)}
.sub-page .ebcontents-box .ebcontents-image img {max-width:100%;height:auto;box-shadow:0px 15px 10px -6px rgba(0,0,0,.35);}
*/
/* 내용 */
.sub-page .ebcontents-box .ebcontents-content {width:50%;padding-left:20px}


.sub-page .ebcontents-image {
	padding: 20px;
		border: 1px solid #eee;
		box-shadow: 10px 10px 2px #efefef;
		margin-right: 40px;
}


.sub-page .ebcontents-box .ebcontents-content h5 {margin:0 0 20px;line-height:34px;font-size:20px;font-weight:300}
.sub-page .ebcontents-box .ebcontents-content h4 {margin:0 0 30px;line-height:40px;font-size:32px;font-weight: 700}

.sub-page .ebcontents-box .ebcontents-content-box   {padding:20px 0 20px 30px;  }
.sub-page .ebcontents-box .ebcontents-content-box.top-line {  border-top:1px solid #C1CFCC}

.sub-page .ebcontents-box .ebcontents-content p {line-height:30px;font-size:1.1em;font-weight:300}
.sub-page .ebcontents-box .ebcontents-content p + p {margin-top: 20px}
.sub-page .ebcontents-box .ebcontents-content h6 {margin-top:30px;font-size:20px;font-weight: 300}
@media (max-width:1199px){
    .sub-page .ebcontents-box .ebcontents-content h5 {margin-top:0;line-height:30px;font-size:20px}
    .sub-page .ebcontents-box .ebcontents-content h4 {line-height:36px;font-size:26px}
    .sub-page .ebcontents-box .ebcontents-content-box {padding-bottom:0 0 0 30px}
}
@media (max-width:991px) {
    .sub-page .master-title h2 {margin-bottom:40px;font-size:26px}
    .sub-page .master-title h2:before {bottom:-15px}
     
    .sub-page .ebcontents-box .ebcontents-content {width:100%;padding:0}
	.sub-page .ebcontents-image {margin-right:0; border:0;box-shadow:0 0 0 }
    .sub-page .ebcontents-box .ebcontents-content h5 {margin:0 0 10px;line-height:26px;font-size:17px}
    .sub-page .ebcontents-box .ebcontents-content h4 {margin-bottom:20px;line-height:30px;font-size:20px}
    .sub-page .ebcontents-box .ebcontents-content-box {padding-left:20px}
    .sub-page .ebcontents-box .ebcontents-content p {line-height:20px;font-size:15px}
    .sub-page .ebcontents-box .ebcontents-content h6 {font-size:17px;text-align:left}
}

/*오시는길*/
/* 아이템 */
.contact-map {margin-bottom: 20px;}
.contact-info dl {display:flex;flex-wrap:wrap;margin:0}
.contact-info dl dt {flex:0 0 auto;width:100%;padding:15px 20px;border-bottom:1px solid #eee}
.contact-info dl dt h6 {margin:0;font-size:14px;font-weight:700}
.contact-info dl dd {flex:0 0 auto;width:100%;padding:15px 20px;font-size:14px;border-bottom:1px solid #eee}
.contact-info .lotus-info-mark{ margin-bottom:10px }
@media (max-width: 767px){
    .info-detail .master-title h2 {font-size: 26px}
    .info-detail .master-title p {font-size:0.9rem}
    .info-detail .master-title p br {display: none}
}
@media (min-width:768px){
    .contact-info dl dt {width:35%}
    .contact-info dl dd {width:65%}
    .contact-info dl dt h6, .contact-info dl dd {font-size:1em}
}
@media (min-width: 992px){
    .overview.contact-info .master-title h2 {line-height: 2em;letter-spacing:.2em;font-size: 34px}
    .contact-info dl dt {width:20%}
    .contact-info dl dd {width:80%}
}


/* 시장문화원소개 */
.branch-intro .item-inner {padding:10px;text-align:center;color:#fff; /*background:#304927; */
 
   background: linear-gradient(130deg, rgb(102 7 140) 0%, rgb(39 5 77) 100%);  
 
    ;height:200px;border-radius:10px}
 
.branch-intro .item-inner .item-top {position:relative;margin:5px 0 15px}
.branch-intro .item-inner .item-top h4 {margin:10px 0 5px;font-size:1.5rem}
.branch-intro .item-inner .item-top h5 {font-size:1.0625rem}
.branch-intro .item-inner .item-btm {padding-top:15px;border-top:1px solid #fff}
.branch-intro .item-inner .item-btm p {font-size:1rem}
.branch-intro .item-inner .item-btm a {color:yellow}
 


/* h1 태그에 애니메이션 적용 */
.branch-intro .item-inner .item-btm a {
  animation-name: scale-font; /* 애니메이션 이름 */
  animation-duration: 2s; /* 2초 동안 실행 */
  animation-iteration-count: 10; /* 무한 반복 */
  animation-timing-function: ease-in-out; /* 가속도 효과 */
  transform-origin: center; /* 변환 기준을 중앙으로 */
} 
 /* @keyframes로 애니메이션 정의 */
@keyframes scale-font {
   
  50% {
     font-size:1.05rem
  }
  100% {
    font-size:1rem
  }
}


/* 사업소개 */

.ebcontents-box .ebcontents-content.left-box{ width:400px }
.ebcontents-box .ebcontents-content.left-box h4:after{content: "";
    display: block;
    position: relative;
    bottom: -20px;
    left: 50%;
    width: 30px;
    height: 2px;
    left: 15px;
    margin-left: -15px;
    background: #48565C;
    top: 10px;}
.sub-page.main-busi .ebcontents-content-box {padding-left:10px; padding-top:0px;margin-right:80px}
.sub-page.main-busi .ebcontents-box {margin-bottom:30px}
.sub-page.main-busi .ebcontents-content.right-box img { max-width:900px; }
.sub-page.main-busi .ebcontents-content.right-box.book {display: flex;  flex-grow:1;  flex-wrap: wrap;    flex-direction: row;    justify-content: flex-start;}
.sub-page.main-busi .ebcontents-content.right-box.book img{     margin: 5px;    max-width: 250px;}
 
@media(max-width:970px){
	.sub-page.main-busi .ebcontents-content.right-box img {margin-left:0;}
}
 

.ebc-history-inner {display: flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative}
/*--- 마스터 타이틀 ---*/
/* 타이틀 */
.gb-history .master-title {margin-bottom: 30px}
.gb-history .master-title h2 {text-align: center}
.gb-history .master-title h2 strong {display: block;position:relative;padding:0 0;margin-bottom: 30px;font-size:1.3em;font-family: serif;color:#48565C}
.gb-history .master-title h2 strong:before {content:"";display:block;position:absolute;bottom:-20px;left:50%;width:40px;height:1px;margin-left:-15px;background:#48565C}
.gb-history .master-title h2 span {display: block;margin-top: 20px;font-size: 15px;color: #707070;}
@media (min-width: 992px){
    .gb-history .master-title {margin-bottom: 50px}
    .gb-history  .master-title h2 strong {margin-bottom: 40px;font-size: 32px}
    .gb-history .master-title h2 strong:before {bottom: -20px;}
    .gb-history  .master-title h2 span {font-size: 19px}
}
 
/* 콘텐츠 아이템 */
.history-item {width:100%}
.history-item .history-box + .history-box {margin-top:30px}
.history-item .history-year {position:relative;margin-bottom:20px;font-size:24px;font-weight:700;color:#479abb}
.history-item .history-year:after {content:"";display:block;position:absolute;left:-20px;bottom:-9px;width:180px;height:1px;background:#a4afaf}
 


.history-item .history-box ul li {position: relative;padding-left: 150px;font-size:1.1em;color:#707070}
.history-item .history-box ul li + li {margin-top: 15px;}
.history-item .history-box ul li span { position: absolute;top: 0;left: 0;font-weight: 700;}
@media (max-width:1199px){
    .history-item .history-box {margin-top:1em}
    .history-item .history-year {font-size:1em}
    .history-item .history-year:after {left:-48px}
}
@media (max-width:991px) {
    .history-item .history-year:after {left:-5px}
}
@media (max-width:767px) {
    .ebc-history-master, .history-item {width:100%}
    .ebc-history-master {max-width:340px;margin:0 auto 30px}
     
    .history-item .history-year {font-size:1.1em}
    .history-item .history-year:after {left:0px}
    .history-item .history-box ul li {font-size:15px;font-weight:400}
}



/*메인 공지 시항*/
.moa-notice {font-size:.9375rem;margin-bottom:30px}
.moa-notice .webzine-more-icon{  padding:3px 10px ; background-color:red; color:white;font-size:0.8em;font-weight:300}
.headline-short-moa{text-align:center;margin-bottom:50px}
 
.headline-short-moa h4 .more{float:right ;margin-right:20px}
.headline-short-moa h4:after{display:none;}
 
.moa-notice .tab-content {position:relative;padding:0}
.moa-notice .tab-pane {margin-left:-6px;margin-right:-6px;  }
.moa-notice .notice-item {position:relative; padding-left:6px;padding-right:6px; margin-bottom:20px}
.moa-notice .notice-item h5 span.subject{    overflow: hidden;
    white-space: nowrap;
    max-width: 380px;
    text-overflow: ellipsis;}
.moa-notice .webzine-img {position:relative;overflow:hidden;border-radius:5px;float:left;width:49%}
.moa-notice .img-box {position:relative;overflow:hidden;width:100%;background:#e5e5e5}
.moa-notice .img-box:before {content:"";display:block;padding-top:55%}
.moa-notice .img-box img {position:absolute;top:0;left:0;right:0;bottom:0}
.moa-notice .img-box .no-image {position:absolute;top:50%;left:0;width:100%;text-align:center;margin-bottom:0;margin-top:-8px;color:#959595;font-size:.8125rem}
.moa-notice .img-bo-subj {position:absolute;top:5px;left:5px;display:inline-block;padding:3px 10px;font-size:.8125rem;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background:#252525}
.moa-notice .img-box .video-icon {position:absolute;top:50%;left:50%;color:#fff;width:40px;height:40px;line-height:40px;margin-top:-20px;margin-left:-20px;text-align:center;font-size:30px}
.moa-notice .img-caption {color:#fff;font-size:.8125rem;position:absolute;left:0;bottom:-30px;display:block;z-index:1;background:rgba(0, 0, 0, 0.7);text-align:left;width:100%;height:30px;line-height:30px;margin-bottom:0;padding:0 5px}
.moa-notice .img-caption span {margin-right:7px;color:#c5c5c5;font-size:.8125rem}
.moa-notice .img-caption span i {color:#a5a5a5}
 
.moa-notice .txt-subj {position:relative;margin:5px 0 10px;}
.moa-notice .txt-subj h5 {color:#000;font-size:1.1rem;font-weight:500;margin:0;display:flex;justify-content:space-between}
.moa-notice .txt-subj h5 .wr-date{ font-size:0.9rem;font-weight:100;color:#888 }
.moa-notice .txt-subj h5 .webzine-new-icon {position:relative;display:inline-block;width:18px;height:14px;background-color:#cc2300;margin-right:10px}
.moa-notice .txt-subj h5 .webzine-new-icon:before {content:"";position:absolute;top:4px;left:5px;width:2px;height:6px;background-color:#fff}
.moa-notice .txt-subj h5 .webzine-new-icon:after {content:"";position:absolute;top:4px;right:5px;width:2px;height:6px;background-color:#fff}
.moa-notice .txt-subj h5 .webzine-new-icon b {position:absolute;top:3px;left:8px;width:2px;height:8px;background-color:#fff;transform:rotate(-60deg)}
.moa-notice .txt-subj .webzine-comment {display:block;position:absolute;top:-2px;right:0;color:#f4511e;background:#fff;padding-left:5px}
 
.moa-notice .txt-cont {position:relative;overflow:hidden;height:199px;font-size:.9375rem; margin-bottom:10px;white-space:pre-wrap}
.moa-notice .txt-photo img {width:17px;height:17px;margin-right:2px;display:inline-block}
.moa-notice .txt-photo .txt-user-icon {color:#959595;margin-right:2px}
.moa-notice .txt-nick {color:#959595}
.moa-notice .txt-info {margin-top:5px;padding-top:5px;font-size:11px;text-align:right;color:#b5b5b5;border-top:1px solid #e5e5e5}
.moa-notice .txt-info span {margin-left:5px}

.section-latest .container   {display:flex}
.section-latest .container .notice-box{width:49%;margin-right:2%}
.section-latest .container .notice-box   h4::after, .section-latest .container .news-box h4::after { content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #a5a5a5;
    display: block;
    position: relative;
    top: 20px;}
.section-latest .container .news-box{width:49%}
@media(max-width:991px){
.section-latest .container   {display:flex;flex-direction:column}
.section-latest .container .notice-box{width:100%;margin-right:0;margin-bottom:50px}
.section-latest .container .news-box{width:100%}
.moa-notice .notice-item h5 span.subject{     
    white-space: wrap;
    max-width: unset;
    }

}



@media (max-width:1199px) {
    .moa-notice .img-box {height:85px}
    .moa-notice .txt-cont {height:220px}
}
@media (max-width:767px) {
	.moa-notice .tab-pane { display:flex; flex-direction:column }
	
	.moa-notice  .txt-subj h5 .wr-date{  display:none }
	.moa-notice .webzine-more-icon {display:none}
	.moa-notice .notice-right{width:100% ;  }
	.moa-notice .txt-subj h5 { 
    justify-content: space-between;
    flex-direction: column-reverse;
	}

    .moa-notice .notice-item {width:100%}
    .moa-notice .webzine-img {width:40%}
    .moa-notice .img-box {height:90px}
    .moa-notice .notice-txt {width:60%}
}








 
/* --- 메인 슬라이더 --- */
.moa-slider-main-top {position: relative;overflow: hidden;border-bottom:1px solid #dfdfdf}
.moa-slider-main-top .moa-slider-inner {position: relative;overflow: hidden}
.moa-slider-main-top .moa-slider-list {margin-bottom: 0}
.moa-slider-main-top .item {position: relative;outline: none;overflow: hidden}
/* 이미지 */
.moa-slider-main-top .item-image {position: relative}
.moa-slider-main-top .item-image img {max-width:100%;height:auto}
/* 내용 */
.moa-slider-main-top .item-content {display: flex;align-items:center;position: absolute;top: 0;bottom: 0;width: 100%;max-width:600px;padding: 10px 45px;background: #8EA2A0;background: linear-gradient(90deg, #2b403fc0 0%, #2f423f4d 100%)}
.moa-slider-main-top .item-content .item-content-inner {}
.moa-slider-main-top .item-content h4 {position:relative;margin:0 0 30px;font-size:35px;font-family: serif;color:#fff}
.moa-slider-main-top .item-content h5 {margin:0 0 15px;font-size:24px;word-break:keep-all;color:#fff}
.moa-slider-main-top .item-content p {margin:0 0 30px;line-height: 1.5em;font-size:19px;word-break:keep-all;color:#ddd}
/* 애니메이션 */
.moa-slider-main-top .item-content h4, 
.moa-slider-main-top .item-content h5, 
.moa-slider-main-top .item-content p, 
.moa-slider-main-top .item-content .btn-more {
	-webkit-transform-origin:top;-moz-transform-origin:top;-o-transform-origin:top;-ms-transform-origin:top;transform-origin:top;
	-webkit-transform:perspective(1000px) rotateX(-90deg);-moz-transform:perspective(1000px) rotateX(-90deg);-o-transform:perspective(1000px) rotateX(-90deg);-ms-transform:perspective(1000px) rotateX(-90deg);transform:perspective(1000px) rotateX(-90deg);
	-webkit-transition:transform 1s linear;-moz-transition:transform 1s linear;-o-transition:transform 1s linear;-ms-transition:transform 1s linear;transition:transform 1s ease
}
.moa-slider-main-top .item-content h4 {-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}
.moa-slider-main-top .item-content h5 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
.moa-slider-main-top .item-content p {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}
.moa-slider-main-top .item-content .btn-more {-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s}
.moa-slider-main-top .swiper-slide-active.item-animation .item-content h4, 
.moa-slider-main-top .swiper-slide-active.item-animation .item-content h5, 
.moa-slider-main-top .swiper-slide-active.item-animation .item-content p, 
.moa-slider-main-top .swiper-slide-active.item-animation .item-content .btn-more {-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
/* 좌우 버튼(arrows) */
.moa-slider-main-top .swiper-btn-next,
.moa-slider-main-top .swiper-btn-prev {position: absolute;top: 50%;transform:translateY(-50%);width:80px;background:none;border-bottom:1px solid rgba(255,255,255,.3);transition:all .3s linear}
.moa-slider-main-top .swiper-btn-next {right:0;z-index:1;padding-right: 20px}
.moa-slider-main-top .swiper-btn-prev {left:0;z-index:1;padding-left: 20px}
.moa-slider-main-top .swiper-btn-next:before,
.moa-slider-main-top .swiper-btn-prev:before {content:"";display:block;position:absolute;bottom:-1px;width: 60px;height: 1px;background-color: #000;transition:all .3s linear}
.moa-slider-main-top .swiper-btn-next:before {left:0}
.moa-slider-main-top .swiper-btn-prev:before {right:0}
.moa-slider-main-top .swiper-btn-next:hover:before,
.moa-slider-main-top .swiper-btn-prev:hover:before {width:80px}
.moa-slider-main-top .swiper-btn-next span,
.moa-slider-main-top .swiper-btn-prev span {display: block;width: 60px;line-height: 40px;font-size: 13px;text-align: center;font-weight: 700;color: #000}

@media (max-width:991px){
	.moa-slider-main-top .item-content h4 {margin-bottom: 15px;font-size:27px}
	.moa-slider-main-top .item-content h5 {font-size:19px}
	.moa-slider-main-top .item-content p {font-size: 13px;margin-bottom: 15px}
	.moa-slider-main-top .swiper-btn-next,
	.moa-slider-main-top .swiper-btn-prev {display: none}
}
@media (max-width:767px){
	.moa-slider-main-top .item-content {left: 0;max-width:inherit;padding: 10px 20px}
	.moa-slider-main-top .item-content h4 {font-size:21px}
	.moa-slider-main-top .item-content h5 {font-size:17px}
}
@media (min-width:992px){
	.moa-slider-main-top .item-image {height: 350PX;background-repeat: no-repeat;background-size: cover;background-position: center}
	.moa-slider-main-top .item-image img {display: none}
	.moa-slider-main-top-slider-nav, 
	.scroll-down {display: block}
}
@media (min-width:1200px){
	.moa-slider-main-top .item-image {height: 670PX}
}