@charset "utf-8";
/* SIR 지운아빠 */

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

/* 게시판 버튼 */
/* 목록 버튼 */
#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 { vertical-align:top !important; } /* 서식단계 진행 */
#bo_w .btn_confirm * { vertical-align:top !important; }
#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 {}

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



/* 게시판 목록 */

#cate .tab li a { display:inline-block; width:100%; }
#cate { margin-bottom:40px; }

/* 갤러리 목록 */

#gall_allchk { text-align:right; }
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:0 -15px;padding:0;list-style:none;zoom:1}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_box {position:relative;}
#bo_gall .gall_li .gall_chk{position:absolute;top:6px;left:14px; z-index:100; }

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative;min-height:1px;padding-left:20px;*padding-left:0;padding-right:20px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:50%}
.gall_row .col-gn-3{width:33.33333333%}
.gall_row .col-gn-4{width:25%}
.gall_row .col-gn-5{width:20%}
.gall_row .col-gn-6{width:16.66666667%}
.gall_row .col-gn-7{width:14.28571428%}
.gall_row .col-gn-8{width:12.5%}
.gall_row .col-gn-9{width:11.11111111%}
.gall_row .col-gn-10{width:10%}

.gall_row .box_clear{clear:both}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}

#bo_gall .gall_img {position:relative; height:280px; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer;  }

#bo_gall .gall_img p { position:absolute; width:100%; height:100%; left:0; top:0; z-index:10; background:url('/images/mplus2.png') center no-repeat; opacity:0; }
#bo_gall .gall_img:hover div { position:absolute; width:100%; height:100%; background:#000; opacity:.7; left:0; top:0; z-index:0; }
#bo_gall .gall_img:hover p { opacity:1; }

#bo_gall .gall_text_href {margin-top:15px; text-align:center; font-weight:400; font-size:17px; line-height:140%; height:100px; }

#bo_gall .bo_tit .title_icon { vertical-align:middle; margin-bottom:4px; margin-left:2px; }
#bo_gall .gall_info {font-size:15px; text-align:center; margin-top:6px; }
#bo_gall .gall_info .gall_date{color:#777;}


@media (max-width:1660px) {
	#bo_gall #gall_ul {margin:0 -10px;}
	.gall_row .col-gn-3 {padding-left:10px;padding-right:10px;}
	#bo_gall .gall_img { height:19vw; }
}
@media (max-width:1200px) {
	#bo_gall .gall_text_href { font-size:16px; }
}

@media (max-width:1000px) {
	#bo_gall #gall_ul {margin:0 -2%;}
	.gall_row .col-gn-3{width:50%; padding-left:2%;padding-right:2%; }
	#bo_gall .gall_text_href { height:80px; }
	#bo_gall .gall_img { height:calc(28vw); }
}

@media (max-width:768px) {
	#bo_gall #gall_ul {margin:0 -1%;}
	.gall_row .col-gn-3{padding-left:1%; padding-right:1%; }
	#bo_gall .gall_text_href { font-size:15px; height:70px; }
	#bo_gall .gall_img { height:calc(29vw); }
}

@media (max-width:600px) {
	#bo_gall .gall_text_href { font-size:14px; }
}

@media (max-width:420px) {
	#bo_gall #gall_ul {margin:0;}
	.gall_row .col-gn-3{width:100%; padding-left:0;padding-right:0; margin-top:40px; }
	#bo_gall .gall_img { height:calc(54vw); }
	#bo_gall #gall_ul li:first-child { margin-top:0; }
	#bo_gall .gall_text_href { font-size:13.5px; height:auto; }
}




/* 게시판 목록 공통 */
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {float:right;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;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius: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 button, .btn_bo_user a { font-size:15px; }

.btn_bo_adm {float:left;}
.btn_bo_adm:after { clear:both; visibility:hidden; display:block; content:''; }
.btn_bo_adm li {float:left;margin-right:6px;}


#bo_sch {display:inline-block; border:1px solid #ccc;background:#fff;border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
#bo_sch .sch_input{height:38px;border:0;padding-left:10px;font-size:14px;background-color:transparent;float:left}
#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

#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:bold}






/* 포트폴리오 상세보기 */

#pf_wrap { position:fixed; width:900px; height:640px; left:50%; top:50%; margin:-330px 0 0 -450px; display:none; z-index:20000; }


#pf_close { position:absolute; width:42px; height:42px; border-radius:50%; right:-50px; top:-30px; background:#999 url('/images/pf_close.gif') center no-repeat; cursor:pointer; }
#pf_close:hover { background-color:#333; }

#pf_title { color:#222; text-align:center; font-size:26px; font-weight:500; height:70px; line-height:130%; }
#pf_img li { width:900px; height:570px; background-repeat:no-repeat; background-size:cover; background-position:center;}

.pf_arr { position:absolute; top:50%; margin-top:-30px; width:40px; height:60px; z-index:100; cursor:pointer; opacity:.5; transition:all .4s; }

.pf_prev { left:50%; margin-left:-510px; background:url('/images/pf_prev.png') center no-repeat; }
.pf_next { right:50%; margin-right:-510px; background:url('/images/pf_next.png') center no-repeat; }
.pf_arr:hover { opacity:1; }


@media (max-width:1100px) {
	#pf_close { width:38px; height:38px; background-size:12px 12px; }
	#pf_wrap { width:640px; height:475px; margin:-250px 0 0 -320px; }
	#pf_img li { width:640px; height:405px; }
	#pf_title { font-size:22px; height:60px; }
	.pf_arr { width:20px; height:36px; background-size:20px 36px; margin-top:-18px; }
	.pf_prev { margin-left:-370px; }
	.pf_next { margin-right:-370px; }
}

@media (max-width:767px) {
	#pf_close { top:-50px; right:20px;  }
	.pf_arr { display:none !important; }
	#pf_wrap { width:100%; left:0; margin:-250px 0 0 0; }
	#pf_img li { width:100%; }
}
@media (max-width:600px) {
	#pf_title { font-size:19px; height:50px; }
	#pf_wrap { height:340px; margin:-180px 0 0 0; }
	#pf_img li { height:340px; }
}
@media (max-width:420px) {
	#pf_close { width:28px; height:28px; background-size:10px 10px; }
	#pf_title { font-size:16px; }
	#pf_wrap { height:240px; margin:-150px 0 0 0; }
	#pf_img li { height:240px; }
}






/*글쓰기*/
#bo_w .write_div{margin:12px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:50%}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}

#bo_w .bo_w_link label {position:absolute;top:14px;left:1px;width:40px; text-align:center;color:#888; font-size:16px;}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:5px;left:0;width:40px; text-align:center;color:#888; font-size:16px;}
#bo_w .bo_w_link .frm_input, #bo_w .bo_w_flie .frm_file{padding-left:50px}

#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}


@media (max-width:760px) {
	#bo_w .bo_w_link label { top:10px }
	#bo_w .bo_w_flie .frm_file { width:300px; }

}

@media (max-width:420px) {
	#bo_w .bo_w_link label { top:7px }
	#bo_w .bo_w_flie .frm_file { width:200px; }

}