@charset "utf-8";

/*기본베이직 BASIC : 컬러 그레이*/

/** 
* gray_
* #gray_board_top : 게시판 상단
* #gray_board_bottom : 게시판 하단
* #gray_board_list : 기본 게시판 리스트
* #gray_webzine_list : 보도자료형 게시판 리스트 (이미지 + 내용)
* #gray_faq_list : FAQ 게시판 리스트
* #gray_gallery_list : 갤러리 리스트
*/

/**
상단 2px컬러값 #808183
타이틀 컬러값 #363636
줄구분 컬러값 #dcdcdc

**/
/*
input {
    -webkit-border-radius: 1px;
    -webkit-appearance: none;
}
*/
/* float 속성 초기화 */
.clear_space {
	clear: both;
	display: block;
	float: none;
	font-size: 0 !important;
	height: 0;
	line-height: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 !important;
	width: 100%;
}
/* form tag */
.select_basic {
	height:35px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1;
	color:#565656;
	background:#f5f5f5;
	font-size:12px;
}

.input_basic {
	height:35px;
	width:28%;
	padding:2px 0 3px 3px;
	border-style:solid;
	border-width:1px;
	border-color:#e0e0e0;
	color:#565656;
	background:#f5f5f5;
	font-size:14px;
}

.textarea_basic {
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:#e0e0e0;
	color:#565656;
	background:#f5f5f5;
	font-size:14px;
}
.file_basic {
	height:18px;
	padding:4px 0 1px 3px;
	border-style:solid;
	border-width:1px;
	border-color:#e0e0e0;
	color:#565656;
	background:#f5f5f5;
	font-size:12px;
}

.board-content{font-size:15px !important; line-height:24px !important;}


/* ======================================게시판 상단 */
#gray_board_top {
   margin-top:20px;
	----position:relative;
	/*min-height:55px;*/
	text-align:center;
}
-------#gray_board_top .font_post {
	color:#3f86c8;
	font-weight:bold;
}
#gray_board_top .search_info {
	text-align:center;
	overflow:hidden;
	width:94%;
	margin:0 auto;
}
#gray_board_top .search_info select,#gray_board_top .search_info input {
	float:left;
	height:40px;
	font-size:14px;
	border-right:0;
}
#gray_board_top .search_info .search-submit {
	border:none;
	background:#444;
	color:#fff;
	text-align:center;
}
#gray_board_top .select_search {
	padding:0 0 0 0px;
	height:20px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1;
	color:#565656;
	background:#f5f5f5;
	font-size:12px;
}
#gray_board_top .input_search {
	height:13px;
	padding:2px 0 3px 3px;
	border-style:solid;
	border-width:1px;
	border-color:#d1d1d1;
	color:#565656;
	background:#f5f5f5;
	font-size:12px;
	width:60%;
}

#gray_board_top .search-btn {
	width:20%;
	border:none;
	background:#555;
	color:#fff;
}

#gray_board_top .select_search {
	width:20%;
}

#gray_board_top .board-tab{
	overflow:hidden;
	width:94%;
	margin:10px auto;

}

#gray_board_top .board-tab a{
	float:left;
	width:25%;
	border:1px solid #ddd;
	height:40px;
	line-height:35px;
}
#gray_board_top .board-tab a.board_tab_on{
	border:2px solid #444;
	font-weight:bold;
	
}





/* ======================================기본 게시판 리스트 */
#gray_board_list { width:100%; margin:0 auto; border-top:2px solid #333;}

#gray_board_list .table_board_basic, .table_board_basic th, .table_board_basic td { border:0; }
#gray_board_list .table_board_basic {
	width:100%;
	font-size:12px;
	line-height:18px;
	color:#656565;
}
#gray_board_list .table_board_basic th {
	background:#f8f8f8;
	border-top:2px solid #808183;
	border-bottom:1px solid #dcdcdc;
	font-size:14px;
	text-align:center;
	color:#363636;
	height:32px;
}
#gray_board_list .table_board_basic tbody tr:hover {
	background:#faf9f9;
}


#gray_board_list .table_board_basic td {
	font-size:12px;
	text-align:center;
	padding:7px 0 7px 0;
	border-bottom:1px solid #dcdcdc;
	line-height:24px;
}

#gray_board_list .table_board_basic td.title_sort_m {position:relative;}
#gray_board_list .table_board_basic td.title_sort_m p.subject {font-size:16px; font-weight:700;}
#gray_board_list .table_board_basic td.title_sort_m p.addr {font-size:14px;}
#gray_board_list .table_board_basic td.title_sort_m p.admin-check {position:absolute; right:3%; top:30%;}

#gray_board_list .table_board_basic td.title_sort_m p.info span{display:inline-block;  font-size:13px; margin-right:10px; }
#gray_board_list .table_board_basic td.title_sort_m p.info span.stats-ing {font-weight:bold; color:#000; }

#gray_board_list .table_board_basic_mobile {border-top:2px solid #333;}

#gray_board_list .table_board_basic .comment_num{
	font-size:11px;
	font-weight:bold;
	color:#e86800;
}
#gray_board_list .table_board_basic td a { color:#656565; }
#gray_board_list .table_board_basic td a:hover { text-decoration:underline;}
#gray_board_list .table_board_basic .td_left {
	text-align:left;
	padding-left:15px;
}
#gray_board_list .table_board_basic .td_reply {
	text-align:left;
	padding-left:40px;
	background:url(/board_img/icon_reply.gif) no-repeat 20px 10px;
}
#gray_board_list .table_board_basic .td_cen_num {
	font-family:tahoma, "NanumGothic", Dotum, "굴림", Gulim, Sans-serif;
	font-size:11px;
}

#gray_board_list .table_board_basic .category {
	color:#363636;
	font-weight:bold;
	font-size:11px;
}



/* ======================================게시판 하단 */
#gray_board_bottom .list_page {
	padding:30px 0 0 0;
	text-align:center;

}

#gray_board_bottom .list_page .inner{
	display:inline-block;
	overflow:hidden;
	border:1px solid #ddd;
	border-right:0px;
}

#gray_board_bottom .list_page a{
	padding:5px 8px;
	border-right:1px solid #ddd;
	color:#777;
	
}
#gray_board_bottom .list_page a:first-child,#gray_board_bottom .list_page a:last-child{letter-spacing:-4px;}

#gray_board_bottom .list_page a.active{
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}
/* 게시판 하단 버튼*/
#gray_board_bottom .btn_board_bottom{
	margin:2%;
	min-height:30px;
	overflow:hidden;
}

#gray_board_bottom .btn_board_bottom .li_left { float:left;margin-right:1px; }
#gray_board_bottom .btn_board_bottom .li_right { float:right;margin-left:1px;}
#gray_board_bottom .btn_board_bottom .board-btn-gray {display:inline-block;border:1px solid #ddd; background:#f1f1f1; height:34px; line-height:34px; padding:0px 10px;}
#gray_board_bottom .btn_board_bottom .board-btn-black{display:inline-block;border:1px solid #444; background:#444; height:34px; line-height:34px; padding:0px 10px; color:#fff;}

/* ======================================기본 게시판 읽기 */
#gray_board_read {
	padding-bottom:20px;
}

#gray_board_read .table_board_read {
	width:100%;
	font-size:12px;
	line-height:18px;
	color:#656565;
		border-top: 2px solid #5f86c5;
	border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/*
#gray_board_read .table_board_read img {
	max-width:700px;
	max-height:700px;
}
*/
#gray_board_read .table_board_read caption { visibility:hidden; }

