@charset "utf-8";

:root {
	font-size:16px;
  --color1: #295438;
}

a:focus,
input:focus,
button:focus { outline: 0; } 

.full_input { width:100%; }

.overflow { overflow:hidden; }
.sit_admin { position:fixed; top:15px; right:15px; z-index:1000; }
ul, li { list-style-type:none; }
.cke_sc { display:none; }

#boxNav { background:#fff; }
#boxNav .contain { padding:15px 0px; text-align:left; font-size:14px; color:#777; }
#boxNav .contain a { color:#777; }
#boxNav .contain .fa { margin:0px 10px; }

.subtitle { text-align:center; font-size:32px; padding:50px 0px; font-family: 'Noto Sans M'; border-bottom:1px solid #333; }

.table { display:table; }
.row { display:table-row; }
.cell { display:table-cell; }
#mainTable { table-layout:fixed; width:100%; margin-bottom:80px; }
#mainTable .row .cell:nth-child(1) { width:235px; vertical-align:top; }
#mainTable .row .cell:nth-child(2) { width:auto; vertical-align:top; }
#boxLm { margin-top:35px; margin-right:35px; }
#boxLm strong,
#boxLm a { display:block; font-weight:normal; }
#boxLm a { font-size:15px; color:#646464; padding:7px 0px; cursor:pointer; }
#boxLm a.over:hover { background:#f9f9f9; padding-left:15px; color:#333; }
#boxLm strong a { font-family: 'Noto Sans B'; color:#333; font-size:18px; padding:0px 0px 15px 0px; }
#boxLm span { display:block; width:100%; height:1px; background:#ddd; margin:25px 0px; }

h1, h2, h3, h4 { font-weight:normal; font-family: 'Noto Sans M'; }

.flexbox { display:flex; -ms-display:flex; -webkit-display:flex; -moz-display:flex; -o-display:flex; }
.between { justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; -webkit-justify-content:space-between; -o-justify-content:space-between; }
.around { justify-content:space-around; -ms-justify-content:space-around; -webkit-justify-content:space-around; -moz-justify-content:space-around; -o-justify-content:space-around; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

@media screen and (max-width: 1500px) { 
	#boxQuick { display:none; }
}


/* BOARD */
#box_board a { text-decoration:none; }

#box_board { width:100%; overflow:hidden; margin-top:38px; margin-bottom:40px; }
#box_board .empty_list { text-align:center; font-size:16px; color:#333; }

#box_board .box_board_total { overflow:hidden; margin-bottom:10px; } 
#box_board .box_board_total .tbl_board_total tr th { padding-right:10px; vertical-align:bottom; margin-left:3px; float:left; font-family: 'Oswald', sans-serif; font-size:22px; color:#333; font-weight:600;  }
#box_board .box_board_total .tbl_board_total tr td { font-size:13px; color:#666; font-weight:400; line-height:140%; vertical-align:bottom; padding-bottom:4px; }
#box_board .box_board_total .tbl_board_total tr th span { margin-left:5px; border-right:1px solid #acacac; font-size:13px; width:10px; display:inline-block; color:#666; font-weight:400; line-height:100%; position:relative; }

#box_board .tbl_basic { width:100%; border-spacing:0; border-top:2px solid #838383; border-bottom:1px solid #838383; margin-bottom:20px; }
#box_board .tbl_basic thead tr th { font-size:12px; line-height:30px; font-weight:400; text-align:center; color:#333; border-bottom:1px solid #c2c2c2; }
#box_board .tbl_basic tbody tr td { font-size:14px; line-height:50px; color:#333; border-bottom:1px solid #c2c2c2; }
#box_board .tbl_basic tbody tr td.td_thumb { width:400px; text-align:left; padding-left:25px; }
#box_board .tbl_basic tbody tr td.td_thumb .td_thumb_img { text-align:left; width:90px; }
#box_board .tbl_basic tbody tr td.td_thumb .td_thumb_subject { display:table-cell; }
#box_board .tbl_basic tbody tr td.td_subject { text-align:left; }
#box_board .tbl_basic tbody tr td.td_num { width:80px; text-align:center; }
#box_board .tbl_basic tbody tr td.td_chk { width:20px; text-align:center; }
#box_board .tbl_basic tbody tr td.td_name { width:110px; text-align:center; }
#box_board .tbl_basic tbody tr td.td_date { width:110px; text-align:center;  }
#box_board .tbl_basic tbody tr:last-child td { border-bottom:0; }

#box_board .tbl_write { width:100%; border-spacing:0;  border-bottom:1px solid #838383; margin-bottom:1.5%; }
#box_board .tbl_write tr th { padding:15px; width:15%; text-align:left; font-weight:400; font-size:16px; color:#333; border-bottom:1px solid #ddd; }
#box_board .tbl_write tr td { padding:15px; text-align:left; font-size:16px; font-weight:400; border-bottom:1px solid #ddd; }
#box_board .tbl_write tr:last-child th,
#box_board .tbl_write tr:last-child td { border-bottom:0; }
#box_board .tbl_write input[type='text'],
#box_board .tbl_write input[type='password'],
#box_board .tbl_write .frm_input { width:100%; background:#fff; border:1px solid #cfcfcf; box-sizing:border-box; }
#box_board .tbl_write #wr_subject { width:100%; }
#box_board .tbl_write #wr_date { width:150px; }
#box_board .tbl_write #wr_name { width:150px; }
#box_board .tbl_write #wr_level { width:50px; text-align:center; }
#box_board .tbl_write #wr_password { width:150px; }
#box_board .tbl_write #is_subject { width:50%; }
#box_board .tbl_write #is_time { width:150px; }
#box_board .tbl_write #is_name { width:150px; }
#box_board .tbl_write tr td select { width:auto; padding:0.5em 1em; font-weight:400; border:1px solid #cfcfcf; box-sizing:border-box; line-height:160%; }
#box_board .tbl_write .wauto { width:auto; }
#box_board .tbl_write textarea { width:100%; background:#fff; padding:1em; border:1px solid #cfcfcf; box-sizing:border-box; font-weight:400; line-height:1.4em; height:8.4em; }
#box_board .tbl_write p.box_agree_btn { display:block; margin-top:7px; }
#box_editor { margin-top:1rem; }

#box_board .tbl_view { width:100%; border-spacing:0; border-bottom:1px solid #838383; margin-bottom:1.5%; }
#box_board .tbl_view tr th { padding:15px; line-height:100%; background:#f3f3f3; width:174px; text-align:left; font-weight:400; font-size:14px; color:#333; border-bottom:1px solid #ddd; box-sizing:border-box; }
#box_board .tbl_view tr td { padding:15px; text-align:left; font-size:16px; border-bottom:1px solid #ddd; word-break:break-all; }
#box_board .tbl_view tr td .contents_inner { margin:15px auto; width:800px; text-align:left; word-break:break-all; padding:0; line-height:160%; }
#box_board .tbl_view tr td .contents_inner img { max-width:800px; }
#box_board .tbl_view tr:last-child th,
#box_board .tbl_view tr:last-child td { border-bottom:0; }
#box_board .tbl_view .frm_input { width:100%; background:#fff; padding:0.5em 1em; font-weight:400; border:1px solid #cfcfcf; box-sizing:border-box; }
#box_board .tbl_view .wauto { width:auto; }
#box_board .tbl_view textarea { width:100%; background:#fff; padding:1em; border:1px solid #cfcfcf; box-sizing:border-box; font-weight:400; line-height:1.4em; height:8.4em; }
#box_board .tbl_view p.box_agree_btn { display:block; margin-top:7px; }
#box_board .tbl_view tr td #view_contents { width:100%; margin:0 auto; max-width:800px; overflow:hidden; word-break:break-all; word-wrap:break-word; padding:5% 3%; }
#box_board .tbl_view tr td #view_contents img { width:100%; }

#box_board .bo_gallery { width:100%; overflow:hidden; border-spacing:0; margin-bottom:30px; }
#box_board .bo_gallery .gall_con { margin-top:3%; }
#box_board .bo_gallery .gall_con:nth-child(3n-2) { float:left; width:33%; text-align:left;  }
#box_board .bo_gallery .gall_con:nth-child(3n-1) { float:left; width:33%; text-align:center; margin-left:0.5%; }
#box_board .bo_gallery .gall_con:nth-child(3n) { float:right; width:33%; text-align:right;  }
#box_board .bo_gallery .gall_con .gall_con_sub { max-width:410px; width:96%; margin:0 auto; display:inline-block; text-align:left; }

#box_board .bo_gallery .gall_con .thumb img { width:100%; height:auto; display:block; }
#box_board .bo_gallery .gall_con .subject { font-size:14px; font-family:³ª´®°íµñ !important; line-height:160%;font-weight:bold; margin-top:4%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#box_board .bo_gallery .gall_con .subject span.pc { display:inline-block; }
#box_board .bo_gallery .gall_con .txt { font-size:14px; font-family:³ª´®°íµñ !important; line-height:160%;color:#555; font-weight:normal; margin-bottom:4%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#box_board .bo_gallery .gall_con .txt2 { font-size:14px; font-family:³ª´®°íµñ !important; line-height:160%;color:#555; font-weight:normal; margin-bottom:2%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#box_board .bo_gallery .gall_con .date { font-size:12px; font-family:³ª´®°íµñ !important; line-height:160%;color:#555; font-weight:normal; margin-bottom:4%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#box_board .box_btn { clear:both; overflow:hidden; }
#box_board .box_btn .btn_write { background:#333; border:1px solid #333; padding:10px 30px; font-size:13px; color:#fff; cursor:pointer; }
#box_board .box_btn .btn_ect { background:#fff; border:1px solid #333; padding:10px 30px; font-size:13px; color:#333; margin-right:2px; cursor:pointer; }
#box_board .box_btn .btn_list  { background:#7c7c7c; border:1px solid #7c7c7c; padding:10px 30px; font-size:13px; color:#fff; cursor:pointer; }
#box_board .box_btn .fleft { float:left; font-size:16px; margin-right:10px; font-weight:400; line-height:160%; }
#box_board .box_btn .fright { float:right; font-size:16px; margin-left:10px; font-weight:400; line-height:160%; }

#box_board .box_btn .prev { float:left; font-size:16px; margin-right:10px; font-weight:400; line-height:160%; }
#box_board .box_btn .next { float:left; font-size:16px; margin-right:10px; font-weight:400; line-height:160%; }
#box_board .box_btn .prev a,
#box_board .box_btn .next a { font-weight:400; }
#box_board .box_btn .prev a:hover,
#box_board .box_btn .next a:hover { text-decoration:underline; }
#box_board .box_btn .line { border-left:1px solid #999; padding-left:10px; }

#box_board .box_pages { }
#box_board .box_pages .pg_page { background:transparent;  font-size:13px; padding:0; margin:0.5em; }
#box_board .box_pages .pg_current { font-weight:bold; color:#333; background:transparent; border-bottom:1px solid #333; font-size:13px; padding:0; margin:0.5em; }

#box_board { width:100%; }
#box_board .box_board_inner { width:100%; border-top:2px solid #666; border-bottom:1px solid #666; margin-bottom:1.5%; }
#box_board .box_board_inner .box_view { width:100%; max-width:1300px; margin:50px auto; overflow:hidden; }
#box_board .box_board_inner .box_view .subject { font-size:19px; margin-bottom:5px; line-height:120%; }
#box_board .box_board_inner .box_view .subscript { font-size:15px; color:#777; margin-bottom:17px; }
#box_board .box_board_inner .box_view img { width:100%; }

.empty_product { text-align:center; padding:5% 0%; font-size:1.4em; }
.admbox { position:absolute; z-index:10000; top:10px; left:10px; }
.admbox .btn_admin { font-size:14px; }
.empty_table { font-size:14px; padding:5rem 0rem; text-align:center; }

#box_note { margin-bottom:5%; border-top:2px solid #838383; width:100%; }
#box_note dl, 
#box_note dl dt, 
#box_note dl dd { list-style-type:none; padding:0; margin:0; }
#box_note dl dt { font-size:17px; padding:15px; border-bottom:1px solid #d3d3d3; cursor:pointer; background-image:url('/theme/basic/img/ic_note_show.png'); background-repeat:no-repeat; background-position:center right 20px; }
#box_note dl:first-child dt { font-size:17px; padding:15px; border-bottom:1px solid #d3d3d3; cursor:pointer; background-image:url('/theme/basic/img/ic_note_hide.png'); background-repeat:no-repeat; background-position:center right 20px; }
#box_note dl dd { font-size:14px; padding:30px; border-bottom:1px solid #d3d3d3; background:#fff; line-height:160%; font-weight:400; }
#box_note dl dd { display:none; }
#box_note dl:first-child dd { display:block; }

#boxBoardSch { border-bottom:1px solid #ccc; text-align:center; background:#ececec; padding:17px 0px; margin-bottom:20px; font-size:100%; }
#boxBoardSch select { border:1px solid #ccc; padding:8px 10px; line-height:160%; font-size:13px; }
#boxBoardSch input[type="text"] { border:1px solid #ccc; padding:8px 10px; line-height:160%; width:20%; font-size:13px; }
#boxBoardSch .btnBoardSch { background:#666; color:#fff; border:0px solid #666; padding:8px 20px; line-height:160%; }  

.boxForm { background:#fff; width:80%; max-width:600px; padding:1rem; margin:0 auto; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }

@media screen and (max-width: 720px) {
	#mainTable { margin-bottom:0px; }
}