@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
//font-size: 16px;
  font-family: 'Pretendard-Regular', sans-serif;
//  color: #4a5259;
}
ul, li{list-style:none}


.li_table .boldline {width:100%;display: inline; border: 0.12em solid #4a5259; padding: 0px;}
.li_table .page {list-style: none; float:center; padding-left:900px; width: 100%;  box-sizing: border-box;}
.li_table2 .page {list-style: none; float:center; padding-left:900px; width: 100%;  box-sizing: border-box;}
.li_table .tlink {color: white; background-color: dodgerblue; text-align: center; text-decoration: none; display: inline-block;}

.li_table .icol5 {width: 50px; box-sizing: border-box; float: left; text-align: left}
.li_table .vcol_title {text-align: left; border-top: none; border-bottom: none; font-weight: bold; font-size: 28px; }
.li_table .vcol_name {width: 50px; border-box; text-align: left; font-size: 14px; vertical-text-align: middle; }
.li_table .vcol_date {width: 160px; border-box; text-align: left; font-size: 12px; line-height: 2.4em;}
.li_table .vcol_viewcount {border-box; text-align: left; font-size: 11px; vertical-text-align: middle; }
.li_table .vcol_contents {border-box; text-align: left; font-size: 16px; }

.li_table .joinpopup {width: 380px; font-size:14px; box-sizing: border-box; text-align: center; }


//.li_table .s_series {font-family: 'Pretendard-Regular', sans-serif;font-size: 0.7em; font-weight: normal; vertical-align: middle; }
//.li_table .s_title {font-family: 'Pretendard-Regular', sans-serif;font-size: 1.4em; font-weight: normal; vertical-align: middle; }

#myBtn {width:120;font-family: 'Pretendard-Regular', sans-serif;font-size:18px;padding:10px;border:none;background: #003366;color: #fff;cursor: pointer;}
#myBtn:hover {background:#CC0066;color:#fff;}

#myBtn2 {width:30;font-family: 'Pretendard-Regular', sans-serif;font-size:12px;padding:5px;border:none;background: #000000;color: #ffff00;cursor: pointer;}
#myBtn2:hover {background:#CC0066;color:#fff;}

#myBtnCancel {width:120;font-family: 'Pretendard-Regular', sans-serif;font-size:18px;padding:10px;border:none;background: #808080;color: #ffffff;cursor: pointer;}
#myBtnCancel:hover {background:#CC0066;color:#fff;}

.bottom {
    padding: 50px 50px 50px 10px;
}

.board_notice {
    width:80%;
    padding: 20px 30px 20px 10px;
    line-height: 1.5;
    font-size: 14px;  
    color: gray;
    background-color: #eeeeee;
    text-align: left;

}

.list a:link, a:visited {
    text-decoration: none;
    display: inline-block;
}

.list a:hover, a:active {
    color: skyblue;
    text-decoration: none;
    display: inline-block;
}


.page a:link, a:visited {
    text-decoration: none;
    display: inline-block;
}

.page a:hover, a:active {
    color: red;
    text-decoration: none;
    display: inline-block;
}

.hr_bold {
    width:80%;
    padding: 20px 30px 20px 10px;
    line-height: 1.5;
    color: black;
    background-color: #eeeeee;
    text-align: left;
    font-size: 1.4em; font-weight: bold;
}

.list_main {clear: left; margin: 0; padding: 0; list-style-type: none; border-top: box-sizing:border-box; float: center; padding-top:0px;padding-bottom:20; line-height:2; }
.navigation{text-align:right;font-size:13px;color:#606060;}

/* 게시판 목록 */
.boardList{clear:both;width:100%;margin-top:0;border-top:0px solid #1E90FF;}

.boardList table{width: 100%;max-width: 920px;margin: auto;}
.boardList table th{padding:14px 0;font-size:15px;border-bottom:1px solid #ABABAB;color:#000;background:#F5F5F5;text-align:center}
.boardList table .num{width:8%}/* 번호 */
.boardList table .sort{width:10%}/* 구분 */
.boardList table .title{width:54%}/* 제목 */
.boardList table .writer{width:10%}/* 작성자 */
.boardList table .date{width:10%}/* 등록일 */
.boardList table .state{width:8%}/* 상태 */
.boardList table td{border-bottom:1px solid #CCC;text-align:center}
.boardList table td.num, .boardList table td.sort, .boardList table td.writer, .boardList table td.date, .boardList table td.state{font-size:15px;color:#606060;}

.boardList table td a{overflow:hidden;display:block;height:54px;line-height:54px;font-size:15px;color:#303030 !important;transition:all .3s ease;}
.boardList table td a:hover{color:#006cb8 !important;transition:all .3s ease;}
body:first-of-type .boardList table td a p{margin-right:0}
.boardList table td p{overflow:hidden;float:left;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.boardList table td.title.lt{overflow:hidden;text-align:justify}
        .boardList table td .icon {float: left;width: 2%;margin-top: 2px;}
.boardList table td .icon img{margin:-5px 0 0 5px;vertical-align:middle}
.boardList table td.num, .boardList table td.date, .boardList table td.hit{color:#999}
.boardList table tr:hover{background:#F9F9F9;cursor:pointer}
.boardList table tfoot{display:table-header-group;background:#f3f9fd}
.boardList table tfoot .num{font-weight:bold;color:#006cb8}

/* 게시판 보기 */
.boardView{clear:both;float:left;width:100%;margin-top:0;border-top:2px solid #000}
.replyView{width:100%}
.boardView ul{padding-left:0;}
.boardView ul, .replyView ul{display:inline-block;width:100%;margin:0;}
.boardView ul li, .replyView ul li{display:table;float:left;width:100%;padding:10px 0;color:#303030;border-bottom:1px solid #CCC}
.boardView ul li .title{display:block;width:100%;padding:10px 0;font-size:26px;line-height:36px;color:#303030}
.boardView ul li .title b{overflow: hidden;letter-spacing:-0.08em;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.boardView ul li .date, .replyView ul li .date{float:right;width:100%;font-size: 13px;color:#999;text-align:right}
.boardView ul li .date .side{margin:0 10px;color:#DEDEDE;font-style:normal}
.boardView ul li .info{float:left;width:100%;font-size:15px;}
.boardView ul li .contBody, .replyView ul li .contBody{padding:20px 0;line-height:28px;text-align:justify}
.boardView ul li .contBody p, .boardView ul li .contBody span{font-family:'Pretendard-Regular', 'Spoqa Han Sans', 'Noto Sans CJK KR','Noto Sans KR', '맑은고딕', '나눔고딕', 'New Gulim', sans-serif !important}
.boardView ul li .contBody pre{padding:20px;background:#F5F5F5;font-size:14px;font-family:'Pretendard-Regular', sans-serif !important}
.boardView ul li .tit_attach{display:table-cell;width: 12%;height:calc(10vh - 10px);line-height: calc(10vh - 10px);margin: -10px 0;vertical-align: middle;font-weight:bold;font-size:14px;color:#303030;background:#F5F5F5;text-align:center;-webkit-justify-content:center;justify-content:center;}
.boardView ul li .tit_period{display:table-cell;width: 12%;height:calc(7vh - 10px);line-height: calc(7vh - 10px);margin: -10px 0;vertical-align: middle;font-weight:bold;font-size:14px;color:#303030;background:#F5F5F5;text-align:center;-webkit-justify-content:center;justify-content:center;}
.boardView ul li .file, .replyView ul li .file{width:86%}
.boardView ul li .file a, .replyView ul li .file a{overflow:hidden;display:block;float:left;line-height:30px;margin-left:2%;font-size: 15px;color:#006cb8;text-overflow:ellipsis;white-space:nowrap}
.boardView ul li .file a:hover, .replyView ul li .file a:hover{color:#005997;text-decoration:underline}
.boardView ul li span.period{margin-left: 2%;}
.boardView ul li span.period p{line-height:36px;color:#909090}
.boardView ul li span, .replyView ul li span{float:left}
.boardView ul li .prev, .boardView ul li .next{width:12%;margin-right: 2%;line-height:48px;font-weight:500;transform:skew(0.04deg);color:#606060}
.boardView ul li i{display:inline-block;margin-bottom:5px;vertical-align:middle;font:status-bar}
.boardView ul li .article{overflow:hidden}
.boardView ul li .article a{display:block;width: 100%;height:48px;line-height:48px;color:#303030}
.boardView ul li .article a:hover{color:#005997;text-decoration:underline}
.boardView ul li .article p{overflow:hidden;float:left;width:100%;font-size: 15px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.boardView ul li .article.none a{color:#909090;font-size: 15px;text-decoration:none;cursor:inherit}

/* 게시판 글쓰기 */
.boardWrt{clear:both;float:left;width:100%;margin-top:0;border-top:2px solid #000}
.boardWrt ul{display:inline-block;margin:0;padding-left:0;}
.boardWrt ul li{float:left;width:100%;padding:10px 0 6px 20px;color:#303030;border-bottom:1px solid #CCC}
.boardWrt ul li span{float:left}
.boardWrt ul li .infoName{display:block;line-height:48px;width:14.8%;font-weight:bold;color:#303030}
.boardWrt ul li .infoChk{width:85%}
.boardWrt ul li .infoChk .captcha img{height:52px;margin-top:-5px;margin-left:5px;vertical-align:middle}
.boardWrt ul li.half{width:50%}
.boardWrt ul li.half .infoName{width:30%}
.boardWrt ul li.half .infoChk{width:70%}
.boardWrt ul li.quarter{width:100%}
.boardWrt ul li.quarter .infoName{width:15%}
.boardWrt ul li.quarter .infoChk{width:20%}

.boardWrt ul li .infoChk .wSize{width:20%}
.boardWrt ul li.uploadZone{padding:10px 0}

/* 페이징 */
.pagination{clear:both;display:inline-block;margin:30px auto 0;text-align:center;font-weight:bold}
.pagination li{float:left;border-bottom:none !important}
.pagination li a{font-size:14px;display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #FFF;color:#909090;text-decoration:none;}
.pagination li a.active, .pagination li a:hover{border:1px solid #CCC;color:#006cb8;background-color:#eeeeee;}
.pagination li a.prevest, .pagination li a.prev, .pagination li a.next{line-height:36px;font-weight:normal;font-size:14px;border:1px solid #CCC;}
.pagination li a.nextest{line-height:36px;font-weight:normal;font-size:14px;border:1px solid #CCC}
.pagination li a.prevest:hover, .pagination li a.prev:hover, .pagination li a.nextest:hover, .pagination li a.next:hover{font-weight:bold;border:1px solid #006cb8;color:#006cb8}

/* 버튼 설정 */
.buttonAlignR{clear:both;display:inline-block;float:right;margin:20px 0;text-align:right;}
.buttonAlignR .btnOrder{margin:0 5px;padding:12px 28px;font-weight:bold;font-size:15px;color:#606060;border:1px solid #CCC;cursor:pointer;transition:all .3s ease;}
.buttonAlignR .btnOrder:hover{border:1px solid #006cb8;color:#006cb8;transition:all .3s ease;}

.buttonAlignC{clear:both;display:inline-block;float:center;margin:20px 0;text-align:center}
.buttonAlignC .btnOrder{margin:0 5px;padding:12px 28px;font-weight:bold;font-size:15px;;color:#606060;border:1px solid #CCC;cursor:pointer;transition:all .3s ease;}
.buttonAlignC .btnOrder:hover{border:1px solid #006cb8;color:#006cb8;transition:all .3s ease;}

.buttonAlignL{clear:both;display:inline-block;float:left;margin:20px 0;text-align:center;width: 100%;max-width: 1120px;margin: 0px;}
.buttonAlignL .btnOrder{margin:0 5px;padding:12px 28px;font-weight:bold;font-size:15px;;color:#606060;border:1px solid #CCC;cursor:pointer;transition:all .3s ease;}
.buttonAlignL .btnOrder:hover{border:1px solid #006cb8;color:#006cb8;transition:all .3s ease;}


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

.inputSt{width:100%;height:52px;line-height:52px;padding:10px 20px 6px;margin-bottom:4px;color:#606060;background: #F5F5F5;border:1px solid #F0F0F0;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;}
.inputNum{width:30%;height:52px;line-height:52px;padding:10px 20px 6px;margin-bottom:4px;color:#606060;background: #F5F5F5;border:1px solid #F0F0F0;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;}
.inputPW{font-size:20px;width:20%;height:52px;line-height:52px;padding:10px 20px 6px;margin-bottom:4px;color:#606060;background: #F5F5F5;border:1px solid #F0F0F0;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;text-align:center;}
.textareaSt{overflow-y:auto;width:100%;min-height:300px;margin-top:15px;padding:15px 20px;font-size:15px;color:#303030;line-height:24px;border:1px solid #CCC;text-align:justify;word-break:break-all;word-break:break-word;font-family:'Noto Sans KR', sans-serif}
.selectSt{height:52px;line-height:52px;margin-bottom:5px;color:#606060;border:1px solid #CCC;}

.alarm{margin-bottom:10px;font-size:14px;color:#606060;}



.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlaytxt {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: white;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlaytxt {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

.title_lt {
  text-align: center;
}

.urlview {
  font-weight: 200;
  font-size: 12px;
  font-family: 'Pretendard-Regular';
}

.content {
  text-decoration: none;
  color: #808080;
  font-size: 6px;
}

.adminop {
  text-decoration: none;
  text-align: center;
  padding: 0px 0px 0px 0px;
  color: #eeeeee;
  font-size: 6px;
  font-weight:normal;
  display: inline;
}

.adminop a:link, a:visited {
  text-decoration: none;
  text-align: center;
  padding: 0px 0px 0px 0px;
  color: #eeeeee;
  font-size: 6px;
  display: inline;
  font-weight:normal;
}

.adminop a:hover, a:active {
  text-decoration: none;
  text-align: center;
  padding: 0px 0px 0px 0px;
  color: skyblue;
  display: inline;
  font-weight:normal;
}