@charset "utf-8";

/* 의장인사말*/
#sub_greeting{float:left; width:100%;}
#sub_greeting .pic{float:left; width:190px;}
#sub_greeting .greeting{float:left; width:580px; font-size:105%; line-height:150%;}
#sub_greeting .greeting strong{display:block; font-weight:bold; font-size:170%; color:#2c8276; letter-spacing:-1px; line-height:130%;}
#sub_greeting .greeting strong.tit_txt2{margin:0 0 20px 0; color:#05a891; font-size:155%;}

#sub_greeting .name{clear:both; width:100%; padding:25px 0 0 0; font-size:110%; text-align:right; font-weight:bold;}
#sub_greeting .name strong{display:inline-block; padding:0 0 0 10px; font-size:160%; line-height:150%;}

/*의회연혁*/
#sub_history div{overflow:hidden; width:100%;}
#sub_history div.history1{padding:0 0 20px 0; background:url(/images/child/pages/dotted.gif) no-repeat left bottom;}
#sub_history div.history2{padding:20px 0 0 0;}
#sub_history div dt{float:left;}
#sub_history div dd{float:right; width:610px;}
#sub_history div dd ul li{line-height:30px;}
#sub_history div dd ul li strong{padding:0 35px 0 0;}

/*의회구성
#sub_org .org{position:relative; width:770px; height:430px; margin:0 0 10px 0; background:url(/images/child/pages/org_bg.gif) no-repeat 0 0;}
#sub_org .org li{position:absolute; line-height:0;}
#sub_org .org li span{display:block; width:150px; height:36px; color:#fff; text-align:center; font-weight:bold; font-size:110%; line-height:36px;}
#sub_org .org li.org1{top:37px; left:310px;}
#sub_org .org li.org2{top:51px; left:225px;}
#sub_org .org li.org3{top:82px; left:-450px;}
#sub_org .org li.org4{top:82px; left:0px;}
#sub_org .org li.org5{top:160px; left:-226px;}
#sub_org .org li.org6{top:55px; left:225px;}
#sub_org .org li.org7{top:55px; left:-224px;}
#sub_org .org li.org3 ul,
#sub_org .org li.org4 ul{position:absolute; top:42px; left:8px;}
#sub_org .org li.org3 ul li,
#sub_org .org li.org4 ul li{position:relative; line-height:150%;}
*/
#sub_org .org{max-width:730px; padding:3% 5%; margin:0 0 20px 0; text-align:center; border:2px solid #eaeaea; background:#fffef8;}
#sub_org div{padding:20px 0; background:url(/images/child/pages/dotted.gif) no-repeat left bottom;}
#sub_org div.dotted_none{background:none;}
#sub_org div h4{font-size:110%; margin:0 0 11px 0; padding:0 0 0 17px; background:url(/images/child/pages/bul1.gif) no-repeat left center;}
#sub_org div ul li{padding:0 0 8px 0;}
#sub_org div ul li *{display:inline-block; vertical-align:top; text-align:justify;}
#sub_org div ul li strong{width:35px;}
#sub_org div ul li span{width:730px;}

/*오시는길*/
#sub_location div.location0{background:url(/images/child/pages/dotted.gif) no-repeat left bottom;}
#sub_location div.location0 ul{padding:0 0 0 18px; background:url(/images/child/pages/bul2.gif) no-repeat left 4px;}
#sub_location div.location0 ul li{font-size:105%;}
#sub_location div.location{padding:20px 0;}
#sub_location div.location ul li{line-height:22px;}
#sub_location div.location h4{padding:0 0 10px 18px; font-size:110%; background:url(/images/child/pages/bul1.gif) no-repeat left 4px;}
#sub_location div.location table{width:100%;}
#sub_location div.location th{padding:7px 0; background:#fffbe6; border:1px solid #e2e2e2;}
#sub_location div.location td{padding:6px 0; text-align:center; border:1px solid #e2e2e2;}

