@charset "utf-8";

/*게시판 검색 폼*/
.bbs_search01{ position:relative; padding:0; text-align:right; margin:0 auto 25px auto; width:50%; border:1px solid #000; box-sizing:border-box;}
.bbs_search01 span{}
.bbs_search01 select{border:none; background:none; padding-left:5px;height:40px; width:100px; vertical-align:top;}
.bbs_search01 input{ border:none; background:none; vertical-align:top;height:40px; width:calc(100% - 180px); margin-left:10px;}
.bbs_search01 button{height:40px; width:60px;}


/*bbs_all_top*/
.bbs_all_top{font-size:14px; margin-bottom:10px;}
.bbs_all_top .bbs_left{float:left; background:url("/images/home/board/icon03.gif") left 6px no-repeat; padding-left:15px; vertical-align:middle; line-height:25px;}
.bbs_all_top .bbs_right{float:right; vertical-align:middle;}
.bbs_all_top .bbs_right label{ font-size:14px; line-height:25px;}
.bbs_all_top .bbs_right select{ border:1px solid #ccc; background:none;height:25px; vertical-align:top;}
.bbs_all_top .bbs_right button{ height:25px;line-height:25px; vertical-align:top;}
.bbs_all_top::after{ content:""; display:block; clear:both;}

@media all and (max-width :640px) {

.m_hide{ display:none !important;}

.bbs_search01{ width:90%;}

/*bbs_all_top*/
.bbs_all_top{font-size:13px; margin-bottom:5px;}
}


/*bbs_list01**********************************************************************************/
.bbs_list01 {width:100%;clear:both; margin-bottom:25px;border-bottom:1px solid #000;}
.bbs_list01 a:hover{ text-decoration:underline;}
.bbs_list01 table{width:100%; border-top:2px solid #000;}
.bbs_list01 th {color:#000; padding:10px 1%; border-bottom:1px solid #e7e7e7; background:#f9f9f9; line-height:1.8em; font-weight:600; word-break:keep-all;}
.bbs_list01 td {padding:12px 1%; text-align:center; border-bottom:1px solid #e7e7e7; line-height:1.5em;word-break:keep-all;}
.bbs_list01 td span{vertical-align:middle;}
.bbs_list01 .tit, .bbs_list01 .tit02{text-align:left; margin-left:15px;}
.bbs_list01 .tit a, .bbs_list01 .tit02 a{font-weight:600;}
.bbs_list01 .tit p, .bbs_list01 .tit02 p{font-size:14px; color:#888;}

.bbs_list01 tbody tr:nth-child(odd) {background:#fff;}
.bbs_list01 tbody tr:nth-child(even) {background: #f7f7f7;}


/* bbs_list02// 이전다음글게시판*/
.bbs_list02{border-top:1px solid #000;border-bottom:1px solid #000;margin-bottom:30px;color:#000;}
.bbs_list02 a:hover{ text-decoration:underline;}
.bbs_list02 table {width:100%;}
.bbs_list02 th{ padding:12px 10px;background:#f1f1f1; border-bottom:1px solid #ccc;color:#000; line-height:1.8em; font-size:15px;}
.bbs_list02 th img{ margin-top:-3px;}
.bbs_list02 td{border-bottom:1px solid #ccc; padding:12px 10px;line-height:1.8em;}



@media all and (max-width :640px) {
/*bbs_list01*/
.bbs_list01 table thead{ display:none;}
.bbs_list01 table tbody tr{ border-bottom:1px solid #e7e7e7;}
.bbs_list01 table td{ display:inline-block;border-left:none; border-bottom:none; text-align:left; padding:7px 2%; color:#666; font-size:14px;}
.bbs_list01 table .tit{display:block; border-bottom:none; margin-left:0; padding-bottom:0; box-sizing:border-box; vertical-align:middle;}
.bbs_list01 table .tit02{display:block; border-bottom:none; margin-left:0; padding-top:0; box-sizing:border-box; vertical-align:middle;}
.bbs_list01 table .tit a, .bbs_list01 table .tit02 a{ font-size:15px; vertical-align:middle;}


/* bbs_list02// 이전다음글게시판*/
.bbs_list02 table th{ font-size:13px; padding:7px 2%;}
.bbs_list02 table td{ font-size:14px; padding:7px 2%;}
.bbs_list02 table td span{ display:none;}
}



/*bbs_photo01*********************************************************************************/
.bbs_photo01 {width:100%;clear:both; font-size:0; margin-bottom:25px; padding:20px 0;border-top:1px solid #000; border-bottom:1px solid #000; }
.bbs_photo01 .photo_box{display:inline-block; width:33.3333%; padding:0 10px; margin:10px 0; box-sizing:border-box;}
.bbs_photo01 .photo_box a{position:relative; display:block; overflow:hidden; color:#fff; font-size:15px; }
.bbs_photo01 .photo_box a img {display:block; width:100%; height:auto; transition: all 0.4s;}
.bbs_photo01 .photo_box a .overlay{position:absolute; bottom:0; background:rgba(0,0,0,0.7); overflow:hidden; width:100%; height:30%; text-align:center; vertical-align:middle;}
.bbs_photo01 .photo_box a .overlay b{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:400; width:90%; padding:0 5%;}
.bbs_photo01 .photo_box a .overlay strong{ font-size:16px; display:block; font-weight:400; height:22px; overflow:hidden; margin-bottom:5px;}
.bbs_photo01 .photo_box a .overlay em{ font-style:normal; margin-bottom:10px;font-size:14px;}
.bbs_photo01 .photo_box a:hover img{transform:scale(1.2, 1.2)}
.bbs_photo01 .photo_box a:hover .overlay {height:100%;  background:rgba(0,0,0,0.7); transition:.3s ease; transform:translate(00%, 0%);}
.bbs_photo01 .photo_box a:hover .overlay strong{font-weight:600; height:auto; margin-bottom:10px;}

@media all and (max-width :1023px) {
/*bbs_photo01*/
.bbs_photo01 .photo_box{ width:50%;}
.bbs_photo01 .photo_box a .overlay{height:40%;}
.bbs_photo01 .photo_box a .overlay strong{ font-size:15px;}
}

@media all and (max-width :640px) {
/*bbs_photo01*/
.bbs_photo01 .photo_box{padding:0 5px; margin:5px 0;}
}

@media all and (max-width :480px) {

/*bbs_photo01*/
.bbs_photo01 .photo_box{ width:100%; padding:0 10px;}
.bbs_photo01 .photo_box a .overlay{height:30%;}

}


/*bbs_book01*********************************************************************************/
.bbs_book01 {width:100%;clear:both; font-size:0; margin-bottom:25px; padding:20px 0;border-top:1px solid #000; border-bottom:1px solid #000; }
.bbs_book01 .photo_box{display:inline-block; width:25%; padding:0 10px; margin:10px 0; box-sizing:border-box;}
.bbs_book01 .photo_box a{position:relative; display:block; overflow:hidden; color:#fff; font-size:15px; border:1px solid #ddd;}
.bbs_book01 .photo_box a img {display:block; width:100%; height:auto; transition: all 0.4s;}
.bbs_book01 .photo_box a .overlay{position:absolute; bottom:0; background:rgba(0,0,0,0.5); overflow:hidden; width:100%; height:20%; text-align:center; vertical-align:middle;}
.bbs_book01 .photo_box a .overlay b{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:400; width:90%; padding:0 5%;}
.bbs_book01 .photo_box a .overlay strong{ font-size:16px; display:block; font-weight:400; height:22px; overflow:hidden; margin-bottom:5px;}
.bbs_book01 .photo_box a .overlay em{ font-style:normal; margin-bottom:10px;font-size:14px;}
.bbs_book01 .photo_box a:hover img{transform:scale(1.2, 1.2)}
.bbs_book01 .photo_box a:hover .overlay {height:50%;  background:rgba(0,0,0,0.5); transition:.3s ease; transform:translate(00%, 0%);}
.bbs_book01 .photo_box a:hover .overlay strong{font-weight:600; height:auto; margin-bottom:10px;}

@media all and (max-width :1023px) {
/*bbs_photo01*/
.bbs_book01 .photo_box{ width:33.3333%;}
.bbs_book01 .photo_box a .overlay strong{ font-size:15px;}
}

@media all and (max-width :640px) {
/*bbs_photo01*/
.bbs_book01 .photo_box{padding:0 5px; margin:5px 0;}
}

@media all and (max-width :480px) {

/*bbs_photo01*/
.bbs_book01 .photo_box{ width:50%; padding:0 10px;}

}




/* bbs_view01 *********************************************************************************/
.bbs_view01 {border-bottom:1px solid #000; /*border-top:2px solid #000;*/ clear:both; margin-bottom:30px;}

.bbs_view01 .bv_title{font-size:20px; padding:12px 2%; text-align: left; line-height:32px; font-weight:400; border-bottom:1px solid #dedede; border-top:2px solid #000; background:#f1f1f1; letter-spacing:-1px;}
.bbs_view01 .bv_title span{ line-height:22px; vertical-align:middle; margin-top:-3px; }
.bbs_view01 .bv_txt01 { padding:12px 2%; border-bottom:1px solid #dedede;}
.bbs_view01 .bv_txt01 span { line-height:25px; margin-right:30px;}
.bbs_view01 .bv_txt01 strong { color:#1a3c93; font-weight:400; margin-right:15px; font-size:15px;}


.bv_content {padding:30px 0 40px 0; clear:both; line-height:1.8em; font-size:15px;}
.bv_content div{ text-align:center; margin-bottom:20px;}
.bv_content img{ text-align:center; max-width:80%; margin-bottom:10px;}
.bv_content_img p{ text-align:center;}
.bv_content .bv_content_text { text-align:left !important;}
.bv_content .bv_content_text p{ text-align:left !important;}
.bv_content .bv_content_text div{ text-align:left !important;}

.bbs_view01 .bv_file01 {padding:20px;border-top:1px solid #dedede; background:#f1f1f1;}
.bbs_view01 .bv_file01 .fw{ font-weight:400;}
.bbs_view01 .bv_file01 li{ display:inline-block;}
.bbs_view01 .bv_file01 span{ display:inline-block; padding:0 10px 0 25px; background:url('/images/home/board/docu01.gif') left 5px no-repeat;}
.bbs_view01 .bv_file01 span a{ padding:4px 0; display:inline-block;}


@media all and (max-width :640px) {
/* bbs_view01 */
.bbs_view01 .bv_title{font-size:17px;}
.bbs_view01 .bv_txt01 { padding:10px 2%;}
.bbs_view01 .bv_txt01 span {margin-right:10px;font-size:14px;}
.bbs_view01 .bv_txt01 strong {padding-left:0px;font-size:13px;margin-right:5px;}
.bv_content{font-size:14px;}
.bbs_view01 .bv_file01 {padding:7px 2%;}
.bbs_view01 .bv_file01 span{padding:0 10px 0 20px; background:url('/images/home/board/docu01.gif') left 8px no-repeat; background-size:15px; font-size:13px;}
}


/* bbs_write01 *********************************************************************************/
.bbs_write01{clear:both;margin-bottom:25px;border-bottom:1px solid #000; font-size:15px;}
.bbs_write01 table{ width:100%;border-top:2px solid #000; }
.bbs_write01 th {border-bottom:1px solid #e7e7e7; background:#f3f3f3; color:#000; padding:10px 0.5%; word-break:keep-all !important; width:15%;}
.bbs_write01 td {border-bottom:1px solid #e7e7e7; padding:10px 0.5%;text-align:left;}
.bbs_write01 .bw_text01{ margin:10px 20px;  border:1px solid #e5e5e5;}
.bbs_write01 .bw_text01 textarea{ width:100%; height:250px; border:0; box-sizing:border-box;}
.bbs_write01 .bw_bg01{background:#f8f8f8;}
.bbs_write01 td span{ padding-right:20px; display:inline-block;}
.bbs_write01 td textarea{width:100%; height:200px; border:1px solid #ddd; box-sizing:border-box;}
.bbs_write01 td input{ margin:1px 0;}

.bbs_write01 .bw_bg02{background:#f2f2f2; box-sizing:border-box;}
.bbs_write01 .bw_bg02 a{background:#fff; display:block; padding:10px 0; margin-bottom:1px;}
.bbs_write01 .bw_bg02 .bw_top{background:url("/images/home/board/icon_down01.png") 99% center no-repeat; padding-right:30px;}
.bbs_write01 .bw_bg02 .bw_down{background:url("/images/home/board/icon_top01.png") 99% center no-repeat; padding-right:30px;}
.bbs_write01 .bw_bg02 .bv_content{ background:#fff; padding:2%; font-weight:400; line-height:1.5em;}

.bbs_write01 .bbsw_txt01{ font-size:14px;}
.bbs_write01 .bbsw_txt02{font-size:14px; color:#888;}

.bbs_write01 .bw_file01{ margin-bottom:5px;}
.bbs_write01 .bw_upload01{ margin-bottom:5px;}


/*개인정보활용동의*/
.agree{ text-align:center;}
.agree > span{ display:inline-block; background:#23b086; border-radius:20px; padding:5px 20px; margin-top:10px;font-weight:bold; color:#fff;}
.agree .input_agree{ width:25px; height:25px !important; line-height:25px; display:inline-block;}

@media all and (max-width :1023px) {
/*bbs_write01*/
.bbs_write01 table td > .bbsw_txt01{ display:block; font-size:13px;}
}

@media all and (max-width :640px) {
/*bbs_write01*/
.bbs_write01 table{ line-height:1em;}
.bbs_write01 table td{ display:block;border-left:none; text-align:left; padding:7px 2%;}
.bbs_write01 table th{display:block; font-size:13px; border-left:none; border-bottom:none; text-align:left; padding:7px 2%; width:96%;}
.bbs_write01 table td > span{font-size:14px;}
.bbs_write01 .bw_bg02{ text-align:center;}
.bbs_write01 .bbsw_txt01{font-size:12px;}
.bbs_write01 .bbsw_txt02{font-size:12px;}
}




/* 게시판 페이지링 *********************************************************************************/
.bbs_page{text-align:center; font-size:0px; margin-bottom:30px;display:table; width:100%;}
.bbs_page ul{ display:inline-block; vertical-align:top;}
.bbs_page ul li{display:inline-block;line-height:33px; height:33px; border:1px solid #ccc; background:#fff; font-size:15px; margin:0 3px;}
.bbs_page a{display:block; padding:0px; width:33px; text-align:center;}
.bbs_page a:hover{background:#ccc;}
.bbs_page a img{ line-height:33px; margin:-2px 2px 0 3px;}
.bbs_page .on{font-weight:bold; color:#fff; background:#666; border:1px solid #666; width:33px; text-align:center;}

@media all and (max-width :640px) {
/* 게시판 페이지링 */
.bbs_page ul li{line-height:28px; height:25px;font-size:14px; margin:0 2px;}
.bbs_page a{width:25px;}
.bbs_page a img{ line-height:25px; margin:-3px 2px 0 3px;}
.bbs_page .on{width:25px;}

}




/*버튼 스타일 02*********************************************************************************/
.sbtn_style{font-size:13px; padding:3px 7px; border-radius:3px; border:1px solid; letter-spacing:-0.05em;}
.tbtn_style{font-size:13px; padding:0px 7px; border:1px solid; letter-spacing:-0.05em;}
.btn_style{font-size:15px; padding:7px 20px; border-radius:3px; border:1px solid; letter-spacing:-0.05em;}

.btn_red {color: #fff;background:#ea2c00; border-color:#ea2c00;}
.btn_blue {color: #fff;background:#005ede; border-color:#005ede;}
.btn_purple {color: #fff;background:#4e00de; border-color:#4e00de;}
.btn_navy {color: #fff;background:#1e2459; border-color:#1e2459;}
.btn_orange{color: #fff;background:#ff6000; border-color:#ff6000;}
.btn_green {color: #fff;background:#539801; border-color:#539801;}
.btn_white {color: #000;background:#f5f5f5; border-color:#ccc;}
.btn_black {color: #fff;background:#000; border-color:#000;}
.btn_gray {color: #fff;background:#555; border-color:#555;}




@media all and (max-width :640px) {

/*버튼 스타일 02*/
.btn_style{font-size:14px; padding:7px 10px;}

}





/*로그인화면*********************************************************************************/
.login_guide{ width:300px; margin:80px auto 0 auto; border:1px solid #ddd; background:#e7ebef; border-radius:10px; padding:50px 3% 40px 3%;}
.login_guide .tit{ margin-bottom:20px;}
.login_guide strong{ font-size:40px; display:block; text-align:center; letter-spacing:-0.05em; margin-bottom:30px;}
.login_guide p{font-size:14px; background:url(/images/home/inc/icon_li02.gif) left 11px no-repeat; padding-left:10px;}

.login_guide .login_box{ padding:0px 3%;}
.login_guide .login_box li{ margin-bottom:10px;}
.login_guide .login_box input{ width:100%; padding:5px;}
.login_guide .login_box button{width:100%; background:#005ee1; color:#fff; height:50px; font-size:18px; font-weight:600;}



@media all and (max-width :480px) {
.login_guide{ width:90%; margin:0px auto; box-sizing:border-box;  padding:50px 5% 40px 5%;}
.login_guide strong{ font-size:30px;}
}