#gray_board_read .table_board_read thead th {
	background:#f8f8f8;
	border-top:2px solid #808183;
	border-bottom:1px solid #dcdcdc;
	text-align:center;

}
#gray_board_read .table_board_read th {
	font-size:14px;
	color:#363636;
	height:40px;
	text-align:left;
	padding-left:20px;
	width:30%

}
#gray_board_read .table_board_read .th_bold {
	border-bottom:1px solid #dcdcdc;
	background:#f3f3f3;
}
#gray_board_read .table_board_read td {
	font-size:13px;
	text-align:center;
	padding:7px 0 7px 0;
	border-bottom:1px solid #dcdcdc;
}

#gray_board_read .table_board_read td.gallery_view img {width:100%;}
#gray_board_read .table_board_read .read_original {
	text-align:left;
	padding:15px;
	margin-top:20px;
	background:#f2f2f2;
}
#gray_board_read .table_board_read .original_tit {
	color:#000;
	font-weight:bold;
}
#gray_board_read .table_board_read td a { color:#656565; }
#gray_board_read .table_board_read td a:hover { text-decoration:underline; }
#gray_board_read .table_board_read .td_left {
	text-align:left;
	padding:15px;
}
#gray_board_read .table_board_read .td_left2 {
	text-align:left;
	padding-left:10px;
}
#gray_board_read .table_board_read td img,#gray_board_read .table_board_read td iframe{
	max-width:100%;
}
#gray_board_read .table_board_read .td_left_num {
	font-family:tahoma, "NanumGothic", NanumGothic, "굴림", Gulim, Sans-serif;
	font-size:13px;
	text-align:left;
	padding-left:10px;
}

#gray_board_read .table_board_read .td_left_next {
	font-size:11px;
	text-align:left;
	padding-left:10px;
}


/* ======================================기본 게시판 쓰기 */
#gray_board_write { padding-bottom:10px; }
#gray_board_write .table_board_write, .table_board_write th, .table_board_write td { border:0; }
#gray_board_write .table_board_write {
	width:100%;
	border-top:2px solid #808183;
	font-size:14px;
	line-height:18px;
	color:#656565;
}
#gray_board_write .table_board_write caption {visibility:hidden; }
#gray_board_write .table_board_write th {
	font-size:14px;
	text-align:center;
	color:#363636;
	border-bottom:1px solid #dcdcdc;
}
#gray_board_write .table_board_write .th_bold { background:#f8f8f8; }
#gray_board_write .table_board_write td {
	font-size:12px;
	text-align:center;
	padding:7px 0 7px 0;
	border-bottom:1px solid #dcdcdc;
}
#gray_board_write .table_board_write td a { color:#656565; }
#gray_board_write .table_board_write td a:hover { text-decoration:underline; }
#gray_board_write .table_board_write .td_left {
	text-align:left;
	padding:15px;
}
#gray_board_write .table_board_write td span.text_m {color:#ff0000; display:inline-block; margin-top:5px;} 
#gray_board_write .table_board_write .td_left_num {
	font-family:tahoma, "NanumGothic", Dotum, "굴림", Gulim, Sans-serif;
	font-size:12px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

/*전화번호 및 이메일 입력란 정렬*/

.telnum-input{}
.telnum-input:after,
.email-input p:after{
	content:"";
	display:block;
	clear:both;
}
.telnum-input input,
.telnum-input select{
	width:30%;
	float:left;
}
.telnum-input span{
	float:left;
	width:5%;
	text-align:center;
	line-height:35px;
}
.email-input p input {
	width:47%;
	float:left;
}
.email-input p span {
	width:6%;
	float:left;
	text-align:center;
	line-height:35px;
}
.email-input p:first-child{
	margin-bottom:5px;
}



/* 댓글달기 */
#gray_comment {width:100%;border-top:1px solid #dcdcdc; overflow:hidden}
#gray_comment .info {-border-bottom:1px solid #dcdcdc; padding:7px 0px 7px 0px; -height:20px; -background:#f8f8f8;}
#gray_comment .info_out {border-bottom:1px solid #dcdcdc; padding:7px 0px 7px 0px; _height:20px; }


#gray_comment .user {float:left; font-weight:bold; color:#000;padding-left:10px;}
#gray_comment .time {float:left; color:#aaaaaa; padding-left:20px;}
#gray_comment .modi {float:right;font-size:11px; padding-left:5px; padding-right:5px;}
#gray_comment .intxt {float:left;font-size:11px; padding-left:5px; margin-left:5px; color:#f67a00;padding-top:3px;}
#gray_comment .commemt_view {clear:both; padding:5px 0px 10px 10px; text-align:left;-border-bottom:1px solid #dcdcdc;}


#gray_comment .comment_re0 .user {float:left; font-weight:bold; color:#000;padding-left:10px;}
#gray_comment .comment_re0 .time {float:left; color:#aaaaaa; padding-left:20px;}
#gray_comment .comment_re0 .modi {float:right;font-size:11px; padding-left:5px; padding-right:5px;}
#gray_comment .comment_re0 .intxt {float:left;font-size:11px; padding-left:5px; padding-right:5px; color:#f67a00;padding-bottom:5px;}
#gray_comment .comment_re0 .commemt_view {clear:both; padding:5px 0px 10px 10px; text-align:left;border-bottom:1px solid #dcdcdc;}



#gray_comment .comment_re1 {padding-left:20px;background:url(/board_img/re_bg.gif) no-repeat 10px 10px;border-bottom:1px solid #dcdcdc;}
#gray_comment .comment_re1 .commemt_view {clear:both; padding:5px 10px 10px 10px; text-align:left;}

#gray_comment .comment_re2 {padding-left:30px;background:url(/board_img/re_bg.gif) no-repeat 20px 10px;border-bottom:1px solid #dcdcdc;}
#gray_comment .comment_re2 .commemt_view {clear:both; padding:5px 10px 10px 10px; text-align:left;}

#gray_comment .comment_re3 {padding-left:40px;background:url(/board_img/re_bg.gif) no-repeat 30px 10px;border-bottom:1px solid #dcdcdc;}
#gray_comment .comment_re3 .commemt_view {clear:both; padding:5px 10px 10px 10px; text-align:left;}


#gray_comment .comment_re4 {padding-left:50px;background:url(/board_img/re_bg.gif) no-repeat 40px 10px;border-bottom:1px solid #dcdcdc;}
#gray_comment .comment_re4 .commemt_view {clear:both; padding:5px 10px 10px 10px; text-align:left;}


#gray_comment .comment_re5 {padding-left:60px;background:url(/board_img/re_bg.gif) no-repeat 50px 10px;border-bottom:1px solid #dcdcdc;}
#gray_comment .comment_re5 .commemt_view {clear:both; padding:5px 10px 10px 10px; text-align:left;}



/* ======================================GALLERY 게시판 */
#gray_gallery_list {
	position:relative;
	border-top:2px solid #808183;
	border-bottom:1px solid #dcdcdc;
	padding: 7%;
	width:100%;
	overflow:hidden; 
}
#gray_gallery_list ul {position:relative;}

#gray_gallery_list li { /*갤러리 개체 하나 여백포함*/

	margin:0 2%;
	float:left;
	padding-bottom:25px;
}

#gray_gallery_list.gallery_col2 li { /*갤러리 개체 하나 여백포함*/
	width:96%;
	margin:0 2%;
	float:none;
	padding-bottom:25px;
}

#gray_gallery_list .gallery_thum_wrap {/*갤러리 개체 하나 여백미포함*/
	width:100%;
	margin:0 auto;
	---position:relative;
	
}
#gray_gallery_list .gallery_thum {
	width:90%;
	text-align:center;
	border:1px solid #e4e6ec;
	padding:7px;
	---position:relative;
}
#gray_gallery_list .gallery_thum:hover { border:1px solid #b9b9b9; } /*갤러리 썸네일 오버*/
#gray_gallery_list .gallery_thum a {display:block;}
#gray_gallery_list a { color:#232323; font-size:18px; }
#gray_gallery_list a:hover { text-decoration:underline; }
#gray_gallery_list h3 {
	font-size:0.85em;
	width:100%;
	text-align:center;
	padding-top:13px;
	line-height:16px;
	font-weight:bold;
}
#gray_gallery_list p.subject {text-align:center; margin-top:10px; margin-bottom:10px;}
#gray_gallery_list .p_name { text-align:center; }
#gray_gallery_list .p_date {
	text-align:center;
	font-family:"tahoma";
	font-size:14px;
	margin-right:20px;
}
#gray_gallery_list .font_date, #gallery_list .font_hit { color:#b6b6b6; }




