@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : ㅈㅁㅈ
Create date : 2019-10-07
-------------------------------------------------*/
.visual { position: relative; z-index: 0; height: 25rem; padding: 0 3rem; }

.visual > .bx-wrapper { position: absolute; left: 3rem; top: 0; z-index: -1; width: calc(100% - 6rem); height: 100%; }

.visual > .bx-wrapper li { overflow: hidden; position: relative; height: 25rem; }

.visual > .bx-wrapper li img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; min-width: 100%; max-width: inherit; height: auto; min-height: 100%; }

.visual > .bx-wrapper > .bx-controls { display: none; }

.visual .desc { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; font-size: 1.1rem; padding: 3.5rem 5rem; font-weight: 400; color: #fff; line-height: 1.2; }

.visual .desc strong { font-size: 2.2rem; display: block; color: #fff; }

.visual .desc strong span { color: #9c1c2b; }

.visual .desc .txt span { font-size: 0.7rem; position: absolute; left: 0; top: 0; width: 25rem; height: 3rem; margin: 11rem 0 0 -11rem; font-style: italic; font-weight: 500; color: #bcc8d0; text-align: center; line-height: 3rem; letter-spacing: 0.8rem; text-transform: uppercase; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.visual .desc .txt span + span { left: auto; right: 0; margin: 11rem -11rem 0 0; }

.latest { width: 64rem; max-width: calc(100% - 2rem); height: 14.5rem; margin-left: auto !important; margin-right: auto !important; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0; padding: 0 5rem; }

.latest .group.disable { display: none; }

.latest .bx-wrapper { position: static; }

.latest li { padding: 0 2rem 1rem 0; }

.latest li.no-data { display: none; }

.latest li a { display: block; position: relative; padding: 1.5rem; background-color: rgba(0, 0, 0, 0.4); color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest li a::after { font-size: 1.2rem; position: absolute; right: 1.5rem; bottom: 1.5rem; font-family: "xeicon"; content: ''; }

.latest li a strong { display: block; overflow: hidden; height: 2.5rem; margin: 1rem 0; line-height: 1.25rem; }

.latest li a .label { font-weight: 600; }

.latest li a .label::after { display: block; width: 1.15rem; height: 1px; margin-top: 1rem; background-color: #fff; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest li a .date { font-style: italic; font-weight: 400; color: #c3c3c3; }

.latest li a:hover, .latest li a:focus { -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1); box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1); background-color: #fff; color: #161616; }

.latest li a:hover .label::after, .latest li a:focus .label::after { background-color: #000; }

.latest .bx-controls { height: 3.5rem; margin-top: -1rem; text-align: center; line-height: 3.5rem; }

.latest .bx-controls div { display: inline; padding: 0 !important; vertical-align: middle; }

.latest .bx-controls .bx-pager-link { display: inline-block; width: 0.5rem !important; height: 0.5rem !important; border-radius: 100%; border: 1px solid #fff; background: none !important; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest .bx-controls .bx-pager-link.active { background-color: #fff !important; }

.latest .bx-controls .bx-controls-direction a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 2rem; border: 1px solid #fff; line-height: 1.9rem; display: block !important; overflow: hidden; left: 0; width: 2rem !important; margin-top: -1.75rem; border-radius: 100%; background: none; color: #fff; text-align: center; line-height: 2rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest .bx-controls .bx-controls-direction a::before { font-size: 0.9rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; content: ''; text-indent: 0; }

.latest .bx-controls .bx-controls-direction a.bx-next { left: auto; right: 0; }

.latest .bx-controls .bx-controls-direction a.bx-next::before { content: ''; }

.latest .bx-controls .bx-controls-direction a:hover, .latest .bx-controls .bx-controls-direction a:focus { background-color: #fff; color: #161616; }

.latest .bx-controls .bx-controls-auto-item a { display: inline-block; overflow: hidden; position: relative; top: -2px; width: 1rem !important; height: 1rem !important; background: none; text-align: center; line-height: 1rem; vertical-align: middle; }

.latest .bx-controls .bx-controls-auto-item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: ''; text-indent: 0; }

.latest .bx-controls .bx-controls-auto-item a.bx-start::before { content: ''; }

.latest .bx-controls .bx-controls-auto-item a.active { display: none; }

.latest .more { height: 1.6rem; border: 1px solid #fff; line-height: 1.5rem; position: absolute; right: 5rem; top: -2rem; width: 4.25rem; border-radius: 1.5rem; color: #fff; text-align: center; }

.latest .more::before { display: inline-block; margin-right: 0.15rem; font-family: "xeicon"; content: ''; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest .more:hover::before, .latest .more:focus::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.latest.type1 .item { visibility: hidden; overflow: hidden; height: 0; opacity: 0; }

.latest.type1 .more { display: none; }

.latest.type1 .group > .label { position: absolute; left: 5.25rem; top: -2rem; width: 5rem; height: 1.5rem; border-radius: 1.5rem; background-color: rgba(255, 255, 255, 0.6); font-weight: 500; text-align: center; line-height: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest.type1 .group.group2 > .label { left: calc(5.25rem * 2); }

.latest.type1 .group.group3 > .label { left: calc(5.25rem * 3); }

.latest.type1 .group.group4 > .label { left: calc(5.25rem * 4); }

.latest.type1 .group.group5 > .label { left: calc(5.25rem * 5); }

.latest.type1 .group.group6 > .label { left: calc(5.25rem * 6); }

.latest.type1 .group.active > .label { background-color: #000; color: #fff; }

.latest.type1 .group.active .item { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

#MainContents { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; }

.calender { position: relative; z-index: 0; padding: 3rem 0 0; }

.calender::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; border-bottom: 1px solid #f1f2f4; }

.calender .title { font-size: 1.1rem; position: absolute; left: auto; top: auto; color: #000; }

.calender .month { font-size: 1.2rem; position: relative; width: 9.5rem; max-width: 100%; margin: 0 auto 1.5rem; color: #000; text-align: center; }

.calender .month .control a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; position: absolute; left: 0; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; }

.calender .month .control a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; content: ''; }

.calender .month .control a.next { left: auto; right: 0; }

.calender .month .control a.next::before { content: ''; }

.calender .bx-wrapper .bx-viewport { padding-bottom: 4.5rem; }

.calender .bx-wrapper .bx-controls-direction a { display: none; }

.calender .list { display: table !important; width: 100% !important; table-layout: fixed; }

.calender .list li { font-size: 0.9rem; display: table-cell !important; float: none !important; position: relative; width: auto !important; height: 1.5rem; padding-bottom: 0.1rem; font-weight: 400; color: #000; text-align: center; vertical-align: middle; }

.calender .list li a { display: block; }

.calender .list li::after { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: -1; width: 1.5rem; height: 1.5rem; border-radius: 100%; content: ''; }

.calender .list li.active { font-weight: 600; color: #fff; }

.calender .list li.active::after { display: block; background-color: #c7172c; }

.calender .list li.today { font-weight: 600; color: #fff; }

.calender .list li.today::before { font-size: 0.65rem; position: absolute; left: 0; top: -1rem; width: 100%; font-weight: 600; color: #000; text-transform: uppercase; content: 'today'; line-height: 1rem; white-space: nowrap; }

.calender .list li.today::after { display: block; background-color: #000; }

.calender .list li .detail { visibility: hidden; overflow: hidden; height: 0; opacity: 0; font-size: 0.8rem; position: absolute; left: -0.5rem; top: 100%; z-index: 0; width: 20.5rem; height: 2.8rem; margin-top: 0.15rem; padding: 0 1.25rem; background-color: #f1f2f4; font-weight: 300; color: #555; text-align: left; line-height: 2.8rem; }

.calender .list li .detail::before { position: absolute; left: 1.2rem; top: -0.375rem; z-index: -1; width: 0.75rem; height: 0.75rem; background-color: #f1f2f4; content: ''; -webkit-transform: scaleX(0.75) rotate(45deg); transform: scaleX(0.75) rotate(45deg); }

.calender .list li .detail strong { color: #010101; }

.calender .list li .detail .more { top: 1.4rem; right: 1.25rem; margin-top: -0.5rem; }

.calender .list li .detail .more::before { color: #333; content: ''; }

.calender .list li.on .detail { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

.calender .list li.bx-clone { display: none !important; }

.calender .list li:nth-child(n + 51) .detail { left: auto; right: 0; }

.calender .list li:nth-child(n + 51) .detail::before { left: auto; right: 0.65rem; }

.calender .more { font-size: 0.9rem; overflow: hidden; position: absolute; right: 0; top: 3.5rem; width: 1rem; height: 1rem; color: #777; text-align: right; line-height: 1rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.calender .more:hover::before, .calender .more:active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s; transition: all 0.2s; }

.calender .more::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; content: ''; }

.about { position: relative; z-index: 0; padding: 3.25rem 0; }

.about::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; top: 50%; height: 50%; background: url("/_templet5/img/main/about.png"); }

.about .title { font-size: 1.5rem; margin-bottom: 3rem; color: #000; text-align: center; }

.about .title span { color: #9c1c2b; }

.about .control a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.5rem; overflow: hidden; position: absolute; left: 0; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; }

.about .control a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; content: ''; }

.about .control a.next { left: auto; right: 0; }

.about .control a.next::before { content: ''; }

.about .list { display: inline-block; position: relative; width: 100%; padding: 0 3rem; }

.about .list .desc { display: none; position: relative; width: calc(100% + 2rem); min-height: 17rem; margin: 0 -1rem; padding: 2rem 16.5rem 2rem 2rem; border: 0.5rem solid #bdb29e; background-color: #fff; color: #777; word-break: keep-all; }

.about .list .desc .img { position: absolute; right: 2rem; top: 2rem; width: 13.2rem; }

.about .list .desc strong { font-size: 1.2rem; display: block; margin-bottom: 1rem; color: #000; }

.about .list .desc a { font-size: 0.7rem; display: inline-block; margin-top: 2rem; font-weight: 600; }

.about .list .desc a::after { font-size: 0.9rem; display: inline-block; position: relative; top: -1px; font-family: "xeicon"; content: ''; vertical-align: middle; }

.about .list .label { font-size: 0.85rem; display: block; position: relative; width: 15rem; max-width: 100%; margin: 0 auto; padding: 2.5rem 2.5rem 0; color: #fff; text-align: center; word-break: keep-all; }

.about .list .label:hover::after, .about .list .label:active::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s; transition: all 0.2s; }

.about .list .label strong { font-size: 1.1rem; display: block; margin-bottom: 1rem; }

.about .list .label strong::before { display: block; width: 4.4rem; height: 1px; margin: 0 auto 1.5rem; background-color: #fff; content: ''; opacity: 0.18; }

.about .list .label p::after { display: block; width: 4.4rem; height: 1px; margin: 1.5rem auto 0; background-color: #fff; content: ''; opacity: 0.18; }

.about .list .label::after { font-size: 1.5rem; display: block; width: 100%; height: 6.5rem; font-family: "xeicon"; content: ''; text-align: center; line-height: 6.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.about .list li { float: left; position: relative; width: 25%; padding-top: 2.3rem; }

.about .list li:nth-child(2) { z-index: 1; width: 50%; padding-top: 0; }

.about .list li:nth-child(2) .label { display: none; }

.about .list li:nth-child(2) .desc { display: block; }

.about .list li.list1 .label { background-color: #8f303b; }

.about .list li.list1 .desc { border-color: #8f303b; }

.about .list li.list2 .label { background-color: #bdb29e; }

.about .list li.list2 .desc { border-color: #bdb29e; }

.about .list li.list3 .label { background-color: #3d64ac; }

.about .list li.list3 .desc { border-color: #3d64ac; }

.PhotoWrap { position: relative; z-index: 0; padding: 3.25rem 0 3rem; color: #fff; }

.PhotoWrap::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background: url("/_templet5/img/main/gallery.png") no-repeat 95% 65% #0e2448; background-attachment: fixed; }

.PhotoWrap h3 { font-size: 1.2rem; display: inline-block; margin-bottom: 3rem; padding-right: 0.8rem; font-weight: 400; background-color: #0e2448; }

.PhotoWrap h3 strong { font-weight: 700; color: #e3ba6d; }

.PhotoWrap .no-data { padding-bottom: 1rem; text-align: center; }

.PhotoWrap .bx-wrapper { position: static; width: calc(100% + 7rem); margin-left: -3.5rem; }

.PhotoWrap .bx-wrapper .bx-viewport a { display: block; position: relative; z-index: 0; width: 11.25rem; max-width: 100%; height: 17rem; margin: 0 auto; padding-top: 1rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap .bx-wrapper .bx-viewport a .img { overflow: hidden; position: relative; width: 11.25rem; height: 11.25rem; border-radius: 100%; -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap .bx-wrapper .bx-viewport a .img img { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 0; max-width: inherit; height: 100%; width: 100%; }

.PhotoWrap .bx-wrapper .bx-viewport a .desc span { font-size: 0.7rem; position: absolute; left: 0.5rem; top: 0; z-index: 1; width: 2.75rem; font-style: italic; opacity: 0.27; line-height: 0.9; -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap .bx-wrapper .bx-viewport a .desc span strong { font-size: 1.8rem; display: block; }

.PhotoWrap .bx-wrapper .bx-viewport a .desc p { margin-top: -1.5rem; text-align: center; line-height: 1.2; opacity: 0.7; -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap .bx-wrapper .bx-viewport .active a { width: 14rem; padding-top: 0; }

.PhotoWrap .bx-wrapper .bx-viewport .active a .img { width: 14rem; height: 14rem; }

.PhotoWrap .bx-wrapper .bx-viewport .active a .desc span { top: 0.5rem; left: 1rem; opacity: 1; }

.PhotoWrap .bx-wrapper .bx-viewport .active a .desc p { margin-top: 0.5rem; font-weight: 600; opacity: 1; }

.PhotoWrap .bx-wrapper .bx-controls-direction a { overflow: hidden; left: -6.5rem; width: 1.5rem; height: 1.5rem; margin-top: 0; background: 0 none; text-align: center; line-height: 1.5rem; }

.PhotoWrap .bx-wrapper .bx-controls-direction a::before { font-size: 1.5rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: ''; text-indent: 0; }

.PhotoWrap .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: -6.5rem; }

.PhotoWrap .bx-wrapper .bx-controls-direction a.bx-next::before { content: ''; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager { position: absolute; left: 0; top: 3.25rem; width: 100%; padding-top: 0; text-align: center; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager::before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 50%; z-index: -1; width: 55.5rem; max-width: calc(100% - 8.5rem); height: 1px; background-color: #fff; content: ''; opacity: 0.14; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager .bx-pager-item { background-color: #0e2448; vertical-align: top; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager .bx-pager-link { font-size: 1.2rem; display: none; width: auto; height: auto; padding-left: 1.25rem; border-radius: 0; background: none; color: #fff; text-indent: 0; cursor: default; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager .bx-pager-link::before { content: '0'; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager .bx-pager-link.active { display: block; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager .total { font-size: 0.8rem; display: inline-block; position: relative; padding: 0.4rem 1.25rem 0 0.4rem; background-color: #0e2448; color: #fff; vertical-align: middle; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager .total::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 1px; height: 1rem; margin-top: -0.4rem; background-color: #fff; content: ''; -webkit-transform: rotate(15deg); transform: rotate(15deg); }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { position: absolute; right: 1.5rem; top: 3.5rem; width: 2.5rem; text-align: center; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a { display: inline-block; overflow: hidden; width: 1.5rem; height: 1.5rem; background: none; text-align: center; line-height: 1.5rem; vertical-align: top; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a::before { font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: ''; text-indent: 0; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a.bx-start::before { content: ''; }

.PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto a.active { display: none; }

.PhotoWrap .bbs_more a { font-size: 1.5rem; overflow: hidden; position: absolute; right: 0; top: 3.5rem; width: 1.5rem; height: 1.5rem; text-align: center; line-height: 1; }

.PhotoWrap .bbs_more a:hover::before, .PhotoWrap .bbs_more a:active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap .bbs_more a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#footer .quick { display: none; }

@media (max-width: 1400px) { .PhotoWrap .bx-wrapper { width: 100%; margin-left: 0; }
  .PhotoWrap .bx-wrapper .bx-viewport li { width: 220px !important; }
  .PhotoWrap .bx-wrapper .bx-viewport li.active { width: 270px !important; }
  .PhotoWrap .bx-wrapper .bx-controls-direction a { left: -1rem; }
  .PhotoWrap .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: -1rem; } }

@media (max-width: 1280px) { .visual .desc { padding-bottom: 2.5rem; }
  .latest { position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@media (max-width: 1024px) { .latest.type1 .group > .label { margin-left: -1rem; }
  .calender .bx-wrapper .bx-viewport { max-width: calc(100% - 3rem); margin: 0 auto; }
  .calender .bx-wrapper .bx-controls-direction a { display: block; overflow: hidden; top: 0; left: 0; width: 1.5rem; height: 1.5rem; margin: 0; background: 0 none; text-align: center; line-height: 1.5rem; }
  .calender .bx-wrapper .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; content: ''; text-indent: 0; }
  .calender .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: 0; }
  .calender .bx-wrapper .bx-controls-direction a.bx-next::before { content: ''; }
  .calender .list { width: 5000% !important; }
  .calender .list li { display: inline-block !important; width: 1.55rem !important; }
  .calender .list li.bx-clone { display: inline-block !important; }
  .about .title { margin-bottom: 1.5rem; }
  .about .list li { width: calc((100% - 15rem) / 2); }
  .about .list li:nth-child(2) { width: 15rem; }
  .about .list .label { padding: 2.5rem 1.5rem; }
  .about .list .label p { width: 5rem; max-width: 100%; margin: 0 auto; }
  .about .list .desc { padding: 1rem; }
  .about .list .desc strong { margin: 0; }
  .about .list .desc a { margin-top: 1rem; }
  .about .list .desc .img { position: static; width: 100%; margin: 1rem 0; } }

@media (max-width: 768px) { .visual { height: auto; padding: 0; }
  .visual > .bx-wrapper { position: relative; left: 0; width: 100%; }
  .visual > .bx-wrapper li { height: 15rem; }
  .visual > .bx-wrapper li img { left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .visual .desc { position: absolute; left: 0; top: 0; z-index: 0; width: 100%; }
  .visual .desc .txt { display: none; }
  .latest { margin-top: 3rem; padding: 0 2.25rem; }
  .latest .bx-controls { height: 2rem; line-height: 2rem; }
  .latest .bx-controls .bx-controls-direction a { border-color: #000; background-color: #000; }
  .latest .bx-controls .bx-controls-auto-item a::before { color: #000; }
  .latest .bx-controls .bx-pager-link { border-color: #000; }
  .latest .bx-controls .bx-pager-link.active { background-color: #000 !important; }
  .latest .more { right: 0; border-color: #333; color: #333; }
  .latest.type1 .group > .label { left: 0; margin-left: 0; }
  .latest.type1 .group.group2 > .label { left: calc(5.25rem * 1); }
  .latest.type1 .group.group3 > .label { left: calc(5.25rem * 2); }
  .latest.type1 .group.group4 > .label { left: calc(5.25rem * 3); }
  .latest.type1 .group.group5 > .label { left: calc(5.25rem * 4); }
  .latest.type1 .group.group6 > .label { left: calc(5.25rem * 5); }
  .calender { padding-top: 2rem; }
  .calender .more { top: 2.5rem; }
  .about { padding: 2rem 0; }
  .about .list { padding: 0 1rem; }
  .PhotoWrap { padding: 2rem 0 1rem; }
  .PhotoWrap::before { background-size: 20rem auto; }
  .PhotoWrap h3 { margin-bottom: 1rem; }
  .PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { top: 2.25rem; }
  .PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager { top: 2rem; }
  .PhotoWrap .bbs_more a { top: 2.25rem; } }

@media (max-width: 570px) { .visual > .bx-wrapper li { height: 12rem; }
  .visual .desc { font-size: 0.8rem; padding: 2rem; }
  .visual .desc strong { font-size: 2rem; white-space: nowrap; }
  .latest li { padding: 0 0.5rem 1rem; }
  .latest.type1 > .group > .label { font-size: 0.75rem; width: 3rem; }
  .latest.type1 > .group > .label .m-hidden { display: none; }
  .latest.type1 > .group.group2 > .label { left: calc(3rem * 1); }
  .latest.type1 > .group.group3 > .label { left: calc(3rem * 2); }
  .latest.type1 > .group.group4 > .label { left: calc(3rem * 3); }
  .latest.type1 > .group.group5 > .label { left: calc(3rem * 4); }
  .latest.type1 > .group.group6 > .label { left: calc(3rem * 5); }
  .about { padding: 1.5rem 0 1rem; }
  .about .title { font-size: 1.4rem; margin-bottom: 1rem; line-height: 1.2; }
  .about .title span { display: block; }
  .about .list .desc { padding: 0.5rem 1rem; border-width: 0.25rem; }
  .about .list .desc .img { margin-top: 0.5rem; }
  .about .list .desc a { margin-top: 0.25rem; }
  .about .list .label { padding: 2.5rem 1rem 2.5rem 0; }
  .about .list .label strong, .about .list .label p { display: none; }
  .about .list li { width: calc((100% - 10rem) / 2); }
  .about .list li:nth-child(2) { width: 10rem; }
  .about .list li:nth-child(3) .label { padding-right: 0; padding-left: 1rem; }
  .PhotoWrap { padding: 1rem 0 0.5rem; }
  .PhotoWrap .bx-wrapper .bx-viewport { max-width: calc(100% - 1.25rem); margin: 0 auto; }
  .PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { top: 1.25rem; }
  .PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager.bx-default-pager { display: none; }
  .PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-direction a { left: 0; }
  .PhotoWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-direction a.bx-next { left: auto; right: 0; }
  .PhotoWrap .bbs_more a { top: 1.25rem; } }