/*의회에서 하는일*/
#sub_work div{padding:0 0 2em 0;}
#sub_work h4{font-size:135%; padding:0 0 10px 0;}
span.color1{color:#2c8276;}
span.color2{color:#05a891;}
#sub_work p{padding:0 0 5px 0;}
#sub_work ul{padding:5%; border:1px solid #e3e3e3; background:#fffef8;}
#sub_work ul li{padding:0 0 1em 0;}
#sub_work ul li ul{padding:0.5em 0 0 12px; border:none; background:none;}
#sub_work ul li ul li{padding:0 0 0.25em 0;}
#sub_work ul li ul.dash li{padding:0 0 0.25em 13px; background:url(/images/common/bullet/bul_dash.gif) no-repeat 3px 9px;}

/*방청견학안내*/
#sub_tour h4{font-size:135%; padding:0 0 10px 0;}
#sub_tour div{width:770px; background:url(/images/child/pages/tour_bg.gif) no-repeat left 15px;}
#sub_tour div div{width:710px; padding:45px 30px 30px 30px; background:none;}
#sub_tour h5{font-size:160%; padding:0 0 25px 0;}
#sub_tour ul{padding:0 0 0 20px;}
#sub_tour ul li{font-weight:bold; font-size:110%;}
#sub_tour ul li.red{color:#ef3d7f; padding:3px 0 13px 102px;}
#sub_tour ul li.end{padding:22px 0 0 0;}

/*유용한사이트*/
#sub_site h4{font-size:135%; padding:0 0 10px 0;}
#sub_site p{padding:0 0 10px 0;}
#sub_site div{width:770px; height:450px; background:url(/images/child/pages/site_bg.gif) no-repeat 0 0;}
#sub_site div ul{overflow:hidden; padding:30px 0 30px 60px;}
#sub_site div ul.site1{padding:30px 0 0 60px;}
#sub_site div ul.site2{width:480px; padding:0 0 0 60px;}
#sub_site div ul li{line-height:35px; padding:0 50px 0 6px; float:left; width:180px; background:url(/images/child/pages/site_dot.gif) no-repeat left center;}

#sub_gallery .photo li{padding:15px 14px 15px 15px;}

/**
768
**/
@media screen and (max-width:999px) {
	
	/* 의장인사말*/
	#sub_greeting .pic{width:30%;}
	#sub_greeting .pic img{max-width:85%;}
	#sub_greeting .greeting{width:70%;}
	#sub_greeting .greeting strong{padding:3px 0 0 0; font-size:155%;}
	#sub_greeting .greeting strong.tit_txt2{font-size:140%;}

	#sub_org div ul li span{width:93%;}
	
	#sub_history div dt{width:30%; padding:0 0 5px 0;}
	#sub_history div dd{float:left; width:70%;}
	#sub_history div dd ul li{padding:5px 0; line-height:125%;}
	#sub_history div dd ul li *{display:inline-block; vertical-align:top;}
	#sub_history div dd ul li strong{width:27%; padding:0;}
	#sub_history div dd ul li span{width:73%;}
	
	/*방청견학안내*/
	#sub_tour div{width:100%; background:none;}
	#sub_tour div div{width:89%; padding:5%; margin:3% 0 0 0; background:#fffef8; border:2px solid #eaeaea;}

	/*유용한사이트*/
	#sub_site div{width:94%; height:auto; padding:7% 0 5% 5%; background:#fffef8; border:2px solid #eaeaea;}
	#sub_site div ul{display:inline-block; overflow:auto; width:100%;}
	#sub_site div ul.site1{padding:0;}
	#sub_site div ul.site2{width:auto; padding:0;}
	#sub_site div ul li{width:48%; padding:0 0 0.9em 5px; line-height:120%; background-position:0 7px;}
	
}

/**
768미만
**/
@media screen and (max-width:767px) {

	#sub_org div ul li span{width:88%;}
	
	#sub_history div dt,
	#sub_history div dd{width:100%;}
	#sub_history div dd ul li{clear:both; width:98%; margin:0 auto;}
	#sub_history div dd ul li strong{max-width:110px; padding:0;}
}