/* ======================================GALLERY SCROLL 게시판 */
#gray_gallery_list_scroll {
	position:relative;
	border-top:2px solid #808183;
	border-bottom:1px solid #dcdcdc;
	padding-top:25px;
	width:100%;
	overflow:hidden; 
}
#gray_gallery_list_scroll ul {position:relative;}

#gray_gallery_list_scroll li { /*갤러리 개체 하나 여백포함*/
	width:100%;
	margin:0 2%;
	padding-bottom:25px;
}
#gray_gallery_list_scroll .gallery_thum_wrap {/*갤러리 개체 하나 여백미포함*/
	width:100%;
	margin:0 auto;
	---position:relative;
	
}
#gray_gallery_list_scroll .gallery_thum {
	width:90%;
	text-align:center;
	border:1px solid #e4e6ec;
	padding:7px;
	---position:relative;
}
#gray_gallery_list_scroll .gallery_thum:hover { border:1px solid #b9b9b9; } /*갤러리 썸네일 오버*/
#gray_gallery_list_scroll a { color:#232323; }
#gray_gallery_list_scroll a:hover { text-decoration:underline; }
#gray_gallery_list_scroll h3 {
	font-size:0.85em;
	width:100%;
	text-align:center;
	padding-top:13px;
	line-height:16px;
	font-weight:bold;
}
#gray_gallery_list_scroll .p_name { text-align:center; }
#gray_gallery_list_scroll .p_date {
	text-align:center;
	font-family:"tahoma";
	font-size:11px;
}
#gray_gallery_list_scroll .font_date, #gallery_list_scroll .font_hit { color:#b6b6b6; }


/*======================완공갤러리*/


#completion_gallery_list {
	position:relative;
	border-top:0px solid #808183;
	border-bottom:0px solid #dcdcdc;
	width:100%;
	overflow:hidden; 
	margin-top:10px;
}
#completion_gallery_list .admin-checked{position:absolute; z-index:10; left:10px;top:10px;}
#completion_gallery_list .admin-checked input {zoom: 1.6;}
#completion_gallery_list ul {position:relative;}

#completion_gallery_list li { /*갤러리 개체 하나 여백포함*/
	float:left;
	margin-bottom: 45px;
}
#completion_gallery_list .gallery_thum_wrap {/*갤러리 개체 하나 여백미포함*/
	width:190px;
	margin:0 auto;
	---position:relative;
	
}

#completion_gallery_list .gallery_thum {
	width:170px;
	height:120px;

	---position:relative;
}

#completion_gallery_list ul li .gallery_1_thum img,#completion_gallery_list ul li .gallery_4_thum img{
 width:100%;
 position:absolute;
 top:0;
 left:0;
 }

#completion_gallery_list .gallery_thum:hover { border:1px solid #b9b9b9; } /*갤러리 썸네일 오버*/
#completion_gallery_list a { color:#232323; }
#completion_gallery_list a:hover { text-decoration:none; }
#completion_gallery_list p.subject {
	text-align:left;
	padding:20px 0 8px 20px;
	line-height:18px;
	font-weight:bold;
	font-size:16px;
}
#completion_gallery_list p.tit {
text-align:left;padding-top:30px;padding-left:20px;font-size:16px;
}
#completion_gallery_list .p_name { text-align:center; }
#completion_gallery_list .p_date {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	padding-left: 20px;

}
#completion_gallery_list .p_hit {
	border-top:1px solid #ddd;
	margin-top:10px;
	font-size:13px;
	color:#666;
	padding-top:10px;
	padding-bottom:10px;
}
#completion_gallery_list .p_fackbook {
	display: inline-block;
	text-align:left;
	font-size:12px;
	margin-left:8px;
	color:#666;
	margin-top:15px;
	padding:3px 5px;
	border:1px solid #ddd;
}
#completion_gallery_list .p_fackbook span{
margin-left:5px;
color:#d37c00;
font-weight:bold;
}
#completion_gallery_list .p_hit_right {
	text-align:left;
	font-size:14px;
	padding-right:20px;
	font-weight:bold;
	float:right;
}

/*프로젝트리스트에서 사용*/
#completion_gallery_list .p_txt {
height:20px;
text-align:left;padding-top:20px;padding-left:15px;font-size:13px;font-weight:normal;color:#5f86c5;
}
#completion_gallery_list .p_tit {
text-align:left;padding-top:20px; font-size:16px;font-weight:bold; height: 19px;
}
#completion_gallery_list .p_tit2 {
text-align:left;padding-top:20px;padding-left:15px;font-size:16px;font-weight:bold;
}
#completion_gallery_list .p_info {
text-align:left;padding:0 20px;font-size:15px;line-height:28px;font-weight:bold;
}
#completion_gallery_list .p_info2 {
text-align:left;padding:0 20px;font-size:15px;line-height:28px;font-weight:bold;border-top:1px solid #ddd;margin-top:8px;
}
#completion_gallery_list .p_info .p_point{
color:#5f86c5;
font-weight:bold;
}
#completion_gallery_list .font_date, #gallery_list .font_hit { color:#b6b6b6; }

#completion_gallery_list.gallery_col2 ul li .gallery_1_thum,
#completion_gallery_list.gallery_col3 ul li .gallery_1_thum,
#completion_gallery_list.gallery_col4 ul li .gallery_1_thum,
#completion_gallery_list.gallery_col5 ul li .gallery_1_thum{
 border-bottom:1px solid #ddd;
 padding-top:73%;
 overflow:hidden;
 position:relative;
}
#completion_gallery_list.gallery_col2 ul li .gallery_1_thum.vertical_thum,
#completion_gallery_list.gallery_col3 ul li .gallery_1_thum.vertical_thum,
#completion_gallery_list.gallery_col4 ul li .gallery_1_thum.vertical_thum,
#completion_gallery_list.gallery_col5 ul li .gallery_1_thum.vertical_thum{
 border:1px solid #ddd;
 padding-top:135%;
 overflow:hidden;
 position:relative;
}

#completion_gallery_list.gallery_col2 ul li .gallery_1_thum.col-big,
#completion_gallery_list.gallery_col3 ul li .gallery_1_thum.col-big,
#completion_gallery_list.gallery_col4 ul li .gallery_1_thum.col-big,
#completion_gallery_list.gallery_col5 ul li .gallery_1_thum.col-big{
 border:1px solid #ddd;
 padding-top:35%;
 overflow:hidden;
 position:relative;
}

#completion_gallery_list.gallery_col2 ul li .gallery_4_thum,
#completion_gallery_list.gallery_col3 ul li .gallery_4_thum,
#completion_gallery_list.gallery_col4 ul li .gallery_4_thum,
#completion_gallery_list.gallery_col5 ul li .gallery_4_thum{
 border:1px solid #ddd;
 padding-top:80%;
 overflow:hidden;
 position:relative;
}
#completion_gallery_list.gallery_col2 ul li .gallery_4_thum.vertical_thum,
#completion_gallery_list.gallery_col3 ul li .gallery_4_thum.vertical_thum,
#completion_gallery_list.gallery_col4 ul li .gallery_4_thum.vertical_thum,
#completion_gallery_list.gallery_col5 ul li .gallery_4_thum.vertical_thum{
 border:1px solid #ddd;
 padding-top:130%;
 overflow:hidden;
 position:relative;
}

