@charset "utf-8";

.btn_ctrl,
.control a{position:relative; float:left; width:26px; height:26px; margin:0 0 0 -1px; font-size:0; text-indent:-9999px; border:1px solid #ddd; box-sizing:border-box; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_pgey.cat) no-repeat 8px 5px;}
.btn_ctrl.btn_next,
.control .btn_next{background-position:-49px 5px;}
.control .btn_stop{background-position:-22px 5px;}
.control .btn_play,
.control .btn_stop.on{background-position:-103px 5px;}
.control .more{background-position:-136px -83px;}

.btn_ctrl:hover,
.control a:hover{z-index:3; border-color:#777;}

.more{position: absolute; z-index: 2; top: 0; right: 0; display: block; width: 26px; height: 26px; font-size: 0; text-indent: -9999px; border: 1px solid #ddd; box-sizing: border-box; background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_pgey.cat) no-repeat -76px 5px;}
.more:hover,
.more:focus,
.more:active{border-color: #777;}

.sec{overflow:hidden; width:100%;}
.sec1{background:#f5f5f5;}
.sec .inner{padding-top: 34px; padding-bottom: 40px;}
.sec1 > .inner > div{width:31.666%;}

#container_main h4{position:relative; margin: 0 0 10px; font-size:22px;}
#container_main h4 span{font-weight:200;}

/* 비주얼 */
#visual{position:relative; height:550px; background:#bdad95;}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list{position: relative; left: 50%; top: 0; margin: 0 0 0 -960px;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#visual button{display:inline-block; padding:0; font-size:0; text-indent:-999px;}
#visual .control,
#visual .slick-dots{z-index:2; position:absolute; bottom:14px; left:50%; line-height:100%;}
#visual .slick-dots{left:auto; right:50%; margin:0 0 1px;}
#visual .slick-dots *{display:inline-block; vertical-align:top;}
#visual .slick-dots li{line-height:0;}
#visual .slick-dots button{position:relative; width:11px; height:11px; margin:0 8px; border-radius:50%; transition:0.3s ease; box-sizing:border-box; background:#fff;}
#visual .slick-dots button:before{content:''; top:50%; left:50%; width:0; height:0; transition:0.3s ease;}
#visual .slick-dots .slick-active button{background:#edcb58;}
#visual .slick-dots .slick-active button:before{position:absolute; top:-6px; left:-6px; width:23px; height:23px; border:1px solid #fff; border-radius:50%; box-sizing:border-box;}
#visual .control{height:20px; padding:0 0 0 15px;}
#visual .control a{z-index:54; width:18px; height:17px; margin:0 7px 0 0; border:none; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Spbzzba%2Soga_j_pbageby.cat) no-repeat 5px -307px;}
#visual .control .btn_stop{margin:0; background-position:2px -242px;}
#visual .control .btn_stop.on{background-position:3px -199px;}
#visual .control .btn_next{transform: rotateY(180deg);}

/* 열린의장실 */
#chairman{position:relative; float:left; margin:0 30px 0 0;}
#chairman .con{position: relative; background: #5578b2 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_punvezna.tvs) no-repeat; background-size: 100%;}
#chairman .txt{position:absolute; top:44px; left:25px; box-sizing:border-box;}
#chairman .name {padding:10px 0 30px 0;}
#chairman .name strong{font-size:18px; font-weight:900;}
#chairman .name strong br{display:none;}
#chairman .pic{text-align:right;}
#chairman .pic img{max-width:100%;}
#chairman .btns{position: relative; overflow:hidden; width:100%; padding: 26px 0 0; margin: 24px 0 0;}
#chairman .btns:before{content: ""; position: absolute; top: 0; left: 0; display: block; width: 154px; height: 1px; background: rgba(255, 255, 255, 0.3);}
#chairman .btns a{display: block; position:relative; width:120px; height:40px; line-height:40px; text-align:center; border-radius:10px; color: #fff; background:#3a609f; box-sizing:border-box; transition:box-shadow 0.25s ease-in-out;}
#chairman .btns a:hover,
#chairman .btns a:focus,
#chairman .btns a:active{box-shadow:inset 0 0 0 2px #22457f;}
#chairman .btns a:before{content: ""; display: inline-block; width: 18px; height: 15px; vertical-align: top; margin: 12px 12px 0 0; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_punvezna.cat) no-repeat; }
#chairman .btns a:hover:before{animation: ani_bg 0.7s ease-out; transform-origin: 50% 100%;}
@keyframes ani_bg{
	0%{transform:rotate(0);}
	20%{transform:rotate(-8deg);}
	40%{transform:rotate(8deg);}
	60%{transform:rotate(-8deg);}
	80%{transform:rotate(8deg);}
	100%{transform:rotate(0deg);}
}

/* 의사일정 */
#agenda{position:relative; float:left; box-sizing:border-box;}
#agenda .con{background: #fff; padding: 0 25px 25px;}
#agenda .week_wrap{position:relative; clear:both; width:100%; box-sizing:border-box;}
#agenda .date{padding:20px 0 0 0; font-size:22px; color:#222; text-align:center;}
#agenda .date .list p:not(:first-of-type){display:none;}
#agenda .date .list.slick-initialized p:not(:first-of-type){display:inline-block;}
#agenda .date .list p span{position: relative;}
#agenda .date .list p span:before{content: ""; display: inline-block; vertical-align: top; margin: 5px 14px 0 0; width: 25px; height: 23px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_pny.tvs) no-repeat;}
#agenda .date strong{font-weight:900;}
#agenda .date .btns{z-index:3; display:block; position:absolute; top:21px; left:50%; width:7px; height:13px; margin:0 0 0 -150px; font-size:0; text-indent:-999px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_pgey.cat) no-repeat 9px -25px; padding: 10px;}
#agenda .date .btn_next{margin:0 0 0 123px; background-position:-32px -25px;}
#agenda .week {/*max-width:600px;*/ margin:0 auto; padding:16px 0 22px 0; text-align:center; box-sizing:border-box; font-size:18px;}
#agenda .week .list{display:inline-block; width:10%; line-height:120%; vertical-align:top; color:#333;}
#agenda .week .list:not(:first-of-type){display:none;}
#agenda .week.slick-initialized .list:not(:first-of-type){display:inline-block;}
#agenda .week .list p{border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; padding: 11px 0}
#agenda .week .list span{display:block; height:30px; width:30px; line-height:30px; margin:10px auto 0; font-weight:800; text-align:center; border-radius:50%; box-sizing:border-box;}
#agenda .week .sun{color: #be3333;}
#agenda .week .sat{color: #10589d;}
#agenda .week .today span{color:#f5c06d;}
#agenda .week .agenda{z-index:1; position:relative;}
#agenda .week .agenda span{position: relative;}
#agenda .week .agenda span:before{content: ""; position: absolute; top: 2px; right: 0; display: block; width: 4px; height: 4px; border-radius: 50%; background: #f5c06d;}
#agenda .list_wrap{overflow:hidden; width:100%; height:65px; border-radius: 10px; background:#eee; text-align:left; box-sizing:border-box;}
#agenda .list_wrap .list{width:100%; height:100%; line-height:65px; padding:0 54px 0 15px; box-sizing:border-box;}
#agenda .list_wrap .list a{position:relative; display:inline-block; width:100%; height:100%; line-height:65px; padding: 0 0 0 9px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
#agenda .list_wrap .list a:before{content: ""; position: absolute; top: 50%; left: 0; display: block; width: 5px; height: 1px; background: #333;}
#agenda .control{z-index:55; position:absolute; bottom:19px; right:15px;}
#agenda .control .btn_stop{background-position: -22px 5px;}
#agenda .control .btn_stop.on{background-position: -103px 5px;}

/* 현역의원 */
#member .dot li:before{background: #f4b95d;}
#member{position:relative; float:right; box-sizing:border-box;}
#member .control{position: absolute; top: 0; right: 0; padding: 0 25px 0 0;}
#member .list_wrap{clear: both; width: 100%; height: 265px; overflow: hidden; box-sizing: border-box; background: #5aadb2;}
#member .list_wrap .list{position: relative; width: 100%; padding: 25px 0 0 24px; vertical-align: top; box-sizing: border-box;}
#member .list_wrap .list:after{content: ""; display: block; clear: both;}
#member .pic{float: left; width: 135px; height: 160px;}
#member .pic img{width: 100%; height: 100%;}
#member .txt{float: left; width: calc(100% - 135px); box-sizing: border-box; padding: 0 0 0 20px; color: #fff;}
#member .txt .name{font-size: 20px; font-weight: 400; line-height: 100%; padding: 10px 0 10px;}
#member .txt li{position: relative; margin: 0 0 8px;}
#member .txt li em{position: absolute;}
#member .txt li .lt2{letter-spacing: 22px;}
#member .txt li .lt3{letter-spacing: 4.5px;}
#member .txt li span{display: block; padding: 0 2px 0 65px;}
#member .txt li .dist{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#member .btns{clear: both; font-size: 0; padding: 15px 0 0;}
#member .btns a{display: inline-block; width: 155px; height: 40px; line-height: 40px; border-radius: 10px; transition:box-shadow 0.25s ease-in-out; text-align: center; font-size: 16px; color: #fff; background: #3c959a;}
#member .btns a:nth-child(2){margin-left: 15px;}
#member .btns a:hover,
#member .btns a:focus,
#member .btns a:active{box-shadow:inset 0 0 0 2px #2b7378;}
#member .btns a:before{content: ""; display: inline-block; margin: 0 10px -1px 0; width: 14px; height: 14px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_cebsvyr.cat) no-repeat;}
#member .btns a:nth-child(2):before{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ubzrcntr.cat);}
#member .btns a:hover:before{animation: ani_bg 0.7s ease-out; transform-origin: 50% 100%;}

/* 공지사항 */
#board{position:relative; float:left; width:65.8333%; height:320px; border-bottom:1px solid #ddd; box-sizing:border-box;}
#board > ul{position:relative; float:left; width:100%; padding:0 50px 0 0; box-sizing:border-box;}
#board > ul > li{float:left; width:25%;}
#board li h4{line-height:0; padding:0; margin: 0;}
#board li h4 a{position:relative; display:block; width:100%; line-height:53px; font-weight:200; font-size:20px; color:#555; text-decoration:none; text-align:center; box-sizing:border-box; border: 1px solid #ddd; border-left: none;}
#board li:first-child h4 a{border-left: 1px solid #ddd;}
#board li.on h4 a{color:#fff; background:#3a609f;}
#board .con{opacity:0; visibility:hidden; position:absolute; top:87px; left:0; width:100%;}
#board .on .con{opacity:1; visibility:visible; top:77px; transition:0.35s ease-in-out;}
#board .con ul{overflow:hidden; width:100%; padding:18px 25px 13px 25px; border-top:1px solid #e8e8e8; box-sizing:border-box;}
#board .con li{position:relative; float:left; width:100%; height:36px; box-sizing:border-box;}
#board .con li a{position:relative; float:left; width:100%; padding:0 90px 0 0; color:#555; 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 .date{position:absolute; right:1px; top:0; color:#777;}
#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:top;}
#board .new{display:inline-block; width:15px; height:15px; line-height:15px; margin:4px 0 0 -20px; font-size:11px; font-weight:400; text-transform:uppercase; text-align:center; color:#fff; border-radius:3px; background:#d82626; vertical-align:top;}
#board .none{width:100%; padding:3em 0 0 0 !important; text-align:center; background:none;}
#board .none:before,
#board .more{display:none;}
#board .more{position:absolute; right:0px; top:0px; width:51px; height:55px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_pgey.cat) no-repeat -73px -17px;}
#board .more:before,#board .more:after{display:none;}
#board .on .more{display:block;}
#board .first *{display:inline-block; vertical-align:top;}
#board .first a{position:relative; width:100%; padding:20px 25px 38px 135px; color:#555; box-sizing:border-box; text-decoration:none; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_obneq.tvs) no-repeat 25px 0;}
#board .first em{display:inline-block; max-width:98%; padding:0 20px 7px 0; overflow:hidden; color:#222; font-size: 18px; font-weight: 400;  text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#board .first .detail{position: relative; box-sizing: border-box; padding: 0 90px 0 12px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#board .first a:hover em,
#board .first a:focus em,
#board .first a:active em{text-decoration:underline;}
#board .type{display: inline-block; line-height: 25px; margin-right: 10px; padding: 0 9px; border-radius: 8px; color: #fff; font-size: 14px; text-align: center; background: #f4b95d;}
#board > ul > li:nth-child(n + 2) .type{display: none;}
#board > ul > li:nth-child(n + 2) .first em{padding-left: 12px;}

/* 바로가기 */
#quick{float: right; width:31.666%;}
#quick h4{position: absolute; font-size: 0;}
#quick ul:after{content: ""; display: block; clear: both;}
#quick li{float: left; width: 48.812%; box-sizing: border-box;}
#quick li:nth-child(even){margin-left: 2.376%;}
#quick li:nth-child(1),
#quick li:nth-child(2){margin-bottom: 2.376%;}
#quick li a{position: relative; display: block; box-sizing: border-box; font-size: 18px; color: #222; font-weight: 400; background: #f0f7f7; transition:all 0.25s ease-in-out;}
#quick li a:hover,
#quick li a:focus,
#quick li a:active{box-shadow:inset 0 0 0 2px #5aadb2; background: #e9f7f7;}
#quick li a:hover span:before,
#quick li a:focus span:before,
#quick li a:active span:before{animation: ani_bg 0.7s ease-out; transform-origin: 50% 100%;}
#quick li a span{position: relative; display: block; height: 155px; padding: 22px 0 14px 25px; box-sizing: border-box;}
#quick li a span:after{content: ""; position: absolute; top: 58px; left: 25px; display: block; width: 30px; height: 2px; background: #5aadb2;}
#quick li a span:before{content: ""; position: absolute; bottom: 20px; right: 25px; display: block; width: 54px; height: 71px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_nffrzoyl.cat) no-repeat;}
#quick li:nth-child(2) a span:before{width: 62px; height: 61px; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_pnfg.cat);}
#quick li:nth-child(3) a span:before{width: 43px; height: 71px; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_gbhe.cat);}
#quick li:nth-child(4) a span:before{width: 63px; height: 65px; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_zntnmvar.cat);}

/* 갤러리 */
#gallery{position:relative; clear:both; z-index:1; width:100%; padding:37px 0 33px 0; background:#fffaf4 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_tnyyrel.wct) no-repeat center bottom; background-size: contain;}
#gallery:after{content:''; display:block; clear:both; width:100%;}
#gallery h4{margin: 0 0 20px; padding: 0 0 17px; font-size: 24px; text-align: center;}
#gallery h4:before{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 40px; height: 1px; background: #bbb;}
#gallery .list_wrap{overflow:hidden; width:100%; max-width:1230px; margin:0 auto;}
#gallery .list{float:left; width:385px;}
#gallery .list:first-of-type{margin:0;}
#gallery .list *{display:block;}
#gallery .list a{padding:0 12.5px 0;}
#gallery .list img{position: absolute; top: 0; left: 0; width:100%; height: auto; /*height:280px;*/ transition:0.3s ease;}
#gallery .list .img{position:relative; overflow:hidden; padding-top: 72.727%;}
#gallery .list .img:before,
#gallery .list .img:after{z-index:1; content:''; opacity:0; position:absolute; top:50%; left:50%; width:50px; height:50px; transform:translate(-50%, -50%) scale(0); transition:0.3s ease; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.naqbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_zber.cat) no-repeat;}
#gallery .list .img:before{top:0; left:0; width:100%; height:100%; transform:none; background:rgba(0,0,0,0.6);}
#gallery .list .sbj{position:relative; padding:33px 0 13px 80px;}
#gallery .list em{display: -webkit-box; overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; height: 44px; color: #222;}
#gallery .list .date{position:absolute; top:20px; left:0; width:70px; height:70px; padding:9px 0 0 0; font-size:14px; color:#222; line-height:130%; transition:background-color 0.3s ease; background:#fff; box-sizing:border-box; text-align:center;
    border: 3px solid #f4b95d;}
#gallery .list .date strong{display:block; line-height:125%; font-size:24px; font-weight:200; color:#222;}
#gallery .list a:active img,
#gallery .list a:hover img,
#gallery .list a:focus img{transform:scale(1.1);}
#gallery .list a:hover .img:before,
#gallery .list a:hover .img:after{opacity:1;}
#gallery .list a:hover .img:after{transform:translate(-50%, -50%) scale(1);}
#gallery .list a:hover .date{background:#f4b95d;color:#fff;}
#gallery .list a:hover .date strong{color:#fff;}
#gallery .btn_ctrl{position:absolute; top:50%; left:50%; margin:-20px 0 0 -659px;  width: 39px; height: 39px; background-position: 0px -82px; background-color: transparent; border-color: #777;}
#gallery .btn_next{margin:-20px 0 0 620px; background-position: -47px -82px;}
#gallery .view{position:absolute; top:2px; right:0; width:70px; height:30px; line-height:30px; font-size:14px; color:#fff; box-sizing:border-box; border-radius: 18px; text-align: center; background:#999;}
#gallery .view:hover{background: #888;}

/* 배너모음 */
#banner{clear:both; overflow:hidden; height:120px;}
#banner .inner{position:relative; padding:0 0 0 230px; box-sizing:border-box;}
#banner .tit{position:absolute; top:45px; left:0;}
#banner h4{float:left; padding:0 16px 0 0; font-size:18px !important; font-weight:700;}
#banner .list_wrap{float:left; width:100%; padding:30px 0 0 0;}
#banner .list{float:left;}
#banner .list a{display:block; margin:0 30px 0 0;}
#banner .control{position:static; float:left;}
#banner .control a{width:23px; height:23px; margin: 2px 0 0 3px; border:none; border-radius:50%; background-color:#777; background-position:-15px -347px;}
#banner .control .btn_next{background-position:-34px -347px;}
#banner .control .btn_stop{background-position:8px -346px;}
#banner .control .btn_stop.on{background-position:-57px -347px;}
#banner .control .more{background-position:-80px -347px;}

@media all and (max-width:1348px) {
	#gallery .btn_ctrl{z-index:1; left:15px; margin:-20px 0 0 0; background-color:rgba(255,255,255,0.3);}
	#gallery .btn_next{left:auto; right:15px;}
}
@media all and (max-width:1280px){
	#visual{height:auto;}
    #visual .list_wrap .list{left: auto; margin: 0;}
	#visual .list_wrap .list img{position: relative; left: 50%; transform: translateX(-50%); max-width:115%;}
}
@media all and (max-width:1230px){
    #member .txt{padding: 0 0 0 12px;}
    #member .txt li span{padding: 0 2px 0 60px;}

/*    #gallery .list img{height:253px;}*/
	#gallery .view{right:15px;}

    #banner .inner{padding-right:15px;}
	#banner h4{padding-left:15px;}
}
@media all and (max-width:1200px){
    .sec1 > .inner > div{width: 48.75%;}
    #chairman {margin: 0 2.5% 0 0;}

    #member{float: left; margin: 0 0 30px;}
    #member .txt{padding: 0 0 0 12px;}
    #member .txt li span{padding: 0 2px 0 60px;}

    #agenda {width: 100%; height: auto;}
}
@media all and (max-width:1024px) {
    #member .txt li{font-size: 15px;}

    #board{float: none; width: 100%;}

    #quick{float: none; width: 100%; margin: 30px 0 0;}
    #quick:after{content: ""; display: block; clear: both;}
    #quick li:nth-child(1), #quick li:nth-child(2){margin-bottom: 0;}
    #quick li:nth-child(even){margin-left: 0;}
    #quick li{width: 24.25%; margin-right: 1%}
    #quick li:last-child{margin-right: 0;}

    #gallery{padding:33px 0;}
	#gallery .list_wrap{padding:0 3px;}
	#gallery .list a{padding:0 12px;}
/*	#gallery .list img{height:225px;}*/
	#gallery .list .sbj{padding:14px 0 13px 57px;}
	#gallery .list .date{top:9px; padding:6px 0 0 0; width:50px; height:54px; font-size: 12px;}
	#gallery .list .date strong{font-size:22px;}

    #banner {height:auto; padding:0 0 15px;}
	#banner .tit{position:static; float:left; padding:14px 0 5px;}
	#banner h4{padding:1px 10px 0 0; font-weight:800;}
	#banner .inner{padding:0 15px;}
	#banner .list_wrap{padding:0;}
}
@media all and (max-width:800px){
    #member .pic{width: 125px; height: 148px; }
    #member .txt{width: calc(100% - 125px);}

}

@media all and (max-width:768px) {
	#container_main h4{font-size:21px;}

    .sec .inner{padding-top: 20px; padding-bottom: 20px;}
    .sec1 > .inner > div {width: 100%;}

    #visual .control,
    #visual .slick-dots{bottom: 10px;}

    #member{float: left; margin: 30px 0 30px;}

    #board > ul{padding: 0 41px 0 0;}
    #board li h4 a{line-height: 40px; font-size: 17px;}
    #board .on .con{top: 65px;}
    #board .more{width: 42px; height: 42px; background-position: -77px -23px;}

    #quick li a span{height: 135px; padding: 15px 0 15px 15px;}
    #quick li a span:after{top: 50px; left: 15px;}
    #quick li a span:before{right: 15px; bottom: 15px; width: 50px !important; height: 55px !important; background-size: contain; background-position: right bottom;}

    #gallery{padding:30px 0;}
    #gallery h4{padding: 0 0 10px;}
	#gallery .list_wrap{padding:0 2px;}
	#gallery .list a{padding:0 8px;}
/*	#gallery .list img{height:168px;}*/
	#gallery .list em{display: block; white-space: nowrap; height: auto; line-height: 47px;}
	#gallery .list .sbj{padding:9px 0 7px 48px;}
	#gallery .list .date{top:7px; padding:4px 0 0 0; width:43px; height:47px; font-size:11px; border-width: 2px;}
	#gallery .list .date strong{font-size:20px;}
	#gallery .view{right:10px; top: 0;}
	#gallery .btn_prev{left:10px;}
	#gallery .btn_next{right:10px;}

    #banner .inner{padding:0 10px;}
	#banner .list a{margin:0 10px 0 0;}
}
@media all and (max-width:568px) {
	#container_main h4{font-size:19px;}

    #visual .list_wrap .list img{max-width: 125%;}

    #chairman .con{height: 225px;}
    #chairman .txt{top: 30px;}
    #chairman .txt img{height: 80px;}
    #chairman .btns{padding: 20px 0 0; margin: 20px 0 0;}
    #chairman .pic{height: 100%;}
    #chairman .pic img{height: 100%;}

    #member .list_wrap{height: 250px;}
    #member .list_wrap .list{padding: 25px 0 0 20px;}
    #member .pic{width: 120px; height: 142px;}
    #member .txt{width: calc(100% - 120px); padding: 0 0 0 15px;}
    #member .txt .name{font-size: 19px; padding: 7px 0 10px;}
    #member .btns a{width: 45%; font-size: 15px;}
    #member .btns a:nth-child(2){margin-left: 4%;}

    #agenda .date{font-size: 21px;}
    #agenda .week{padding: 15px 0; font-size: 17px;}
    #agenda .list_wrap{height: 60px;}
    #agenda .list_wrap .list,
    #agenda .list_wrap .list a{line-height: 60px;}
    #agenda .date .list p span:before{width: 23px; height: 21px; margin: 5px 10px 0 0; background-size: contain;}
    #agenda .control{bottom: 18px;}
    #agenda .date .btns{top: 20px;}

    #board{height: 330px;}
    #board > ul > li{width: 50%;}
    #board li h4 a{font-size: 16px;}
    #board li:nth-child(3) h4 a{border-left: 1px solid #ddd;}
    #board li:nth-child(3) h4 a,
    #board li:nth-child(4) h4 a{border-top: none;}


    #board .first a{background-size: auto 70px; background-position: 10px 0; padding: 10px 10px 30px 90px;}
    #board .first em{font-size: 17px;}
    #board .first .detail{padding: 0 70px 0 5px;}
    #board .con ul{padding: 15px 10px;}
    #board .on .con{top: 100px;}
    #board .type{font-size: 12px; line-height: 21px; margin-right: 5px; padding: 0 4px;}
    #board .more{height: 83px; background-position: 11px -400px;}
    #board > ul > li:nth-child(n + 2) .first em{padding-left: 5px;}

    #quick li{width: 48.812%; margin-right: 0;}
    #quick li:nth-child(even){margin-left: 2.376%;}
    #quick li:nth-child(1),
    #quick li:nth-child(2){margin-bottom: 2.376%;}

    #gallery{padding:25px 0;}
/*	#gallery .list img{height:141px;}*/
    #gallery .view{width: 50px; height: 25px; line-height: 25px; font-size: 12px;}
}
@media all and (max-width:380px) {
	#container_main h4{font-size:18px;}

    #visual{padding: 0 0 35px;}
    #visual .control{bottom: 5px; padding-left: 10px;}
    #visual .slick-dots{bottom: -28px;}

    #chairman .con{height: 190px;}
    #chairman .txt{top: 25px; left: 20px;}
    #chairman .txt img{height: 75px;}
    #chairman .btns{padding: 18px 0 0; margin: 18px 0 0;}
    #chairman .btns a{height: 37px; line-height: 37px; width: 150px;}
    #chairman .btns a:before{margin: 10px 8px 0 0;}

    #member .list_wrap{height: 222px;}
    #member .list_wrap .list{padding: 20px 0 0 15px;}
    #member .pic{width: 110px; height: 131px;}
    #member .txt{width: calc(100% - 110px); padding: 0 0 0 10px;}
    #member .txt li{font-size: 14px;}
    #member .txt .name{font-size: 18px; padding: 5px 0 7px;}
    #member .btns a{height: 37px; line-height: 37px; font-size: 14px;}

    #agenda .date{font-size: 20px;}
    #agenda .date .list p span:before{margin: -3px 10px 0 0; vertical-align: middle;}
    #agenda .date .btns{top: 19px; margin: 0 0 0 -135px;}
    #agenda .date .btn_next{margin: 0 0 0 108px;}

    #board{height: 295px;}
    #board li h4 a{font-size: 15px;}
    #board .first a{background-size: auto 60px; background-position: 10px 0; padding: 6px 10px 20px 80px;}
    #board .con li{height: 30px;}

    #quick li a{font-size: 16px;}
    #quick li a span{height: auto; padding: 15px 0 75px 15px;}
    #quick li a span:after{top: 45px;}

	#gallery .list_wrap{padding:0 4px;}
	#gallery .list a{padding:0 6px;}
/*	#gallery .list img{height:130px;}*/
	#gallery .list em{line-height:40px;}
	#gallery .list .sbj{padding:8px 0 0 40px;}
	#gallery .list .date{width:36px; height:41px; font-size:10px;}
	#gallery .list .date strong{font-size:17px;}
}
@media all and (max-width: 370px){
    #member .txt li{font-size: 13px;}
    #member .txt li span{padding: 0 2px 0 55px;}
}