@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_b01{}
#bo_gall a.btn_b01:focus, #bo_gall a.btn_b01:hover{}
#bo_gall a.btn_b02{}
#bo_gall a.btn_b02:focus, #bo_gall a.btn_b02:hover{}
#bo_gall a.btn_admin{} /* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus, #bo_gall .btn_admin:hover{}

/* 읽기 버튼 */
#bo_v a.btn_b01{}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover{}
#bo_v a.btn_b02{}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover{}
#bo_v a.btn_admin{} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover{}

/* 쓰기 버튼 */
#bo_w .btn_confirm{} /* 서식단계 진행 */
#bo_w .btn_submit{}
#bo_w button.btn_submit{}
#bo_w fieldset .btn_submit{}
#bo_w .btn_cancel{}
#bo_w button.btn_cancel{}
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover{}
#bo_w a.btn_frmline, #bo_w button.btn_frmline{} /* 우편번호검색버튼 등 */
#bo_w button.btn_frmline{}

/* 기본 테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01{}
#bo_v .tbl_head01 caption{}
#bo_v .tbl_head01 thead th{}
#bo_v .tbl_head01 thead a{}
#bo_v .tbl_head01 thead th input{} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th{}
#bo_v .tbl_head01 tfoot td{}
#bo_v .tbl_head01 tbody th{}
#bo_v .tbl_head01 td{}
#bo_v .tbl_head01 a{}
#bo_v td.empty_table{}

/* 쓰기 테이블 */
#bo_w table{}
#bo_w caption{}
#bo_w .frm_info{}
#bo_w .frm_address{}
#bo_w .frm_file{}

#bo_w .tbl_frm01{}
#bo_w .tbl_frm01 th{}
#bo_w .tbl_frm01 td{}
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input{}
#bo_w .tbl_frm01 textarea{}
/*
#bo_w .tbl_frm01 #captcha{}
#bo_w .tbl_frm01 #captcha input{}
*/
#bo_w .tbl_frm01 a{}

/* 필수입력 */
#bo_w .required, #bo_w textarea.required{}

#bo_w .cke_sc{}
#bo_w button.btn_cke_sc{}
#bo_w .cke_sc_def{}
#bo_w .cke_sc_def dl{}
#bo_w .cke_sc_def dl:after{}
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd{}
#bo_w .cke_sc_def dt{}
#bo_w .cke_sc_def dd{}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_cate h2{width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#bo_cate ul{margin-bottom:10px;padding-left:1px;zoom:1;}
#bo_cate ul:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_cate li{float:left;margin-bottom:-1px;}
#bo_cate a{display:block;position:relative;width:auto;border:1px solid #ddd;background:#f6f6f6;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;padding:10px 30px;margin-left:-1px;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background:#fff;color:#222;text-decoration:none;}
#bo_cate #bo_cate_on{border:1px solid #565e60;background:#fff;font-weight:600;color:#222;z-index:2;}

.td_subject img{margin-left:3px;}

/* 갤러리 목록 */
#bo_gall h2{margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#bo_gall #gall_ul{margin:10px 0 0;padding:0;list-style:none;zoom:1;}
#bo_gall #gall_ul:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_gall .gall_li{float:left;margin:0 10px 30px 0;}

#bo_gall .gall_con{margin:0;padding:0;list-style:none;}
#bo_gall .gall_con li{margin:0 0 4px;}
#bo_gall .gall_con .gall_subject{display:inline-block;width:50px;}

#bo_gall .gall_now .gall_text_href a{color:#ff3061;}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover{text-decoration:none;}
#bo_gall .gall_href strong, #bo_gall .gall_href span{display:inline-block;background:#f6f6f6;text-align:center;line-height:10em;}

#bo_gall .gall_text_href{margin:10px 0 !important;}
#bo_gall .gall_text_href a{font-weight:600;}
#bo_gall .gall_text_href span{display:inline !important;}
#bo_gall .gall_text_href img{margin:0 0 0 4px;}