#completion_gallery_list.gallery_col2 ul li .gallery_4_thum.col-big,
#completion_gallery_list.gallery_col3 ul li .gallery_4_thum.col-big,
#completion_gallery_list.gallery_col4 ul li .gallery_4_thum.col-big,
#completion_gallery_list.gallery_col5 ul li .gallery_4_thum.col-big{
 border:1px solid #ddd;
 padding-top:35%;
 overflow:hidden;
 position:relative;
}


/*그래프*/
#completion_gallery_list .project_list {}
#completion_gallery_list .project_list .graph_wrap{position:relative;padding:15px 52px 10px 55px; width: 165px;}
#completion_gallery_list .project_list .graph_wrap > p{position:absolute;top:6px;}
#completion_gallery_list .project_list .graph_wrap .title{left:0;font-size:12px;color:#888;line-height:28px;padding-left:14px}
#completion_gallery_list .project_list .graph_wrap .num{right:-130px;font-size:13px;color: #5f86c5;line-height:30px;padding-right:15px;letter-spacing:normal}
#completion_gallery_list .project_list .graph_wrap .bar_wrap{ margin-left:20px; width:150px;position:relative;height:10px;background:#dcdcdc;overflow:hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#completion_gallery_list .project_list .graph_wrap .bar_wrap > p{height:100%;position:absolute;width:0;background:url(/html/images/graph.gif) repeat}
#completion_gallery_list .project_list .step_wrap{font-size:12px;color:#888;line-height:28px;padding-left:15px;margin-top:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#completion_gallery_list .project_list .step_wrap span{color:#e54a19;margin-left:5px;font-size:13px}
#completion_gallery_list .project_list .icon01{position:absolute;top:0;left:0;display:block;width:63px;height:63px;font-size:14px;color:#fff;padding:15px 0 0 15px;background:url(/images/content/live_com_icon.png) left top no-repeat}


/*가로 갯수*/
#completion_gallery_list.gallery_col2 ul li {width:48%;margin-right:4%;}
#completion_gallery_list.gallery_col2 ul li:nth-child(2n){margin-right:0;}

#completion_gallery_list.gallery_col3 ul li {width:31%;margin-right:3.5%;border:1px solid #ddd; box-sizing:border-box;}
#completion_gallery_list.gallery_col3 ul li:nth-child(3n){margin-right:0;}

#completion_gallery_list.gallery_col4 ul li {width:100%;margin-right:33px;border:1px solid #ddd;}
#completion_gallery_list.gallery_col4 ul li:nth-child(4n){margin-right:0;}

#completion_gallery_list.gallery_col5 ul li {width:18%;margin-right:2.5%;}
#completion_gallery_list.gallery_col5 ul li:nth-child(5n){margin-right:0;}


#completion_gallery_list.gallery_col2.no-margin ul li {width:50%; margin:0;}
#completion_gallery_list.gallery_col3.no-margin ul li {width:33.33%; margin:0;}
#completion_gallery_list.gallery_col4.no-margin ul li {width:25%; margin:0;}
#completion_gallery_list.gallery_col5.no-margin ul li {width:20%; margin:0;}
#completion_gallery_list.gallery_col6.no-margin ul li {width:16.66%; margin:0;}
#completion_gallery_list.gallery_col7.no-margin ul li {width:14.28%; margin:0;}
#completion_gallery_list.gallery_col8.no-margin ul li {width:12.5%; margin:0;}

/*완공갤러리 검색창*/
#tab_wrap {width: 100%;margin: 0 auto;margin-bottom:40px;border-top:2px solid #5f86c5; margin-top:30px;}
#tab_wrap:after{clear:both; content:''; display:block;}
#tab_wrap .search_wrap{ margin-top:25px;text-align:center;}
#tab_wrap .search_wrap:after{clear:both; content:''; display:block;}
#tab_wrap .search_wrap .search_btn{cursor: pointer; text-align:center;background: #5f86c5; border-radius: 10px; padding: 12px 40px;  margin-bottom: 30px; color: #fff;font-size: 14px;border:0;}

.tab_h3{ ; text-align:center; margin-bottom:10px;  border-bottom:1px solid #ddd; line-height:40px; border-top:1px solid #ddd; background:#f9f9f9;}
.bor_none{ border-top:none;}

ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:10%;
    height:50px;
    line-height: 50px;
    border-left: none;
    font-weight: bold;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
	color:#5f86c5;
}
.tab_container {
    border-top: none;
    clear: both;
	padding:3%;
	margin-top:20px;
    width: 100%;
    background: #FFFFFF;
}
.tab_container:after{clear:both; content:''; display:block;} 
.tab_content {
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}

