@charset "utf-8";



/* 좌측메뉴 */
.leftmenu { position:relative; width:100%; top:-130px; }
.leftmenu h2 { width:100%; height:100px; line-height:1.2; padding:20px 30px 0 30px; background:#364c93; color:#fff; font-weight:700; font-size:150%; text-align:center; z-index:999; }

.leftmenu ul { width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.leftmenu ul li { width:100%; display:block; }
.leftmenu ul li a:link,
.leftmenu ul li a:visited { width:100%; line-height:1.5; padding:20px 20px 20px 15px; border-bottom:1px solid #ddd; background:#fafafa; display:block; }
.leftmenu ul li a:active,
.leftmenu ul li a:focus,
.leftmenu ul li a:hover,
.leftmenu ul li a.on { background:#fff; color:#2e6cbb; }


@media (min-width:1025px) and (max-width:1280px){
		

}



@media (min-width:769px) and (max-width:1024px){



}




/* 서브비주얼 */
#svisible { position:relative; width:100%; height:180px; background:#ebf6f8 url(/images/eng/svisible_img.png) no-repeat right bottom; }

#svisible .txt1 { position:absolute; top:60px; color:#268c8e; font-weight:700; font-size:120%; opacity:0; letter-spacing:-1px; transform:translate(-50%, 0);
	animation-name:txtMove1;
	animation-duration:1.0s; /* 걸리는 시간 */
	animation-fill-mode:forwards;
	animation-delay:0.2s;
	animation-timing-function:ease;
	animation-iteration-count:1; /* 반복횟수 */
	animation-direction:normal; /* 진행방향 alternate : 순방향 -> 역방향*/ 
	/*
	animation:txtMove1 1.5s 0.2s 1 ease fowards normal;
	*/
}

#svisible .txt2 { position:absolute; top:90px; color:#f36700; font-weight:700; font-size:185%; opacity:0; letter-spacing:-1px; transform:translate(-50%, 0);
	animation:txtMove2 1.0s 0.5s 1 forwards;
}


@keyframes txtMove1 {
	from { left:calc(50% + 100px); opacity:0; }
	to { left:calc(50% + 0px); opacity:1; }
}
	
@keyframes txtMove2 {
	from { left:calc(50% + 100px); opacity:0; }
	to { left:calc(50% + 0px); opacity:1; }	
}



@media (min-width:1281px) and (max-width:1400px){
	
}

	
@media (min-width:1025px) and (max-width:1280px){
	
}


@media (min-width:769px) and (max-width:1024px){
	#svisible { display:none; }
}

@media (max-width:768px){
	#svisible { display:none; } 
}





#content p { line-height:1.5; }
.box { width:100%; padding:25px; border:1px solid #ddd; }

@media (max-width:768px){
	.box { padding:20px 15px; }
}






/* 페이지 타이틀 */
.pagetitle { position:relative; width:100%; height:110px; border-bottom:1px solid #eee; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:90%; color:#888; }
.pagetitle .path img { position:relative; top:4px; }

.pagetitle h1 { padding:15px 0 0 5px; font-weight:700; font-size:220%; color:#000; }

.pagetitle ul.print { position:absolute; right:0; bottom:0px; width:auto; }
.pagetitle ul.print li { float:left; }

.pagetitle ul.print li.back { display:none; }

.pagetitle ul.print li a { padding:8px 7px; display:block; }


@media (min-width:769px) and (max-width:1024px){		
	.pagetitle ul.print li.home { display:inline-block; }
	.pagetitle ul.print li.back { display:inline-block; }
	.pagetitle ul.print li.print { display:none; }
	
}

@media (max-width:768px){
	.pagetitle { height:110px; border-bottom:none; }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding-left:10px; padding-right:80px; background:#f36700; color:#fff; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.pagetitle .path img { position: relative; top:19px; }
	
	.pagetitle h1 { padding:38px 15px 0 15px; font-size:200%; color:#000; }

	
	.pagetitle ul.print { position:absolute; right:15px; top:12px; }
	.pagetitle ul.print li.home { display:inline-block; }
	.pagetitle ul.print li.back { display:inline-block; }
	.pagetitle ul.print li.print { display:none; }
}



/* 인사말 */
.chairmanGreeting .title { position:relative; padding:6.0rem 24rem 16rem 6.4rem; font-size:2.8rem; color:#fff; box-shadow:-2rem 1rem 4rem rgba(4,119,106,.3); border-radius:12rem 1.6rem 0 1.6rem; background:url(/images/council/sub/greeting_bg.png) no-repeat center/cover, linear-gradient(90deg, #007A6C,#4168CD); margin-top:10rem; }
.chairmanGreeting .title .point-txt { font-size:3.2rem; font-weight:700; margin-top:1.2rem; }
.chairmanGreeting .title span { display:block; }
.chairmanGreeting .title img { position:absolute; right:0; bottom:13rem; }

.chairmanGreeting .txt { position:relative; padding:6.4rem; font-size:1.8rem; border-radius:8rem 0 0 0; background-color:#fff; margin:-13rem 0 0 6.4rem; }
.chairmanGreeting .txt p { margin-bottom:2.4rem; }

.chairmanGreeting .right { font-size:2rem; }
.chairmanGreeting .name { font-size:3.6rem; margin-left:.2em; }

@media (max-width:1280px){
}

@media (max-width:1024px){
	.chairmanGreeting .title { font-size:2.4rem; margin-top:8rem; }
	.chairmanGreeting .title .point-txt { font-size:3.2rem; }
}

@media (max-width:768px){
	.chairmanGreeting .title { padding:3.6rem 10rem 12rem 3.2rem; font-size:1.8rem; border-radius:6rem 1.6rem 0 1.6rem; margin-top:4rem; }
	.chairmanGreeting .title .point-txt { font-size:2.2rem; }
	.chairmanGreeting .title img { bottom:9rem; max-width:20rem; }

	.chairmanGreeting .txt { padding:3.2rem; font-size:1.7rem; border-radius:4rem 0 0 0; margin:-9rem 0 0 3.2rem; }
	.chairmanGreeting .txt p { margin-bottom:1.6rem; }
	.chairmanGreeting .txt p br { display:none; }

	.chairmanGreeting .right { font-size:1.8rem; }
	.chairmanGreeting .name { font-size:3.2rem; }
}





/* 의회연혁 */
.history .build-box { display:flex; flex-direction:column; align-items:flex-start; height:30rem; background:url(/images/council/sub/history_bg.png) no-repeat center/cover,#3C837B; border-radius:1.2rem; }
.history .build-box.old { background-image:url(/images/council/sub/history_bg2.jpg); }
.history .build-box.old2 { background-image:url(/images/council/sub/history_bg3.jpg); }

.history .cont-box { position:relative; }
.history .cont-box ol { padding-top:6.4rem; margin:0 4rem; }
.history .cont-box ol li { display:flex; align-items:flex-start; margin-bottom:4rem; }

.history .cont-box h2.year { margin-top:-.8rem; margin-right:8rem; }
.history .cont-box h2.year::after {  }

#container.sub #content .history h2 { margin-bottom:0; }
#container.sub #content .history h2::before { display:none; }

.history .cont-box dl { display:flex; font-size:1.8rem; flex-wrap:wrap; margin-left:12rem; }

.history .cont-box dl dt { position:relative; width:8rem; margin-bottom:1.6rem; }
.history .cont-box dl dt::before,
.history .cont-box dl dt::after { position:absolute; left:-12.3rem; top:1.3rem; content:''; width:0; height:0; border-radius:2.4rem; transform:translateY(-50%); transition:.4s; }

.history .cont-box dl dt::before { width:.6rem; height:.6rem; background:#ddd; z-index:1; }
.history .cont-box dl dt.on::before { background:#fff; }
.history .cont-box dl dt.on::after { left:-12.6rem; width:1.2rem; height:1.2rem; background:#3C837B; }

@keyframes dot-beat {
	0% {}
	0% {}
}

.history .cont-box dl dt span { position:relative; font-weight:700; color:#00574D; }
.history .cont-box dl dt span::before { position:absolute; left:-12rem; top:50%; content:''; width:calc(100% + 4rem); height:.1rem; background:#ddd; }

.history .cont-box dl dd { width:calc(100% - 8rem); margin-bottom:1.6rem; }
.history .cont-box dl dd span { color:#444; font-size:1.6rem; margin-left:.4rem; }
.history .cont-box dl dd p { font-size:1.7rem; color:#555; margin:.8rem 0; }
.history .cont-box dl dd p::before { content:'-'; margin-right:.4rem; }
.history .cont-box dl dd .img { max-width:20rem; margin:.8rem 0; }
.history .cont-box dl dd .img img { width:100%; }

.history .cont-box .bar { position:absolute; top:0; left:20rem; width:.1rem; height:100%; background:#ddd; overflow:hidden; z-index:-1; }
.history .cont-box .bar .load { position:absolute; top:0; left:0; width:100%; height:37.4rem; max-height:100%; background:#3C837B; }




/* 의원 */
.member { width:100%; }
.member li { float:left; width:50%; height:195px; padding:0 10px 0 10px; box-sizing:border-box; }

.member li dl { width:100%; }
.member li dt { float:left; width:132px; }
.member li dt img { width:102px; height:137px; border:1px solid #ccc; padding:4px; }
.member li dd { margin-left:132px; padding:3px 0 1px 0; font-size:95%;  }
.member li dd.name { font-size:125%; color:#113d8e; font-weight:700; }
.member li dd span { color:#999;  }



@media (max-width:768px){
	.member ul { padding-top:20px; border-top:2px solid #333; }
	.member li  { float:none; width:100%; height:auto; padding:0 0 20px 0; border-bottom:1px solid #eee; box-sizing:border-box; margin-bottom:20px; }
	.member li:last-child { margin-bottom:0; }

	.member li dt { width:119px; }
	.member li dt img { width:90px; }
	.member li dd { margin-left:119px; width:calc(100% - 119px); }
}





/* Steering Committee */
.steeringCommittee table { width:100%; border-top:2px solid #113d8e;  }
.steeringCommittee table thead th { padding:13px 0; border-right:1px solid #ccc; border-bottom:1px solid #aaa; background:#f9f9f9; color:#222; }

.steeringCommittee table tbody th,
.steeringCommittee table tbody td { padding:10px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }

.steeringCommittee table thead th:last-child { border-right:none; }
.steeringCommittee table tbody td:last-child { border-right:none; }

.steeringCommittee table tbody .left { text-align:left; padding-left:15px; padding-right:15px; }

.steeringCommittee table tbody .tdend  {border-right:1px solid #ccc !important;}

.steeringCommittee table tbody td.name { color:#113d8e; }

.steeringCommittee table tbody td img { width:80px; margin:0 auto 10px; display:block; }
.steeringCommittee table tbody td span { font-size:90%; color:#000; }

.steeringCommittee table tbody td ul { display:flex; flex-wrap:wrap; justify-content:flex-start;  }
.steeringCommittee table tbody td ul li { width:calc(25% - 20px); margin:10px 10px; }


@media (max-width:768px){
	.steeringCommittee table tbody td img { width:60px; }
	.steeringCommittee table tbody td span { font-size:85%; }
	.steeringCommittee table tbody td ul li { width:calc(33.333% - 20px); }
}






.noticeTxt { display:none; }

@media (max-width:768px){
	.noticeTxt { display:block; }
}


@media (max-width:768px){
	.noticeTxt { color:#888; display:block; margin-bottom:10px; }
	.sizeTableDiv { overflow:auto; }
	.sizeTableDiv table { width:700px; }

}