#middle {
	position:relative;
	overflow:hidden;
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*왼쪽메뉴추가로 인한 css 3단 포함*/
@media only screen and (min-width: 1200px) {/*min-width: 1440px*/	
.row-body,.users-page.row-page {width:1200px;}
}
.row-body,.users-page.row-page {max-width:1200px;}
.sns_left_aside {width:16%;float:left;max-width:200px;margin-top:25px;min-height:300px;margin-left:10px;}
.aside_left_w_box {background:#fff;margin-top:1px;margin-bottom:10px;padding-bottom:10px;}
.row-body .nine,.users-page.row-page .nine{width:58%;max-width:690px;padding-top:25px;}
.row-body .three.columns,.users-page.row-page .three.columns{float:left;}
.row-body .three,.users-page.row-page .three{width:23.7%;padding-top:25px;}
.sidebar-inner.left_user_info{padding:10px 10px 20px;}
.row-body .full_over_h_div .twelve {width:83.7%;float:left;border-left:1px solid #d5d8e1;padding-top:25px;max-width:975px;}
.cover-container {padding:0px 10px 10px 20px;}

.sidebar-header{font-family:Arial,"Nanum Gothic","Gulim","Dotum";}
.sidebar-content .sidebar-header,.sidebar-content .sidebar-header a {color:#45577b;}


a.m_group_menu_btn {height:11px;height:31px;float:left;background:#fff;cursor: pointer;border-right:1px solid #ececec;}
a.m_group_menu_btn span{padding:10px;background:url('images/icons/icon_m_group_menu.png') no-repeat 10px 10px;width:22px;height:11px;display:block;float:left;text-indent: -9999px;}
a.m_group_menu_btn.active span{background-position: 10px -2px;}
a.m_group_menu_btn.active {background:#49597d;}
.m_group_div {width:100%;border-bottom:2px solid #49597d;float:left;background:#fff;}
.m_group_menu ul{margin:0px;padding:0px;display:none;}
.m_group_menu ul li{margin:0px;padding:0px 0px 0px 0px;list-style:none;background:#78849e;border-bottom:1px solid #939da9;}
.m_group_menu ul li a{color:#fff;text-decoration: none;line-height:40px;height:40px;padding-left:10px;display:block;font-family:"Nanum Gothic","Gulim","Dotum";}
.m_group_menu ul li.menu_col_1 {background:#f5f6fa;border-bottom:1px solid #d3d8e3;}
.m_group_menu ul li.menu_col_1 a{color:#303030;}
.m_group_menu ul li.menu_col_3 {background:#919db9;border-bottom:1px solid #bbc1cf;}
.m_group_menu ul li img{display:block;float:left;margin-right:6px;margin-top:8px;}
.m_group_menu ul li img.img_top_1{margin-top:11px;}
.m_group_menu ul li img.new_img {float:none;display:inline;margin:-1px 0px 0px 5px;}


.m_select_g_name {float:left;margin-left:10px;height:31px;line-height:27px;font-family:"Nanum Gothic","Gulim","Dotum";font-size:13px;font-weight:bold;color:#45577b;}
.m_group_menu {display:none;}
.m_group_menu .drop > a{border-color:#555555;background: url("/images/maneuver/white/navi_plus.png") no-repeat 93% 17px;}
.m_group_menu .drop ul{display:none;}
.m_group_menu .drop ul a{padding-left:50px;}
.m_group_menu .drop .icon_group{border-top:1px solid #616d87;border-bottom:0px}
.m_group_menu .drop.active ul{display:block;}
.m_group_menu .drop.active,.m_group_menu .drop.active .icon_group{background:#404c66;}
.m_group_menu .drop.active > a{background-position:93% -44px;}
.widget-online-users .sidebar-header > a {display:block;text-decoration: none;}
.more_plus_go_btn {background:url('images/icons/icon_more_plus.png') no-repeat 0px -14px;width:13px;height:13px;display:block;float:right;}
.birthday_h a:hover .more_plus_go_btn,.widget-online-users a:hover .more_plus_go_btn {background-position:0px 0px;}
#global_page_url strong {float:left;padding-bottom:5px;}
#global_page_url .more_plus_go_btn{float:left;margin-left:5px;margin-top:2px;}
.notifi_bottom_div {padding:8px 5px 6px;}
.notifi_bottom_div a{color:#d42840;}
.message-container .chat-username > a{color:#777} 

/*왼쪽 메뉴 css*/
.aside_menu_1 {font-family:Arial, "Nanum Gothic","Gulim","Dotum"}
.aside_menu_1 ul{margin:0px;padding:10px 10px 10px 10px;font-size:13px;letter-spacing: -1px;}
.aside_menu_1 ul li{list-style: none;display:block;margin:0px;padding:0px 0px 0px 5px;}
.aside_menu_1 ul li a{padding:3px 0px 3px 20px;display:block;text-decoration: none;color:#333;}
.aside_menu_1 ul li a:hover{text-decoration: underline;}
.aside_menu_1 ul li.active{background-color:#ced2dd;font-weight:bold;}
.aside_menu_1 ul li.active a{color:#45577b;}
.aside_menu_1 ul li.menu_feed a{background:url('images/icons/icon_newsfeed.png') 0px 5px no-repeat;}
.aside_menu_1 ul li.menu_msg a{background:url('images/icons/icon_message_2.png') 0px 6px no-repeat;}
.aside_menu_1 ul li.menu_photo a{background:url('images/icons/icon_photo_view.png') 0px 5px no-repeat;}


.group_user_tab ul{margin:0px;padding:10px 0px 10px 10px;font-size:12px;}
.group_user_tab ul li{list-style: none;display:block;margin:0px;padding:0px 0px 0px 5px;}
.group_user_tab ul li a{padding:3px 0px 3px 20px;display:block;}
.group_user_tab ul li.active{background-color:#ced2dd;font-weight:bold;}
.group_user_tab ul li.active a{color:#45577b;}
.group_user_tab ul li.icon_group a{background:url('images/icons/icon_group.png') 0px 3px no-repeat;}


.aside_menu_1 ul li.icon_group a{background:url('images/icons/icon_group.png') 0px 6px no-repeat;color:#d42840;}

.full_over_h_div {width:100%;overflow:hidden;position:relative;}
.last-message_date {display:none;}

.topbar .header {margin:33px 0px;}
.topbar {position:relative;margin-bottom:0px;padding:10px 0px 10px;margin-top:-30px;z-index: 9;width:100%;height:67px;border-bottom:1px solid #fff;}/*border-bottom:1px solid #d5d8e1;*/
.topbar > div.after_dox {z-index:10;position:relative;}
.topbar_bg_img1, .topbar_bg_img2{position:absolute;width:100%;height:100%;margin-top:-10px;}
.topbar_bg_img1{background:url("images/hdbook_header_01.jpg") center ; }
.topbar_bg_img2{background:url("images/hdbook_header_02.jpg") center ; }
@media only screen and (min-width: 1800px) {
	.topbar_bg_img1, .topbar_bg_img2{background-size : 100% 58px;-webkit-background-size:100% 58px}
} 

.menu_btn {height:35px;}
.menu_btn img{margin-top:10px;}
.menu {height:35px;}
.menu_img {margin-top:4px}
.menu_name{margin-top:9px;}
a.more{float:right;}
.search-input {margin-left:20px;}

.real_name_txt {display:none;}

.sns_group_txt_box {padding:1px 2px;background:#6599ff;color:#fff;font-size:11px;margin-right:3px;}

/* ---------------------------------------------- Navigation Color */

#navigation > li > a {color:#767676;}

#navigation > li:hover > a,
#navigation > li > a:hover,
#navigation > li.drop.current_page_item > a:hover,
#navigation > li.drop.current_page_item:hover > a,
#navigation ul li.current_page_item > a,
#navigation ul li a:hover,
#navigation > li.drop > a:hover,
#navigation ul li:hover > a {color:#333;}

#navigation ul li a {color:#b3b3b3;}

#navigation > li.current_page_item > a,
#navigation > li > a:hover {color:#000000;}

/*#navigation > li.drop > a:hover{background:#fff;}*/

#navigation > li.drop:hover > a{}
#navigation ul li{border-bottom:0px;}/*테두리 제거 div 로 처리*/
#navigation ul li.first{border-top:1px solid #f1f1f1;}
.header_inner {
	position:relative;
	overflow:hidden;
	border-top:1px solid #454342;
	border-top:1px solid rgba(255, 255, 255, .1);
}

.social_list {
	display:none;
	float:right;
	margin:5px 0;
	opacity:0;
	filter:alpha(opacity=0);
}

.social_list img {
	width:26px;
	height:26px;
}

.social_list a img {
	opacity:.2;
	filter:alpha(opacity=20);
    -webkit-transition:opacity .2s ease-out;
    -moz-transition:opacity .2s ease-out;
    -ms-transition:opacity .2s ease-out;
    -o-transition:opacity .2s ease-out;
    transition:opacity .2s ease-out;
}

.social_list a:hover img {
	opacity:1;
	filter:alpha(opacity=100);
}

.social_list li {
	float:left;
	margin:0;
	padding:0 0 0 9px;
	list-style:none;
}

.social_button {
	position:relative;
	float:right;
	margin:9px 5px 11px 15px;
	padding-right:30px;
	text-transform:uppercase;
	font-size:10px;
}

/* ---------- Navigation ---------- */



.resp_navigation {display:none;}

#navigation, 
#navigation ul {
	margin:0;
	padding:0;
}

#navigation:after {clear:both;}

#navigation {
	z-index:202;
	display:block;
	zoom:1;
}

#navigation li {
	position:relative;
	list-style:none;
}

#navigation a {
	z-index:204;
	/*text-transform:uppercase;*/
}

#navigation > li > a {
	display:block;
	margin-right:9px;
	padding:9px 11px 6px;
	text-align:center;
	-webkit-transition:background-color .2s ease-in-out, color .2s ease-in-out;
	-moz-transition:background-color .2s ease-in-out, color .2s ease-in-out;
	-ms-transition:background-color .2s ease-in-out, color .2s ease-in-out;
	-o-transition:background-color .2s ease-in-out, color .2s ease-in-out;
	transition:background-color .2s ease-in-out, color .2s ease-in-out;
}


#navigation > li.current_page_item > a,
#navigation > li > a:hover,
#navigation > li.current_page_item + li,
#navigation > li:hover + li {background-image:none;}

#navigation > li {float:left;}

#navigation > li:first-child {background-image:none;}

#navigation ul {
	position:absolute;
	z-index:9998;
	visibility:hidden;
	margin:20px 0 0 0;
	padding:0px 0;
	/*display:none; 메뉴스크롤 제거 시 필요 */
	-webkit-box-shadow:1px 3px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:1px 3px 2px rgba(0, 0, 0, 0.6);
	box-shadow:1px 3px 2px rgba(0, 0, 0, 0.6);
	opacity:0;
	-webkit-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-ms-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out, margin .2s ease-in-out;
	transition:opacity .2s ease-in-out, margin .2s ease-in-out;
}


#navigation li:hover > ul {
	visibility:visible;
	/*display:block; 메뉴스크롤 제거 시 필요*/
	margin:0;
	opacity:1;
}

#navigation ul ul {
	top:-9px;
	left:130px;
	z-index:9999;
	margin:0 0 0 20px;
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
	box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
}

#navigation ul li {
	display:block;
	float:none;
	margin:0;
}

ul#navigation ul li a {
	display:block;
	float:none;
	padding:7px 10px;
	white-space: nowrap;/*자동줄바꿈 안되게*/
	min-width: 80px;
	-webkit-transition:background-color .2s ease-in-out;
	-moz-transition:background-color .2s ease-in-out;
	-ms-transition:background-color .2s ease-in-out;
	-o-transition:background-color .2s ease-in-out;
	transition:background-color .2s ease-in-out;
}

#navigation ul li.drop > a span {
	display:block;
	padding-right:12px;
	background:url(/images/maneuver/white/navi_plus.png) no-repeat 100% 5px;
}




.cate_pj_sort .p_options_block ul li a{font-family:Arial,"Nanum Gothic","Gulim","Dotum";font-size:13px;letter-spacing: -1px;}
ul#navigation li a{font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important;text-decoration:none;font-size:16px;letter-spacing: -0.5px;}
#navigation ul li a {font-size:12px;}



#mainBannerScrollable {position:relative;overflow:hidden;width: 340px;margin:21px 10px 0px 0px;height:90px;float:right;}
#mainBannerScrollable .items{width:20000em;position:absolute;}
#mainBannerScrollable .item {width:340px;text-align:right;float:left;}
#mainBannerScrollable .item span {font-family:Arial,"Nanum Gothic","Gulim","Dotum";}
#mainBannerScrollable .item span.ca_title{color:#669FDA;}
#subBannerScrollable {position:relative;overflow:hidden;width: 340px;margin:21px 10px 0px 0px;height:90px;float:right;}
#subBannerScrollable .items{width:20000em;position:absolute;}
#subBannerScrollable .item {width:340px;text-align:right;float:left;}
#subBannerScrollable .item img{display:inline;}
#subBannerScrollable .item span {font-family:Arial,"Nanum Gothic","Gulim","Dotum";}
#subBannerScrollable .item span.ca_title{color:#669FDA;}

#bbs119 {position:absolute;margin-top:-20px;float:right;width:100%;margin-bottom: 0px;}
#scrollable119 {position:relative;overflow:hidden;width: 250px;margin:0px 10px 0px 0px;height:18px;float:right;}
#scrollable119 .items{height:20000em;position:absolute;}
#scrollable119 .item {width:250px;text-align:right;}
#scrollable119 .item span {font-family:Arial,"Nanum Gothic","Gulim","Dotum";}
#scrollable119 .item span.ca_title{color:#669FDA;}


#bbsBrodSermon {position:absolute;margin-top:-50px;right:110px;float:right;width:100%;margin-bottom: 0px;}
img#bbsBrodSermonImg {position:absolute;margin-top:21px;float:right;right:0px;margin-bottom: 0px;}
#scrollableSermon {position:relative;overflow:hidden;width: 320px;margin:0px 10px 0px 0px;height:36px;float:right;}
#scrollableSermon .items{height:20000em;position:absolute;}
#scrollableSermon .item {width:320px;text-align:right;line-height:normal;font-size:12px;}
#scrollableSermon .item span {font-family:Arial,"Nanum Gothic","Gulim","Dotum";}
#scrollableSermon .item span.reg_date{display:inline-block;float:none;background:#000;color:#fff;padding:0px 2px;}
#scrollableSermon .item span.ca_title{color:#669FDA;line-height:22px;}

#scrollableSermon .item a{display:block;float:none;text-decoration: none;}

.header_inner2{padding:25px 10px 25px 20px;height:25px;background:#fff;margin-bottom:10px;border-bottom:1px solid #e2e2e2;}
.header_inner2 .logo{margin:0px;height:25px;padding-right:20px;border-right:2px solid #d42840;line-height:25px;font-family:Arial,"Nanum Gothic","Gulim","Dotum" ;font-size:25px;color:#000;letter-spacing: -1px;}
.header_inner2 .cate_pj_sort{margin:0px 20px;max-width:500px;position: absolute;}

a.logo_top img{float:left;margin-right:20px;}
a.logo_top img.logo_text{margin-right:0px;}
.sl_pagination{clear:none;}
.cate_pj_sort {float:left;font-family:Arial,"Nanum Gothic","Gulim","Dotum";}
ul#navigation li a{color:#fff;padding-top:40px;padding-bottom:44px;}
ul#navigation > li > a{font-weight:bold;}
ul.p_filter li .fcategory_list {display:none;z-index:999;margin:0px;position: absolute;width:130px;border-top:2px solid #fff;}/*position: absolute;display:none;*/
ul.p_filter li .fcategory_list li {float:none;text-align:left;position: relative;z-index:9999;}
#list.header_inner2 {margin-bottom:40px;}

#list_info.header_inner2 {margin-bottom:0px;}

.header_menu2{display:block;height:4px;background:#D42840;width:100%;}
.story_misw2 {display:none;}



.header_line nav.header_nav{width:980px;}
#navigation > li{width:12.5%;line-height:25px;}
ul#navigation > li a{padding-top:5px;padding-bottom:5px;padding-left:1px;padding-right:1px;}
#navigation > li > a {margin-right:0px;}
#main_p .header_line_logo{padding:0px 0px 40px 0px;}
#main_p .header_line_logo .r_btn_div{padding:50px 0px 40px 0px;}
.shanhai_btn {float:right;margin-right:5px;padding:1px 3px;background:#864ca6;}
.motto_btn {float:right;margin-right:20px;padding:1px 3px;background:#e3531b;}
.shanhai_btn span,.motto_btn span{color:#fff;font-family:Arial;}
#main_top_ready_txt{padding-left:20px;color:#999;float:left;margin-right:5px;}

#navigation a:hover{text-decoration: none;}
.header_line .header_nav {padding-left:20px;}

/*head_style_a*/

#page_ment {margin-top:5px;padding-left:9px;font-size:11px;}
#page_title_div {float:left;margin-top:7px;}
#page_title_div .page_l_bar {width:4px;height:19px;background:#ffc30e;float:left;position:absolute;margin-top:1px;}
.header_line_top_bar {clear:left;width:100%;background:#f1f1f1;height:1px;}

#main_p.cmsms_white .head_style_a .header_line{display:block;}
.head_style_a .header_line_home{border-bottom:1px solid #e2e2e2;}
.head_style_a .header_line,.head_style_a .header_line nav.header_nav{width:auto;}
.head_style_a .header_line_top_bar{width:0px;height:0px;clear:none;}
.head_style_a #navigation > li > a{border-top:4px solid #FFFFFF}
.head_style_a #navigation > li a{padding-top:40px;padding-bottom:24px;padding-left:15px;padding-right:15px;}
.head_style_a #navigation ul li a {padding:7px 10px;}
.head_style_a #navigation ul li.first{border-top:0px;}
.head_style_a .header_line .header_nav{padding-left:0px;}
.head_style_a #navigation > li{width:auto;}
.head_style_a #navigation > li,.head_style_a .header_line{background:none;}
.head_style_a ul#navigation li a{color:#555;}
#main_p .head_style_a .header_line_logo,#main_p .head_style_none .header_line_logo {padding:0px;}
.head_style_a ul#navigation li a {font-weight:bold;font-size:15px;}
.head_style_a ul#navigation li ul li a{font-size:12px;}

.cont_nav {border-left:1px solid #fff;border-top:1px solid #fff;}
.headline {border-left:1px solid #fff;}

.menu_bar {background:#fff;height:1px;width:100%;position:absolute;bottom:0px;opacity:0.6;filter:alpha(opacity=60);}
#navigation ul li {border-bottom:0px;}/*테두리 제거 div 로 처리*/

.cmsms_white#main_p .header_line{display:none;}
.cmsms_white#main_p .menu_default .header_line{display:block;}

.middle_inner {
	margin:30px 0 35px 20px;
	width:980px;
}
/*메인*/
#fb_facepile_div {float:right;}/*페이스북 프로파일*/
@media only screen and (max-width: 1285px) {
	.head_style_a.header_line{clear:both;}
	.head_style_a .header_line_top_bar {clear:left;width:100%;background:#f1f1f1;height:1px;}
	.head_style_a #navigation > li a{padding-top:20px;padding-bottom:15px;}
	.head_style_a .header_line .header_nav{padding-left:20px;}
}
	
@media only screen and (min-width: 1260px) {
	.header_line nav.header_nav{width:1200px;}
	.middle_inner {width:1200px;}
}

@media only screen and (max-width: 1023px) {
	.middle_inner {
		margin:30px 2% 35px;
		width:96%;
	}
	.header_line nav.header_nav{width:96%;}
}

@media only screen and (max-width: 1205px) {
	.header_line{clear:both;}
}

@media screen and (max-width:680px)
{
	#fb_facepile_div {display:none;}
}

@media only screen and (max-width: 790px) {
	.resp_navigation.active {
		background-image:url('/images/icon_group_menu.png');
		border-left:1px solid #424242 !important;
		border-right:1px solid #424242  !important;
		border-bottom:1px solid #424242 !important;
		background-color:#424242 !important;
		background-position:6px 10px;
	}
	
	.header_menu2{display:block;height:3px;background:#D42840;width:100%;}
	.topbar_bg_img1,.topbar_bg_img2{margin-top:-10px;}
	.story_misw2 {display:block;}
	.story_misw2 a:hover,.story_misw2 a{color:#fff;}
	.story_misw2 .storytree_btn{background:none;padding:0px;}
	.story_misw2 div.dev_bar{line-height:30px;height:30px;}
	.story_misw2 .family_btn {margin-left:20px;}
	
	
	.cate_pj_sort {float:left;}
	.sl_pagination {padding-top:10px;}
	
	
	.resp_navigation  {
		position:relative;
		display:block;
		margin:0;
		width:36px;
		background:#000000 url(/images/icon_group_menu.png) no-repeat;
	}
	
	
	.cmsms_reset {clear:both;}
	
	.pj_sort {
		padding:8px 15px;
		min-height:22px;
	}
	
	.project_navi {
		display:block;
		padding:8px 20px;
	}
	
	.pj_sort,
	.project_navi {
		display:block;
		float:none;
		overflow:hidden;
		margin:0;
		border-top:1px solid #000000;
		background-color:#222222;
	}
	
	.header_line {overflow:hidden;}
	
	#header nav {
		float:none;
		overflow:hidden;
		padding:0;
		width:100%;
		background-color:#ffffff;
	}
	
	#navigation {
		position:relative;
		display:none;
		overflow:hidden;
		margin:0;
	}

	#navigation li {
		display:block;
		float:none;
		overflow:hidden;
		background:none;
	}
	
	#navigation li > a {
		display:block;
		margin:0;
		border-top:1px solid #e8e8e8;
		text-align:left;
	}
	
	ul#navigation > li > a, 
	ul#navigation ul li a {
		padding:9px 15px 10px 30px;
	}
	
	ul#navigation ul li a {
		margin:0;
		width:auto;
	}
	
	ul#navigation ul ul li a {padding-left:70px;}
	
	ul#navigation ul li a {padding-left:50px;}
	
	ul#navigation ul, 
	ul#navigation ul ul, 
	ul#navigation > li > ul {
		position:relative;
		top:auto;
		left:auto;
		display:none;
		visibility:visible;
		margin:0;
		padding:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		opacity:1;
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		transition:none;
	}
	
	ul#navigation ul li {padding:0;}
	
	ul#navigation li.drop > a > span {
		display:block;
		background:url(/images/maneuver/white/navi_plus.png) no-repeat 100% 6px;
	}
	
	ul#navigation li.drop > a.drop_active > span {background-position:100% -54px;}
	
	.pj_sort, 
	.project_navi {background-color:#ffffff;}
	
	
	
	.resp_navigation {
		border-right:1px solid #ececec;
		border-left:1px solid #ececec;
		background-color:#ffffff;
		background-position:50% 10px;
	}

	
	
	#header nav {background-color:#424242;}
	
	#navigation li > a {border-color:#555555;}
	
	#navigation li.drop > a span {background-image:url(/images/maneuver/white/navi_plus.png);}
	
	#navigation ul,
	#navigation ul ul	{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	
	.topbar {margin-top:-15px;padding:10px 0px 10px;}
	
	
	.topbar .header {margin:20px 0px;}
	
}


@media screen and (max-width:790px)
{
	.header_line_top_bar {display:none;}
	.header_line{clear:both;float:none;}
	ul#navigation > li a{padding-top:9px;padding-bottom:10px;}
	#navigation li > a{border-top:1px solid #555}
	#navigation > li:hover > a ,#navigation > li > a:hover{border-top:1px solid #5c5c5c}
	#navigation > li.current_page_item > a,
	#navigation li a:hover,
	#navigation > li.drop > a:hover,
	#navigation > li.drop:hover > a {background-color:#5c5c5c;}
	ul#navigation li a,
	#navigation > li:hover > a,
	#navigation > li > a:hover,
	#navigation > li.drop.current_page_item > a:hover,
	#navigation > li.drop.current_page_item:hover > a,
	#navigation ul li.current_page_item > a,
	#navigation ul li a:hover,
	#navigation > li.drop > a:hover,
	#navigation ul li:hover > a {color:#fff;}
	#navigation ul{border-top:0px;}
	#navigation ul li{border-bottom:1px solid #555;border-top:0px;}
	#navigation ul li > a,
	#navigation ul li.current_page_item > a, #navigation ul li a:hover, #navigation ul li:hover > a{background:#5c5c5c;}
	
	#navigation > li.current_page_item > a {border-color:#555;}
	#navigation > li{width:100%;}
	
	#navigation li ul li{border-bottom:1px solid #555;}
	
	#navigation ul li.first{border-top:0px;}
	.head_style_a #navigation > li a {padding-top:10px;padding-bottom:9px}
	.cmsms_white .head_style_a .header_line .header_nav{padding-left:0px;}
	.head_style_a #navigation ul li a {padding:9px 15px 10px 30px;}
	.cmsms_white .head_style_a ul#navigation li a {font-size:14px;}
	
	.head_style_a #navigation ul ul li a {padding-left:60px;}
	.head_style_a #navigation ul ul ul li a {padding-left:90px;}
	.head_style_a #navigation ul ul ul ul li a {padding-left:110px;}
	.cmsms_white#main_p .header_line{display:block;}
}


@media screen and (max-width:717px)/*579px 766px*/
{
	#bbsBrodSermon,#bbsBrodSermonImg {display:none;}/*,#mainBannerScrollable*/
}


@media screen and (max-width:479px)
{
	
	.home_box .clearfix p.text {font-size:13px;}
	.dark_blue .clearfix p span.dark_blue_cc {font-size:13px;}
	
	.story_misw2 {display:block;}
	.story_misw2 a:hover,.story_misw2 a{color:#fff;}
	.storytree_btn{background:none;padding:0px;}
	.story_misw2 div.dev_bar{line-height:30px;height:30px;}
	#header .story_misw2 div.dev_bar{color:#de7080;}
	
	.family_btn {margin-left:20px;float:left;}
	
	.m_text_s{display:none;}
	.m_text_s2{display:inline;}
	.m_text_m{display:none;}
	.m_text_l{display:none;}
	.m_text_l2{display:none;}
	.home_box {
		float:none;
		padding: 20px 20px 23px;
		width: 314px;
		height:195px;
   }
   .home_box .clearfix {height:172px;}
   .home_box_container {width:354px}
   .main_header .page {position:relative;bottom:0px;padding-bottom:0px;margin-top:-20px;}
   .home_box .clearfix p.text{line-height:24px;}
   .dark_blue .clearfix p img.f_pic{width:42px;}

	/*.header_line_logo {padding:40px 0px 40px 0px;}*/
	
	.prev_div p.pre_t,.next_div p.next_t{width:30%;}
	.prev_div p,.next_div p{width:70%;}
   
	.dark_blue .clearfix p#new_user_main img.last5,.dark_blue .clearfix p#new_user_main img.last4,.dark_blue .clearfix p#new_user_main img.last10,.dark_blue .clearfix p#new_user_main img.last7 {margin-right:5px;}
	.dark_blue .clearfix p#new_user_main img.last6 {margin-right:0px;}
}


.group_tab a{margin-right:10px;}
.group_tab a.active {color:#6599ff;font-weight:bold;}
.group_add_btn {float:right;margin-right:10px;}
.group_add_user_btn {float:left;margin:5px 0px 5px 10px;}
.group_add_user_sel_btn {float:left;margin-left:10px;}
.css_btn, .group_add_user_sel_btn {
	font-family: Arial,"Nanum Gothic","Gulim","Dotum", sans-serif;
	color: #fff;
	font-size: 12px;
	background: #d42840;
	border: 1px solid #ccc;
	text-align: center;
	width: auto;
	padding: 5px 5px;
	text-decoration: none;
	border-radius: 2px;
	cursor: pointer;line-height:17px;text-decoration: none;}
.css_btn:hover, .group_add_user_sel_btn:hover{text-decoration: none;color:#fff;}



/*상단 2번째 메뉴 버튼*/
.sns_top_menu_2 {float:right;padding:0px 20px 10px 10px;}
.sns_top_menu_2>a{float:right;}
.sns_top_menu_2>a span.menu_feed_btn,.sns_top_menu_2 a span.menu_timeline_btn,.sns_top_menu_2 a span.menu_msg_btn,.sns_top_menu_2 a span.menu_notification_btn{display:block;background:url('images/icon_1.png') no-repeat;width:33px;height:33px;}
.sns_top_menu_2>a span.menu_feed_btn{background-position:0px 0px;padding:0px 2px;}
.sns_top_menu_2>a span.menu_timeline_btn{background-position:-38px 0px;padding:0px 2px;}
.sns_top_menu_2>a span.menu_msg_btn{background-position:-78px 0px;}
.sns_top_menu_2>a span.menu_notification_btn{background-position:-116px 0px;}
.sns_top_menu_2>a:hover span.menu_feed_btn{background-position:0px -34px;}
.sns_top_menu_2>a:hover span.menu_timeline_btn{background-position:-38px -34px;}
.sns_top_menu_2>a:hover span.menu_msg_btn{background-position:-78px -34px;}
.sns_top_menu_2>a:hover span.menu_notification_btn{background-position:-116px -34px;}
.sns_top_menu_2 a .menu_btn{height:34px;padding:0px 0px;}
#notifications_btn, #messages_btn{width:34px;}
.sns_top_menu_2 a .menu_btn:hover{background:none;}



.sns_top_menu_2 .notification-container{top:auto;margin-top:20px;margin-left:-239px;z-index:10;width:100%;}
.message-content {font-family:Arial,"Nanum Gothic","Gulim","Dotum"}
.message-content .message-form-header, .page-header{border:0px;}
/*.message-form-bottom{border-left: 1px solid #c8c8d0;border-bottom: 1px solid #b2b2cc;border-right: 1px solid #b2b2cc;height:40px;}*/




@media only screen and (max-width: 790px) {
	.row-body .three,.users-page.row-page .three{width:100%;}
	.sns_left_aside {width:26%;}
	.row-body .nine,.users-page.row-page .nine{width:73%;}
	.sidebar-content{margin-left:10px;}
	.row-body .full_over_h_div .twelve {width:73%;}
	.cover-container {padding:0px 20px 10px 20px;}
	.nine .sidebar-container.birthday-users{padding:0px 20px 0px 10px;}
	
}

@media only screen and (max-width:640px) {
	.sns_left_aside {width:100%;max-width:100%;min-height:0px;}
	.row-body .nine,.users-page.row-page .nine{width:100%;}
	.row-body .full_over_h_div .twelve {width:100%;padding-top:0px;}
	.cover-container {padding:25px 10px 10px 10px;}
	.sidebar-container {padding:10px 10px 10px 0px;}
	.m_group_menu {display:block;}
	.aside_menu_1 {display:none;}
	.group_user_tab {display:none;}
	.sns_left_aside {display:none;}
}

@media screen and (max-width:600px)
{
	.sns_top_menu_2 .notification-container{margin-left:0px}
	.sns_top_menu_2 {padding:0px 10px 10px 10px;}
	
	
	
	
}

@media only screen and (max-width: 540px) {
	#mainBannerScrollable, #subBannerScrollable{margin-top:1px;}
	.h_top .notification-container {width:92%;}
}

@media only screen and (max-width: 507px) {
	#main_top_ready_txt{display:none;}
	
	
}



@media only screen and (max-width: 359px) {/*옵G3 360*/
	#mainBannerScrollable, #subBannerScrollable{display:none;}
}

@media only screen and (max-width: 320px) {/*아이폰5 320*/
}