@charset "utf-8";
/* 공통 */
.h3_butt{clear:both;font-size:27px;color:#009ced;line-height:40px;padding:0 0 10px 0}
.h4_butt{clear:both;font-size:19px;padding:15px 0 7px 0;color:#112445}
.text_type1{font-size:16px;color:#666;line-height:24px}

/* 인사말 */
#greeting .greeting_top{width:100%;height:333px;background:url(/pages/basic/img/sub/greeting_img.jpg) 90% top no-repeat}
#greeting .greeting_top h3{font-size:36px;font-weight:300;line-height:45px;letter-spacing:-.06em;color:#222;padding-top:40px}
#greeting .greeting_top h3 span{font-weight:400}
#greeting .greeting_top .position{font-size:18px;color:#1268b4;padding:50px 0 18px 0}
#greeting .greeting_con{font-size:16px;color:#666;line-height:1.9em;margin-top:40px}
#greeting .greeting_con ul li{float:left;width:calc(100% / 2 - 20px)}
#greeting .greeting_con ul li.left{margin-right:20px}


/* 오시는길 */
#location .location_map{width:100%;height:440px;background:#fff;border:1px solid #ddd}

/* 도당구성원 */
	/* 지도 */
#member_list .member_map_box{margin-bottom:30px}
#member_list .member_map_box .member_title_box{position:relative;width:100%;height:55px;line-height:53px;background:#283d4f;color:#fff;box-sizing:border-box;padding:0 0 0 20px}
#member_list .member_map_box .member_title_box .title{float:left;width:605px;background:url('/pages/basic/img/layout/member_title_box_arrowbg.png') right center no-repeat}
#member_list .member_map_box .member_title_box .title h3{float:left;font-size:20px}
#member_list .member_map_box .member_title_box .title span{float:left;padding-left:15px;font-size:15px}
#member_list .member_map_box .member_title_box .title span em{font-weight:500;color:#0da5ac}
#member_list .member_map_box .member_title_box > ul{position:absolute;top:0;right:0px;color:#fff}
#member_list .member_map_box .member_title_box > ul > li{display:inline}
#member_list .member_map_box .member_title_box > ul > li > a{color:#fff;font-size:17px;display:inline-block}
#member_list .member_map_box .member_title_box > ul > li > a.total{width:160px;background:url('/pages/basic/img/layout/member_title_box_arrowbg2.png') right center no-repeat;margin-right:20px;padding-right:10px}
#member_list .member_map_box .member_title_box > ul > li > a.area_select{width:130px;background:url('/pages/basic/img/layout/arrow_menu_category.png') right center no-repeat;padding-right:20px}
	/* 지역선택 */
	#member_list .area_select_wrap{position:absolute;top:55px;right:0px;z-index:10000}	
	#member_list .area_select_wrap ul{width:250px;background:#fff;overflow:hidden;box-sizing:border-box}
	#member_list .area_select_wrap ul li a{display:block;width:100%;font-size:16px;line-height:42px;box-sizing:border-box;padding-left:18px;border-bottom:1px dotted #a5b7c8;color:#fff;float:left;background:#6c8092}
	#member_list .area_select_wrap ul li:nth-child(2n) a{border-right:none !important}
	#member_list .area_select_wrap ul li a:hover{background:#efefef;color:#000}


			 .member_map_box .map{text-align:center;width:100%;height:436px;background:#f5f5f5;border:1px solid #ddd;box-sizing:border-box;margin-bottom:30px}
			 .member_map_box .list{float:left;padding:100px 0 20px 0}
			  .member_map_box .list ul{overflow-y:scroll;height:270px}
			 .member_map_box .list .list_tab{height:264px;overflow:hidden;overflow-y:scroll}
			 .member_map_box .list p{font-size:27px;font-weight:500;letter-spacing:-1px;margin-bottom:25px}
			 .member_map_box .list ul li a{border-bottom:1px solid #ddd;background:#fff;display:block;width:270px;height:45px;line-height:43px;color:#666;padding-left:20px;box-sizing:border-box;font-size:16px}
			 .member_map_box .list ul li a.on{background:#067ceb;color:#fff}				 
#member_list .mem{width:100%;overflow:hidden;padding:35px 0 45px 120px;box-sizing:border-box;border:1px solid #ddd;margin-bottom:40px}
			 .mem dl{float:left;position:relative;width:270px;box-sizing:border-box}
			 .mem dt{width:232px;height:232px;background:url(/pages/basic/img/sub/mem_profile_bg.png) center top no-repeat;margin:0 auto}
			 .mem dt p{width:224px;height:224px;border-radius:50%;overflow:hidden;margin:0 auto;position:relative;top:4px}
			 .mem dt img{width:110%;position:relative;top:-20px;left:-3%}
			 .mem dd.sns_list{position:absolute;right:0;top:240px}
		  	 .mem dd.sns_list a{display:block;float:left;width:32px;height:32px}

			 .mem dd.sns_list a.i_facebook{background:url('/pages/basic/img/layout/icon_facebook.png') 0 0 no-repeat;margin-right:6px}
			 .mem dd.sns_list a.i_blog{background:url('/pages/basic/img/layout/icon_blog.png') 0 0 no-repeat;margin-right:6px}
			 .mem dd.sns_list a.i_kakaostory{background:url('/pages/basic/img/layout/icon_kakao.png') 0 0 no-repeat;margin-right:6px}
			 .mem dd.sns_list a.i_youtube{background:url('/pages/basic/img/layout/header_sns_icon4.png') 0 0 no-repeat;margin-right:6px}
			 .mem dd.sns_list a.i_band{background:url('/pages/basic/img/layout/header_sns_icon5.png') 0 0 no-repeat;margin-right:6px}
			 .mem dd.sns_list a.i_tiwtter{background:url('/pages/basic/img/layout/icon_twitter.png') 0 0 no-repeat;margin-right:6px}
			 .mem dd.sns_list a.i_home{background:url('/pages/basic/img/layout/icon_home.png') 0 0 no-repeat;margin-right:6px}
			 .mem dd.sns_list a span{font-size:0}

			 .mem dd.profile{text-align:center;padding-top:50px}
			 .mem dd.profile .profile_wrap{position:relative}
			 .mem dd.profile .profile_wrap .info2{font-size:18px;color:#009ced;padding-top:4px;font-weight:500}
			 .mem dd.profile .birth{font-size:18px;line-height:26px;color:#666}
    		 .mem dd.profile .name{font-size:34px;line-height:40px;color:#222;padding:0 0 15px 0}
			 .mem dd.profile .info{font-size:18px;line-height:26px;color:#666}
			 .mem dd.profile .info2 a{font-size:18px;line-height:26px;color:#666;background:url('/pages/basic/img/sub/region_arrow_icon.png') right top no-repeat;display:inline-block;padding-right:35px}			 
			 .mem dd.profile .info2 a:hover{text-decoration:none;font-weight:500}
			 .mem .tel_fax{font-size:17px;line-height:24px;color:#666;padding-top:20px}			 
			 .mem .tel_fax .tel{padding-right:10px}
			 .mem .region_pop{position:absolute;top:144px;left:-20px}
			 .mem .region_pop ul{display:block;width:300px;border:1px solid #ccc;background:#f8f8f8;border-radius:3px;overflow:hidden;box-sizing:border-box}
			 .mem .region_pop ul li a{display:block;width:100%;line-height:42px;box-sizing:border-box;padding-left:18px;border-bottom:1px dotted #ccc;color:#333}
			 .mem .region_pop ul li a:hover{background:#fff;font-weight:500}
			 .profile_con{float:left;padding-left:120px;width:470px}
			 .profile_conbox h5{font-size:18px;font-weight:700;color:#1268b5;padding:10px 0 5px 0}
			 .profile_conbox p{font-size:17px;color:#666;line-height:23px}
			 
			 .profile_conbox ul li{font-size:17px;color:#666;line-height:30px}
			 
			 .count_info{font-size:17px;color:#666;line-height:23px;padding-bottom:25px}
			 .count_info strong{color:#00b5c5}


#member_list .area_intro_box{width:100%;float:left;margin:20px 0}
#member_list .area_intro_box ul li{width:33.33%;height:270px;border:1px solid #7a87a5;float:left;padding:105px 25px 0 25px;margin-left:-1px;box-sizing:border-box;text-align:center}
#member_list .area_intro_box ul li.intro1{background:url('/pages/basic/img/sub/area_ico1.png') center 20px no-repeat}
#member_list .area_intro_box ul li.intro2{background:url('/pages/basic/img/sub/area_ico2.png') center 20px no-repeat}
#member_list .area_intro_box ul li.intro3{background:url('/pages/basic/img/sub/area_ico3.png') center 20px no-repeat}
#member_list .area_intro_box ul li p.count{font-size:32px;line-height:35px;font-weight:200}
#member_list .area_intro_box ul li h3{color:#001850;font-size:20px;padding-bottom:10px;font-weight:500;letter-spacing:-1px}
#member_list .area_intro_box ul li p.count_detail{line-height:23px;font-size:16px;color:#666;margin-top:10px}




/* 도당구성원 > 광역의원 */
#member_list .mem2{width:18.8%;float:left;overflow:hidden;padding:20px 20px 45px 20px;box-sizing:border-box;border:1px solid #ddd;margin:0 10px 10px 0}
			 .mem2 dl{float:left;position:relative;box-sizing:border-box}
			 .mem2 dt{width:150px;height:150px;background:url(/pages/basic/img/sub/mem_profile_bg2.png) center top no-repeat;margin:0 auto}
			 .mem2 dt p{width:144px;height:144px;border-radius:50%;overflow:hidden;margin:0 auto;position:relative;top:4px}
			 .mem2 dt img{width:110%;position:relative;top:-20px;left:-3%}
			 .mem2 dd.name{font-size:24px;color:#000;text-align:center;padding:15px 0 0 0;font-weight:500}
			 .mem2 dd.region{font-size:17px;color:#666;text-align:center;padding:10px 0 0 0}
	
.page_ready{text-align:center;margin:0 auto;width:100%;height:400px;background:url(/pages/basic/img/sub/page_ready.gif) center top no-repeat}

/* 회계지침 */
.head_html{background:#d7e4ea;border:1px solid #a6c1cc;font-size:16px;line-height:25px;padding:30px;color:#254959;font-weight:300;margin-bottom:15px}

/* 소셜로그인 */
.social_wrap h3{color:#555;text-align:center;font-size:28px;font-weight:300;padding:40px 0 20px 0}
    .social_wrap{width:760px;margin:0px auto;padding-bottom:30px}
    .social_wrap h1{font-size:20px; font-weight:bold; text-align:center}
    .social_wrap .social_icon ul li{margin-top:20px; text-align:center}
    .social_wrap .social_icon ul li a{display:block;margin:0 10px;cursor: pointer;float: left;border: 1px solid #ddd;box-sizing: border-box;padding:40px 20px 60px 20px;width: 170px;box-sizing:border-box}
	.social_wrap .social_icon ul li a span{display:block;text-align:center;font-size:19px;color:#666;padding-top:25px}
	.social_wrap .social_icon ul li a img{width:65px}

/* 사이트맵 */
	#sitemap > ul > li{border:1px solid #ddd;padding:35px;box-sizing:border-box;float:left;width:32.5%;margin-right:10px;margin-bottom:10px;height:330px}
	#sitemap > ul > li:hover{border:2px solid #009beb}
	#sitemap > ul > li h4{font-size:22px;padding:0 0 20px}
	#sitemap > ul > li:nth-child(3n){margin-right:0}
	#sitemap > ul > li ul li a{font-size:17px;line-height:33px;font-weight:300}
	#sitemap ul li a{color:#333}
	#sitemap ul li a:hover{color:#009beb;font-weight:600}

/****** Mobile ******/
@media screen and (max-width:690px){

/* 공통 */
.h3_butt{font-size:23px}
/* 인사말 */
#greeting .greeting_top{height:auto}
#greeting .greeting_top h3{font-size:30px;line-height:35px;padding-top:380px;text-align:center}
#greeting .greeting_top{background-position:center top}
#greeting .greeting_top .position{padding-top:20px;text-align:center}
#greeting .greeting_top .sign{text-align:center}
#greeting .greeting_con ul li.left{margin-right:0}
#greeting .greeting_con ul li{width:100%}

/* 조직도 */
#organization img{width:100%}

/* 오시는길 */
#location{width:100%}

/* 도당구성원 */

.mem dl{width:100%}
#member_list .mem{padding:35px 0 45px 0px}
.mem dd.sns_list{right:20px}
.member_map_box .map{display:none}
.profile_con{float:none;padding:0 20px;box-sizing:border-box;width:auto}
.profile_conbox{text-align:center;float:none}
.profile_conbox h5{font-size:17px;padding:20px 0 5px 0}
.profile_conbox{clear:both}
#member_list .member_map_box{height:auto}
.mem dd.profile .profile_wrap{border-bottom:1px dotted #ddd;padding-bottom:25px}
.member_map_box .list{padding:20px 25px 20px 25px;float:none;text-align:center;margin:0 auto}
.member_map_box .list ul li a{width:100%}
.member_map_box .list p{font-size:19px;margin-bottom:13px}
#member_list .area_intro_box ul li{width:100%;height:auto;margin-top:-1px;background-position:20px center !important;padding:20px 25px 25px 110px;text-align:left}
#member_list .area_intro_box ul li h3{font-size:16px;padding-bottom:0}
#member_list .area_intro_box ul li p.count{font-size:22px;line-height:28px}
#member_list .area_intro_box ul li p.count_detail{font-size:15px}

	/* 지역선택 */
	#member_list .member_map_box .member_title_box{height:108px;padding:0 0 0 0px;margin-bottom:20px}
	#member_list .member_map_box .member_title_box .title{width:100%;padding-left:20px;background:none;border-bottom:1px solid #4c5d6c;box-sizing:border-box}
	#member_list .member_map_box .member_title_box .title h3{font-size:18px}
	#member_list .member_map_box .member_title_box .title span{font-size:13px;display:none}
	#member_list .member_map_box .member_title_box > ul{top:54px;float:left}
	#member_list .member_map_box .member_title_box > ul > li > a{padding:0 8px 0 20px !important;font-size:15px}
	#member_list .member_map_box .member_title_box > ul > li > a.total{width:102px;margin-right:0}
	#member_list .member_map_box .member_title_box > ul > li > a.area_select{width:110px;padding-right:30px}
	#member_list .area_select_wrap{top:54px}

/* 도당구성원 > 광역의원 */
#member_list .mem2{width:100%;padding:20px}
.mem2 dl{float:none}

.page_ready{background-size:cover;height:200px}

/* 소셜로그인 */
.social_wrap{width:100%}
.social_wrap .social_icon ul li a{width:100%;padding:20px;float:none}
.social_wrap .social_icon ul li a img{width:40px}
.social_wrap .social_icon ul li a span{display:inline-block;padding:5px 0 0 10px}


/* 사이트맵 */
	#sitemap > ul > li{width:100%;height:auto}

}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
/* 인사말 */
#greeting .greeting_top{height:auto}
#greeting .greeting_top h3{font-size:30px;line-height:35px;padding-top:380px;text-align:center}
#greeting .greeting_top{background-position:center top}
#greeting .greeting_top .position{padding-top:20px;text-align:center}
#greeting .greeting_top .sign{text-align:center}
#greeting .greeting_con ul li.left{margin-right:0}
#greeting .greeting_con ul li{width:100%}

/* 조직도 */
#organization img{width:100%}


/* 도당구성원 */
.mem dl{width:100%}
#member_list .mem{padding:35px 0 45px 0px}
.mem dd.sns_list{right:20px}
.profile_con{padding:0px 20px;box-sizing:border-box;width:auto;text-align:center;float:none}
.profile_conbox{clear:both}
.profile_conbox h5{font-size:17px;padding:20px 0 5px 0}
#member_list .member_map_box{height:auto;text-align:center}
.mem dd.profile .profile_wrap{border-bottom:1px dotted #ddd;padding-bottom:25px}
.member_map_box .list{overflow:hidden;padding:30px 25px 20px 25px;float:none;text-align:center;margin:0 auto}
.member_map_box .list ul li a{width:100%}
.member_map_box .list p{font-size:22px;margin-bottom:13px}
.member_map_box .map{float:none}
	
	/* 지역선택 */
	#member_list .member_map_box .member_title_box{height:108px;padding:0 0 0 0px}
	#member_list .member_map_box .member_title_box .title{width:100%;padding-left:20px;background:none;border-bottom:1px solid #4c5d6c;box-sizing:border-box}
	#member_list .member_map_box .member_title_box > ul{top:54px;float:left}
	#member_list .member_map_box .member_title_box > ul > li > a{padding-left:20px}
	#member_list .area_select_wrap{top:54px}

/* 도당구성원 > 광역의원 */
#member_list .mem2{width:48.3%;padding:20px}
.mem2 dl{float:none}
/* 소셜로그인 */
.social_wrap{width:100%}
.social_wrap .social_icon ul li a{width:100%;padding:20px;float:none}
.social_wrap .social_icon ul li a img{width:40px}
.social_wrap .social_icon ul li a span{display:inline-block;padding:5px 0 0 10px}

/* 사이트맵 */
	#sitemap > ul > li{width:32%}

}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1250px) {
/* 조직도 */
#organization img{width:100%}

/* 도당구성원 */


#member_list .mem{padding:35px 0 45px 0px}
.mem dd.sns_list{right:20px}

.mem dd.profile .profile_wrap{border-bottom:1px dotted #ddd;padding-bottom:25px}
.member_map_box .list{overflow:hidden;padding:30px 25px 20px 25px;float:none;text-align:center;margin:0 auto}
.member_map_box .list ul li a{width:100%}
.member_map_box .list p{font-size:22px;margin-bottom:13px}
.member_map_box .map{float:none}

/* 도당구성원 > 광역의원 */
#member_list .mem2{width:32.1%;padding:20px}
.mem2 dl{float:none}


}


/****** Desktop Wide Device ******/
@media screen and (min-width:1250px) and (max-width:1550px){
/* 조직도 */
#organization img{width:100%}

/* 도당구성원 */

/* .mem dl{width:165px} */
#member_list .mem2{padding:20px 10px 45px 10px}
.member_map_box .list p{font-size:20px}
.member_map_box .list ul li a{width:200px}

#member_list .mem{padding:35px 0 45px 35px}
.profile_con{padding-left:100px}
}