/* 게시판 목록 공통 */
.bo_fx{margin-bottom:5px;zoom:1;}
.bo_fx:after{display:block;visibility:hidden;clear:both;content:"";}
.bo_fx ul{margin:0;padding:0;list-style:none;}
#bo_list_total{float:left;padding-top:5px;}
.btn_bo_user{float:right;margin:0;padding:0;list-style:none;}
.btn_bo_user li{float:left;margin-left:5px;}
.btn_bo_adm{float:left;}
.btn_bo_adm li{float:left;margin-right:5px;}
.btn_bo_adm input{background:#fff;border:1px solid #b20518;color:#b20518;text-decoration:none;vertical-align:middle;padding:8px;}
.btn_bo_adm input:focus, .btn_bo_adm input:hover{background:#b20518;color:#fff;}
.bo_notice td{background:#f7f7f2;}
.bo_notice td a{font-weight:600;}
.td_num strong{color:#000;}
.bo_cate_link{display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:600;text-decoration:none;} /* 글제목줄 분류스타일 */
.bo_current{color:#e8180c;}

#bo_sch{margin-bottom:10px;padding-top:5px;text-align:center;}
#bo_sch legend{position:absolute;border-bottom:none;font-size:0;line-height:0;text-indent:-9999em;padding:0;margin:0;overflow:hidden;}

#bo_gall li.empty_list{padding:85px 0;text-align:center;}

/* 게시판 쓰기 */
#char_count_desc{display:block;margin:0 0 5px;padding:0;}
#char_count_wrap{margin:5px 0 0;text-align:right;}
#char_count{font-weight:600;}

#autosave_wrapper{position:relative;}
#autosave_wrapper input{width:auto;}
#autosave_pop{display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll;}
html.no-overflowscrolling #autosave_pop{height:auto;max-height:10000px !important;} /* overflow 미지원 기기 대응 */
#autosave_pop strong{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#autosave_pop div{text-align:right;}
#autosave_pop button{margin:0;padding:0;border:0;background:transparent;}
#autosave_pop ul{margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
#autosave_pop li{padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1;}
#autosave_pop li:after{display:block;visibility:hidden;clear:both;content:"";}
#autosave_pop a{display:block;float:left;}
#autosave_pop span{display:block;float:right;}
.autosave_close{cursor:pointer;}
.autosave_content{display:none;}

/* 게시판 읽기 */
#bo_v{margin-bottom:20px;padding-bottom:20px;}

#bo_v_table{position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:600;line-height:2.2em;}

#bo_v_title{padding:10px 0;font-size:1.2em;}

#bo_v_info{padding:0 0 10px;border-bottom:1px solid #ddd;}
#bo_v_info h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_info strong{display:inline-block;margin:0 15px 0 5px;font-weight:normal;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest{font-weight:600;}

#bo_v_file{}
#bo_v_file h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_file ul{margin:0;padding:0;list-style:none;}
#bo_v_file li{padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa;}
#bo_v_file a{display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word;}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active{text-decoration:none;}
#bo_v_file img{float:left;margin:0 10px 0 0;}
.bo_v_file_cnt{display:inline-block;margin:0 0 3px 16px;}

#bo_v_link{padding:0;margin-bottom:20px;}
#bo_v_link h2{position:absolute;font-size:0;line-height:0;}
#bo_v_link ul{list-style:none;padding:0;margin:0;}
#bo_v_link li{background:#f6f6f6;padding:0 10px;}
#bo_v_link a{display:inline-block;width:100%;color:#000;word-wrap:break-word;padding:8px 0;}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active{text-decoration:none;}
.bo_v_link_cnt{display:inline-block;margin:0 0 3px 16px;}

#bo_v_top{margin:0 0 10px;padding:10px 0;zoom:1;}
#bo_v_top:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_top h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_top ul{margin:0;padding:0;list-style:none;}

#bo_v_bot{zoom:1;}
#bo_v_bot:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_bot h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_bot ul{margin:0;padding:0;list-style:none;}

.bo_v_nb{float:left;}
.bo_v_nb li{float:left;margin-right:5px;}
.bo_v_com{float:right;}
.bo_v_com li{float:left;margin-left:5px;}

#bo_v_atc{min-height:200px;height:auto !important;height:200px;padding:0;}
#bo_v_atc_title{position:absolute;font-size:0;line-height:0;overflow:hidden;}

#bo_v_img{margin:0 0 10px;width:100%;overflow:hidden;zoom:1;}
#bo_v_img:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_img img{margin-bottom:20px;max-width:100%;height:auto;}

#bo_v_con{margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;}
#bo_v_con a{color:#000;text-decoration:underline;}
#bo_v_con img{max-width:100%;height:auto;}

#bo_v_act{margin-bottom:30px;text-align:center;}
#bo_v_act .bo_v_act_gng{position:relative;}
#bo_v_act a{margin-right:5px;vertical-align:middle;}
#bo_v_act strong{color:#ff3061;}
#bo_v_act_good, #bo_v_act_nogood{display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center;}

#bo_v_sns{margin:0 0 20px;padding:0;list-style:none;zoom:1;}
#bo_v_sns:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_sns li{float:left;margin:0 5px 0 0;}

/* 게시판 댓글 */
#bo_vc{margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9;}
#bo_vc h2{margin-bottom:10px;}
#bo_vc article{padding:0 0 10px;border-top:1px dotted #ccc;}
#bo_vc header{position:relative;padding:15px 0 5px;}
#bo_vc header .icon_reply{position:absolute;top:15px;left:-20px;}
#bo_vc .sv_wrap{margin-right:15px;}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{font-weight:600;}
.bo_vc_hdinfo{display:inline-block;margin:0 15px 0 5px;}
#bo_vc h1{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_vc a{color:#000;text-decoration:none;}
#bo_vc p{padding:0 0 5px;line-height:1.8em;}
#bo_vc p a{text-decoration:underline;}
#bo_vc p a.s_cmt{text-decoration:none;}
#bo_vc_empty{margin:0;padding:20px !important;text-align:center;}
#bo_vc #bo_vc_winfo{float:left;}
#bo_vc footer{zoom:1;}
#bo_vc footer:after{display:block;visibility:hidden;clear:both;content:"";}

.bo_vc_act{float:right;margin:0;list-style:none;zoom:1;}
.bo_vc_act:after{display:block;visibility:hidden;clear:both;content:"";}
.bo_vc_act li{float:left;margin-left:5px;}

#bo_vc_w{position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8;}
#bo_vc_w h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_vc_w #char_cnt{display:block;margin:0 0 5px;}

#bo_vc_sns{margin:0;padding:0;list-style:none;zoom:1;}
#bo_vc_sns:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_vc_sns li{float:left;margin:0 20px 0 0;}
#bo_vc_sns input{margin:0 0 0 5px;}

.wz_btn_mid{
	display:inline-block;
	padding:0 5px;
	border:1px solid #d0d0d0;
	border-radius:1px;
	background:#fbfbfb;
	font-family:'돋움',Dotum,Verdana,applegothic;line-height:1.5;font-size:11px;letter-spacing:-1px;cursor:pointer;
	color:#333;
	line-height:21px;height:21px;
	text-align:center;
	vertical-align:middle;
	-webkit-box-shadow:inset 1px 1px #fff,inset -1px -1px #f6f6f6,0 1px rgba(0,0,0,0.03);
}
.wz_desc_sm{font-family:'돋움',Dotum,Verdana,applegothic;line-height:1.5;font-size:11px;letter-spacing:-1px;;}


/*추가*/
.isotope-item {
	z-index:2
}
.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}
.isotope,.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	transition-duration:0.8s;
}
.isotope {
	-webkit-transition-property:height,width;
	-moz-transition-property:height,width;
	transition-property:height,width;
}
.isotope .isotope-item {
	-webkit-transition-property:-webkit-transform,opacity;
	-moz-transition-property:-moz-transform,opacity;
	transition-property:transform,opacity;
}
.isotope-item {
	z-index:2
}
.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}
.isotope,.isotope .isotope-item {
	/* change duration value to whatever you like */ -webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	transition-duration:0.8s;
}
.isotope {
	-webkit-transition-property:height,width;
	-moz-transition-property:height,width;
	transition-property:height,width;
}
.isotope .isotope-item {
	-webkit-transition-property:-webkit-transform,opacity;
	-moz-transition-property:-moz-transform,opacity;
	transition-property:transform,opacity;
}
.boxportfolio4 {
	float:left;
	padding:0 10px;
	width:23.076923076923077%;
	display:inline-block;
	margin-bottom:20px;
	position:relative;
	z-index:0;
}
.boxportfolio4 img {
  width:auto\9;
  height:auto;
  max-width:100%;
  vertical-align:middle;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.boxportfolio4.g_box {
	width:23.076923076923077%;
}
.g_box {
	position:relative;
	border:1px solid #ededed;
	background:#fff;
	font-size:13px;
	text-align:center;
	transition:border 500ms ease-out;
	-webkit-transition:border 500ms ease-out;
	-moz-transition:border 500ms ease-out;
	-o-transition:border 500ms ease-out;
}
.g_box ul{padding:0;margin:0;}
.g_box ul.g_con{padding:14px;}
.g_box ul.g_con li{text-align:left;}
.g_box li{font-size:13px;color:#666;list-style:none}
.g_box li span{font-size:10px;color:#aaa;}
.g_box li span.emp{padding-left:8px;}
.g_box li.g_img{background:#000;}
.g_box li.g_img img{width:100%;}
.g_box li.g_tit{line-height:1.4;margin-bottom:10px;}
.g_box li.g_tit a{font-size:13px;font-weight:600;color:#444;line-height:1.6;}
.g_box li.g_tit a:hover{color:#222;}
.g_box li.btn_revise{margin:10px 0;}
.g_box li.btn_revise a{background:#888;font-size:12px;color:#fff;padding:6px;}
.g_box li.btn_revise a:hover{background:#666;}

.boxportfolio4.fixed img {
	width:100%;
	height:180px;
}

@media (max-width:1024px) {
	.boxportfolio4, .boxportfolio4.g_box {width:22.076923076923077%;}
 	.boxportfolio4.fixed img {height:120px;}
}
@media (max-width:767px) {
	.boxportfolio4, .boxportfolio4.g_box {width:28%;}
}
@media (min-width:750px) {
	.boxportfolio4, .boxportfolio4.g_box {width:22%;}
}
@media (min-width:470px) and (max-width:603px) {
	.boxportfolio4 {width:44.317948717948715%;}
	.boxportfolio4.g_box {width:44.317948717948715%;}
	.boxportfolio4.fixed img {height:150px;}
}
@media (max-width:480px) {
	.boxportfolio4 {width:100%;}
	.boxportfolio4.g_box {width:100%;}
	.boxportfolio4.fixed img {height:160px;}	
}