@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;}

.sec1{overflow:hidden; padding:40px 0 42px;}

/* 열린의장실 */
#chairman {position:relative; float:left; width:340px; margin:0 35px 0 0;}
#chairman .pic{position:absolute; right:0; bottom:0; height:175px; text-align:right;}
#chairman .pic img{max-height:100%;}
#chairman .txt {position:relative; height:241px; padding:30px 0 0 29px; box-sizing:border-box;  background:#f5f5f5;}
#chairman .txt h4{font-size:22px; font-weight:900; color:#454444;}
#chairman .txt p{z-index:1; position:relative; width:150px; padding:28px 0 0 0; line-height:160%;}
#chairman .txt p span{display:block; font-size:20px;}
#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:#52ad1b; transition:font-size 0.2s ease-in-out;}
#chairman .btns a:first-child{float:left; background:#2b568f;}
#chairman .btns a:hover{font-size:115%; font-weight:700; background:#399700;}
#chairman .btns a:first-child:hover{background:#0349a6;}

/* 현역의원 */
#member{z-index:53; position:relative; float:left; width:466px; height:289px; padding:28px 22px 26px 25px; border:1px solid #d1d1d1; box-sizing:border-box;}
#member h4{height:33px; padding:0 0 11px; font-size:22px; font-weight:900;}
#member .list_wrap{overflow:hidden; width:100%; background:#e9edf4;}
#member .list_wrap .list{position:relative; overflow:hidden; width:100%; height:192px; padding:16px 0 17px 165px; box-sizing:border-box;}
#member .list_wrap *{vertical-align:top;}
#member .control{z-index:2; position:absolute; top:22px; right:24px;}
#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:16px; left:17px; width:128px;}
#member .pic img{width:100%;}
#member .txt{width:100%; padding:16px 0 0 0;}
#member .txt .name{display:block; padding:0 0 9px 0; font-size:20px; font-weight:900;}
#member .txt em{color:#616162; font-weight:800;}
#member .txt li{margin:0 0 5px;}
#member .txt li:before{top:10px;}

#link{float:right; width:325px;}
#link li:first-child{margin:0 0 30px;}
#link a{display:block; height:132px; padding:48px 0 0 0; box-sizing:border-box; font-size:23px; text-align:center; color:#ff9d03; border:1px solid #ebe4d3; transition:0.3s ease-in; background:#fcf8e2 url(/images/en/main/bg_lnk2.gif) no-repeat 100% 100%;}
#link a strong{display:block; font-weight:900;}
#link li:first-child a{height:127px; color:#2358b5; border-color:#bfcee8; background-color:#e5f1f8; background-image:url(/images/en/main/bg_lnk1.gif);}
#link a:hover{box-shadow:inset 0 0 0 9px #ffb503;}
#link li:first-child a:hover{box-shadow:inset 0 0 0 9px #2358b5;}

#quick{width:100%; margin:0 0 46px; 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:33px; color:#2b568f; font-weight:900;}
#quick .info{padding:10px 0 28px; font-size:18px; color:#504f4f;}
#quick .list{text-align:right;}
#quick li {display:inline-block; width:16%; vertical-align:top; text-align:center;}
#quick li *{display:block;}
#quick li a{position:relative; padding:124px 0 0 0; font-weight:700; font-size:17px; 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_link4.png) no-repeat 50% 0;}
#quick li.list2 a:before{background-image:url(/images/kr/main/ico_link1.png);}
#quick li.list3 a:before{background-image:url(/images/en/main/ico_link3.png);}
#quick li.list4 a:before{background-image:url(/images/en/main/ico_link4.png);}
#quick li.list5 a:before{background-image:url(/images/en/main/ico_link5.png);}
#quick li.list6 a:before{background-image:url(/images/en/main/ico_link6.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;}

