@charset "utf-8";

.sec{position:relative; padding:15rem 0 5rem; overflow:hidden;}
.sec .htitle{font-size: 4rem; font-family: var(--font-sebang);}
.sec .hs_title{font-size: 2rem; color:var(--color-dark); margin-top:3rem;}


.sec-01{padding: 15rem 0 13rem; background:var(--color-red) url(../img/Main/bg_txt_BSCF.svg) no-repeat left bottom;}
.sec-01 .inwrap{display:flex;align-items:center;gap: 4%;}
.sec-01 .hero-content * {color:#fff;}
.sec-01 .hero-content{width:32%;}
.sec-01 .hero-content h1{font-family: var(--font-sebang); font-size: 5rem; line-height: 1.4; font-weight: 700; letter-spacing: -0.01em;}
.sec-01 .hero-content .m_bl{display:none;}
.sec-01 .hero-content .schBox{margin-top:5rem;width: 100%;}
.sec-01 .hero-content .search{position:relative;}
.sec-01 .hero-content input{width: 100%;border-radius: 1rem;font-size: 1.8rem;padding: 2rem 2.5rem;backdrop-filter: blur(4px);background: rgba(255, 255, 255, 0.4);min-height: 6.4rem;box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);}
.sec-01 .hero-content input::placeholder{color:#fff;}
.sec-01 .hero-content button{display: flex; align-items: center; justify-content: center;width: 8rem;height: 8rem;background:#000; position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-radius: 1rem;}
.sec-01 .hero-content .ico-search{display:block; width:2rem; height:2rem; background:url(../img/default/icon_search.svg) no-repeat center center; filter: invert(1) brightness(15);}
.sec-01 .hero-content .popular{display: flex;gap: 4rem;margin-top:3rem;width: 100%;max-width: 57rem;flex-wrap: wrap;}
.sec-01 .hero-content .popular span{width: 7rem; font-weight: 600;}
.sec-01 .hero-content .popular ul{display: flex;align-items: center;gap: 1.5rem 3rem;width: calc(100% - 11rem);flex-wrap: wrap;}
.sec-01 .hero-visual{position:relative;width: 64%; padding-right: 19rem;}
.sec-01 .visual-slide{max-width: 91rem; width: 100%;}
.sec-01 .visual-slide .swiper{border-radius:2rem;}
.sec-01 .hero-visual .swiper-slide a{display:block; width: 100%; position: relative; border-radius: 2rem; overflow:hidden;}
.sec-01 .hero-visual .swiper-slide a:focus-visible:before{content:'';display:block;width: 100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;border: 2px dashed #000;z-index: 1;border-radius: 2rem;}
.sec-01 .hero-visual .swiper-slide a:after {content: ""; display: block; padding-bottom: 60.4%;}
.sec-01 .hero-visual .swiper-slide a img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.sec-01 .hero-visual .swiper-slide > div{display:block; width: 100%; position: relative; border-radius: 2rem; overflow:hidden;}
.sec-01 .hero-visual .swiper-slide > div:focus-visible:before{content:'';display:block;width: 100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;border: 2px dashed #000;z-index: 1;border-radius: 2rem;}
.sec-01 .hero-visual .swiper-slide > div:after {content: ""; display: block; padding-bottom: 60.4%;}
.sec-01 .hero-visual .swiper-slide > div img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}

.sec-01 .hero-visual .controls-wrap{width: 27rem;border-radius: 1rem;position: absolute;bottom: -3.5rem;left: 7rem;padding: 2.4rem 2rem;backdrop-filter: blur(4px);background: rgba(34, 34, 34, 0.8);z-index: 1;display: flex;align-items: center;justify-content: center; gap:4rem;}
.sec-01 .hero-visual .pager{font-family: var(--font-sebang);  font-size: 1.8rem; color: #fff; display:flex; align-items:center; gap:2rem;}
.sec-01 .hero-visual .pager .devide{width:0.5rem; height:0.5rem; border-radius:50%; background:var(--bg-gray); margin-top: -0.3rem;}
.sec-01 .hero-visual .pager .total{opacity:0.5;}
.sec-01 .hero-visual .controler{display: flex; align-items: center; gap: 2rem;}
.sec-01 .hero-visual .controler button:focus-visible {outline: 2px dashed #FFF;}
.sec-01 .spaceList{position: absolute; top: -3rem; right:calc((100vw - min(176rem, 100vw)) / -2 - -0.2vw); z-index:1;}
.sec-01 .spaceList li{position:relative;width: 23rem;height: 6.4rem;background:#fff;border-radius:1rem;}
.sec-01 .spaceList li + li{margin-top:0.5rem;}
.sec-01 .spaceList li a{gap:2rem;padding: 1.3rem 2rem;display: flex;position: absolute;top: 50%;left: 50%;width: 23rem;height: 6.4rem;border-radius: 1rem;align-items: center;justify-content: flex-start;background: #fff;box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);transform: translate(-50%, -50%); transition: all .15s ease;}
.sec-01 .spaceList li a:focus-visible{outline-offset: -2px;}
.sec-01 .spaceList li a img{margin: 0 auto;}
.sec-01 .spaceList li .link-text{width: calc(100% - 9rem); line-height:1.2; font-weight:500;}
.sec-01 .spaceList li .h-n{display:none;}

.sec-02  {scroll-margin-top:8rem; overflow: initial;}
.sec-02 .scheduleBox{width: 100%; display: flex; gap: 8%; margin-top:7rem;}
.sec-02 .calendar{width:48%;}
.sec-02 .cal_top{display: flex; align-items: center; justify-content: space-between; margin-bottom:6rem;}
.sec-02 .cal_top .l_item{display: flex; align-items: center; gap:2rem;}
.sec-02 .cal_top .r_item{}
.sec-02 .cal_top .cal_sel{}
.sec-02 .cal_top .cal_sel .dropdown-btn {display: flex;align-items: center;justify-content: space-between; color:#000; min-width: 15rem;padding: 1.2rem 1.8rem;border: 1px solid #eee;border-radius: 5rem;background: var(--bg-gray01);font-family: var(--font-sebang);font-size: 1.6rem;}
.sec-02 .cal_top .cal_sel .dropdown-btn .label{color:#000;}
.sec-02 .cal_top .cal_sel .dropdown-list {position: absolute; top: calc(100% + -0.5rem); left: 0; width: 100%; color:#000; background: #fff; border: 1px solid #eee; border-radius: 1rem; padding: 0.8rem; display: none; z-index: 50;overflow-y: scroll; height: 19rem;}
.sec-02 .cal_top .cal_sel .dropdown-list li{padding:1rem; cursor: pointer;}
.dropdown-list li:focus-visible{outline: 2px dashed #000; outline-offset: 2px;}
.sec-02 .cal_top .month-day{display: flex; align-items: center; gap: 2rem; font-family: var(--font-sebang); font-size: 2.6rem;}
.sec-02 .cal_top .month-day i{display:block; width:3rem; height:3rem; background:url(../img/Main/icon_calendar.svg) no-repeat center center / 3rem;}
.sec-02 .cal_top .nav-btns{display: flex; align-items: center; gap:1rem;}
.sec-02 .cal_top .nav-btns button{width:3rem; height:3rem;}
.sec-02 .cal_top .prev{background:url('../img/default/l_arrow_sm.svg')center center no-repeat;}
.sec-02 .cal_top .next{background:url('../img/default/r_arrow_sm.svg')center center no-repeat;}
.sec-02 .calendar table{table-layout: fixed;border-collapse: separate;border-spacing: 1rem 0;width: calc(100% + 2rem);margin-left: -1rem;}
.sec-02 .calendar table th{font-family: var(--font-sebang); font-weight: 400; text-align:left; padding-bottom: 1.5rem;}
.sec-02 .calendar table td{position:relative; border-top: 1px solid var(--line-gray);padding: 2rem 0; height: 10rem; cursor: pointer;}
.sec-02 .calendar table .off{color:var(--color-red);}
.sec-02 .calendar table td button{font-family: var(--font-sebang);font-size: 1.6rem;color:#000;width: 100%;height: 100%;display: flex; gap:1.5rem; flex-direction: column;align-items: flex-start;}
.sec-02 .calendar table tbody tr:first-child td{border-top: 2px solid #000;}
.sec-02 .calendar table .today{background:#FFEFEF;}
.sec-02 .calendar .bullet{display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem;}
.sec-02 .calendar .bullet span{width:0.8rem;height:0.8rem; border-radius:50%; display: block;}
.bul_01{background:var(--color-p01);}
.bul_02{background:var(--color-p02);}
.bul_03{background:var(--color-p03);}
.bul_04{background:var(--color-p04);}
.bul_05{background:var(--color-p05);}
.bul_06{background:var(--color-p06);}
.bul_07{background:var(--color-p07);}
.bul_08{background:var(--color-p08);}
.bul_09{background:var(--color-p09);}
.bul_10{background:var(--color-p10);}
.bul_c01{color:var(--color-p01);}
.bul_c02{color:var(--color-p02);}
.bul_c03{color:var(--color-p03);}
.bul_c04{color:var(--color-p04);}
.bul_c05{color:var(--color-p05);}
.bul_c06{color:var(--color-p06);}
.bul_c07{color:var(--color-p07);}
.bul_c08{color:var(--color-p08);}
.bul_c09{color:var(--color-p09);}
.bul_c10{color:var(--color-p10);}
.sec-02 .bulletLst{display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; margin-top:1rem;}
.sec-02 .bulletLst p{font-size: 1.4rem; color: var(--color-gray);}
.sec-02 .popover{display:none; position:absolute;top: 8rem;left: 0;width: 40rem;max-height:17.5rem;overflow-y:auto;background:#fff;border: 1px solid #000;box-shadow:0 4px 16px rgba(0,0,0,.08);z-index:10;}
.sec-02 .popover ul{padding:2.5rem;}
.sec-02 .popover ul li + li{margin-top:2rem;}
.sec-02 .popover ul a{width:100%; display:flex; align-items:center; gap:1.5rem; font-size:1.7rem; font-weight:600;}
.sec-02 .popover .label{ width:7rem; font-size:1.6rem; font-weight:500;}
.sec-02 .popover .title{width:calc(100% - 8.5rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sec-02 .m_popover{display:none;}
.sec-02 .eventList{width:44%;height: 64rem; overflow-y: auto;margin-right: 2.5rem;}
.sec-02 .eventList .ev_item{margin-top: 2.5rem; margin-right:2.5rem;display: block; height: auto;}
.sec-02 .eventList .ev_item > li{display: flex; align-items: center; gap: 4rem;}
.sec-02 .eventList .ev_item > li + li{margin-top: 4rem; border-top: 1px solid var(--line-gray);padding-top: 4rem;}
.sec-02 .eventList .l-img {position:relative;min-width:0;}
.sec-02 .eventList .l-img img {max-width:100%;}
.sec-02 .eventList .ev_item > li.no-data {width: 100%; background:#F9FFFC url(../img/default/event_noimg.svg) no-repeat center center; border: 2px dashed #eee; border-radius: 3rem; min-height: 50rem;display:flex;align-items:center;justify-content:center;color:#777;text-indent: -9999px;}
.sec-02 .l-img .pick{font-size: 1.8rem;font-family: var(--font-sebang);color:#fff;background: linear-gradient(to right, #de363c 30%, #6FBA2C 110%);padding: 1rem;max-width: 14.5rem;position: absolute;top: -2rem;left: 2rem;}
.sec-02 .l-img .thum{width: 100%;  max-width: 24.5rem; height: 30rem; border-radius:0.5rem; overflow: hidden; background: #fff; aspect-ratio: 1 / 1;}
.sec-02 .l-img .thum img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec-02 .eventList .r-info{width:calc(100% - 28.5rem);}
.sec-02 .r-info .category{display: flex;align-items: center;gap: 2.3rem;margin-bottom: 1rem;font-weight: 500;}
.sec-02 .r-info .category span{position:relative;}
.sec-02 .r-info .category .status:before{content:'';display:block;position:absolute;top:0;left: -1.1rem;width:1px;height:1.4rem;background: var(--line-gray);}
.sec-02 .r-info .title{font-size:2.6rem;font-weight:600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.2;}
.sec-02 .r-info .meta-list{margin:3rem 0;}
.sec-02 .r-info .meta-list li{display:flex; align-items:center; gap:1rem;}
.sec-02 .r-info .meta-list li + li{margin-top:1rem;}
.sec-02 .r-info .meta-list li .icon{width:2.2rem; height:2.2rem; display:block;}
.sec-02 .r-info .meta-list li .data{background:url(../img/default/board_calendar.svg)no-repeat center center;}
.sec-02 .r-info .meta-list li .time{background:url(../img/default/board_clock.svg)no-repeat center center;}
.sec-02 .r-info .meta-list li .place{background:url(../img/default/board_map.svg)no-repeat center center;}
.sec-02 .r-info .meta-list li .home{background:url(../img/default/board_home.svg)no-repeat center center;}
.sec-02 .r-info .meta-list li span{font-size:1.8rem; font-weight:500;}
.sec-02 .r-info .meta-list li a{font-size:1.8rem; font-weight:500; color:#777;}
.sec-02 .r-info .btn-more{display:flex; align-items: center; justify-content:center; max-width:22rem; font-weight:500; border:1px solid #000; padding: 1.6rem 2rem;}

.sec-03:before{content:''; display:block; width:95rem; height:22rem; position:absolute; top:6.2rem; right:-3rem; background:url(../img/default/bg_logo.svg)no-repeat center center; z-index: -1;}
.sec-03 .news{display:flex; gap:2rem; margin-top:7rem;}
.sec-03 .news-tab{width:26rem;}
.sec-03 .news-tab ul li + li{margin-top:1.5rem;}
.sec-03 .news-tab ul li a{max-width:12rem; display:block; font-family: var(--font-sebang); font-size: 2.2rem; padding: 1rem 2rem;}
.sec-03 .news-tab ul li a.active{color:#fff; background:var(--color-red);}
.sec-03 .slide-btn{display: flex; align-items: center; gap: 0.6rem;  margin-top: 5rem;}
.sec-03 .slide-btn button{width: 4.5rem; height: 4.5rem; border: 1px solid #000; border-radius: 50%;transition: all 0.3s;}
.sec-03 .slide-btn button.disabled{opacity: 0.3;}
.sec-03 .slide-btn .slide-btn-prev{background:url('../img/default/l_arrow.svg')center center no-repeat;}
.sec-03 .slide-btn .slide-btn-next{background:url('../img/default/r_arrow.svg')center center no-repeat;}
.sec-03 .slide-btn .slide-btn-ctrl{display: flex; align-items: center; justify-content: center;}
.sec-03 .slide-btn .slide-btn-ctrl img{filter: brightness(0.3); width: 0.9rem;}
.sec-03 .news-con .swiper{width:100%; height:100%;}
.sec-03 .news-con .swiper-wrapper {margin:1rem 0;}
.sec-03 .news-con .swiper-slide{width:35rem;}
.sec-03 .news-con {width: calc(100% - 28rem);}
.sec-03 .news-con .swiper-slide a{min-height: 32rem; background:#fff; position: relative; display: flex; align-items: flex-start; flex-direction: column; padding: 6rem 2.5rem; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.sec-03 .news-con .news-date{color: var(--color-red);font-family: var(--font-sebang);}
.sec-03 .news-con .news-title{width: 100%; height: 8rem; padding-top: 2.2rem; margin-bottom:2.2rem; font-size: 2rem; line-height: 1.4; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition: all 0.3s;}
.sec-03 .news-con .news-txt{width:100%; padding-top: 2.2rem; border-top: 1px solid var(--line-gray);color: var(--color-gray); line-height: 1.5;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sec-03 .news-con .swiper-slide-next {position: relative;}
.sec-03 .news-con .swiper-slide-next:before {display: block; position: absolute; top: 0; left: -2rem; width: 1px; height: 100%; background:#000; content: "";}
.sec-03 .news-con .swiper-slide-next:after {display: block; position: absolute; top: 0; right: -2rem; width: 1px; height: 100%; background:#000; content: "";}
.sec-03 .news-con .swiper-slide-next2 {position: relative;}
.sec-03 .news-con .swiper-slide-next2:after {display: block; position: absolute; top: 0; right: -2rem; width: 1px; height: 100%; background:#000; content: "";}

/* .sec-04{padding: 10rem 0 8rem;} */
.sec-04 .linkBox .inwrap{max-width: 158rem;}
.sec-04 .linkBox ul{display:flex; align-items:center; justify-content:space-between; gap:3rem;}
.sec-04 .linkBox li{width:calc(100% / 6);}
.sec-04 .linkBox li a{display:flex;flex-direction: column;align-items: center;gap:3rem;}
.sec-04 .linkBox li .nm{font-family: var(--font-sebang); font-size: 1.8rem;}


.sec-05{ background:url('../img/Main/sec4-bg-grdi.svg')no-repeat right 50% bottom; padding:15rem 0;}
.sec-05 .inwrap{display:flex; gap:8%;}
.sec-05 .exc_t{display: flex; justify-content: space-between; margin-bottom:10rem;}
.sec-05 .snsBox{width:77%;}
.sec-05 .newsletterBox{position:relative; width:25%; margin-top:10rem;}
.sec-05 .newsletterBox > a{display:block;}
.sec-05 .snsIcon{display: flex; align-items: center; gap: 2rem;}
.sec-05 .snsIcon li a{width: 6rem; height: 6rem; background: var(--bg-gray01); border-radius: 50%;border: 1px solid transparent; display: flex; align-items: center; justify-content: center; transition: all 0.3s;}
.sec-05 .sns_list_item{width: 100%; display: flex; gap: 4rem; flex-wrap: wrap;}
.sec-05 .sns_list_item li{width: calc(100% / 2 - 2rem);}
.sec-05 .sns_list_item li a{display: flex; align-items: center; gap: 3rem;}
.sec-05 .sns_list_item .thum{max-width: 20rem;overflow:hidden;background:#fff;border: 1px solid #000;aspect-ratio: 1 / 1;width: 100%;}
.sec-05 .sns_list_item .thum img{transition: transform 0.2s ease-in-out;width:100%; height:100%; object-fit:cover; object-position: center;}
.sec-05 .sns_list_item .subject{width: calc(100% - 23rem); display: flex; flex-direction: column; gap: 2rem;}
.sec-05 .sns_list_item .txt{line-height:1.5; font-size: 2rem; font-weight: 600;}
.sec-05 .sns_list_item .ico-label{width: 4rem; height: 4rem; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.sec-05 .sns_list_item .youtube{width:2rem; height:1.5rem; display:block; background:url('../img/default/icon_youtube.svg')no-repeat center center / 2rem;}
.sec-05 .sns_list_item .insta{width:2rem;height:2rem;display:block;background: url('../img/default/icon_insta.svg')no-repeat center center / 2rem;}
.sec-05 .sns_list_item.no_apisns{background: #FFF2F2 url(../img/default/sns_api_error.svg) no-repeat center center; padding: 22rem 0;}
.sec-05 .newsletterBox .grdititle{position: relative; bottom: -1.6rem; padding-left: 1.5rem;max-width:34rem; font-size:4.3rem; font-weight:700; font-family: var(--font-sebang);background: linear-gradient(to right, #DE363C 10%, #6FBA2C 40%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.sec-05 .newsletterBox .thum{width: 100%; max-width: 34rem;height: 46rem;border: 1px solid #eee;overflow: hidden;background: #fff;aspect-ratio: 1 / 1;}
.sec-05 .newsletterBox .thum img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec-05 .circle-btn{width:13.8rem;height:13.8rem;border-radius:50%;background:var(--color-red);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow: 0 2px 10px rgba(0,0,0,0.3);overflow:visible;position: absolute;right: 0;bottom: -5.5rem;}
.sec-05 .circle-btn a{position:absolute; inset:0; display:block; border-radius:50%;}
.sec-05 .circle-btn svg{position:absolute; left:0; top:0; width:13.8rem; height:13.8rem; overflow:visible; }
.sec-05 #rolling {transform-origin: 50% 50%; animation: spin 8s linear infinite;}
  @keyframes spin{
    from{ transform: rotate(0deg); }
    to  { transform: rotate(360deg); }
  }
.sec-05 #rolling text {fill: #fff; font-size: 1.4rem; font-family:var(--font-sebang); letter-spacing: 2px;}
.sec-05 .circle-btn .arrow{width:1.4rem; height:1.4rem; background:url('../img/default/diagonal_arrow.svg')no-repeat center center; transition: transform 0.2s ease-in-out;}
@keyframes motion {
	0% {transform:translateY(0rem);}
	100% {transform:translateY(1rem);} 
  }



@media screen and (min-width:1200px){
	.sec-01 .spaceList a:hover{width: 25rem; height: 8rem; z-index: 1;}
	.sec-01 .spaceList li a:hover img{display:none;}
	.sec-01 .spaceList li a:hover .link-text{display:none;}
	.sec-01 .spaceList li a:hover .h-n{display:block;}
	.sec-01 .spaceList a:focus{width: 25rem; height: 8rem; z-index: 1;}
	.sec-01 .spaceList li a:focus img{display:none;}
	.sec-01 .spaceList li a:focus .link-text{display:none;}
	.sec-01 .spaceList li a:focus .h-n{display:block;}
	
	.sec-02 .popover ul a:hover .title{text-decoration: underline;}
	.sec-02 .r-info .btn-more:hover,
	.sec-02 .r-info .btn-more:focus{background:#000; color:#fff; border-radius:1rem; transition:all 0.3s ease-in-out}
	
	.sec-03 .news-con .swiper-slide a:hover .news-title,
	.sec-03 .news-con .swiper-slide a:focus .news-title{color:var(--color-red);}
	
	.sec-04 .linkBox li a:hover img,
	.sec-04 .linkBox li a:focus img{animation: motion 0.5s linear infinite alternate;}
		
	.sec-05 .sns_list_item li a:hover .thum img,
	.sec-05 .sns_list_item li a:focus .thum img{transform: scale(1.1);}
	.sec-05 .circle-btn:hover .arrow,
	.sec-05 .circle-btn:focus .arrow{transform: rotate(45deg);}	
	.sec-05 .snsIcon li a:hover, .sec-05 .snsIcon li a:focus{box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.08); border: 1px solid var(--line-gray);}
	
}
@media screen and (max-width:1620px){
	.sec-01 .spaceList li{width:22rem; height:6rem;}
	.sec-01 .spaceList li a{width:22rem; height:6rem; gap:1.5rem;}
	.sec-01 .spaceList a:hover{width: 23.5rem; height: 7.5rem;}
	.sec-01 .spaceList li .link-text{width: calc(100% - 8.5rem);}
}

@media screen and (max-width:1480px){
	.sec-01 .hero-content h1{font-size:4.5rem;}
	.sec-01 .spaceList{right: calc((100vw - min(176rem, 100vw)) / -2 - 1vw);}
	.sec-01 .spaceList li .link-text{font-size:1.5rem;}
	.sec-01 .spaceList .m_scroll{overflow-y: auto;height: 36vw;padding: 1rem 1.3rem;overflow-x: hidden;}
	.sec-01 .spaceList .m_scroll::-webkit-scrollbar {width: 0.5rem;}
	.sec-01 .spaceList .m_scroll::-webkit-scrollbar-thumb {background:#000;border-radius: 1rem;}
	.sec-01 .spaceList .m_scroll::-webkit-scrollbar-track {background:#eee;border-radius:1rem;}
	
	
}


@media screen and (max-width:1280px){	
	.sec-03:before{width: 54rem; height: 11rem; top:16rem; background: url(../img/default/bg_logo.svg) no-repeat center center / 54rem;}
		
	.sec-05 .inwrap{gap:3%;}
	.sec-05 .sns_list_item{gap:4rem 1rem;}
	.sec-05 .sns_list_item li{width:calc(100% / 2 - 1rem);}
	.sec-05 .sns_list_item li a{gap:2rem;}
	.sec-05 .sns_list_item .thum{width:18rem;}
	.sec-05 .sns_list_item .subject{width: calc(100% - 20rem);}
	.sec-05 .sns_list_item .txt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.sec-05 .newsletterBox .thum{height:42rem;}	
}

@media screen and (max-width:1200px){
	.sec{padding: 8rem 0 5rem;}
	
	.sec-01{padding: 15rem 0 10rem;}
	.sec-01 .inwrap{flex-direction: column; gap: 3rem;}
	.sec-01 .hero-content{width:100%; margin:0 auto;}
	.sec-01 .hero-content h1{text-align:center; font-size:4rem;}
	.sec-01 .hero-content .popular{display:none;}
	.sec-01 .hero-visual{width:100%; padding:0;}
	.sec-01 .visual-slide{max-width:100%;}
	.sec-01 .hero-visual .controls-wrap{left: 50%; transform: translateX(-50%);}
	.sec-01 .hero-visual .swiper-slide a:after,
	.sec-01 .hero-visual .swiper-slide > div:after{padding-bottom:100%;}
	.sec-01 .spaceList{display:none;}
		
	.sec-02 {padding-bottom:5rem;}	
	.sec-02 .scheduleBox{flex-direction: column; gap:3rem;}
	.sec-02 .cal_top{margin-bottom:4rem;}
	.sec-02 .calendar{width:100%;}
	.sec-02 .calendar table td{padding: 1.2rem 0; height: 8rem;}
	.sec-02 .m_popover{display:block; margin-top:2rem;}
	.sec-02 .m_popover .popover {display:block !important;max-height:25rem;overflow-y:auto}
	.sec-02 .popover{ position: static !important; width:100%; box-shadow:none;}
	.sec-02 .eventList{width:100%; height: 100%; overflow-y: initial; margin-right: 0;}
	.sec-02 .eventList .ev_item{display: flex; height: 100%; margin-right:0;}
	.sec-02 .eventList .ev_item > li{flex-direction: column; width:30rem;}
	.sec-02 .eventList .ev_item > li + li{margin:0; border:0;padding:0;}
	.sec-02 .eventList .ev_item > li.no-data{min-height:auto;  padding: 13rem 0;  background-size: 26rem;}
	.sec-02 .eventList .r-info{width:100%;}
	.sec-02 .r-info .meta-list li + li{display:none;}
	.sec-02 .r-info .title{font-size:2.2rem;}
	.sec-02 .r-info .btn-more{max-width:100%;}
	.sec-02 .eventList .l-img{width:100%;}
	.sec-02 .l-img .thum{max-width:100%; height:100%; max-height: 36rem; aspect-ratio: inherit;}
	
	.sec-04 .linkBox{}
	.sec-04 .linkBox ul{flex-wrap: wrap; gap: 5rem 3rem;}
	.sec-04 .linkBox li{width: calc(100% / 3 - 3rem);}
	
	.sec-03:before{top:16rem;}
	.sec-03 .news{flex-direction: column; gap:3rem;}
	.sec-03 .news-tab{width:100%; display: flex; align-items: center; justify-content: space-between;}
	.sec-03 .news-tab-list{display:flex;}
	.sec-03 .news-tab ul li + li{margin:0;}
	.sec-03 .slide-btn{margin-top:0;}
	.sec-03 .news-con{width:100%;}
	
	.sec-05{background: url(../img/Main/sec4-bg-grdi.svg) no-repeat; background-position-y: -6rem; padding-bottom:15rem;}
	.sec-05 .inwrap{flex-direction: column;}
	.sec-05 .snsBox{position:relative; width:100%;}
	.sec-05 .newsletterBox{width: 100%;max-width: 64rem; margin: 15rem auto 0;}
	.sec-05 .newsletterBox .thum{max-width:100%; height:100%;}
	.sec-05 .newsletterBox .thum img{object-fit: contain;}	
}

@media screen and (max-width:980px){
	.sec .htitle{font-size:3.5rem; line-height: 1.4;}
	.sec .hs_title{font-size:1.8rem;}
	
	.sec-01 .hero-content .m_bl{display:block;}	
	
	.sec-02 .calendar .bullet span{width:0.7rem; height:0.7rem;}
	
	.sec-03:before{right:-20rem;}
	
	.sec-05 .exc_t{flex-direction: column; gap: 3rem; margin-bottom: 6rem;}
	.sec-05 .sns_list_item .thum{width:15rem;}
	.sec-05 .sns_list_item .subject{width: calc(100% - 17rem);}	
	.sec-05 .newsletterBox .grdititle{font-size:3.5rem;}
}

@media screen and (max-width:768px){
	.sec-05{background:none;}
	.sec-05 .snsBox:after{content:'';display:block;position:absolute;bottom: -20rem;left: -2rem;width: calc(100% + 4rem);height:100%;background: url(../img/Main/sec4-bg-grdi.svg) no-repeat;z-index: -1;}
	.sec-05 .sns_list_item li{width:100%;}	
	.sec-05 .sns_list_item.no_apisns{ padding: 32rem 0; background-size: 90vw;}
}

@media screen and (max-width:640px){
	.sec .htitle {font-size: 3rem;word-break: keep-all;}
	
	.sec-01 .hero-content h1{font-size:3.5rem; word-break: keep-all;}
	.sec-01 .hero-visual .controls-wrap{width:23rem; padding: 2rem 1rem;}
	.sec-01 .hero-visual .pager{font-size:1.6rem;}
	
	.sec-02 .cal_top .month-day{font-size:2.2rem;}
	
	.sec-04 .linkBox .inwrap{padding:0;}
	.sec-04 .linkBox ul{gap:1rem;}
	.sec-04 .linkBox li{width: calc(100% / 3 - 0.7rem); border: 1px solid var(--line-gray); padding:3rem 2rem;}
	.sec-04 .linkBox li .nm{font-size:1.6rem; text-align:center; line-height:1.4;}
	.sec-04 .linkBox li a{gap:1.5rem;}
	.sec-04 .linkBox li a img{height:3.5rem;}
	
	.sec-03:before{right:-32rem;}
	.sec-03 .slide-btn{display:none;}
	.sec-03 .news-tab ul li a{font-size:2rem; padding:1rem;}	
	.sec-03 .news-con .swiper-slide a{padding: 5rem 2.5rem;}
	
	.sec-05 .sns_list_item .txt{font-size:1.8rem}
}

@media screen and (max-width:480px){	
	.sec-02 .cal_top { flex-wrap: wrap; gap: 2rem;}	
	
	.sec-03 .news-con .swiper-slide{width:32rem;}
	
	.sec-04 .linkBox li{width: calc(100% / 2 - 0.7rem);}
	
	.sec-05 .snsBox:after{bottom:-12rem;}
	.sec-05 .sns_list_item.no_apisns{ padding: 20rem 0; background-size: 110vw;}
	.sec-05 .circle-btn{width:12.8rem; height:12.8rem;}
	.sec-05 .circle-btn svg{width:12.8rem; height:12.8rem;}
}


@media screen and (max-width:390px){
	
	.sec-03:before{display:none;}
	.sec-03 .news{gap:1rem;}
	.sec-03 .news-tab-list{flex-wrap:wrap;}
	.sec-03 .news-tab-list li{width:calc(100% / 2);}
	.sec-03 .news-tab ul li a{max-width:100%; text-align:center;}
}