@charset "utf-8";

/* 비주얼 */
.wrap-visual {position: relative;}
.wrap-visual .img-slider {position: relative; text-align: center;}
.wrap-visual .img-slider li {position:relative;}
/* .wrap-visual .img-slider li::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3)} */
.wrap-visual .img-slider img {position: relative; left: 50%; display: block; max-width: none; max-height: 96rem; height: 100%; transform: translate(-50%,0);}
.wrap-visual .util {position: absolute; left: 0; bottom: 12rem; z-index: 20; width: 100%; text-align: left;}
.wrap-visual .util .text-slider li {position: relative;}
.wrap-visual .util .line {position: relative; left: -10rem; opacity: 0; display: flex; align-items: center; margin-top: 3.5rem;}
.wrap-visual .slogan {position: relative; left: -10rem; opacity: 0;}
.wrap-visual .slogan strong {font-family: pbl; font-size: 4.5rem; color: #fff;}
.wrap-visual .slogan p {margin-top: 1rem; font-family: pr; font-size: 1.8rem; color: #fff;}
.wrap-visual .slogan a {display: inline-flex; justify-content: center; align-items: center; height: 5rem; margin-top: 3.5rem; padding: 0 1.8rem; border: 1px solid #fff; font-family: pm; font-size: 1.4rem; color: #fff;}
.wrap-visual .slogan a::after {content: ''; display: block; width: .6rem; height: .9rem; margin-left: 6rem; background: url('../../images/main/btn-visual-more.png') no-repeat center top / .6rem auto;}
.wrap-visual .slogan a:hover {background: #fff; color: #222;}
.wrap-visual .slogan a:hover::after {background-position: center bottom !important;}
.wrap-visual .state {display: flex; align-items: center; position: relative; top: .15rem; width: 12.5rem;}
.wrap-visual .state .now,
.wrap-visual .state .total {font-family: pb; font-size: 1.6rem; color: #fff;}
.wrap-visual .state .now {width: 2.2rem;}
.wrap-visual .state .now.under10::before,
.wrap-visual .state .total.under10::before {content: '0';}
.wrap-visual .state .slash {width: .6rem; height: 1.4rem; margin: 0 1.5rem 0 1.3rem; background: url('../../images/main/ic-visual-slash.png') no-repeat center; text-indent: -99999px;}
.wrap-visual .control {display: flex; align-items: center;}
.wrap-visual .control button {width: .9rem; height: 1.6rem; text-indent: -9999rem;}
.wrap-visual .control button.on {display: block;}
.wrap-visual .control .prev {background: url('../../images/main/btn-visual-prev.png') no-repeat center / .9rem auto;}
.wrap-visual .control .next {background: url('../../images/main/btn-visual-next.png') no-repeat center / .9rem auto;}
.wrap-visual .control .stop {display: none; margin: 0 2.7rem; background: url('../../images/main/btn-visual-stop.png') no-repeat center / 1rem auto;}
.wrap-visual .control .play {display: none; margin: 0 2.7rem; background: url('../../images/main/btn-visual-play.png') no-repeat center / 1rem auto;}

@media screen and (min-width: 1930px) {
	.wrap-visual .img-slider img {width: 100%;}
}

@media screen and (max-width: 1400px) {
	.wrap-visual .img-slider img {height: 88rem;}
	.wrap-visual .slogan strong {font-size: 4rem;}
	.wrap-visual .slogan p {font-size: 1.7rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-visual .img-slider img {height: 78rem;}
	.wrap-visual .slogan strong {font-size: 3.5rem;}
	.wrap-visual .util {bottom: 7rem;}
}

@media screen and (max-width: 900px) {
	.wrap-visual .img-slider img {height: 65em;}
	.wrap-visual .slogan strong {font-size: 3em;}
	.wrap-visual .slogan p {font-size: 1.3rem;}
}

@media screen and (max-width: 700px) {
	.wrap-visual .img-slider img {height: 100vh; max-height: 100vh;}
	.wrap-visual.top-on .img-slider img {height: 48rem;}
	.wrap-visual .slogan strong {font-size: 2.2rem;}
	.wrap-visual .slogan p {margin-top: .5rem; font-size: 1.2rem;}
	.wrap-visual .slogan a {height: 4rem; margin-top: 2rem; padding: 0 1.2rem; font-size: 1.2rem;}
	.wrap-visual .slogan a::after {margin-left: 3.5rem;}
	.wrap-visual .util {bottom: 3rem;}
	.wrap-visual .util .line {margin-top: 1.6rem;}
}

.wrap-video-box {padding-bottom: 96rem;}
.wrap-video {overflow: hidden; position: absolute; left: 0; top: 0; z-index: 15; width: 100%; height: 100%;}
.wrap-video::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../../images/main/video-pattern.png'); opacity: .4;}
.wrap-video video {position: relative; left: 50%; top: 0; display: block; max-width: none; width: 100%; height: 104%; object-fit: cover; transform: translate(-50%,0%);}
.wrap-video .close-video {position: absolute; left: calc(50% - 4rem); bottom: 8rem; z-index: 20; width: 8.1rem; height: 8.1rem; background: url('../../images/main/btn-movie-close.png') no-repeat center / cover; text-indent: -9999rem; transition: transform .35s;}
.wrap-video .close-video:hover {transform: rotate(270deg);}

@media screen and (max-width: 1400px) {
	.wrap-video-box {padding-bottom: 88rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-video-box {padding-bottom: 78rem;}
}

@media screen and (max-width: 900px) {
	.wrap-video-box {padding-bottom: 65rem;}
}

@media screen and (max-width: 700px) {
	.wrap-video-box {padding-bottom: 100vh;}
	.wrap-visual.top-on .wrap-video-box {height: 100vh; max-height: 100vh;}
}

/* 이슈 */
.wrap-issue.top {position: relative; padding-top: 10rem;}
.wrap-issue.top::after {content: ''; position: absolute; right: 0; top: 0; width: 4.6rem; height: 26.1rem; background: url('../../images/main/deco-issue.png') no-repeat center top / 4.6rem auto; opacity: var(--after-opacity, 0); transform: translateY(var(--after-y, 20px));}
.wrap-issue.bottom {padding-bottom : 10rem;}
.wrap-issue .big-slider .box {display: flex; align-items: flex-end;}
.wrap-issue .big-slider .img-slider {position: relative; left: -10rem; overflow: hidden; flex-shrink: 0; width: 96rem; margin-right: -10rem; transform: translate(-10rem, 0); opacity: 0;}
.wrap-issue .big-slider .thumb {overflow: hidden; display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 100%; height: 58rem;}
.wrap-issue .big-slider .thumb img {width: 110%; height: 100%; object-fit: cover; transition: transform .75s;}
.wrap-issue .big-slider .thumb:hover img {transform: scale(1.06)}
.wrap-issue .big-slider .desc {width: calc(100% - 86rem); opacity: 0;}
.wrap-issue .big-slider .desc .title {display: flex; flex-direction: column; align-items: flex-start; padding: 0 0 5rem 8rem; transform: translate(10rem, 0); opacity: 0;}
.wrap-issue .big-slider .desc .title span {font-family: pb; font-size: 1.8rem; color: #0064ef;}
.wrap-issue .big-slider .desc .title strong {margin-top: 1rem; font-family: peb; font-size: 5.5rem; line-height: 1; color: #000000;}
.wrap-issue .big-slider .desc .title em {font-family: pm; font-size: 1.8rem; color: #5f5f5f;}
.wrap-issue .big-slider .detail {position: relative; padding: 6rem 0 6rem 8rem;}
.wrap-issue .big-slider .detail::after {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: calc(100% + 10rem); height: 100%; background: #f5f9fc;}
.wrap-issue .big-slider .detail .text strong {overflow: hidden; display: -webkit-box; margin-bottom: 6rem; font-family: pb; font-size: 3.4rem; color: #000; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.wrap-issue .big-slider .detail .text strong span {position: relative;}
.wrap-issue .big-slider .detail .text strong span::after {content: ''; position: absolute; left: 0; bottom: -.2rem; width: 0; height: .2rem; background: #000; transition: width .35s;}
.wrap-issue .big-slider .detail:hover .text strong span::after {width: 100%;}
.wrap-issue .big-slider .detail .text p {overflow: hidden; display: -webkit-box; margin-bottom: 11rem; font-family: pm; font-size: 2rem; color: #5f5f5f; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrap-issue .big-slider .detail .util {position: relative; left: 10rem; opacity: 0; display: flex; justify-content: space-between; align-items: center;}
.wrap-issue .big-slider .detail .more a {display: none; align-items: center; font-family: pm; font-size: 1.6rem; color: #0064ef;}
.wrap-issue .big-slider .detail .more a.on {display: flex;}
.wrap-issue .big-slider .detail .more a::after {content: ''; display: block; width: 1rem; height: 1rem; margin-left: 3rem; background: url('../../images/main/btn-issue-more.png') no-repeat center / 1rem auto; transition: transform .35s;}
.wrap-issue .big-slider .detail:hover .more a::after {transform: rotate(270deg);}
.wrap-issue .big-slider .detail .more span {position: relative;}
.wrap-issue .big-slider .detail .more span::after {content: ''; position: absolute; left: 0; bottom: -.2rem; width: 0; height: .1rem; background: #0064ef; transition: width .35s;}
.wrap-issue .big-slider .detail:hover .more span::after {width: 100%;}
.wrap-issue .big-slider .detail .text-slider {position: relative; left: 10rem; opacity: 0;}
.wrap-issue .big-slider .detail .text-slider a {display: block;}
.wrap-issue .big-slider .button {display: flex; align-items: center;}
.wrap-issue .big-slider .state {display: flex; align-items: center; position: relative; top: 0; width: 13rem;}
.wrap-issue .big-slider .state .now,
.wrap-issue .big-slider .state .total {font-family: psb; font-size: 1.6rem; color: #888888;}
.wrap-issue .big-slider .state .now {color: #0b4da2;}
.wrap-issue .big-slider .state .now.under10::before,
.wrap-issue .big-slider .state .total.under10::before {content: '0';}
.wrap-issue .big-slider .state .slash {width: .6rem; height: 1.4rem; margin: 0 1.5rem 0 1.3rem; background: url('../../images/main/ic-issue-slash.png') no-repeat center / .6rem auto; text-indent: -99999px;}
.wrap-issue .big-slider .control {display: flex; align-items: center;}
.wrap-issue .big-slider .control button {width: .9rem; height: 1.6rem; text-indent: -9999rem;}
.wrap-issue .big-slider .control button.on {display: block;}
.wrap-issue .big-slider .control .prev {background: url('../../images/main/btn-issue-prev.png') no-repeat center / .9rem auto;}
.wrap-issue .big-slider .control .next {background: url('../../images/main/btn-issue-next.png') no-repeat center / .9rem auto;}
.wrap-issue .big-slider .control .stop {display: none; margin: 0 2.7rem; background: url('../../images/main/btn-issue-stop.png') no-repeat center / .9rem auto;}
.wrap-issue .big-slider .control .play {display: none; margin: 0 2.7rem; background: url('../../images/main/btn-issue-play.png') no-repeat center / .9rem auto;}

@media screen and (max-width: 1600px) {
	.wrap-issue .big-slider .img-slider {width: 51.5%;}
	.wrap-issue .big-slider .detail {padding: 6rem 0 6rem 5rem;}
	.wrap-issue .big-slider .desc {width: calc(100% - 48.5%);}
	.wrap-issue .big-slider .desc .title {padding: 0 0 5rem 5rem;}
}

@media screen and (max-width: 1400px) {
	.wrap-issue .big-slider .desc .title span {font-size: 1.7rem;}
	.wrap-issue .big-slider .desc .title strong {font-size: 5rem;}
	.wrap-issue .big-slider .desc .title em {font-size: 1.7rem;}
	.wrap-issue .big-slider .detail .text strong {font-size: 3rem;}
	.wrap-issue .big-slider .detail .text p {font-size: 1.8rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-issue.top {padding-top: 7rem;}
	.wrap-issue.bottom {padding-bottom : 7rem;}
	.wrap-issue .big-slider .img-slider {width: 40%;}
	.wrap-issue .big-slider .thumb {height: 48rem;}
	.wrap-issue .big-slider .desc {width: calc(100% - 35.5%);}
	.wrap-issue .big-slider .desc .title {padding: 0 0 4rem 3rem;}
	.wrap-issue .big-slider .desc .title strong {font-size: 4rem;}
	.wrap-issue .big-slider .detail {padding: 4rem 0 4rem 3rem;}
	.wrap-issue .big-slider .detail .text strong {margin-bottom: 3rem;}
	.wrap-issue .big-slider .detail .text p {margin-bottom: 7rem;}
}

@media screen and (max-width: 900px) {
	.wrap-issue.top::after {display: none;}
	.wrap-issue .big-slider .box {flex-direction: column; align-items: center;}
	.wrap-issue .big-slider .img-slider {left: 0; width: 100%; margin-right: 0;}
	.wrap-issue .big-slider .thumb {height: 36rem; margin-top: 10rem; margin-bottom: 2rem;}
	.wrap-issue .big-slider .desc {width: 100%;}
	.wrap-issue .big-slider .desc .title {position: absolute; left: 4rem; top: 0; padding: 0;}
	.wrap-issue .big-slider .desc .title span {font-size: 1.6rem;}
	.wrap-issue .big-slider .desc .title em {font-size: 1.6rem;}
	.wrap-issue .big-slider .detail {padding: 3rem 0;}
	.wrap-issue .big-slider .detail::after {left: -4rem;}
	.wrap-issue .big-slider .detail .text strong {font-size: 2.6rem;}
	.wrap-issue .big-slider .detail .text p {font-size: 1.7rem;}
}

@media screen and (max-width: 700px) {
	.wrap-issue.top {padding-top: 4rem;}
	.wrap-issue.bottom {padding-bottom : 5rem;}
	.wrap-issue .big-slider .thumb {height: 28rem;}
	.wrap-issue .big-slider .img-slider {transform: translate(10rem, 0);}
	.wrap-issue .big-slider .desc .title {left: 2rem;}
	.wrap-issue .big-slider .desc .title span {font-size: 1.4rem;}
	.wrap-issue .big-slider .desc .title em {display: none;}
	.wrap-issue .big-slider .detail .text strong {font-size: 2.4rem;}
	.wrap-issue .big-slider .detail .text p {margin-bottom: 3rem; font-size: 1.6rem;}
	.wrap-issue .big-slider .detail .more a {font-size: 1.4rem;}
	.wrap-issue .big-slider .detail .more a::after {margin-left: 2.5rem;}
	.wrap-issue .big-slider .state {width: 11rem;}
	.wrap-issue .big-slider .state .now,
	.wrap-issue .big-slider .state .total {font-size: 1.4rem;}
}

.wrap-issue .small-slider {position: relative; margin-top: 6rem;}
.wrap-issue .small-slider .slider {overflow: hidden; position: relative; left: 50%; padding: 2rem; width: calc(100% + 4rem); transform: translate(-50%, 0); }
.wrap-issue .small-slider .slider a {display: block; box-shadow: 0 0 2rem rgba(0,0,0,.1); transform: translate(0, 10rem); opacity: 0;}
.wrap-issue .small-slider .slider a:focus-visible {outline: .1rem solid red}
.wrap-issue .small-slider .slider .thumb {overflow: hidden; display: flex; align-items: center; height: 42rem;}
.wrap-issue .small-slider .slider .thumb img {width: 100%; height: 100%; object-fit: cover; transition: transform .75s;}
.wrap-issue .small-slider .slider .swiper-slide:hover img {transform: scale(1.1)}
.wrap-issue .small-slider .slider .desc {display: flex; align-items: center; height: 10rem;}
.wrap-issue .small-slider .slider .desc strong {overflow: hidden; display: -webkit-box; padding: 0 2rem; font-family: psb; font-size: 2rem; line-height: 1.4; color: #000000; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrap-issue .small-slider .control {position: absolute; left: 50%; top: 31%; z-index: 1; width: calc(100% + 4rem); height: 0; display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; transform: translate(-50%, 0);}
.wrap-issue .small-slider .control button {display: flex; justify-content: center; align-items: center; width: 7rem; height: 7rem; border-radius: 100%; text-indent: -99999rem;}
.wrap-issue .small-slider .control button.prev {background: rgba(102,100,101,.6) url('../../images/main/btn-issue-list-prev.png') no-repeat center / 1.1rem auto; transform: translate(-50%, 0);}
.wrap-issue .small-slider .control button.next {background: rgba(102,100,101,.6) url('../../images/main/btn-issue-list-next.png') no-repeat center / 1.1rem auto; transform: translate(50%, 0);}
.wrap-issue .small-slider .control button:hover {background-color: rgba(0,100,239,.6) !important;}
.wrap-issue .small-slider .control2 {position: absolute; right: 0; top: -2rem;}
.wrap-issue .small-slider .control2 .stop,
.wrap-issue .small-slider .control2 .play {display: none; width: .9rem; height: 1.6rem; text-indent: -99999rem;}
.wrap-issue .small-slider .control2 .stop {background: url('../../images/main/btn-issue-stop.png') no-repeat center / .9rem auto;}
.wrap-issue .small-slider .control2 .play {background: url('../../images/main/btn-issue-play.png') no-repeat center / .9rem auto;}
.wrap-issue .small-slider .control2 .on {display: flex;}
.wrap-issue .small-slider .more {display: flex; justify-content: center; align-items: center; margin-top: 5rem; transform: translate(0, 5rem); opacity: 0;}
.wrap-issue .small-slider .more a {display: inline-flex; justify-content: center; align-items: center; height: 5.5rem; padding: 0 3rem; background: #0b4da2; font-family: pm; font-size: 1.4rem; color: #fff;}
.wrap-issue .small-slider .more a::after {content: ''; display: block; width: 1rem; height: 1rem; margin-left: 4rem; background: url('../../images/main/btn-issue-list-more.png') no-repeat center center / 1rem auto; transition: transform .35s;}
.wrap-issue .small-slider .more a:hover::after {transform: rotate(270deg);}
.wrap-issue .small-slider .more a:hover {background: #074089;}
.wrap-issue .small-slider .nodata {display: flex; justify-content: center; align-items: center; font-size: 1.7rem; padding: 3rem 0;}

@media screen and (max-width: 1880px) {
	.wrap-issue .small-slider .control {padding: 0 2rem;}
}

@media screen and (max-width: 1400px) {
	.wrap-issue .small-slider .slider .thumb {height: 41rem;}
	.wrap-issue .small-slider .slider .desc strong {font-size: 1.8rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-issue .small-slider .slider .thumb {height: 31rem;}
	.wrap-issue .small-slider .slider .desc strong {font-size: 1.7rem;}
	.wrap-issue .small-slider .control {top: 27%;}
	.wrap-issue .small-slider .control button {width: 6rem; height: 6rem;}
}

@media screen and (max-width: 700px) {
	.wrap-issue .small-slider {margin-top: 0;}
	.wrap-issue .small-slider .slider {width: 100%;}
	.wrap-issue .small-slider .slider .thumb {height: 25rem;}
	.wrap-issue .small-slider .slider .thumb img {top: 0; height: 100%;}
	.wrap-issue .small-slider .slider .desc {height: 7rem;}
	.wrap-issue .small-slider .slider .desc strong {font-size: 1.4rem;}
	.wrap-issue .small-slider .slider a {box-shadow: 0 0 2rem rgba(0,0,0,0); transition: box-shadow .35s;}
	.wrap-issue .small-slider .slider .swiper-slide-visible a {box-shadow: 0 0 2rem rgba(0,0,0,.1);}
	.wrap-issue .small-slider .control {top: 33.5%; width: 100%;}
	.wrap-issue .small-slider .control button {width: 4rem; height: 4rem;}
	.wrap-issue .small-slider .control2 {display: none;}
	.wrap-issue .small-slider .more {margin-top: 1rem;}
	.wrap-issue .small-slider .more a {height: 4rem; padding: 0 1.5rem; font-size: 1.2rem;}
	.wrap-issue .small-slider .more a::after {margin-left: 3rem;}
}

@media screen and (max-width: 600px) {
	.wrap-issue .small-slider .slider .thumb {height: 19rem;}
}

/* 일정 */
.wrap-sch {padding: 9.5rem 0 10rem 0; background: url('../../images/main/bg-sch.jpg') no-repeat center top / cover; filter: grayscale(100%); transition: filter 0.3s;}
.wrap-sch .title {position: relative; top: -5rem; opacity: 0; display: flex; flex-direction: column; align-items: center;}
.wrap-sch .title span {font-family: pb; font-size: 1.8rem; color: #fff;}
.wrap-sch .title strong {margin-top: .5rem; font-family: peb; font-size: 5.5rem; line-height: 1; color: #fff;}
.wrap-sch .cal {position: relative; margin-top: 5.5rem;}
.wrap-sch .cal .more {position: absolute; right: 4rem; top: 0; z-index: 1; display: inline-flex; justify-content: center; align-items: center; height: 5.5rem; padding: 0 3rem; border: 1px solid #fff; font-family: pm; font-size: 1.4rem; color: #fff; transform: translate(0, -5rem); opacity: 0;}
.wrap-sch .cal .more:hover {background: #fff; color: #074089;}
.wrap-sch .cal .more::after {content: ''; display: block; width: 1rem; height: 1rem; margin-left: 4rem; background: url('../../images/main/btn-issue-list-more.png') no-repeat center center / 1rem auto; transition: transform .35s;}
.wrap-sch .cal .more:hover::after {background: url('../../images/main/btn-issue-list-more-ov.png') no-repeat center center / 1rem auto; transform: rotate(270deg);}
.wrap-sch .cal .month {position: relative; top: -5rem; opacity: 0; display: flex; justify-content: center; font-family: pb; font-size: 6rem; text-align: center; line-height: 1; color: #ffffff;}
.wrap-sch .cal .list {position: relative; padding: 0 4rem; margin-top: 5rem;}
.wrap-sch .cal .list .slider {overflow: hidden; border-top: .1rem solid #ffffff; border-bottom: .1rem solid #fff;}
.wrap-sch .cal .list .slider li {position: relative; left: 10rem; opacity: 0; display: flex; flex-direction: column; height: 24rem; padding-top: 6.5rem;}
.wrap-sch .cal .list .box {padding-left: 14rem; background: url('../../images/main/bg-sch-list.png') no-repeat 7rem center / 5.5rem auto;}
.wrap-sch .cal .list .date {font-family: pb; font-size: 2.6rem; color: #ffffff;}
.wrap-sch .cal .list .date strong {font-size: 4rem;}
.wrap-sch .cal .list .text {overflow: hidden; display: -webkit-box; margin-top: 1.5rem; font-family: pr; font-size: 2rem; color: #ffffff; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.wrap-sch .cal .list .control {position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; height: 0; display: flex; justify-content: space-between; align-items: center;}
.wrap-sch .cal .list .control button {display: flex; justify-content: center; align-items: center; width: 3rem; height: 5rem; text-indent: -99999rem; opacity: .5; transition: opacity .35s;}
.wrap-sch .cal .list .control button.prev {background: url('../../images/main/btn-sch-prev.png') no-repeat center / 3rem auto;}
.wrap-sch .cal .list .control button.next {background: url('../../images/main/btn-sch-next.png') no-repeat center / 3rem auto;}
.wrap-sch .cal .list .control button:hover {opacity: 1;}

@media screen and (max-width: 1700px) {
	.wrap-sch .cal .month {font-size: 5rem;}
	.wrap-sch .cal .list .date {font-size: 2.3rem;}
	.wrap-sch .cal .list .date strong{font-size: 3.5rem;}
	.wrap-sch .cal .list .text {font-size: 1.8rem;}
	.wrap-sch .cal .list .box {padding-left: 10rem; background-position: 2.5rem center !important;}
}

@media screen and (max-width: 1400px) {
	.wrap-sch .title span {font-size: 1.7rem;}
	.wrap-sch .title strong {font-size: 5rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-sch {padding: 6.5rem 0 7rem 0;}
	.wrap-sch .title span {font-size: 1.6rem;}
	.wrap-sch .title strong {font-size: 4rem;}
	.wrap-sch .cal {margin-top: 3.5rem;}
	.wrap-sch .cal .more {height: 4.5rem; padding: 0 2rem;}
	.wrap-sch .cal .month {font-size: 4rem;}
	.wrap-sch .cal .list {margin-top: 4rem;}
	.wrap-sch .cal .list .date {font-size: 2rem;}
	.wrap-sch .cal .list .date strong {font-size: 3.2rem;}
	.wrap-sch .cal .list .text {font-size: 1.7rem;}
}

@media screen and (max-width: 900px) {
	.wrap-sch .cal .list .box {padding-left: 35%; padding-right: 18%; background-position: 20% center !important;}
}

@media screen and (max-width: 700px) {
	.wrap-sch {padding: 4.5rem 0 5rem 0;}
	.wrap-sch .title span {font-size: 1.4rem;}
	.wrap-sch .cal .month {font-size: 3.2rem;}
	.wrap-sch .cal .more {position: relative; left: 50%; transform: translate(-50%, 0) !important; height: 4rem; margin-bottom: 4rem; padding: 0 1.5rem; font-size: 1.2rem;}
	.wrap-sch .cal .more::after {margin-left: 3rem;}
	.wrap-sch .cal .list {margin-top: 2.5rem; padding: 0;}
	.wrap-sch .cal .list li {height: 21.5rem; padding-top: 4.5rem;}
	.wrap-sch .cal .list .slider li {height: 17rem; padding-top: 4.5rem;}
	.wrap-sch .cal .list .date strong {font-size: 2.6rem;}
	.wrap-sch .cal .list .date {font-size: 2.6rem;}
	.wrap-sch .cal .list .text {margin-top: 1rem; font-size: 2rem;}
}

/* 공지사항 */
.wrap-notice {padding: 9.5rem 0 6rem 0;}
.wrap-notice .title {position: relative; top: -5rem; opacity: 0; display: flex; flex-direction: column; align-items: center;}
.wrap-notice .title span {font-family: pb; font-size: 1.8rem; color: #0064ef;}
.wrap-notice .title strong {margin-top: .5rem; font-family: peb; font-size: 5.5rem; line-height: 1; color: #000000;}
.wrap-notice .latest .tab {position: relative; top: -5rem; opacity: 0; display: flex; justify-content: center; align-items: center; margin-top: 4rem;}
.wrap-notice .latest .tab ul {display: flex; justify-content: center; align-items: center;}
.wrap-notice .latest .tab li {margin: 0 2rem;}
.wrap-notice .latest .tab button {font-family: psb; font-size: 2.6rem; color: #888;}
.wrap-notice .latest .tab .on button,
.wrap-notice .latest .tab button:hover {color: #0064ef;}
.wrap-notice .latest .tab button span {position: relative;}
.wrap-notice .latest .tab button span::after {content: ''; position: absolute; left: 0; bottom: -.1rem; width: 0; height: .2rem; background: #0064ef; transition: width .35s;}
.wrap-notice .latest .tab .on button span::after,
.wrap-notice .latest .tab button:hover span::after {width: 100%;}
/*
.wrap-notice .latest .tab .on button span::before,
.wrap-notice .latest .tab button:hover span::before {content: ''; position: absolute; left: calc(100% - 1.2rem); top: -.5rem; z-index: -1; width: 2.3rem; height: 2.3rem; background: #b4e0f4; border-radius: 100%;}
*/
.wrap-notice .latest .tab .more {display: flex; width: 6rem; height: 6rem; margin-left: 4rem; background: url('../../images/main/btn-notice-more.png') no-repeat center / 1.9rem auto; border: .1rem solid #e7e7e7; border-radius: 100%; text-indent: -9999rem; transition: transform .35s;}
.wrap-notice .latest .tab .more:hover {transform: rotate(270deg);}
.wrap-notice .latest .list {margin-top: 4rem;}
.wrap-notice .latest .list ul {display: none; flex-wrap: wrap; width: calc(100% + 4rem);}
.wrap-notice .latest .list ul.on {display: flex;}
.wrap-notice .latest .list li {position: relative; top: 10rem; opacity: 0; width: 25%; padding: 0 4rem 4rem 0;}
.wrap-notice .latest .list a {position: relative; display: block;}
.wrap-notice .latest .list > a {position: absolute; left: -99999rem;}
.wrap-notice .latest .list .box {display: flex; flex-direction: column; height: 28rem; padding: 3rem; border: 1px solid #dddddd; border-radius: 0 0 4rem 0; transition: background-color .35s;}
.wrap-notice .latest .list .box strong {overflow: hidden; display: -webkit-box; min-height: 7rem; font-family: pb; font-size: 2.4rem; color: #000; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrap-notice .latest .list .box p {overflow: hidden; display: -webkit-box; min-height: 7.3rem; padding-top: 2rem; margin-top: 2rem; border-top: .1rem solid #cbcbcb; font-family: pm; font-size: 1.8rem; color: #666666; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrap-notice .latest .list .box .date {margin-top: 3rem; font-family: pm; font-size: 1.6rem; color: #888888;}
.wrap-notice .latest .list a:hover .box {background: #0069b2 /*url('../../images/main/bg-notice-list.png') no-repeat center / 22rem auto*/;}
.wrap-notice .latest .list a:hover .box strong {color: #fff;}
.wrap-notice .latest .list a:hover .box p {border-color: rgba(255,255,255,.3); color: #fff;}
.wrap-notice .latest .list a:hover .box .date {color: rgba(255,255,255,.5);}
.wrap-notice .latest .list .cate {position: absolute; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 6.5rem; height: 6.5rem; border-radius: 100%; font-family: pm; font-size: 1.6rem; color: #ffffff;}
.wrap-notice .latest .list .cate.color2 {background: #4795d6;}
.wrap-notice .latest .list .cate.color3 {background: #967bb6;}
.wrap-notice .latest .list .cate.color4 {background: #73a25c;}
.wrap-notice .latest .list .cate.color5 {background: #df7148;}
.wrap-notice .latest .list .cate.color6 {background: #00a3a1;}
.wrap-notice .latest .list .cate.null {background: #00a3a1;}

.notice-mobile-tab {display: none;}

@media screen and (max-width: 1600px) {
	.wrap-notice .latest .list li {width: 33.333%;}
	.wrap-notice .latest .list li:nth-child(7),
	.wrap-notice .latest .list li:nth-child(8) {display: none;}
}

@media screen and (max-width: 1400px) {
	.wrap-notice .title span {font-size: 1.7rem;}
	.wrap-notice .title strong {font-size: 5rem;}
	.wrap-notice .latest .tab button {font-size: 2.4rem;}
	.wrap-notice .latest .list .box strong {min-height: 6.3rem; font-size: 2.1rem;}
	.wrap-notice .latest .list .box p {font-size: 1.7rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-notice {padding: 6.5rem 0 5rem 0;}
	.wrap-notice .title span {font-size: 1.6rem;}
	.wrap-notice .title strong {font-size: 4rem;}
	.wrap-notice .latest .tab {margin-top: 2.5rem;}
	.wrap-notice .latest .tab button {font-size: 2rem;}
	.wrap-notice .latest .tab li {margin: 0 1.5rem;}
	.wrap-notice .latest .list {margin-top: 3rem;}
	.wrap-notice .latest .list ul {width: calc(100% + 2rem);}
	.wrap-notice .latest .list li {padding: 0 2rem 2rem 0;}
	.wrap-notice .latest .list .box {padding: 2.5rem;}
	.wrap-notice .latest .list .box strong {min-height: 6.3rem; font-size: 1.8rem;}
	.wrap-notice .latest .list .cate {font-size: 1.5rem; line-height: 1.2;}
}

@media screen and (max-width: 900px) {
	.wrap-notice .latest .list li {width: 50%;}
	.wrap-notice .latest .list li:nth-child(5),
	.wrap-notice .latest .list li:nth-child(6) {display: none;}
}

@media screen and (max-width: 700px) {
	.wrap-notice {padding: 5.5rem 0 3rem 0;}
	.wrap-notice .title span {font-size: 1.4rem;}
	.wrap-notice .latest .tab {flex-direction: column; flex-direction: column-reverse; position: relative; margin-top: 3rem;}
	.wrap-notice .latest .tab ul {overflow: hidden; position: absolute; top: calc(100% + 1rem); z-index: -1; display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-height: 0; margin-bottom: .3rem; background: #fff; border: 1px solid #fff; transition: all 0.5s;}
	.wrap-notice .latest .tab ul.on {z-index: 10; max-height: 25rem; padding: 1rem 0; background: #fff; border: 1px solid #0064ef;}
	.wrap-notice .latest .tab li {width: 100%; opacity: 0; transition: opacity .35s;}
	.wrap-notice .latest .tab .on li {opacity: 1;}
	.wrap-notice .latest .tab li::after {display: none;}
	.wrap-notice .latest .tab li button {width: 100%; padding: .8rem 0rem; text-align: left; font-size: 1.8rem; color: #333 !important;}
	.wrap-notice .latest .tab li button:hover {color: #0064ef !important;}
	.wrap-notice .latest .tab li button span::before {display: none;}
	.wrap-notice .latest .tab li button span::after {display: none;}
	.wrap-notice .latest .tab li button span {position: relative;}
	.wrap-notice .latest .tab li button span::before {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .2rem; background: #00aae5; transition: width .35s;}
	.wrap-notice .latest .tab li button:hover span::before {width: 100%;}
	.wrap-notice .latest .tab .more {width: 4rem; height: 4rem; margin-left: 0;}
	.wrap-notice .latest .tab .notice-mobile-tab {position: relative; display: flex; align-items: center; width: 100%; height: 6rem; padding-left: 2rem; margin-top: 3.5rem; background: #0064ef; font-family: psb !important; font-size: 2rem !important; color: #fff !important;}
	.wrap-notice .latest .tab .notice-mobile-tab::after {content: ''; position: absolute; right: 2rem; top: 2.6rem; width: 1.6rem; height: .9rem; background: url('../../images/main/btn-notice-mobile.png') no-repeat center top / cover;}
	.wrap-notice .latest .tab .notice-mobile-tab.on::after {background-position: center bottom;}
	.wrap-notice .latest .tab .notice-mobile-tab span::after {display: none;}
	.wrap-notice .latest .list {margin-top: 2rem;}
	.wrap-notice .latest .list li {width: 100%;}
	.wrap-notice .latest .list .box {height: 14rem;}
	.wrap-notice .latest .list .box p {display: none;}
	.wrap-notice .latest .list .box strong {min-height: auto; font-size: 2rem;}
	.wrap-notice .latest .list .box .date {margin-top: 1rem;}
	.wrap-notice .latest .list .cate {width: 5rem; height: 5rem; font-size: 1.2rem;}
}

/* 서비스 */
.wrap-service {padding: 9.5rem 0 10rem 0; background: url('../../images/main/bg-service.jpg') no-repeat center top / cover; background-attachment: fixed;}
.wrap-service .title {position: relative; top: -5rem; opacity: 0; display: flex; flex-direction: column; align-items: center;}
.wrap-service .title span {font-family: pb; font-size: 1.8rem; color: #fff;}
.wrap-service .title strong {margin-top: .5rem; font-family: peb; font-size: 5.5rem; line-height: 1; color: #fff;}
.wrap-service .list {margin-top: 9rem; position: relative; left: 10rem; opacity: 0;}
.wrap-service .slider {overflow: hidden; padding-top: 1rem;}
.wrap-service .slider li a {display: flex; flex-direction: column; align-items: center;}
.wrap-service .slider .ico {display: flex; justify-content: center; align-items: flex-start; height: 9rem; transition: transform .35s;}
.wrap-service .slider a:hover .ico {transform: translate(0 , -1rem);}
.wrap-service .slider .text {position: relative; font-family: pm; font-size: 2rem; line-height: 1.2; text-align: center; color: #ffffff;}
.wrap-service .slider .text span {background: linear-gradient(to bottom, transparent 96%, rgba(255,255,255,1) 0) left center no-repeat; background-size: 0; transition: .4s;}
.wrap-service .slider a:hover .text span {background-size: 100% auto; transition: .4s;}
.wrap-service .paging {position: relative; top: 5rem; opacity: 0; display: flex; justify-content: center; padding-top: 5rem;}
.wrap-service .paging ul {display: flex; justify-content: center;}
.wrap-service .paging li {width: auto; height: auto; padding: 0 1rem; background: none; opacity: 1;}
.wrap-service .paging span {display: block; width: 1.2rem; height: 1.2rem; background: rgba(255,255,255,.5); border-radius: 100%; text-indent: -99999px;}
.wrap-service .paging span:hover {background: rgba(255,255,255,1);}
.wrap-service .paging .swiper-pagination-bullet-active span {width: 5rem; background: rgba(255,255,255,1); border-radius: .6rem;}

@media screen and (max-width: 1400px) {
	.wrap-service .title span {font-size: 1.7rem;}
	.wrap-service .title strong {font-size: 5rem;}
	.wrap-service .slider .text {font-size: 1.8rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-service {padding: 6.5rem 0 7rem 0;}
	.wrap-service .title span {font-size: 1.6rem;}
	.wrap-service .title strong {font-size: 4rem;}
	.wrap-service .list {margin-top: 6rem;}
	.wrap-service .slider .text {font-size: 1.7rem;}
}

@media screen and (max-width: 700px) {
	.wrap-service {padding: 4.5rem 0 5rem 0; background-attachment: local;}
	.wrap-service .title span {font-size: 1.4rem;}
	.wrap-service .slider li {padding-bottom: 5rem;}
	.wrap-service .slider .ico {height: 7.5rem;}
	.wrap-service .slider .text {font-size: 1.8rem;}
	.wrap-service .paging {padding-top: 0;}
}

/* SNS */
.wrap-sns {overflow: hidden; padding: 9.5rem 0 10rem 0;}
.wrap-sns .title {position: relative; top: -5rem; opacity: 0; display: flex; flex-direction: column; align-items: center;}
.wrap-sns .title span {font-family: pb; font-size: 1.8rem; color: #0064ef;}
.wrap-sns .title strong {margin-top: .5rem; font-family: peb; font-size: 5.5rem; line-height: 1; color: #000000;}
.wrap-sns .link {position: relative; top: -5rem; opacity: 0; display: flex; justify-content: center; align-items: center; margin-top: 3rem;}
.wrap-sns .link .sns {display: flex; align-items: center;}
.wrap-sns .link .sns li {padding: 0 .75rem;}
.wrap-sns .link .sns a {display: flex; width: 3.5rem; height: 3.5rem; text-indent: -9999rem;}
.wrap-sns .link .sns a:hover {background-position: center top !important;}
.wrap-sns .link .sns .ico1 a {background: url('../../images/main/ic-sns1.png') no-repeat center bottom / 3.5rem auto;}
.wrap-sns .link .sns .ico2 a {background: url('../../images/main/ic-sns2.png') no-repeat center bottom / 3.5rem auto;}
.wrap-sns .link .sns .ico3 a {background: url('../../images/main/ic-sns3.png') no-repeat center bottom / 3.5rem auto;}
.wrap-sns .link .sns .ico4 a {background: url('../../images/main/ic-sns4.png') no-repeat center bottom / 3.5rem auto;}
.wrap-sns .link .control {margin-left: .75rem;}
.wrap-sns .link .control button {display: none; width: 3.5rem; height: 3.5rem; border: .1rem solid #e8e8e8; border-radius: 100%; text-indent: -9999rem;}
.wrap-sns .link .control button.on {display: flex;}
.wrap-sns .link .control button.stop {background: url('../../images/main/btn-sns-stop.png') no-repeat center / 1.1rem auto;}
.wrap-sns .link .control button.play {background: url('../../images/main/btn-sns-play.png') no-repeat center / 1rem auto;}
.wrap-sns .list {position: relative; margin-top: 5rem; cursor: url('../../images/main/ic-drag.png'), auto;}
.wrap-sns .list .slider {padding: 0 17.25%;}
.wrap-sns .list .slider a {display: block; transform: translate(0, 10rem); opacity: 0; cursor: url('../../images/main/ic-drag.png'), auto;}
.wrap-sns .list .slider img {width: 100%;}
.wrap-sns .list .control {position: absolute; left: 50%; top: 46.5%; z-index: 1; width: calc(100% + 4rem); height: 0; display: none; justify-content: space-between; align-items: center; padding: 2rem; transform: translate(-50%, 0);}
.wrap-sns .list .control .area {display: flex; justify-content: space-between; align-items: center;}
.wrap-sns .list .control button {display: flex; justify-content: center; align-items: center; width: 7rem; height: 7rem; border-radius: 100%; text-indent: -99999rem;}
.wrap-sns .list .control button.prev {background: rgba(102,100,101,.6) url('../../images/main/btn-issue-list-prev.png') no-repeat center / 1.1rem auto; transform: translate(-50%, 0);}
.wrap-sns .list .control button.next {background: rgba(102,100,101,.6) url('../../images/main/btn-issue-list-next.png') no-repeat center / 1.1rem auto; transform: translate(50%, 0);}
.wrap-sns .list .control button:hover {background-color: rgba(0,100,239,.6) !important;}

@media screen and (max-width: 1400px) {
	.wrap-sns .title span {font-size: 1.7rem;}
	.wrap-sns .title strong {font-size: 5rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-sns {padding: 6.5rem 0 7rem 0;}
	.wrap-sns .title span {font-size: 1.6rem;}
	.wrap-sns .title strong {font-size: 4rem;}
	.wrap-sns .list .control button {width: 6rem; height: 6rem;}
}

@media screen and (max-width: 700px) {
	.wrap-sns {padding: 4.5rem 0 5rem 0;}
	.wrap-sns .title span {font-size: 1.4rem;}
	.wrap-sns .link {margin-top: 3rem;}
	.wrap-sns .list {margin-top: 4rem;}
	.wrap-sns .list .slider {padding: 0 33.25%;}
	.wrap-sns .list .control {top: 40%; display: flex; width: 88%;}
	.wrap-sns .list .control button {width: 4rem; height: 4rem;}
	.wrap-sns .list .control .area {padding: 0 26.5%;}
}

/* 인포 */
.wrap-info {padding: 9.5rem 0 10rem 0; background: url('../../images/main/bg-info.jpg') no-repeat center top / cover;}
.wrap-info .title {position: relative; top: -5rem; opacity: 0; display: flex; flex-direction: column; align-items: center;}
.wrap-info .title span {font-family: pb; font-size: 1.8rem; color: #fff;}
.wrap-info .title strong {margin-top: .5rem; font-family: peb; font-size: 5.5rem; line-height: 1; color: #fff;}
.wrap-info .list {margin-top: 8rem;}
.wrap-info .slider {overflow: hidden;}
.wrap-info .slider li a {display: flex; flex-direction: column; align-items: center;}
.wrap-info .slider .box {position: relative; top: 10rem; opacity: 0;}
.wrap-info .slider .ico {display: flex; justify-content: center; align-items: flex-start; height: 9rem;}
.wrap-info .slider .num {font-family: pb; font-size: 2.6rem; text-align: center; color: #fff;}
.wrap-info .slider .num strong {line-height: 1; font-size: 6rem;}
.wrap-info .slider .text {margin-top: 2rem; font-family: pr; font-size: 2rem; line-height: 1.2; text-align: center; color: #ffffff;}
.wrap-info .paging {display: none; justify-content: center; padding-top: 7rem;}
.wrap-info .paging ul {display: flex; justify-content: center;}
.wrap-info .paging li {width: auto; height: auto; padding: 0 1rem; background: none; opacity: 1;}
.wrap-info .paging span {display: block; width: 1.2rem; height: 1.2rem; background: rgba(255,255,255,.5); border-radius: 100%; text-indent: -99999px;}
.wrap-info .paging span:hover {background: rgba(255,255,255,1);}
.wrap-info .paging .swiper-pagination-bullet-active span {width: 5rem; background: rgba(255,255,255,1); border-radius: .6rem;}
.wrap-info .control {display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 9rem;}
.wrap-info .control.hide {display: none;}
.wrap-info .control button {width: .9rem; height: 1.6rem; text-indent: -9999rem;}
.wrap-info .control button.on {display: block;}
.wrap-info .control .prev {background: url('../../images/main/btn-visual-prev.png') no-repeat center / .9rem auto;}
.wrap-info .control .prev:hover {background: url('../../images/main/btn-visual-prev-on.png') no-repeat center / .9rem auto;}
.wrap-info .control .next {background: url('../../images/main/btn-visual-next.png') no-repeat center / .9rem auto;}
.wrap-info .control .next:hover {background: url('../../images/main/btn-visual-next-on.png') no-repeat center / .9rem auto;}
.wrap-info .control .stop {display: none; margin: 0 2.7rem; background: url('../../images/main/btn-visual-stop.png') no-repeat center / 1rem auto;}
.wrap-info .control .play {display: none; margin: 0 2.7rem; background: url('../../images/main/btn-visual-play.png') no-repeat center / 1rem auto;}

@media screen and (max-width: 1600px) {
	.wrap-info .control.hide {display: flex;}
}

@media screen and (max-width: 1400px) {
	.wrap-info .title span {font-size: 1.7rem;}
	.wrap-info .title strong {font-size: 5rem;}
	.wrap-info .slider .num strong {font-size: 4.5rem;}
	.wrap-info .slider .text {font-size: 1.8rem;}
}

@media screen and (max-width: 1100px) {
	.wrap-info {padding: 6.5rem 0 7rem 0;}
	.wrap-info .title span {font-size: 1.6rem;}
	.wrap-info .title strong {font-size: 4rem;}
	.wrap-info .list {margin-top: 6rem;}
	.wrap-info .slider .num strong {font-size: 4rem;}
	.wrap-info .slider .text {font-size: 1.6rem;}
	.wrap-info .control {margin-top: 6rem;}
}

@media screen and (max-width: 700px) {
	.wrap-info {padding: 4.5rem 0 5rem 0;}
	.wrap-info .title span {font-size: 1.4rem;}
	.wrap-info .slider .ico {height: 8rem;}
	.wrap-info .slider .num {font-size: 2rem;}
	.wrap-info .slider .num strong {font-size: 3.5rem;}
	.wrap-info .slider .text {margin-top: 1.5rem;}
	.wrap-info .paging {display: flex; padding-top: 5rem;}
	.wrap-info .control {margin-top: 5rem;}
}