@charset "utf-8";

#container_main{position:relative; overflow:hidden; width:100%; padding:40px 0; background:#dde9e7;}
#container_main h4{font-size:25px; font-weight:800; color:#484848; letter-spacing:-1px;}

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

.more2{display:block; position:absolute; top:0; right:0; width:38px; height:38px;  font-size:0; text-indent:-999px; background:#404d58 url(/images/kr/main/bg_bullet.png) no-repeat 12px -859px;}
.more2:hover{background-color:#2f3941;}

.control a{float:left; width:30px; height:30px; margin:0 0 0 -1px; font-size:0; text-indent:-9999px; border:1px solid #cfcfcf; background:#fff url(/images/kr/main/bg_bullet.png) no-repeat 10px -660px;}
.control a:first-child{margin:0;}
.control .btn_next{background-position:11px -701px;}
.control .btn_stop{background-position:12px -741px;}
.control .btn_play,
.control .btn_stop.on{background-position:11px -778px;}
.control a:hover,
.control a:active,
.control a:focus{background-color:#f9f9f9;}

.sec{float:left; width:68.5625%;}
.sec2{float:right; width:30.125%;}

#visual{position:relative; width:calc(100% - 14px); margin:0 0 34px;}
#visual *{vertical-align:top;}
#visual:after{z-index:1; content:''; display:block; position:absolute; bottom:-14px; right:-14px; border-left:382px solid #dde9e7; border-bottom:322px solid #bed5d9;}
#visual .list{z-index:2; position:relative; overflow:hidden; height:420px;}
#visual .list p:not(:first-of-type){display:none;}
#visual .list.slick-initialized p:not(:first-of-type){display:block;} 
#visual .list img{max-width:100%;}
#visual button{display:inline-block; padding:0; font-size:0; text-indent:-999px;}
#visual .control,
#visual .slick-dots{z-index:2; position:absolute; bottom:20px; right:10px; line-height:100%;}

#visual .control{height:20px; padding:0 0 0 15px; text-align:right;}
#visual .control a{display:inline-block; z-index:54; width:16px; height:17px; margin:0 5px 0 0; border:none; background:url(/images/common/btn_w_control.png) no-repeat 5px -81px;}
#visual .control .btn_prev {transform:rotateY(-180deg);}
#visual .control .btn_stop{margin:0; background-position:2px -242px}
#visual .control .btn_stop.on{background-position:3px -199px;}

#visual .slick-dots{padding:0 68px 0 0;}
#visual .slick-dots *{display:inline-block; vertical-align:top;}
#visual .slick-dots li{line-height:0;}
#visual .slick-dots button{width:10px; height:10px; margin:0 5px; background:#fff; border-radius:10px; transition:width 0.3s ease}
#visual .slick-dots .slick-active button{width:30px; background:#f9df9c;}

#chairman{position:relative; float:left; width:40.8%; height:295px; margin:0 0 20px; font-size:17px; background:#fff;}
#chairman .txt{max-width:45%; padding:48px 0 0 39px; line-height:135%; word-break:keep-all; letter-spacing:-1px;}
#chairman .txt p{padding:28px 0 0 0;}
#chairman .txt strong{font-size:19px;}
#chairman .pic{position:absolute; bottom:0; right:0; text-align:right;}
#chairman .btns{position:absolute; bottom:0; right:0; width:100%; height:54px; text-align:center; background:#107ca0;}
#chairman .btns a{position:relative; float:left; width:50%; color:#fff; line-height:54px;
background: #609bd2; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #609bd2 0%, #1b77c9 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #609bd2 0%,#1b77c9 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #609bd2 0%,#1b77c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#chairman .btns a:first-child{
background: #64c4ac; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #64c4ac 0%, #1bb68f 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #64c4ac 0%,#1bb68f 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #64c4ac 0%,#1bb68f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#chairman .btns a:after{content:''; display:inline-block; width:27px; height:22px; margin:16px 0 0 8px; vertical-align:top; background:url(/images/kr/main/ico_chairman2.png) no-repeat 50% 0;}
#chairman .btns a:first-child:after{background-image:url(/images/kr/main/ico_chairman1.png);}
#chairman .btns a:hover:after{background-position:50% 100%;}

#member{z-index:53; position:relative; overflow:hidden; float:right; width:57.49%; height:295px; padding:66px 0 0 37px; letter-spacing:-1px; word-break:keep-all; background:#fff; box-sizing:border-box;}
#member .tit{z-index:53; position:absolute; left:246px; top:27px;}
#member h4{position:relative;}
#member h4:after{content:''; display:inline-block; position:absolute; top:50%; left:217px; width:45px; height:1px; background:#42464a;}
#member .info{max-width:65%; line-height:125%; padding:11px 0 0 0; color:#5e5e5e;}
#member *{vertical-align:top;}
#member .control{z-index:53; position:absolute; top:101px; right:32px;}
#member .control a{width:38px; height:38px; background-position:14px -656px;}
#member .control .btn_next{background-position:16px -697px;}
#member .control .btn_stop{background-position:16px -737px;}
#member .control .btn_stop.on{background-position:16px -773px;}
#member .big {position:relative; overflow:hidden; width:100%;}
#member .big .pic{position:relative; float:left; width:165px; height:200px;}
#member .big img{width:100%; height:100%;}
#member .big .list:not(:first-of-type){display:none;}
#member .big.slick-initialized .list:not(:first-of-type){display:block;}
#member .txt{position:absolute; bottom:0; left:165px; height:129px; width:174px; padding:15px 5px 0 10px; font-size:15px; color:#fff; box-sizing:border-box; background:rgba(4,50,88,0.9);}
#member .txt li:before{background:#fff;}
#member .txt .name{padding:0 0 7px 6px; font-size:18px;}
#member .txt .name a{color:#fff;}
#member .txt .name a:after{content:''; display:inline-block; width:20px; height:18px; margin:0 0 0 7px; background:url(/images/common/ico_snb.png) no-repeat;}
#member .small{position:absolute; bottom:29px; right:32px; overflow:hidden; width:202px;}
#member .small .list{position:relative; float:left; width:100px !important; height:116px;}
#member .small .list:not(:first-of-type){display:none;}
#member .small.slick-initialized .list:not(:first-of-type){display:block;}
#member .small img{width:100%; height:100%;}
#member .small .slick-slide{margin:0 1px 0 0;}
#member .small .slick-slide:hover,
#member .small .slick-slide:focus,
#member .small .slick-slide:active{cursor:pointer;}
#member .small .slick-current:hover,
#member .small .slick-current:focus,
#member .small .slick-current:active{cursor:default;}

#gallery{position:relative; float:left; width:100%; height:328px; padding:28px 30px 0 43px; margin:0 0 19px; letter-spacing:-1px; background:#fff; box-sizing:border-box;}
#gallery .tit{margin:0 0 20px; font-size:17px;}
#gallery h4,
#gallery .info{display:inline-block; vertical-align:top;}
#gallery h4{position:relative; padding:0 80px 0 0;}
#gallery h4:after{content:''; display:inline-block; position:absolute; top:50%; left:106px; width:45px; height:1px; background:#42464a;}
#gallery .list_wrap{overflow:hidden; width:100%; padding:0 0 0 7px; box-sizing:border-box;}
#gallery .list{float:left;}
#gallery .list *{display:block;}
#gallery .list a{position:relative; width:319px; margin:0 20px 0 0;}
#gallery .list .img{position:relative; overflow:hidden; width:100%;}
#gallery .list img{width:100%; max-height:188px; margin:0 auto; transition:all 0.5s;}
#gallery .list .sbj{padding:8px 13px 0 14px; font-size:17px; line-height:120%; box-sizing:border-box;}
#gallery .list .sbj em{width:100%; padding:0 0 2px; color:#323232; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#gallery .list .sbj .date{font-size:15px; color:#616161;}
#gallery .list a:hover img,
#gallery .list a:active img,
#gallery .list a:focus img{transform:scale(1.1);}
#gallery .none{width:100%; margin:0; padding:50px 0; text-align:center;}
#gallery .more2{background-position:10px -814px;}
#gallery .control{position: absolute; right:43px; top:4px;}
#gallery .control a{border:none;}

/* 공지사항 */
#board{position:relative;width:100%;height: 513px;}
#board h3{position:relative;line-height:120%;padding: 0 20px 19px 3px;font-size:26px;color:#292929;letter-spacing:-1px;}
#board h3 span{display:inline-block; line-height:39px; font-size:50px; color:rgba(16,122,160,0.3); font-weight:normal; font-family:"Tahoma"; font-style:italic;}
#board h3:before,
#board h3:after{content:''; display:block; position:absolute; top:55%; right:30px; width:calc(100% - 350px); height:1px; background:#42464a;}
#board h3:after{right:10px; height:12px; width:6px; transform:rotate(30deg) translateY(-50%); background:linear-gradient(to bottom, #61a8a7 0%, #3382a8 100%);}
#board > ul{position:relative; width:100%; height:75px; padding:17px 0 0 31px; border-bottom:1px solid #e7e6e6; background:#fff; box-sizing:border-box;}
#board > ul > li{display:inline-block; margin:0 3px;}
#board > li > h4{line-height:0;}
#board .bar{display:block; position:absolute; bottom:13px; left:0; width:87px; height:1px; margin:0 0 0 31px; background:#107aa0; transition:0.3s ease;}
#board li h4 a{z-index:1; position:relative; display:block; height:44px; line-height:44px; padding:0 7px; font-size:21px; color:#9b9b9b; text-decoration:none; box-sizing:border-box;}
#board li h4 a:before{z-index:-1; visibility:hidden; opacity:0; content:''; display:block; position:absolute; top:4px; left:100%; width:7px; height:7px; margin:0 0 0 -1px; border-radius:50%; background:#107aa0; transition:0.3s ease;}
#board li h4 a:hover,
#board li h4 a:focus,
#board li h4 a:active,
#board li.on h4 a{color:#292929;}
#board li.on h4 a:before,
#board li h4 a:hover:before,
#board li h4 a:focus:before,
#board li h4 a:active:before{visibility:visible; opacity:1;}
#board li > div,
#board .board ul{display:none; position:absolute; top:75px; left:0; width:100%; height:354px; letter-spacing:-1px; background:#fff;}
#board .on > div,
#board .on ul{display:block;}
#board .board ul li {float:left; width:100%; height:64px; padding:16px 0 0 0; font-size:17px;}
#board .board ul li:first-child{padding-top:23px;}
#board .board ul a{position:relative; float:left; width:100%; padding:20px 10px 20px 128px; box-sizing:border-box; text-decoration:none;}
#board .board ul a:hover .tit,
#board .board ul a:focus .tit,
#board .board ul a:active .tit{text-decoration:underline;}
#board .board .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:top;}
#board .board .new{display:inline-block; width:16px; height:16px; line-height:16px; margin:0 0 0 -20px; font-size:9px; font-weight:400; text-transform:uppercase; text-align:center; color:#fff; vertical-align:top; border-radius:50%; background:#ffb400;}
#board .board .date{position:absolute; left:37px; top:0; width:65px; height:64px; line-height:120%; font-size:15px; text-align:center; color:#fff; background:#b7d1d9; box-sizing:border-box; transition:background-color 0.3s ease;}
#board .board a:hover .date{background:#107aa0;}
#board .board .date strong{display:block; padding:13px 0 5px; font-size:20px; font-weight:800;}
#board .none{width:100%; padding:80px 0 !important; text-align:center;}
#board .more2{display:none; background-color:#107aa0;}
#board .more2:hover{background-color:#01698f;}
#board .on .more2{display:block;}

#agenda {overflow:hidden; padding:33px 37px 0 36px; box-sizing:border-box; color:#494949; text-align:center;}
#agenda h4{float:left; padding:0 42px 20px 0;}
#agenda .date{float:left; font-size:18px; letter-spacing:-1px;}
#agenda .date *{display:inline-block;}
#agenda .date span{padding:0 10px 0 0; font-weight:800;}
#agenda .date strong{font-size:30px; font-weight:800; color:#d16060;}
#agenda .calendar{clear:both; width:100%; margin:0 auto 27px;}
#agenda table{width:100%; border-collapse:collapse; text-align:center; font-weight:100;}
#agenda table th{line-height:25px; font-size:12px; font-weight:100;}
#agenda table td{z-index:2; position:relative; line-height:42px; font-size:19px;}
#agenda table td:before{z-index:-1; content:''; display:block; position:absolute; top:50%; left:50%; width:42px; height:42px; transform:translate(-50%, -50%); border-radius:50%; background:#f1f1f1;}
#agenda table .sun{color:#e24040;}
#agenda table .sat{color:#416ae0;}
#agenda table .today,
#agenda table .today a{color:#fff;}
#agenda table .today:before{background:#e18c8c;}
#agenda table .agenda:after{content:''; display:block; position:absolute; left:50%; bottom:7px; height:2px; width:12px; transform:translateX(-50%); background:#c95b5b;}

#agenda .list{overflow:hidden; position:relative; width:100%; height:93px; padding:22px 0 0 36px; margin:0 0 19px; border:1px solid #dff1f6; text-align:left; background:#eef5f7; box-sizing:border-box;}
#agenda .list .slick-slide{height:24px;}
#agenda .list p{position:relative; width:100%; line-height:24px; padding:0 40px 0 11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
#agenda .list p:before{content:''; display:block; position:absolute; top:50%; left:0; width:3px; height:3px; margin:-2px 0 0 0; background:#818181;}
#agenda .control{z-index:55; position:absolute; bottom:10px; right:6px; width:30px;}
#agenda .control a{height:23px; border:none; background-color:transparent;}
#agenda .control .btn_stop{background-position:10px -744px;}
#agenda .control .btn_stop.on{background-position:10px -782px;}
#agenda .control .btn_prev,
#agenda .control .btn_next{transform:rotate(90deg);}
#agenda .btn_year{position:relative; display:inline-block; line-height:33px; padding:0 41px 0 54px; font-size:18px; color:#2f2f2f; background:url(/images/kr/main/ico_calendar.png) no-repeat;}
#agenda .btn_year:hover .more:before,
#agenda .btn_year:hover .more:after{transform:rotate(90deg);}
#agenda .btn_year .more{top:50%; transform:translateY(-50%);}
#agenda .btn_year .more:before,#agenda .btn_year .more:after{background:#818181;}

#link{margin:0 0 12px;}
#link li{padding:0 0 9px;}
#link a{position:relative;display:block;height: 64px;line-height: 64px;padding:0 0 0 37px;font-size:24px;font-weight:700;color:#fff;transition:0.3s;background:linear-gradient(to right,#2f67cb 0%, #0f9ca5 100%);}
#link a:hover{background:linear-gradient(to bottom, #2f67cb 0%, #0f9ca5 100%);}
#link a:hover .more:before,
#link a:hover .more:after{transform:rotate(90deg);}
#link .more{top:auto; bottom:0; background:#404d58;}
#link .more:before,
#link .more:after{background:#fff;}
#link .list2 a{background:linear-gradient(to right, #06b5a1 0%, #a5be23 100%);}
#link .list2 a:hover{background:linear-gradient(to bottom, #06b5a1 0%, #a5be23 100%);}
#link .list3 a{background:linear-gradient(to right, #ed900a 0%, #e7cd4e 100%);}
#link .list3 a:hover{background:linear-gradient(to bottom, #ed900a 0%, #e7cd4e 100%);}
#link .list4 a{background:linear-gradient(to right, #469cd0 0%, #b3f0c7 100%);}
#link .list4 a:hover{background:linear-gradient(to bottom, #469cd0 0%, #b3f0c7 100%);}
#link .list5 a{background:linear-gradient(to right, #d04646 0%, #f0b4b3 100%);}
#link .list5 a:hover{background:linear-gradient(to bottom, #d04646 0%, #f0b4b3 100%);}

#quick {overflow:hidden; width:100%; height:206px; padding:34px 22px 0 22px; margin:0 0 19px; letter-spacing:-1px; text-align:center; background:#fff; box-sizing:border-box;}
#quick li{display:inline-block; width:32.5%; vertical-align:top;}
#quick li a{z-index:1; position:relative; display:block; padding:120px 0 0 0; font-size:18px; color:#3a3a3a;}
#quick li a:before,
#quick li a:after{content:''; display:block; overflow:hidden; position:absolute; top:0; left:50%; width:107px; height:107px; border-radius:50%; margin:0 0 0 -53px; background:#e1e1e1 url(/images/kr/main/ico_link1.png) no-repeat 50% 26px;}
#quick li a:after{opacity:0; z-index:-1; background:linear-gradient(135deg, #b70404 0%,#f0b4b3 100%);}
#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 a:hover:before{transform:rotateY(360deg); background-color:transparent; transition:transform 0.8s ease-in-out;}
#quick li a:hover:after{opacity:1; transition:0.4s ease-out;}

#banner{clear:both; position:relative; overflow:hidden; width:100%; height:75px; padding:0 80px 0 370px; background:#fff; box-sizing:border-box;}
#banner .tit{position:absolute; top:22px; left:40px; width:330px; background:url(/images/kr/main/bg_bullet.png) no-repeat 83% -479px;}
#banner h4{float:left; margin:3px 30px 0 0;}
#banner .control{float:left;}
#banner .list_wrap{float:left; width:100%; padding:17px 0 0 0;}
#banner .list{float:left; margin:0 55px 0 0;}
#banner .list img{height:41px;}
#banner .more{top:4px; right:9px;}

@media all and (max-width:1620px) {
	#visual .list img{height:420px;}

	#chairman .txt{padding:20px 0 0 8%;}
	#chairman .pic{width:55%;}
	#chairman .pic img{max-width:100%;}
	
	#member {padding-left:30px;}
	#member h4:after{display:none;}
	#member .info{max-width:100%;}
	#member .small{width:101px;}
	#member .txt{height:116px; width:155px; padding-top:18px; line-height:135%;}
	
	#gallery{padding:28px 3% 0;}
	#gallery .list{width:30.5%;}

	#board > ul{padding:17px 0 0 8px;}
	#board li h4 a{padding:0 2px; font-size:20px;}
	#board .bar{width:74px; margin:0 0 0 15px;}

	#agenda{padding:33px 25px 0 28px;}
	#agenda h4{padding-right:20px;}

	#banner .tit{left:2%;}
}
@media all and (max-width:1280px) {
	#container_main{padding:20px 0;}
	.sec{width:100%;}

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

	#member .txt{width:145px;}
	#member .small{width:191px;}
	#member .small .list{width:95px !important;}
	
	#board li h4 a{padding:0 7px;}
	#board .bar{width:84px; margin:0 0 0 20px;}
	#board > ul{padding:17px 0 0 20px;}
	#board > ul > li{margin:0 3% 0 0;}
	#board li > div, #board .board ul{height:350px;}
	#board .board ul li{padding:14px 0 0 0;}

	#agenda{padding:33px 37px 0 36px;}
	#agenda .calendar{width:80%;}
	#agenda h4{padding-top:2px;}

	#gallery {height:auto; padding-bottom:20px;}
	#gallery .list{width:31%;}
	#gallery .list img{max-height:210px;}
	
	#link {overflow:hidden; width:100%; margin:0 0 14px;}
	#link li{float:left; width:50%; padding:0 3px 6px 0; box-sizing:border-box;}
	#link li:nth-child(even){padding:0 0 6px 3px;}
	#link a{height:75px; line-height:76px; font-size:22px;}

	#quick {height:auto; padding:15px 0 12px 0;}
	#quick li a{padding:97px 0 0 0;}
	#quick li a:before, #quick li a:after{left:50%; width:99%; height:86px; margin:0 0 0 -49.5%; border-radius:0; background-position:50% 14px;}
}
@media all and (max-width:1024px) {
	.more:before{top:14px; right:8px;}
	.more:after{top:7px; right:15px;}

	#container_main{padding:10px 0 20px;}
	#container_main h4{font-size:24px;}
	#container_main .info{font-size:15px; word-break:keep-all;}
	
	#visual{width:calc(100% - 10px); margin:0 0 20px;}
	#visual:after{bottom:-10px; right:-10px;}

	#chairman{width:100%; height:250px;}
	#chairman .txt{padding:27px 0 0 5%;}
	#chairman .txt p{padding:20px 0 0 0;}
	#chairman .pic img{height:220px;}	
	#chairman .txt strong br{display: none;}

	#member{width:100%; margin:0 0 20px;}
	#member .tit{width:calc(100% - 220px);}
	#member .small{width:287px;}

	#gallery .list{width:33.33%; padding:0 7px; box-sizing:border-box;}
	#gallery .list a{width:100%; margin:0;}
	#gallery .list img{max-height:173px;}
	#gallery .list .sbj{padding:10px 0 0 0; font-size:16px;}
	
	#board{height:470px;}
	#board h3 span{font-size:44px;}
	#board h3{font-size:25px;}
	#board li > div, #board .board ul{height:302px;}
	#board .board ul li{height:52px;}
	#board .board ul a{padding:13px 10px 10px 115px;}
	#board .board .date{height:52px;}
	#board .board .date strong{padding:8px 0 2px;}
		
	#agenda{padding:21px 33px 0 33px;}
	#agenda .control{bottom:5px;}
	#agenda .list{height:78px; margin:0 0 15px; padding-top:13px;}
	#agenda .calendar{width:90%; margin:0 auto 20px;}

	#link a{height:65px; line-height:66px; padding:0 0 0 25px; font-size:20px;}
	#link .more{width:32px; height:32px;}

	#quick li a{padding:77px 0 0 0; font-size:17px;}
	#quick li a:before, #quick li a:after{height:70px; background-size:auto 50px; background-position:50% 12px;}

	#banner{height:auto; padding:15px 20px;}
	#banner .tit{position:static;}
	#banner .control{margin:-2px 0 0 0;}
	#banner .more{top:10px;}
}
@media all and (max-width:768px) {
	#container_main{padding:10px 0 15px;}
	#container_main h4{font-size:22px;}
	#container_main .info{display:block; font-size:14px;}

	#visual .control, #visual .slick-dots{bottom:17px;}

	#chairman{height:240px; margin:0 0 15px; font-size:16px;}
	#chairman .txt{padding:23px 0 0 5%;}
	#chairman .txt p{padding:15px 0 0 0;}
	#chairman .txt strong{font-size:18px;}
	#chairman .pic img{height:210px;}
	
	#member{height:auto; margin:0 0 15px; padding:30px 0 30px 30px;}
	#member .tit{left:220px;}
	#member .info{padding:6px 0 0 0;}
	#member .txt{left:155px;}
	#member .big .pic{width:156px; height:192px;}
	#member .small{width:152px;}
	#member .small .list{height:95px; width:75px !important;}
	#member .control{top:79px;}
	
	#gallery{margin:0 0 15px; padding:25px 0 20px 30px;}
	#gallery .tit{margin:0 0 17px;}
	#gallery h4:after{display:none;}
	#gallery .list_wrap{padding:0;}
	#gallery .list img{max-height:128px;}
	#gallery .list .sbj{font-size:15px;}
	#gallery .list .sbj .date{font-size:14px;}
	#gallery .list .sbj em{padding:0;}

	#board{height:465px;}
	#board h3 span{font-size:38px;}
	#board h3{font-size:23px;}
	#board h3:before{width:calc(100% - 300px);}
	#board .board .date{left:30px;}
	#board .board ul li{font-size:16px;}
	#board .board ul a{padding-left:110px;}
	
	#agenda{padding:21px 30px 0 30px;}
	#agenda .calendar{width:90%;}
	#agenda .btn_year{font-size:17px;}
	
	#link{margin:0 0 11px;}
	#link li{padding:0 2px 4px 0;}
	#link li:nth-child(2n){padding:0 0 4px 2px;}
	#link a{height:60px; line-height:61px; font-size:19px;}

	#quick {margin:0 0 15px;}
	#quick li a{padding:71px 0 0 0; font-size:16px;}
	#quick li a:before, #quick li a:after{height:65px; background-size:auto 45px; background-position:50% 10px;}

	#banner .list_wrap{padding:12px 0 0 0;}
	#banner .list{margin:0 25px 0 0;}
}
@media all and (max-width:568px) {
	#container_main h4{font-size:21px;}
	#container_main .info{font-size:13px;}

	#chairman{height:217px; font-size:15px;}
	#chairman .txt{padding:20px 0 0 5%;}
	#chairman .txt img{max-height:55px;}
	#chairman .txt p{padding:10px 0 0 0;}
	#chairman .txt strong{font-size:17px;}
	#chairman .pic img{height:180px; margin-top: 21px;}
	#chairman .btns{height:50px;}
	#chairman .btns a{line-height:51px;}

	#member{padding:25px 0 25px 25px;}
	#member .tit{left:180px; width:calc(100% - 180px);}
	#member .info{padding:2px 0 0 0;}
	#member .txt{left:137px; width:143px; height:104px; padding:13px 0 0 14px; font-size:14px;}
	#member .txt .name{padding:0 0 5px 2px; font-size:17px;}
	#member .big .pic{width:138px; height:162px;}
	#member .small{bottom:25px; right:25px;}
	#member .small{width:122px;}
	#member .small .list{height:70px; width:60px !important;}
	#member .control{top:75px; right:25px;}
	
	#gallery{padding:22px 15px 17px 25px;}
	#gallery .tit{margin:0 0 13px;}
	#gallery .list {width:50%; padding:0 5px;}
	#gallery .list .sbj{font-size:14px;}
	#gallery .list .sbj .date{font-size:13px;}

	#board{height:412px;}
	#board h3{padding:7px 0 15px 3px; font-size:22px;}
	#board h3 span{font-size:36px;}
	#board li > div, #board .board ul{top:67px; height:265px;}
	#board > ul{height:67px; padding:13px 0 0 15px;}
	#board li h4 a{padding:0 5px; font-size:19px;}
	#board .board ul a{padding-left:105px;}
	#board .board ul li{height:50px; padding:8px 0 0 0; font-size:15px;}
	#board .board ul li:first-child{padding:18px 0 0 0;}
	#board .board .date{left:25px; height:50px; font-size:14px;}
	#board .board .date strong{font-size:18px;}

	#agenda{padding:15px 25px 0 25px;}
	#agenda h4{padding:4px 20px 12px 0;}
	#agenda .calendar{width:100%; margin:0 auto 15px;}
	#agenda table th{line-height:18px;}
	#agenda table td:before{width:37px; height:37px;}
	#agenda table td{font-size:16px;}
	#agenda .list{height:70px; padding:10px 0 0 22px;}
	#agenda .list p{line-height:20px;}
	#agenda .control{bottom:0;}

	#quick li a{font-size:15px;}

	#link a{height:55px; line-height:56px; font-size:18px;}

	#banner .list{margin:0 18px 0 0;}
}
@media all and (max-width:480px) {
	.more2{width:32px; height:32px; background-position:9px -861px;}

	#container_main h4{font-size:20px;}
	#container_main .info{font-size:12px; line-height:130%;}
	
	#visual .control, #visual .slick-dots{bottom:10px;}

	#member{padding:18px 0 20px 20px;}
	#member .tit{position:static; width:52%; padding:0 0 13px;}
	#member .small{width:183px; bottom:110px; right:20px;}
	#member .txt{width:calc(100% - 157px); height:89px; padding-top:12px;}
	#member .control{top:0; right:32px;}
	#member .control a{width:30px; height:30px; background-position:11px -659px;}
	#member .control .btn_next{background-position:13px -700px;}
	#member .control .btn_stop{background-position:13px -740px;}
	#member .control .btn_stop.on{background-position:13px -777px;}

	#gallery{padding:18px 11px 15px 20px;}
	#gallery .info{padding:2px 38px 0 0;}
	#gallery .more2{background-position:7px -817px;}

	#board h3{font-size:21px;}
	#board h3 span{font-size:34px;}
	#board > ul > li{margin:0 2% 0 0;}
	#board h3:before{width:calc(100% - 270px);}
	#board .board ul a{padding-left:83px;}
	#board .board .date{left:20px; width:55px; height:47px; font-size:13px;}
	#board .board .date strong{font-size:17px;}

	#agenda{padding:18px 20px 0 20px;}
	#agenda .btn_year{font-size:16px;}

	#link a{height:50px; line-height:50px; padding:0 0 0 20px; font-size:17px;}
}
@media all and (max-width:400px) {
	#chairman{height:210px; font-size:14px;}
	#chairman .txt{max-width:50%; padding:18px 0 0 5%;}
	#chairman .txt strong{font-size:16px;}
	#chairman .pic img{height:170px;}

	#member{padding:16px 0 15px 15px;}
	#member .txt{left:133px; width:calc(100% - 148px); height:94px; padding:10px 0 0 12px; font-size:13px;}
	#member .txt .name{font-size:16px;}
	#member .big .pic{width:133px; height:167px;}
	#member .small{right:15px;}
	
	#gallery{margin:0 0 10px; padding:16px 8px 13px 15px;}
	#gallery .list .sbj{font-size:13px;}
	#gallery .list .sbj .date{font-size:12px;}
	
	#board{height:388px;}
	#board h3{padding-bottom:10px;}
	#board > ul{height:60px; padding:10px 0 0 15px;}
	#board li h4 a{padding:0; font-size:18px;}
	#board li > div, #board .board ul{top:60px; height:258px;}
	#board .board ul a{padding-left:70px;}
	#board .board .date{left:15px; width:50px; height:45px; font-size:12px;}
	#board .board .date strong{font-size:16px;}

	#agenda{padding:17px 15px 0 15px;}
	#agenda .calendar{margin:0 auto 10px;}
	#agenda .btn_year{font-size:15px;}

	#link a{height:47px; line-height:48px; padding:0 0 0 15px; font-size:16px;}

	#banner{padding:12px 15px;}
	#banner .list{margin:0 15px 0 0;}
}
@media all and (max-width:355px) {
	#member .small{width:121px;}
}
@media all and (max-width:350px) {
	#member h4 span{display:none;}
	
	#board > ul > li{margin:0 1.5% 0 0;}
	#board li h4 a{font-size:17px;}
}