input[type='tel'],input[type='url'],input[type='number'],
input[type='email'], input[type='text'], input[type='password'],
select { border-radius: 0; color: #666; font-size: 14px !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }


/*게시판 박스*/
.boardArea {position: relative;display: block;overflow: hidden;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: #0094d8 !important}

/*검색박스*/
.searchBox {position: relative;display: block;background: #f6f6f6;border: 1px solid #ddd;padding: 10px;overflow: hidden;margin-bottom: 30px}
.searchBox ul {overflow: hidden;padding-right: 25px;margin: 0}
.searchBox ul li {width: 50%;float: left;display: block;padding: 4px 0;overflow: hidden;}
.searchBox ul li.full {width: 100%;}
.searchBox ul li label {position: relative;float: left;width: 100px;height: 38px;line-height: 38px;text-align: center;color: #111;font-weight: bold;cursor: inherit;margin: 0;padding: 0}
.searchBox ul li .int_group {position: relative;float: left;width: calc(100% - 100px);height: 38px;line-height: 38px;display: flex}
.searchBox input[type=text], .searchBox select {float: left;width: 100%;box-sizing: border-box;padding: 0;height: 38px;line-height: 38px;text-indent: 15px;margin: 0 5px;}
.searchBox  .calendar {background: #fff url("/static/images/Board/calendar_icon.png") no-repeat right center}
.searchBox .searchBtn {position: absolute;top: 14px;right: 20px;width: 100px;height: calc(100% - 28px);margin: 0;padding: 0}
.searchBox .sel_sm {width: 30%}

/*리스트 상단*/
.list_topWrap { position: relative;display: block;overflow: hidden;margin-bottom: 10px}
.list_topWrap select {width: 120px;height: 38px;line-height: 38px;text-indent: 10px}

.total {position: absolute;display: block;top: 0;left: 0;padding-left: 20px;line-height: 32px;}
.total:after {position: absolute;display: block;top: 0;left: 0;width: 14px;height: 32px;background: url("/static/images/Board/icon_total.png") no-repeat 0 center;content: "" ;line-height: 20px;}
.total strong {color: #222;}

/*-----------------------------------------------------------------일반폼-----------------------------------------------------------*/

/*일반리스트*/
.tbl_list_wrap {position: relative;display: block;border-top: 1px solid #666;font-size: 13px;}
.tbl_list_wrap caption {outline:0 !important;background:transparent !important;margin: 0 !important;padding: 0 !important}
.tbl_list_wrap table thead th {text-align: center;padding: 10px 0;color: #3d434c;border-bottom: 1px solid #ddd;background: url('/static/images/Board/th-bg.jpg') no-repeat left #e2e2e2;}
.tbl_list_wrap table thead th:first-child {background: #e2e2e2;}
.tbl_list_wrap table tbody th {text-align: center;padding: 3px;border-bottom: 1px solid #ddd;color: #333;background: #f7f7f7;}
.tbl_list_wrap table tbody td {text-align: center;padding: 3px;border-bottom: 1px solid #ddd;color: #666;}
.tbl_list_wrap table tr:hover td {background: #f5faff}
.tbl_list_wrap .l {text-align: left;}

/*일반폼*/
.tbl_form_wrap {position: relative;display: block;border-top: 1px solid #666;font-size: 13px;}
.tbl_form_wrap caption {outline:0 !important;background:transparent !important;margin: 0 !important;padding: 0 !important}
.tbl_form_wrap table {border-left:1px solid #ddd;}
.tbl_form_wrap th {background:#fafafa;padding: 10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#111;text-align:left;}
.tbl_form_wrap th label {position:relative;display:inline-block;margin: 0}
.tbl_form_wrap th label .nec {background:url('/static/images/Board/ico_nec.png') no-repeat 0 6px;text-indent:-9999px;display:block;width:9px;height:15px;position:absolute;top:0;right:-12px;padding:0}
.tbl_form_wrap td {text-align: left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:10px;}
.tbl_form_wrap .l {text-align: left;}


/*-----------------------------------------------------------------게시판-----------------------------------------------------------*/

/*리스트*/
.board-list-wrap {position: relative;display: block;}
.board-list-wrap .line-dpoint {height: 0;border-top:  2px solid #333;text-indent: -20000px;display: block;}
.board-list-wrap caption {outline:0 !important;background:transparent !important;margin: 0 !important;padding: 0 !important}
.board-list-wrap table thead th {font-size: 14px;text-align: center;padding: 10px;color: #3d434c;border-bottom: 1px solid #e3e3e4;background: url('/static/images/Board/th-bg.jpg') no-repeat left #fafafa;}
.board-list-wrap table thead th:first-child {background: #fafafa;}
.board-list-wrap table tbody th {font-size: 14px;text-align: center;padding: 10px;border-bottom: 1px solid #e3e3e4;color: #3d434c;background: #f7f7f7;}
.board-list-wrap table tbody td {font-size: 13px;text-align: center;padding: 10px;border-bottom: 1px solid #e3e3e4;color: #7f7f7f;}
.board-list-wrap table tbody td a:hover {color: #0062cc;text-decoration: underline;}
.board-list-wrap table tbody td.type {font-size: 12px;color: #0062cc;}

/*갤러리*/
.photo-default {position: relative;display: block;}
.photo-default .line-dpoint {height: 0;border-top:  2px solid #333;text-indent: -20000px;display: block;}
.photo-default {overflow: hidden;background: url('/static/images/Board/gray_line.jpg') repeat-x bottom;}
.photo-default ul li {width: 25%;padding: 30px 1%;border-bottom: 1px solid #e3e3e4;float: left;height: 240px;}
.photo-default ul li a {display: block;margin-bottom: 25px;position: relative;}
.photo-default ul li a .img {position: relative;display: block;width: 100%;overflow: hidden;height: auto;margin-bottom: 15px;background: #ededed;}
.photo-default ul li a .img img {width: 100%;height: auto;}
.photo-default ul li a .btxt {display: block;font-size: 15px;color: #3d434c;height: 21px;overflow: hidden;margin-bottom: 5px;}
.photo-default ul li a:hover {text-decoration: none}
.photo-default ul li a:hover .btxt {color: #0062cc}
.photo-default ul li a .default {display: block;font-size: 12px;color: #7f7f7f;}

/*글쓰기*/
.board-write-wrap {position: relative;display: block;}
.board-write-wrap .line-dpoint {height: 0;border-top:  2px solid #333;text-indent: -20000px;display: block;}
.board-write-wrap caption {outline:0 !important;background:transparent !important;margin: 0 !important;padding: 0 !important}
.board-write-wrap textarea {width: 100%;margin: 5px 0;border:1px solid #cbcbcb }
.board-write-wrap table tbody th {background: #f7f7f7;border-bottom: 1px solid #e3e3e4;padding: 10px;text-align: left;font-weight: 600;color: #333}
.board-write-wrap table tbody th span, .board-write-wrap table tbody th label {padding-left: 15px;font-weight: 600;color: #333}
.board-write-wrap table tbody th span.nec {padding-right: 15px;background: url('/static/images/Board/ico_nec.png') no-repeat right 4px;}
.board-write-wrap table tbody td {padding: 5px 15px;border-bottom: 1px solid #e3e3e4;border-left: 1px solid #e3e3e4;}
.board-write-wrap table tbody td:first-child {border-left: none;}
.board-write-wrap table tbody td a:hover {color: #0062cc;}
.board-write-wrap table tbody td input[type='checkbox'] {margin-right: 5px;}
.board-write-wrap table tbody td label {font-size: 13px;line-height: 220%;vertical-align: top;}
.board-write-wrap .tbl-selectLst th {text-align: center}
.board-write-wrap .tbl-selectLst td.l {padding: 0 15px !important}
.board-write-wrap .tbl-selectLst input[type='text'] {text-indent: 0;box-sizing: border-box;text-align: center}

/*뷰*/
.board-view-wrap {position: relative;display: block;}
.board-view-wrap .line-dpoint {height: 0;border-top:  2px solid #333;text-indent: -20000px;display: block;}
.board-view-wrap caption {outline:0 !important;background:transparent !important;margin: 0 !important;padding: 0 !important}
.board-view-wrap table thead th {text-align: left;padding: 18px 100px 18px 20px;color: #3d434c;border-bottom: 1px solid #e3e3e4;background: #fafafa;position: relative;}
.board-view-wrap table thead th p.btxt {font-size: 15px;padding-bottom: 15px;border-bottom: 1px dotted #ccc;margin-bottom: 15px;line-height: 24px}
.board-view-wrap table thead th p.btxt span {display: inline-block;padding: 0 8px;line-height: 24px;float:left;color: #fff;font-size: 12px;margin-right: 5px;border-radius: 3px;overflow: hidden;}
.board-view-wrap table thead th span {font-size: 13px;padding-right: 20px;font-weight: 500;}
.board-view-wrap table thead th span.type {padding-right: 0;color: #0062cc}
.board-view-wrap table thead th p.hit {position: absolute;top: 50%;margin-top: -26px;right: 20px;background: #fff;border: 1px solid #dddddd;color: #666666;font-size: 12px;text-align: center;padding: 5px 8px;}
.board-view-wrap table thead th p.hit span {display: block;padding-right: 0;}
.board-view-wrap table tbody th {background: #fafafa;padding: 13px 20px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
.board-view-wrap table tbody th:first-child {border-left: none}
.board-view-wrap table tbody td {font-size: 13px;padding: 13px 20px;border-bottom: 1px solid #e3e3e4;border-left: 1px solid #e3e3e4;color: #3d434c;}
.board-view-wrap table tbody td img {max-width: 100%}
.board-view-wrap table tbody td:first-child {border-left: none}
.board-view-wrap table tbody td.editor-data-box {font-size: 14px;padding: 35px 20px;line-height: 160%;}
.board-view-wrap table tbody td a:hover {color: #0062cc;}
.board-view-wrap table tbody td.answer {padding: 35px 20px 35px 70px;background: url("/static/images/Board/ic_as.png") no-repeat 20px 35px;}
.board-view-wrap table tbody td .answer-editor-data-box {display: block;font-size: 14px;line-height: 160%;}
.board-view-wrap table tbody td .answer-info {display: block;overflow: hidden;margin-top: 20px;}
.board-view-wrap table tbody td .answer-info li {float: left;display: inline-block;margin-right: 20px;position: relative}
.board-view-wrap table tbody td .answer-info li:first-child {font-weight: 600;}
.board-view-wrap table tbody td .answer-info li:first-child:after {display: block;content: "";position: absolute;right: -10px;top: 50%;margin-top: -5px;background: #ddd;width: 1px;height: 10px;}

/*첨부파일*/
.file-btxt, .file-add, .file-add a img, .file-add a span {display: inline-block;}
.file-add, .file-add img {margin-left: 5px;display: inline-block;vertical-align: top;}
.file-add, .file-add span {margin-left: 5px;display: inline-block;line-height: 21px;vertical-align: top;}

/*페이징*/
.paging-wrap, .pagination{font-size:0; text-align:center;margin-top: 20px}
.paging-wrap li, .pagination li {display:inline-block; vertical-align:top;}
.paging-wrap li a, .pagination li a {display:block; width:30px; height:30px; font-size:13px; border:1px solid #ddd;border-right:none;line-height:30px;background: #fff;color:#777; font-weight:600;}
.paging-wrap li a.active, .pagination li a.active{ width:30px; height:30px;background:#1a64c3; color:#fff; text-decoration: underline;}
.paging-wrap li a:hover, .pagination li a:hover{background:#1a64c3; color:#fff;}
.paging-wrap li.first a,
.pagination li.first a,
.paging-wrap li a.first,
.pagination li a.first {display:block; border:1px solid #ddd; width:30px; height:30px; background:url('/static/images/Board/paging-btn.jpg')no-repeat 10px 10px #fff;font-size:0;}
.paging-wrap li.prev a,
.paginationwrap li.prev a
.paging-wrap li a.prev,
.pagination li a.prev {display:block; border:1px solid #ddd; width:30px; height:30px; background:url('/static/images/Board/paging-btn.jpg')no-repeat -20px 10px #e2e2e2;font-size:0;}
.paging-wrap li.next a,
.pagination li.next a,
.paging-wrap li a.next,
.pagination li a.next{display:block; border:1px solid #ddd; width:30px; height:30px; background:url('/static/images/Board/paging-btn.jpg')no-repeat -50px 10px #e2e2e2;font-size:0;}
.paging-wrap li.last a,
.pagination li.last a,
.paging-wrap li a.last,
.pagination li a.last{display:block; border:1px solid #ddd; width:30px; height:30px; background:url('/static/images/Board/paging-btn.jpg')no-repeat -80px 10px #fff;font-size:0;}

.pagination {}


/*댓글*/
/*댓글*/
.cmentContArea.boardComment {padding: 0;border: none;border-top: 1px solid #666 !important;padding-top: 30px;}
.cmentContArea .cment-title {display: block;font-size: 20px;font-weight: 600;color: #222;letter-spacing: -1px}
.cmentContArea .cment-title span {color: #11b2c5}
.cmentContArea .wri-box {position: relative;display: block;margin: 15px 0;z-index: 10}
.cmentContArea .wri-cont {display: block;border: 1px solid #ddd;background: #fff;}
.cmentContArea .wri-cont .textfield {position: relative;display: block;padding: 15px;}
.cmentContArea .wri-cont .userImg {position: absolute;top: 15px;left: 15px;width: 50px;height: 50px;overflow: hidden;border-radius: 50%;}
.cmentContArea .wri-cont .userImg img {width: 50px;height: 50px;}
.cmentContArea .wri-cont .name {display: block;font-weight: 600;color: #222;padding-left: 5px}
.cmentContArea .wri-cont textarea {display: block;width: 98%;border: none;height: 50px;color: #888;margin: 10px 0;overflow-y: auto;overflow-x: hidden;background: #f6f6f6}
.cmentContArea .wri-count {display: block;border-top: 1px solid #ddd;text-align: right;padding-right: 120px;line-height: 40px}
.cmentContArea a.cment-btn {position: absolute;display: block;bottom: 1px;right: 0;line-height: 40px;width: 100px;color: #fff;text-align: center;background: #3e4858;z-index: 100}
.cmentContArea a.cment-btn:hover {background: #3e4549}

.cmentLst-box {position: relative;display: block}
.cmentLst {position: relative;display: block;z-index: 10}
.cmentLst .cmentLst-li {position: relative;display: block;border-bottom: 1px solid #ddd;}
.cment-item {position: relative;display: block;padding: 15px;}
.cment-item .userImg {position: absolute;top: 15px;left: 5px;width: 50px;height: 50px;overflow: hidden;border-radius: 50%;}
.cment-item .userImg img {width: 50px;height: 50px;}
.cment-item .cment-nick {display: block;font-weight: 600;color: #222}
.cment-item .cment-contents {position: relative;display: block;color: #666;margin: 5px 0;font-size: 13px;line-height: 150%;letter-spacing: 0}
.cment-item .modi {position: relative;display: block;padding-right: 60px;}
.cment-item .modi textarea {display: block;width: 99%;border: 1px solid #ddd;background: #fbfbfb;height: 50px;color: #888;margin: 10px 0;overflow-y: auto;overflow-x: hidden}
.cment-item .modi a {display: block;position: absolute;top: 0;right: 0;width: 50px;height: 55px;text-align: center;line-height: 55px;color: #fff;background: #777}

.cment-item .cment-info {position: relative;display: block;overflow: hidden;font-size: 13px;line-height: 20px;}
.cment-item .cment-info .date {position: relative;float: left;color: #999;}

.cment-item .re-cment-btn {display: block;margin-top: 10px;}
.cment-item .re-cment-btn a.reCment-open {display: inline-block;line-height: 30px;padding: 0 10px;color: #333;border: 1px solid #ddd;font-size: 13px}
.cment-item .re-cment-btn a.reCment-open b {display: inline-block;margin-left: 3px}
.cment-item .re-cment-btn a.reCment-open:hover {background: #f8f8f8;border: 1px solid #666}

.cment-item .optBtn {display: inline-block;position: absolute;top: 15px;right: 0;}
.cment-item .optBtn li {position: relative;float: left;margin-right: 7px;padding-right: 7px}
.cment-item .optBtn li:after {position: absolute;display: block;top: 50%;right: 0;margin-top: -5px;background: #bcc4cc;width: 1px;height: 10px;content: "";}
.cment-item .optBtn li:last-child {margin-right: 0;padding-right: 0}
.cment-item .optBtn li:last-child:after {display: none}
.cment-item .optBtn li a {display: block;color: #888}
.cment-item .optBtn li a:hover {text-decoration: underline}

.cment-reply-area {position: relative;display: block;border-top: 1px solid #ddd;background: #fbfbfb;padding: 0 20px;}
.cment-reply-area .cmentLst-li {padding-left: 22px;}
.cment-reply-area .cmentLst-li:after {position: absolute;top: 15px;left: 0;display: block;content: "";background: url('/static/images/Board/view-sprite.png') no-repeat -92px -94px;width: 20px;height: 20px;z-index: 10}
.cment-reply-area .wri-box {padding-left: 22px;margin-bottom: 25px;}
.cment-reply-area .wri-box:after {position: absolute;top: 0;left: 0;display: block;content: "";background: url('/static/images/Board/view-sprite.png') no-repeat -92px -94px;width: 20px;height: 20px;z-index: 10}

a#reCment-close {position: relative;display: block;width: 100%;line-height: 40px;text-align: center}
a#reCment-close:after {position: absolute;top: -1px;left:-20px;width: 718px;background: #ededed;height: 40px;border-top: 1px solid #ddd;content: "";z-index: 1}
.boardComment a#reCment-close:after {position: absolute;top: -1px;left: -20px;width: 1260px;background: #ededed;height: 40px;border-top: 1px solid #ddd;content: "";z-index: 1}
a#reCment-close span {display: inline-block;padding-right: 10px;position: relative;z-index: 10}
a#reCment-close span:after {position: absolute;top: -1px;right: 0;content: "x";}

.cment-more {display: block;text-align: center;margin-top: 20px}
.cment-more a {display: inline-block;border: 1px solid #ddd;line-height: 40px;width: 150px;text-align: center;}
.cment-more a:hover {background: #f8f8f8;border: 1px solid #666}

/*버튼*/
.btnBox {position: relative;display: block;text-align: center;margin-top: 30px}


/*게시판 텍스트 컬러*/
.c-scarlet {color: #f65b3e;}
.c-blue {color: #216ee1}
.c-dgray {color: #3d434c;}