.tbl-list {width:100%; border:1px solid #ddd;}
.tbl-list:after{clear:both; content:''; display:block;}
.tbl-list tbody th {padding: 8px 20px;    line-height: 24px;text-align:left;font-size:13px; color:#666; background: #f7f7f7;}
.tbl-list tbody td { font-size:13px;text-align:left;line-height:24px;color:#888; padding-bottom:20px;}
.tbl-list tbody td label {margin-right: 5px;}
.tbl-list tbody td span {padding-left: 5px;}


/*완공갤러리 뷰페이지*/
#completion_gallery_read{width:100%;}
#completion_gallery_read h5{font-size:26px;color:#666;font-weight:bold;color:#333; padding:23px 0 17px 30px;} 
#completion_gallery_read .tit_wrap{position:relative;border-top:3px solid #000000;border-bottom: 1px solid #000;;padding:12px;}
#completion_gallery_read .tit_wrap h2{font-size:13px;color:#333;font-weight:bold;}
#completion_gallery_read .tit_wrap ul{position: absolute;top: 0; right: 0; height: 100%;overflow: hidden;}
#completion_gallery_read .tit_wrap  li{position: relative;float: left;height: 100%;padding:0 10px;text-align: center;line-height:40px;font-size: 12px;}


#completion_gallery_read .tit_wrap2{position:relative;border:1px solid #ddd;background:#f7f7f7;padding:20px;}
#completion_gallery_read .tit_wrap2 h2{font-size:16px;color:#333;font-weight:bold;}
#completion_gallery_read .tit_wrap2 ul{position: absolute;top: 0; right: 0; height: 100%;overflow: hidden;}
#completion_gallery_read .tit_wrap2  li{position: relative;float: left;height: 100%;padding:0 20px;text-align: center;line-height:55px;font-size: 15px;}

#completion_gallery_read .sub_tit_wrap{position:relative;border-bottom:1px solid #7f7f7f;background:#fff#completion_gallery_read .tit_wrap li;padding:13px 12px;}
#completion_gallery_read .sub_tit_wrap h2{font-size:16px;color:#333;font-weight:bold;}
#completion_gallery_read .sub_tit_wrap ul{position: absolute;top: 0; right: 0; height: 100%;overflow: hidden;}
#completion_gallery_read .sub_tit_wrap  li{position: relative;float: left;height: 100%;padding:0 20px;border-left:1px solid #ddd; text-align: center;line-height:55px;font-size: 15px;}



#completion_gallery_read .completion_sub_wrap{margin:0px 0;}
#completion_gallery_read .completion_sub_wrap .big_img{/*height:635px;*/}
#completion_gallery_read .completion_sub_wrap .tit_box{text-align:center;padding:50px  0;}
#completion_gallery_read .completion_sub_wrap .tit_box:after{clear:both; content:''; display:block;}
#completion_gallery_read .completion_sub_wrap .tit_box .tit{font-size:22px;padding:30px 0 30px 0;color:#3c3c3c;}
#completion_gallery_read .completion_sub_wrap .tit_box .txt{font-size:30px;color:#000;}
#completion_gallery_read .completion_sub_wrap .tit_box .info{margin:0 auto;font-size:16px;line-height:24px; padding: 0 7%;}

/*#completion_gallery_read  .completion_sub_thum{margin-top:30px;}*/
#completion_gallery_read  .completion_sub_thum:after{clear:both; content:''; display:block;}
#completion_gallery_read  .completion_sub_thum .big_img{width:100%;}
#completion_gallery_read  .completion_sub_thum .big_img:after{clear:both; content:''; display:block;}
#completion_gallery_read  .completion_sub_thum .thum_img{margin-top:0px;}
#completion_gallery_read  .completion_sub_thum .thum_img li:first-child{margin-left:0;}
#completion_gallery_read  .completion_sub_thum .thum_img li{float:left;width:100%;box-sizing:border-box;}

#completion_gallery_read .completion_sub_ex:after{clear:both; content:''; display:block;}
#completion_gallery_read .completion_sub_ex .big_img{text-align:center; padding: 30px 0;}
#completion_gallery_read .completion_sub_ex .big_img.bb{border-bottom:1px solid #dbdbdb;margin-bottom:80px;}


#completion_gallery_read .completion_sub_ex .completion_sub_tit{margin-top:50px;border-top:2px solid #000; border-bottom:1px solid #7f7f7f;padding:23px 0 17px 30px;}
#completion_gallery_read .completion_sub_ex .completion_sub_tit .tit{font-size:28px;font-weight:900;padding-bottom:12px;color:#000;}
#completion_gallery_read .completion_sub_ex .completion_sub_tit  span{font-size:14px;padding-left:40px;color:#000;}


#completion_gallery_read .completion_sub_ex ul{ width:100%;float:left;}
#completion_gallery_read .completion_sub_ex li {font-size:14px;line-height:45px;border-bottom:1px solid #d9d9d9;color:#1d1d1d;}
#completion_gallery_read .completion_sub_ex li span{display: inline-block;width:150px;border-right:1px solid #d9d9d9;padding-left:15px;margin-right:20px;font-weight:bold;}
#completion_gallery_read .completion_sub_ex li span.bn{border-left:0;}
.li_width{ float:left; height:85px; line-height:45px;}
#completion_gallery_read .completion_sub_ex li.bgpoint{background:#f6f6f6;}

#completion_gallery_read .completion_sub_ex .floor_wrap{border-bottom:1px solid #7b7b7b;font-size:16px;color: #1d1d1d;background: #f6f6f6; height:80px; line-height:40px;}
#completion_gallery_read .completion_sub_ex .floor_wrap > p{ float:left; height:45px;}
#completion_gallery_read .completion_sub_ex .floor_wrap .floor_1{ border-left: 1px solid #7b7b7b; line-height:45px;}
#completion_gallery_read .completion_sub_ex .floor_wrap .floor{ display:inline-block; text-align:center;line-height:45px;color:#000;font-size:18px;zpadding:0 20px;margin-right:10px;font-weight:bold;}
.bt2{border-top:1px solid #7b7b7b;background:#fff !important;}

#completion_gallery_read .completion_sub_photo{position:relative;width:100%;margin:0 auto;margin-bottom:0px;}
#completion_gallery_read .completion_sub_photo:after{clear:both; content:''; display:block;}
#completion_gallery_read .completion_sub_photo dl{float:left;position:relative;width:100%;text-align:center;font-size:16px;box-sizing:border-box;border-bottom:1px solid #7f7f7f;}
#completion_gallery_read .completion_sub_photo dl:nth-child(3n+1) {margin-left:0; border-right:0px solid #ddd;}
#completion_gallery_read .completion_sub_photo dl dt{position:relative;width:100%;overflow:hidden;text-align:center;margin:0 auto;}
#completion_gallery_read .completion_sub_photo dl dt img{text-align:center;}
#completion_gallery_read .completion_sub_photo dl dt .photo_bg{width:200px;height:240px;position:absolute;z-index:777;}
#completion_gallery_read .completion_sub_photo dl dd{border-top:1px solid #7f7f7f; height: 60px; line-height: 60px;font-size:18px;color:#4b4b4b;font-weight:bold;    letter-spacing: 10px;}
#completion_gallery_read .completion_sub_photo dl dd span{font-weight:bold;color:#3f71f9;font-size:18px;    letter-spacing:0px;}

#completion_gallery_read .completion_sub_photo .completion_sub_tit{margin-top:40px;border-top:2px solid #000; border-bottom:1px solid #7f7f7f;padding:23px 0 17px 30px;}
#completion_gallery_read .completion_sub_photo .completion_sub_tit .tit{font-size:28px;font-weight:900;padding-bottom:12px;color:#000;}
#completion_gallery_read .completion_sub_photo .completion_sub_tit  span{font-size:14px;padding-left:40px;color:#000;}

#completion_gallery_read .completion_sub_external{position:relative;width:100%;margin:0 auto;margin-bottom:55px;}
#completion_gallery_read .completion_sub_external:after{clear:both; content:''; display:block;}
#completion_gallery_read .completion_sub_external ul{width:100%;}
#completion_gallery_read .completion_sub_external li{padding-bottom:20px;}

#completion_gallery_read .completion_sub_external .completion_sub_tit{margin-top:40px;border-top:2px solid #000; border-bottom:1px solid #7f7f7f;padding:23px 0 17px 30px;}
#completion_gallery_read .completion_sub_external .completion_sub_tit .tit{font-size:28px;font-weight:900;padding-bottom:12px;color:#000;}
#completion_gallery_read .completion_sub_external .completion_sub_tit  span{font-size:14px;padding-left:40px;color:#000;}

#completion_gallery_read .completion_sub_concept .completion_sub_tit{margin-top:40px;border-top:2px solid #000; border-bottom:1px solid #7f7f7f;padding:23px 0 17px 30px;}
#completion_gallery_read .completion_sub_concept .completion_sub_tit .tit{font-size:28px;font-weight:900;padding-bottom:12px;color:#000;}
#completion_gallery_read .completion_sub_concept .completion_sub_tit  span{font-size:14px;padding-left:40px;color:#000;}

#completion_gallery_read .completion_sub_concept .concept_info{padding:30px;font-size:16px;line-height:26px;border-bottom:1px solid #dbdbdb; margin-bottom:50px;}


#completion_gallery_read .completion_sub_wrap .project_info_wrap{width:100%;margin-bottom:50px;box-sizing:border-box;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap:after{clear:both; content:''; display:block;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_visual{width:100%;float:left;border:0;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_info{width:98%;float:left;padding: 0 1%;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_info .tit{font-size:28px;margin:24px 0 18px 0;font-weight:bold;    color: #000000;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_info .tit span{font-size:14px;display:block;color: #000000;margin-right:10px;padding:10px 0 0 0px;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_info table{border-top:1px solid #7b7b7b; width:100%;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_info table tbody th{ width:30%; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; font-size:16px;color:#1d1d1d;line-height:24px; padding:10px 5px;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_info table tbody td{border-bottom:1px solid #d9d9d9;font-size:16px;color:#1d1d1d;line-height:24px; padding:10px 5px;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_info tr span{font-weight: bold;border-right:1px solid  #d9d9d9;display:inline-block;width:130px;color:#1d1d1d;margin-right:20px;padding-right:10px;text-align:left;padding-left:30px;}
#completion_gallery_read .completion_sub_wrap .project_info_wrap .project_info  .bgpoint{background:#f6f6f6;}

#completion_gallery_read .completion_project_photo{position:relative;width:100%;margin:0 auto;}
#completion_gallery_read .completion_project_photo:after{clear:both; content:''; display:block;}
#completion_gallery_read .completion_project_photo dl{float:left;position:relative;width:100%;text-align:center;font-size:16px;box-sizing:border-box;border-bottom:1px solid #7f7f7f;}
#completion_gallery_read .completion_project_photo dl:nth-child(3n+1) {margin-left:0; }
#completion_gallery_read .completion_project_photo dl dt{position:relative;width:100%;overflow:hidden;text-align:center;margin:0 auto;}
#completion_gallery_read .completion_project_photo dl dt .photo_bg{width:400px;height:240px;position:absolute;z-index:777;background:url(/html/images/completion_sub_photo_bg.png)no-repeat;}
#completion_gallery_read .completion_project_photo dl dd{border-top:1px solid #7f7f7f; height: 60px; line-height: 60px;font-size:18px;color:#4b4b4b;font-weight:bold;    letter-spacing: 10px;}
#completion_gallery_read .completion_project_photo dl dd span{font-weight:bold;color:#3f71f9;font-size:18px;    letter-spacing:0px;}


#completion_gallery_read .completion_project_photo .completion_sub_tit{margin-top:40px;border-top:2px solid #000; border-bottom:1px solid #7f7f7f;padding:23px 0 17px 30px;}
#completion_gallery_read .completion_project_photo .completion_sub_tit .tit{font-size:28px;font-weight:900;padding-bottom:12px;color:#000;}
#completion_gallery_read .completion_project_photo .completion_sub_tit  span{font-size:14px;padding-left:40px;color:#000;}

#completion_gallery_read .detail_wrap{position:relative;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#completion_gallery_read .detail_wrap:last-child{border-bottom:1px solid #ddd;margin-bottom:80px;}
#completion_gallery_read .detail_wrap:after{clear:both; content:''; display:block;}
#completion_gallery_read .detail_wrap .detail_tit{background:#f7f7f7;padding:20px;border-bottom:1px solid #ddd;}
#completion_gallery_read .detail_wrap .detail_tit h4{font-size:16px;color:#333;font-weight:bold;}
#completion_gallery_read .detail_wrap .detail_tit ul{position: absolute;top: 0; right: 0; height: 100%;overflow: hidden;}

#completion_gallery_read .detail_wrap .detail_tit li{position: relative;float: left;text-align: center;line-height:62px;font-size: 15px;padding:0 20px;border-left:1px solid #ddd;}

#completion_gallery_read .detail_wrap .detail_info{padding:40px 3%; box-sizing: unset !important;}
#completion_gallery_read .detail_wrap .detail_info:after{clear:both; content:''; display:block;}
#completion_gallery_read .detail_wrap .detail_info ul {}
#completion_gallery_read .detail_wrap .detail_info li{float:left; width:50%; padding:0 1%; box-sizing:border-box; }
#completion_gallery_read .detail_wrap .detail_info li p{text-align:center;font-size:14px;line-height:50px;}
#completion_gallery_read .detail_wrap .detail_info li:first-child{margin-left:0px;}


#completion_gallery_read  .step_wrap{position:relative;border:1px solid #ddd;}
#completion_gallery_read  .step_data{position:relative;background:#fbfaf9;border-bottom:1px solid #e1dcd6;height:78px}
#completion_gallery_read  .step_data ol{zoom:1;*display:inline;height:108px;padding-left:132px;padding-top:25px;}
#completion_gallery_read  .step_data ol li{display:inline}
#completion_gallery_read  .step_data ol li > div{display:block;float:left;width:120px;height:108px;position:relative;margin:0 5px}
#completion_gallery_read  .step_data ol li.after .dot{background:#5f86c5;border:2px solid #5f86c5;}
#completion_gallery_read  .step_data .dot{position:absolute;top:50%;left:50%;width:15px;height:15px;margin-left:-10px;margin-top:-10px;border:2px solid #d3c2a5;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:0}
#completion_gallery_read  .step_data .num{position:relative;font-size:20px;letter-spacing:normal;padding:13px 0 50px 0;z-index:5;text-align: center;font-weight:bold;}
#completion_gallery_read  .step_data .txt{position:relative;font-size:16px;color:#666;z-index:5;text-align: center;}
#completion_gallery_read  .step_data ol li.current > div{width:108px;margin:0 10px}
#completion_gallery_read  .step_data ol li.current .dot{width:100%;height:100%;margin-left:0;margin-top:0;top:0;left:-3px}
#completion_gallery_read  .step_data ol li.current .num{color:#fff;padding:25px 0 12px 0;  text-align: center;}
#completion_gallery_read  .step_data ol li.current .txt{color:#fff;font-weight:700; text-align: center;}


#completion_gallery_read  .graph_wrap2{position:relative;margin:80px 120px 48px 120px}
#completion_gallery_read  .graph_wrap2 > p{position:absolute;top:0}
#completion_gallery_read  .graph_wrap2 .title{left:-70px;font-size:16px;color:#4a4c3e;line-height:16px}
#completion_gallery_read  .graph_wrap2 .num{right:-70px;font-size:16px;color:#4a4c3e;line-height:16px;letter-spacing:normal;text-align:right}
#completion_gallery_read  .graph_wrap2 .bar_wrap{position:relative;height:17px;background:#d3cbc2;overflow:hidden;-webkit-border-radius:8px;-moz-border-radius: 8px;border-radius: 8px}
#completion_gallery_read  .graph_wrap2 .bar_wrap > p{height:100%;position:absolute;width:0;background:url(/html/images/graph02.jpg) repeat}
#completion_gallery_read  .per_pet{position:absolute;top:-60px;left:0}
#completion_gallery_read  .per_pet > div{margin-left:-57px;display:inline-block;zoom:1;*display:inline;width:114px;background:#3f71f9;height:46px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px}
#completion_gallery_read  .per_pet > div > p{line-height:45px;padding-bottom:8px;background:url(/html/images/graph_point.png) center bottom no-repeat;text-align:center;font-size:28px;color:#fff;font-weight:700;letter-spacing:normal;}



/*공정자세히보기 팝업*/
#element_to_pop_up { background-color:#fff;color:#000;display:none; padding:2.5%; width:95%;color:#fff;}
#element_to_pop_up h5{font-size:22px;font-weight:bold;color:#333; background: #eee;padding:10px;}
#element_to_pop_up h5 span{font-size:16px;color:#b8b8b8;font-weight:normal;}
#element_to_pop_up p{margin-top:15px;color:#666;font-size:15px;line-height:25px; padding:0 3%;}
#element_to_pop_up li{float:left;padding-left:2px;padding-top:20px;}
#element_to_pop_up li:first-child{padding-left:0;}

#element_to_pop_up1  { background-color:#fff;color:#000;display:none; padding:2.5%; width:95%;color:#fff;}
#element_to_pop_up1 h5{font-size:22px;font-weight:bold;color:#333; background: #eee;padding:10px;}
#element_to_pop_up1 h5 span{font-size:18px;color:#b8b8b8;font-weight:normal;}
#element_to_pop_up1 p{margin-top:15px;color:#666;font-size:15px;line-height:25px; padding:0 3%;}
#element_to_pop_up1 li{float:left;padding-left:2px;padding-top:20px;}
#element_to_pop_up1 li:first-child{padding-left:0;}

#element_to_pop_up2 { background-color:#fff;color:#000;display:none; padding:2.5%; width:95%;color:#fff;}
#element_to_pop_up2 h5{font-size:22px;font-weight:bold;color:#333; background: #eee;padding:10px;}
#element_to_pop_up2 h5 span{font-size:18px;color:#b8b8b8;font-weight:normal;}
#element_to_pop_up2 p{margin-top:15px;color:#666;font-size:15px;line-height:25px; padding:0 3%;}
#element_to_pop_up2 li{float:left;padding-left:2px;padding-top:20px;}
#element_to_pop_up2 li:first-child{padding-left:0;}

#element_to_pop_up3 { background-color:#fff;color:#000;display:none; padding:2.5%; width:95%;color:#fff;}
#element_to_pop_up3 h5{font-size:22px;font-weight:bold;color:#333; background: #eee;padding:10px;}
#element_to_pop_up3 h5 span{font-size:18px;color:#b8b8b8;font-weight:normal;}
#element_to_pop_up3 p{margin-top:15px;color:#666;font-size:15px;line-height:25px; padding:0 3%;}
#element_to_pop_up3 li{float:left;padding-left:2px;padding-top:20px;}
#element_to_pop_up3 li:first-child{padding-left:0;}

#element_to_pop_up4 { background-color:#fff;color:#000;display:none; padding:2.5%; width:95%;color:#fff;}
#element_to_pop_up4 h5{font-size:22px;font-weight:bold;color:#333; background: #eee;padding:10px;}
#element_to_pop_up4 h5 span{font-size:18px;color:#b8b8b8;font-weight:normal;}
#element_to_pop_up4 p{margin-top:15px;color:#666;font-size:15px;line-height:25px; padding:0 3%;}
#element_to_pop_up4 li{float:left;padding-left:2px;padding-top:20px;}
#element_to_pop_up4 li:first-child{padding-left:0;}

#element_to_pop_up5 { background-color:#fff;color:#000;display:none; padding:2.5%; width:95%;color:#fff;}
#element_to_pop_up5 h5{font-size:22px;font-weight:bold;color:#333; background: #eee;padding:10px;}
#element_to_pop_up5 h5 span{font-size:18px;color:#b8b8b8;font-weight:normal;}
#element_to_pop_up5 p{margin-top:15px;color:#666;font-size:15px;line-height:25px; padding:0 3%;}
#element_to_pop_up5 li{float:left;padding-left:2px;padding-top:20px;}
#element_to_pop_up5 li:first-child{padding-left:0;}

#element_to_pop_up6 { background-color:#fff;color:#000;display:none; padding:2.5%; width:95%;color:#fff;}
#element_to_pop_up6 h5{font-size:22px;font-weight:bold;color:#333; background: #eee;padding:10px;}
#element_to_pop_up6 h5 span{font-size:18px;color:#b8b8b8;font-weight:normal;}
#element_to_pop_up6 p{margin-top:15px;color:#666;font-size:15px;line-height:25px; padding:0 3%;}
#element_to_pop_up6 li{float:left;padding-left:2px;padding-top:20px;}
#element_to_pop_up6 li:first-child{padding-left:0;}

.b-close a{cursor:pointer;position:absolute; right:25px; top:4px;color:#666;font-size:35px;font-weight:normal;}
.b-close a:hover{color:#666;}
.button:hover { background-color: #fff;}
.button{cursor: pointer;}





#completion_gallery_read .more_view_wrap{text-align:center;margin:50px 0 80px 0;}
#completion_gallery_read .more_view_wrap .more_view{ width:70%; text-align: center;background: #3f71f9;border-radius: 30px;
padding:20px 10px;margin-bottom: 30px;color: #fff; font-size:22px;font-weight:bold;}




/* ======================================웹진 게시판 (이미지 + 내용) */
#gray_webzine_list {width:100%;overflow:hidden; margin-top:40px;}
#gray_webzine_list .news_post {
	width:100%;
	float:left;
	border-top:2px solid #808183;
}
#gray_webzine_list .li_news_post {
	float:left;
	border-bottom:1px solid #dcdcdc;
	padding:40px 0 15px 0;
	width:100%;
}

#gray_webzine_list dl {
	margin:2%;
}

#gray_webzine_list dt {
	font-size:1.2em;
	text-decoration:underline;
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	margin-left:10px;
}
#gray_webzine_list dd {
	font-size:1em;
	padding-top:5px;
	text-align:left;
}

#gray_webzine_list dt a { color:#232323; }
#gray_webzine_list dd a { color:#5d5d5d; }
#gray_webzine_list dt a:hover, #webzine_list dd a:hover { text-decoration:underline; }

#gray_webzine_list dd.web2-info {margin-top:15px;}
#gray_webzine_list dd.web2-info ul{
	font-size:14px;
	margin-bottom:10px;
	overflow:hidden;
	margin-left:10px;
}
#gray_webzine_list dd.web2-info ul li {
	float:left;
}
#gray_webzine_list dd.web2-info ul li:nth-child(2n) {
	float:right;
	width:70%;
	text-align:left;
}
#gray_webzine_list dd.web2-info ul li.stt {
 width:25%;
}


