.main_container h2{color:#272727; font-family: 'Hakgyoansim Allimjang'; }

.main01{position:relative; margin-bottom:30px;} 
.main01 .wrap{margin:0 10px;}

/*메인비주얼*/
.main_visual{border-radius: 40px; background: url('/images/main/mv01.png') center top no-repeat; height: 250px; width:100%; background-size: cover;}

.mv01{background:url('/images/main/mv01.png') center top no-repeat;}
.mv02{background:url('/images/main/mv02.png') center top no-repeat;}
.mv03{background:url('/images/main/mv03.png') center top no-repeat;}
.mv04{background:url('/images/main/mv04.png') center top no-repeat;}

/* 오늘의 위원회 안건*/
.agenda{background: #fcf9ff; border-radius: 40px; margin:30px 10px; padding: 20px;position: relative}
.agenda h2{font-size:20px; text-align: center; margin-bottom: 20px;}
.agenda h2 span{color:#451876;}
.agenda br{display: none;}
.agenda .today .tit{margin-bottom: 10px; padding-bottom: 10px; color:#575758; font-family: 'Hakgyoansim Allimjang';  font-size:24px; text-align: center; font-weight: 700; }
.agenda .today .tit strong{font-size:28px; font-weight:800; color:#451876; vertical-align: text-bottom;}
.agenda .date{position:relative; margin:0 10px 6px;}
.agenda .date_con{width:calc(100vw - 112px); height:90px; overflow: hidden;}
.agenda .date ul{display: flex; justify-content:center; gap: 0 30px;}
.agenda .date ul li a{display: block; text-align: center; font-weight: 400;}
.agenda .date ul li span{display: block; margin-bottom:15px; font-size:14px; color:#3c3c3c;  font-family:'Paperlogy';}
.agenda .date ul li.on span{color:#451876;  margin-bottom:0;}
.agenda .date ul li strong{display: block; font-size:16px; font-weight:400; font-family:'Paperlogy';}
.agenda .date ul li.on strong{background:#8252b5; color:#fff; margin-top:7px; border-radius:7px; line-height: 35px; align-items:center; justify-content:center; width:35px; height:35px;}
.agenda .date ul li a:hover {color: #451876;}
.agenda .date button{position:absolute; top:0; bottom:0; width:35px; height:35px; margin:10px 0; background: url('/images/common/btn_icon1.png')no-repeat; font-size:0;}
.agenda .date button.prev{background-position: 50% 0; left:-25px;}
.agenda .date button.next{background-position: 50% -43px; right:-25px;}

.schedule_list{overflow: hidden; margin-top:-20px; height:65px; background: #fff; border-radius: 20px; box-shadow: 0 1px 7px 0 rgba(147, 76, 223, 0.1);}
.schedule_list ul{padding-top:7px;}
.schedule_list ul li a{display: block;  font-family:'Paperlogy'; font-size:15px; font-weight:400; padding:7px 20px; margin:10px 0 12px 0; width:70%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.schedule_list ul li a:hover, .schedule_list ul li a:focus{text-decoration: underline; color:#8252b5; transition: 0.3s ease-out;}
.schedule_list ul li span{display: block; font-size:15px; font-weight:400; padding:7px 20px; margin:10px 0 12px 0; width:70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.schedule_btn{position:absolute; bottom:42px; right:52px; z-index: 1;}
.schedule_btn button{display: inline-block; width:15px; height:15px; font-size:0; margin:0 2px;}
.schedule_btn .prev{background:url('/images/common/prev1.png')no-repeat;}
.schedule_btn .next{background:url('/images/common/next1.png')no-repeat;}
.schedule_btn .plus{background:url('/images/common/plus.png')no-repeat;}


.main02{margin-bottom:30px;}
.main02 .wrap{margin:0 10px;}

/* 운영위원회 구성 */
.member h2{font-size:26px;text-align: center; margin:30px 0;}
.member h2 span{color:#451876;}

.member .member_list>ul{display: flex;  flex-wrap:wrap; gap:20px;}
.member .member_list>ul>li{   width:calc((100% - 20px) / 2); box-sizing:border-box;}
.member .member_box{border-radius: 30px; box-shadow: 0 1px 6px 2px rgba(147, 76, 223, 0.12); padding:20px 15px;   border: 1px solid transparent; transition: border-color .2s;}
.member .member_box:hover, .member .member_box:focus{  border:1px solid #f0e2ff; }
.member .member_box .photo{ width:92px; height:115px; margin:0 auto 15px; overflow:hidden; border-radius:50px; box-shadow: 0 3px 8px 1px rgba(29, 29, 18, 0.1);}
.member .member_box .photo img{display:block;  width:100%; height:100%; object-fit:cover; }
.member .member_box .txt{ color:#333333;  font-family:'Paperlogy';}
.member .member_box .txt p{margin:3px 0; font-size:17px; font-weight: 500; text-align: center;}
.member .member_box .txt span{font-size:15px; vertical-align: text-bottom;}
.member .member_box .txt ul{display: inline-block; text-align: left;}
.member .member_box .txt ul li{position:relative; display: block; padding-left: 12px; margin:2px 0  2px 7px; font-size:14px; font-weight: 400;}
.member .member_box .txt ul li::before{content: '';position: absolute; top: 8px; left: 0; display: block; width: 5px; height: 5px; background: #8252b5; border-radius: 50%;}
.member .member_box .txt a{display: inline-block; margin:8px 0; background: #8252b5; border-radius:8px; color:#fff; font-size:14px; font-weight:400; padding:7px 20px;}
.member .member_box .txt a::before{content: ''; display:inline-block; margin-right:7px; background: url('/images/common/home.png')no-repeat center center;   width:11px; height:14px;  }


/* 위원회 갤러리 */
.main03{margin-bottom:30px; position:relative;}
.main03 .wrap{margin:0 10px;}
.gallery{background: #fcf9ff; border-radius: 40px; padding:10px 20px; position:relative; font-family:'Paperlogy';  overflow: hidden;}
.gallery h2{font-size:26px; text-align: center; margin:30px 0;}
.gallery h2 span{color:#451876;}
.gallery p{ color:#333333; font-size:16px; font-weight:400; margin:10px 0 70px 0; text-align: center;}
.gallery_list{overflow: hidden;}
.gallery_list ul{display: flex; gap:20px;  width:10000px;}
.gallery_list ul li{  width:390px; height:250px; }
.gallery_list ul li a{display: block; position:relative; overflow: hidden; width:100%; height:100%;  }
.gallery_list ul li img{display: block; border-radius: 30px; width:100%; height:100%; object-fit: cover; box-sizing:border-box;}
.gallery_list ul li span{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff; font-size:17px; font-weight:500; opacity: 0; transition: opacity .3s;}
.gallery_list ul li a:hover span, .gallery_list ul li a:focus span{opacity: 1;}
.gallery_list ul li a::before{content: ''; display: block; position:absolute; inset: 0; opacity:0; transition: opacity 0.3s; border-radius: 30px;; background: rgba(69, 24, 118, 0.76);}
.gallery_list ul li a:hover::before, .gallery_list ul li a:focus::before{opacity: 1;}

.g_plus a{display: inline-block; position:absolute; top:148px; right:100px; background: #8252b5; color:#fff; font-family:'Paperlogy'; padding:9px 15px; border-radius: 7px; font-weight: 400; font-size:15px;}
.gallery_btn{position:absolute; top:162px; right:24px; z-index: 1;}
.gallery_btn button{display: inline-block; width:15px; height:15px; font-size:0; margin:0 2px;}
.gallery_btn .prev{background:url('/images/common/prev1.png')no-repeat;}
.gallery_btn .stop{background:url('/images/common/stop.png')no-repeat;}
.gallery_btn .play{background:url('/images/common/play.png')no-repeat;}
.gallery_btn .next{background:url('/images/common/next1.png')no-repeat;}


@media all and (min-width:768px){
.member .member_box .photo{width:110px; height:127px;}
}


@media all and (min-width:1023px) {
.main_visual{border-radius: 50px; height:565px;}
.member .member_list > ul.col4 > li{ width:calc((100% - 60px) / 4);}
.member .member_list > ul.col3 > li{width:calc((100% - 40px) / 3);}
.member .member_list > ul.col3 > li:nth-child(n+4){ width:calc((100% - 60px) / 4);}

}

@media all and (min-width:1400px) {
.main01{margin-bottom:90px;}
.main01 .wrap{width:1400px; margin:0 auto;}
.main_visual{border-radius: 90px; height:565px; position:relative; z-index:2;}
.agenda{position:relative; margin:-150px 0 40px 0;  padding:0; position: relative;  z-index: 1; height:350px; border-radius:0;  background: linear-gradient( to bottom, #ffffff 0%,#fcf9ff 100%);}
.agenda .wrap{width:1400px; margin:0 auto; padding:200px 20px 0 20px; display: flex; align-items: center; gap:45px;} 
.agenda .agenda_tit{display: flex; align-items: center; flex-shrink: 0; margin-right:50px;}
.agenda h2{text-align:left; margin:0 35px 0 0; line-height: 1.2em; font-size:24px;}
.agenda h2 br{display: block;}
.agenda .today .tit{margin:0; padding:0; white-space: nowrap; font-size: 28px;}
.agenda .today .tit strong{font-size:33px;}
.agenda .date{display: flex; align-items: center; margin:0 50px 0 0; flex-shrink: 0;}
.agenda .date_con{width: auto; height:auto;}
.agenda .date ul li span{font-size:18px;}
.agenda .date ul li strong{font-size:20px;}
.agenda .date ul li.on strong{margin-top:11px;}
.agenda .date button.prev{ left:-50px; top:10px;}
.agenda .date button.next{ right:-50px; top:10px;}

.schedule_list{ flex:1; margin:0; width:538px; height:87px;}
.schedule_list ul{ padding-top:0;}
.schedule_list ul li a,
.schedule_list ul li span{margin:0; line-height:87px; padding:0 30px;}
.schedule_btn{bottom:92px; right:279px;}

.main02{margin-bottom:90px;}
.main02 .wrap{width:1520px; margin:0 auto;}
.member h2{font-size:33px; margin:77px 0 30px 0;}
.member .member_list>ul{ justify-content:center;}

.member .member_list > ul.col3 > li{ width:calc((100% - 260px) / 3); }
.member .member_list > ul.col3 > li:nth-child(n+4){ width:calc((100% - 70px) / 4);}
.member .member_box{ display: flex; align-items: center; gap: 20px; width:295px;  height: 180px; padding: 27px 30px; border-radius: 50px;}
.member .member_box .photo{width:130px; height:163px;}
.member .member_box .txt p{font-size:20px; text-align: left;}
.member .member_box .txt span{font-size:18px;}
.member .member_box .txt ul li {font-size:16px;}


/* .gallery{max-width:1660px; margin: 0 auto; border-radius: 90px 0 0 90px; margin-left:250px; padding:70px 80px; position:relative;} */
.main03 .wrap{ width:1400px; margin:0 auto; }
.gallery{ margin-left:calc((100% - 1400px) / 2); border-radius:120px 0 0 120px; padding:70px 0;  } 
.gallery::before{content: ''; display: block; background: url('/images/main/logo_bg.png')no-repeat; width:426px; height:453px; position:absolute; right:0; bottom:-81px; }
.gallery h2{font-size:33px; text-align: left;}
.gallery p{text-align: left; font-size:20px;}
.gallery_list{width:1290px;}
.gallery_list ul{ gap:20px;}
.gallery_list ul li{width:417px; height:244px;}
.gallery_list ul li a{ display:block; height:100%;}
.gallery_list ul li img{ width:100%; height:100%; object-fit:cover;}

.g_plus a{ left:590px; right:unset; top:101px;}
.gallery_btn{right:250px; top:112px;}
}