@charset "UTF-8";

.main-container {max-width: 1600px; padding-top: 40px; margin: 0 auto;}
.main-content01 {display: flex; padding-left: 20px; padding-right: 20px;}
/* main-visual */
.main-visual .m-img {display: none;}
.main-visual img{width:100%}
.main-content01 .main-visual {width: 1026px; margin-right: 20px; }
.main-visual .main-visual-inner .visual-swiper {border-radius: 40px; box-sizing: border-box; overflow: hidden;}
.main-content01 .main-visual .main-visual-inner { position: relative;}
.main-content01 .main-visual .main-visual-link::after {content: ""; display: inline-block; width: 40px; height: 40px; background: url(/common/images/user/bg/bg_radius01.png)no-repeat center; background-size: 100%; position: absolute; left: 0; bottom: 92px;}

.main-content01 .main-visual .main-visual-inner a:hover {}
/* .main-content01 .main-visual .main-visual-inner .pc-img::after {content: ""; display: inline-block; width: 40px; height: 40px; background: url(/common/images/user/bg/bg_radius01.png)no-repeat center; background-size: 100%; position: absolute; left: 0; bottom: 92px;} */
.main-content01 .main-visual .main-visual-link {padding: 24px 48px; position: absolute; bottom: 0; left: 0; z-index: 10; background: #F3F3F3; border-top-right-radius: 40px;}
.main-content01 .main-visual .main-visual-link::before {content: ""; display: inline-block; width: 20px; height: 20px; background: url(/common/images/user/bg/bg_radius02.png)no-repeat center; background-size: 100%; position: absolute; right: -20px; bottom: 0;}
.main-content01 .main-visual .main-visual-link a {display: flex; align-items: center; color: #1a1a1a; font-size: 1.8rem; font-weight: 500; }
.main-content01 .main-visual .main-visual-link a i.ico-btn01 {display: block; margin-left: 15px; width: 44px; height: 44px; background: url(/common/images/user/btn/btn_more_off_05.png)no-repeat center; background-size: 44px; transition: all 0.3s;}
.main-content01 .main-visual .main-visual-link a:hover i.ico-btn01 {display: block; width: 44px; height: 44px; background: url(/common/images/user/btn/btn_more_on_02.png)no-repeat center; background-size: 44px; transition: all 0.3s;}


/* main-visual-swiper-button-area */
.visual-page-area {position: absolute; right: 40px; bottom: 55px;}
.visual-page-area .visual-page-inner {}
.visual-page-area .visual-page-inner .visual-btn-area {position: absolute; left: -171px; top:22px; }
.visual-page-inner .visual-btn-area .swiper-button-prev {width: 30px; height: 30px;  background: url(/common/images/user/btn/btn_visual_prev.png) no-repeat center; background-size: 30px; left: -21px;}
.visual-page-inner .visual-btn-area .swiper-button-next {width: 30px; height: 30px;background: url(/common/images/user/btn/btn_visual_next.png) no-repeat center; background-size: 30px; left: 18px;}
.visual-page-inner .controller {position: absolute; right: 0; bottom: 0; z-index: 1;}
.visual-page-inner .controller .swiper-pagination {display: flex; align-items: center; width: 95px; height: 28px; padding-left: 15px; border-radius: 50px; background: rgba(0, 0, 0, 0.2); right: 0; top: 0; text-align: left; }
.visual-page-inner .controller .swiper-pagination span {color: #fff; font-size: 1.6rem; font-weight: 400; position: relative;}
.visual-page-inner .controller .swiper-pagination span:last-child {padding-left: 10px;}
.visual-page-inner .controller .swiper-pagination span:last-child:after {content: ""; display: block; width: 5px; height: 15px; background: url(/common/images/user/ico/ico_visual_bar.png)no-repeat center; background-size: 5px 15px; position: absolute; left: 0; top: 4px;}
.visual-page-inner .controller .swiper-pagination span.swiper-pagination-current {margin-right: 4px;}
.visual-page-inner .controller .btn-pause {display: block; width: 21px; height: 20px;  background: url(/common/images/user/btn/btn_pause.png) no-repeat center; background-size: 21px 20px; position: absolute; right: 10px; top: 4px; z-index: 30;}
.visual-page-inner .controller .btn-pause.playing {display: block; width: 21px; height: 20px;  background: url(/common/images/user/btn/btn_play.png) no-repeat center; background-size: 21px 20px; position: absolute; right: 10px; top: 4px; z-index: 30;}
.visual-page-inner .controller .btn-play {}

.visual-page-inner .visual-btn-area .swiper-button-prev::after,
.visual-page-inner .visual-btn-area .swiper-button-next::after {
  display:none;}

.main-content01 .main-visual-right {width: calc(100% - 1026px); }
.main-visual-right .right-inner {border-radius: 40px; box-sizing: border-box; position: relative;}
.main-visual-right .right-inner.top {background: #258FF6; }
.main-visual-right .right-inner.bottom {background: #2C3E50; margin-top: 20px;}
.main-visual-right .right-inner.top::before {content: ""; display: inline-block; width: 20px; height: 20px; background: url(/common/images/user/bg/bg_radius03.png)no-repeat center; background-size: 20px; position: absolute; right: 94px; top: 0;}
.main-visual-right .right-inner.top::after {content: ""; display: inline-block; width: 20px; height: 20px; background: url(/common/images/user/bg/bg_radius03.png)no-repeat center; background-size: 20px; position: absolute; right: 0; top: 94px;}
.main-visual-right .right-inner.bottom::before {content: ""; display: inline-block; width: 20px; height: 20px; background: url(/common/images/user/bg/bg_radius03.png)no-repeat center; background-size: 20px; position: absolute; right: 94px; top: 0;}
.main-visual-right .right-inner.bottom::after {content: ""; display: inline-block; width: 20px; height: 20px; background: url(/common/images/user/bg/bg_radius03.png)no-repeat center; background-size: 20px; position: absolute; right: 0; top: 94px;}

.main-visual-right .right-inner.top .right-inner-btn {display: block; width: 100%; height: 100%;}
.main-visual-right .right-inner.top .right-inner-btn i {content: ""; display: inline-block; width: 80px; height: 80px; background: url(/common/images/user/btn/btn_more_off_01.png)no-repeat center; background-size: 80px; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.3s;}
.main-visual-right .right-inner.top:hover .right-inner-btn i {background: url('/common/images/user/btn/btn_more_on_01.png') no-repeat center; background-size: 80px; transition: all 0.3s;}

.main-visual-right .right-inner.top .right-inner-box .right-inner-txt i {display: block; width: 92px; height: 88px; background: url(/common/images/user/ico/ico_mian_ico_01.png)no-repeat center; background-size: 92px 88px;}
.main-visual-right .right-inner.bottom .right-inner-btn {display: block; width: 100%; height: 100%;}
.main-visual-right .right-inner.bottom .right-inner-btn i {content: ""; display: inline-block; width: 80px; height: 80px; background: url(/common/images/user/btn/btn_more_off_02.png)no-repeat center; background-size: 80px; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.3s;}
.main-visual-right .right-inner.bottom:hover .right-inner-btn i {background: url('/common/images/user/btn/btn_more_on_04.png') no-repeat center; background-size: 80px; transition: all 0.3s;}
.main-visual-right .right-inner.bottom .right-inner-box .right-inner-txt i {display: block; width: 88px; height: 83px; background: url(/common/images/user/ico/ico_mian_ico_02.png)no-repeat center; background-size: 88px 83px;}
.main-visual-right .right-inner .right-inner-box {display: block; padding: 56px 60px 76px 60px; box-sizing: border-box;}

.main-visual-right .right-inner .right-inner-box::before {content: ""; display: inline-block; width: 94px; height: 94px; background: #F3F3F3; border-bottom-left-radius: 47px; position: absolute; right: 0; top: 0;}
.main-visual-right .right-inner .right-inner-box .right-inner-txt p.right-txt01 {margin-top: 15px; color: #fff; font-size: 2.2rem; font-weight: 400;}
.main-visual-right .right-inner .right-inner-box .right-inner-txt p.right-txt02 {margin-top: 20px; color: #fff; font-size: 1.6rem; font-weight: 300;}


/* main-content02 */
.main-content02 {margin-top: 160px; padding-left: 20px; padding-right: 20px;}
.main-content02 .main-tit-area {display: flex; align-items: center; justify-content: flex-start;}
.main-content02 .main-tit-area i.ico-main01{display: inline-block; width: 61px; height: 61px; background: url(/common/images/user/ico/ico_mian_ico_04.png)no-repeat center; background-size: 61px; }
.main-tit-area p {margin-left: 15px; color: #1a1a1a; font-size: 4.4rem; font-weight: 500;}


.main-list-wrap01 {margin-top: 60px; overflow: visible;}
.main-list-wrap01 > ul {display: flex;}
.main-list-wrap01 > ul > li {width: 24.1%; margin-right: 1.2%;  border-radius: 20px; box-sizing: border-box; position: relative; z-index: 1; position: relative; box-shadow: 4px 6px 10px 0px rgba(0, 0, 0, 0.06);
}
.main-list-wrap01 > ul > li:last-child {margin-right: 0px; position: relative;}
.main-list-wrap01 > ul > li .list-inner {background: #fff; border-radius: 20px; }


.main-list-wrap01 > ul > li .list-inner::before{content: ""; display: inline-block; width: 20px; height: 20px; background: url(/common/images/user/bg/bg_radius04.png)no-repeat center; background-size: 20px; position: absolute; left: 142px; top: 0;}
.main-list-wrap01 > ul > li .list-inner::after{content: ""; display: inline-block; width: 143px; height: 50px; background: #F3F3F3 ; border-bottom-right-radius: 20px; position: absolute; left: 0; top: 0; }
.main-list-wrap01 > ul > li .list-inner span.category-typ01 {display: inline-block; width: 133px; padding: 8px 0px; color: #fff; font-size: 1.6rem; font-weight: 400; border-radius: 50px; position: relative; z-index: 1; text-align: center;}


.main-list-wrap01 > ul > li .list-inner span.col-typ01 {background: #1ABC9C;}
.main-list-wrap01 > ul > li .list-inner span.col-typ02 {background: #F27B3C;}
.main-list-wrap01 > ul > li .list-inner span.col-typ03 {background: #F84141;}
.main-list-wrap01 > ul > li .list-inner span.col-typ04 {background: #808080;}


.main-list-wrap01 > ul > li .list-inner a.list-info {display: block; padding: 30px 40px 32px 40px; background: #fff; border-radius: 20px;}
.main-list-wrap01 > ul > li .list-inner a.list-info::after {content: ""; display: inline-block; width: 20px; height: 20px; background: url(/common/images/user/bg/bg_radius04.png)no-repeat center; background-size: 20px; position: absolute; left: 0px; top: 50px;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-img {width: 100%; padding-top: 39%; box-sizing: border-box; overflow: hidden; position: relative; background: #fff; display: inline-block;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-img img {max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; transition: transform 0.3s ease;}
.main-list-wrap01 > ul > li .list-inner a.list-info:hover .list-img img{transform: scale(1.1);}


.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt {margin-top: 40px; padding-bottom: 15px; border-bottom: 1px solid #dfdfdf;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt p.sub-txt {margin-bottom: 15px; color: #555; font-size: 1.6rem; font-weight: 400;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt p.tit {margin-bottom:10px; color: #1a1a1a; font-size: 2.2rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 65px;}

.main-list-wrap01 > ul > li .list-inner a.list-info p.date {margin-top: 20px; color: #555; font-size: 1.8rem; font-weight: 300;}
.main-list-wrap01 > ul > li .list-inner a.list-info p.date span {padding-right: 10px;  color: #1a1a1a; font-size: 1.6rem; font-weight: 400;}


/* main-content03 */
.main-content03 {margin-top: 160px;padding-left: 20px; padding-right: 20px;} 
.main-content03 .main-tit-area {display: flex; align-items: center; justify-content: flex-start;}
.main-content03 .main-tit-area i.ico-main02 {display: inline-block; width: 60px; height: 60px; background: url(/common/images/user/ico/ico_mian_ico_06.png)no-repeat center; background-size: 60px; }
.main-content03 .main-board01 {display: flex; margin-top: 60px; align-items: stretch; justify-content: space-between; gap: 20px;}
.main-board01 .main-board-inner {width: 50%; background: #fff; border-radius: 40px; box-shadow: 4px 6px 10px 0px rgba(0, 0, 0, 0.06);}
.main-board01 .main-board-inner a.data-box {display: block; padding: 69px 60px; box-sizing: border-box; border-radius: 40px;}
.main-board01 .main-board-inner a.data-box .top-box {display: flex; margin-bottom: 25px; padding-bottom: 20px; align-items: center; border-bottom: 1px solid #eee;}
.main-board01 .main-board-inner a.data-box .top-box .img-box {width: 130px;}
.main-board01 .main-board-inner a.data-box .top-box .img-box .img-box-inner {width: 100%; padding-top: 85.83%; box-sizing: border-box; overflow: hidden; position: relative; background: #fff; display: inline-block;}
.main-board01 .main-board-inner a.data-box .top-box .img-box .img-box-inner img {max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt {margin-left: 30px; width: calc(100% - 130px);}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .name {color: #555; font-size: 1.6rem;font-weight: 300;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .tit {margin-top: 16px; color: #1a1a1a; font-size: 2.6rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .sub-info {display: flex; margin-top: 30px; align-items: center; justify-content: flex-start;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .date {padding-left: 24px; color: #787878; font-size: 1.5rem; font-weight: 200; position: relative;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .date::after {content: ""; display: block; width: 4px; height: 4px; background: #787878; position: absolute; left: 10px; top: 9px; border-radius: 50px;}
.main-board01 .main-board-inner a.data-box p.txt-explain {color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 50px;}
.main-board01 .main-board-inner a.data-box ul.tag-list {display: flex; margin-top: 20px;}
.main-board01 .main-board-inner a.data-box ul.tag-list li {margin-right: 5px; padding: 6px 16px; color: #222; font-size: 1.4rem; font-weight: 300; background: rgba(237, 237, 237, 0.8); border-radius: 6px;}
.main-board01 .main-board-inner a.data-box ul.tag-list li:last-child {margin-right: 0;}


/* main-content04 */
.main-content04 {display: flex; margin-top: 160px; padding-bottom: 195px; padding-left: 20px; padding-right: 20px;}
.main-content04 .cont04-new {width: 520px; padding-right: 60px; box-sizing: border-box;}
.main-content04 .cont04-new .main-tit-area {display: flex; align-items: center; justify-content: flex-start;}
.cont04-new .main-tit-area i.ico-main03 {display: inline-block; width: 56px; height: 60px; background: url(/common/images/user/ico/ico_mian_ico_03.png)no-repeat center; background-size: 56px 60px; }

.cont04-new .main-tit-area p {}
.main-content04 .cont04-new .new-board01{margin-top: 60px; background: #258FF6; border-radius: 24px;}

.cont04-new .new-board01 .new-board01-inner {display: block; width: 100%; height: 100%; padding: 80px 60px 85px 60px; box-sizing: border-box; border-radius: 24px;}
.cont04-new .new-board01 .new-board01-inner .img-box {width: 66.135%; margin: 0 auto;}
.cont04-new .new-board01 .new-board01-inner .img-box-inner {width: 100%; padding-top: 100%; box-sizing: border-box; overflow: hidden; position: relative; background: #fff; display: inline-block;}
.cont04-new .new-board01 .new-board01-inner .img-box-inner img {max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; display: block; position: absolute; top: 0;}
.cont04-new .new-board01 .new-board01-inner .new-txt-box {margin-top: 60px;}
.cont04-new .new-board01 .new-board01-inner .new-txt-box p.new-tit {color: #fff; font-size: 2.6rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cont04-new .new-board01 .new-board01-inner .new-txt-box p.new-txt {margin-top: 32px; color: #f1f1f1; font-size: 1.6rem; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cont04-new .new-board01 .new-board01-inner .new-sub-txt {margin-top: 40px;}
.cont04-new .new-board01 .new-board01-inner .new-sub-txt p {color: #fff; font-size: 1.6rem; font-weight: 400;}
.cont04-new .new-board01 .new-board01-inner .new-sub-txt p span {margin-left: 24px; color: #f1f1f1; font-weight: 300;}
.cont04-new .new-board01 .new-board01-inner .new-sub-txt p:last-child {margin-top: 10px;}
.cont04-new .new-board01 .new-board01-inner .btn-area {display: flex; margin-top: 70px; color: #f1f1f1; font-size: 1.6rem; font-weight: 500; align-items: center;}
.cont04-new .new-board01 .new-board01-inner .btn-area i.ico-btn02 {display: inline-block; margin-left: 8px; width: 28px; height: 28px; background: url(/common/images/user/btn/btn_more_off_04.png)no-repeat center; background-size: 28px; transition: all 0.3s;}
.cont04-new .new-board01 .new-board01-inner:hover .btn-area i.ico-btn02 {display: inline-block; margin-left: 8px; width: 28px; height: 28px; background: url(/common/images/user/btn/btn_more_on_03.png)no-repeat center; background-size: 28px; transition: all 0.3s;}

.main-content04 .cont04-notice {width: calc(100% - 520px);}
.main-content04 .cont04-notice .main-tit-area {display: flex; align-items: center; justify-content: flex-start;}
.cont04-notice .main-tit-area i.ico-main04 {display: inline-block; width: 61px; height: 61px; background: url(/common/images/user/ico/ico_mian_ico_05.png)no-repeat center; background-size: 61px; }
.cont04-notice .notice-board {margin-top: 60px;}
.cont04-notice .notice-board .notice-board01 {border-radius: 24px; overflow: hidden;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner {display: flex;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .img-box {width: 50%;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .img-box .img-box-inner {width: 100%; padding-top: 69.63%;; box-sizing: border-box; overflow: hidden; position: relative; background: #fff; display: block;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .img-box .img-box-inner img {max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .board01-txt-box {display: flex; width: 50%; padding: 0 40px; box-sizing: border-box; flex-direction: column; justify-content: center; background: #2C3E50;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .board01-txt-box p.tit {color: #fff; font-size: 2.6rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .board01-txt-box p.date {margin-top: 30px; color: #f1f1f1; font-size: 1.6rem; font-weight: 300;}


.cont04-notice .notice-board ul.notice-board02 {display: grid; margin-top: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; grid-gap: 20px; min-width: 0; min-height: 0;}
.cont04-notice .notice-board ul.notice-board02 li {background: #fff; border-radius: 24px; box-sizing: border-box;}
.cont04-notice .notice-board ul.notice-board02 li a.notice-board02-inner {display: block; width: 100%; height: 100%; padding: 38px 40px; box-sizing: border-box;}
ul.notice-board02 li a.notice-board02-inner p.board02-tit {color: #1a1a1a; font-size: 2.2rem; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
ul.notice-board02 li a.notice-board02-inner .board02-sub {display: flex; margin-top: 25px; align-items: center; justify-content: space-between;}
ul.notice-board02 li a.notice-board02-inner .board02-sub p.date {color: #787878; font-size: 1.6rem; font-weight: 300;}
ul.notice-board02 li a.notice-board02-inner .board02-sub button {background: transparent;}
ul.notice-board02 li a.notice-board02-inner .board02-sub button i {display: inline-block; width: 28px; height: 28px; background: url(/common/images/user/btn/btn_more_off_04_2.png)no-repeat center; background-size: 28px; transition: all 0.3s;}

ul.notice-board02 li a.notice-board02-inner:hover .board02-sub button i {display: inline-block; width: 28px; height: 28px; background: url(/common/images/user/btn/btn_more_on_03.png)no-repeat center; background-size: 28px; transition: all 0.3s;}




@media (min-width: 991px) and (max-width: 1520px) {
/* main-content01 */
.main-visual-right .right-inner .right-inner-box {padding: 50px 47px 55px 47px;}
.main-visual-right .right-inner .right-inner-box .right-inner-txt p.right-txt01 {font-size: 2.1rem;}
.main-visual-right .right-inner .right-inner-box .right-inner-txt p.right-txt02 {font-size: 1.5rem;}
}



@media (min-width: 991px) and (max-width: 1500px) {
/* main-content04 */
.main-content04 .cont04-new {width: 34.667vw; padding-right: 4vw;}
.main-content04 .cont04-notice {width: calc(100% - 34.667vw);}
}
@media (min-width: 1250px) and (max-width: 1440px) {
/* main-content01 */
.main-content01 .main-visual {width: 71.25vw; margin-right: 1.389vw;}
.main-content01 .main-visual-right {width: calc(100% - 71.25vw);}
.main-visual-right .right-inner .right-inner-box {padding: 3.472vw 3.264vw 3.819vw 3.264vw;}
.main-visual-right .right-inner.top .right-inner-btn i {width: 5.556vw; height: 5.556vw; background-size: 5.556vw;}
.main-visual-right .right-inner.bottom .right-inner-btn i {width: 5.556vw; height: 5.556vw; background-size: 5.556vw;}
.main-visual-right .right-inner .right-inner-box .right-inner-txt p.right-txt01 {font-size: 1.458vw;}
.main-visual-right .right-inner .right-inner-box .right-inner-txt p.right-txt02 {font-size: 1.042vw;}
.main-visual-right .right-inner .right-inner-box::before {width: 6.528vw; height: 6.528vw;}
.main-visual-right .right-inner.top::before {width: 1.389vw; height: 1.389vw; background-size: 1.389vw; right: 6.528vw;}
.main-visual-right .right-inner.bottom::before {width: 1.389vw; height: 1.389vw; background-size: 1.389vw; right: 6.528vw;}
.main-visual-right .right-inner.top::after {width: 1.389vw; height: 1.389vw; background-size: 1.389vw; top: 6.528vw;}
.main-visual-right .right-inner.bottom::after {width: 1.389vw; height: 1.389vw; background-size: 1.389vw; top: 6.528vw;}
.main-visual-right .right-inner.top:hover .right-inner-btn i {background-size: 5.556vw;}
.main-visual-right .right-inner.bottom:hover .right-inner-btn i {background-size: 5.556vw;}
.main-visual-right .right-inner.top .right-inner-box .right-inner-txt i {width: 6.389vw; height: 6.042vw;  background-size: 6.389vw 6.042vw;}
.main-visual-right .right-inner.bottom .right-inner-box .right-inner-txt i {width: 6.042vw ; height: 5.764vw; background-size: 6.042vw 5.764vw;}
}

@media (min-width: 991px) and (max-width:1250px){
/* main-visual */
.main-content01 {display: block;}
.main-content01 .main-visual {width: 100%;}
.main-content01 .main-visual-right {width: 100%; margin-top: 40px;}

/* main-content02 */
.main-list-wrap01 > ul > li .list-inner a.list-info {padding: 2.5vw 3.333vw 4.167vw 3.333vw;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt {margin-top: 3.333vw; padding-bottom: 1.25vw;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt p.sub-txt {font-size: 1.333vw;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt p.tit {font-size: 1.833vw;}
.main-list-wrap01 > ul > li .list-inner a.list-info p.date {margin-top: 2.5vw; font-size: 1.5vw;}


/* main-content04 */
.main-content04 {display: block;}
.main-content04 .cont04-new {width: 100%; padding-right: 0;}
.main-content04 .cont04-notice {width: 100%; margin-top: 120px;}
.cont04-new .new-board01 .new-board01-inner {display: flex;}
.cont04-new .new-board01 .new-board01-inner .img-box {width: 270px; margin: 0; margin-right: 20px;}
.cont04-new .new-board01 .new-board01-inner .new-txt-box {margin-top: 0;}
}

@media (min-width: 991px) and (max-width: 1180px) {
.main-visual-right .right-inner .right-inner-box {padding-left: 35px; padding-right: 35px;}
}

@media all and (max-width:1250px){
.main-content01 .main-visual .main-visual-link {margin-top: 12px; position: relative; background: #fff; border-radius: 50px;}
.main-content01 .main-visual .main-visual-link a {justify-content: center;}
.main-content01 .main-visual .main-visual-inner .pc-img::after {display: none;}


.cont04-notice .notice-page-area {}
.cont04-notice .notice-page-area .swiper-pagination {    position: relative; bottom: 0; margin-top: 20px;}
.cont04-notice .notice-page-area .swiper-pagination .swiper-pagination-bullet {opacity: 1; width: 15px; height: 15px; border-radius: 100%; background: #CFCFCF;}
.cont04-notice .notice-page-area .swiper-pagination .swiper-pagination-bullet-active {background: #222222; border: 1px solid #fff;}

}


@media all and (max-width:991px){

header .header-inner h1 {width: 212px;}

.main-tit-area p {margin-left: 0;}
.main-container .main-tit-area i {display: none !important;}

/* main-content01 */
.main-content01 {display: block; padding-left: 15px; padding-right: 15px;}
.main-content01 .main-visual {width: 100%; padding-right: 0; margin-right: 0;}
.main-visual .main-visual-inner .visual-swiper {border-radius: 28px;}
.main-content01 .main-visual .main-visual-link::after {display: none;}
.main-content01 .main-visual .main-visual-inner .pc-img {display: none;}
.main-visual .m-img {display: block;}
.main-content01 .main-visual .main-visual-inner .m-img {}
.visual-page-area .visual-page-inner .visual-btn-area {display: none;}
.main-content01 .main-visual-right {width: 100%; margin-top: 40px;}
.main-list-wrap01 {overflow: hidden;}
.main-content01 .main-visual .main-visual-link::before {display: none;}


/* main-content02 */
.main-content02 {padding-left: 15px; padding-right: 0px;}
.main-list-wrap01 > ul {padding-bottom: 20px;}
.main-list-wrap01 > ul > li {width: 276px; margin-right: 15px;}


/* main-content03 */
.main-content03 {padding-left: 15px; padding-right: 15px;}
.main-board01 .main-board-inner {width: 100%;}
.main-board01 .main-board-inner a.data-box .top-box {display: block;}
.main-board01 .main-board-inner a.data-box .top-box .img-box {width: 130px;}
.main-board01 .main-board-inner a.data-box .top-box .img-box .img-box-inner {}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt {margin-left: 0;}

.main-board01 .main-board-inner a.data-box{padding:4vw}

/* main-content04 */
.main-content04 {display: block;padding-left: 15px; padding-right: 15px;}
.main-content04 .cont04-new {width: 100%; padding-right: 0;}
.main-content04 .cont04-notice {width: 100%; margin-top: 120px;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner {display: block;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .img-box {width: 100%;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .board01-txt-box {width: 100%; padding: 60px;}
.cont04-notice .notice-board ul.notice-board02 {display: flex; grid-gap: 0;}
.cont04-notice .notice-board ul.notice-board02 li {margin-right: 10px;}
.cont04-notice .notice-board ul.notice-board02 li:last-child {margin-right: 0px;}
ul.notice-board02 li a.notice-board02-inner p.board02-tit {-webkit-line-clamp: 1;}
.main-list-wrap01 > ul > li:last-child {margin-right: 10px;}
}


/* 모바일 */
@media all and (max-width:767px){

/* main-content01 */
.main-content01 .main-visual .main-visual-link {padding: 16px 0;}
.main-content01 .main-visual .main-visual-link a {font-size: 1.6rem;}
.main-content01 .main-visual .main-visual-link a i.ico-btn01 {margin-left: 10px; width: 24px; height: 24px; background-size: 24px;}
.main-content01 .main-visual .main-visual-link a:hover i.ico-btn01 {width: 24px; height: 24px;background-size: 24px;}
.visual-page-inner .controller .swiper-pagination {width: 71px; height: 24px;}
.visual-page-inner .controller .swiper-pagination span {font-size: 1.3rem;}
.visual-page-inner .controller .swiper-pagination span.swiper-pagination-current {font-size: 1.3rem;}
.visual-page-inner .controller .btn-pause {width: 7px; height: 8px; background-size: 7px 8px; right: 25px;}
.visual-page-inner .controller .btn-play {width: 7px; height: 8px; background-size: 7px 8px;}
.visual-page-inner .controller .swiper-pagination span:last-child:after {height: 12px; background-size: 5px 12px;}

.main-visual-right .right-inner {border-radius: 28px;}
.main-visual-right .right-inner.bottom {margin-top: 10px;}
.main-visual-right .right-inner .right-inner-box {padding: 43px 30px;}
.main-visual-right .right-inner .right-inner-box::before {width: 56px; height: 56px; border-bottom-left-radius: 28px;}
.main-visual-right .right-inner.top::before {width: 20px; height: 20px; background-size: 20px; right: 56px;}
.main-visual-right .right-inner.top::after {width: 20px; height: 20px; background-size: 20px; top: 56px;}
.main-visual-right .right-inner.top .right-inner-btn i {width: 48px; height: 48px; background-size: 48px;}
.main-visual-right .right-inner.top:hover .right-inner-btn i {background-size: 48px;}
.main-visual-right .right-inner.bottom .right-inner-btn i {width: 48px; height: 48px; background-size: 48px;}
.main-visual-right .right-inner.bottom:hover .right-inner-btn i {background-size: 48px;}
.main-visual-right .right-inner.bottom::before {width: 20px; height: 20px; background-size: 20px; right: 56px;}
.main-visual-right .right-inner.bottom::after {width: 20px; height: 20px; background-size: 20px; top: 56px;}
.main-visual-right .right-inner.top .right-inner-box .right-inner-txt i {width: 71px; height: 68px; background-size: 71px 68px;}
.main-visual-right .right-inner.bottom .right-inner-box .right-inner-txt i {width: 68px; height: 65px; background-size: 68px 65px;}
.main-visual-right .right-inner .right-inner-box .right-inner-txt p.right-txt01 {font-size: 1.8rem; margin-top: 18px;}
.main-visual-right .right-inner .right-inner-box .right-inner-txt p.right-txt02 {font-size: 1.4rem; margin-top: 18px;}


/* .main-content02 */
.main-content02 {margin-top: 100px;}
.main-tit-area p {font-size: 2.4rem;}
.main-list-wrap01 {margin-top: 35px;}
.main-list-wrap01 > ul > li .list-inner span.category-typ01 {width: 125px; padding: 5px 0; font-size: 1.3rem; }
.main-list-wrap01 > ul > li .list-inner::after {width: 135px; height: 39px; border-bottom-right-radius: 16px;}
.main-list-wrap01 > ul > li .list-inner a.list-info {padding-top: 25px; padding: 30px 30px 25px 30px;}
.main-list-wrap01 > ul > li .list-inner::before {left: 135px;}
.main-list-wrap01 > ul > li .list-inner a.list-info::after {top: 39px;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-img {padding-top: 37%;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt {margin-top: 18px;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt p.sub-txt {margin-bottom: 10px; font-size: 1.4rem;}
.main-list-wrap01 > ul > li .list-inner a.list-info .list-info-txt p.tit {margin-bottom: 20px; min-height: 54px; font-size: 1.8rem;}
.main-list-wrap01 > ul > li .list-inner a.list-info p.date span {font-size: 1.4rem;}
.main-list-wrap01 > ul > li .list-inner a.list-info p.date {margin-top: 18px; font-size: 1.5rem;}

/* .main-content03 */
.main-content03 {margin-top: 100px;}
.main-content03 .main-board01 {margin-top: 35px;}

.main-board01 .main-board-inner a.data-box {padding: 57px 30px;}
.main-board01 .main-board-inner a.data-box .top-box {margin-bottom: 15px; padding-bottom: 15px;}
.main-board01 .main-board-inner a.data-box .top-box .img-box {width: 84px;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt {margin-top: 15px;}
.main-board01 .main-board-inner a.data-box .top-box .img-box .img-box-inner {padding-top: 39%;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .name {font-size: 1.4rem;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .tit {margin-top: 10px; font-size: 2rem;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .sub-info {margin-top: 24px;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .date {font-size: 1.3rem;}
.main-board01 .main-board-inner a.data-box p.txt-explain {font-size: 1.4rem; min-height: 40px;}
.main-board01 .main-board-inner a.data-box ul.tag-list li {padding-top: 6px; padding-bottom: 6px; font-size: 1.2rem;}


/* .main-content04 */
.main-content04 {margin-top: 100px; padding-bottom: 150px;}
.main-content04 .cont04-new .new-board01 {margin-top: 35px;}
.cont04-new .new-board01 .new-board01-inner {padding: 34px 30px;}
.cont04-new .new-board01 .new-board01-inner .img-box {width: 210px;}
.cont04-new .new-board01 .new-board01-inner .new-txt-box p.new-tit {font-size: 2rem;}
.cont04-new .new-board01 .new-board01-inner .new-txt-box p.new-txt {margin-top: 15px; font-size: 1.4rem;}
.cont04-new .new-board01 .new-board01-inner .new-sub-txt {margin-top: 20px;}
.cont04-new .new-board01 .new-board01-inner .new-sub-txt p {font-size: 1.4rem;}
.cont04-new .new-board01 .new-board01-inner .new-sub-txt p span {margin-left: 8px;}
.cont04-new .new-board01 .new-board01-inner .btn-area {margin-top: 40px; font-size: 1.4rem;}
.cont04-new .new-board01 .new-board01-inner .btn-area i.ico-btn02 {width: 24px; height: 24px; background-size: 24px;}
.cont04-new .new-board01 .new-board01-inner:hover .btn-area i.ico-btn02 {width: 24px; height: 24px; background-size: 24px;}
.main-content04 .cont04-notice {margin-top: 120px;}
.cont04-notice .notice-board {margin-top: 35px;}
.main-board01 .main-board-inner a.data-box .top-box .top-box-txt .date::after {width: 3px; height: 3px; left: 11x; top: 7px; border-radius: 100%;}

.cont04-notice .notice-board ul.notice-board02 li a.notice-board02-inner {padding-top: 19px; padding-bottom: 19px;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .board01-txt-box {padding: 35px 30px;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .board01-txt-box p.tit {font-size: 1.8rem;}
.cont04-notice .notice-board .notice-board01 a.notice-board01-inner .board01-txt-box p.date {font-size: 1.3rem;}
ul.notice-board02 li a.notice-board02-inner p.board02-tit {font-size: 1.8rem;}
ul.notice-board02 li a.notice-board02-inner .board02-sub p.date {font-size: 1.3rem;}
ul.notice-board02 li a.notice-board02-inner .board02-sub button i {width: 24px; height: 24px; background-size: 24px;}
ul.notice-board02 li a.notice-board02-inner:hover .board02-sub button i {width: 24px; height: 24px; background-size: 24px;}
.cont04-notice .notice-page-area .swiper-pagination {margin-top: 12px;}
.cont04-notice .notice-page-area .swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px;}

.main-content03 .main-board01 {display: block;}
.main-board01 .main-board-inner:last-child {margin-top: 24px;}


}
@media all and (max-width:370px){
  .main-board01 .main-board-inner a.data-box ul.tag-list li {padding-left: 10px; padding-right: 10px;}
}