/*웹진썸네일*/
#gray_webzine_list .webzine_thum {
	padding:0 2%; 
	-border:1px solid
}
#gray_webzine_list .webzine_thum a {/*웹진썸네일*/
	display:block;
	
}
#gray_webzine_list .webzine_thum a  img {width:100%;border:1px solid #cbcbcb;}
#gray_webzine_list .bottom_info {
	padding-top:5px;
}
#gray_webzine_list .bottom_info li {
	display:inline;
	padding:0 10px 0 0;
	color:#5d5d5d;
	font-family:tahoma;
	font-size:12px;
	border:0;
}
#gray_webzine_list .font_date, #webzine_list .font_hit {
	color:#b6b6b6;
	font-weight:bold;
}

/* ======================================faq 게시판 */
#gray_faq_list .faq_view { border-top:2px solid #808183;  }
#gray_faq_list .faq_view li {border-bottom:1px solid #dcdcdc;}
#gray_faq_list .faq_view h4 { background:url(/board_img/icon_q.png) no-repeat 10px 20px; text-align:left; }
#gray_faq_list .faq_view h4 a {display:block; padding:20px 0 20px 50px;color:#555555;font-weight:bold;}
#gray_faq_list .faq_view div.content {display:none; padding:20px 0 20px 50px; color:#797979; border-top:1px solid #ddd; background:#f8f8f8 url(/board_img/icon_a.png) no-repeat 10px 20px;text-align:left; line-height:24px;}

