@charset "utf-8";
/* 공통 */

.tit_txt{font-size:135%; padding:0 0 0.7em 1.25em; background:url(/images/child/common/bul_square.gif) no-repeat 0 2px;}
.dot dt, .dot li{padding:0 0 3px 10px; text-align:justify; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 8px;}
.dash dd, .dash li{padding:0 0 0 13px; text-align:justify; background:url(/images/common/bullet/bul_dash.gif) no-repeat 3px 9px;}
.info{margin:0 0 2.2em 0;}
.info2{margin:0 0 1.2em 0;}

/* 의장인사말 */
#sub_greeting .picture{float:left; width:340px;}
#sub_greeting .greeting{float:left; width:400px;}
#sub_greeting .greeting .title{margin:0 0 20px 0; font-weight:bold; font-size:185%; line-height:130%; letter-spacing:-1px;}
#sub_greeting .greeting .name{padding:20px 0 0 0; font-weight:bold; font-size:120%;}

/* 의회연혁 */
#sub_history .pic{overflow:hidden; width:100%; margin:0 0 30px 0;}
#sub_history .pic li{float:left; width:33.3%; text-align:center;}
#sub_history .pic li img{max-width:95%;}
#sub_history .history {margin:0 0 25px 0;}
#sub_history .history li *{display:inline-block; vertical-align:top;}
#sub_history .history li strong{width:100px;}

/* 의회조직 */
#sub_org .org{padding:2em 0.3em; margin:0 0 2.5em 0; text-align:center; border:1px solid #ecdcb7; background:#fffaee;}
#sub_org dt{font-size:105%;}

/* 오시는길 */
#sub_location dl dt{font-size:105%;}
#sub_location dl dd{padding:0.2em 0 1em 0.5em;}

/* 의회에서하는일 */
#sub_work ol{padding:25px 20px 5px 25px; background:#fffaee; border:1px solid #ecdcb7;}
#sub_work ol li{margin:0 0 20px 0;}

/* 방청견학 */
#sub_tour .call{font-size:135%; font-weight:bold; color:#cb5100; letter-spacing:-1px;}

/* 유용한사이트 */
#sub_site .site{overflow:hidden; width:738px; border:1px solid #ecdcb7; background:#fffaee url(/images/child/pages/bg_site.jpg) no-repeat 88% 92%;}
#sub_site.edu .site{padding:2.5em 0 0 0; background:#fffaee url(/images/child/pages/bg_edu.jpg) no-repeat right;}
#sub_site .site ul {float:left;}
#sub_site .site ul.detail1{padding:30px 0 0 50px;}
#sub_site .site ul.detail2{width:440px; padding:0 0 25px 50px}
#sub_site .site ul li{float:left; width:210px; padding:0 0 15px 8px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 8px;}

.photo li{padding: 0 0.8em 1.5em 0.8em;}
/**
768
**/
@media screen and (max-width:999px) {
	img{border:0; max-width:100%; vertical-align:middle;}

	/* 의장인사말 */
	#sub_greeting .picture{width:33%;}
	#sub_greeting .greeting{width:67%;}

	/* 유용한사이트 */
	#sub_site.edu .site,
	#sub_site .site{width:528px; background:#fffaee;}

	.photo li{padding: 0 0.4em 1.5em 0.4em;}
}

/**
768미만
**/
@media screen and (max-width:767px) {
	.tit_txt{font-size:120%;}
	.dot dt, .dot li{padding:0 0 3px 8px;}

	/* 의장인사말 */
	#sub_greeting .picture{width:30%; margin:0 0.5em 0.3em 0;}
	#sub_greeting .greeting{float:none; width:100%;}
	#sub_greeting .greeting .title{font-size:115%;}
	
	/* 의회연혁 */
	#sub_history .history li{padding:0 0 3px 7px;}
	#sub_history .history li strong{width:75px;}
	#sub_history .history li span{width:73%;}

	/* 의회에서하는일 */
	#sub_work ol{padding:1em 1em 0 1em;}

	/* 방청견학 */
	#sub_tour .call{font-size:120%;}

	#sub_site .site{width:99.6%;}
	#sub_site.edu .site{width:99.6%; padding:1em 0 0 0;}
	#sub_site .site ul.detail1{padding:1em 0 0 0.5em;}
	#sub_site .site ul.detail2{width:98%; padding:0 0 0.5em 0.5em;}
	#sub_site .site ul li{width:47%; padding:0 0 0.5em 9px; background-position:3px 8px;}
	
}