@charset "utf-8";
#container_main{position:relative;}
#container_main h4{font-size:22px;}
.unit{position:relative; width:100%; overflow:hidden;}

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

.more{z-index:2; position:absolute; top:0; right:0; display:block; width:24px; height:24px; font-size:0; text-indent:-999px; border:1px solid #ccc; background:#fff; transition:0.3s;}
.more:before,
.more:after{content:''; display:block; position:absolute; top:11px; right:6px; width:12px; height:2px; transition:0.3s; background:#444;}
.more:after{top:6px; right:11px; width:2px; height:12px;}
.more:hover,
.more:focus,
.more:active{background:#f7f7f7;}
.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 8px -664px;}
.control .btn_next{background-position:8px -704px;}
.control .btn_stop{background-position:9px -744px;}
.control .btn_play,
.control .btn_stop.on{background-position:9px -781px;}
.control a:hover,
.control a:active,
.control a:focus{background-color:#f7f7f7;}

#visual{position:relative; max-width:2000px; margin:0 auto;}
#visual li{position:absolute; top:0; left:50%; margin:0 0 0 -1000px;}
#visual .bx-controls{z-index:56; position:absolute; bottom:20px; left:50%; transform:translateX(-50%); box-sizing:border-box; text-align:center;}
#visual .bx-controls a{width:16px; height:16px; background:url(/images/common/btn_w_control.png) no-repeat 0 -309px;}
#visual .bx-controls-direction {position:absolute; top:0; right:0; display:block; text-align:right;}
#visual .bx-controls-direction a{position:absolute; left:0; top:0; display:block;}
#visual .bx-controls-direction .bx-next{right:0; left:auto; background-position:100% -279px;}
#visual .bx-pager {padding:0 20px 0 40px;}
#visual .bx-pager a{width:12px; height:12px; margin:0 4px; background:#fff; border-radius:50%;}
#visual .bx-pager .active{background:#f3b647;}
#visual .bx-controls-auto {position:absolute; left:20px; top:0; text-align:left;}
#visual .bx-controls-auto .bx-start{background-position:3px -342px}
#visual .bx-controls-auto .bx-stop{background-position:2px -244px}
#visual .bx-controls-auto .active{display:none;}
#visual .slogan{z-index:55; position:absolute; top:70px; left:0; width:100%; text-align:center;}
#visual .slogan p{line-height:120%; font-weight:900; font-size:52px; color:#fff; text-shadow:0 0 2px rgba(0,0,0,0.8);}

/* 지금 포천시의회는 */
#notice{margin:0 0 40px; background:#3c67a1;}
#notice .inner{overflow:hidden; height:59px;}
#notice h4{position:absolute; top:16px; left:0;}
#notice .list{position:relative; float:left; width:100%; padding:17px 380px 0 266px; box-sizing:border-box;}
#notice .list li{position:absolute; top:0; left:0;}
#notice .list li a{color:#fefefe; font-size:18px;}
#notice .list li a .date{position:absolute; top:0; right:1px; color:#a3b4cb; font-size:16px;}
#notice .list li .title{display:block; overflow:hidden; width:100%; padding:0 110px 0 0; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#notice .control {position:absolute; top:16px; right:0; padding:0 25px 0 0;}
#notice .control a{border:1px solid #fff; transform:rotate(90deg); opacity:0.7; background:url(/images/common/btn_w_control.png) no-repeat 7px -161px;}
#notice .control a:hover,
#notice .control a:focus,
#notice .control a:active{opacity:1; background-color:rgba(0,0,0,0.15);}
#notice .control .btn_next{transform:rotate(-90deg);}
#notice .control .btn_stop{transform:rotate(0deg); background-position:9px -239px;}
#notice .control .btn_stop.on{background-position:9px -196px;}
#notice .control .more{background:none;}
#notice .more:before, #notice .more:after{background:#fff;}

/* 의사일정 */
#agenda{position:relative; float:left; width:31.25%; margin:0 32px 0 0;}
#agenda h4{height:41px;}
#agenda .week{position:relative; width:100%; height:209px; border:1px solid #ccc; box-sizing:border-box;}
#agenda .date{position:relative; height:76px; line-height:76px; font-size:30px; font-family:"Tahoma"; border-bottom:1px solid #e1e1e1; text-align:center; box-sizing:border-box; background:#eee;}
#agenda .date *{display:inline-block; vertical-align:top;}
#agenda .date strong{font-weight:900;}
#agenda .date span{font-size:22px; color:#3770b5; font-family:"Noto Sans KR";}
#agenda .date .btns{position:absolute; top:30px; left:30px; width:13px; height:21px; font-size:0; text-indent:-999px; background:url(/images/kr/main/ico_control.png) no-repeat;}
#agenda .date .btn_next{left:auto; right:30px; background-position:0 -31px;}
#agenda table{clear:both; width:88%; margin:18px auto 13px; border-collapse:collapse; text-align:center;}
#agenda table th,
#agenda table td{z-index:2; position:relative; height:20px; font-size:20px;}
#agenda table th{font-size:16px; font-weight:100;}
#agenda table td{font-family:"Tahoma";}
#agenda table .sun{color:#dd2c03;}
#agenda table .sat{color:#0056d6;}
#agenda table .today{color:#19a2c4; font-weight:bold;}
#agenda table .agenda{z-index:1; position:relative; font-weight:bold;}
#agenda table .agenda a{color:#583400;}
#agenda table .agenda:before{z-index:-1; content:''; display:block; position:absolute; top:-25px; left:50%; width:50px; height:50px; border-radius:50%; transform:translateX(-50%); background:#fcedb3;}
#agenda .list{position:relative; width:100%; height:35px;}
#agenda .list li{position:absolute; top:0; left:0; width:100%; overflow:hidden; padding:0 103px 0 35px; line-height:35px; font-size:17px; font-weight:700; text-overflow:ellipsis; white-space:nowrap;}
#agenda .list li .time{display:inline-block; margin:0 20px 0 0; color:#1d70c8; letter-spacing:0;}
#agenda .control{z-index:55; position:absolute; bottom:2px; right:26px;}
#agenda .control .btn_prev,
#agenda .control .btn_next{transform:rotate(90deg);}

/* 현역의원 */
#member {position:relative; float:left; width:32.1%; margin:0 0 40px;}
#member h4{float:left; height:41px;}
#member .control{float:right; padding:0 25px 0 0;}
#member .list_area{position:relative; width:100%;}
#member .list{position:absolute; top:0; left:0; width:100%; height:209px; padding:22px 0 0 22px; background:#e4edf8; box-sizing:border-box;}
#member .list .pic{float:left; width:34.02%; max-width:131px; margin:0 17px 0 0;}
#member .list .pic img{width:100%; max-width:129px; max-height:165px; border:1px solid #dedede;}
#member .list .txt{float:left; width:50.64%;}
#member .list .txt ul{padding:0 0 10px;}
#member .list .txt li{padding:3px 0 3px 9px; border-bottom:1px solid #ccdcf1; font-size:16px;}
#member .home{display:inline-block; height:38px; line-height:38px; width:100%; color:#fff; transition:0.3s; text-align:center; background:#2b568f; text-decoration:none;}
#member .home:hover,
#member .home:focus,
#member .home:active{background:#003781;}

/* 열린의장실 */
#chairman {overflow:hidden; position:relative; float:right; width:31.25%; height:250px; margin:0 0 40px; padding:37px 0 0 29px; box-sizing:border-box; background:#e9e9e9 url(/images/kr/main/bg_chairman.gif) no-repeat 100% 100%;}
#chairman .pic{z-index:2; position:absolute; right:0; top:52px; width:50.4%;}
#chairman .txt {width:164px;}
#chairman .txt p{margin:0 0 10px; line-height:110%; font-size:24px; font-weight:100; word-break:keep-all;}
#chairman .txt p em{font-weight:900; color:#064696;}
#chairman .txt li {margin:0 0 5px;}
#chairman .txt li a{display:block; padding:0 0 0 17px; line-height:38px; font-size:16px; color:#fff; box-sizing:border-box; background:#2b568f; transition:0.3s;}
#chairman .txt li:first-child a{background:#3dc1cd;}
#chairman .txt li a:hover,
#chairman .txt li a:focus,
#chairman .txt li a:active{padding:0 0 0 27px; background:#003781;}
#chairman .txt li:first-child a:hover,
#chairman .txt li:first-child a:focus,
#chairman .txt li:first-child a:active{background:#04a6c3;}

#quick{overflow:hidden; width:100%; padding:42px 0 33px 0; margin:0 0 41px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#quick h4{float:left; width:20%; color:#1c1c1c; word-break:keep-all;}
#quick h4 span{display:block; margin:0 0 3px; color:#3770b5;}
#quick ul{float:left; width:80%; text-align:center;}
#quick li {position:relative; float:left; width:14%; box-sizing:border-box;}
#quick li a{position:relative; display:block; width:100%; padding:80px 0 0 0; font-size:17px; text-align:center; transition:0.3s ease-in;}
#quick li a:before,
#quick li a:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:77px; background:url(/images/kr/main/ico_link1.gif) no-repeat 50% 0; transition:0.9s;}
#quick li a:after{top:40%; left:-3px; width:5px; height:5px; border-radius:50%; background:#cacaca;}
#quick li.list1 a:after{display:none;}
#quick li.list2 a:before{background-image:url(/images/kr/main/ico_link2.gif);}
#quick li.list3 a:before{background-image:url(/images/kr/main/ico_link3.gif);}
#quick li.list4 a:before{background-image:url(/images/kr/main/ico_link4.gif);}
#quick li.list5 a:before{background-image:url(/images/kr/main/ico_link5.gif);}
#quick li.list6 a:before{background-image:url(/images/kr/main/ico_link6.gif);}
#quick li.list7 a:before{background-image:url(/images/kr/main/ico_link7.gif);}
#quick li a:focus:before,
#quick li a:active:before,
#quick li a:hover:before{transform:rotateY(0deg); animation:ani_bg 0.5s ease-out; transform-origin:50% 100%;}
@keyframes ani_bg{
	0%{transform:rotate(0);}
	20%{transform:rotate(-10deg);}
	40%{transform:rotate(10deg);}
	60%{transform:rotate(-10deg);}
	80%{transform:rotate(10deg);}
	100%{transform:rotate(0deg);}
}

#popup {position:absolute; top:0; left:0; float:left; width:550px;}
#popup h4{height:42px; font-size:23px; color:#3c67a1; font-weight:900;}
#popup h4 span{font-weight:100; color:#1d1d1d;}
#popup .list {position:relative; width:100%; height:254px; text-align:center; background:#eee;}
#popup .list li{position:absolute; top:0; left:0;}
#popup .list li img{height:254px;}
#popup .control {z-index:55; position:absolute; top:0; right:0;}
#popup .bx-controls{position:absolute; top:11px; right:75px;}
#popup .none{min-height:243px; padding:80px 0 0 0; box-sizing:border-box;}

/* 공지사항 */
#board{position:relative; float:right; width:100%; height:337px; padding:0 0 0 603px; box-sizing:border-box;}
#board .bar{display:block; position:absolute; bottom:0; left:0; width:110px; height:3px; background:#3c67a1; transition:0.3s;}
#board > ul{position:relative; float:left; width:100%;}
#board > ul:before{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; margin:0 auto; background:#e5e5e5;}
#board > ul > li{float:left; width:110px;}
#board li h4{line-height:0; padding:0;}
#board li h4 a{position:relative; display:block; padding:0 0 23px; line-height:100%; font-weight:100; text-decoration:none; text-align:center;}
#board li h4 a:hover,
#board li h4 a:focus,
#board li h4 a:active,
#board li.on h4 a{color:#3770b5; font-weight:800;}
#board ul ul{display:none; position:absolute; top:72px; left:0; width:100%; font-size:17px; box-sizing:border-box;}
#board ul .on ul{display:block;}
#board ul ul li{position:relative; float:left; width:100%; box-sizing:border-box;}
#board ul ul li a{position:relative; float:left; width:100%; padding:0 90px 0 0; margin:0 0 13px; box-sizing:border-box; text-decoration:none;}
#board ul ul li a:hover .title,
#board ul ul li a:focus .title,
#board ul ul li a:active .title{text-decoration:underline;}
#board ul ul li .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;}
#board ul ul li .new{display:inline-block; width:13px; height:13px; line-height:13px; margin:0 0 0 -20px; font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; color:#fff; border:1px solid #be0000; border-radius:2px; background:#e20000; vertical-align:middle;}
#board ul ul li .date{position:absolute; right:0; top:0; font-size:15px; color:#7d7d7d; letter-spacing:-1px;}
#board .none{width:100%; padding:3em 0 0 0; text-align:center; background:none;}
#board .more{display:none;}
#board .on .more{display:block;}

#cast{position:relative; float:left; height:215px; width:45.83%; background:url(/images/kr/main/bg_cast.gif) no-repeat 0 41px;}
#cast .list{float:right; position:absolute; right:0; top:44px; width:397px;}
#cast .list li{float:left; width:193px;}
#cast .list li:first-child{margin:0 11px 0 0;}
#cast .list li *{display:block;}
#cast .list li .pic {position:relative; overflow:hidden; width:100%; height:114px;}
#cast .list li .pic:after,
#cast .list li .pic:before{z-index:2; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/kr/main/ico_play2.png) no-repeat 50% 50%;}
#cast .list li .pic:after{z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.3);}
#cast .list li .pic img{width:100%; height:100%; transition:0.3s ease-in-out;}
#cast .list li a:active .pic img,
#cast .list li a:hover .pic img,
#cast .list li a:focus .pic img{transform:scale(1.1);}
#cast .list li .sbj{width:95%; padding:10px 0 3px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
#cast .list li .date{line-height:100%; font-size:13px; color:#7a7a7a;}

#promote{position:relative; float:right; width:49.67%; margin:0 0 45px 0; background:url(/images/kr/main/bg_promote.gif) no-repeat 60px 41px;}
#promote .tit{float:left; width:100%;}
#promote .tit p{width:100%; padding:135px 294px 0 0; font-size:20px; font-weight:800; box-sizing:border-box;}
#promote .player{position:absolute; right:0; top:0;}
#promote .pic a{position:relative; display:block; overflow:hidden;}
#promote .pic a img{transition:0.3s ease-in-out;}
#promote .pic a:after{display:block; content:'';  position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
#promote .pic a:active img,
#promote .pic a:hover img,
#promote .pic a:focus img{transform:scale(1.1);}
#promote .pic span{z-index:2; display:block; position:absolute; left:0; top:50%; width:100%; color:#fff; font-size:16px; font-weight:900; transform:translateY(-50%); text-align:center; text-transform:uppercase;}
#promote .pic span:before{display:block; content:''; width:85px; height:85px; margin:0 auto 10px; background:url(/images/kr/main/ico_play.png) no-repeat;}
#promote .btns {overflow:hidden; width:100%; padding:3px 0 0 0;}
#promote .btns li{float:left; width:98px; padding:0 0 0 4px;}
#promote .btns li:first-child{padding:0;}
#promote .btns a{position:relative; display:block; width:100%; line-height:34px; font-weight:700; color:#3770b5; border:1px solid #3770b5; text-align:center; box-sizing:border-box;}
#promote .btns a:before{z-index:-1; display:block; content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#3770b5; transition:0.3s ease-out;}
#promote .btns a:hover,
#promote .btns a:focus,
#promote .btns a:active{color:#fff;}
#promote .btns a:hover:before,
#promote .btns a:focus:before,
#promote .btns a:active:before{width:100%;}

#gallery{position:relative; overflow:hidden; width:100%; background:#ececec;}
#gallery h4{padding:35px 0 27px; line-height:100%; text-align:center;}
#gallery h4 span{display:block; padding:0 0 10px;}
#gallery ul{float:left; width:100%; text-align:left;}
#gallery li{float:left; width:290px; margin:0 13px 0 0; padding:0 0 33px 0;}
#gallery li *{display:block;}
#gallery li a{position:relative; height:289px; padding:12px 13px 0; background:#fff; transition:all 0.3s; box-sizing:border-box;}
#gallery li .img{overflow:hidden;}
#gallery li img{max-width:100%; max-height:198px; margin:0 auto; transition:0.3s ease-in-out;}
#gallery li .sbj{padding:20px 0 0 7px; color:#333;}
#gallery li .date{color:#727272; font-size:14px;}
#gallery li em{width:93%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px;}
#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 .more{top:81px; left:50%; margin:0 0 0 125px;}
#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 94px; box-sizing:border-box;}
#banner ul{float:left; width:100%;}
#banner li{float:left; margin:0 9px 0 0;}
#banner li img{height:48px;}
#banner li a{display:block; padding:5px 0 0 0; transition:0.2s;}
#banner li a:hover,
#banner li a:focus,
#banner li a:active{padding:0; box-shadow:2px 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:1200px) {
	#notice .list{padding:17px 200px 0 250px;}

	#member .list{padding-left:17px;}
	#member .list .txt{width:55%;}

	#quick h4{width:16%;}
	#quick ul{width:84%;}
	
	#cast{background-size:17%;}
	#promote{background-size:30%; background-position:10% 41px;}

	#gallery .control{display:block;}
}
@media all and (max-width:1023px) {
	#visual li{left:0; margin:0;}
	#visual .bx-controls{bottom:5px;}
	#visual .slogan{top:13px;}
	#visual .slogan img{width:280px;}
	#visual .slogan p{font-size:32px;}
	
	#notice {margin:0 0 25px;}
	#notice h4 img{width:180px;}
	#notice .list{padding:17px 150px 0 220px;}
	#notice .list li a{font-size:16px;}
	#notice .list li a .date{font-size:15px;}

	#agenda,
	#member{width:48%; margin:0 0 35px;}
	#agenda h4,
	#member h4,
	#popup h4{height:35px;}
	#member{float:right;}
	
	#chairman{float:left; width:43%; margin:0 0 30px;}
	#quick{float:right; width:54%; border:none; padding:0; margin:0;}
	#quick h4{width:100%; margin:0 0 25px;}
	#quick h4 span{display:inline-block; margin:0 7px 0 0;}
	#quick ul{width:100%;}
	#quick li{display:inline-block; float:none; width:24%; vertical-align:top;}
	#quick li:nth-child(-n+3){width:30%; margin:0 0 15px;}
	#quick li a{padding:65px 0 0 0; font-size:16px;}
	#quick li a:before{background-size:auto 57px;}
	#quick li.list4 a:after{display:none;}

	#popup{position:static; width:100%; margin:0 0 30px;}

	#board{height:265px; padding:0;}
	#board li h4 a{padding:0 0 15px;}
	#board ul ul{top:55px; font-size:16px;}
	#board ul ul li a{margin:0 0 6px;}
	#board .more{top:-4px;}

	#cast{width:100%; height:auto; padding:0 340px 20px 0; box-sizing:border-box; background:none;}
	#cast h4{padding:0 0 27px;}
	#cast .list{position:static; width:100%;}
	#cast .list li{float:right; width:48%;}
	#cast .list li:first-child{float:left; margin:0;}
	#cast .list li .pic{height:150px;}
	#cast .more{right:340px;}

	#promote{position:absolute; top:0; right:0; width:302px; background-position:100% -5px; background-size:63px;}
	#promote .tit{margin:0 0 5px;}
	#promote .tit p{width:auto; padding:0; font-size:16px;}
	#promote .tit p br{display:none;}
	#promote .player{position:static; clear:both; width:100%;}
	#promote .pic a img{width:100%; height:150px;}
	
	#gallery h4{padding:17px 0 22px;}
	#gallery h4 img{width:290px;}
	#gallery .more{top:57px;}
}
@media all and (max-width:767px) {
	#container_main h4{font-size:20px;}
	
	#visual .list img{height:130px;}
	#visual .slogan img{width:230px;}
	#visual .slogan p{padding:2px 0 0 0; font-size:29px;}
	
	#notice{padding:0 0 10px; margin:0 0 20px;}
	#notice .inner{height:auto;}
	#notice h4{position:static; padding:8px 0 10px;}
	#notice .list{padding:0 130px 0 10px;}
	#notice .list li a{font-size:15px;}
	#notice .list li a .date{font-size:14px;}
	#notice .control{top:auto; bottom:0;}
	
	#agenda h4,
	#member h4,
	#popup h4,
	#cast h4{height:30px; padding:3px 0 0 0;}

	#agenda,
	#member,
	#chairman,
	#quick,
	#promote{width:100%; margin:0 0 20px;}
	
	#agenda .week{height:156px;}
	#agenda .date{height:45px; line-height:45px; font-size:24px;}
	#agenda .date .btns{top:13px; left:20px;}
	#agenda .date .btn_next{left:auto; right:20px;}
	#agenda .date span{font-size:17px;}
	#agenda table{width:98%; margin:13px auto 9px;}
	#agenda table th{font-size:14px;}
	#agenda table td{font-size:18px;}
	#agenda .list li{font-size:15px;}
	#agenda .list li{padding:0 90px 0 17px;}
	#agenda .list li .time{margin:0 10px 0 0; font-weight:900; font-size:16px;}
	#agenda .control{right:10px;}

	#member{margin:0 0 10px;}
	#member .list{height:198px; padding:15px 0 0 15px;}
	#member .list .pic{position:absolute; top:15px; left:15px;}
	#member .list .txt{width:100%; padding:0 15px 0 147px; box-sizing:border-box;}
	#member .list .txt li{font-size:15px;}
	#member .home{font-size:14px;}
	
	#quick{padding:12px 0 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	#quick h4,
	#quick li:nth-child(-n+3){margin:0 0 10px;}
	#quick li a{font-size:15px;}

	#chairman{height:220px; padding:20px 0 0 15px;}
	#chairman .txt p{font-size:22px;}
	#chairman .txt li a{font-size:15px;}
	#chairman .pic{top:30px;}

	#popup{margin:0 0 23px;}
	#popup .list,
	#popup .list li img{height:auto;}
	#popup .none{min-height:0;}

	#board{height:233px;}
	#board .bar{width:85px;}
	#board > ul > li{width:auto;}
	#board li h4{font-size:19px;}
	#board li h4 a{padding:2px 10px 11px;}
	#board ul ul{top:47px; font-size:15px;}
	#board ul ul li .date{font-size:14px;}
	
	#cast{margin:0 0 20px; padding:0;}
	#cast .list li .sbj{padding:7px 0 2px 0; font-size:15px;}
	#cast .more{right:0;}

	#promote{position:static; margin:0 0 10px; background-size:92px;}
	#promote .btns{text-align:center;}
	#promote .btns li{float:none; display:inline-block; width:32.8%; padding:0;}
	
	#gallery h4{padding:13px 0 18px;}
	#gallery h4 span{padding:0 0 7px;}
	#gallery h4 img{width:250px;}
	#gallery li{padding:0 0 23px;}
	#gallery li a{height:275px;}
	#gallery li em{font-size:16px;}
	#gallery li .sbj{padding:12px 0 0 5px;}
	#gallery .more{top:44px; margin:0 0 0 115px;}
}
@media all and (max-width:568px) {
	
	#notice .list{padding:0 115px 0 10px}
	#notice .list li .title{padding:0 75px 0 0;}

	#quick li a{padding:62px 0 0 0;}
	#quick li a:before{background-size:auto 55px;}

	#cast .list li .pic{height:auto;}

	#gallery li{width:210px !important;}
	#gallery li a{height:215px; padding:10px 10px 0;}
	#gallery li img{max-height:143px;}
	#gallery li em{font-size:15px;}

	#banner .list{padding:0 0 0 85px;}
}
@media all and (max-width:400px) {
	#container_main h4{font-size:18px;}
	
	#visual .slogan{top:8px;}
	#visual .list img{height:120px;}
	#visual .slogan img{width:210px;}
	#visual .slogan p{font-size:27px;}

	#notice,
	#agenda,
	#chairman,
	#quick{margin:0 0 15px;}
	
	#notice h4{padding:6px 0 8px;}
	#notice h4 img{width:160px;}
	#notice .list li a{font-size:14px;}
	#notice .list li a .date{font-size:13px;}
	
	#agenda .week{height:150px;}
	#agenda .date{height:42px; line-height:42px; font-size:22px;}
	#agenda .date .btns{top:11px;}
	#agenda table th{font-size:13px;}
	#agenda table td{font-size:17px;}
	#agenda .list li{font-size:14px;}
	#agenda .list li .time{font-size:15px;}

	#member{margin:0 0 5px;}
	#member .list .pic{position:static;}
	#member .list .txt{width:55%; padding:0;}
	#member .list .txt li{font-size:14px;}
	
	#quick {padding:9px 0 8px;}
	#quick h4,
	#quick li:nth-child(-n+3){margin:0 0 7px;}
	#quick li a{padding:55px 0 0 0; font-size:14px;}
	#quick li a:before{background-size:auto 48px;}

	#popup{margin:0 0 18px;}

	#chairman .txt p{font-size:20px;}
	#chairman .txt li a{font-size:14px;}
	
	#board {height:215px;}
	#board li h4{font-size:17px;}
	#board ul ul{top:45px; font-size:14px;}
	#board ul ul li .date{font-size:13px;}
	#board ul ul li a{margin:0 0 4px;}

	#promote .tit p{font-size:15px;}
	#promote .btns a,
	#cast .list li .sbj{font-size:14px;}
	
	#gallery h4 img{width:240px;}
	#gallery li{width:190px !important; padding: 0 0 18px;}
	#gallery li a{height:200px; padding:8px 8px 0;}
	#gallery li img{max-height:140px;}
	#gallery li em{font-size:14px;}
	#gallery .more{top:42px; margin:0 0 0 105px;}
}