@charset "utf-8";

/*
/* BBS_HEAD
/*=================================*/

/* 게시판 상단 정보영역 : 페이지 수, 검색  */
.bbs_info {position: relative; margin-top:15px;}
.bbs_info:after {content:""; display:block; height:0; clear:both;}

/* 페이지 수 */
.bbs_info .page {float:left; margin-top:10px;}
.bbs_info .page p {display:inline-block; margin-right:10px;}
.bbs_info .page select {height:26px; padding:2px;}
.bbs_info .page em {color:#4c4c4c; font-weight:bold;}

/* Search */
.bbs_info .bbs_search {float:right}
.btnSearch {display:inline-block;height:26px;padding:0 10px 0 25px;border:1px solid #565455;background:#565455 url("../images/btn/btn_icon2.png") no-repeat 8px center;color:#fff}

/*
/* BBS_LIST
/*=================================*/
/* 리스트 : 일반게시판 */
.bbs_list {margin-top:10px; font-size:13px}
.bbs_list img {max-width: 100%;border: 0;}
.bbs_list > table.list_1 {width:100%; border-top:#4c4c4c solid 2px;}
.bbs_list > table.list_1 > thead > tr > th,
.bbs_list > table.list_1 > tbody > tr > th,
.bbs_list > table.list_1 > thead > tr > td,
.bbs_list > table.list_1 > tbody  > tr > td {padding:12px 0; border-bottom:#ddd solid 1px; text-align:center;}
.bbs_list > table.list_1 > thead > tr > th,
.bbs_list > table.list_1 > tbody > tr > th {background-color:#f0f0f0; font-weight:bold; padding:12px 0}
.bbs_list > table.list_1 > tbody > tr:hover > td {background-color:#eee;}
.bbs_list > table.list_1 td.subject{white-space:nowrap; padding:12px 8px; text-align:left;  overflow:hidden;}
.bbs_list > table.list_1 .notice {background-color:#4c4948; color:#fff; padding:12px 4px;}

/* 리스트 : 이미지링크형 */
.bbs_list > table.list_2 {width:100%; border-top:#4c4c4c solid 2px; border-bottom:#4c4c4c solid 2px;}
.bbs_list > table.list_2 > tbody  > tr > td {position: relative; line-height:1.5em; text-align:left; width:50%; padding:20px 0px; border-bottom:#ddd solid 1px;}
.bbs_list > table.list_2 > tbody  > tr > td .fl {float:left; width:28%;}
.bbs_list > table.list_2 > tbody  > tr > td .fl > p {border:#ccc solid 1px; padding:5px; text-align:center; min-height:80px; line-height:3em;}
.bbs_list > table.list_2 > tbody  > tr > td .fr {float:right; width:70%; margin-left:2%;}
.bbs_list > table.list_2 > tbody  > tr > td .fr p {line-height:1.5em;}
.bbs_list > table.list_2 > tbody  > tr > td .fr .bbs_tit {font-weight:bold; font-size:14px; margin:5px 0px 7px 0px;}
.bbs_list > table.list_2 > tbody  > tr > td .fr .bbs_tit:after {content:""; display:block; height:0; clear:both;}
.bbs_list > table.list_2 > tbody  > tr > td .fr .bbs_tit span {margin-right:5px;}
.bbs_list > table.list_2 > tbody  > tr > td .fr .bbs_memo{line-height:1.8em}
.bbs_list > table.list_2 > tbody  > tr > td .fr .writer {position:absolute; bottom:17px; height:20px; }
.bbs_list > table.list_2 > tbody  > tr > td .fr .writer dt {font-weight:bold; float:left;}
.bbs_list > table.list_2 > tbody  > tr > td .fr .writer dd {float:left; padding:0; margin:0 20px 0 5px;}

/* 리스트 : 갤러리게시판 */
.bbs_list > table.list_3 {width:100%; border-top:#4c4c4c solid 2px; border-bottom:#4c4c4c solid 2px;}
.bbs_list > table.list_3 > tbody  > tr > td {line-height:1.5em; text-align:left; width:33%; padding:25px 0 20px 0; border-bottom:#ddd solid 1px;}
.bbs_list > table.list_3 > tbody  > tr > td div {width:85%;margin:0px auto 0px auto;}
.bbs_list > table.list_3 > tbody  > tr > td div:first-child > .bbs_img {border: 1px solid #ddd; padding:5px; text-align:center;}
.bbs_list > table.list_3 > tbody  > tr > td div:first-child > .bbs_img img {width:100%;}
.bbs_list > table.list_3 > tbody  > tr > td .bbs_tit {width:100%; text-align:center; font-weight:bold; margin:10px 0px 7px 0px;}
.bbs_list > table.list_3 > tbody  > tr > td .bbs_tit:after {content:""; display:block; height:0; clear:both;}
.bbs_list > table.list_3 > tbody  > tr > td .bbs_tit span {display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2;-webkit-box-orient: vertical;display: -webkit-box;word-wrap:break-word; float:left; text-align:center;}
.bbs_list > table.list_3 > tbody  > tr.blank_row > td {line-height:0px;padding:0px;}

/* 리스트 : FAQ형 */
.faq_list{margin-top:10px; clear:both; width:100%; border-top:#4c4c4c solid 2px; border-bottom:#4c4c4c solid 2px;}
.faq_list > .toggle_title{border-bottom:1px solid #ddd; padding:16px 0; cursor:pointer; font-size:15px; font-weight:bold; line-height:1.4em}
.faq_list > .toggle_title .title_text{display:inline-block; font-weight:600; color:#666;}
.faq_list > .toggle_title .toggle_mark{background: url("../images/bbs/toggle-plus-btn.gif"); display:inline-block; width:24px; height:24px; text-indent:-9999px; margin-right:20px;}
.faq_list > .toggle_title.active .toggle_mark{background-image: url("../images/bbs/toggle-minus-btn.gif");}
.faq_list > .toggle_content{position: relative; background-color:#f3f3f3; border-bottom:1px solid #ddd;}
.faq_list > .toggle_title + .toggle_content .toggle_text{padding:20px 30px; line-height:2.5em}
.faq_list > .toggle_content .toggle_text2{padding:20px 30px 20px 35px; line-height:1.8em;}
.faq_list > .toggle_content .list_text{padding:0 30px 20px 35px;}
.faq_list > .toggle_content .list_text li {list-style:none; width:100%; padding:5px 0; font-size:14px; line-height:22px;}
.faq_list > .toggle_content .list_text li b {display: inline; float:left; zoom: 1; text-indent: 0; width:80px;}
.faq_list > .toggle_content .list_text li p{display:block-inline; margin-left:80px;}

/* 상세보기 */
.bbs_view {margin-top:20px; font-size:14px; background:#fff}
.bbs_view > table.view_1 {width:100%; border-top:2px solid #4c4c4c; border-bottom:2px solid #4c4c4c;}
.bbs_view > table.view_1 > thead > tr > th,
.bbs_view > table.view_1 > tbody > tr > th,
.bbs_view > table.view_1 > thead > tr > td,
.bbs_view > table.view_1 > tbody > tr > td {line-height:2.8em; border-bottom:#ddd solid 1px;}
.bbs_view > table.view_1 > thead > tr > th,
.bbs_view > table.view_1 > tbody > tr > th {border-right:#ddd solid 1px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.bbs_view > table.view_1 > tbody > tr > td.bbs_tit {position:relative; background-color:#f0f0f0; font-weight:bold; font-size:14px; padding:4px 0 4px 10px; white-space:nowrap;}
.bbs_view > table.view_1 > tbody > tr > td.bbs_tit > div {line-height:1.5em; margin:10px 0px;}
.bbs_view > table.view_1 > tbody > tr > td.bbs_tit .date { position:absolute; right:10px; top:3px; font-size:12px; font-weight:normal;}
.bbs_view > table.view_1 > tbody > tr > td.name, .bbs_view > table.view_1 > tbody > tr > td.file{padding-left:10px;}
.bbs_view > table.view_1 > tbody > tr > td.bbs_detail p{min-height:200px; line-height:1.5em; padding:20px 10px;}
.bbs_view > table.view_1 > tbody > tr > td img {max-width:100%; vertical-align:middle}
.bbs_view > table.view_1 table {width:100%;}

/* 이전글 다음글 */
.tblNextPrev li { position:relative; padding-left:59px; border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding-top:14px; height:28px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; }
.tblNextPrev li a{font-size:14px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; width:90%; }
.tblNextPrev li .date { position:absolute; right:10px; top:10px; font-size:12px; font-weight:normal;}
.tblNextPrev li .prev { position:absolute; top:0; left:0; background:url("../images/bbs/icon_tbprev.gif") no-repeat ; width:42px; height:42px; text-indent:-9999px;}
.tblNextPrev li .next { position:absolute; top:0; left:0; background:url("../images/bbs/icon_tbnext.gif") no-repeat ; width:42px; height:42px; text-indent:-9999px;}

/* 글쓰기 */
.bbs_write {margin-top:20px; font-size:14px;}
.bbs_write > table.write_1 {width:100%; border-top:#4c4c4c solid 2px; border-bottom:2px solid #4c4c4c;}
.bbs_write > table.write_1 > thead > tr > th,
.bbs_write > table.write_1 > tbody > tr > th,
.bbs_write > table.write_1 > thead > tr > td,
.bbs_write > table.write_1 > tbody > tr > td {line-height:1.5em; border-bottom:#ddd solid 1px; padding:15px 0px 15px 20px;}
.bbs_write > table.write_1 > thead > tr > th,
.bbs_write > table.write_1 > tbody > tr > th {background-color:#f4f4f4; font-weight:bold;  padding:15px 0px 15px 0px;}
.bbs_write > table.write_1 > tbody > tr > td.bbs_tit input[type="text"],
.bbs_write > table.write_1 > tbody > tr > td.bbs_tit input[type="password"] {width:97%; padding:0.5%; border:#d9d9d9 solid 1px;}
.bbs_write > table.write_1 > tbody > tr > td.bbs_write {padding-left:0px; border-bottom:none;}
.bbs_write > table.write_1 > tbody > tr > td.bbs_write > div {margin-top:30px;}
.bbs_write > table.write_1 > tbody > tr > td.bbs_write > div > img {width:100%;}
.bbs_write > table.write_1 > tbody > tr > td .check_wrap {margin-top:10px;}
.bbs_write > table.write_1 > tbody > tr > td .check_wrap span {margin-right:10px;}
.bbs_write > table.write_1  input.TypeText {height:25px; width:170px; padding:2px 5px; vertical-align:middle; border:#ccc solid 1px;}
.bbs_write .i_file2 {position: relative; margin-top:10px;}
.bbs_write .i_file2 .file_text {display: inline-block; height:24px; line-height:24px; padding:0px 10px; overflow: hidden; border:#d9d9d9 solid 1px; background-color:#fff; width:75%; vertical-align: middle;}
.bbs_write .i_file2 .file_text img.btn_delete {vertical-align: middle; display: none; cursor: pointer;}
.bbs_write .i_file2 .file_text span.in {display: inline-block; width:90%;}
.file_btn {display:inline-block; font-weight:bold; padding:4px 0px; width:56px; text-align:center; border:#aaa solid 1px; background-color:#f6f6f6; margin-left:5px; vertical-align: middle; line-height:1.2em; position:relative; cursor: pointer;}
.bbs_write .file {position: absolute; left: 0px; top: 0px; width:56px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

/* paging */
.paging{clear:both;text-align:center;padding:0px;margin-top:10px}
.paging a {display:inline-block; vertical-align:top}
.paging a img{vertical-align:middle}
.paging span{font-size:14px; font-family:Verdana; text-align:center; vertical-align:top}
.paging span a{display:inline-block; border:1px solid #a7a7a7; color:#939393; width:26px; height:26px; margin-right:-1px; text-decoration:none; line-height:27px;margin: 0 3px;}
.paging span strong{display:inline-block; width:27px; height:28px; text-decoration:none;background:#323337; color:#fff; font-weight:bold; line-height:27px;margin: 0 3px;}
.paging span a:hover{border:1px solid #7fa640; color:#7fa640}
.paging .paging_prev{margin-right:4px}
.paging .paging_next{margin-left:4px}
.Mpaging { display:none;}

/* Search */
.tblSearch {text-align:center; margin:30px 0 20px;border:2px solid #ededed;padding:20px 0}
.tblSearch fieldset { position:relative; width:460px; margin:0 auto}
.tblSearch select.select{height:31px; border:1px solid #ddd;line-height:31px}
.tblSearch .schText {padding:6px 0 5px 5px; width:230px; height:20px; border:1px solid #ddd;}
.tblSearch .btnBase {height:33px;width:40px}

/* button */
.btnArea {clear:both;width:100%;text-align:left;margin-top:20px}
.btnArea.right {text-align:right}
.btnArea.center {text-align:center}
.btnArea .inline{display:inline-block; padding:10px 50px; margin:0 2px;}
.btnBase {display:inline-block;padding:5px 20px;text-align:center;min-width:120px;border:1px solid #4c4c4c;background-color:#fff}
a.btnBase, .btnBase {font-size:15px;line-height:34px;vertical-align:middle;color:#333;font-family:'Nanum Gothic Bold'}
.btnSmall {display:inline-block;height:33px;padding:0 10px;min-width:40px;border:1px solid #4c4c4c;background-color:#fff}
a.btnSmall, .btnSmall {font-size:14px;line-height:32px;vertical-align:middle;color:#333;font-family:'Nanum Gothic'}
.btnXsmall {display:inline-block;height:25px;padding:0 5px;min-width:50px;border:1px solid #4c4c4c;background-color:#fff}
a.btnXsmall, .btnXsmall {font-size:13px;line-height:23px;vertical-align:middle;color:#333;font-family:'Nanum Gothic'}
a.btnBg1, .btnBg1 {background-color:#4c4c4c;color:#fff;border:1px solid #4c4c4c}
a.btnBg2, .btnBg2 {background-color:#0798de;color:#fff;border:1px solid #0798de}
a.btnBg3, .btnBg3 {background-color:#237fce;color:#fff;border:1px solid #237fce}