@charset "utf-8";
#container_main{position:relative;}

.more{z-index:2; position:absolute; top:0; right:0; display:block; width:24px; height:24px; font-size:0; text-indent:-999px; transition:background 0.3s;}
.more:before,
.more:after{content:''; display:block; position:absolute; top:10px; right:4px; width:16px; height:2px; transition:0.25s ease; background:#6a6a6a;}
.more:after{top:3px; right:11px; width:2px; height:16px;}
.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:30px; height:30px; margin:0 0 0 -1px; font-size:0; text-indent:-9999px; transform:rotate(-90deg); border:1px solid #fff; background:url(/images/kr/common/ico_bullet.png) no-repeat 8px -126px;}
.control a:first-child{margin:0;}
.control .btn_next{transform:rotate(90deg);}
.control .btn_stop{transform:rotate(0deg); background-position:-49px -127px;}
.control .btn_play,
.control .btn_stop.on{background-position:-115px -126px;}
.control .more{position:relative; transform:rotate(0deg); background-position:-79px -126px;}
.control .more:before,
.control .more:after{display:none;}
.control a:hover,
.control a:focus,
.control a:active{background-color:rgba(0,0,0,0.05);}

#visual{position:relative; text-align:center;}
#visual *{vertical-align:top;}
#visual button{display:inline-block; padding:0; font-size:0; text-indent:-999px;}
#visual .list img{margin:0 auto;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:block;}
#visual .control,
#visual .slick-dots{z-index:2; position:absolute; bottom:13px; right:50%; line-height:100%; margin:0 -600px 0 0;}

#visual .slick-dots{height:33px; padding:11px 80px 0 15px; border-radius:33px; background:rgba(0,0,0,0.6); box-sizing:border-box;}
#visual .slick-dots *{display:inline-block; vertical-align:top;}
#visual .slick-dots li{line-height:0;}
#visual .slick-dots button{width:11px; height:11px; margin:0 5px; background:#fff; border-radius:11px; transition:width 0.3s ease}
#visual .slick-dots .slick-active button{width:26px; background:#ffb503;}

#visual .control{margin:0 -583px 0 0; bottom:23px;}
#visual .control a{width:14px; height:13px; margin:0 0 0 5px; border:none; background-position:0 -137px;}
#visual .control .btn_stop{width:10px; background-position:-60px -134px;}
#visual .control .btn_stop.on{background-position:-125px -134px;}

/* 생방송 알림 */
#onair{position:relative; width:100%; background:#d40019;}
#onair .on_air {text-align: center;}

/* 의사일정 */
#agenda {position:relative; width:100%; color:#fff; background:#3c67a1;}
#agenda h4{float:left; padding:0 14px 0 0; line-height:67px; font-weight:900; font-size:24px; color:#ffd303; box-sizing:border-box;}
#agenda .date{float:left;padding:22px 0 0 0;font-size: 15px;letter-spacing:0;}
#agenda .date strong{font-size:23px; font-family:"Tahoma";}
#agenda .list_wrap{float:left;width: 28%;padding:0 0 0 32px;box-sizing:border-box;}
#agenda .list_wrap *{vertical-align:top; height:67px; line-height:67px;}
#agenda .list{position:relative; float:left; width:100%; padding:0 0 0 10px; box-sizing:border-box;}
#agenda .list:before{content:''; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin:-2px 0 0 0; background:#fff;}
#agenda .list a{position:relative; display:block; padding:0 125px 0 100px; color:#fff; box-sizing:border-box;}
#agenda .list em{display:inline-block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
#agenda .list .time{position:absolute; top:0; left:0;}
#agenda .list .ico{position:absolute; top:19px; right:0; display:block; width:121px; height:29px; line-height:29px; font-size:14px; color:rgba(255,255,255,0.91); border-radius:29px; text-align:center; background:#4b90ee;}
#agenda .list .ico span{height:29px; line-height:29px; vertical-align:top;}
#agenda .list a:hover em,
#agenda .list a:focus em,
#agenda .list a:active em{text-decoration:underline;}
#agenda .list a:hover .ico,
#agenda .list a:focus .ico,
#agenda .list a:active .ico{color:#fff; background-color:#1e7dfe;}
#agenda .control {position:absolute;top:18px;right: 405px;}
#agenda .control .more{position:relative;}
#agenda .btn_daily{position:absolute;right:260px;top:18px;display:block;height:31px;line-height:31px;padding:0 13px;color:rgba(255,255,255,0.91);font-size:14px;font-weight:800;letter-spacing:0;transition:background-color 0.3s ease;background: #587afd;}
#agenda .btn_daily:hover{color:#fff; background-color:#334beb;}
#agenda .btn_year{position:absolute; right:119px; top:18px; display:block; height:31px; line-height:31px; padding:0 13px; color:rgba(255,255,255,0.91); font-size:14px; font-weight:800; letter-spacing:0; transition:background-color 0.3s ease; background:#4b90ee;}
#agenda .btn_year:hover{color:#fff; background-color:#1e7dfe;}
#agenda .btn_day{position:absolute; right:0px;top:18px;display:block;height:31px;line-height:31px;padding:0 13px;color:rgba(255,255,255,0.91);font-size:14px;font-weight:800;letter-spacing:0;transition:background-color 0.3s ease;background:#38a3b1;}
#agenda .btn_day:hover{color:#fff; background-color:#01b4ce;}


.sec1{overflow:hidden; padding:40px 0 42px;}
.sec2{overflow:hidden; padding:50px 554px 52px 0;}

/* 열린의장실 */
#chairman {position:relative; float:left; width:340px;}
#chairman .pic{position:absolute; right:0; bottom:0; text-align:right;}
#chairman .txt {position:relative; height:271px; padding:30px 0 0 35px; box-sizing:border-box;  background:#f5f5f5;}
#chairman .txt h4{font-size:26px; font-weight:900; color:#2b568f;}
#chairman .txt p{z-index:1; position:relative; width:150px; padding:32px 0 0 0; line-height:110%; font-size:22px; word-break:keep-all;}
#chairman .txt p strong{font-weight:900; color:#2b568f;}
#chairman .btns{overflow:hidden; width:100%;}
#chairman .btns a{z-index:1; position:relative; float:right; width:168px; line-height:48px; margin:0 0 4px; color:#fff; text-align:center; background:#2b568f; transition:0.2s ease-in-out;}
#chairman .btns a:first-child{float:left;}
#chairman .btns a:last-child{width:100%; background:#6a9407;}
#chairman .btns a:hover{font-size:115%; font-weight:700; background:#003e91;}
#chairman .btns a:last-child:hover{background:#709f00;}

/* 현역의원 */
#member{z-index:53; position:relative; float:right; width:820px; height:371px; padding:28px 0 0 30px; border:1px solid #d1d1d1; background:#fcfcfc; box-sizing:border-box;}
#member h4{height:33px; font-size:22px;}

#member .map{float:left;}
#member .map span{display:block; padding:8px 0 0 0; font-size:15px; color:#767272;}
#member .map_wrap{position:absolute; top:0; left:0; width:100%; height:100%; padding:24px 0 0 405px; box-sizing:border-box;}
#member .map_wrap > .list{display:none; overflow:hidden; width:100%;}
#member .map_wrap > .list.on{display:block;}
#member .map_wrap > .list > .img{position:absolute; top:61px; left:30px;}

#member .list_wrap{overflow:hidden; width:100%; }
#member .list_wrap .list{position:relative; overflow:hidden; width:100%; height:179px; padding:0 0 0 150px; box-sizing:border-box;}
#member .list_wrap *{vertical-align:top;}
#member .tit{z-index:1; float:left; width:100%; height:45px;}
#member .tit h4{float:left; line-height:120%;}
#member .control{z-index:2; float:right; padding:0 25px 0 0;}
#member .control a{border-color:#ccc; transform:rotate(0deg); background-position:-140px -127px;}
#member .control .btn_next{background-position:-167px -127px;}
#member .control .btn_stop{background-position:-196px -126px;}
#member .control .btn_stop.on{background-position:-252px -126px;}
#member .control .more{background-position:-227px -125px;}

#member .pic{position:absolute; top:0; left:0; width:128px; height:159px;}
#member .pic img{width:100%;}
#member .txt{width:100%;}
#member .txt .name{padding:0 0 15px 46px; margin:0 0 15px; font-size:22px; border-bottom:1px solid #306597;}
#member .txt li{padding:0 0 4px 9px;}
#member .txt li:before{top:10px;}
#member .btns {overflow:hidden; width:100%; padding:8px 0 0 0;}
#member .btns a{float:left; width:45%; max-width:117px; height:38px; margin:0 5px 0 0; line-height:38px; color:#fff; text-align:center; background:#2b568f; transition:background-color 0.3s ease-in-out;}
#member .btns a:hover{background:#003e91;}

#member .list_name {overflow:hidden; width:100%; max-width:390px; padding:12px 0 0 0; border-top:1px solid #cbcbcb;}
#member .list_name li{float:left; width:60px; height:38px; line-height:38px; margin:0 0 8px; font-size:15px; font-weight:700;}
#member .list_name li + li{margin-left:6px;}
#member .list_name li:nth-child(6n + 1){margin-left:0;}
#member .list_name li a{display:block; color:#787a7c; border:1px solid #d9d9d9; box-sizing:border-box; text-align:center; transition:0.3s ease;}
#member .list_name li.active a{color:#1c4b89; border-color:#2b568f; box-shadow:inset 0 0 0 1px #2b568f;}
#member .list_name li a:hover{color:#444; border-color:#777;}

#popup {z-index:1; position:absolute; top:50px; right:0; float:right; width:515px;}
#popup .list_wrap{width:100%; height:364px; text-align:center; background:#eee;}
#popup .list_wrap *{vertical-align:top;}
#popup .list_wrap img{margin:0 auto;}
#popup .control{position:absolute; bottom:1px; right:1px;}
#popup .control a{width:45px; height:45px; border:none; margin:0 0 1px 2px; transform:rotate(0deg); background:rgba(0,0,0,0.41) url(/images/kr/common/ico_bullet.png) no-repeat 16px -225px;} 
#popup .control .btn_next{background-position:-78px -225px;}
#popup .control .btn_stop{background-position:-29px -225px;}
#popup .control .btn_stop.on{background-position:-125px -225px;}
#popup .none{min-height:150px; padding:80px 0 0 0; box-sizing:border-box;}
#popup .control a:hover{background-color:rgba(0,0,0,0.6);}

#quick{width:100%; background:#ededed;}
#quick .inner{height:216px; padding:38px 0 0 230px;}
#quick .tit{position:absolute; top:50px; left:25px; width:185px;}
#quick h4{font-size:22px; color:#2a2a2a;}
#quick .info{padding:10px 0 28px; color:#504f4f;}
#quick .control{position:relative; overflow:hidden; width:100%;}
#quick .control:before{content:''; display:block; position:absolute; top:50%; left:0; width:100%; height:3px; margin:-2px 0 0 0; background:#fff;}
#quick .control a{width:34px; height:26px; margin:0; border:none; border-right:1px solid #094390; transform:rotate(0deg); border-radius:26px 0 0 26px; background:#1658a4 url(/images/kr/common/ico_bullet.png) no-repeat 13px -171px;}
#quick .control .btn_next{border-radius:0 26px 26px 0; border:none; border-left:1px solid #2a6dbb; background-position:-24px -171px;}
#quick .list{text-align:right;}
#quick li {display:inline-block; width:108px; vertical-align:top; text-align:center;}
#quick li + li{padding:0 0 0 28px;}
#quick li *{display:block;}
#quick li a{position:relative; padding:124px 0 0 0; font-weight:400; color:#616161; transition:0.3s ease-in; box-sizing:border-box;}
#quick li a:before,
#quick li a:after{z-index:1; content:''; position:absolute; top:0; left:50%; display:block; width:108px; height:108px; transform:translateX(-50%); border-radius:50%; box-shadow:inset 0 0 0 0 #2755ad; background:#fff; box-sizing:border-box; transition:0.4s ease-in-out;}
#quick li a:before{z-index:2; top:26px; height:57px; border-radius:0; box-shadow:none; transition:none; background:url(/images/kr/main/ico_link1.png) no-repeat 50% 0;}
#quick li.list2 a:before{background-image:url(/images/kr/main/ico_link2.png);}
#quick li.list3 a:before{background-image:url(/images/kr/main/ico_link3.png);}
#quick li.list4 a:before{background-image:url(/images/kr/main/ico_link4.png);}
#quick li.list5 a:before{background-image:url(/images/kr/main/ico_link5.png);}
#quick li.list6 a:before{background-image:url(/images/kr/main/ico_link6.png);}
#quick li.list7 a:before{background-image:url(/images/kr/main/ico_link7.png);}
#quick li a:hover:before{background-position:50% 100%;}
#quick li a:hover:after,
#quick li a:focus:after,
#quick li a:active:after{box-shadow:inset 0 0 0 80px #3770bc;}
#quick li a:hover{color:#1658a4;}

/* 공지사항 */
#board{position:relative; float:left; width:100%; height:364px; box-sizing:border-box;}
#board .bar{display:block; z-index:1; position:absolute; top:0; left:0; width:146px; height:4px; background:#3c67a1; transition:0.3s;}
#board > ul{position:relative; float:left; width:100%; padding:0 58px 0 0; box-sizing:border-box;}
#board > ul:before{display:block; content:''; position:absolute; bottom:0; left:1px; width:100%; height:3px; margin:0 auto; background:#e5e5e5;}
#board > ul > li{float:left; width:25%;}
#board li h4{line-height:0; padding:0;}
#board li h4 a{position:relative; display:block; width:100%; line-height:60px; font-weight:100; font-size:20px; color:#272727; border:1px solid #c7c7c7; border-left:none; border-bottom:none; text-decoration:none; text-align:center; box-sizing:border-box;}
#board li:first-child h4 a{border-left:1px solid #c7c7c7;}
#board li.on h4 a{color:#3770b5; font-weight:900; background:#fff;}

#board .con{display:none; position:absolute; top:92px; left:0; width:100%;}
#board .on .con{display:block;}
#board .con ul{overflow:hidden; width:100%; padding:20px 15px 13px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
#board .con .tit{position:absolute; top:11px; left:0; width:163px; line-height:140%; text-align:center; font-size:15px; color:#727272; word-break:keep-all;}
#board .con .tit strong{position:relative; display:block; padding:0 0 10px 0; font-size:24px; font-weight:800; color:#3770b5;}
#board .con .tit strong:before{content:''; display:block; width:97px; height:87px; margin:0 auto; background:url(/images/kr/main/ico_notice.gif) no-repeat;}
#board .con li{position:relative; float:left; width:100%; height:34px; box-sizing:border-box;}
#board .con li:before{top:11px;}
#board .con li a{position:relative; float:left; width:100%; padding:0 90px 0 0; box-sizing:border-box; text-decoration:none;}
#board .con li a:hover .title,
#board .con li a:focus .title,
#board .con li a:active .title{text-decoration:underline;}
#board .date{position:absolute; right:0; top:0; font-size:15px; color:#7d7d7d;}
#board .title{display:inline-block; max-width:98%; padding:0 20px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; vertical-align:middle;}
#board .new{display:inline-block; width:15px; height:15px; line-height:15px; margin:5px 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{width:57px; height:58px; border-right:1px solid #c7c7c7; border-top:1px solid #c7c7c7;}
#board .more:hover{background-color:rgba(0,0,0,0.03);}
#board .more:before{top:29px; right:20px;}
#board .more:after{top:22px; right:27px;}
#board .on .more{display:block;}

#board .first *{display:inline-block; vertical-align:top;}
#board .first a{position:relative; width:100%; padding:0 20px 40px 150px; color:#6d6d6d; box-sizing:border-box; background:url(/images/kr/main/ico_notice.png) no-repeat 30px 6px;}
#board .first em{display:block; overflow:hidden; padding:0 0 10px 0; color:#464646; font:800 20px/110% "Noto Sans KR", sans-serif;  text-overflow:ellipsis; white-space:nowrap;}
#board .first .detail{height:66px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
#board .first a:hover .detail{text-decoration:underline;}
#board .first .date{top:auto; right:15px; bottom:15px;}

#gallery{position:relative; overflow:hidden; width:100%; height:416px; padding:48px 0 0 0; background:#ececec;}
#gallery .bar{display:block; position:absolute; bottom:0; left:20px; width:39px; height:4px; margin:0 0 0 calc(100% - 340px); background:#f49101; transition:0.3s;}
#gallery .tit{position:absolute; top:0; left:0; width:100%; padding:0 32px 0 0; text-align:center; box-sizing:border-box;}
#gallery .info{padding:6px 0 0 0; font-size:15px; color:#727272; letter-spacing:-1px;}
#gallery .info br{display:none;}
#gallery .list{float:right;}
#gallery .list > li{float:left;}
#gallery li h4 a{position:relative; display:block; line-height:46px; padding:0 22px; font-size:20px; font-weight:100; color:#353535; text-decoration:none;}
#gallery li h4 a:before{content:''; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; border-radius:50%; margin:-3px 0 0 0; background:#878484;}
#gallery li:first-child h4 a:before{display:none;}
#gallery li.on h4 a{color:#f49101; font-weight:800;}
#gallery .list ul{display:none; position:absolute; top:119px; left:0; width:100%;}
#gallery .list .on ul{display:block;}
#gallery .list ul li{float:left; width:282px; margin:0 0 0 23px;}
#gallery .list ul li:first-child{margin:0;}
#gallery li *{display:block;}
#gallery li > a{position:relative; height:251px; border:1px solid #d6d6d6; background:#fff; transition:all 0.3s; box-sizing:border-box;}
#gallery li .img{overflow:hidden; position:relative; max-height: 153px}
#gallery li img{max-width:100%; margin:0 auto; transition:0.3s ease-in-out;}
#gallery li .sbj{padding:15px 0 0 19px; color:#333;}
#gallery li .date{color:#818181; font-size:15px;}
#gallery li em{width:93%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery li a:active img,
#gallery li a:hover img,
#gallery li a:focus img{transform:scale(1.1);}
#gallery li > a:hover,
#gallery li > a:active,
#gallery li > a:focus{box-shadow:8px 8px 8px #bbb;}
#gallery .cast strong{display:block; position:absolute; bottom:0; left:0; width:109px; line-height:28px; color:#fff; background:#f39602; text-align:center;}
#gallery .cast .img:before{z-index:1; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/kr/main/ico_play.png) no-repeat 50% 50%;}
#gallery .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; float:left; width:100%;}
#banner .list_wrap{position:relative; float:left; width:100%; padding:14px 0 20px 85px; box-sizing:border-box;}
#banner .list{float:left; margin:0 10px 0 0;}
#banner .list img{height:48px; transition:0.2s ease-in-out;}
#banner .list a{display:block; padding:5px 0 0 0; transition:0.2s;}
#banner .list a:hover,
#banner .list a:focus,
#banner .list a:active{padding:0;}
#banner .list a:hover img{box-shadow:5px 5px 0 #bbb;}
#banner .control{z-index:2; position:absolute; top:19px; left:0; width:72px;}
#banner .control a{width:20px; height:20px; margin:0 0 0 3px; border-color:#d5d5d5; transform:rotate(0deg); background-position:-144px -131px;}
#banner .control .btn_prev{margin:0;}
#banner .control .btn_next{background-position:-174px -132px;}
#banner .control .btn_stop{background-position:-201px -131px;}
#banner .control .btn_stop.on{background-position:-256px -130px;}
#banner .control .more{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 a:hover,
#banner .control a:focus{border-color:#777; background-color:#f9f9f9;}

@media all and (max-width:2000px) {
	#visual{height:auto;}
	#visual img{max-width:100%;}
}
@media all and (max-width:1220px) {
	#visual .control, #visual .slick-dots{right:10px; margin:0;}
	#visual .control{right:30px;}

	#chairman{width:28.5%;}
	#chairman .txt{padding:30px 0 0 10%;}
	#chairman .btns a{width:49.2%;}
	#chairman .pic{width:60%;}
	#chairman .pic img{max-width:100%;}

	#member{width:69%;}
	#member .map_wrap{padding:24px 0 0 50%;}
	#member .list_name li{width:15.2%;}
	#member .map,
	#member .map_wrap > .list > .img{width:42%;}
	#member .map img,
	#member .map_wrap > .list > .img img{max-width:100%;}

	#agenda .inner{padding:0 10px 0 30px;}
	#agenda h4{line-height:40px; padding:8px 10px 0 0; font-size:22px; font-weight:800;}
	#agenda .date{padding:16px 0 0 0; font-size:17px;}
	#agenda .date strong{font-size:24px;}
	#agenda .btn_year,#agenda .btn_day,#agenda .btn_daily,
	#agenda .control{top:15px;}
	#agenda .control {right: 5px;top: 56px;}
	#agenda .btn_day {right: 5px;padding: 0 10px;letter-spacing:-1px;}
	#agenda .btn_year{right: 111px;padding: 0 10px;letter-spacing:-1px;}
	#agenda .btn_daily{right: 235px;top: 15px;padding:0 15px;letter-spacing:-1px;}
	#agenda .list_wrap *{height:55px; line-height:55px;}
	#agenda .list_wrap{width: 80%;padding:0 10px;}
	#agenda .list .ico{top:12px;}
	#agenda .list a{padding-left:60px;}

	#quick .inner{padding-left:19%;}
	#quick .tit{width:16%;}
	#quick li{width:14%;}
	#quick li + li{padding:0;}

	#gallery .tit{padding:0 30% 0 0;}
	#gallery .list ul li{width:23%; margin:0 0 0 2.6%;}
	#gallery li > a{height:230px;}
	#gallery li .img{max-height: 123px}
}
@media all and (max-width:1024px) {
	.sec1,
	.sec2{padding:0;}
		
	#agenda,
	#chairman,
	#member{width:100%; margin:0 0 10px;}
	
	#chairman .txt{height:170px; padding:25px 0 0 30px;}
	#chairman .txt h4{font-size:22px; font-weight:800;}
	#chairman .txt p{width:250px; padding:17px 0 0 0; line-height:130%; font-size:19px;}
	#chairman .txt p strong{font-size:22px;}
	#chairman .pic img{height:145px;}
	#chairman .btns a{float:left; width:33.33%; margin:0;}
	#chairman .btns a:last-child{width:33.33%; background:#2b568f;}
	#chairman .btns a:nth-child(2){background:#6a9407;}
	#chairman .btns a:last-child:hover{background:#003e91;}
	#chairman .btns a:nth-child(2):hover{background:#709f00;}
	
	#member .list_name{max-width:96%;}
	
	#popup{position:relative; top:0; width:100%; margin:0 0 10px;}
	#popup .list_wrap{height:auto;}
	
	#quick{margin:0 0 20px;}
	#quick .inner{height:auto; padding:30px 0 25px;}
	#quick .tit{position:static; width:100%; text-align:center;}
	#quick .tit br{display:none;}
	#quick .info{padding:5px 0 23px; font-size:13px; line-height:120%;}
	#quick .list{text-align:center;}
	#quick li{width:13.8%;}
	#quick li a{padding:94px 0 0 0;}
	#quick li a:before,
	#quick li a:after{width:85px; height:85px;}
	#quick li a:before{top:22px; height:45px; background-size:auto 90px;}
	#quick .control{position:absolute; left:50%; top:28px; width:auto; margin:0 0 0 100px;}

	#board{height:345px;}
	#board .con{top:73px;}
	#board li h4 a{line-height:50px; font-size:18px;}
	#board .first a{padding-right:10px;}
	#board .first em{font-size:18px;}
	#board .first .date{bottom:12px; right:10px;}
	#board .con ul{padding:15px 10px 10px;}
	#board .con li{height:30px;}
	#board .new{line-height:16px;}
	#board .more{height:50px;}
	#board .more:before{top:23px;}
	#board .more:after{top:16px;}

	#gallery{height:350px; padding:35px 0 0 0; font-size:15px;}
	#gallery .tit{top:-4px; padding-left:10px; text-align:left;}
	#gallery h4 img{height:43px;}
	#gallery .info{padding:0; font-size:14px;}
	#gallery li > a{height:190px;}
	#gallery li .img{max-height: 104px}
	#gallery .list ul{top:95px;}
	#gallery li .sbj{padding:13px 0 0 15px;}
	#gallery li .date{line-height:130%; font-size:14px;}
	#gallery .cast strong{width:100px; line-height:25px; font-size:14px;}
	#gallery .cast .img:before{background-size:55px;}
}
@media all and (max-width:860px) {
	#gallery{height:320px;}
	#gallery .bar{height:3px;}
	#gallery li h4 a{line-height:40px; padding:0 18px; font-size:19px;}
	#gallery h4 img{height:40px;}
	#gallery li > a{height:170px;}
	#gallery li .img{max-height: 92px}
	#gallery .cast .img:before{background-size:50px;}
}
@media all and (max-width:768px) {
	#agenda h4,
	#chairman .txt h4,
	#member h4,
	#quick h4{font-size:21px;}

	#agenda h4{padding-top:14px; line-height:30px;}
	#agenda .inner{padding:0 10px 6px 20px;}
	#agenda .date{width:100%; padding:10px 0 4px 0; box-sizing:border-box; text-align:center;}
	#agenda .control{top:auto; right:5px; bottom:15px;}
	#agenda .list_wrap{padding:0 128px 0 0;}
	#agenda .list_wrap *{height:45px; line-height:45px;}
	#agenda .list .ico{top:7px; height:26px; width:110px; line-height:27px; border-radius:26px; font-size:13px;}
	#agenda .list .ico span{height:26px; line-height:26px;}
	#agenda .list a{padding:0 110px 0 60px;}
	#agenda .btn_year{font-size:14px;}
	#agenda .btn_daily{right: 235px;font-size:14px;}
	#agenda .btn_day{ font-size:14px;}
	
	#chairman .txt{height:150px; padding:20px 0 0 20px;}
	#chairman .txt p{width:200px; font-size:18px;}
	#chairman .txt p strong{font-size:21px;}
	#chairman .pic img{height:130px;}
	#chairman .btns a{line-height:45px;}

	#member{height:auto; padding:20px 0 15px 20px;}
	#member .tit h4{margin:7px 0 0 0;}
	#member .map, #member .map_wrap > .list > .img{float:none; width:336px; margin:auto;}
	#member .map_wrap{position:static; padding:24px 0 0 0;}
	#member .map_wrap > .list > .img{top:53px; left:50%; margin:0 0 0 -158px;}
	#member .map span{font-size:14px; text-align:center;}
	#member .list_name li + li{margin-left:1.7%;}
	#member .list_wrap .list{line-height:130%; padding:0 0 0 130px;}
	#member .list_wrap .list ul{padding:3px 0 0 0;}
	#member .pic{width:108px;}

	#quick li a{padding:76px 0 0 0; font-size:15px;}
	#quick li a:before,
	#quick li a:after{width:69px; height:69px;}
	#quick li a:before{top:16px; height:38px; background-size:auto 77px;}

	#board li h4 a{font-size:17px;}
	
	#gallery{height:330px; padding:20px 0 0 0;}
	#gallery .tit{position:static; padding:0 0 10px; text-align:center;}
	#gallery h4 img{height:37px;}
	#gallery li h4 a{font-size:18px;}
	#gallery .info{font-size:13px;}
	#gallery .list{float:none; overflow:hidden; width:330px; margin:0 auto;}
	#gallery .list ul{top:125px;}
	#gallery .list ul li{width:24%; margin:0 0 0 1.3%;}
	#gallery li > a{height:140px;}
	#gallery li .img{max-height: 70px}
	#gallery li .sbj{padding:8px 0 0 10px;}
	#gallery .cast .img:before{background-size:45px;}
	#gallery .cast strong{width:90px; line-height:22px; font-size:13px;}
}
@media all and (max-width:568px) {
	#agenda h4,
	#chairman .txt h4,
	#member h4,
	#quick h4{font-size:20px;}

	#visual .slick-dots{bottom:8px; height:27px; padding:8px 70px 0 13px;}
	#visual .control{right:20px; bottom:15px;}

	#agenda .inner{padding-left:10px;}
	#agenda .btn_year{top:12px;right: 5px;height:28px;line-height:29px;font-size:13px;}
	#agenda .btn_daily{top:12px;height:28px;line-height:29px;font-size:13px;right: 121px;}
	#agenda .btn_day{top:45px;height:28px;line-height:29px;font-size:13px;}
	#agenda .list .ico{top:9px; width:100px; height:24px; line-height:25px; font-size:12px;}
	#agenda .list a{padding:0 100px 0 50px;}
	#agenda .control{left:auto; right:5px;}

	#member{padding:20px 0 10px 10px;}
	#member .tit h4{margin:9px 0 0 0;}
	#member .map_wrap > .list > .img{margin:0 0 0 -163px;}
	#member .map span{font-size:13px;}
	#member .list_name{width:97%;}
	#member .list_name li{height:36px; line-height:36px; font-size:14px;}
	#member .control{padding:0 20px 0 0;}
	
	#chairman .txt{height:140px; padding-left:10px;}
	#chairman .txt p{width:150px; padding:14px 0 0 0; font-size:16px;}
	#chairman .txt p strong{font-size:19px;}
	#chairman .pic img{height:120px;}
	#chairman .btns a{line-height:42px;}
	
	#quick .info{font-size:12px;}
	#quick li{width:24%;}
	#quick li:nth-child(-n+4){margin:0 0 11px;}
	#quick li:nth-child(n+5){width:27%;}
	#quick .control{top:26px; margin:0 0 0 80px;}
	
	#popup .list_wrap img{width:100%;}
	#popup .control a{width:33px; height:33px; background-position:10px -232px;}
	#popup .control .btn_next{background-position:-83px -232px;}
	#popup .control .btn_stop{background-position:-36px -232px;}
	#popup .control .btn_stop.on{background-position:-130px -232px;}
	
	#board{height:301px;}
	#board > ul{padding:0 45px 0 0;}
	#board li h4 a{line-height:46px; font-size:16px;}
	#board .con{top:65px;}
	#board .first em{padding:0 0 7px; font-size:17px;}
	#board .first a{padding:0 7px 36px 90px; background-size:66px; background-position:5px 4px;}
	#board .first .detail{height:44px; -webkit-line-clamp:2;}
	#board .first .date{bottom:10px;}
	#board .con li{height:28px;}
	#board .con li:before{top:9px;}
	#board .date{font-size:14px;}
	#board .more{width:45px; height:46px;}
	#board .more:before{top:21px; right:14px;}
	#board .more:after{top:14px; right:21px;}
	#board .new{margin-top:2px;}

	#gallery {height:500px; font-size:14px;}
	#gallery li h4 a{line-height:36px; font-size:17px;}
	#gallery h4 img{height:34px;}
	#gallery .info {padding:4px 0 0 0; line-height:120%; font-size:12px;}
	#gallery .list{width:312px;}
	#gallery .list ul{top:117px; text-align:center;}
	#gallery .list ul li{float:none; display:inline-block; width:44%; margin-bottom:10px; vertical-align:top; text-align:left;}
	#gallery .list ul li:nth-child(odd){margin:0;}
	#gallery li > a{height:170px;}
	#gallery li .img{max-height: 100px}
	#gallery li .date{font-size:13px;}
}
@media all and (max-width:400px) {
	#agenda h4,
	#chairman .txt h4,
	#member h4,
	#quick h4{font-size: 18px;}

	#chairman .txt{height:135px;}
	#chairman .pic img{height:115px;}
	#chairman .txt p{font-size:15px;}
	#chairman .txt p strong{font-size:18px;}
	#chairman .btns a{line-height:39px;}

	#agenda .inner {padding: 0 5px;}
	#agenda .btn_year{right: 5px;padding: 0 5px;font-size: 11px;}
	#agenda .btn_daily{right: 95px; padding:0 10px; font-size:12px;}
	#agenda .btn_day{padding: 0 5px;font-size: 11px;}
	#agenda .list a{padding:0 55px 0 45px;}
	#agenda .list .ico{width:55px;}
	#agenda .list .ico span{display:none;}

	#member .map span{font-size:12px;}
	#member .list_name li{height:34px; line-height:34px; font-size:13px;}
	#member .map, #member .map_wrap > .list > .img{width:98%; margin:0 auto; text-align:center;}
	#member .map_wrap > .list > .img{left:1%;}
	#member .map img,
	#member .map_wrap > .list > .img img{width:100%;}
	#member .list_wrap .list{padding:0 0 0 120px;}
	#member .pic{width:100px;}

	#quick .inner{padding:27px 0 20px;}
	#quick .info{padding:5px 0 17px; font-size:11px;}
	#quick .control{top:22px;}
	#quick li a{padding:68px 0 0 0; font-size:14px;}
	#quick li a:before,
	#quick li a:after{width:62px; height:62px;}
	#quick li a:before{top:13px; height:36px; background-size:auto 73px;}
	
	#board{height:347px;}
	#board .bar{display:none;}
	#board > ul {padding:0;}
	#board > ul > li{width:50%;}
	#board li h4 a{position:relative; line-height:37px; padding:2px 0 0 0; font-size:15px;}
	#board li h4 a:before{content:''; display:block; z-index:1; position:absolute; top:0; left:50%; width:0; height:4px; background:#3c67a1; transition:0.3s;}
	#board li.on h4 a:before{left:0; width:100%;}
	#board li:nth-child(3n) h4 a{border-left:1px solid #c7c7c7;}
	#board li.on h4 a{background:none;}
	#board .first a{padding:0 5px 32px 77px; background-size:56px;}
	#board .first em{padding:0 0 5px; font-size:16px;}
	#board .first .date{bottom:7px; right:5px; font-size:13px;}
	#board .con{top:97px;}
	#board .con ul{padding:13px 5px 5px;}
	#board .con li{height:27px;}
	#board .more{top:295px; width:100%; height:auto; font-size:13px; height:32px; line-height:32px; text-indent:0; text-align:center; border:1px solid #dbdbdb; box-sizing:border-box;}
	#board .more:before,
	#board .more:after{display:none;}

	#gallery {height:475px;}
	#gallery h4 img{height:32px;}
	#gallery li h4 a{font-size:16px;}
	#gallery .info{font-size:11px;}
	#gallery .info br{display:inline-block;}
	#gallery .list{width:300px;}
	#gallery .list ul{top:113px;}
	#gallery .list ul li{width:47%;}
	#gallery li > a{height:162px;}

	
	
}

/* 20210317 sns 추가*/
#sns {padding:20px 0 81px;}
#sns:before{content:''; display:block; position:absolute; top:37px; left:0; width:100%; height:1px; background:#ccc;}
#sns h4{position:relative; display:inline-block; padding:0 17px 22px 0; line-height:110%; font-size:32px; letter-spacing:-2px; background:#fff;}
#sns h4 span{font-size:35px; color:#1658a4; font-weight:900;}
#sns ul{overflow:hidden; width:calc(100% + 8px); margin:0 -4px;}
#sns li{float:left;width: 16.66%;padding:0 4px;box-sizing:border-box;}
#sns h5{height:40px; padding:8px 0 0 0; background:#3b5997; box-sizing:border-box; text-align:center;}
#sns .tw h5{background:#222222;}
#sns .ut h5{background:#f02626;}
#sns .kakao h5{background:#F3BE07;}
#sns .insta h5{background: linear-gradient(to right,  #2540f4 0%,#e71d77 100%);}
#sns .blog h5{background:#36ac37;}
#sns .inner{width:100%; height:302px; border:1px solid #dedede; box-sizing:border-box;}
#sns a *{display:block;}
#sns a{display:block; padding:16px 19px 0;}
#sns .img{overflow:hidden; position:relative;}
#sns .img img{width:100%; height:172px; margin:0 auto; transition:0.3s ease-in-out;}
#sns .sbj{padding:15px 0 0 0; color:#464646; font-size:15px;}
#sns .date{line-height:100%; color:#999; font-size:13px;}
#sns strong{width:100%; padding:0 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sns a:active img,
#sns a:hover img,
#sns a:focus img{transform:scale(1.1);}

@media all and (max-width:1024px) {
	#sns {padding:30px 0 20px;}
	#sns:before{top:42px;}
	#sns h4{font-size:22px; letter-spacing:-1px;}
	#sns h4 span{font-size:24px;}
	#sns a{padding:14px 15px 0;}
	#sns li{float:none;display:inline-block;vertical-align:top;width: 32%;padding:0 2px;}
	#sns li:nth-child(-n+3){margin-bottom:10px;}
	#sns .inner{height:270px;}
	#sns .img img{height:140px;}
}
@media all and (max-width:768px) {
	#sns {padding:20px 0; text-align:center;}
	#sns:before{top:32px;}
	#sns h4{padding:0 12px 19px; font-size:21px;}
	#sns h4 span{font-size:23px;}
	#sns h5 {height:35px; padding:7px 0 0 0;}
	#sns h5 img{height:20px;}
	#sns a{padding:12px 12px 0; text-align:left;}
	#sns .inner{height:225px;}
	#sns .img img{height:110px;}
	#sns .sbj{padding:10px 0 0 0;} 
}
@media all and (max-width:568px) {
	#sns:before{top:30px;}
	#sns h4{padding:0 12px 16px; font-size:20px;}
	
	#sns h5 {height:31px; padding:6px 0 0 0;}
	#sns h5 img{height:18px;}
	#sns .inner{height:205px;}
	#sns a{padding:10px 10px 0;}
	#sns .img img{height:100px;}
	#sns .sbj{font-size:14px;} 
	#sns .date{font-size:12px;}
}
@media all and (max-width:380px) {
	#sns:before{top:29px;}
	#sns h4{padding:0 10px 13px; font-size:19px;}
	#sns h4 span{font-size:22px;}
	#sns h5 {height:29px; padding:5px 0 0 0;}
	#sns h5 img{height:16px;}
	#sns a{padding:7px 7px 0;}
	#sns .inner{height:175px;}
	#sns .img img{height:80px;}
	#sns .sbj{padding:7px 0 0 0; font-size:13px;} 
	#sns .date{font-size:11px;}
}