#gray_faq_list .faq_view2 { border-top:2px solid #808183; }
#gray_faq_list .faq_view2 li {border-bottom:1px solid #dcdcdc;}
#gray_faq_list .faq_view2 h4 { background:url(/board_img/icon_q.png) no-repeat 10px 10px; text-align:left; }
#gray_faq_list .faq_view2 h4 span {display:block; padding:10px 0 10px 50px;color:#555555;font-weight:bold;}
#gray_faq_list .faq_view2 div.content {display:; padding:10px 0 10px 50px; color:#797979; border-top:1px solid #ddd; background:#f8f8f8 url(/board_img/icon_a.png) no-repeat 10px 10px;text-align:left;}


/*=====================================member 회원 탭_세로형멤버탭_20130213*/

#gray_member_tab {width:100%;border-bottom:1px solid #d7d7d7; margin-bottom:50px; -height:40px;} 
#gray_member_tab ul {overflow:hidden;}
#gray_member_tab li {float:left;padding:6px 7px 6px 7px; margin-left:1px; margin-right:1px; width:31%; background:#eeeeee; color:#797979; font-weight:bold; border:1px solid #dcdcdc; cursor:pointer;}
#gray_member_tab li a{color:#797979;}
#gray_member_tab li a:hover{color:#797979;}
#gray_member_tab li:hover { background:#fff; color:#000; font-weight:bold; border:1px solid #dcdcdc; cursor:pointer;}
#gray_member_tab .on {background:#fff; color:#000; font-weight:bold; border:1px solid #dcdcdc; cursor:pointer;}
#gray_member_tab .on a{color:#000000;}
#gray_member_tab .on a:hover{color:#000000;}



/*=====================================member 회원*/
#gray_member {background:url(/board_img/member/member_img_bg.gif) repeat-x ;}
#gray_member .login {width:310px; height:80px; margin:30px auto;}
#gray_member .login li {float:left;}
#gray_member .login_idpw {width:610px; height:30px;margin:10px auto;text-align:center;padding-bottom:50px;}
#gray_member .login_idpw li {float:left;}
#gray_member .login_idpw li.idpw{padding-left:50px;}

