@charset "UTF-8";

._search ._selectBox{position: relative;min-width: 18rem;height: 5.5rem;line-height: 5.5rem;padding-left: 1.5rem;padding-right: 5rem;background: #fff url(../images/sel_arr.png) no-repeat 90%;font-size: 1.8rem; color: #8a949e; border: 0.1rem solid #58616a;display: inline-block;vertical-align: middle;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.65rem;}
._search ._selectBox:before{content:'';width:0.1rem;height: 3.5rem;background: #ccc;position: absolute;right:2rem;top:0.5rem;}
._search ._selectBox::placeholder{color:#8a949e;}
._search input[type="text"]{width: 49rem;background:#fff url('../images/search-icon.png') no-repeat 95% center;box-sizing: border-box;padding: 0 0 0 1.5rem;height: 5.5rem;line-height: 5.5rem;font-size: 1.8rem;display: inline-block;vertical-align: middle;border: 0.1rem solid #58616a;border-radius: 0.65rem;color: #8a949e;}
._search input[type="text"]::placeholder{color:#8a949e;}
._search input[type="submit"]{border: 0;border-radius: 0.65rem;margin-right: 0;padding: 0 3.5rem;font-size: 1.8rem;line-height: 5.5rem;background-color: #003675;cursor: pointer;color: #fff;text-align: center;word-wrap: break-word;font-weight: 500;position: relative;top: 0.3rem;}
._search input[type="button"]{border: 0;border-radius: 0.65rem;margin-right: 0;padding: 0 3.5rem;font-size: 1.8rem;line-height: 5.5rem;background-color: #003675;cursor: pointer;color: #fff;text-align: center;word-wrap: break-word;font-weight: 500;position: relative;top: 0.3rem;}

._count{display:inline-block;font-size: 1.7rem;color: #222;margin:4.8rem 0 2.5rem;}
._count strong{font-weight: 500;color: #0b50d0;}

@media screen and (max-width:1280px){
	._search input[type="text"]{width:24rem;}
}

@media screen and (max-width:767px){
    ._search{width: 100%;display: block;}
    ._search ._selectBox{display:block;width:100%;background-position: 94% center;}
	._search ._selectBox + ._selectBox{margin-top:0.5rem;}
	._search input[type="text"]{display:block; width:100%; margin-top:0.5rem;}
	._search input[type="submit"]{width:100%;}
	._search input[type="button"]{width:100%;}
}

/** List **/
.listBoard{border-top:0.2rem solid #000;padding-top:6rem;padding-bottom:5.5rem;border-bottom:0.1rem solid #8b9099;margin-bottom:6rem;}
.listBoard > ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem;}
.listBoard > ul > li .thumb{border:0.1rem solid #ddd;height: 32.9rem;overflow:hidden;}
.listBoard > ul > li .thumb img{width:100%;height:100%;object-fit: cover;transition: all ease .25s;}
.listBoard > ul > li .thumb img.no-image{object-fit: contain;}
.listBoard > ul > li:hover .thumb img{transform:scale(1.025);}
.listBoard > ul > li > strong{color:#333;text-align:center;display:block;font-weight:500;margin:3rem 0 2.5rem;}
.listBoard > ul > li > a{display: flex;font-size: 1.7rem;color: #404040;padding: 0 2rem 0 6rem;border:0.1rem solid #b2b2b2;border-radius:0.5rem;line-height: 1;height: 5.5rem;align-items: center;max-width:13.5rem;margin: 0 auto;}
.listBoard > ul > li > a.bro-preview{background: url(../images/attach-preview.png) no-repeat 2.2rem center;}
.listBoard > ul > li > a.bro-download{background: url(../images/attach-down.png) no-repeat 2.2rem center;}

@media screen and (max-width:1280px){
    .listBoard > ul{gap:2rem;}
    .listBoard > ul > li .thumb{height: 28rem;}
	.listBoard > ul > li .thumb img.no-image{object-fit:cover;}
}

@media screen and (max-width:767px){
    .listBoard > ul{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width:520px){
    .listBoard > ul > li .thumb{height: auto;}
    .listBoard > ul{grid-template-columns: 1fr;}
}

/** Table **/
.boardWrap{margin-bottom: 7rem;}
.boardWrap table {border-top: 0.2rem solid #353e4d;width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;text-align: center;font-size:1.4rem;}
.boardWrap table caption{display:none;}
.boardWrap table th {background-color: #f8f8f8;color:#333;font-weight: 600;border-bottom: 0.1rem solid #dcdcdc;padding: 1.5rem 0.5rem;font-size: 1.7rem;}
.boardWrap table td {border-bottom: 0.1rem solid #dcdcdc;padding: 1.7rem 1rem;white-space: nowrap;text-overflow: ellipsis;font-size: 1.7rem;position:relative;color: #555;}
.boardWrap table td.alignL{text-align:left;}
.boardWrap table td a{display: block;color: #555;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 5.5rem);line-height: 2.8rem;}
.boardWrap table td a strong{font-weight: 400;}
.boardWrap table td a:hover{color:#273ca5;}
.boardWrap .boardTitle{color:#003d7e;font-size:1.6rem;font-weight:600;}
.boardWrap th,
.boardWrap td{border-right: #dcdcdc;border-left: #dcdcdc;}
.boardWrap table td.td-write{white-space:initial;line-height:1.25;}


@media screen and (max-width:1200px){
	.boardWrap table th{font-size:1.6rem;}
	.boardWrap table .col-file{width:12%;}
}

@media screen and (max-width:767px){
	.boardWrap table .col-num,
	.boardWrap table .th-num,
	.boardWrap table .td-num{display:none;}
	.boardWrap table{display: block;}
	.boardWrap table thead{display: none;}
	.boardWrap table tbody{display: block;text-align: left;}
	.boardWrap table .td-title{display:block;width:100%;box-sizing: border-box;padding-top: 0;padding-bottom: 0.7rem;line-height: 1.4;}
	.boardWrap table tr{display: block;border-bottom:0.1rem solid #dddee0;overflow: hidden;padding-bottom: 1.7rem;padding-top: 1.7rem;}
	.boardWrap table td{border-bottom:0;float:left;padding: 0 0.7rem 0;position: relative;}
	.boardWrap table td + td + td + td:before{content:'';width:0.1rem;height: 1rem;background: #dfdfdf;position: absolute;left:0;top: 0.9rem;}
	.boardWrap table .td-writer,
	.boardWrap table .td-write,
	.boardWrap table .td-date,
	.boardWrap table .td-counts,
	.boardWrap table .td-file,
	.boardWrap table .td-access,
	.boardWrap table .td-comment,
	.boardWrap table .td-etc{display: inline-block;vertical-align: top;font-size: 1.3rem;color:#888;}
	.boardWrap table .td-file img{width:1.5rem;display: inline-block;margin-top:0.7rem;}
}

/***** View *****/
.view.viewCont{border-top:0.2rem solid #353e4d; border-bottom:0.1rem solid #353e4d;}
.view .title{border-bottom:0.1rem solid #dfdfdf;padding: 4rem 4rem 2rem;background: #f8f8f8;position: relative;}
.view .title strong{color: #222;line-height: 3.6rem;font-size: 2.5rem;font-weight: 600;display: block;word-break:keep-all;margin-bottom:2.5rem;letter-spacing: -0.1rem;}
.view .title .detail li{display: inline-block;vertical-align: top;font-size: 1.7rem;color: #666;display: inline-block;padding: 0 1.5rem;position: relative;}
.view .title .detail li span{font-size: 1.7rem;color: #333;display: inline-block;margin-right:1rem;}
.view .title .detail li:nth-child(1){padding-left:0;}
.view .title .detail li + li:before{content:'';width:0.1rem;height: 1.5rem;background:#dfdfdf;position: absolute;top: 1rem;left:0;}
.view .txt{padding: 5rem 4rem 3.5rem;font-size: 1.7rem;color: #555;font-weight: 400;line-height: 3.4rem;}
.view .txt p{font-size: 1.6rem;color: #666;line-height: 1.55;word-break: keep-all;}
.view .rules{padding: 4.5rem 6rem;border:0.1rem solid var(--krds-gray-15);background: #f5f5f5;margin-top:11rem;box-sizing: border-box;display: flex;gap: 3rem;align-items: center;}
.view .rules .imgWrap{display: inline-block;min-width: 16rem;}
.view .rules > p{padding-left:5rem;display: inline-block;vertical-align: top;font-style: italic;line-height: 1.55;box-sizing: border-box;}
.view .rules > p strong{font-style: normal;color:#ed1c24;font-weight: normal;}
.view .rules a{}
.view .rules a:after{display:none;}

.attachment{border-top: 0.1rem solid  #dfdfdf;padding: 3rem 4.5rem;}
.attachment ul{background: url('../images/attach.png') no-repeat left 0.7rem;padding-left:6rem;min-height:6rem;}
.attachment ul li{position: relative;line-height: 1.25;font-size: 1.7rem;color: #666;}
.attachment ul li + li{margin-top: 0.5rem;}
.attachment ul li > div{position:absolute;right:0;top:1rem;}
.attachment ul li a{display: inline-block;font-size: 1.5rem;color: #404040;padding:1rem 5.5rem 1rem 1.2rem;border:0.1rem solid #b2b2b2;border-radius:0.5rem;line-height: 1;}
.attachment ul li a.attch-down{background: url('../images/attach-down.png') no-repeat 95% center;}
.attachment ul li a.attch-preview{background:url('../images/attach-preview.png') no-repeat 85% center;}
.attachment ul li a img{vertical-align: middle;}
.attachment ul li a.preview{color:#4b4b4b;font-size:1.5rem;background: #fff url('../images/preview.png') no-repeat 1.5rem center;padding: 0.6rem 1.8rem 0.6rem 4.2rem;border: 0.1rem solid #b2b2b2;border-radius: 0.5rem;margin-left: 2rem;vertical-align: middle;}

.board-view .btns{padding:5.5rem 5rem;text-align: center;position:relative;}

@media screen and (max-width:1200px){
.view .title .detail{padding-right:10rem;}
.view .title .detail li{margin-bottom: 0.3rem;}
}

@media screen and (max-width:767px){
.view .title{padding:2.5rem 1.5rem 2rem;}
.view .title strong{font-size:1.8rem;margin-bottom: 1.5rem;line-height: 1.4;}
.view .title .detail{font-size:0;padding-right: 6rem;}
.view .title .detail li{font-size:1.3rem;color:#888;padding:0 0.8rem;}
.view .title .detail li:nth-child(2){display:none;}	
.view .title .detail li + li:before{height: 0.8rem;top: 1rem;}
.view .title .detail li span{display: none;}

.view .txt{padding:3.5rem 1.5rem 5rem;}
.view .txt p{font-size:1.4rem;color:#666;}
.attachment{padding-top:2.5rem;padding-left: 0;}
.attachment ul{padding-left: 6rem;}
.attachment ul li + li{margin-top:0.5rem;}
.attachment ul li a{font-size:1.4rem;color:#666;line-height: 1.6;padding: 0.5rem 4rem 0.5rem 1rem;background-position: calc(100% - 1rem) center !important;}
}

/** 하단 공통 **/
input[type="button"],
input[type="submit"]{cursor:pointer;}

/***** btn *****/
.board-list .btns{text-align: right;/* margin-top: -10rem; */}
.board-write .btns{text-align: right;}
.btns a,
.btns button,
.btns input{cursor: pointer;}
.board-list .btns .floatL{float:left;}
.board-list .btns .floatR{float:right;}

.btns input,
.btn-control input,
.board-button input{height: 6rem;line-height: 6rem;}

/* add */
.btn01{color:#fff;background: #003675;padding: 0 4.5rem;border-radius: 0.65rem;border:0;font-size: 1.8rem;font-weight: 500;}
/* del */
.btn02{color:#fff;background: #6d6b76;padding: 0 4.5rem;border-radius: 0.65rem;border:0;font-size:1.8rem;font-weight: 500;}
/* list */
.btn03{color:#fff;background: #5b6781;padding: 0 4.5rem;border-radius: 0.65rem;border:0;font-size:1.8rem;font-weight: 500;}
/* rep */
.btn04{color:#fff;background: #2f9177;padding: 0 4.5rem;border-radius: 0.65rem;border:0;font-size:1.8rem;font-weight: 500;}
/* edit */
.btn05{color:#fff;background: #003675;padding: 0 4.5rem;border-radius: 0.65rem;border:0;font-size:1.8rem;font-weight: 500;}

.btn-mine{display:inline-block;}
.btn-control{display:inline-block;}

@media screen and (max-width:1200px){
.btns a,
.btns button,
.btns input{padding: 0 2.2rem;font-size: 1.5rem;height: 5.5rem;line-height: 5.5rem;}
.board-list .btns{margin-top:4rem;text-align: center;}
.board-view .btns{padding: 5.5rem 0;text-align: center;}
}

/***** Paging *****/
._fnctWrap ._paging{text-align: center;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 4rem;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 4rem;height: 4rem;line-height: 4rem;border-width: 0.1rem;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 0.1rem;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 1rem;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 0.3rem;}
._fnctWrap ._paging ._inner ul li a{display:inline-block;font-size: 1.7rem;width: 4rem;height: 4rem;line-height: 4rem;text-align: center;margin: 0 0.1rem;color: #3d4148;border-width: 0;}
._fnctWrap ._paging ._inner .pg-arrow{border:0.1rem solid #ccc;width: 3.5rem;height: 3.5rem;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/arrow_first.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/arrow_prev.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/arrow_next.png) center no-repeat;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/arrow_last.png) center no-repeat;}
._fnctWrap ._paging ._inner li strong{background-color: #063a74!important;border-color: #063a74 !important;color: #fff;border-radius: 0.55rem;}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (min-width:1201px){
._fnctWrap ._paging{padding-bottom:5rem;}
}

@media screen and (max-width:767px){
._fnctWrap .paging a{width:2.8rem !important;height: 2.8rem !important;font-size:1.3rem;line-height: 2.5rem;}
}

/**sub 기능 공통**/
._objWidget .search ._selectBox{max-width:18rem;}
._objWidget ._paging ._prev{background:url('/Web-home/_UI/images/common/arrow_prev.png') no-repeat center;}
._objWidget ._paging ._next{background:url('/Web-home/_UI/images/common/arrow_next.png') no-repeat center;}
._objWidget ._fnctWrap ._paging ._inner ._listPrev,
._objWidget ._fnctWrap ._paging ._inner ._listNext{display:none;}

@media all and (max-width: 767px) {
  ._objWidget .search ._selectBox{font-size: 1.6rem;height: 4rem;line-height: 4rem;padding-left: 1rem;display: inline-block;vertical-align: top;width: 100%;max-width: 100%;min-width: 100%;}
  ._objWidget .search ._selectBox + ._selectBox{margin-top:0;}
  ._objWidget .search .board-serch input[type="text"]{height:3.8rem;font-size:1.4rem;}
  ._objWidget .attachment{padding:1.5rem;}
  ._objWidget .attachment ul li{font-size:1.5rem;padding-right: 5rem;margin-top: 0;}
  ._objWidget .attachment ul li a{width:10rem;font-size:1.4rem;padding-left:1.25rem;}
  ._objWidget .attachment ul li > div{position:initial;display: flex;gap: 1rem;margin-top: 1rem;}
  ._objWidget .btns a, ._objWidget .btns button, ._objWidget .btns input{height:4rem;line-height:1;}
  ._objWidget #findOpnwrd{max-width: 49%;min-width: 49%;width: 49%;}
  ._objWidget #findOpnwrd + select{max-width: 49%;min-width: 49%;width: 49%;}
  ._objWidget #findApiType{max-width: 49%;min-width: 49%;width: 49%;}
  ._objWidget #findApiType + select{max-width: 49%;min-width: 49%;width: 49%;}

  ._objWidget ._paging ._prev,
  ._objWidget ._paging ._next{display:none;}
  ._objWidget ._fnctWrap ._paging ._inner ._pageState{display:inline-block;}
  ._objWidget ._curPage{font-size:1.8rem;margin-right:1rem;color:#273ca5;font-weight:500;}
  ._objWidget ._curPage:after{content:'/';margin-left:1rem;}
  ._objWidget ._totPage{font-size:1.8rem;}
  ._objWidget ._fnctWrap ._paging ._inner ._listPrev,
  ._objWidget ._fnctWrap ._paging ._inner ._listNext{display:block;}
  ._objWidget ._fnctWrap ._paging ._inner ul{display:none;}
}