@charset "utf-8";

/* UI */
input[type="text"],input[type="time"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"],input[type="number"]{padding:5px 10px;height:48px;font-size:1rem;background:#fff;border:1px solid #d9d9d9}
textarea{padding:5px 3px 4px 3px;width:100%;border:1px solid #cdcdcd;border-radius:0}
input[type="file"]{height:40px;font-size:14px;background:none;}
input[type="number"]{text-align:right;}
.input-select{margin:1px 0;padding:0 30px 0 20px;height:48px;font-size:1rem;color:#8b8b8b;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:url('/_res/bdu/_share/img/board/ico-select.png') #fff no-repeat right 12px center;border-radius:5px;border:1px solid #bdbdbd}
.input-select::-ms-expand{display: none;}
.input-small{width:250px;height:28px;padding:5px}
.input-half{width:50%}
input::-ms-clear{display:none}
input:-ms-input-placeholder {color: #a4a4a4;}
input::-webkit-input-placeholder {color: #a4a4a4;}
input::-moz-placeholder {color: #a4a4a4;}
input::-moz-placeholder {color: #a4a4a4;}
textarea::-ms-clear{display:none}
textarea:-ms-input-placeholder {color: #a4a4a4;}
textarea::-webkit-input-placeholder {color: #a4a4a4;}
textarea::-moz-placeholder {color: #a4a4a4;}
textarea::-moz-placeholder {color: #a4a4a4;}
input:disabled,
select:disabled{background-color:#f3f3f3}
label, button{cursor:pointer}

/* 게시글 상단 */
.board-total{display:flex;align-items:center;margin-bottom:20px;}
.board-total p{background:url('../img/sub/ico-total.png') left center/contain no-repeat;padding-left:30px;font-size:1.125rem}

.boadSearchA{position:relative;}
.boadSearchA select{margin:0 5px 0 0;width:130px}
.boadSearchA .serInput{margin:0 5px 0 0;padding:0 20px;width:260px;background:#fff;border:1px solid #bdbdbd}
.boadSearchA .btn{width:88px;height:48px;text-align:left;text-indent:35px;color:#fff;background:#00346f url('/_res/bdu/_share/img/board/ico-search.png') no-repeat 18px center;border-radius:5px;border:0;padding-left:7px}

/* paging */
.pageWrap{text-align:center;margin-top:40px}
.page{display:flex;justify-content:center}
.page a{position:relative;width:42px;height:42px;font-size:1.125rem;color:#555;text-align:center;vertical-align:middle;line-height:38px;text-decoration:none;background:#fff;border:1px solid #dee2e4;margin-left:-1px}
.page a.on{color:#fff;background:#00346f;border:1px solid #00346f;z-index:2}
.page a img{padding-bottom:4px;vertical-align:middle;}
.page .contr{margin:0 20px;display:flex}
.page .contr a:first-child{border-radius:4px 0 0 4px}
.page .contr a:last-child{border-radius:0 4px 4px 0}
.page .contr ~ a:last-of-type{border-radius:0 4px 4px 0}
/*.page .contr a:first-child{border-radius:4px 0 0 4px}
.page .contr a:last-child{border-radius:0 4px 4px 0}
.page .contr + a{border-radius:4px 0 0 4px}
.page .contr ~ a:last-of-type{border-radius:0 4px 4px 0}*/
.file-write-box .file-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:5px 0}
.file-write-box .btn-ico.btn-fd + *{word-break:break-all}

/* 목록A */
.listTypeA{table-layout:fixed;border-top:1px solid #000000;border-bottom:1px solid #98a1a6;text-align:center}
.listTypeA thead th{padding:18px 5px;font-weight:500;background:#f3f8ff;text-align: center;}
.listTypeA thead th:first-child{border-left:0}
.listTypeA colgroup col:last-child {width: 10% !important;}
.listTypeA tbody th,.listTypeA tbody td{border:1px solid #dee2e4;border-width:1px 0 0; text-align: center;}
.listTypeA tbody tr.notice td.num{color:#689f38;font-weight:500; text-align: center;}
.listTypeA tbody th{padding:15px 10px;background:#f8f8f8;}
.listTypeA tbody td{padding:15px 10px;color:#50585c;word-break:break-all}
.listTypeA tbody td.subject{text-align:left; position: relative;}
.listTypeA tbody td.subject a{position:relative;display:inline-block;padding-right:25px;color:#50585c;max-width:100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.listTypeA tbody td.subject a .icNew{position:absolute;top:3px;right:0}
.listTypeA .num{position:relative}
.listTypeA .notice span{display:inline-block;background:url('/_res/bdu/_share/img/board/ico-notice.png') #0066d8 center no-repeat;width:30px;height:30px;border-radius:5px;text-indent:-999%}

.snsTab{margin:50px auto;text-align:center}
.snsTab ul li{display:inline-block;margin:0 15px;vertical-align:top}
.snsTab ul li a{display:block;width:60px;height:60px;font-size:18px;font-weight:500;line-height:55px;background-repeat:no-repeat;background-position:center top;background-size:100%;border-radius:50%;border-width:2px}
.snsTab ul li a span{display:block;text-indent:-999px;overflow:hidden}
.snsTab ul li a:hover{text-decoration:none}
.snsTab ul li.ic1 a{color:#fff;border:2px solid #00346f}
.snsTab ul li.ic2 a{background-image:url('../img/sub/ico-sns-menu1.png') }
.snsTab ul li.ic3 a{background-image:url('../img/sub/ico-sns-menu2.png') }
.snsTab ul li.ic4 a{background-image:url('../img/sub/ico-sns-menu3.png') }
.snsTab ul li.ic5 a{background-image:url('../img/sub/ico-sns-menu4.png') }
.snsTab ul li a:hover,
.snsTab ul li.on a{background-position:center bottom}
.snsTab ul li.ic1 a:hover,
.snsTab ul li.ic1.on a{color:#fff;background:#00346f}
.snsTab ul li.ic2.on a,
.snsTab ul li.ic2 a:hover{background-color:#244e9c;border-color:#244e9c;}
.snsTab ul li.ic3.on a,
.snsTab ul li.ic3 a:hover{background-color:#ee2489;border-color:#ee2489;}
.snsTab ul li.ic4.on a,
.snsTab ul li.ic4 a:hover{background-color:#4da739;border-color:#4da739;}
.snsTab ul li.ic5.on a,
.snsTab ul li.ic5 a:hover{background-color:#df3f3e;border-color:#df3f3e;}

/* 목록 - sns popup */
.listTypeB{overflow:hidden}
.listTypeB ul{margin:0 -15px}
.listTypeB ul::after{display:block;clear:both;content:''}
.listTypeB ul li{float:left;margin-bottom:30px;padding:0 15px;width:25%}
.listTypeB ul li a{position:relative;display:block}
.listTypeB ul li .box .photo{position:relative;display:block;padding-top:100%;overflow:hidden;background:#dee2e4}
.listTypeB ul li .box .photo img{position:absolute;top:50%;left:50%;max-width:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.listTypeB ul li .box .infor{position:relative;padding:20px;background:#fff;border:1px solid #eaeef0;border-width:0 1px 1px}
.listTypeB ul li .box .infor .board-con{margin-bottom:10px;height:52px;color:#343c40}
.listTypeB ul li .box .infor .snsIc img{width:28px}
.listTypeB ul li .box .infor .board-date{position:absolute;right:20px;bottom:20px;padding-left:24px;font-size:15px;color:#8b8b8b;background:url('../img/sub/ico-calender.png') no-repeat left center}

/* 목록 - gallery list */
.listTypeC{position:relative;overflow:hidden;}
.listTypeC .article-chk{top:10px;left:10px}
.listTypeC ul{margin:0 -12px}
.listTypeC ul::after{display:block;clear:both;content:''}
.listTypeC ul li{float:left;margin-bottom:30px;padding:0 12px;width:33.33%}
.listTypeC ul li a{display:block;text-decoration:none}
.listTypeC ul li .box .photo{position:relative;display:block;padding-top:58%;overflow:hidden;background:#dee2e4}
.listTypeC ul li .box{position:relative}
.listTypeC ul li .box .photo img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-width:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;object-fit:cover}
.listTypeC ul li a:hover .box .photo img{transform:translate(-50%,-50%) scale(1.07);-webkit-transform:translate(-50%,-50%) scale(1.07)}
.listTypeC ul li .box .con{position:relative;padding:30px 30px 20px;background:#fff;border:1px solid #dee2e4;border-width:0 1px 1px}
.listTypeC ul li .box .con .tit{display:block;margin-bottom:30px;padding-bottom:20px;height:55px;font-size:1rem;line-height:1.5; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.listTypeC ul li .box .con .infor{position:relative;text-align:right}
.listTypeC ul li .box .con .infor span{display:inline-block;font-size:.938rem;color:#8b8b8b;line-height:1}
.listTypeC .date{position:absolute;top:50%;left:0;transform:translateY(-50%)}
.listTypeC .name{padding-right:10px;border-right:1px solid #80898e;margin-right:10px}

/* FAQ */
.list-faq .adm-chk{margin:0 0 10px 0;}
.list-faq .adm-chk input{margin:-3px 0 0 0;}
.list-faq .adm-chk label{font-size:1rem}
.list-faq ul{border-top:1px solid #000;}
.list-faq ul li{position:relative;border-bottom:1px solid #dee2e4}
.list-faq .b-quest-box{display:table;position:relative;width:100%;box-sizing:border-box;}
.list-faq .b-quest-box .num{display:table-cell;width:120px;height:100%;background-color:#f3f8ff;font-weight:700;text-align:center;vertical-align:middle;}
.list-faq .b-title-box{position:relative;display:table-cell;vertical-align:middle}
.list-faq .b-title-box:before{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:'xeicon';content:"\e941";color:#353535}
.list-faq .b-quest-box.faq-close .b-title-box{background:url(/_res/deu/_share/img/board/btn_faq_close.gif) no-repeat right 10px center;}
.list-faq .b-title-box a{display:block;padding:20px;color:#333}
.list-faq .b-title-box .qtxt {color: #00346f;margin-right: 5px;}
.list-faq .b-quest-box > div{display:table-cell;width:40px;vertical-align:middle;}
.list-faq .b-quest-box > div .b-btn-modify{display:inline-block;padding:8px 5px;min-width:40px;background-color:#d2d2d2;font-size:13px;color:#fff;text-align:center;box-sizing:border-box;border-radius:5px;line-height:1;vertical-align:middle;}
.list-faq .b-ans-box{display:none;}
.list-faq .b-ans-box .b-ans{padding: 50px 40px 50px 130px;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7}
.list-faq .b-ans-box .fr-view{position:relative;padding-left:40px}
.list-faq .b-ans-box .fr-view:before{position:absolute;left:0;top:0;width:30px;height:30px;text-align:center;content:"A";background-color:#00346f;color:#fff;border-radius:50%}

/* view */
.viewTypeA{position:relative;border-top:1px solid #000000;border-bottom:1px solid #dee2e4}
.viewTypeA .viewTop{padding:25px;background:#f3f8ff;border-bottom:1px solid #dee2e4}
.viewTypeA .viewTop h2{margin-bottom:20px;font-size:28px;line-height:1.3;font-weight:500}
.viewTypeA .viewTop ul li{position:relative;display:inline-block;margin-right:10px;color:#8b8b8b;padding-right:10px}
.viewTypeA .viewTop ul li:after{position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:#80898e;width:1px;height:12px;content:""}
.viewTypeA .viewTop ul li:last-child:after{display:none}
.viewTypeA .file{position:relative;padding:15px 40px 20px 140px;font-size:18px;color:#80898e;border-bottom:1px solid #dee2e4}
.viewTypeA .file .name{position:absolute;top:15px;left:40px;}
.viewTypeA .file a{display:inline-block;margin-right:20px;padding-left:22px;font-size:15px;background:url('/_res/deu/_share/img/ic_file.png') no-repeat left center}
.viewTypeA .con{padding:40px}
.viewTypeA .con .img{margin-bottom:40px;text-align:center}
.viewTypeA .etc-con{padding:40px}
.viewTypeA .etc-con .con{padding:20px 0}

.viewlist{margin-top:70px;border:1px solid #98a1a6;border-width:1px 0 }
.viewlist li{position:relative;padding:0 20px 0 180px;line-height:70px}
.viewlist li:first-child{border-bottom:1px solid #dee2e4}
.viewlist li span{position:absolute;top:0;left:0;padding-left:80px;height:100%;font-weight:500;}
.viewlist li span::after{position:absolute;top:45%;left:40px;width:10px;height:10px;content:'';border:1px solid #305a8a;border-width:2px 2px 0 0;transform:rotate(-45deg);}
.viewlist li a{display:block;color:#788287;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.viewlist li.next span::after{transform:rotate(135deg);-webkit-transform:rotate(135deg)}

/* bn-write-common01 공통 */
.board-write .btn-ico{display:inline-block;padding:10px;min-width:100px;border:1px solid #ccc;background-color:#ebebeb;font-weight:400;height:48px;color:#5c5c5c;text-align:center;cursor:pointer;transition:.3s}
.board-write .b-table-wrap{border-top:1px solid #000}
.board-write .b-table-box{display:table;width:100%}
.board-write .b-table-box .b-row-box{display:table-row}
.board-write .b-table-box .b-title-box{display:table-cell;width:160px;padding:20px;border-right:1px solid #dedede; border-bottom:1px solid #dedede;font-weight:400;color:#000;vertical-align:top;background-color:#f3f8ff}
.board-write .b-table-box .b-con-filebox{display:table-cell}
.board-write .b-con-filebox .b-file-box:first-child{border-top:none}
.board-write .b-table-box .b-required:after{content:"*";display:inline-block;padding:5px 0 0 2px;color:#d10909;line-height:1;vertical-align:middle;}
.board-write .b-table-box .b-con-box{display:table-cell;position:relative;padding:10px 20px;border-bottom:1px solid #d8d8d8;vertical-align:middle;}
.board-write .b-select-wide{width:calc(50% - 15px);max-width:100%;}
.board-write .b-select:last-of-type{margin:0;}
.board-write .b-table-box.b-notice-box .b-row-box .b-con-box:nth-of-type(2){width:25%;}
.board-write .b-table-box.b-notice-box .b-row-box .b-title-box:nth-of-type(3){border-left:1px solid #d3d9dd;}
.board-write .b-period-box > p{display:inline-block;}
.board-write .b-period-box > div{display:inline-block;}
.board-write .b-period-box span{padding:0 2px 0 5px;}
.board-write .datepicker{padding-right:40px;width:calc(50% - 11px);max-width:200px;background:#fff url(/_res/bdu/_share/img/board/ico-datepicker01.gif) no-repeat right 10px top 50%;cursor:pointer;background-color:#eee}
.board-write .b-textarea{padding:20px;height:300px;border:1px solid #dedede;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.board-write .b-file-box{padding:10px;border-top:1px solid #dedede;}
.board-write .b-file-box .file-flex{display:flex;justify-content:space-between;align-items:center}
.board-write .b-file-box input[name="wr-file-name"]{flex-grow:1;margin-right:5px}
.board-write .b-file-box .b-guide-box{margin-top:5px}
.board-write .b-file-box .b-guide-box label{position:absolute;top:0;left:-999999px;}
.board-write .b-file-box .file-alt{width:100%}
.board-write .b-file-box .b-left-box{float:left;}
.board-write .b-file-box .b-left-box .b-sel-box{display:inline-block;vertical-align:middle;}
.board-write .b-file-box .b-left-box .b-guide-txt{display:inline-block;vertical-align:middle;}
.board-write .b-file-box .b-right-box{float:right;}
.board-write .b-file-box .b-right-box .b-guide-txt{padding:15px 0 0 0;}
.board-write .b-file-box .b-chk:checked + label:after{content:"";position:absolute;top:50%;left:30px;width:calc(100% - 30px);height:1px;background-color:#000;box-sizing:border-box;}
.board-write .b-file-box .b-guide-txt{display:inline-block;padding:0 0 0 10px;font-weight:400;font-size:16px;color:#888;line-height:24px;vertical-align:middle;}
.board-write .b-file-box .b-guide-txt span.privacy{display:block;color:#ff0000;}
.board-write .b-file-box p{display:inline-block;padding:0 10px 0 0;width:calc(100% - 105px);line-height:21px;vertical-align:middle}
.board-write .btn-delete{background-color:transparent;color:#d10909;border-color:#d10909}
.board-write .btn-delete:before{font-family:'xeicon';content:"\e96f";margin-right:5px}
.board-write .btn-delete:hover{background-color:#d10909;color:#fff}
.board-write .btn-file:before{font-family:'xeicon';content:"\e97a";margin-right:5px}
.board-write .b-video-box > p{display:inline-block;}
.board-write .b-sel-box{display:block;position:relative;z-index:0;width:100px;text-align:left;vertical-align:middle;}
.board-write .b-sel-title{display:block;line-height:17px;padding:8px 24px 8px 10px;border:1px solid #d8d8d8;font-weight:200;color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;box-sizing:border-box;vertical-align:middle;}
.board-write .b-sel-box.close{z-index:20;}
.board-write .b-sel-box.close ul{display:block;}
.board-write .b-sel-box ul{display:none;position:absolute;top:35px;width:100%;}
.board-write .b-sel-box ul li{width:100%;height:100%;border:1px solid #d8d8d8;border-top:none;background-color:#fff;font-weight:300;box-sizing:border-box;box-shadow:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;}
.board-write .b-sel-box ul li a{display:block;padding:9px 10px;font-weight:200;color:#333;box-sizing:border-box;}
.board-write .b-sel-box ul li:hover a{background-color:#b2b2b2;color:#fff;}
.board-write .b-tel-box span{padding:0 5px;}
.board-write .b-tel-box label{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.board-write .b-tel-box .b-select{font-family:inherit;max-width:200px;}
.board-write .b-tel-box .b-input{width:calc(33.33% - 16px);max-width:200px;}
.board-write .b-period-box span{padding:0 2px 0 5px;}
.board-write .b-email-box span{padding:0 4px 0;}
.board-write .b-email-box .b-input{width:calc(33.33% - 15px);max-width:200px;}
.board-write .b-address-box label{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.board-write .b-address-box > div div{display:inline-block;padding:0 0 10px;max-width:calc(100% - 73px);}
.board-write .b-address-box > div div span{padding:0 8px;}
.board-write .b-address-box > div div .b-input{width:calc(50% - 15px);max-width:155px;}
.board-write .b-address-box > div > button{display:inline-block;padding:3px 5px;border:1px solid #474747;background:none;font-weight:200;font-size:15px;color:#191919;border-radius:5px;line-height:1;cursor:pointer;vertical-align:middle;}
.board-write .b-relation-box div:nth-of-type(1){padding:0 0 5px;}
.board-write .b-relation-box div:nth-of-type(2) label{padding:0 10px 0 0;}
.board-write .b-relation-box div:nth-of-type(2) .b-input{max-width:calc(100% - 41px);}
.board-write .b-url-box .b-input{margin:0 0 10px;max-width:330px;}
.board-write .b-url-box p{line-height:25px;word-break:break-all;}
.board-write .b-url-box p span{color:#FF0000;}

/* pdf */
.guidTxt{position:relative;margin-bottom:30px;padding:30px 30px 30px 200px;min-height:150px;background-color:#f3f8ff;background-repeat:no-repeat;background-position:55px 23px;border:1px solid #dee2e4;background-image:url('/_res/bdu/bduhome/img/sub/pdfico.png')}
.downBox{position:relative;padding:35px 25px 35px 35px;background:#f6f7f8;border-top:3px solid #545454}
.downBox::after{display:block;clear:both;content:''}
.downBox h2{display:inline-block;font-size:26px;line-height:48px}
.downBox .btnRt{float:right}
.downBox .btnRt .btn{display:inline-block;margin-right:10px}
.downBox .btnRt .btn a{display:block;padding:0 45px 0 20px;font-size:17px;line-height:48px;font-weight:500;background-color:#fff;background-repeat:no-repeat;background-position:165px center;border:1px solid #00346f;border-radius:5px}
.downBox .btnRt .btn.down a{color:#333;background-image:url('/_res/bdu/bduhome/img/sub/ico-pdf.png');border-color:#333}
.downBox .btnRt .btn.link a{color:#fff;background-color:#00346f;background-image:url('/_res/bdu/bduhome/img/sub/ico-down.png') }
.fileView a iframe {width: 100%; height: 770px;}

/* 승인 */
.txt-approve{color:#0f9079;font-weight:500;}
.txt-decline{color:#aaa;}



/* ================
date:24.03.18
page: gallery
writer:sein
=======================*/
.gallery-list{display: flex; align-items: center; flex-wrap: wrap; gap:2%;}
.gallery-list li{width: 32%;  margin-bottom: 2%;  border: 1px solid #ababab; transition: 0.2s all ease-in-out; overflow: hidden;}
.gallery-list li:hover{border-color: #326bcd;}
.gallery-list li .thum{position: relative;display: block;width: 100%;padding: 65% 0 0;	background: #ededed;overflow: hidden;}
.gallery-list li .thum img{position: absolute;top: 0;left: 0;width: 100%;
	/* height: 100%; */transition: all 0.3s ease, transform 1s ease;}
	.gallery-list li:hover .thum img{transform: scale(1.05, 1.05);}
	.gallery-list	.list-cont-wrap{padding: 1.25rem;}
.gallery-list .list-cont{display: block;text-overflow: ellipsis;	overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;	display: -webkit-box; font-size: 1rem; height:3em;}
.gallery-list li:hover .list-cont{text-decoration: underline; }
.gallery-list .list-date{display: block; font-size: 0.9375rem; color: #767676; margin-top: 5px;}





@media (max-width:1200px){
	.listTypeC ul li{width:50%}
}

@media (max-width:1024px){
	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"]{height:40px}

	.listTypeB ul li{width:50%}

	.list-faq .b-quest-box .num{width:80px;font-size:1rem}
	.list-faq .b-quest-box{padding:0 10px 0 0;}
	.list-faq .b-ans-box .b-ans{padding:30px 30px 30px 125px}
	.list-faq .b-ans-box .fr-view{padding-left:30px}
	.list-faq .b-ans-box .fr-view:before{width:20px;height:20px;top:2px}

	.fileView a iframe {height: 500px}
}

@media (max-width:720px){
	input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="email"]{height:40px}
	.input-select{padding: 0 20px 0 13px;height: 40px;background-size: 10px;}

	.btnList{margin-top:20px;text-align:center}
	.btnBc a,
	.btnBc button,
	.btnBc input{padding:0 15px;min-width:85px;line-height:40px}
	.btnBc .btn-bg{padding-left:20px;background-position:12px center;background-size:15px}

	.pageWrap{margin-top:30px}
	.page .contr{margin: 0 7px;}
	.page a{width: 30px;height: 30px;font-size: 14px;line-height: 28px;}
	.page a img{height:13px}

	.bbs_top .pageNum{float:none;margin-bottom:10px}
	.bbs_top .boadSearchA{float:none}
	.boadSearchA select{margin: 0 0 5px 0;width: 100%;}
	.boadSearchA .serInput{padding: 0 10px;width:calc(100% - 70px)}
	.boadSearchA .btn{position:absolute;right:0;bottom:0;width:65px;height:40px;text-indent: 20px;background-position:10px center;background-size:12px}

	.listTypeA.mb{display:block}
	.listTypeA.mb colgroup{display:none}
	.listTypeA.mb thead{display:none}
	.listTypeA.mb tbody{display:block}
	.listTypeA.mb tbody tr.notice{background: #f6f7f8;}
	.listTypeA.mb tbody td.num{display:none}
	.listTypeA.mb tbody tr.notice .num{display:block;float:left;margin-right:10px}
	.listTypeA.mb tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #ececec}
	.listTypeA.mb tbody tr::after{display:block;clear:both;content:''}
	.listTypeA.mb tbody td{display:block;padding:2px 0;border:0;font-size:13px;text-align:left;}
	.listTypeA.mb tbody td.data,
	.listTypeA.mb tbody td.file,
	.listTypeA.mb tbody td.hit{position:relative;float:left;margin-right:10px;padding-right:10px;line-height:15px}
	.listTypeA.mb tbody td.data::after,
	.listTypeA.mb tbody td.file::after{position:absolute;top:6px;right:0;width:0;height:10px;content:'';border-left:1px solid #50585c}
	.listTypeA.mb tbody td.file img{width:12px}
	.listTypeA.mb tbody td.subject{padding-bottom:5px;font-size:14px}
	.listTypeA.mb tbody td.subject a{display:block;padding-right:15px;font-weight:500}
	.listTypeA tbody td.subject a .icNew{top:3px;width:15px}
	.listTypeA.mb tbody td.name::before{margin-right:5px;content:'작성자 '}
	.listTypeA.mb tbody td.data::before{margin-right:5px;content:'작성일 '}
	.listTypeA.mb tbody td.file::before{margin-right:5px;content:'첨부 '}
	.listTypeA.mb tbody td.hit::before{margin-right:5px;content:'조회수 '}

	.snsTab{margin-bottom:30px;padding-top:10px}
	.snsTab ul li{margin: 0 3px;}
	.snsTab ul li a{width: 45px;height: 45px;font-size: 14px;line-height: 42px;}

	.listTypeB::before{height:2px}
	.listTypeB ul{margin: 0 -5px;}
	.listTypeB ul li{margin-bottom: 10px;padding: 0 5px;}
	.listTypeB ul li .box .infor{padding: 10px;}
	.listTypeB ul li .box .infor .board-con{height:40px}
	.listTypeB ul li .box .infor .board-date{right: 10px;bottom: 12px;padding-left:16px;font-size: 13px;background-size:12px}
	.listTypeB ul li .box .infor .snsIc img{width:24px}

	.listTypeC{padding-top:0}
	.listTypeC ul{margin: 0 -5px;}
	.listTypeC ul li{margin-bottom: 10px;padding: 0 5px;}
	.listTypeC ul li .box .photo{padding-top:68%}
	.listTypeC ul li .box .con{padding: 10px;}
	.listTypeC ul li .box .con .tit{margin-bottom:10px;height: 40px;font-size:14px;line-height: 1.4;}
	.listTypeC ul li .box .con .infor{text-align:left}
	.listTypeC ul li .box .con .infor .date{position:relative;}
	.listTypeC ul li .box .con .infor span{padding-left:15px;font-size:12px;background-size:12px}

	.listTypeD.mb{display:block}
	.listTypeD.mb colgroup{display:none}
	.listTypeD.mb thead{display:none}
	.listTypeD.mb tbody{display:block;border-top:1px solid #ececec;}
	.listTypeD.mb tbody tr.notice{background: #f6f7f8;}
	.listTypeD.mb tbody td.num{display:none}
	.listTypeD.mb tbody tr.notice .num{display:block;float:left;margin-right:10px}
	.listTypeD.mb tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #ececec}
	.listTypeD.mb tbody tr::after{display:block;clear:both;content:''}
	.listTypeD.mb tbody td{display:block;padding:2px 0;border:0;font-size:13px;text-align:left;}
	.listTypeD.mb tbody td.data,
	.listTypeD.mb tbody td.file,
	.listTypeD.mb tbody td.hit{position:relative;float:left;margin-right:10px;padding-right:10px;line-height:15px}
	.listTypeD.mb tbody td.data::after,
	.listTypeD.mb tbody td.file::after{position:absolute;top:6px;right:0;width:0;height:10px;content:'';border-left:1px solid #50585c}
	.listTypeD.mb tbody td.file img{width:12px}
	.listTypeD.mb tbody td.subject{padding-bottom:5px;font-size:14px}
	.listTypeD.mb tbody td.subject a{display:block;padding-right:15px;font-weight:500}
	.listTypeD tbody td.subject a .icNew{top:3px;width:15px}
	.listTypeD.mb tbody td.device{font-size:1.15rem;font-weight:600;margin-bottom:5px;}
	.listTypeD.mb tbody td::before{margin-right:10px;font-weight:600;}
	.listTypeD.mb tbody td.stDate::before{content:'시작일자';}
	.listTypeD.mb tbody td.fsDate::before{content:'종료일자';}
	.listTypeD.mb tbody td.where::before{content:'이용기관명';}
	.listTypeD.mb tbody td.name::before{content:'이용자명 ';}
	.listTypeD.mb tbody td.data::before{content:'작성일 '}
	.listTypeD.mb tbody td.file::before{content:'첨부 '}
	.listTypeD.mb tbody td.hit::before{content:'조회수 '}

	.listTypeD.mb tbody td.txt-approve{padding:10px;background:#f2f8f7;text-align:center;margin-top:10px;border:1px solid #d5ede9}
	.listTypeD.mb tbody td.txt-decline{padding:10px;background:#f8f8f8;text-align:center;margin-top:10px;border:1px solid #ddd}


	.list-faq .b-quest-box .num{display:none}
	.list-faq .b-ans-box .b-ans{padding:15px}

	.viewTypeA .viewTop{padding: 15px;}
	.viewTypeA .viewTop h2{margin-bottom:10px;font-size:1.125rem}
	.viewTypeA .viewTop ul li{margin-right:5px;padding-right:5px}
	.viewTypeA .viewTop ul li::before{top:5px;height:10px}
	.viewTypeA .file{padding: 10px 15px;font-size: 14px;}
	.viewTypeA .file .name{display:none;top: 10px;left: 15px;}
	.viewTypeA .file a{margin-right: 10px;padding-left: 16px;font-size:12px}
	.viewTypeA .con{padding:15px}
	.viewTypeA .con .img{margin-bottom:20px}
	.viewTypeA .etc-con{padding:15px}

	.viewlist{margin-top:40px}
	.viewlist li{padding: 0 0px 0 90px;font-size: 14px;line-height:40px;}
	.viewlist li span{padding-left: 35px;}
	.viewlist li span::after{left: 15px;width: 7px;height: 7px;}

	.board-write .btn-ico{padding:0;line-height:2.6;height:40px;min-width:85px}
	.board-write input[type="text"]{width:100%}
	.board-write input[type="text"].datepicker{padding-right:40px;width:calc(50% - 11px);max-width:200px;}
	.board-write .b-table-box .b-title-box{display:block;padding:7px 10px 6px;width:100%;font-size:14px;line-height:22px;text-align:left;border-right:none;}
    .board-write .b-table-box .b-row-box .b-con-box{display:block;padding:10px;}
	.board-write .b-table-box .b-con-filebox{display:block}
    .board-write .b-textarea{padding:10px;height:200px;}
    .board-write .b-sel-title{font-size:14px;}
    .board-write .b-sel-box ul li a{font-size:14px;}
    .board-write .b-table-box.b-notice-box .b-row-box .b-con-box:nth-of-type(2){width:auto;}
    .board-write .b-table-box.b-notice-box .b-row-box .b-title-box:nth-of-type(3){border-left:none;}
    .board-write .b-email-box .b-input{width:calc(50% - 14px);max-width:100%;}
    .board-write .b-email-box .b-select{margin:5px 0 0 0;width:100%;}
    .board-write .b-email-box span{font-size:14px;}
    .board-write .b-tel-box .b-select{width:calc(33.33% - 15px);max-width:100%;}
    .board-write .b-tel-box .b-input{margin:5px 0 0 0;}
    .board-write .b-password-box span{display:block;padding:5px 0 0 0;line-height:19px;}
    .board-write .b-write-box{padding:20px 0;}
    .board-write .b-write-box .b-textarea{height:200px}
	.board-write .b-file-box p{display:block;width:100%;margin-bottom:5px}
	.board-write .b-file-box input[name="wr-file-name"]{width:calc(100% - 85px)}
    .board-write .b-file-box .b-guide-box label{padding:0 25px 0 0;font-size:1rem}
    .board-write .b-file-box .b-guide-txt{padding:5px 0 0 0;width:100%;font-size:14px;line-height:19px;}
    .board-write .b-url-box p{line-height:20px;}

	.guidTxt{margin-bottom:30px;background-image:none;padding:15px}
	.downBox{padding:15px 10px;text-align:center}
	.downBox h2{margin-bottom:15px;font-size:20px;line-height:1}
	.downBox .btnRt{float:none;}
	.downBox .btnRt .btn{margin:3px 5px}
	.downBox .btnRt .btn a{padding: 0 15px 0 40px;font-size: 13px;line-height: 35px;background-position:15px center}
	.fileView a iframe {height: 400px;}

/* ================
date:24.03.18
page: gallery
writer:sein
=======================*/
.gallery-list li{width: 49%;}
.gallery-list	.list-cont-wrap{padding: 0.625rem;}

}

@media (max-width:478px){
/* ================
date:24.03.18
page: gallery
writer:sein
=======================*/
.gallery-list li{width: 100%; margin-bottom: 4%;}
.gallery-list li:last-child{margin-bottom: 0;}
}