@charset "utf-8";

#container_main h4{font-family:'score'; font-weight:600;} 

.page{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:200px; height:40px; line-height:40px; border-radius:20px 20px 0 0; color:#fff; font-size:14px; text-align:center; background:rgba(0,0,0,0.8); color:#fff; font-size:15px; font-weight:100;}
.page .current{color:#fbfbe1; font-weight:800;}
.page .current:after{content:''; display:inline-block; width:4px; height:4px; margin:-2px 14px 0 15px; border-radius:50%; background:#cacacb; vertical-align:middle;}

.control{position:absolute; bottom:29px; left:50%;}
.control:after{content:''; display:block; clear:both;}
.control button, .control a{position:absolute; top:0; left:50%; margin:0 0 0 -50px; width:20px; height:20px; font-size:0; text-indent:-9999px; vertical-align:top;}
.control button:before{content:''; position:absolute; top:5px; left:7px; width:50%; height:50%; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(-135deg);}
.control .btn_next{margin:0 0 0 28px;}
.control .btn_stop{margin:0 0 0 51px;}
.control .btn_next:before{transform:rotate(45deg);}
.control .btn_stop:before{opacity:0.7; width:7px; height:11px; border-top:none; border-left:2px solid #fff; border-right-width:2px; transform:none;}
.control .btn_stop.on:before{margin:0 0 0 -5px; border-right:none; border-top:10px solid #fff; border-left:10px solid transparent !important; transform:rotate(45deg);}

.control.circle button, .control.circle a{position:relative; left:0; display:inline-block; width:35px; height:35px; margin:0; box-sizing:border-box; border:1px solid #dfdfdf; border-radius:50%; padding:0; transition:.3s;}
.control.circle button:hover,
.control.circle button:active,
.control.circle button:focus,
.control.circle a:hover,
.control.circle a:active,
.control.circle a:focus,
.control.circle button:hover:before,
.control.circle button:active:before,
.control.circle button:focus:before{border-color:#258eba;}

.control.circle button:before{top:12px; left:14px; width:10px; height:10px; border-color:#777;}
.control.circle .btn_next{margin:0 2px;}
.control.circle .btn_next:before{left:10px;}
.control.circle .more:before, .control.circle .more:after{right:9px; width:13px; height:1px; background:#777; margin:-1px 0 0;}
.control.circle .more:after{top:10px; right:15px; margin:0; width:1px; height:13px;}
.control.circle .more:hover:before,
.control.circle .more:active:before,
.control.circle .more:focus:before,
.control.circle .more:hover::after,
.control.circle .more:active:after,
.control.circle .more:focus:after{background:#258eba;}
.control .btn_stop:before {left: 12px !important;}
.control .btn_stop.on:before {margin: 0 0 0 -3px; border-right: none; border-top: 10px solid #454545; border-left: 10px solid transparent !important; transform: rotate(45deg);}
	


.more{z-index:2; position:absolute; top:28px; right:30px; padding:0 22px 0 0; font-size:14px; font-weight:400; color:#555;}
.more:hover,
.more:focus,
.more:active{text-decoration:none;}
.more:before,
.more:after{content:''; position:absolute; top:50%; margin:-1px 0 0; right:0; width:12px; height:2px; background:#258eba;}
.more:after{top:5px; right:5px; width:2px; height:12px;}

em.tit{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; font-weight:400;}
.new{display:inline-block; width:16px; height:17px; line-height:17px; margin:5px 0 0 -20px; text-transform:uppercase; text-align:center; color:#fff; border-radius:3px; background:#d84455; vertical-align:top; font-size:12px; font-weight:400;}

.no_list{width:100% !important; padding:6em 0 0 0 !important; text-align:center;}
.no_list:before{display:none;}

#main_wrap{height:710px; box-sizing:border-box; padding:50px 0; background:#e9f5f9 url(../../images/kr/main/bg_mainvisual.jpg) no-repeat center;}
#main_wrap .inner{padding:0;}
.sec1{float:left; width:845px;}
.sec2{float:right; width:305px;}

#visual{overflow:hidden; position:relative; margin:0 0 40px 210px; border-radius:10px; box-shadow:5px 0 20px rgba(107,107,107,0.4); height: 365px;width: 100%;}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list > img{width:100%; height:100%;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#visual .slogan{z-index:1; position:absolute; top:32px; left:0; width:100%; font-family:'score'; font-size:30px; font-weight:500; color:#fff; text-align:center; text-shadow:0 0 5px rgba(0,0,0,0.5);}
#visual .slogan .txt{animation:slideup 1s both;}
#visual .slogan .txt span{color:#fbfbe1;}
#visual .slogan .img{display:block; padding:4px 0 0; animation:slideup 1s both; animation-delay:0.5s; text-align:center;}
#visual .slogan .img img{display:inline;}

@keyframes slideup{
	0%{transform:translateY(20px); opacity:0; visibility:hidden;}
	100%{transform:translateY(0); opacity:1; visibility:visible;}
}

#visual .page .total{padding:0 9px 0 0;}
#visual .control button{margin:0 0 0 -57px;}
#visual .control .btn_next{margin:0 0 0 24px;}
#visual .control .btn_stop{margin:0 0 0 45px;}

/* 현역의원 */
#member *{vertical-align:top;}
#member {width: 1060px;}
#member .list:after{content:''; display:block; clear:both;}
#member .list a{overflow:hidden;position:relative;float:left;width: 72px;height:100px;margin:0 0 5px 25px;object-fit: cover;}
#member .list a:first-child,
#member .list a:nth-of-type(12){margin-left:0;}
#member .list a:before{z-index:2; opacity:0; visibility:hidden; content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:3px solid #f3c122; transition:.3s;}
#member .list a:hover:before,
#member .list a:active:before,
#member .list a:focus:before{opacity:1; visibility:visible;}
#member .list a img{width:100%;height:100%;object-fit: cover;}
#member .list a span{z-index:1; position:absolute; bottom:0; left:0; width:100%; height:25px; line-height:25px; background:rgba(0,0,0,0.7); color:#fff; font-size:14px; font-weight:400; text-align:center;}

/* 열린의장실 */
#chairman{overflow:hidden; position:relative; margin:0 0 40px; border-radius:10px; box-shadow:5px 0 20px rgba(204,204,204,0.5);}
#chairman .txt{height:305px; box-sizing:border-box; padding:39px 0 0 30px; background:#fff url(../../images/kr/main/bg_chairman.png) no-repeat bottom right;}
#chairman .txt p:not(.name){font-family:'jalnan'; font-size:20px; color:#295daa;}
#chairman .txt p:not(.name) strong{display:block; padding:5px 0 0; font-size:1.300em; color:#2b425b;}
#chairman .name img{margin:32px 0 0 4px; vertical-align:bottom;}
#chairman .pic{position:absolute; bottom:60px; right:0;}
#chairman .btns:after{content:''; display:block; clear:both;}
#chairman .btns a{position:relative; float:left; display:block; width:33.333%; height:60px; line-height:60px; box-sizing:border-box; font-weight:400; color:#fff; background:#258eba; text-align:center;}
#chairman .btns a:nth-child(2){background:#295daa;}
#chairman .btns a:last-child{background:#2b425b;}
/*#chairman .btns a:before{content:''; position:absolute; top:50%; margin:-5px 0 0; right:34px; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); }*/

/* 의장 없음 */
#chairman.nochair{
   background:#ffffff url(../../images/kr/main/bg_nochair.png) no-repeat center center;
	height: 365px;
}

@media all and (max-width:1430px) {
#chairman .nochair{
      width:329px;height: 365px;}}

@media all and (max-width:1024px) {
 #chairman.nochair{
      height: 209px;overflow:hidden;}}

@media all and (max-width:768px) {
#chairman.nochair{
      height: 204px;background-position:center;background-size:cover;margin-bottom:10px;
   }}

@media all and (max-width:568px) {
 #chairman.nochair{
      width:100%;height:161px;
   }}

@media all and (max-width:480px) {
   #chairman.nochair{
         width:460px;height:161px;
      }
}

@media all and (max-width:380px) {
#chairman.nochair{
      width:360px;height:159px;
   }}

@media all and (max-width:380px) {
#chairman.nochair{
      width:360px;height:159px;
   }}


/* 의사일정 */
#agenda{position:relative; box-sizing:border-box; padding:26px 30px 30px; border-radius:10px; background:#fff; box-shadow:5px 0 20px rgba(204,204,204,0.4);}
#agenda h4{padding:0 0 12px; border-bottom:1px dashed #ddd; font-size:18px; color:#111;}
#agenda .date{position:relative; padding:14px 0 17px; font-family:'score'; font-size:22px; color:#444; 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 strong{font-weight:600; color:#258eba;}
#agenda .date .btns{z-index:3; position:absolute; top:25px; left:50%; width:10px; height:10px; margin:0 0 0 -107px; border-top:1px solid #686868; border-right:1px solid #686868; font-size:0; text-indent:-999px; transform:rotate(-135deg);}
#agenda .date .btn_next{margin:0 0 0 96px; transform:rotate(45deg);}
#agenda .list_wrap{overflow:hidden; height:50px; border-radius:10px;  background:#f2f8fa; font-size:15px;}
#agenda .list_wrap .list{overflow:hidden; display:block; line-height:50px; box-sizing:border-box; padding:0 40px 0 15px; text-overflow:ellipsis; white-space:nowrap; font-weight:400;}
#agenda .control{left:auto; right:59px; bottom:65px;}
#agenda .control .btn_stop{margin:0;}
#agenda .control .btn_stop:before{border-color:#888;}

/* 바로가기 링크 */
#link{position:absolute; top:0; left:0; width:170px; height:365px; border-radius:10px; background:#fff; text-align:center; box-shadow:5px 0 20px rgba(204,204,204,0.4);}
#link li{position:relative; box-sizing:border-box; padding:0;}
#link li + li:before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:37px; height:2px; background:url(../../images/kr/main/bg_link.gif) no-repeat;}
#link li a{position:relative; display:block; padding:58px 0 0; font-weight:400;}
#link li a:before{content:''; position:absolute; top:20%; left:50%; width:32px; height:32px; transform: translateX(-50%); background:url(../../images/kr/main/ico_link1.png) center /contain no-repeat; transition:0.6s ease-in-out;}
#link li:nth-child(2) a:before{background-image:url(../../images/kr/main/ico_link2.png);}
#link li:nth-child(3) a:before{background-image:url(../../images/kr/main/ico_link3.png);}
#link li:nth-child(4) a:before{background-image:url(../../images/kr/main/ico_link4.png);}
#link li a:hover:before,
#link li a:focus:before,
#link li a:active:before{animation:ani_link 0.9s ease-in-out;}
@keyframes ani_link {
	0%{transform:translate(-50%,0);}
	25%{transform:translate(-50%,6px);}
	50%{transform:translate(-50%,0);}
	75%{transform:translate(-50%,8px);}
	100%{transform:translate(-50%,0);}
}

.board_wrap{padding:80px 0;}
.board_wrap > div > h4{position:relative; display:block; font-size:30px;}
.board_wrap > div > h4:after{content:''; display:inline-block; width:5px; height:5px; margin:0 0 0 4px; border-radius:50%; background:#258eba; vertical-align:top;}

.tab .con ul{opacity:0; visibility:hidden; position:absolute; top:94px; left:0; width:100%; transition:.35s ease-in-out;}
.tab .con .on ul{opacity:1; visibility:visible; top:84px;}
.tab .more{display:none; top:15px; right:0;}
.tab .on .more{display:block;}
/* 공지사항 */
#board{position:relative; float:left; width:calc(100% - 550px); height:312px;}
#board > h4{position:absolute; top:0; left:0;}
#board > h4:after{display:none;}
#board > h4 span{display:block; line-height:100%; font-size:16px; font-weight:200; color:#777;}
#board .con{position:relative; box-sizing:border-box; padding:13px 91px 0 200px;}
#board .con:after{content:'';  display:block; clear:both;}
#board .con > li{float:left; width:25%;}
#board .con > li + li h4{position:relative;}
#board .con > li + li h4:before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%) rotate(-15deg); width:1px; height:15px; background:#dfdfdf;}
#board .con li h4{text-align:center;}
#board .con li h4 a{position:relative; display:inline-block; font-weight:200; font-size:20px; color:#777; text-decoration:none; transition:font-size 0.12s ease-in; text-align:center;}
#board .con li h4 a:before, #board .con li h4 a:after{opacity:0; visibility:hidden; content:''; position:absolute; top:-1px; left:-8px; width:5px; height:5px; border-radius:50%; background:#258eba;}
#board .con li h4 a:after{top:auto; bottom:-6px; left:0; width:0; height:2px; border-radius:0; transition:.3s;}
#board .con .on h4 a{font-weight:600; color:#222;}
#board .con .on h4 a:before, #board .con .on h4 a:after{opacity:1; visibility:visible;}
#board .con .on h4 a:after{width:100%;}

#board .con ul li{padding:0 225px 0 15px;}
#board .con ul li + li{margin:23px 0 0;}
#board .con ul li:before{background:#f3c122;}
#board .con ul li a{display:block; font-size:18px; text-decoration:none;}
#board .writer{position:absolute; top:0; right:115px; color:#888; font-weight:100;}
#board .date{position:absolute; right:0; top:0; color:#888;}
#board .more:after{top:10px;}


/* 팝업존 */
#popup{position:relative; float:right; width:499px; margin:-10px 0 0;}
#popup .control{bottom:auto; left:auto; top:11px; right:150px;}
#popup .control button:before{border-color:#838383;}

#popup *{vertical-align:top;}
#popup .list_wrap{margin:17px 0 0; border-radius:10px; box-shadow:5px 0 20px rgba(136,136,136,0.3);}
#popup .list_wrap .list a{overflow:hidden; display:block; height:260px; border-radius:10px;}
#popup .list_wrap .list a img{margin:0 auto;}
#popup .page{bottom:auto; left:auto; top:-59px; right:100px; width:auto; background:none; color:#999;}
#popup .page .current{color:#258eba;}
#popup .page .current:after{background:#ddd;}
#popup .more{left:auto; top:12px; right:0; width:auto; margin:0; text-indent:0; font-size:14px;;}

div .tit_wrap h4{line-height:125%; font-size:32px;}
div .tit_wrap p{display:block; padding:11px 0 0; line-height:135%; font-family:'score'; color:#888;}
/* SNS */
#sns{padding:74px 0 0; background:#edf6f4 url(../../images/kr/main/bg_sns.jpg) no-repeat center; background-size:cover;}
#sns .tit_wrap{text-align:center; padding:0 0 38px;}
#sns .con{position:relative; height:400px; box-sizing:border-box; padding:35px 50px 0; border-radius:10px 10px 0 0; background:#fff;}
#sns .con:before,
#sns .con:after{content:''; position:absolute; top:-95px; left:25px; width:177px; height:95px; background:url(../../images/kr/main/img_sns.png) no-repeat bottom left;}
#sns .con:after{content:'SNS'; top:-73px; left:auto; right:8px; width:auto; height:auto; color:#fff; text-transform:uppercase; font-family:'jalnan'; font-size:80px; letter-spacing:20px; background:none;}

#sns .con li h4{display:inline-block;}
#sns .con li h4 a{z-index:1; position:relative; display:block; width:200px; height:80px; line-height:80px; box-sizing:border-box; padding:0 0 0 60px; color:#6f717b; background:url(../../images/kr/main/ico_sns1.png) no-repeat top 15px left;}
#sns .con li.on h4 a{background-position:top -65px left; color:#222;}
#sns .con li:nth-child(2) h4 a{background-image:url(../../images/kr/main/ico_sns2.png);}
#sns .con li:nth-child(3) h4 a{background-image:url(../../images/kr/main/ico_sns3.png);}

#sns .con li h4 a:after{content:''; position:absolute; bottom:0; left:0; width:85%; height:1px; background:#ddd; transition:.3s;}
#sns .con li.on h4 a:after{width:100%; background:#258eba;}
#sns .con ul{position:absolute; top:50px; left:0; box-sizing:border-box; padding:0 50px 0 250px;}
#sns .con ul:after{content:''; display:block; clear:both;}
#sns .con ul li{float:left; width:calc((100% - 99px) / 4);}
#sns .con ul li + li{margin:0 0 0 33px;}
#sns .con ul li *{display:block;}
#sns .con ul li a{overflow:hidden; border-radius:10px; background:#fff; box-shadow:5px 0 20px rgba(187,187,187,0.2);}
#sns .con .pic{height:200px;}
#sns .con .pic img{width:100%; height:100%; border-radius:0 0 10px 10px;}
#sns .con .txt{box-sizing:border-box; padding:25px 15px 24px;}
#sns .con .tit{padding:0 0 7px; color:#333;}
#sns .con .date{padding:0 0 0 19px; color:#888; background:url(../../images/kr/main/ico_date.gif) no-repeat center left;}
#sns .more{top:auto; right:auto; bottom:51px; left:62px; width:26px; height:26px; padding:0; font-size:0; text-indent:-999px;}
#sns .more:before, #sns .more:after{width:100%; height:2px; margin:-1px 0 0; background:#aaa; transition:.3s;}
#sns .more:after{top:0; right:50%; margin:0 -1px 0 0; width:2px; height:100%;}
#sns .more:hover:before,
#sns .more:focus:before,
#sns .more:active:before,
#sns .more:hover:after,
#sns .more:focus:after,
#sns .more:active:after{background:#258eba;}

/* 갤러리 */
#gallery{padding:60px 0 175px; background:url(../../images/kr/main/bg_gallery.png) repeat-x bottom center;}
#gallery .tit_wrap{z-index:1; position:absolute; top:20px; left:0; box-sizing:border-box; padding:34px 0 0 40px;}
#gallery .tit_wrap:before{content:''; position:absolute; top:0; left:0; width:50px; height:50px; box-sizing:border-box; border-top:10px solid #258eba; border-left:10px solid #258eba;}
#gallery .control{position:relative; bottom:-40px; left:0;}
#gallery .inner {width: 98%; margin-left: 2%; padding-right: 0 !important;}

#gallery .list_wrap{box-sizing:border-box; padding:0 0 0 300px;}
#gallery .list_wrap .list:not(:first-of-type){display:none;}
#gallery .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#gallery .list_wrap:after{content:''; display:block; clear:both;}
#gallery .list{float:left;}
#gallery .list a{display:block; width:317px; margin:20px 25px 0 10px;}

#gallery .txt{position:relative; display:block; box-sizing:border-box; padding:0 90px 0 0; margin:12px 0 0;}
#gallery .img{overflow:hidden; display:block; height:240px; border-radius:10px; box-shadow:5px 0 15px rgba(102,102,102,0.4);}
#gallery .list a:active img,
#gallery .list a:hover img,
#gallery .list a:focus img{transform:scale(1.1);}
#gallery .img img{width:100%; height:100%; transition:0.3s ease-in-out;}
#gallery .date{position:absolute; top:2px; right:0; color:#777;}

/* 배너모음 */
#banner h4{position:absolute; top:50%; transform:translateY(-50%); left:0; font-size:18px;}
#banner .list_wrap{box-sizing:border-box; padding:38px 130px 38px 110px;}
#banner .list_wrap:after{content:''; display:block; clear:both;}
#banner .list{float:left;}
#banner .list a{display:block; margin:0 60px 0 0;}
#banner .control{bottom:auto; left:auto; top:50%; transform:translateY(-50%); right:0;}

@media all and (max-width:1430px) {
	img{max-width:100%;}

	#main_wrap{height:auto;}
	.sec1{width:70.4116%;}
	.sec2{width:27.4442%;}

    #visual, #chairman{margin:0;}
    #member, #agenda{margin:20px 0;}
    #visual .list_wrap .list > img{height:365px;}
    #chairman .txt{background-size:cover;}

    #member {width: 100%;}
    #member .list a{width:calc((100% - 25px) / 12); margin: 0 0 5px 8px;}
    #member .list a:nth-of-type(12){margin-left:0;}	
    
    #link{float:left; position:static; width:100%; height:auto;}
	#link ul:after{content:''; display:block; clear:both;}
	#link li{float:left; width:25%;}
    #link li + li:before{top:50%; left:-18px; transform:rotate(90deg);}
    
    #gallery .tit_wrap, 
    #banner h4{left:15px;}
    
    #banner .control{right:15px;}
}
@media all and (max-width:1280px) {
    #gallery .inner {width: 99%; margin-left: 1%;}
}
@media all and (max-width:1230px) {
    #board > h4{display:none;}
    #board .con{padding:13px 91px 0 0;}
    #sns .con ul li{width:calc((100% - 66px) / 3);}
    #sns .con ul li:nth-child(4){display:none;}
}
@media all and (max-width:1024px) {
    .sec1,
	.sec2{overflow:hidden; width:100%;}
	#main_wrap{padding:15px 0;}
    
    #visual .list_wrap .list > img{height:100%;}
    #member{margin:15px 0 10px;}
    
    #chairman{float:left; width:calc(100% - 325px);}
    #chairman .txt{height:209px; padding:25px 0 0 25px;}
    #chairman .name img{margin:25px 0 0 4px;}
    #chairman .pic{bottom:0; height:100%;}
    #chairman .btns{position:absolute; bottom:10px; left:25px;}
    #chairman .btns a{width:100px; height:45px; line-height:45px; margin:0 8px 0 0; border-radius:25px;}
    
    #agenda{float:right; width:305px; margin:0 0 15px;}
	#agenda h4{font-size:21px;}

    .tab .more{top:28px; line-height:130%;}
    .tab .con .on ul{top:74px;}
    
    .board_wrap{padding:35px 0 20px;}
    .board_wrap > div > h4{font-size:25px;}
    
	#board{width:100%;}
    #board > h4{position:relative; display:inline-block; left:50%; transform:translateX(-50%);}
    #board > h4:after{display:inline-block;}
    #board > h4 span{display:inline;}
    #board .con {padding:25px 90px 0 8px;}
    #board .con > li{width:auto; text-align:left;}
    #board .con > li + li{padding:0 0 0 50px;}
    #board .con > li + li h4:before{left:-25px;}
    #board .con ul li + li{margin:10px 0 0;}
    #board .con ul li a{font-size:17px;}

    #popup{width:100%;}
    #popup .list_wrap{margin:0; box-shadow:none; background:#f9f9f9;}
    #popup .list_wrap .list a{height:auto;}
    #popup .control{top:7px;}
    #popup .page{top:-39px;}
	#popup .more{top:2px;}
    
    div .tit_wrap h4{font-size:25px;}
    #sns{padding:45px 0 0;}
    #sns .tit_wrap{padding:0 0 15px;}
    #sns .con{height:340px; padding:15px 35px 0;}
    #sns .con li h4 a{width:170px; height:60px; line-height:60px; padding:0 0 0 40px; background-size:30px;}
    #sns .con li.on h4 a{background-position:top -33px left;}
    #sns .con ul{top:20px; padding:0 35px 0 205px;}
    #sns .con ul li{width:calc((100% - 33px) / 2);}
    #sns .con ul li:nth-child(3){display:none;}
    #sns .more{left:35px;}
    
    #gallery{padding:25px 0 105px; background-size:contain;}
    #gallery .tit_wrap{padding:14px 0 0 20px;}
    #gallery .tit_wrap:before{width:35px; height:35px; border-width:6px;}
    #gallery .list_wrap{padding:0 0 0 260px;}
}
@media all and (max-width:980px) {
    #member .list a {margin: 0 0 5px 8px;}
}
@media all and (max-width:780px) {
    #member .list a {margin: 0 0 5px 6px;}
}
@media all and (max-width:768px) {
    #main_wrap{padding:10px 0;}
    
    #visual .slogan{font-size:20px;}
    #visual .slogan .img{padding:0;}
    #visual .slogan .img img{width:130px;}
    
    #member{margin:10px 0 5px;}
    #member .list a{height:85px;}
    #member .list a span{height:20px; line-height:20px; font-size:13px;}
    
    #chairman{width:calc(100% - 315px);}
    #chairman .txt{height:204px; padding:20px 0 0 20px;}
    #chairman .txt p:not(.name){font-size:18px;}
    #chairman .name{font-size:0.938em;}
    #chairman .name img{height:23px;}
    #chairman .pic img{height:100%;}
    #chairman .btns{left:20px;}
    #chairman .btns a{width:70px; height:38px; line-height:38px; margin:0 5px 0 0; font-size:0.875em;}
    #chairman .btns a:before{right:20px; width:8px; height:8px; margin:-4px 0 0;}
    
    #agenda{margin:0 0 10px;}
    #agenda h4{font-size:19px;}
    #agenda .date{font-size:1.267em;}
    #agenda .date .btns{top:23px;}
    
    #link li{padding:20px 0;}
    #link li a:before{background-size:40px;}
    
    .tab .con .on ul{top:70px;}
    
    .board_wrap > div > h4, div .tit_wrap h4{font-size:21px;}
    #board .con li h4 a{font-size:18px;}
    #board .con li h4 a:after{bottom:-3px;}
    #popup .page {top:-33px;}
    
    #sns .con > li{float:left;}
    #sns .con:before{background-size:100px;}
    #sns .con:after{top:-27px; right:-5px; font-size:30px; letter-spacing:10px;}
    #sns .con{height:370px; padding:25px 25px 0;}
    #sns .con ul{top:70px; padding:0 25px;}
    #sns .con li h4 a{width:auto; height:35px; line-height:35px; padding:0 25px 0 25px; background-size:20px; background-position:top 8px left;}
    #sns .con li h4 a:after{display:none;}
    #sns .con li.on h4 a {background-position:top -24px left;}
    #sns .con .txt{padding:15px;}
    #sns .more{width:20px; height:20px; bottom:auto; left:auto; top:32px; right:25px;}
    
    #gallery .tit_wrap{position:relative; top:0; left:0; padding:0;}
    #gallery .tit_wrap:before, #gallery .tit_wrap br{display:none;}
    #gallery .list_wrap{padding:0;}
    #gallery .list a{width:calc(100% - 20px); margin: 20px 25px 0 0;}
    #gallery .img{height:220px;}
    #gallery .control{position:absolute; bottom:auto; left:auto; top:30px; right:0;}
    
    #banner .list a{margin:0 30px 0 0;}
}
@media all and (max-width:568px) {
    .page{width:135px; height:30px; line-height:32px; border-radius:10px 10px 0 0; font-size:13px;}
    .page .current:after{margin:-2px 9px 0 10px;}
    .control{bottom:25px;}
    .control button{margin:0 0 0 -40px;}
    .new{width:14px; height:15px; margin:0 0 0 -20px; font-size:10px;}
    
    #visual .slogan{top:15px; font-size:1em;}
    #visual .slogan .img img{width:100px;}
    #visual .control button {margin:0 0 0 -51px;}
    #visual .control .btn_next{margin:0 0 0 18px;}
    #visual .control .btn_stop {margin:0 0 0 39px;}
    
    #member .list a{height:65px; margin: 0 0 5px 6px;}
    #member .list a span{font-size:12px;}
    
    #chairman{width:100%;}
    #chairman .txt{height:auto; padding:20px 20px 60px;}
    #chairman .txt p:not(.name){font-size:1em;}
    #chairman .name img{height:20px; margin:20px 0 0 4px;}
    #chairman .btns a{height:35px; line-height:35px;}
    
    .more{top:20px;}
    .more:after{top:4px;}
    #agenda{width:100%; margin:10px 0; padding:20px 25px;}
    #agenda h4{font-size:1.133em;}
    #agenda .control{bottom:56px;}
    #agenda .date{padding:15px 0 17px;}
    #agenda .date .btns{top:19px;}
    
    #link li{padding:10px 0 20px;}
    #link li a{padding:50px 0 0;}
    #link li a:before{background-size:35px;}
    
    .tab .con .on ul{top:65px;}
    
    .board_wrap > div > h4, div .tit_wrap h4{font-size:19px;}
    #board{height:287px;}
    #board .con > li + li{padding:0 0 0 36px;}
    #board .con > li + li h4:before{left:-18px;}
    #board .con li h4 a{font-size:1.067em;}
    #board .con ul li{padding-right:95px;}
    #board .con ul li:before{top:6px;}
    #board .con ul li a{font-size:1.067em;}
    #board .writer{display:none;}
    #board .date{top:-1px;}
    
    #popup .control{top:0px;}
    #popup .page{top:-33px; right:110px;}
    
    #sns{padding:25px 0 0;}
    #sns .con{height:345px; padding:15px 15px 0;}
    #sns .con ul{top:53px; padding:0 15px;}
    #sns .con ul li{width:calc((100% - 10px) / 2);}
    #sns .con ul li + li{margin:0 0 0 10px;}
    #sns .con ul li a, #gallery .img{box-shadow:0 0 10px rgba(187,187,187,0.2);}
    #sns .more{top:20px; right:15px;}

    #gallery{padding:25px 0 75px;}
    #gallery .tit_wrap p br{display:block;}
    #gallery .control{top:36px;}
	#gallery .list a{width:calc(100% - 10px); margin:10px 10px 0 0;}
    #gallery .img{height:190px;}
    
    #banner h4{position:static; padding:15px 0; transform:none; font-size:1.067em;}
    #banner .list_wrap{padding:0 130px 15px 0;}
    #banner .control{top:auto; bottom:22px; transform:none;}
}
@media all and (max-width:480px) {
    #member .list a{width:calc((100% - 24px) / 5); height:85px;}
    #member .list a:nth-of-type(6), #member .list a:nth-of-type(16){margin-left:0;}
    
    .tab .con .on ul{top:75px;}
    .tab .more{top:20px;}
    
    #board{height:280px;}
    #board .con{padding-right:70px;}
    #board .con > li{width:30px;}
	#board .con ul li + li{margin:0;}
	#board .con li h4 a{line-height:110%;}
    
    #sns .tit_wrap{padding:0 0 5px;}
    #sns .con:before, #sns .con:after{display:none;}
    #sns .con li h4 a{padding:0 15px 0 0; background:none !important; font-weight:200;}
    #sns .con li.on h4 a{font-weight:600;}
    
}
@media all and (max-width:380px) {
    #link li + li:before, #sns .con ul li:nth-child(2){display:none;}
	#board .con > li + li{padding: 0 0 0 30px;}
    #sns .con ul li{width:100%;}
    #sns .con .date{background-position:top left;}
    
    #gallery{padding:25px 0 50px;}
    /* #gallery .list a{width:100%;} */
    #gallery .date{top:0;}
}