@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : ㅈㅁㅈ
Create date : 2019-09-29
-------------------------------------------------*/
#MainContents { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; }

.visual { position: relative; z-index: 0; width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; height: 36.75rem; padding-top: 3rem; }

.visual::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; width: 96rem; margin-left: 0; background: url("/elementary/img/main/visual.jpg") no-repeat 100% 100%/cover; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.visual .desc { font-size: 0.85rem; margin-bottom: 4.5rem; padding: 3rem 3.5rem 3rem 0; padding-left: calc(50% + 3.25rem); background-color: #0e315a; font-weight: normal; color: rgba(255, 255, 255, 0.7); word-break: keep-all; min-height: 19.5rem; }

.visual .desc strong { font-size: 1.6rem; line-height: 1.3125; display: block; margin: 0.75rem 0 1rem; font-family: "Nanum Square"; color: #fff; }

.visual .desc span { font-size: 0.8rem; font-weight: 700; color: #c1a387; text-transform: uppercase; }

.visual .list { position: absolute; left: 0; top: 4.5rem; width: 100%; height: 20rem; padding-right: 50%; }

.visual .list li { height: 20rem; }

.visual .list img { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; min-width: 100%; max-width: inherit; height: 100%; width: 100%; }

.visual .list .bx-controls-direction a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block !important; position: absolute; left: -10rem; width: 7.5rem; padding-top: 0.25rem; background: none; font-weight: 700; color: #fff; text-align: right; text-indent: 0; text-transform: uppercase; }

.visual .list .bx-controls-direction a::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background-color: #000; content: ''; opacity: 0.2; -webkit-transition: all 0.2s; transition: all 0.2s; }

.visual .list .bx-controls-direction a::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 1.25rem; width: 2.8rem; height: 0.75rem; border-bottom: 2px solid #fff; border-left: 2px solid #fff; content: ''; -webkit-transform: skew(-40deg) translate(-15%, -80%); transform: skew(-40deg) translate(-15%, -80%); }

.visual .list .bx-controls-direction a:hover::before, .visual .list .bx-controls-direction a:focus::before { background-color: #9c1c2b; opacity: 1; }

.visual .list .bx-controls-direction a.bx-next { left: calc(200% + 2.5rem); text-align: left; }

.visual .list .bx-controls-direction a.bx-next::before { left: auto; right: 0; }

.visual .list .bx-controls-direction a.bx-next::after { left: auto; right: 1.25rem; border-left: 0 none; border-right: 2px solid #fff; -webkit-transform: skew(40deg) translate(15%, -80%); transform: skew(40deg) translate(15%, -80%); }

.visual .quick { font-size: 0.9rem; position: relative; padding-left: 8rem; font-weight: 400; color: #fff; }

.visual .quick .title { font-size: 1rem; overflow: hidden; position: absolute; left: 0; top: 0; width: 6rem; height: 6rem; padding-top: 1.25rem; border: 0.4rem solid #fff; border-left: 0 none; font-weight: 600; letter-spacing: 0.1rem; text-transform: uppercase; line-height: 1.2; }

.visual .quick .title::before { position: absolute; left: 0; top: -0.4rem; width: 0.4rem; height: 1.25rem; background-color: #fff; content: ''; }

.visual .quick .icon { width: 3rem; height: 3rem; margin: 0 auto 0.75rem; }

.visual .quick .icon img { position: relative; }

.visual .quick ul { display: table; width: 100%; height: 6rem; table-layout: fixed; }

.visual .quick li { display: table-cell; text-align: center; vertical-align: middle; }

.visual .quick a { display: block; }

.visual .quick a:hover .icon img, .visual .quick a:focus .icon img { -webkit-animation: icon 0.75s infinite alternate; animation: icon 0.75s infinite alternate; }

@-webkit-keyframes icon { 0% { top: 0; }
  100% { top: 0.5rem; } }

@keyframes icon { 0% { top: 0; }
  100% { top: 0.5rem; } }

.latest { position: relative; z-index: 0; padding: 2.75rem 0; }

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

.latest::after { position: absolute; top: calc(2.75rem + 1.1rem); left: 21rem; right: 3.75rem; height: 1px; background-color: #eee; content: ''; }

.latest .title { font-size: 1.7rem; margin-bottom: 2.25rem; font-weight: 700; color: #333; line-height: 1.2; }

.latest .bbs_more a { font-size: 1rem; display: none; overflow: hidden; position: absolute; right: 0; top: 2.75rem; width: 2.2rem; height: 2.2rem; border-radius: 100%; background-color: rgba(0, 0, 0, 0.05); text-align: center; line-height: 2.3rem; }

.latest .bbs_more a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #999; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

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

.latest h3 a { font-size: 0.8rem; position: absolute; left: 7rem; top: 2.75rem; width: 4rem; height: 2.2rem; border-radius: 2.2rem; background-color: rgba(0, 0, 0, 0.05); font-weight: 300; color: #000; text-align: center; line-height: 2.2rem; }

.latest .article { display: none; position: relative; min-height: 9rem; padding-left: calc(50% + 4.25rem); }

.latest .article li:last-child a { border-bottom: 0 none; }

.latest .article li a { display: block; position: relative; padding: 0.6rem 5rem 0.6rem 3rem; border-bottom: 1px solid #ddd; line-height: 1.352; }

.latest .article li a::before { height: 1.15rem; border: 1px solid #999; line-height: 1.05rem; font-size: 0.75rem; position: absolute; left: 0; top: auto; width: 2.75rem; border-radius: 1rem; background-color: #fff; content: '일반'; text-align: center; }

.latest .article li a .desc strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.85rem; display: block; font-weight: 300; }

.latest .article li a .desc span { display: none; }

.latest .article li a .date { position: absolute; right: 0; top: 0.6rem; }

.latest .article li a .date strong { font-weight: 300; }

.latest .article li a .date strong::before { margin-left: -0.25rem; content: '.'; }

.latest .article li:nth-child(1) a, .latest .article li:nth-child(2) a { position: absolute; left: 0; top: 0; width: calc(50% + 1rem); padding: 0.3rem 0 0.3rem 5.5rem; border-bottom: 0 none; }

.latest .article li:nth-child(1) a .date, .latest .article li:nth-child(2) a .date { height: 4rem; border: 1px solid #999; line-height: 3.9rem; font-size: 0.6rem; position: absolute; left: 0; top: 0; width: 4rem; padding-top: 0.75rem; background-color: #fff; text-align: center; line-height: 1.2; }

.latest .article li:nth-child(1) a .date strong, .latest .article li:nth-child(2) a .date strong { font-size: 1.5rem; display: block; font-weight: 400; }

.latest .article li:nth-child(1) a .date strong::before, .latest .article li:nth-child(2) a .date strong::before { display: none; }

.latest .article li:nth-child(1) a .desc > *, .latest .article li:nth-child(2) a .desc > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #767676; }

.latest .article li:nth-child(1) a .desc strong, .latest .article li:nth-child(2) a .desc strong { font-size: 1rem; margin-bottom: 0.5rem; font-weight: 500; color: #000; }

.latest .article li:nth-child(2) a { top: 5rem; }

.latest .BoardWrap:nth-child(3) h3 a { left: calc(7rem + 4.5rem); }

.latest .BoardWrap:nth-child(3) .article li a::before { content: '학사'; }

.latest .BoardWrap:nth-child(4) h3 a { left: calc(7rem + (4.5rem * 2)); }

.latest .BoardWrap:nth-child(4) .article li a::before { content: '학과'; }

.latest .BoardWrap.active h3 a { background-color: #9c1c2b; font-weight: 600; color: #fff; }

.latest .BoardWrap.active .article, .latest .BoardWrap.active .bbs_more a { display: block; }

.latest.PhotoWrap { padding: 0; }

.latest.PhotoWrap::before, .latest.PhotoWrap::after { display: none; }

.latest.PhotoWrap h3 a { top: 0; left: 12rem; width: 6rem; }

.latest.PhotoWrap .title { margin-bottom: 0.5rem; }

.latest.PhotoWrap .bbs_more a { right: 0; }

.latest.PhotoWrap .bx-wrapper { visibility: hidden; overflow: hidden; height: 0; opacity: 0; }

.latest.PhotoWrap .BoardWrap:nth-child(3) h3 a { left: calc(12rem + 6.5rem); }

.latest.PhotoWrap .BoardWrap:nth-child(3).active .bx-wrapper { margin-top: 0.23rem !important; }

.latest.PhotoWrap .BoardWrap.active .bx-wrapper { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.PhotoWrap { position: relative; z-index: 0; margin: 4.5rem 0; padding: 0 1rem; }

.PhotoWrap h3 { font-size: 1.9rem; margin-bottom: -0.5rem; color: #333; text-align: center; text-transform: uppercase; }

.PhotoWrap li { position: relative; padding: 2rem 2.5rem 1rem 0; }

.PhotoWrap li a { display: block; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap li a::before { position: absolute; right: 1.8rem; top: 1.5rem; width: 0; height: 0; border: 0 none; content: ''; }

.PhotoWrap li a::after { position: absolute; left: 1.8rem; top: -1.5rem; width: 0.4rem; height: 0; background-color: #9c1c2b; content: ''; }

.PhotoWrap li a:hover, .PhotoWrap li a:focus { -webkit-box-shadow: 0.15rem 0.25rem 1rem rgba(0, 0, 0, 0.05); box-shadow: 0.15rem 0.25rem 1rem rgba(0, 0, 0, 0.05); }

.PhotoWrap li a:hover::before, .PhotoWrap li a:focus::before { top: -1.5rem; width: calc(100% - 3.6rem); height: 1.5rem; border-right: 0.4rem solid #9c1c2b; border-top: 0.4rem solid #9c1c2b; -webkit-transition: top 0.2s, height 0.2s, width 0.2s 0.2s; transition: top 0.2s, height 0.2s, width 0.2s 0.2s; }

.PhotoWrap li a:hover::after, .PhotoWrap li a:focus::after { height: 1.5rem; -webkit-transition: height 0.05s 0.4s; transition: height 0.05s 0.4s; }

.PhotoWrap li a:hover .img::before, .PhotoWrap li a:focus .img::before { opacity: 1; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

.PhotoWrap li a:hover .img::after, .PhotoWrap li a:focus .img::after { width: calc(100% - 3.6rem); height: 100%; border-left: 0.4rem solid #9c1c2b; border-bottom: 0.4rem solid #9c1c2b; -webkit-transition: border 0s 0.45s, height 0.2s 0.45s, width 0.2s 0.6s; transition: border 0s 0.45s, height 0.2s 0.45s, width 0.2s 0.6s; }

.PhotoWrap li .img { overflow: hidden; position: relative; z-index: 0; width: 100%; height: 0; padding-top: 55%; }

.PhotoWrap li .img::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 2.1rem; position: absolute; left: 0; width: 100%; margin-top: -1rem; font-family: "xeicon"; color: #fff; content: ''; text-align: center; opacity: 0; -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap li .img::after { position: absolute; left: 1.8rem; top: -1.5rem; width: 0; height: 0; border: 0 none; content: ''; }

.PhotoWrap li .img img { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: -1; width: 100%; }

.PhotoWrap li .desc { padding: 1.75rem; border: 1px solid #e1e2e4; border-top: 0 none; }

.PhotoWrap li .desc span { display: none; }

.PhotoWrap li .desc strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.1rem; display: block; margin-bottom: 0.75rem; font-family: "Nanum Square"; font-weight: 400; color: #000; }

.PhotoWrap li .desc p { display: block; overflow: hidden; height: 2.4rem; line-height: 1.2rem; }

.PhotoWrap .bx-controls-direction a { overflow: hidden; left: -6.5rem; width: 3.75rem !important; height: 3.1rem !important; margin-top: -1.6rem; background: none; text-align: center; line-height: 3.1rem; }

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

.PhotoWrap .bx-controls-direction a::after { position: absolute; left: 0; top: 0; z-index: -1; width: 2rem; height: 100%; background-color: #eeeff0; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

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

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

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

.PhotoWrap .bx-controls-direction a:hover::after, .PhotoWrap .bx-controls-direction a:focus::after { width: 100%; }

.PhotoWrap .bbs_more a { position: absolute; right: 2.5rem; top: 0; color: #999; }

.PhotoWrap .bbs_more a::before { display: inline-block; position: relative; margin-right: 0.2rem; font-family: "xeicon"; content: ''; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }

.PhotoWrap .bbs_more a:hover::before, .PhotoWrap .bbs_more a:focus::before { top: -1px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.calender { position: relative; z-index: 0; color: #fff; }

.calender::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; height: calc(100% + 2.5rem); background-color: #7f7265; }

.calender .group1 { position: relative; z-index: 0; padding: 1rem 0 1.25rem 6.25rem; }

.calender .group1::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; top: auto; bottom: 0; height: 1px; background-color: #fff; opacity: 0.1; }

.calender .group1 .title { font-size: 0.7rem; position: absolute; left: 0; top: 1.35rem; width: 6.25rem; text-align: center; line-height: 1; }

.calender .group1 .title strong { font-size: 2rem; display: block; font-weight: 700; }

.calender .group1 .list { position: relative; padding: 0 2.25rem; }

.calender .group1 .list ul { -webkit-transform: translate3d(-600px, 0px, 0px); transform: translate3d(-600px, 0px, 0px); }

.calender .group1 .list li { position: relative; padding-top: 0.5rem; text-align: center; }

.calender .group1 .list li::before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; position: absolute; top: 0; width: 0.25rem; height: 0.25rem; border-radius: 100%; background-color: #0e315b; content: ''; }

.calender .group1 .list li.active span { background-color: #0e315b; }

.calender .group1 .list li.today::before { display: block; }

.calender .group1 .list span { display: inline-block; width: 1.5rem; height: 1.5rem; border-radius: 100%; line-height: 1.5rem; }

.calender .group1 .bx-controls-direction a { overflow: hidden; left: -2.5rem; top: 0.25rem; width: 2rem !important; height: 3rem !important; margin-top: 0; background: none rgba(0, 0, 0, 0.2); -webkit-transition: all 0.2s; transition: all 0.2s; }

.calender .group1 .bx-controls-direction a::before { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; position: absolute; width: 1rem; height: 0.3rem; margin-top: -0.1rem; border-bottom: 1px solid #fff; border-left: 1px solid #fff; content: ''; -webkit-transform: skew(-45deg) translate(-50%, -50%); transform: skew(-45deg) translate(-50%, -50%); }

.calender .group1 .bx-controls-direction a.bx-next { left: auto; right: -2.5rem; }

.calender .group1 .bx-controls-direction a.bx-next::before { border-left: 0 none; border-right: 1px solid #fff; -webkit-transform: skew(45deg) translate(-50%, -50%); transform: skew(45deg) translate(-50%, -50%); }

.calender .group1 .bx-controls-direction a:hover, .calender .group1 .bx-controls-direction a:focus { background: none rgba(0, 0, 0, 0.5); }

.calender .group2 { position: relative; padding: 1rem 4rem 1rem 6.25rem; line-height: 1.75rem; }

.calender .group2 .title { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1.75rem; border: 1px solid rgba(255, 255, 255, 0.3); line-height: 1.65rem; position: absolute; left: 0.5rem; width: 4.75rem; border-radius: 1.5rem; font-weight: 600; text-align: center; }

.calender .group2 .list { overflow: hidden; white-space: nowrap; }

.calender .group2 .list li { display: inline-block; margin-right: 1.25rem; vertical-align: middle; }

.calender .group2 .list strong { margin-right: 0.25rem; font-weight: 600; }

.calender .group2 .more { position: absolute; right: 0; top: 1.1rem; }

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

.calender .group2 .more:hover::before, .calender .group2 .more:focus::before { top: -1px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.about { position: relative; z-index: 0; display: inline-block; width: calc(100% + 6rem); margin: 0 -3rem; padding: 3.75rem 0; background-color: #f0f2f6; word-break: keep-all; }

.about::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; top: 2.5rem; height: calc(100% - 2.5rem); background-color: #f0f2f6; }

.about::after { position: absolute; right: 20rem; top: 3.75rem; width: 1px; height: calc(100% - 7.5rem); background-color: #dfe0e1; content: ''; }

.about .desc { font-size: 0.85rem; line-height: 1.76471; float: left; position: relative; width: calc(100% - 23rem); padding: 1.5rem 0 1.5rem 20.25rem; }

.about .desc .img { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 19rem; text-align: center; }

.about .desc .title { font-size: 1.6rem; font-family: "Nanum Square"; color: #333; }

.about .desc .title::after { display: block; width: 2rem; height: 1px; margin: 1rem 0 1.5rem; background-color: #373d54; content: ''; }

.about .menu { float: right; width: 20rem; padding: 0 2.5rem 0 3rem; }

.about .menu li { float: left; width: 50%; }

.about .menu li:nth-child(n + 3) { margin-top: 1rem; }

.about .menu a { display: block; font-weight: 500; color: #333; text-align: center; }

.about .menu a:hover .icon, .about .menu a:focus .icon { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.about .menu .icon { display: block; width: 5rem; height: 5rem; margin: 0 auto 0.5rem; border-radius: 100%; background-color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; }

.latest .article li:nth-child(1) a .desc strong > i, .latest .article li:nth-child(2) a .desc strong > i{color:#9c1c2b;}

@media (max-width: 1700px) { .visual .list .bx-controls-direction a { overflow: hidden; left: -3rem; width: 4rem; height: 2.5rem; padding-left: 4rem; }
  .visual .list .bx-controls-direction a.bx-next { left: calc(200% - 1rem); } }

@media (max-width: 1380px) { .visual .list .bx-controls-direction a { left: 1rem; }
  .visual .list .bx-controls-direction a.bx-next { left: calc(200% - 5rem); }
  .PhotoWrap .bx-controls-direction a { left: -2rem; }
  .PhotoWrap .bx-controls-direction a.bx-next { right: -2rem; } }

@media (max-width: 1280px) { .about { width: 100%; margin: 0; }
  .about::after { right: 15rem; }
  .about .desc { width: calc(100% - 17rem); padding-left: 14rem; }
  .about .desc .img { width: 12rem; }
  .about .desc .img img { width: 10rem; }
  .about .menu { width: 15rem; padding: 0 1.5rem; } }

@media (max-width: 1024px) { .visual { height: auto; padding-bottom: 3rem; }
  .visual .list .bx-controls-direction { display: none; }
  .visual .desc { margin-bottom: 4rem; min-height: auto; }
  .visual .quick { font-size: 0.8rem; }
  .about { padding-bottom: 2rem; }
  .about::after { display: none; }
  .about .desc { float: none; width: 100%; padding-top: 0; padding-bottom: 0; }
  .about .menu { float: none; width: 100%; margin-top: 2rem; padding: 1rem 0 0; border-top: 1px solid #dfe0e1; }
  .about .menu li { width: 25%; margin-top: 1rem; } }

@media (max-width: 768px) { .visual { padding: 1rem 0; }
  .visual .list { position: static; height: auto; padding: 1.5rem 2rem 0 0; background-color: #0e315a; }
  .visual .list li { height: auto; }
  .visual .list img { position: static; width: 100%; height: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .visual .desc { margin-bottom: 1rem; padding: 2rem; }
  .visual .quick { padding-left: 0; }
  .visual .quick .title { display: block; position: static; width: 100%; height: auto; margin-bottom: 0.5rem; padding-bottom: 1rem; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .latest { padding: 1rem 0; }
  .latest::after { left: 12rem; top: calc(3.25rem + 1.1rem); }
  .latest .title { margin-bottom: 3.5rem; text-align: center; }
  .latest .bbs_more a { top: 3.25rem; }
  .latest .BoardWrap h3 a { top: 3.25rem; left: 0; }
  .latest .BoardWrap:nth-child(3) h3 a { left: 3.5rem; }
  .latest .BoardWrap:nth-child(4) h3 a { left: 7rem; }
  .latest .article { min-height: 0; padding-left: 0; }
  .latest .article li:nth-child(1) a, .latest .article li:nth-child(2) a { position: relative; top: 0; width: 100%; margin-bottom: 1rem; padding-left: 5rem; }
  .latest.PhotoWrap .title { margin-bottom: 3rem; }
  .latest.PhotoWrap .BoardWrap:nth-child(3) h3 a { left: 5.5rem; }
  .PhotoWrap { margin: 1rem 0; }
  .PhotoWrap .bbs_more a { top: 1rem; right: 0; }
  .PhotoWrap li { width: 280px !important; padding-right: 1rem; }
  .calender .group1 { padding: 1rem 0; }
  .calender .group1 .title { position: static; width: 100%; text-align: center; }
  .calender .group2 { padding: 1rem 0; }
  .calender .group2 .title { display: inline-block; position: static; margin-bottom: 0.5rem; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .calender .group2 .list { white-space: normal; line-height: 1.5; }
  .calender .group2 .list li { width: 100%; margin-right: 0; }
  .calender .group2 .list strong { float: left; width: 8rem; margin: 0; padding-left: 0.5rem; }
  .calender .group2 .list span { float: left; width: calc(100% - 8rem); margin: 0; }
  .about .desc { padding-left: 0; text-align: center; }
  .about .desc .title { line-height: 1.2; }
  .about .desc .title::after { margin: 1rem auto; }
  .about .desc .img { position: static; width: 100%; margin-bottom: 1rem; padding-right: 3%; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .about .desc .img img { width: auto; } }

@media (max-width: 530px) { .visual .desc { padding: 1rem; }
  .visual .desc strong { font-size: 1.5rem; }
  .visual .quick { padding-bottom: 1rem; }
  .visual .quick li { float: left; width: 33.333%; margin-top: 1rem; }
  .PhotoWrap .bbs_more a { overflow: hidden; width: 1rem; white-space: nowrap; }
  .PhotoWrap.latest .bbs_more a { width: 2.2rem; }
  .calender .group1 .list li { width: 30px !important; }
  .about { padding: 2rem 0 1rem; }
  .about .menu { margin-top: 1rem; padding-top: 0; }
  .about .menu li { width: 50%; } }