@charset "utf-8";
#container_main{position:relative; overflow:hidden; width:100%;}
#container_main:before{content:'';display:block;position:absolute;top:541px;left:0;width:100%;height:202px;background: #fcdfd7;}

.inner{box-sizing:border-box;}

.bx-controls *{display:inline-block; vertical-align:top;}
.bx-controls a{font-size:0; text-indent:-999px;}

.more{z-index:2; position:absolute; top:3px; right:0; display:block; width:24px; height:24px; font-size:0; text-indent:-999px; transition:background 0.3s;}
.more:before,
.more:after{content:''; display:block; position:absolute; top:10px; right:4px; width:17px; height:3px; transition:0.25s ease; background:#3770b5;}
.more:after{top:3px; right:11px; width:3px; height:17px;}
.more:hover:before,
.more:focus:before,
.more:active:before,
.more:hover:after,
.more:focus:after,
.more:active:after{transform:rotate(90deg);}

.control a{float:left; width:24px; height:24px; margin:0 0 0 -1px; font-size:0; text-indent:-9999px; border:1px solid #ccc; background:#fff url(/images/kr/main/bg_bullet.png) no-repeat 6px -712px;}
.control a:first-child{margin:0;}
#agenda .control .btn_prev{background-position:6px -712px; transform:rotate(180deg);}
.control .btn_next{background-position:6px -712px;}
.control .btn_stop{background-position:9px -741px;}
.control .btn_play,
.control .btn_stop.on{background-position:9px -772px;}
.control a:hover,
.control a:active,
.control a:focus{background-color:#f9f9f9;}

#visual{position:relative; height:541px; max-width:2000px; margin:0 auto;}
#visual .list{height:541px;}
#visual li{position:absolute; top:0; left:50%; margin:0 0 0 -1000px;}
#visual .bx-controls{z-index:56; position:absolute; bottom:10px; right:50%; margin:0 -600px 0 0;}
#visual .bx-controls a{width:31px; height:31px; background:url(/images/common/btn_w_control.png) no-repeat 0 -309px;}
#visual .bx-controls-direction {display:none; position:absolute; top:0; right:0; text-align:right;}
#visual .bx-controls-direction a{display:block; position:absolute; left:0; top:0;}
#visual .bx-controls-direction .bx-next{right:0; left:auto; background-position:100% -279px;}
#visual .bx-pager {padding:0 0 0 43px;}
#visual .bx-pager a{position:relative; width:18px; height:18px; margin:0 5px; transition:0.3s ease; background:#fff; border-radius:18px;}
#visual .bx-pager .active{width:58px; background:#2f5012;}
#visual .bx-controls-auto {position:absolute; left:0; top:-8px; width:31px; height:31px; border-radius:50%; background:rgba(36,54,89,0.7); text-align:center;}
#visual .bx-controls-auto .bx-start{background-position:12px -70px;}
#visual .bx-controls-auto .bx-stop{background-position:10px -233px;}
#visual .bx-controls-auto .active{display:none;}

.sec1{padding:0 439px 0 0;}

/* 현역의원 */
#member {z-index:55;position:relative;float:left;width:100%;margin:0 0 39px;box-sizing:border-box;background: #f1ece9;}
#member .tit{position:absolute;top:-50px;left:0;width:305px;height:50px;color:#fff;background: #A0918D; border-radius:14px 14px 0 0;}
#member .tit h4{float:left; padding:0 0 0 19px; line-height:50px; font-size:22px; font-weight:100;}
#member .list{border-left:1px solid rgba(255,255,255,0.3);}
#member li{position:relative; float:left; height:202px; color:#fff; border-right:1px solid rgba(255,255,255,0.3);}
#member .name {position:absolute;left:0;bottom:0;display:block;width:100%;height:54px;padding:7px 0 0 18px;line-height:130%;font-size:14px;box-sizing:border-box;background:#A0918D;transition:height 0.3s ease;}
#member .name *{display:inline-block; vertical-align:top;}
#member .name span{display:block;}
#member .name em{font-size:17px; font-weight:800;}
/* #member .name a{margin:2px 0 0 0; padding:0 4px; line-height:130%; font-size:13px; font-weight: bold; color:#303030; background:#ffb808; 
	width: 60px; height: 17px; text-align: center; animation:ani 2s ease-in infinite;} */
#member .name a{margin: 0 0 0 0; padding:0 4px; line-height:130%; font-size:14px; font-weight: bold; color:#303030; background:#ffec08; 
	width: 60px; height: 20px; text-align: center; /* animation:ani 2s ease-in infinite; */}
#member .control{float:right; padding:16px 36px 0 0;}
#member .control a{display:inline-block; height:18px; width:13px; margin:0 22px 0 0; border:none; background:url(/images/common/btn_w_control.png) no-repeat 0 -317px;}
#member .control .btn_next{background-position:0 -277px;}
#member .control .btn_stop{background-position:0 -240px;}
#member .control .btn_stop.on{background-position:0 -77px;}
#member .more{display:block; right:auto; top:-35px; left:270px; width:17px; height:18px; background:url(/images/common/btn_w_control.png) no-repeat 0 -353px;}
#member .more:before,
#member .more:after{display:none;}

@keyframes ani{
	/* 50%{opacity:0.35;} */
	50%{background: #5cccbc;}
}

#sns {float:right; position:absolute; top:0; right:0; width:400px;}
#sns h4{padding:14px 0 9px;font-size:22px;font-weight:100;color: #333;}
#sns h4 span{font-weight:800; color:#d93200;}
#sns li{float:left; width:190px;}
#sns li:first-child{margin:0 19px 0 0;}
#sns li *{display:block;}
#sns li a{font-size:14px;color: #333;}
#sns li .img{position:relative;}
#sns li .img > img{max-width:100%; max-height:106px; margin:0 auto; border:1px solid #54811d;}
#sns li .img strong{position:absolute; left:1px; bottom:1px;}
#sns li .sbj{width:100%; padding:11px 0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}

.sec2{padding:0 436px 48px 0;}

/* 의사일정 */
#agenda {position:relative; float:left; height:275px; width:100%; padding:26px 3.14% 0; box-sizing:border-box; border:1px solid #e1e1e1; background:#ededed;}
#agenda h4{float:left; position:relative; display:inline-block; ;padding:2px 30px 13px 43px; font-size:26px; color:#003377; background:url(/images/kr/main/ico_agenda.png) no-repeat;}
#agenda .more:before,
#agenda .more:after{background:#3e6598;}
#agenda .btn_year{float:right; line-height:34px; width:153px; text-align:center; color:#fff; background:#2b568f; transition:background 0.3s;}
#agenda .btn_year:hover{background:#0b3772;}
#agenda .con{overflow:hidden; width:100%;}
#agenda .calendar{float:left; width:100%;}
#agenda .list_wrap{float:right; width:55.05%;}
#agenda .mobile{display: none;}
#agenda .monthly {float:left; width:42.41%; height:auto;}
#agenda .monthly:after {display:block; clear:both; content:"";}
#agenda .monthly .month {position:relative; height:39px; overflow:hidden; font-size:26px; font-weight:normal; color:#4d4d4d}
#agenda .monthly .month ul li {width:100%; font-family:"Tahoma", sans-serif; text-align:center;}
#agenda .monthly .month ul li strong {color:#363636; font-weight:900;}
#agenda .monthly .btns {display:block; position:absolute; z-index:3; top:32%; width:13px; height:21px; text-indent:-9999em; transform:translateY(-50%);}
#agenda .monthly .btns.btn_prev {left:54px; background:url(/images/kr/main/bg_bullet.png) no-repeat 0 -299px;}
#agenda .monthly .btns.btn_next {right:54px; background:url(/images/kr/main/bg_bullet.png) no-repeat 0 -299px; transform:translateY(-50%) rotateY(180deg);}
#agenda table{clear:both; width:100%; border-collapse:collapse; text-align:center;}
#agenda table th{padding:5px 0 5px; border-top:2px solid #fff; border-bottom:2px solid #fff; background-color: #f5f5f5;}
#agenda table th{z-index:2; position:relative; line-height:100%;}
#agenda table td{z-index:2; position:relative; line-height:25px;}
#agenda table td{padding: 2px 0 0 0; font-weight:100;}
#agenda table th + th:before{content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:15px; transform:translateY(-35%); background:#b7c5d9;}
#agenda table .sun{color:#aa353d;}
#agenda table .sat{color:#2b568f;}
#agenda table .today{font-weight:800;}
#agenda table .agenda a{display:inline-block; width:25px; border-radius:50%; background:#f7d5a2;}
#agenda table .current a{color:#fff; background:#3e6598;}

#agenda .date{position:relative; overflow:hidden; height:60px; line-height:60px; color:#4d4d4d; border-bottom:1px solid #d8d8d8; font-size:26px; box-sizing:border-box;}
#agenda .date .btns{z-index:3; display:block; position:absolute; top:20px; left:64px; width:13px; height:21px; font-size:0; text-indent:-999px; background:url(/images/kr/main/bg_bullet.png) no-repeat 0 -299px;}
#agenda .date .btn_next{left:auto; right:64px; background-position:0 -344px;}
#agenda .date .num{z-index:1; position:relative; width:100%; font-weight:normal; font-family:"Tahoma", sans-serif; text-align:center;}
#agenda .date .num li{position:absolute; top:0; left:0; width:100%;}
#agenda .date .num strong{font-weight:900; color:#363636;}
#agenda .date .num span{color:#2b568f;}
#agenda .date .num li > span{font-size:20px; font-family:"Noto Sans KR", sans-serif; vertical-align:top;}

#agenda .list_area{float:right; width:100%; border:1px solid #d8d8d8; background:rgba(255,255,255,0.8);}
#agenda .txt{position:relative; width:100%; height:127px; padding:10px 22px 0 20px; box-sizing:border-box;}
#agenda .list li{position:relative; width:100%; line-height:27px; padding:0 115px 0 0; box-sizing:border-box;}
#agenda .list li.none{padding:0;}
#agenda .list li *{display:inline-block; vertical-align:top;}
#agenda .list li a{width:100%;}
#agenda .list strong{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#agenda .list .time{color:#3062a5;}
#agenda .list .ico{position:absolute; top:2px; right:11px; width:102px; line-height:24px; font-size:15px; border-radius:24px; text-align:center; color:#fff; background:#9c9b99;}
#agenda .list .ico.on{background:#dd6d00;}
#agenda .control{z-index:55; position:absolute; bottom:-1px; right:1px; width:22px; height: calc(100% + 2px); background-color: #acc;}
#agenda .control a{width:22px; height:calc((100% / 3) - 1px); margin:0 0 0 0;}
#agenda .control a:nth-child(2),
#agenda .control a:nth-child(3){margin-top: -1px;}
#agenda .control .btn_stop{height:calc((100% / 3) - 1.5px);}

/* 열린의장실 */
#chairman {position:absolute; top:0; right:0; float:right; width:401px; height:275px; border:1px solid #dfdfdf; background:#f2f2f2; box-sizing:border-box;}
#chairman a{display:block;}
#chairman .pic{z-index:1; position:absolute; right:0; bottom:0;}
#chairman .txt {z-index:2; position:relative; width:164px; padding:30px 0 0 29px;}
#chairman .txt p{padding:15px 0 15px; line-height:110%; font-size:22px; word-break:keep-all;}
#chairman .txt p span{font-size:24px;}
#chairman .txt p strong{font-weight:900; color:#2b568f;}
#chairman .btns a{overflow:hidden;position:relative;display:block;width:100%;max-width:164px;line-height:50px;color:#fff;text-align:center;box-shadow: inset 0 0 0 3px #dd6d00;background: #dd6d00;transition:background 0.3s;font-size: 1.2em;font-weight: 600;}
/* #chairman .btns a:first-child{margin:0 0 5px; box-shadow:inset 0 0 0 3px #2b568f; background:#2b568f;} */
#chairman .btns a:hover,
#chairman .btns a:focus,
#chairman .btns a:active{color:#333; background:transparent;}

#popup {z-index:1; position:absolute; top:0; right:0; float:right; width:401px;}
#popup h4{height:40px; padding:10px 0 0 0; font-size:22px;}
#popup .list {position:relative;width:100%;height:229px;text-align:center;box-sizing:border-box;border:1px solid #ebebeb;background:#eee;overflow: hidden;}
#popup .list *{ height:100% !important; }
#popup .list li{text-align:center;}
#popup .list li a{display:block;}
#popup .list li a:focus{border:2px solid #000;}
#popup .list li img{height:100%; aspect-ratio: 1 / 1;}
#popup .control{position:absolute; top:5px; right:0;}
#popup .btn_prev,
#popup .btn_next{width:30px; border-radius:15px 0 0 15px; background-position:12px -642px;}
#popup .btn_next{border-radius:0 15px 15px 0; background-position:11px -695px;}
#popup .none{min-height:150px; padding:80px 0 0 0; box-sizing:border-box;}
#popup .btn_stop{background-position:9px -749px;}
#popup .btn_stop.on{background-position:9px -780px;}

.sec3{padding:0 437px 0 0;}

/* 공지사항 */
#board{position:relative; float:left; width:100%; height:328px; box-sizing:border-box; font-size:15px;}
#board .bar{display:block; z-index:-1; position:absolute; bottom:0; left:0; width:159px; height:52px; background:#3c67a1; transition:0.3s;}
#board > ul{position:relative; float:left; width:100%;}
#board > ul:before{display:block; content:''; position:absolute; bottom:0; left:1px; width:100%; height:3px; margin:0 auto; background:#3c67a1;}
#board > ul > li{float:left;}
#board li h4{line-height:0; padding:0;}
#board li h4 a{position:relative; display:block; width:158px; line-height:52px; font-weight:100; font-size:18px; color:#353535; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7; text-decoration:none; text-align:center;}
#board li.on h4 a{color:#fff; font-weight:800;}
#board li:first-child h4 a{border-left:1px solid #c7c7c7;}
#board .con{display:none; position:absolute; top:85px; left:0; width:100%; padding:0 0 0 216px; box-sizing:border-box;}
#board .on .con{display:block;}
#board .con .tit{position:absolute; top:11px; left:0; width:163px; line-height:140%; text-align:center; font-size:15px; color:#727272; word-break:keep-all;}
#board .con .tit strong{position:relative; display:block; padding:0 0 10px 0; font-size:24px; font-weight:800; color:#3770b5;}
#board .con .tit strong:before{content:''; display:block; width:97px; height:87px; margin:0 auto; background:url(/images/kr/main/ico_notice.gif) no-repeat;}
#board .con li{position:relative; float:left; width:100%; height:32px; box-sizing:border-box;}
#board .con li:before{top:11px;}
#board .con li a{position:relative; float:left; width:100%; padding:0 90px 0 0; box-sizing:border-box; text-decoration:none;}
#board .con li a:hover .title,
#board .con li a:focus .title,
#board .con li a:active .title{text-decoration:underline;}
#board .con li .date{position:absolute; right:0; top:0; font-size:14px; color:rgba(0,0,0,0.5);}
#board .title{display:inline-block; max-width:98%; padding:0 20px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; vertical-align:middle; color:#000;}
#board .new{display:inline-block; width:15px; height:15px; line-height:14px; margin:5px 0 0 -20px; font-size:11px; font-weight:400; text-transform:uppercase; text-align:center; color:#fff; border-radius:3px; background:#ff6800; vertical-align:top;}
#board .none{width:100%; padding:5em 0; text-align:center; background:none;}
#board .none:before,
#board .more{display:none;}
#board .more{top:13px; right:19px;}
#board .on .more{display:block;}

#gallery{position:relative; overflow:hidden; width:100%; height:416px; padding:48px 0 0 0; background:#ececec;}
#gallery .bar{display:block; position:absolute; bottom:0; left:20px; width:39px; height:4px; margin:0 0 0 calc(100% - 369px); background:#CE6C04; transition:0.3s;}
#gallery .tit{position:absolute; top:0; left:0; width:100%; padding:0 32px 0 0; text-align:center; box-sizing:border-box;}
#gallery .info{padding:6px 0 0 0; font-size:15px; color:#727272; letter-spacing:-1px;}
#gallery .info br{display:none;}
#gallery .list{float:right;}
#gallery .list > li{float:left;}
#gallery li h4 a{position:relative; display:block; line-height:46px; padding:0 22px; font-size:20px; font-weight:100; color:#000; text-decoration:none;}
#gallery li h4 a:before{content:''; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; border-radius:50%; background:#878484;}
#gallery li:first-child h4 a:before{display:none;}
#gallery li.on h4 a{color:#CE6C04; font-weight:800;}
#gallery .list ul{display:none; position:absolute; top:119px; left:0; width:100%;}
#gallery .list .on ul{display:block;}
#gallery .list ul li{float:left; width:282px; margin:0 0 0 23px;}
#gallery .list ul li:first-child{margin:0;}
#gallery li *{display:block;}
#gallery li > a{position:relative; height:251px; border:1px solid #d6d6d6; background:#fff; transition:all 0.3s; box-sizing:border-box;}
#gallery li .img{overflow:hidden;position:relative;height: 170px;}
#gallery li img{max-width:100%;min-height: 171px;height: 100%;margin:0 auto;transition:0.3s ease-in-out;}
#gallery li .sbj{padding:15px 0 0 19px; color:#333;}
#gallery li .date{color:#818181; font-size:15px;}
#gallery li em{width:93%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery li a:active img,
#gallery li a:hover img,
#gallery li a:focus img{transform:scale(1.1);}
#gallery li > a:hover,
#gallery li > a:active,
#gallery li > a:focus{box-shadow:5px 5px 5px #bbb;}
#gallery .cast strong{display:block; position:absolute; bottom:0; left:0; width:109px; line-height:28px; color:#fff; background:#CE7F00; text-align:center;}
#gallery .cast .img:before{z-index:1; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/kr/main/ico_play.png) no-repeat 50% 50%;}
#gallery .view{display:none; position:absolute; top:67px; right:0; width:92px; height:38px; line-height:38px; padding:0 0 0 40px; font-size:15px; text-indent:0; color:#fff; border:none; background:#ce6c04 url(/images/kr/main/bg_more.png) no-repeat 15px 50%;}
#gallery .view:hover,
#gallery .view:focus,
#gallery .view:active{background-color:#f47f01; box-shadow:none;}
#gallery .on .view{display:block;}
#gallery .control {display:none; z-index:56; position:absolute; top:55%; left:0; width:100%; text-align:center;}
#gallery .control a{position:absolute; left:0; top:0; display:block; width:36px; height:36px; border-radius:50%; border:2px solid #fff; opacity:0.5; font-size:0; background:#555 url(/images/common/btn_w_control.png) no-repeat 12px 9px;}
#gallery .control a:hover{opacity:1;}
#gallery .control .btn_next{right:0; left:auto; background-position:14px -72px;}

#banner{position:relative; clear:both; width:100%; background:#fff;}
#banner .inner{position:relative; overflow:hidden; padding:16px 0 20px 0;}
#banner .list{position:relative; float:left; width:100%; padding:0 0 0 85px; box-sizing:border-box;}
#banner ul{float:left; width:100%;}
#banner li{float:left; margin:0 10px 0 0;}
#banner li img{height:48px;}
#banner li a{display:block; padding:5px 0 2px 0; transition:0.2s;}
#banner li a:hover,
#banner li a:focus,
#banner li a:active{padding:0; box-shadow:0 2px 5px #ccc;}
#banner .control{z-index:2; position:absolute; top:21px; left:0; width:72px;}
#banner .control a{width:20px; height:20px; margin:0 0 0 3px; background-position:7px -103px;}
#banner .control .btn_prev{margin:0;}
#banner .control .btn_next{background-position:8px -46px;}
#banner .control .btn_stop{background-position:8px -73px;}
#banner .control .btn_stop.on{background-position:8px -618px;}
#banner .control .view{width:70px; margin:0 0 3px 0; line-height:21px; text-indent:0; font-size:12px; border:1px solid #d5d5d5; text-align:center; background:none;}
#banner .control .view:hover,
#banner .control .view:focus{background:#f8f8f8;}

@media all and (max-width:1220px) {
	.sec1{width:98%;}
    .sec2{padding:0 36% 48px 0}
	#visual .bx-controls{right:20px; margin:0;}

	#member li .pic img{position: absolute; bottom:65px; left:0; max-width:100%; vertical-align:bottom;} 
	#member .name{height:65px; padding:6px 0 0 12px;} 
	#member .name a{display:block; width:60px; padding:0; text-align:center;}
    
    #chairman{width:33.4%}
    #chairman .pic{max-width:55%;}
    #chairman .pic img{max-width:100%;}
    
    #agenda .tit{padding: 0px 0px;}
	#agenda .list li{padding:0 90px 0 0;}
	#agenda .list .ico{width:85px; font-size:14px;}
	#agenda .date .btns{left:25px;}
	#agenda .date .btn_next{left:auto; right:25px;}
    #agenda .monthly .btns.btn_prev{background:url(/images/kr/main/bg_bullet.png) no-repeat 0 -299px; left: 25px;}
    #agenda .monthly .btns.btn_next{background:url(/images/kr/main/bg_bullet.png) no-repeat 0 -299px; transform:translateY(-50%) rotateY(180deg); right: 25px;}
    #agenda .btn_year{width: 140px; font-size: 15px;}
    
	#board li h4 a{width:auto; padding:0 30px;}
	#board .bar{width:128px;}
	#board .con{padding:0 0 0 180px;}

	#gallery .tit{padding:0 30% 0 0;}
	#gallery .list ul li{width:23%; margin:0 0 0 2.6%;}
}
@media all and (max-width:1080px){
    #agenda .tit h4{padding: 2px 25px 17px 38px;}
}
@media all and (max-width:1024px) {
	#container_main:before{display:none;}
	
	#visual,
	#visual .list{height:auto;}
	#visual li{left:-20%; margin:0;}
	#visual li img{max-width:140%;}

	.sec1,
	.sec2{padding:0;}

	#member{margin:0;}
	#member .tit{position:static; width:100%; border-radius:0;}
	#member li{width:20%; height:172px;}
	#member li a img{width:125px;}
	#member li .pic img{bottom:49px;}
	#member .name{height:49px; font-size:13px;}
	#member .name em{font-size:16px;}
	#member .name a{display:inline-block; margin:0 0 0 2px;}
	#member .control a{left:0;}
	#member .more{top:15px; left:auto; right:20px;}
	#member a:hover .name{height:69px;}

	#agenda{margin:0 0 10px;}
	#agenda .btn_year{font-size:15px;}
	#agenda .list .ico{width:80px; font-size:13px;}
	#sns{padding:0 0 9px; text-align:center; background:#fcdfd7;}
	#sns h4{padding:18px 0 12px;}
	#sns li{float:none; display:inline-block; width:45%; max-width:190px;}
	#sns li:first-child{margin:0 3% 0 0;}
	#sns li .sbj{padding:5px 0 0 10px; text-align:left;}
	#sns,
	#chairman{position:static; width:100%; margin:0 0 10px;}

	#chairman{overflow:hidden; position:relative; height:190px; margin:0 0 20px;}
	#chairman .txt{width:100%;}
	#chairman .txt p{padding:0 0 27px 0; letter-spacing:-1px; box-sizing:border-box;}
	#chairman .pic img{height:190px;}
	#chairman .btns a{line-height:35px; font-size:15px;}
	
	#board .bar{width:93px;}
	#board li h4 a{padding:0 15px; font-size:17px;}
	#board .con{padding:0 0 0 150px;}
	#board .con .tit{width:140px; line-height:130%; font-size:14px;}
	#board .con .tit strong{font-size:20px;}
	#board .con .tit strong:before{width:75px; height:74px; background-size:contain;}
	#board .more{right:0;}
 
 	#popup h4{height:37px; font-size:21px;}
	#popup .list li img{width:auto;}
	
	#gallery{height:350px; padding:35px 0 0 0; font-size:15px;}
	#gallery .tit{padding-left:10px; text-align:left;}
	#gallery h4 img{height:43px;}
	#gallery .info{padding:0; font-size:14px;}
	#gallery li > a{height:210px;}
	#gallery li .img{height:130px}
	#gallery li img{min-height: 138px;}
	#gallery .list ul{top:95px;}
	#gallery li .sbj{padding:13px 0 0 15px;}
	#gallery li .date{line-height:130%; font-size:14px;}
	#gallery .cast strong{width:100px; line-height:25px; font-size:14px;}
	#gallery .cast .img:before{background-size:55px;}
	#gallery .view{top:54px; height:32px; line-height:32px; font-size:14px;}
}
@media all and (max-width:860px) {
	#chairman{margin:0 0 15px;}

	.sec3{padding:0;}
	
	#board{height:245px;}
	#board .bar{height:45px;}
	#board li h4 a{line-height:45px;}
	#board .con{top:67px;}
	#board .con li{height:28px;}
	#board .more{top:10px;}

	#popup{position:relative; width:100%; margin:0 0 10px;}
	#popup h4{padding-left:10px;}

	#gallery{height:320px;}
	#gallery .bar{height:3px;}
	#gallery li h4 a{line-height:40px; padding:0 18px; font-size:19px;}
	#gallery h4 img{height:40px;}
	#gallery li > a{height:193px;}
	#gallery li img{max-height:116px;}
	#gallery .cast .img:before{background-size:50px;}
}
@media all and (max-width:768px) {
	#member li{height:147px;}
	#member li a img{width:105px;}
	#member li .pic img{bottom:45px;}
	#member .name{height:45px; padding:6px 0 0 8px; font-size:12px;}
	#member .name em{font-size:15px;}
	/* #member .name a{width:55px; font-size:11px;} */
	#member .name a{width:55px; font-size:14px;}
	#member a:hover .name,
	#member a:focus .name,
	#member a:active .name{height:62px;}

	#agenda{height:auto; padding:20px;}
	#agenda h4{font-size:21px;}
	#agenda .date,
    #agenda .month ul li{font-size:23px;}

	#chairman,
	#chairman .pic img{height:175px;}
	#chairman .txt{padding:20px 0 0 20px;}
	#chairman .txt p{padding:0 0 13px; line-height:130%; font-size:18px;}
	#chairman .txt p span{display:block; font-size:20px;}
	#chairman .btns a{line-height:32px; font-size:14px;}
	
	#board li h4 a{font-size:16px;}

	#popup h4{height:35px; font-size:20px;}
	
	#gallery{height:330px; padding:20px 0 0 0;}
	#gallery .tit{position:static; padding:0 0 10px; text-align:center;}
	#gallery h4 img{height:37px;}
	#gallery li h4 a{font-size:18px;}
	#gallery .info{font-size:13px;}
	#gallery .list{float:none; overflow:hidden; width:330px; margin:0 auto;}
	#gallery .list ul{top:125px;}
	#gallery .list ul li{width:24%; margin:0 0 0 1.3%;}
	#gallery li > a{height:173px;}
	#gallery li .img{height:105px;}
	#gallery li img{max-height:105px;}
	#gallery li .sbj{padding:8px 0 0 10px;}
	#gallery .cast .img:before{background-size:45px;}
	#gallery .cast strong{width:90px; line-height:22px; font-size:13px;}
	#gallery .view{top:80px; width:75px; height:28px; line-height:28px; padding:0 0 0 30px; font-size:13px; background-position:8px 50%;}
}
@media all and (max-width:568px) {
	.more{top:1px;}
	#visual .bx-controls{right:10px;}

	#member .tit{height:43px;}
	#member .tit h4{font-size:20px; line-height:44px;}
	#member li{height:138px;}
	#member li a img{width:81px;}
	#member li .pic img{bottom:58px;}
	#member .name{height:58px; padding:4px 0 0 0; line-height:150%; font-size:11px; text-align:center;}
	/* #member .name a{display:block; margin:2px auto 0; font-size:10px;} */
	#member .name a{display:block; margin:2px auto 0; font-size:13px; height: 17px;}
	#member .name em{font-size:14px;}
	#member a:hover .name,
	#member a:focus .name,
	#member a:active .name{height:57px;}
	#member .control{padding:12px 25px 0 0;}
	#member .control a{margin:0 13px 0 0;}
	#member .more{top:11px; right:10px;}

	#sns h4{padding:17px 0 9px; font-size:20px;}
	#sns li .img strong img{width:40px;}
    #agenda .monthly .month
	#agenda {padding:15px;}
    #agenda:after{content: ""; display: block;clear: both;}
    #agenda .tit.mobile{display: block;}
    #agenda .tit.mobile:after{content: ""; display: block; clear: both;}
    #agenda .tit{width: 100%; padding: 0 16px; box-sizing: border-box;}
	#agenda .tit h4{padding:2px 30px 14px 35px;font-size:20px; background-size:27px;}
    #agenda .tit h4:after{
        content: "";
        display: block;
        clear: both;
    }
    #agenda .tit .btn_year{margin: -0px 0px 0px;}
    #agenda .tit .btn_year:after{
        content: "";
        display: block;
        clear: both;
    }
    #agenda .monthly{
        width: 100%;
        margin: 0 auto;
        padding: 0 0;
        float: none;
    }
    #agenda .monthly:after{content: ""; display: block; clear: both;}
    #agenda .monthly .month{height: 52px; line-height: 52px;}
    #agenda .monthly .btns{top: 50%;}
    #agenda .list_wrap{float: none; width: 100%;}
	#agenda .calendar{margin:0 0 2px;}
    #agenda .calendar{width: 100%; margin-bottom: 10px;}
	#agenda .list_area{width:100%;}
	#agenda table th{line-height:27px; padding:0;}
	#agenda table th + th:before{height:13px;}
	#agenda table td{padding:4px 0 0 0; line-height:27px;}
	#agenda table .agenda a{width:27px;}
	#agenda .date{height:50px; line-height:52px; font-size:22px;}
	#agenda .date .btns{top:14px;}
	#agenda .btn_year{line-height:30px; width:137px; margin:-2px 0 0 0; font-size:14px;}
    #agenda .wide{display: none;}
    
	#chairman, #chairman .pic img{height:165px;}
	#chairman .txt{padding-left:15px;}
	#chairman .txt p{font-size:16px;}
	#chairman .txt p span{font-size:19px;}
	#chairman .btns a{max-width:130px;}

	#board{height:230px; font-size:14px;}
	#board li h4 a{padding:0 12px; font-size:15px;}
	#board .con{top:62px; padding:0 0 0 5px;}
	#board .con .tit{display:none;}
	#board .con li{height:26px;}
	#board .con li .date{font-size:13px;}

	#popup h4{height:32px; font-size:19px;}

	#gallery {height:500px; font-size:14px;}
	#gallery li h4 a{line-height:36px; font-size:17px;}
	#gallery h4 img{height:34px;}
	#gallery .info {padding:4px 0 0 0; line-height:120%; font-size:12px;}
	#gallery .list{width:312px;}
	#gallery .list ul{top:117px; text-align:center;}
	#gallery .list ul li{float:none; display:inline-block; width:44%; margin-bottom:10px; vertical-align:top; text-align:left;}
	#gallery .list ul li:nth-child(odd){margin:0;}
	#gallery li .date{font-size:13px;}
	#gallery .view{top:70px; right:5%; width:30px; font-size:0; text-indent:-999px;}
}
@media all and (max-width:400px) {
	#visual .bx-controls{bottom:7px;}

	#member .tit{height:41px;}
	#member .tit h4{line-height:42px;}
	#member .control{padding:10px 25px 0 0;}
	#member .more{top:10px;}
	#member .name{font-size:10px;}
	#member .name em{font-size:13px;}

	#sns li .img strong img{width:38px;}
	#member .tit h4,
	#sns h4,
	#agenda h4{font-size:19px;}
	#agenda .tit.mobile .btn_year{width:42%; line-height:29px; font-size:13px;}
	#agenda .list .ico{width:70px; font-size:12px;}
	#agenda .list li{padding:0 78px 0 0;}
    
	#chairman, #chairman .pic img{height:160px;}
	#chairman .txt{padding:14px 0 0 15px;}
	#chairman .txt p{max-width:150px; padding:0 0 8px 0; font-size:15px;}
	#chairman .txt p span{font-size:18px;}
	#chairman .btns a{line-height:30px; max-width:110px; font-size:13px;}
	
	#board{height:217px;}
	#board li h4 a{line-height:40px; padding:0 8px; font-size:14px;}
	#board .bar{height:40px;}
	#board .more{top:7px;}
	#board .con{top:55px;}

	#popup h4{height:30px; font-size:18px;}
	#popup .list{height:auto;}
	
	#gallery {height:484px;}
	#gallery h4 img{height:32px;}
	#gallery li h4 a{font-size:16px;}
	#gallery .info{font-size:11px;}
	#gallery .info br{display:inline-block;}
	#gallery .list{width:300px;}
	#gallery .list ul{top:125px;}
	#gallery .list ul li{width:47%;}
	#gallery li > a{height:162px;}
	#gallery .view{top:79px; right:2%;}
}
@media all and (max-width:360px) {
	#member li{height:126px;}
}