@charset "utf-8";
#container_main h4{position:relative; font-size:24px;}

.more{z-index:2; position:absolute; top:0; right:0; display:block; width:35px; height:28px; font-size:0; text-indent:-999px; border-radius:0 28px 28px 0; border:1px solid #ccc; transition:0.3s;}
.more:before,
.more:after{content:''; display:block; position:absolute; top:12px; left:11px; width:12px; height:2px; transition:0.3s ease; background:#444;}
.more:after{top:7px; left:16px; width:2px; height:12px;}
.more:hover,
.more:focus,
.more:active{border-color:#777;}

.control a{position:relative; float:left; width:35px; height:28px; margin:0 0 0 -1px; font-size:0; text-indent:-9999px; border:1px solid #ccc; border-radius:28px 0 0 28px; background:url(/images/kr/main/ico_ctrl.png) no-repeat 16px -33px;}
.control a:first-child{margin:0;}
.control .btn_next{border-radius:0 28px 28px 0;  background-position:-17px -33px;}
.control .btn_stop{width:30px; border-radius:0; background-position:-46px -32px;}
.control .btn_play,
.control .btn_stop.on{background-position:-101px -32px;}
.control a:hover,
.control a:active,
.control a:focus{z-index:3; border-color:#777; background-color:#f9f9f9;}

#main_top{padding:20px 0 17px 0;margin:0 0 45px;background: #f5e9c8;}
#main_top .inner{position:relative; padding:0 0 0 234px; box-sizing:border-box;}
.sec1{float:left; width:821px;}
.sec2{float:right; width:320px;}

#main_bottom .sec{position:relative; overflow:hidden; width:100%; padding:0 480px 0 0; box-sizing:border-box;}

#link {position:absolute; top:0; left:0; float:left; width:209px; height:624px; text-align:center; background:#fff; box-sizing:border-box; transition:box-shadow 0.3s ease-in-out;}
#link:hover{box-shadow:4px 4px 4px rgba(0,0,0,0.2);}
/*#link h4{padding:41px 0 0 0;}*/
#link ul{padding:30px 11px 0;}
#link li:nth-child(-n + 2){margin:55px 0 0 0;}
#link li{display:inline-block; width:49%; margin:57px 0 0 0; vertical-align:top;}
#link li a{z-index:1; position:relative; display:block; padding:98px 0 0 0; color:#313131; line-height:20px; font-size:15px; transition:font-size 0.3s ease-in-out;}
#link li a:before,
#link li a:after{z-index:1;content:'';position:absolute;top:0;left:50%;display:block;width:80px;height:80px;margin:0 0 0 -40px;border-radius:50%;background: #963835;box-sizing:border-box;transition:0.6s ease-in-out;}
#link li a:before{z-index:2; top:13px; height:50px; border-radius:0; box-shadow:none; transition:none; background:url(/images/kr/main/ico_link1.png) no-repeat 50% 0;}
#link li.list2 a:before{background-image:url(/images/kr/main/ico_link2.png); top: 20px;}
#link li.list3 a:before{background-image:url(/images/kr/main/ico_link3.png);}
#link li.list4 a:before{background-image:url(/images/kr/main/ico_link4.png);}
#link li.list5 a:before{background-image:url(/images/kr/main/ico_link5.png);}
#link li.list6 a:before{background-image:url(/images/kr/main/ico_link6.png);}
#link li a:hover,
#link li a:focus,
#link li a:active{font-size:16px; font-weight:800;}
#link li a:hover:after,
#link li a:focus:after,
#link li a:active:after{box-shadow:inset 0 0 0 50px #7c2d2b;}
#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:translateY(0);}
	25%{transform:translateY(6px);}
	50%{transform:translateY(0);}
	75%{transform:translateY(8px);}
	100%{transform:translateY(0);}
}

#visual{position:relative; width:100%; margin:0 0 20px;}
#visual .list_wrap *{vertical-align:top;}
#visual .list_wrap .list{position:relative; left:0; top:0;}
#visual .list_wrap .list:not(:first-of-type){display:none;}
#visual .list_wrap.slick-initialized .list:not(:first-of-type){display:inline-block;}
#visual button{display:inline-block; padding:0; font-size:0; text-indent:-999px;}
#visual .control,
#visual .page{position:absolute; bottom:13px; right:15px; margin:0 52px 0 0;}
#visual .control a{z-index:55; width:28px; margin:0 0 0 2px; border:none; border-radius:50%; background-color:rgba(0,0,0,0.8); background-position:8px -105px;}
#visual .control .btn_next{background-position:-52px -105px;}
#visual .control .btn_stop{background-position:-22px -104px;}
#visual .control .btn_stop.on{background-position:-102px -104px;}

#visual .page{width:50px; margin:0; line-height:28px; border-radius:28px; color:#fff; font-size:14px; text-align:center; background:rgba(0,0,0,0.8);}
#visual .page .current{color:#e94545;}
#visual .slogan{z-index:53; opacity:0.4; visibility:hidden; position:absolute; top:30px; left:0; width:100%; font-size:28px; color:#fff; text-align:center; text-shadow: 0px 3px 8px rgba(0, 0, 0, 1);}
#visual .slogan strong{line-height:120%; color:#fff83b; font-size:45px; vertical-align:bottom;}
#visual .slick-active .slogan{opacity:1; visibility:visible; top:48px; transition:top 0.7s ease-in;}

/* 현역의원 */
#member{position:relative; width:100%;}
#member *{vertical-align:top;}
#member .list{position:relative; overflow:hidden; width:100%; box-sizing:border-box;}
#member .list a{overflow:hidden;position:relative;float:left;width: 70.6px;margin:0 0 4px 4px;}
#member .list a:first-child, #member .list a:nth-of-type(12){margin-left:0;}
#member .list a img{width:100%; height:99px;}
#member .list a span{z-index:1; display:block; position:absolute; bottom:0; left:0; width:100%; height:18px; line-height:18px; color:rgba(255,255,255,0.9); font-size:13px; text-align:center;}
#member .list a span:before{z-index:-1; content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:0.3s ease-in-out;}
#member .list a:hover span,
#member .list a:focus span,
#member .list a:active span{text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
#member .list a:hover span:before,
#member .list a:focus span:before,
#member .list a:active span:before{height:99px; background:rgba(0,0,0,0.35);}

/* 열린의장실 */
#chairman{position:relative; width:100%; margin:0 0 20px; color:#fff; transition:box-shadow 0.3s ease-in-out; background:#ffe3e2 url(/images/kr/main/bg_chairman.jpg) no-repeat 100% 0;}
#chairman h4{font-size:28px;color: #333;text-shadow: 0 0 5px rgb(0 0 0 / 20%);font-weight: 700;}
#chairman:hover{box-shadow:4px 4px 4px rgba(0,0,0,0.2);}
#chairman .txt{position:absolute; left:30px; top:30px; font-size:17px; box-sizing:border-box;}
#chairman .name {line-height: 120%;padding:19px 0 0 0;color: #333;text-shadow: 0 0 5px rgb(0 0 0 / 20%);font-weight: 400;}
#chairman .name strong{color: #d46d75;font-size: 135%;font-weight: 600;}
#chairman .name span{font-family: 'OTEnjoystoriesBA';font-size: 160%;}
#chairman .pic{text-align:right;}
#chairman .pic img{max-width:100%;}
#chairman .btns{overflow:hidden; width:100%;}
#chairman .btns a{float:left;position:relative;width:50%;height:50px;line-height:48px;font-weight:400;text-align:center;color:#fff;background: #963835;box-sizing:border-box;}
#chairman .btns a:first-child {border-right:1px solid #fff;}
#chairman .btns a:before{content:''; display:inline-block; width:18px; height:23px; margin:14px 12px 0 0; vertical-align:top; background:url(/images/kr/main/ico_ctrl.png) no-repeat -89px -235px;}
#chairman .btns a:first-child:before{background-position:-91px -186px;}
#chairman .btns a:hover:before,
#chairman .btns a:focus:before,
#chairman .btns a:active:before{animation:ani_bg 0.7s ease-out; transform-origin:50% 100%;}

@keyframes ani_bg{
	0%{transform:rotate(0);}
	20%{transform:rotate(-8deg);}
	40%{transform:rotate(8deg);}
	60%{transform:rotate(-8deg);}
	80%{transform:rotate(8deg);}
	100%{transform:rotate(0deg);}
}

/*
.btn_yt{position:relative; display:block; width:100%; text-align:center; transition:box-shadow 0.3s ease-in-out; background:#fff;}
.btn_yt:hover{box-shadow:4px 4px 4px rgba(0,0,0,0.2);}
*/
.gwan_sns {position:relative;display:block;width: 100%; transition:box-shadow 0.3s ease-in-out;background:#fff;}
.gwan_sns .sns_top {background: #424049;border:1px solid #424049;padding: 10px 20px;}
.gwan_sns .sns_top h3 {display: inline; vertical-align: middle; color: #fff; font-size: 18px;}
.gwan_sns .sns_top .sns_box {display: inline; float: right; vertical-align: middle; font-size: 0; margin-top: -2px;}
.gwan_sns .sns_top .sns_box a {margin-right: 5px;}
.gwan_sns .sns_top .sns_box a:last-child {margin: 0;}

.gwan_sns .sns_bottom {height: 155px; text-align: center; border: 1px solid #ededed; border-top: none; background: url(/images/kr/main/movie_bg.jpg) no-repeat 100% 100%; background-size: cover;}
.gwan_sns .sns_bottom img {padding: 37px 0 0 0;}


/* 공지사항 */
#board{position:relative; float:left; width:100%; height:285px; margin:0 0 56px; border-bottom:1px solid #e5e5e5;}
#board .bar{display:block;z-index:-1;position:absolute;bottom:0;left:0;width:166px;height:54px;background: #b2711d;transition:0.3s;}
#board > ul{position:relative; float:left; width:100%;}
#board > ul:before{z-index:-2; display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; margin:0 auto; background:#e5e5e5;}
#board > ul > li{float:left; width:23.5%;}
#board li h4{line-height:0; padding:0;}
#board li h4 a{position:relative; display:block; width:100%; line-height:54px; font-weight:200; font-size:18px; color:#767676; text-decoration:none; transition:font-size 0.12s ease-in; text-align:center;}
#board li h4 a:before{content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:22px; margin:-11px 0 0 0; background:#c7c7c7;}
#board li.on h4 a{color:#ffffff; font-size:20px; font-weight:800;}
#board li.on h4 a:before{display:none;}
#board .con{opacity:0; visibility:hidden; position:absolute; top:94px; left:0; width:100%; padding:0 0 0 216px; box-sizing:border-box;}
#board .on .con{opacity:1; visibility:visible; top:84px; transition:0.35s ease-in-out;}
#board .con .title{position:absolute; top:0; left:0; width:163px; line-height:140%; text-align:center; font-size:15px; color:#727272; word-break:keep-all;}
#board .con .title strong{position:relative; display:block; padding:0 0 10px 0; font-size:24px; font-weight:900; color:#d0b908;}
#board .con .title strong:before{content:''; display:block; width:120px; height:87px; margin:0 auto; background:url(/images/kr/main/ico_board1.gif) no-repeat 50% 0;}
#board #board2 .title strong:before{background-image:url(/images/kr/main/ico_board2.gif);}
#board #board3 .title strong:before{background-image:url(/images/kr/main/ico_board3.gif);}
#board #board4 .title strong:before{background-image:url(/images/kr/main/ico_board4.gif);}
#board .con li{position:relative; float:left; width:100%; height:35px; box-sizing:border-box;}
#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 .tit,
#board .con li a:focus .tit,
#board .con li a:active .tit{text-decoration:underline;}
#board .tit{display:inline-block; max-width:94%; padding:0 0px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; vertical-align:middle; color:#4b4b4b;}
#board .new{display:inline-block; width:15px; height:15px; line-height:14px; margin:5px 0 0 -20px; font-size:11px; text-transform:uppercase; text-align:center; color:#fff; border-radius:3px; background:#f30b0b; vertical-align:top;}
#board .date{position:absolute; right:0; top:0; font-size:15px; color: #979797;}
#board .none{width:100%; padding:4em 0 0 0; text-align:center; background:none;}
#board .none:before,
#board .more{display:none; border:none;}
#board .more:before{top:14px; left:9px; width:16px; height:2px; background:#6a6a6a;}
#board .more:after{width:2px; height:16px; background:#6a6a6a;}
#board .more{top:11px; right:5px;}
#board .on .more{display:block;}

/* 의사일정 */
#agenda{position:absolute; right:0; top:0; float:right; width:421px; box-sizing:border-box;}
#agenda h4{position:relative; float:left; width:218px; height:53px; padding:0 0 0 54px; line-height:53px; font-size:22px; box-sizing:border-box; color:#ffffff; background:url(/images/kr/main/bg_agenda.gif) no-repeat 100% 100%;}
#agenda h4:before{content:''; display:block; position:absolute; left:20px; top:16px; width:23px; height:23px; background:url(/images/kr/main/ico_agenda.gif) no-repeat;}
#agenda .btn_year{position:relative;overflow:hidden;float:right;width:140px;height:32px;margin:12px 0 0 0;line-height:32px;border-radius:32px;text-align:center;color:#fff;background: #615d6c;}
#agenda .btn_year:before{content: '';position:absolute;bottom:-50%;left:0;height:100%;width:110%;background: #43414a;transform:skewY(9.5deg) scaleY(0);transform-origin:bottom center;transition:transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);}
#agenda .btn_year:after{opacity:0; content:attr(data-text); position:absolute; right:0; left:0; color:#fff; text-align:center; transform:translate3d(0, 100%, 0); transition:all 0.65s cubic-bezier(0.48, 0, 0.12, 1);}
#agenda .btn_year:hover:before{transform:skewY(9.5deg) scaleY(2);}
#agenda .btn_year:hover:after{opacity:1; transform:translate3d(0, 0, 0);}
#agenda .week_wrap{position:relative; clear:both; width:100%; height:230px; border:1px solid #ccc; background:#fff; box-sizing:border-box;}
#agenda .date{height:58px; line-height:58px; font-size:26px; color:#363636; border-bottom:1px solid #e1e1e1; 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-family:"Tahoma";}
#agenda .date span{color:#2b568f;  font-weight:600; font-size:24px; font-family:"Noto Sans KR";}
#agenda .date .day_span {color:#FFA500; font-weight: 900; font-size: 26px;}
#agenda .date .btns{z-index:3; display:block; position:absolute; top:20px; left:50%; width:13px; height:21px; margin:0 0 0 -130px; font-size:0; text-indent:-999px; background:url(/images/kr/main/ico_ctrl.png) no-repeat;}
#agenda .date .btn_next{margin:0 0 0 120px; background-position:-75px 0;}
#agenda .week {height:87px; max-width:600px; padding:15px 10px 0; margin:0 auto; text-align:center; box-sizing:border-box;}
#agenda .week .list{display:inline-block; width:14%; line-height:120%; vertical-align:top; color:#454545;}
#agenda .week .list:not(:first-of-type){display:none;}
#agenda .week.slick-initialized .list:not(:first-of-type){display:inline-block;}
#agenda .week .list span{display:block; height:40px; width:40px; line-height:36px; margin:2px auto 0; font-size:20px; text-align:center; border-radius:50%; font-family:"Tahoma"; box-sizing:border-box;}
#agenda .week .today{max-width:40px;}
#agenda .week .today span, #agenda .week .today span a{font-weight:800; color:#FFA500;}
#agenda .week .agenda{z-index:1; position:relative;}
#agenda .week .agenda span{font-weight: 800;}
#agenda .week .agenda a:hover span{border-color:#f96a6a;}
#agenda .list_wrap{overflow:hidden; width:90%; height:64px; margin:0 auto; font-weight:200; border:1px solid #e1e1e1; text-align:left; box-sizing:border-box;}
#agenda .list_wrap .list{width:100%; height:100%; line-height:63px; padding:0 25px 0 16px; box-sizing:border-box;}
#agenda .list_wrap .none{padding-right:0;}
#agenda .list_wrap .list a{position:relative; display:inline-block; width:100%; height:100%; line-height:63px; padding:0 90px 0 0; box-sizing:border-box;}
#agenda .list_wrap .list .txt{display:inline-block; max-width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#agenda .list_wrap .list .live{position:absolute; right:8px; top:7px; width:82px; height:37px; padding:10px 0 0 26px; line-height:27px; font-size:14px; color:#fff; box-sizing:border-box; background:url(/images/kr/main/bg_live.gif) no-repeat 100% 100%;}
#agenda .control{z-index:55; position:absolute; bottom:18px; right:18px; width:21px;}
#agenda .control a{height:20px; width:20px; margin:-1px 0 0 0; background-color:#fff; background-position:-170px -65px; border-radius:0;}
#agenda .control .btn_next{background-position:-170px -106px;}
#agenda .control .btn_stop{background-position:-170px -85px;}
#agenda .control .btn_stop.on{background-position:-198px -85px;}

#gallery{z-index:1; position:relative; float:left; width:100%; box-sizing:border-box;}
#gallery h4{height:49px;}
#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:inline-block;}
#gallery .list{float:left;}
#gallery .list *{display:block;}
#gallery .list a{width:289px; margin:0 25px 54px 0; transition:0.3s ease;}
#gallery .list img{width:100%; height:194px; transition:0.3s ease-in-out;}
#gallery .list .img{position:relative; overflow:hidden;}
#gallery .list .sbj{height:73px; padding:0 7px 0 12px; border:1px solid #d9d9d9; border-top:none; color:#5b5b5b;}
#gallery .list em{width:100%; padding:12px 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery .list .date{padding:0 8px 0 0; line-height:100%; font-size:14px; color:#a3a2a2; text-align:right;}
#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{position:absolute; right:36px; top:0;}
#gallery .control .btn_next{width:30px; border-radius:0;}

#popup {position:absolute; right:0; top:0; float:right; width:421px;}
#popup h4{height:49px;}
#popup *{vertical-align:top;}
#popup .none{min-height:150px; padding:80px 0 0 0; text-align:center;}
#popup .list_wrap{width:100%; height:268px; border:1px solid #d4d4d4; box-sizing:border-box;}
#popup .list_wrap *{vertical-align:top;}
#popup .list_wrap img{margin:0 auto;}
#popup .control{position:absolute; right:0; top:0;}

#banner{clear:both; overflow:hidden; height:94px; border-top:1px solid #efeded;}
#banner .inner{position:relative; padding:0 0 0 230px; box-sizing:border-box;}
#banner .tit{position:absolute; top:38px; left:0;}
#banner h4{float:left; padding:0 16px 0 0; font-size:17px; font-weight:700;}
#banner .list_wrap{float:left; width:100%; padding:28px 0 0 0;}
#banner .list{float:left;}
#banner .list a{display:block; margin:0 60px 0 0;}
#banner .control{position:static; float:left;}
#banner .control a{width:25px; height:25px; margin:0 5px 0 0; border:none; border-radius:50%; background-color:#444; background-position:-196px 6px;}
#banner .control a:hover{background-color:#666;}
#banner .control .btn_prev{background-position:-117px 6px;}
#banner .control .btn_stop{background-position:-144px 6px;}
#banner .control .btn_stop.on{background-position:-172px 6px;}
#banner .more{background:none;}
#banner .more:before{top:11px; left:7px; height:2px; width:12px; background:#fff;}
#banner .more:after{left:12px; top:6px; width:2px; height:12px; background:#fff;}

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

	#main_top{padding-bottom:23px;}
	#main_top .inner{max-width:1196px; padding:0 15px;}
	.sec1{width:70.4116%;}
	.sec2{width:27.4442%;}

	#visual .list_wrap .list img{width:100%;}

	#member{margin:0 0 15px;}
	#member .list a{width: 8.7%;margin:0 0 4px 0.4%;}

	#chairman .txt{left:8%;}

	#link{position:static; width:100%; height:auto;}
	/*#link h4{padding:23px 0 23px;}*/
	#link ul{padding:23px 10px;}
	#link li{width:15%;}
	#link li,
	#link li:nth-child(-n + 2){margin:0;}
	#link li a{padding:90px 0 0 0; font-size:15px;}

	.btn_yt{padding:0 10px; box-sizing:border-box;}
	.btn_yt:before{background:none; border:1px dashed #a0a0a0;}

	#banner .inner{padding-right:15px;}
	#banner .tit{left:15px;}
}
@media all and (max-width:1230px) {
	#board > ul > li{width:22.5%;}
	#board .con{padding:0 0 0 180px;}

}
@media all and (max-width:1024px) {
	#container_main h4{font-size:23px;}
	#board li.on h4 a{font-size:19px;}
	#agenda h4{font-size:21px;}

	.sec1,
	.sec2{width:100%;}
	#main_top{padding:15px 0;}
	#main_bottom .sec{padding:0;}

	#main_top,
	#board,
	#agenda, #popup{margin:0 0 30px;}
	#gallery .list a{margin-bottom:30px;}

	#chairman,
	.btn_yt{float:left; width:39%;}
	.btn_yt{height:237px; line-height:237px;}
	.btn_yt:after{bottom:20px;}

	#chairman {overflow:hidden; width:59%; margin:0 2% 20px 0;}
	#chairman h4{font-size:24px;}
	#chairman .name{line-height:140%;}
	#chairman .txt{z-index:2; position:relative; top:0; left:0; height:186px; padding:25px 0 0 25px;}
	#chairman .pic{z-index:1; position:absolute; right:0; bottom:50px; max-height:95%;}
	#chairman .pic img{max-width:75%;}
	#chairman .btns{z-index:1; position:relative;}
	#chairman .btns a{font-weight:800;}
    
    .gwan_sns {width: 39%; float: right;}
    .gwan_sns .sns_bottom {height: 188px;}
    .gwan_sns .sns_bottom img {padding: 48px 0 0 0;}
    
    

	#board{height:273px;}
	#board .con li{height:33px;}
	#board .con .title{top:5px;}
	#board .con .title strong:before{height:62px; margin:0 auto 16px; background-size:contain;}

	#agenda,
	#popup{position:relative; width:100%;}

	#gallery h4,
	#popup h4{height:45px; padding:3px 0 0 0; box-sizing:border-box;}

	#banner {padding:0 0 15px; height:auto;}
	#banner .tit{position:static; float:left; padding:16px 0 15px;}
	#banner h4{padding:0 12px 0 0; font-size:18px !important; font-weight:800;}
	#banner .inner{padding:0 15px;}
	#banner .list_wrap{padding:0;}
	#banner .list a{margin:0 40px 0 0;}
}
@media all and (max-width:768px) {
	#container_main h4{font-size:22px;}

	#main_top{padding:10px 0;}
	#main_top .inner{padding:0 10px;}

	#main_top, #board, #agenda, #popup{margin:0 0 25px;}
	#gallery .list a{margin-bottom:25px;}

	#visual{margin:0 0 15px;}
	#visual .slogan{top:21px; font-size:25px;}
	#visual .slogan strong{font-size:38px;}
	#visual .slick-active .slogan{top:32px;}

	#member{position:relative; margin:0 0 11px;}
	#member h4{display:block; position:absolute; z-index: 1; overflow: auto; left:auto; bottom:4px; right:0; height:auto; width:24%; padding:0 0 15px 3%; font-weight:200; font-size:15px; line-height:120%; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,0.3)}
	#member h4 span{display:block; font-size:24px; font-weight:800; line-height:120%;}
	#member .list a{width:12.1%;}
	#member .list a:nth-of-type(12){margin-left:0.4%;}
	#member .list a:nth-of-type(8n + 1){margin-left:0;}

	#chairman,
	.btn_yt{width:100%; margin:0 0 15px;}
	.btn_yt{height:185px; line-height:inherit; background-image: url(/images/kr/main/bg_yt.jpg); background-size: 100% 100%;}
	.btn_yt img{height:100%;}
	.btn_yt:after{bottom:4px;}

	#chairman .txt{height:auto; padding:20px 0 50px 20px;}
	#chairman h4{font-size:23px;}
	#chairman .name{padding:13px 0 0 0;}
    
    .gwan_sns {width: 100%;}
    .gwan_sns .right_box .sns_ytb .img_m img:first-child {display: block; margin: 0 auto;}
    .gwan_sns .right_box .sns_ytb .img_m img:nth-child(2){display: none;}
    .gwan_sns .right_box .sns_ytb .img_m img:last-child {position: absolute; top: 87%; left: 50%; transform: translate(-50%, -50%);}

	#link h4 img{height:27px;}
	#link li{width:49%; margin:0 0 4px; text-align:left;}
	#link li:nth-child(even){margin:0 0 5px 0.5%;}
	#link li a{height:44px; line-height:45px; padding:0 0 0 59px; font-weight:800; color:#555; border:1px solid rgba(43,76,143,0.4); border-radius:5px; background:rgba(255,255,255,0.4);}
	#link li a:before,
	#link li a:after{top:0; left:0; width:45px; height:44px; margin:0; border-radius:4px 0 0 4px;}
	#link li a:before{top:6px; height:28px; background-size:contain;}
    #link li.list2 a:before {top: 9px;}
	#link li a:hover,
	#link li a:focus,
	#link li a:active{font-size:15px;}
	#link li a:hover:before,
	#link li a:focus:before,
	#link li a:active:before{animation:none;}

	#board{height:260px;}
	#board .bar{height:48px;}
	#board li h4 a{font-size:17px; line-height:48px;}
	#board li.on h4 a{font-size:19px;}
	#board .con{top:85px;}
	#board .on .con{top:75px;}
	#board .con .title strong{font-size:22px;}
	#board .con .title strong:before{height:67px; margin:0 auto 10px; background-size:contain;}

	#agenda h4{width:198px; height:48px; line-height:48px; font-size:21px; background-size:cover;}
	#agenda h4:before{top:13px;}
	#agenda .btn_year{width:130px; margin:7px 0 0 0; font-size:15px;}

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

	#visual .slogan{top:12px; font-size:18px;}
	#visual .slogan strong{font-size:28px;}
	#visual .slick-active .slogan{top:22px;}

	#member h4{width:32%;padding-bottom:13px;font-size:14px;display: none;}
	#member h4 span{font-size:21px;}
	#member .list a{width: 19.6%;}
	#member .list a:nth-of-type(8n + 1){margin-left:0.4%;}
	#member .list a:nth-of-type(6n + 1){/* margin-left:0%; */}
	#member .list a span{height:15px; line-height:16px; font-size:12px;}
	#member .list a img{height:92px;}

	#chairman h4{font-size:20px;}
	#chairman h4 img{height:30px;}
	#chairman .btns a{height:48px;}
	#chairman .btns a:before{margin-top:12px;}

	.btn_yt{height:175px;}
    .gwan_sns .right_box .sns_ytb > img {padding-bottom: 44px;}
    .gwan_sns .right_box .sns_ytb .img_m img:first-child {max-width: 75%;}

	/*#link h4{padding:20px 0;}
	#link h4 img{height:24px;}*/
	#link ul{padding:20px 10px 15px 10px;}
	#link li a{height:42px; line-height:43px;}
	#link li a:after{height:43px;}

	#board{height:222px;}
	#board .bar{height:44px;}
	#board > ul > li{width:22%;}
	#board li h4 a{font-size:16px; line-height:45px;}
	#board li.on h4 a{font-size:17px;}
	#board .con{top:75px; padding:0;}
	#board .on .con{top:65px;}
	#board .con .title{display:none;}
	#board .con li{height:30px;}
	#board .date{font-size:14px;}
	#board .more{top:6px; right:0;}
	#board .new{margin-top:1px; line-height:16px;}

	#agenda h4{width:165px; height:44px; padding:0 0 0 48px; line-height:45px; font-size:18px;}
	#agenda h4:before{left:17px; top:11px;}
	#agenda .date{height:53px; line-height:53px; font-size:24px;}
	#agenda .date span{font-size:21px;}
	#agenda .date .btns{top:17px;}
	#agenda .week_wrap{height:auto; padding:0 0 18px;}
	#agenda .week{height:auto; padding:8px 8px 6px;}
	#agenda .week .list span{height:36px; width:36px; line-height:36px; font-size:18px;}
	#agenda .btn_year{width:120px; height:30px; line-height:31px; margin:5px 0 0 0; font-size:14px;}
	#agenda .list_wrap .list .live{font-size:13px;}


	#popup .list_wrap{height:auto;}

	#gallery h4,
	#popup h4{height:42px;}

	#gallery .list a{width:calc(100% - 10px); margin:0 10px 25px 0;}
	#gallery .list img{max-height:115px;}
	#gallery .list .sbj{padding:0 5px 0 8px;}
	#gallery .list .date{padding:0 3px 0 0; font-size:13px;}
}
@media all and (max-width:380px) {
	#container_main h4{font-size:18px;}

	#main_top, #board, #agenda, #popup{margin:0 0 22px;}

	#visual .slogan{top:7px; font-size:15px;}
	#visual .slogan strong{font-size:24px;}
	#visual .slick-active .slogan{top:17px;}
	#visual .control, #visual .page{bottom:10px;}

	#member h4{font-size:13px;}
	#member h4 span{font-size:19px;}
	#member .list a img{height:74px;}
	#member .list a span{font-size:11px;}

	#chairman h4{font-size:19px;}
	#chairman h4 img{height:28px;}
	#chairman .txt{padding:19px 0 36px 18px; line-height:125%; font-size:16px;}
	#chairman .pic img{max-width:70%;}
	#chairman .name{padding:11px 0 0 0;}
	#chairman .btns a{height:45px; line-height:46px;}

	.btn_yt{height:158px;}
    .gwan_sns .right_box .sns_ytb img {top: 40px;}
    .gwan_sns .right_box .sns_ytb .img_m img:first-child {display: none;}
    .gwan_sns .right_box .sns_ytb .img_m img:nth-child(2) {display: block;}

	/*#link h4{padding:17px 0;}
	#link h4 img{height:22px;}*/
	#link ul{padding:17px 10px 12px 10px;}
	#link li a{height:38px; line-height:39px; padding:0 0 0 50px; font-size:14px;}
	#link li a:before,
	#link li a:after{width:41px; height:39px;}
	#link li a:before{height:25px;}
	#link li a:hover,
	#link li a:focus,
	#link li a:active{font-size:14px;}

	#board {height:209px;}
	#board .bar{height:41px;}
	#board li h4 a{line-height:42px; font-size:15px;}
	#board li.on h4 a{font-size:16px;}
	#board .date{font-size:13px;}
	#board .con{top:68px;}
	#board .on .con{top:59px;}
	#board .con li{height:28px;}
	#board .more{top:4px;}

	#agenda h4{width:150px; height:42px; line-height:43px; font-size:17px;}
	#agenda .date{font-size:23px;}
	#agenda .date span{font-size:20px;}
	#agenda .week_wrap{padding:0 0 15px;}
	#agenda .week .list span{width:34px; height:34px; font-size:17px;}
	#agenda .btn_year{width:110px; font-size:13px;}
	#agenda .list_wrap .list{padding:0 20px 0 12px;}
	#agenda .list_wrap .list .live{font-size:12px;}
	#agenda .control{right:5%; bottom:15px;}

	#gallery h4, #popup h4{height:40px;}

	#gallery .list img{max-height:95px;}
	#gallery .list .date{font-size:12px;}
	#gallery .list .sbj{height:65px;}

	#popup .none{min-height:0; padding:60px 0;}

	#banner h4{font-size:17px !important;}
}