#gray_member .id_search {width:310px; height:90px; margin:30px auto;}
#gray_member .id_search li {float:left;}
#gray_member .pw_search {width:310px; height:90px; margin:30px auto;}
#gray_member .pw_search li {float:left;}
#gray_member .withdrawal {width:98%; border:5px solid #eeeeee; height:67px; margin:0 auto;}
#gray_member .withdrawal li {float:left; width:20%; padding:8px 0px 2px 20px;text-align:left;}
#gray_member .under{border-bottom:5px solid #eeeeee; }

#gray_join h1 {margin:0 auto; padding-bottom:40px;}
#gray_join h3 {width:100%; padding-top:20px; padding-bottom:10px; text-align:left; }
#gray_join .realname {border:5px solid #eeeeee; width:98%; height:40px;margin:10px auto; padding-top:20px;}
#gray_join .realname ul {margin:0 auto; width:560px;height:30px;} 
#gray_join .realname_txt {text-align:left;} 


/* 페이징 관련 - 13/01/10 am 11:40 추가 start - */
.newPagingOver {vertical-align:middle; color:#FF5408; border:1px solid #FF5408; font-weight:bold; padding:3px 5px 3px 5px; margin:0 2px;}
.newPaging {vertical-align:middle; color:#797979; border:1px solid #DCDCDC; font-weight; padding:3px 5px 3px 5px; margin:0 2px; cursor:pointer;}
/* 페이징 관련 - 13/01/10 am 11:40 추가 end - */


/* ==================================포토갤러리(가로형)  */
#gray_photo_width{position:relative; border-top:2px solid #808183; border-bottom:1px solid #dcdcdc; padding-top:5px; width:100%;}
#gray_photo_width .img_title {height:30px; padding-left:5px;}
#gray_photo_width .img_title .p_tit{float:left; font-weight:bold; height:30px; line-height:30px;}
#gray_photo_width .img_title .p_data{float:right; font-family:"tahoma"; font-size:11px; line-height:30px;}
#gray_photo_width .photo_b_img {border:3px solid #d7d7d7;}
#gray_photo_width .gallery_thum { margin-top:20px; padding-left:1px; overflow:hidden;}
#gray_photo_width .gallery_thum li {float:left; padding:10px 2px;}
#gray_photo_width .gallery_thum li .photo_s_img{border:3px solid #d7d7d7; margin-right:7px;}
#gray_photo_width .gallery_thum li .photo_s_img:hover{border:3px solid #b0b0b0;}
#gray_photo_width h3 {
	text-align:center;
	padding-top:13px;
	line-height:18px;
	font-weight:bold;
}
#gray_photo_width .p_date {
	text-align:center;
	font-family:"tahoma";
	font-size:11px;
}



/* 게시판 버튼 */
a.btn_bd_write {

	display:inline-block; 
	text-align:center;
	line-height:24px;
	font-size:0.8em;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:60px;
	height:24px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e8e8e8;
	background-image: -webkit-linear-gradient(bottom, #e8e8e8, #fafafa);
	background-image: -moz-linear-gradient(bottom, #e8e8e8, #fafafa);
	background-image: -o-linear-gradient(bottom, #e8e8e8, #fafafa);
	background-image: linear-gradient(to top, #e8e8e8, #fafafa);
}

/*개인정보취급방침*/
#privacy {
	margin:3%;
}
#privacy h2 {
	font-size:17px;
}
#privacy div{
	font-size:14px;
}
.etc-email h2 {margin-bottom:20px;}
.etc-email div h2 {margin-top:20px;}


/* 게시판 탭 */
.board_top_tab {border-right:1px solid #888; overflow:hidden; margin:20px 0px 10px 0;}
.board_top_tab a{float:left; width:120px;padding:10px 0; font-weight:bold;  border:1px solid #888; border-right:none; color:#666;}
.board_top_tab.tb3 a {width:33%;}
a.board_tab_on{color:#ffffff;  background:#999;}

/* 캘린더 게시판 */
#board_calendar {}
#board_calendar .top_moon {position:relative; padding-bottom:10px; font-size:14px;}
#board_calendar .top_moon h4 {font-size:30px; font-weight:bold; text-align:center;width:40%; margin:0 auto; position:relative; color:#000;}
#board_calendar .top_moon h4 a.prev {position:absolute; left:0;}
#board_calendar .top_moon h4 a.next {position:absolute; right:0;}
#board_calendar .top_moon .left_date {position:absolute; left:0;bottom:0;}
#board_calendar .top_moon .right_date {position:absolute; right:0; bottom:0;}

#board_calendar .coun_cal {border:1px solid #333333;border-collapse:collapse;background:#ffffff;}
#board_calendar .coun_cal th {
						border:1px solid #ccc;height:30px;font-weight:bold; font-size:14px; color:#404040;
						background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #efefef 100%);
						background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #efefef 100%);
						background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #efefef 100%);
						background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #efefef 100%);
						background-image: linear-gradient(to bottom, #F7F7F7 0%, #efefef 100%);
}
#board_calendar .coun_cal td {border:1px solid #ccc;font-size:14px; color:#777; text-align:left; min-height:80px;}
#board_calendar .coun_cal td.a3 {color:#166cbd}
#board_calendar .coun_cal td.a4 {color:#dd3f08}
#board_calendar .cal_res {text-align:center;}
#board_calendar .cal_res .btn_cal_res {display:inline-block; *display:inline; zoom:1; padding:2px 5px 0px 5px; font-size:11px; color:#fff; background:#999;}
.today_cal {background:#b4c4e2; color:#fff; padding:3px 7px 3px 7px; display:inline-block; font-weight:bold;}
.allday_cal {padding:3px 7px 3px 7px; display:inline-block;}

.coun_cal2 {border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-collapse:collapse;background:#ffffff;margin-bottom:30px;}
.coun_cal2 th {border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.coun_cal2 td {border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}

#board_calendar .cal_check h4 {font-size:16px; font-weight:bold; color:#000; text-align:left; margin-top:40px; margin-bottom:20px;}
#board_calendar .cal_check h4 span {float:right; font-size:11px; color:#fe0000; font-weight:300; }
.btn_submit01 {color:#fff; padding:2px 15px; background:#000; border:none;}
.btn_submit02 {color:#fff; padding:2px 15px; background:#000; border:none;}

/*파일찾기 스타일 */

.where {
  display: block;
  margin: 25px 15px;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  
  font-style: italic;
} 
.filebox{

}
.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
	filter: Alpha(opacity=0);
}

.filebox label {
    display: inline-block;
	text-align:center;
    padding: 5px 5px;
    color: #666;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f1f1f1;
    cursor: pointer;
    border: 1px solid #ccc;
	margin-left:5px;
	box-sizing:border-box;
  width:34%;
}

/* named upload */
.filebox .upload-name {
	
    display: inline-block;
    padding: 5px 10px;
    font-size: inherit;
    
    line-height: normal;
    vertical-align: middle;
    background-color: #fff;
  border: 1px solid #ccc;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  box-sizing:border-box;
  width:60%;
}

/* imaged preview */
.filebox .upload-display {
    margin-bottom: 5px;
}

.filebox .upload-thumb-wrap {
    display: inline-block;
    width: 75px;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}

.filebox .upload-display {
	display:inline-block;
	width:80px;
}
.filebox .upload-display img {
   width:100%;
	height: auto;
}

.filebox.bs3-primary label {
  color: #fff;
  background-color: #337ab7;
    border-color: #2e6da4;
}


/*모바일 게시판 이미지 100%*/
.board-view-contents img {
	max-width:100%;
}