@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 {}

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



/* 게시판 목록 공통 */

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






/* 카테고리 탭메뉴 */

#cate { margin-bottom:70px; }
#cate .tab { display: flex; flex-wrap: wrap; justify-content: center; margin:-4px; }
#cate .tab > li { margin:4px; border:1px solid #ddd; width:140px; position:relative; }
#cate .tab > li a { display:block; height:100%; padding:16px 20px; font-size: 15px; color:#888; text-align:center; line-height:130%; }
#cate .tab > li.tabon { color:#111; border:1px solid #444; }

#cate.flex_box .tab > li { width:auto; min-width:140px; }

@media (max-width:1660px){
	#cate .tab { margin:-3px; }
	#cate .tab > li { width:calc(70px + 4vw); margin:3px; }
	#cate .tab > li a { padding:13px 16px; }
	#cate.flex_box .tab > li { min-width:calc(70px + 4vw); margin:3px; }
}
@media (max-width:768px){
	#cate .tab { margin:-2px; justify-content: left; }
	#cate .tab > li { margin:2px; }
	#cate .tab > li a { padding:10px 13px; }
}



/* 갤러리 목록 */

#gall_allchk { text-align:right; margin-bottom:16px; font-size:16px; }
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#bo_gall .gall_ul { display:flex; flex-wrap:wrap; margin:calc(-10px - 1.3%) -2%; }
#bo_gall .gall_ul > li { width:33.333%; padding:calc(10px + 1.3%) 2%; }

#bo_gall .gall_ul > li .logo_img { height:240px; border:1px solid #ddd; display:table; width:100%; }
#bo_gall .gall_ul > li .logo_img picture { display:table-cell; vertical-align:middle; text-align:center; padding:40px; }
#bo_gall .gall_ul > li .logo_img picture img { zoom:.8; }
#bo_gall .con h4 { font-size:21px; line-height:130%; font-weight:600; }



@media (max-width:1660px) {
	#bo_gall .gall_ul > li .logo_img { height:calc(60px + 11vw); }
	#bo_gall .gall_ul > li .logo_img picture img { zoom:.7; }
}
@media (max-width:1023px) {
	#bo_gall .gall_ul { margin:calc(-10px - 1.3%) -1.3%; }
	#bo_gall .gall_ul > li { padding:calc(10px + 1.3%) 1.3%; }
	#bo_gall .gall_ul > li .logo_img picture img { zoom:.6; }
}
@media (max-width:767px) {
	#bo_gall .gall_ul > li { width:50%; }
	#bo_gall .gall_ul > li picture { height:24vw; }
	#bo_gall .gall_ul > li .logo_img picture img { zoom:.5; }
}
@media (max-width:440px) {
	#bo_gall .gall_ul > li .logo_img picture img { zoom:.4; }
}



/* 게시판 쓰기 */
#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}




/* 게시판 읽기 */
#bo_v { }

#bo_v .pro_info dl { }
#bo_v .pro_info dl dt { width:42%; height:240px; border:1px solid #ddd; display:table; }
#bo_v .pro_info dl dt picture { display:table-cell; vertical-align:middle; text-align:center; padding:60px; }

#bo_v .pro_info dl dd { width:52%; }

#bo_v .pro_info h3 { font-size:40px; }
#bo_v .pro_info .pro_info_list .tit { width:18%; font-size:18px; color:var(--mc); font-weight:600; line-height:150%; }
#bo_v .pro_info .pro_info_list .con { width:80%; font-size:17px; color:#444; line-height:150%; }
#bo_v .pro_info .pro_info_list .con .bul p { color:#444; }
#bo_v .pro_info .product_btn { text-align:center; }

.products.video_wrap { width:1280px; max-width:100%; height:auto; }
.products.video_wrap > div { position:relative; padding-bottom:56.25%; }
.products.video_wrap iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

@media (max-width:1660px) {
	#bo_v .pro_info dl dt { height:calc(60px + 11vw); }
	#bo_v .pro_info dl dt picture img { zoom:.9; }
}
@media (max-width:1250px) {
	#bo_v .pro_info dl dt picture img { zoom:.8; }
}
@media (max-width:767px) {
	#bo_v .pro_info dl { display:block; }
	#bo_v .pro_info dl dt { width:400px; max-width:100%; margin:0 auto; }
	#bo_v .pro_info dl dt picture img { zoom:.7; }
	#bo_v .pro_info dl dd { width:100%; margin-top:calc(20px + 3vw); }
}
@media (max-width:440px) {
	#bo_v .pro_info dl dt picture img { zoom:.6; }
}


#bo_v_con { width:100%;line-height:1.7em; word-break:break-all; margin:65px 0; }
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_con p { line-height:170%; font-size:17.5px; color:#444; }

#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 a:hover{background-color:#f3f3f3}

#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_file p {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3;font-size:16px; font-weight:400; color:#333;}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative;font-size:15px;}
#bo_v_file a {display:inline-block;color:#666;text-decoration:none;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  {position:absolute;top:5px;right:10px;color:#888;font-size:14px;}

#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link p {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3;font-size:16px; font-weight:400; color:#333; }
#bo_v_link ul {margin:0; padding:10px 0;list-style:none}
#bo_v_link li { padding:5px 10px; position:relative; font-size:15px; white-space: nowrap; overflow:hidden; }
#bo_v_link a { display:inline-block; color:#666; text-decoration:none; word-wrap:break-word; }
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:14px}

#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}

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

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

.bo_v_nb {margin:50px 0 20px; position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding:20px 13px;font-size:16px; white-space: nowrap; overflow:hidden; }
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#888;}
.bo_v_nb li .nb_date{float:right;color:#888;font-size:15px; }




@media (max-width:1660px) {
	#bo_v_img img { margin-top:calc(7px + 2vw); }
	#bo_v #view_top dl > * { padding:calc(3px + 0.4vw) 0; }
	#bo_v .mv_arrow { height:36px; background-size:auto 36px; }
	#bo_v .mv_arrow.prev { left:-50px; }
	#bo_v .mv_arrow.next { right:-50px; }

}

@media (max-width:1100px) {
	#bo_v #view_top li.img { width:50%; }
	#bo_v #view_top li.con { width:42%; }
	#bo_v .mv_arrow { height:30px; background-size:auto 30px; }
	#bo_v .mv_arrow.prev { left:-40px; }
	#bo_v .mv_arrow.next { right:-40px; }
}

@media (max-width:767px) {
	#bo_v #view_top li.img { width:100%; text-align:center; }
	#bo_v #view_top li.con { width:100%; padding-left:0; margin-top:32px; }
	#bo_v .mv_arrow { display:none !important; }
}






/*글쓰기*/

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


#bo_w .tit_cont { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
#bo_w .tit_cont input { width:200px; height:auto; }
#bo_w .tit_cont textarea { width:calc(100% - 210px); height:120px; }

@media (max-width:1000px) {
	#bo_w .tit_cont textarea { width:100%; margin-top:6px; }
}
@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; }
}