@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:55%; height:auto;}
	#chairman .pic img{max-width:100%; max-height:none;}

	#member{width:38.33%;}

	#link{width:27.08%;}
	#link a{background-size:cover;}

	#quick .inner{padding-left:19%;}
}
@media all and (max-width:1024px) {
	.sec1{padding:0;}
		
	#chairman,
	#member{width:100%; margin:0 0 10px;}

	#chairman .txt{height:170px; padding:23px 0 0 25px;}
	#chairman .txt p{width:250px; padding:17px 0 0 0; line-height:130%;}
	#chairman .txt p br{display:none;}
	#chairman .pic img{height:145px;}
	#chairman .btns a{float:left; width:50%; margin:0;}
	
	#link{width:100%;}
	#link li{float:right; width:49%;}
	#link li:first-child{float:left; margin:0 0 10px;}
	#link a{height:100px; padding:23px 0 0 0; font-size:21px;}
	#link li:first-child a{height:100px;}

	#quick{margin:0 0 10px;}
	#quick .inner{height:auto; padding:30px 0 25px;}
	#quick .tit{position:static; width:100%; text-align:center;}
	#quick .tit br{display:none;}
	#quick h4{font-size:28px;}
	#quick .info{padding:5px 0 23px; font-size:13px; line-height:120%;}
	#quick .list{text-align:center;}
	#quick li a{padding:94px 0 0 0; line-height:120%; font-size:16px; font-weight:800;}
	#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;}
	
	#member{height:auto; padding-top:23px;}
	#member h4{padding:0 0 8px;}
	#member .list_wrap .list{height:177px;}
	#member .pic{width:117px;}
	#member .control{top:17px;}
}
@media all and (max-width:768px) {
	
	#chairman .txt h4,
	#member h4{font-size:20px;}
	
	#chairman .txt{height:150px; padding:20px 0 0 20px;}
	#chairman .txt p span{font-size:18px;}
	#chairman .pic img{height:130px;}
	#chairman .btns a{line-height:45px;}

	#member{height:auto; padding:20px 18px 15px 20px;}
	#member .list_wrap .list{height:166px; padding-left:145px;}
	#member .pic{width:108px;}
	#member .control{right:18px;}
	
	#link li a,
	#link li:first-child a{height:90px; font-size:19px;}
	
	#quick h4{font-size:23px;}
	#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;}
}
@media all and (max-width:568px) {

	#chairman .txt h4,
	#member h4{font-size:18px;}

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

	#member{padding:20px 10px 10px 10px;}
	#member .pic{width:100px;}
	#member .list_wrap .list{height:155px; padding-left:130px;}
	#member .txt{padding:10px 0 0 0;}
	#member .txt .name{font-size:18px;}
	#member .control{top:15px; right:10px;}

	#chairman .txt{height:140px; padding-left:10px;}
	#chairman .txt p{padding:14px 0 0 0;}
	#chairman .txt p span{font-size:17px;}
	#chairman .pic img{height:120px;}
	#chairman .btns a{line-height:42px;}
	
	#link li{width:100%; margin:0 0 10px;}
	#link li:first-child{margin:0;}
	#link li a, #link li:first-child a{height:75px; padding:15px 0 0 0; font-size:17px;}

	#quick .info{padding:3px 0 16px; font-size:12px;}
	#quick .inner{padding:20px 0 10px;}
	#quick h4{font-size:20px;}
	#quick li{width:32%; margin:0 0 13px;}
	#quick li a{font-size:14px;}
	#quick .control{top:26px; margin:0 0 0 80px;}
}
@media all and (max-width:400px) {
	#chairman .txt h4,
	#member h4{font-size:17px;}

	#chairman .txt{height:135px;}
	#chairman .txt p{width:210px;}
	#chairman .txt p span{font-size:16px;}
	#chairman .pic img{height:115px;}
	#chairman .btns a{line-height:39px;}

	#quick .inner{padding:27px 0 20px;}
	#quick .info{padding:5px 0 17px; font-size:11px;}
	#quick .control{top:22px;}
	#quick h4{font-size:19px;}
	#quick li a{padding:68px 0 0 0; font-size:13px;}
	#quick li a:before,
	#quick li a:after{width:62px; height:62px;}
	#quick li a:before{top:13px; height:36px; background-size:auto 73px;}

	#member .txt .name{font-size:17px;}
	#member .list_wrap .list{padding-left:126px;}
	#member .pic{width:96px;}

	#link li a, #link li:first-child a{font-size:16px;}
}