@charset "UTF-8";

#container {  position:relative; font-family:'NNS'; }
.container:after { clear:both; float:none; content:""; display:block; height:0;}
#container .contents { background:#09130b url(../../images/main/main_1600_v1.jpg) no-repeat 50% 0; min-height:904px;}

.group { position: relative; }

.hrline {clear:both; content:""; display:block; float:none;}

.contents01 {position:relative; padding-top: 50px; padding-bottom:50px; height: 800px; }
.contents02 { background: url(../../images/main/contents02bg.png) repeat; min-height:490px }
.contents h3.c3title { text-align:center; color:#fff; font-size:0.846em; text-indent:50px;letter-spacing: 45px; font-weight:bold; padding:20px 0 12px;}

.c1m1, .c1m2, .c1m3, .c1m4, .c1m5 { position:absolute; width:320px; height:320px; overflow: hidden; }

.c1m1 { width:640px; height:640px; padding-left:320px;}
.c1m3 { top: 320px; }
.c1m4 { top: 320px; right: 0; }
.c1m5 { right: 0; }
.c1m6 { padding-top: 640px; display:block; }


#c1m1 { }
.mc1_slide {overflow:hidden; }
#c1m1 .mc1_slide img {width:100%; height:640px;}
#c1m1 .bx-pager { 	position: absolute;	bottom: 189px;	width: 100%; }

#c1m1 .bx-pager {	width:640px;	text-align: center;	font-size: .85em;	font-family: Arial;	font-weight: bold;	color: #666;	padding-top: 20px;}

#c1m1 .bx-pager .bx-pager-item,
#c1m1 .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	*zoom: 1;	*display: inline; }

#c1m1 .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block;	width: 17px; height: 17px; margin: 0 3px; padding:0px; outline: 0; border: 1px dashed #000; }
#c1m1 .bx-pager.bx-default-pager a.active, #c1m1 .bx-pager.bx-default-pager a:focus, #c1m1 .bx-pager.bx-default-pager a:hover { background:#2c60de; border: 3px solid #29298D; }

.pausePlay1 {position:absolute; z-index:1; left:73.5%; bottom:185px; margin-left:-12.5px; width:25px; height:31px; text-align:center;}
.pausePlay1 button {display:inline-block; width:25px; height:31px; background:url(/council/images/main/img_main_tiny.png) no-repeat 0 -380px;}
.pausePlay1 .btn_stop {right:10px; background-position:0 -516px}
.pausePlay1 .btn_play {display:none; right:10px; background-position:0 -546px}


.c1quick {position:absolute; width:640px; bottom:0px; left:320px; z-index:10;  background:url(../../images/main/c1quickbg.png) repeat-x;}  
.c1quick ul { width:640px;}
.c1quick ul li {width:33%; float:left; background:url(../../images/main/line_mc102.png) no-repeat 0 57px;}
.c1quick ul li:first-child { background:none; }
.c1quick ul li a{ display: block;width:113px; height:165px; overflow: hidden; position: relative; padding:5px 0 0; font-size: 0; line-height: 16px; letter-spacing: -1px; text-align: center; cursor: pointer; margin:auto;}

.c1quick ul li:nth-child(1) span{  background:url(../../images/main/bul_mc10201.png) no-repeat; display: block;     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;		}
.c1quick ul li:nth-child(2) span{  background:url(../../images/main/bul_mc10202.png) no-repeat; display: block;     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;		}
.c1quick ul li:nth-child(3) span{  background:url(../../images/main/bul_mc10203.png) no-repeat; display: block;     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;		}

#c1m2 { background:#097788 url(../../images/main/c1m2bg.png) no-repeat;  }
#c1m2 h3 {color:#fffefe; line-height:36px; height:36px; font-size:1.154em; margin:16px; border-bottom:solid 1px #1895a8;  }
#c1m2 .btnTypeD { padding-right:30px;position:absolute; right:16px; top:20px;  font-size:0.923em; color:#fff; background:url(../../images/main/img_main_tiny.png) no-repeat 100% -849px; }

#c1m2 .control {position:relative; padding:0 16px; height: 65px; text-align:center}
#c1m2 .control button {position:absolute; top:10px; width:30px;height:30px;display:block;float:none;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top}
#c1m2 .control .btn_prev {left:15px;background-position:0 -690px;}
#c1m2 .control .btn_next {right:15px;background-position:0 -730px;}


.pausePlay {position:absolute; z-index:1; left:50%; bottom:4px; margin-left:-12.5px; width:25px; height:31px; text-align:center;}
.pausePlay button {display:inline-block; width:25px; height:31px; background:url(/council/images/main/img_main_tiny.png) no-repeat 0 -380px;}
.pausePlay .btn_stop {right:29px; background-position:0 -516px}
.pausePlay .btn_play {display:none; right:29px; background-position:0 -546px}

/* 의사일정 */
#c1m2 .control .txtA { font-size:4.231em; color:#fff; line-height:1.1; display:inline; vertical-align:top;}
#c1m2 .control .txtB { font-size:1.077em; color:#fff; display:inline-block; text-align:left; line-height:1.6; padding-top:8px; margin-left:5px;}
#c1m2 .boxTypeA { margin:16px; margin-top:6px; height:35px; line-height:35px; color:#fff; border:solid 1px #128495; background:#1895a8; padding:0 10px}
#c1m2 .nt_list {}
#c1m2 .nt_list li {padding:0 20px; width:280px; }
#c1m2 .nt_list li a { font-size:13px; color:#fff; background:url(../../images/main/img_main_tiny.png) no-repeat 0 -881px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }

/* 의회소식 게시판 */
#c1m3 {position:relative;width:320px; height:320px; margin:0; } 
.notice_tab {position:relative;height:300px; background-color:#fff}
.notice_tab h4 { height: 65px; position:relative; background:#606060; }
#ntab_1 {}
#ntab_2 {}

.notice_tab h4  { padding:0 0 0 20px; font-size:1.077em;color:#fff;line-height:65px;text-decoration:none; }
.notice_tab h4 a:hover, .notice_tab h4 a:active, .notice_tab h4 a:focus { background:#606060; color:#ddd; }
.notice_tab h4.active a { font-size:1.154em; color:#fff; }
.notice_tab .cont {display:none; position:absolute; top:90px; left:20px; width:275px;}
.notice_tab #ntab_1 + .cont {display:block}

.nt_list iframe { height: 180px; }
.nt_list li {position:relative;  padding-bottom: 1px; width:100%;  height:26px; line-height: 26px; list-style:none}
.nt_list li a {display: block; float: none !important; width: 100% !important; color:#1b1b1b;font-size:1.076em;line-height:2.142;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.nt_list li a:hover, .nt_list li a:active, .nt_list li a:focus {color:#000;text-decoration:underline}
.nt_list li .subject {display: block; text-align: left;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-left:10px;margin-right: 80px; font-size: 0.92em; }
.nt_list li .date {position: absolute;top:0;right:0;color:#7c7c7c;font-size:11px;line-height:2.142;text-align: right}
.nt_list li .date span {display:none;}

#nlist_1 .nt_list li { background:url(../../images/common/img_comn_tiny.png) no-repeat 0 -908px;}

.notice_tab .more { top:18px; right: 15px; position: absolute; display: inline-block; z-index: 1000; padding:0 25px 0 7px; height:30px;background:url(../../images/main/notice_more.png) no-repeat 100% 50%;color:#f8f8f8!important;line-height:31px;text-decoration:none; font-size: 0.923em!important; }
.notice_tab .more:hover, .notice_tab .more:active { text-decoration: underline; background:url(../../images/main/notice_more.png) no-repeat 100% 50%; } 

.c1m3_ {display:none}
.c1m3_ ul li{float:left; width:50%; height:160px; padding:0px 0 0; text-align:center; background:#ececec; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box; border-left:solid 1px #d2d2d2; border-bottom:solid 1px #d2d2d2; overflow: hidden;}
.c1m3_ ul li:first-child {border-left:none; }
.c1m3_ ul li a{ color:#fff; font-size:1.231em; }
.c1m3_ ul li span{ width:160px; height:100px; display:block; margin:auto; margin-bottom:5px; background:url(../../images/main/quickicon.png) repeat-x 0 0;text-align:center}
.c1m3_ ul li a{ color:#555; }
.c1m3_ ul li:nth-child(2) span {background-position:-160px 0;}


/* 의장소개 */
.c1m4 {background:url(../../images/main/mc4bg1_2022.png) no-repeat; }
.c1m4 .txtA { font-size:18px; color:#fff; padding:35px 28px 0px;  }
.c1m4 .txtB { font-size:24px; color:#fff; padding:0 28px 10px; line-height:1.1;}
.c1m4 .lineTypeA { height:1px; width:20px; background:#bead92;  margin-left:28px;}
.c1m4 .txtC { color:#fff;padding:8px 28px 20px; }
.c1m4 .btnTypeA {display:inline-block; margin: 0px 0 2px 28px; padding:0 8px; line-height:24px; width:90px; height:24px; border:solid 1px #615645; background:#695d48 url(../../images/main/img_main_tiny.png) no-repeat 100% -813px; color:#fff; }
.c1m4 .btnTypeB {display:inline-block; margin:0 0 2px 28px; padding:0 8px; line-height:24px; width:90px; height:24px; border:solid 1px #4b4235; background:#4f4f4f url(../../images/main/img_main_tiny.png) no-repeat 100% -813px; color:#fff; }

/* 의원소개 */
.c1m5 { background:url(../../images/main/mc5bg.png) no-repeat; }
.c1m5 h3 { font-size:1.154em; color:#fff; padding:22px 0 5px; text-align:center; }
.c1m5 .lineTypeB { height:1px; width:20px; background:#6381ca;  margin:0 auto 20px;}
.c1m5 ul#slider_people {}
.c1m5 ul#slider_people li { text-align:center; }
.c1m5 ul#slider_people li .txtA {color:#fff; font-size:1.385em; padding:5px 0; line-height:24px;}
.c1m5 ul#slider_people li .txtB {color:#fff; padding: 0px 0 5px; line-height: 18px; }
.c1m5 ul#slider_people img {width:100px; height:120px; margin-bottom: 5px; }
.c1m5 .btnTypeC {display:inline-block; /* margin:0 0 2px 28px; */ padding:0 8px; line-height:24px; width:90px; height:24px; border:solid 1px #3056b1; background:#304D93; color:#fff;  }

#c1m5 .control {position:absolute;left:0;top:50%;width:100%;height:40px; text-align:center}
#c1m5 .control button {position:absolute; margin-top:-16px; width:32px;height:32px;display:block;float:none;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top}
#c1m5 .control .btn_prev {left:15px;background-position:0 -300px}
#c1m5 .control .btn_next {right:15px;background-position:0 -340px}
#c1m5 .control .btn_stop {right:45px;background-position:0 -520px}
#c1m5 .control .btn_play {display:none;right:45px;background-position:0 -550px}
#c1m5 .bx-controls {position:absolute;bottom:0px;left:35px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:left;}

/* 바로가기 퀵메뉴 */
#c1m6 {} 
#c1m6 ul {}
#c1m6 ul li{float:left; width:12.5%; height:160px; padding:0px 0 0; text-align:center; background:#ececec; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box; border-left:solid 1px #d2d2d2; }
#c1m6 ul li:first-child {border:none; }
#c1m6 ul li:hover { background: #f9f9f9; }
#c1m6 ul li a{ color:#fff; font-size:1.231em; }

#c1m6 ul li span{ width:160px; height:100px; display:block; margin:auto; margin-bottom:5px; background:url(../../images/main/quickicon.png) repeat-x 0 0;text-align:center}
#c1m6 ul li a{ color:#555; }
#c1m6 ul li:nth-child(7) a{ color:#555;  line-height:1;}
#c1m6 ul li:nth-child(2) span {background-position:-160px 0;}
#c1m6 ul li:nth-child(3) span {background-position:-320px 0;}
#c1m6 ul li:nth-child(4) span {background-position:-480px 0;}
#c1m6 ul li:nth-child(5) span {background-position:-640px 0;}
#c1m6 ul li:nth-child(6) span {background-position:-800px 0;}
#c1m6 ul li:nth-child(7) span {background-position:-960px 0; height:90px; }
#c1m6 ul li:nth-child(8) span {background-position:-1120px 0;}

/* 포토갤러리 게시판 */
.contents02 .c3title2 { text-align:center; color:#70522D; font-size:0.846em; text-indent:50px;letter-spacing:20px; font-weight:bold; padding:20px 0 12px;}

.contents02 h3 { font-size:2.231em; color:#6c522d;  text-align:center;}
.contents02 .stitle { text-align:center; color:#666; font-weight:bold;  margin-bottom:20px;}

.contents02 .ptgallery {}
.contents02 .ptgallery li {width:305px; height:275px; margin:0 0px 40px 20px; float:left; position:relative; background:#fff;}
.contents02 .ptgallery li:FIRST-CHILD { margin-left: 0; }
.contents02 .ptgallery li .ptinfo { }
.contents02 .ptgallery li .ptinfo .date {  padding:0 20px; font-size:0.923em; line-height:30px; height:30px; color:#696A71;}
.contents02 .ptgallery li .ptinfo .titles { padding:10px 20px 0; font-size:1.154em; color:#333; }
.contents02 .ptgallery li .ptpic {}
.contents02 .ptgallery li .ptpic img { width:305px; height:200px;}

#c1m3 .nt_list li:nth-child(8), #c1m3 .nt_list li:nth-child(9), #c1m3 .nt_list li:nth-child(10), 
#c1m3 .nt_list li:nth-child(11) { display:none;}


@media (min-width:800px) and (max-width:1024px) {	
	#container .inner { padding:0;    width:960px;}
	
	
	#c1m3 .nt_list li:nth-child(8), #c1m3 .nt_list li:nth-child(9), #c1m3 .nt_list li:nth-child(10), 
	#c1m3 .nt_list li:nth-child(11) { display:block;}
	
	.c1m3 {height:640px;}
	#c1m3 {height:480px;}
	.c1m3_ {display:block}
	
	
	#c1m6 ul li:nth-child(1), #c1m6 ul li:nth-child(2) { display:none;}
	#c1m6 ul li{ width:160px; }
		
	.contents02 .ptgallery { width: 99%; }
	.contents02 .ptgallery li { width: 31%; }
	.contents02 .ptgallery li img { max-width: 100%; }	
	.contents02 .ptgallery li:nth-child(4) { display:none;}
}

@media (max-width:799px) {
	#container .inner { padding:0;    width:640px; position:relative;}	
	
	.c1m1 {position:relative; width:640px; height:640px; padding-left:0;}
	
	#c1m6 ul li{ width:25%; }
	
	.c1m2, .c1m3, .c1m4, 
	.c1m5 {float:left; position:relative;    top: 0px;}
	
	.c1m6 { padding-top: 0px; }
	.c1quick {left:0;}
	
	.contents02 .c3title2 { text-indent: 0; }
	
	.ptgallery li:nth-child(3) { display:none;}
	.ptgallery li:nth-child(4) { display:none;}


}

@media (max-width:599px) {
	#container .inner { padding:0; min-width: 320px;  width:320px; position:relative;}	
	
	
	.c1m1 {position:relative; width:320px; height:510px; padding-left:0;}
	
	#c1m6 ul li{ width:50%; }
	
	.c1m2, .c1m3, .c1m4, 
	.c1m5 {float:left; position:relative;    top: 0px;}
	
	
	.c1quick {left:0;}
	#c1m1 .bx-pager {    width: 320px; bottom: 50px;}
	.c1quick { display:none;}
	
	
	.ptgallery li:nth-child(2) { display:none;}
	.ptgallery li:nth-child(3) { display:none;}
	.ptgallery li:nth-child(4) { display:none;}
}