@charset "utf-8";



.bbs-top {display:flex;display:-ms-flex;margin-bottom:30px;padding:20px 30px;background:#edeff2;}
.bbs-top .col-box {display:flex;display:-ms-flex;width:40%;}
.bbs-top .col-box + .col-box {margin-left:30px;}
.bbs-top .col-box .devied {padding:0 10px;color:#bcc5ca;font-size:20px;line-height:1.7;}
.bbs-top .col-box .date {position:relative;background:#fff;}
.bbs-top .col-box .date:before {position:absolute;top:3px;left:6px;color:#7f7f7f;font-size:30px;font-family:'LineAwesome';;content:"\f15f";}
.bbs-top .col-box .date input {position:relative;z-index:2;width:100%;height:40px;padding-left:40px;background:transparent;}

.bbs-top .col-box.bbs-search {width:calc(60% - 30px);height:38px;border:1px solid #bcc5ca;}
.bbs-top .col-box.bbs-search select,
.bbs-top .col-box.bbs-search input {width:100%;border:0;}
.bbs-top .col-box.bbs-search .swrap {position:relative;padding-right:15px;background:#fff;}
.bbs-top .col-box.bbs-search .swrap:after {position:absolute;top:10px;right:0;bottom:10px;z-index:10;width:1px;background:#bcc5ca;content:'';}
.bbs-top .col-box.bbs-search .swrap select {position:relative;width:100%;min-width:110px;height:38px;}
.bbs-top .col-box.bbs-search input {position:relative;height:38px;}

.bbs-top .col-box.bbs-search .btn {/*min-width:88px;*/height:40px;margin:-1px 0;border-radius:0;background:#2e425d;line-height:40px;}

.board-top-txt {margin-bottom:25px;color:#000;font-size:14px;line-height:1.5;}
.board-top-txt em {display:block;color:#ce2e2e;}

.bbs-list {border-top:2px solid #d5d9df;}
.bbs-list.center th,
.bbs-list.center td {text-align:center;word-break: break-all;}
.bbs-list thead tr {border-bottom:1px solid #d5d9df;}
.bbs-list thead tr th {position:relative;padding:15px 0;background:#f8f9fa;color:#163c66;font-weight:normal;font-size:18px;font-family:'NotoKrM';}
.bbs-list thead tr th + th:before {position:absolute;top:15px;bottom:15px;left:0;width:1px;background:#d5d9df;content:'';}
.bbs-list tbody tr {border-bottom:1px solid #d5d9df;}
.bbs-list tbody tr td {padding:14px 10px 16px 10px;color:#000;font-size:16px;}
.bbs-list tbody tr td a {color:#000;font-size:16px;display: block;padding: 12px 0;}
.bbs-list strong {font-family: 'NotoKrB',MalgumGothic,'Helvetica Neue',Helvetica,Arial,sans-serif;}

.state {display:inline-block;width:75px;height:25px;border-radius:0.2em;background:#ce2e2e;color:#fff;font-size:14px;line-height:25px;text-align:center;}
.state.ing {background:#ce2e2e;}
.state.end {background:#8092aa;}
.state.exp {background:#4a6180;}

.bbs-gallery {border-top:2px solid #d5d9df;border-bottom:1px solid #d5d9df;}
.bbs-gallery .box {position:relative;min-height:143px;border-bottom:1px solid #d5d9df;padding:20px 0 20px 245px;}
.bbs-gallery .img {position:absolute;top:20px;left:0;width:191px;height:128px;/*border:1px solid #e6e9ee;*/overflow: hidden;}
.bbs-gallery .img img {display:block;position:absolute;top:0;left:0;right:0;width:100%}
.bbs-gallery .tit {display:block;padding-top:5px;color:#163c66;font-weight:normal;font-size:18px;font-family:'NotoKrM';}
.bbs-gallery .date {display:block;padding-top:14px;color:#000;font-size:14px;}
.bbs-gallery .date span {display:inline-block;position:relative;margin-left:14px;padding-left:14px;color:#ce2e2e;}
.bbs-gallery .date span:after {position:absolute;top:4px;left:0;width:1px;height:14px;background:#000;content:'';}
.bbs-gallery .txt {display:-webkit-box;width:100%;height:3em;margin:14px 0 0 0;overflow:hidden;color:#000;font-size:14px;line-height:1.5em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.bbs-gallery .tag {display:block;padding-top:10px;color:#ce2e2e;font-size:14px;text-align:right;}
.bbs-gallery .tag a {color:#4c6081;}
.bbs-gallery.type02 .box {width:50%;margin-right:20px;margin-bottom:-1px;}
.bbs-gallery.type02 .box + .box {margin:0 0 -1px 20px;}
.bbs-gallery.type02 .box-wrap {display:flex;}
.bbs-gallery.type02 .tit {/* margin:10px 0 0 -245px; */ position: absolute;left: 0;top: 10px;  width: 100%;display: inline-block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.bbs-gallery.type02 .date {padding-top:100px;}
.bbs-gallery.type02 {margin-top:-20px;border-top:0;}
.bbs-gallery.type02 .tag {text-align:left;}
.bbs-gallery.type02 .img {margin-top: 35px;height: 107px;}

.bbs-photo {border-top:1px solid #d5d9df;}
.bbs-photo .box {border-top:1px solid #d5d9df;padding:20px 0;}
/*.bbs-photo .box a + .photo {margin-top: 17px;}*/
.bbs-photo .box span + .photo {margin-top: 17px;}
.bbs-photo .box .photo {display:table;width:100%;}
.bbs-photo .box .photo .large {display:table-cell;width:calc(44.4%);}
.bbs-photo .box .photo .small {display:table-cell;width:calc(55.6%);overflow:hidden;}
.bbs-photo .box .photo .small .img {float:left;width:calc(50% - 20px);margin-left:20px;}
.bbs-photo .box .photo .small .img:nth-child(1),
.bbs-photo .box .photo .small .img:nth-child(2) {margin-bottom:20px;}
.bbs-photo .box .photo .img {display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;;}
.bbs-photo .box .photo .img img.template {display:block;position:static;width:100%;}
.bbs-photo .box .photo .img img {position:absolute;top:0;left:0;width:100%;}
.bbs-photo .box .txt {/* margin-top:17px; */color:#4c6081;font-size:14px;}
.bbs-photo .box .date {display:block;margin-top:7px;color:#000;font-size:14px;}
/*20190128 add*/
.bbs-photo .box .txt a {/* margin-top:17px; */color:#163c66;font-size:18px;font-family:NotoKrM;font-weight:normal;}
/*20190128 add*/
.bbs-photo + .out-bbs-wrap {margin-top:10px;border-top:1px solid #e6e9ee;padding-top:20px;}
.photo-slide + .out-bbs-wrap {margin-top:30px;border-top:1px solid #e6e9ee;padding-top:20px;}
.photo-slide + .out-bbs-wrap:before {top:20px;}
.photo-slide + .bbs-movie {margin-top:20px;border-top:1px solid #e6e9ee;padding-top:20px;}


.bbs-letter {border-top:2px solid #d5d9df;border-bottom:2px solid #d5d9df;overflow:hidden;}
.bbs-letter ul {margin: 0 -20px;}
.bbs-letter .box {float:left;width:33%;margin-bottom:-1px;border-bottom:1px solid #e6e9ee;/* padding:18px 0; */text-align:center;padding:20px 6%;box-sizing: border-box;}
.bbs-letter .box:nth-child(3-1) {width:34%;}
.bbs-letter .box .img {
	/* display:flex; */justify-content:center;align-items:center;/* height: 250px;margin:10px; border:1px;solid #d7d9dd; */
	padding-top: 144%;display: block;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;
}
.bbs-letter .box .img img {display:inline-block;max-width:100%;max-height: 100%;height: 100%;}
.bbs-letter .box dl {margin-top:12px;padding:0 20px;}
.bbs-letter .box dl dt {display: -webkit-box;height:3em;overflow:hidden;color:#163c66;font-size:18px;line-height:1.5em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}

.bbs-letter .box dl dt.bigH {display: -webkit-box;height:160px;overflow:hidden;color:#163c66;font-size:18px;line-height:1.5em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}



.bbs-letter .box dl dd {padding-top:14px;color:#000;font-size:14px;}

.bbs-letter-view {position:relative;width: 100%;float: left;/* min-height:450px; */border-top:2px solid #d5d9df;border-bottom:2px solid #d5d9df;padding:20px 0 20px 0;/* padding:20px 0 20px 345px; */}
.bbs-letter-view .img {float: left;display:block;/* position:absolute;top:20px;left:0;width:324px; */}
.bbs-letter-view .img img {max-width:100%;height:auto;border:1px solid #d7d9dd;}
.bbs-letter-view dl {padding-left: 343px;}
.bbs-letter-view dl dt {margin-bottom:10px;border-bottom:1px solid #e6e9ee;padding:20px 10px;color:#163c66;font-size:18px;font-family:'NotoKrM';}
.bbs-letter-view dl dd {padding:6px 10px;color:#000;font-size:14px;}
.bbs-letter-view dl dd.bw {margin-top:15px;}
.bbs-letter-view dl dd.tag {position:absolute;left: 343px;/* right:0; */bottom:20px;padding-top:10px;color:#ce2e2e;font-size:14px;text-align:left;}
.bbs-letter-view dl dd.tag a {color:#4c6081;}
.bbs-letter-view dl dd.tag + dd.bw {margin-bottom:30px;}

/* Best Practices & Initiatives */
.bpi-view .img img {
    border: none;
}
.bpi-view dl dd.text {
    display: flex;
    flex-wrap: nowrap;
}
.bpi-view dl dd.text span {
    padding-right: 10px;
    white-space: nowrap;
}

.bbs-view {border-top:2px solid #d5d9df;border-bottom:2px solid #d5d9df;}
.bbs-view .tit {display:inline-block;position:relative;margin-right:15px;padding-right:15px;}
.bbs-view .tit:after {position:absolute;top:50%;right:0;width:1px;height:10px;margin-top:-5px;background:#000;content:'';}
.bbs-view .file-list {display:inline-block;margin-top:-3px;vertical-align:top;}
.bbs-view .file-list a {color:#000;font-size:14px;line-height:1.5;}
.bbs-view .file-list.subject p,
.bbs-view .file-list.subject a {font-size:18px;}

.bbs-view .file-list.subjecttxt p,
.bbs-view .file-list.subjecttxt a {font-size:18px; line-height:1.5;}

.bbs-view thead tr th {padding:17px 20px;background:#f8f9fa;color:#163c66;font-weight:normal;font-size:20px;text-align:left;}
.bbs-view thead tr td {padding:5px 20px;background:#f8f9fa;color:#000;font-size:14px;white-space: nowrap;}
.bbs-view thead tr td .tit + .state {margin-left:10px;}
.bbs-view thead tr:last-child td {padding-bottom:22px;}
.bbs-view tbody tr td {border-top:1px solid #d5d9df;padding:20px;}

.bbs-view tbody tr td.cont p, .bbs-view tbody tr td.cont div {line-height: 1.8;}
.bbs-view tbody tr td.cont em {font-style:italic;}
.bbs-view tbody tr td.cont img {max-width:100%;}

.out-bbs-wrap {position:relative;margin-bottom:30px;border-bottom:1px solid #e6e9ee;padding-bottom:30px;overflow:hidden;}
.out-bbs-wrap:before {position:absolute;top:0;bottom:20px;left:50%;width:1px;background:#d5d9df;content:'';}
.out-bbs-wrap .box {float:left;width:calc(50% - 20px);margin-right:20px;}
.out-bbs-wrap .box +.box {margin-right:0;margin-left:20px;}
.out-bbs-wrap .box dl {}
.out-bbs-wrap .box dl dt {padding-bottom:25px;color:#163c66;font-size:24px;}
.out-bbs-wrap .box dl dd {padding:2px 0;}
.out-bbs-wrap .box dl dd a {display:block;display:-webkit-box;position:relative;height:auto;padding-left:14px; color:#000;font-size:14px;line-height:1.5em;word-wrap:break-word;}
.out-bbs-wrap .box dl dd a:before {position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:4px;background:#4a6180;content:'';}
.out-bbs-wrap.wide:before {display:none}
.out-bbs-wrap.wide .box{width:100%}

.out-bbs-wrap.line {margin-top:30px;border-top:1px solid #e6e9ee;padding-top:30px;}
.out-bbs-wrap.line:before {top:30px;}
.photo-slide {margin-top:20px;border-top:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee;padding:30px 36px;}

.photo-slide ul {}
.photo-slide ul li {}
.photo-slide ul li .img {position:relative;overflow:hidden;display:block;}
.photo-slide ul li .img img {position:absolute;top:0;left:0;width:100%;height:100%;}
.photo-slide ul li .img img.template {display:block;position:static;width:100%;}

.photo-slide dl {margin-top:14px;}
.photo-slide dl dt {display:-webkit-box;height:3em;overflow:hidden;color:#4c6081;font-size:14px;line-height:1.5em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.photo-slide dl dd {padding-top:7px;color:#000;font-size:14px;}

.photo-slide .bx-wrapper .bx-controls{position:absolute;width:100%; top:50%; left:0}
.photo-slide .bx-wrapper .bx-controls-direction a {background:none;font-size:0;text-indent:0;}
.photo-slide .bx-wrapper .bx-next{right:-35px;}
.photo-slide .bx-wrapper .bx-next:before {color:#8092aa;font-size:40px;font-family:'LineAwesome';content:'\f112';}
.photo-slide .bx-wrapper .bx-prev {left:-40px;}
.photo-slide .bx-wrapper .bx-prev:before {color:#8092aa;font-size:40px;font-family:'LineAwesome';content:'\f111';}


.bbs-movie.line {border-top:2px solid #d5d9df;}
.bbs-movie dl {margin-top:14px;}
.bbs-movie dl dt {display:-webkit-box;height:1.5em;overflow:hidden;color:#163c66;font-size:18px;line-height:1.5em;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.bbs-movie dl dd {padding-top:7px;color:#000;font-size:14px;}
.bbs-movie {position:relative;margin-bottom:30px;border-bottom:1px solid #e6e9ee;padding:30px 0;overflow:hidden;}
.bbs-movie .left {float:left;width:calc(50% - 10px);margin-right:10px;}
.bbs-movie .right {float:left;width:calc(50% + 10px);margin-left:-10px;overflow:hidden;}
.bbs-movie .right .box {float:left;width:calc(50% - 20px);margin-left:20px;}
.bbs-movie .right dl {margin:7px 0 26px 0;}
.bbs-movie .right dl dt {font-size:14px;}
.bbs-movie .right dl dd {padding-top:5px;}
.bbs-movie .movie {position:relative;}
.bbs-movie .movie .img {position:relative;z-index:1;}
.bbs-movie .movie .img img {display:block;width:100%;}
.bbs-movie .movie iframe {position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;}
.bbs-movie .movie .nav {position:absolute;top:50%;right:0;left:0;z-index:10;margin-top:-30px;}
.bbs-movie .movie .nav a {position:absolute;font-size:0;}
.bbs-movie .movie .nav a:before {color:#fff;font-size:60px;}
.bbs-movie .movie .nav a.prev{left:15px;}
.bbs-movie .movie .nav a.next{right:15px;}

.bbs-movie.type02 {border-top:2px solid #d5d9df;}
.bbs-movie.type02 .left {width:55%;margin:0;}
.bbs-movie.type02 .right {width:calc(45% - 20px);margin:0 0 0 20px;}
.bbs-movie.type02 dl {margin:-5px 0 0 0;}
.bbs-movie.type02 dl dt {display:block;height:auto;margin-bottom:12px;border-bottom:1px solid #e6e9ee;padding:0 12px 12px 12px;font-size:18px;font-family: 'NotoKrM';}
.bbs-movie.type02 dl dd {padding:5px 12px;font-size:14px;}
.bbs-movie.type02 dl dd .tag {display:block;color:#ce2e2e;font-size:14px;text-align:left;}
.bbs-movie.type02 dl dd .tag a {color:#4c6081;}
.bbs-movie.type02 .partner {position:absolute;bottom:30px;left:59%;}
.bbs-movie.type02 .partner li {display:inline-block;}
.bbs-movie.type02 .partner li + li {margin-left:20px;}

.bbs-write {border-top:1px solid #e6e9ee;}
.bbs-write tbody {}
.bbs-write tbody tr {}
.bbs-write tbody tr th {border-bottom:1px solid #e6e9ee;padding:10px 20px;background:#f6f7f9;font-weight:normal;text-align:left;}
.bbs-write tbody tr th .req {position:relative;top:3px;padding-right:4px;color:#ce2e2e;}
.bbs-write tbody tr td {border-bottom:1px solid #e6e9ee;padding:10px;}
.bbs-write tbody tr td input[type="text"],
.bbs-write tbody tr td input[type="password"],
.bbs-write tbody tr td select {width:30%;min-width:180px;}
.bbs-write tbody tr td .devied {padding:0 5px;}
.bbs-write tbody tr td .flex-box {display:flex;}
.bbs-write tbody tr td .flex-box select {width:100%;}
.bbs-write tbody tr td .flex-box select + select {margin-left:10px;}

.bbs-write.search {margin-bottom:40px;border-bottom:1px solid #e6e9ee;}
.bbs-write.search tbody tr th,
.bbs-write.search tbody tr td {border:0;background:#f8f9fa;}
.bbs-write.search tbody tr td .keyword {width:80%;}

.rep_write {border-top:1px solid #d5d9de;border-bottom:1px solid #d5d9de;padding:15px 30px;background:#f8f9fa;}
.rep_write .col {display:flex;display:-ms-flex;}
.rep_write .col.line {border-top:1px solid #d0d4da;padding-top:15px;}
.rep_write .col + .col {margin-top:15px;}
.rep_write .col  dl {display:flex;display:-ms-flex;}
.rep_write .col  dl + dl {margin-left:30px;}
.rep_write .col  dl dt {min-width:74px;padding:5px 20px 0 0;color:#000;font-size:14px;}
.rep_write .col  dl dt .req {position:relative;top:3px;padding-right:5px;color:#ce2e2e;}
.rep_write .col  dl dd {white-space: nowrap;}
.rep_write .col  dl dd .devied {padding:0 5px;}
.rep_write .col  dl dd input[type="password"],
.rep_write .col  dl dd input[type="text"] {width:200px;height:30px;}
.rep_write .col  dl dd .label-wrap {margin-top:5px;}
.rep_write .col  dl dd .warn {display:inline-block;padding-left:14px;color:#ce2e2e;}

.rep_write .col.t-area dl {width:100%;}
.rep_write .col.t-area dl dt {padding-top:25px;}
.rep_write .col.t-area dl dd {display:flex;display:-ms-flex;width:100%;}
.rep_write .col.t-area dl dd textarea {width:calc(100% - 85px);height:53px;margin-right:10px;padding:10px;font-size:14px;}
.rep_write .col.t-area dl dd .btn {width:75px;height:75px;padding:0;line-height:75px;}

.rep-list {margin-top:40px;border-bottom:1px solid #d5d9de;}
.rep-list .list ul {position:relative;display:flex;display:-ms-flex;align-items:center;border-top:1px solid #d5d9de;border-bottom:1px solid #d5d9de;padding:15px 40px;background:#f6f7f9;}
.rep-list .list ul li {position:relative;margin-left:28px;padding-left:28px;color:#000;font-size:14px;}
.rep-list .list ul li:before {position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#000;content:'';}
.rep-list .list ul li:first-child {margin:0;padding:0;}
.rep-list .list ul li:first-child:before {width:0;}
.rep-list .list ul li.bs {position:absolute;top:4px;right:40px;}
.rep-list .list ul li.bs:before {width:0;}
.rep-list .list ul li.bs .btn {height:30px;padding:0;font-size:0;}
.rep-list .list ul li.bs .btn +.btn {margin-left:10px;}

.rep-list .list ul li.bs .btn.primary {width:40px;height:40px;background:url(../images/contents/ic_pen.png) no-repeat 50% 50%}
.rep-list .list ul li.bs .btn.primary02 {width:40px;height:40px;background:url(../images/contents/ic_close.png) no-repeat 50% 50%}

.rep-list .list p.cont {padding:15px 28px ;}

.conpop {display:none;position:fixed;left:50%;width:260px;margin-left:-140px;border:1px solid #bcc5ca;background:#fff;}
.conpop .header {position:relative;padding:15px 30px;overflow:hidden;color:#163c66;font-size:16px;}
.conpop .header.center {text-align:center;}
.conpop .header .close {float:right;}
.conpop .header .close:after {color:#163c66;font-size:20px;}
.conpop .cont {display:flex;display:-ms-flex;padding:0 30px 20px 30px;}
.conpop .cont input[type="text"],
.conpop .cont input[type="password"] {width:100%;height:30px;}
.conpop .btn-wrap {padding:0 0 20px 0;text-align:center;}

.bbs-vote {border-top:1px solid #d5d9df;border-bottom:2px solid #d5d9df;}
.bbs-vote thead tr th {position:relative;height:50px;background:#8092aa;color:#fff;font-weight:normal;font-size:14px;line-height:50px;}
.bbs-vote thead tr th:after {position:absolute;bottom:0;left:0;width:2px;height:25px;background:#e6e9ee;content:'';}
.bbs-vote thead tr th:first-child:after {width:0;}
.bbs-vote tbody tr {border-bottom:1px solid #d5d9df;}
.bbs-vote tbody tr td {padding:15px 10px;color:#000;font-size:14px;text-align:center;}
.bbs-vote tbody tr td a {color:#000;font-size:14px;}
.bbs-vote .flag {border:1px solid #e0e3e6;display:inline-block;width:95px;height:62px;vertical-align:middle;}

.bbs-vote.type02 {border-bottom-width:1px;border-collapse:separate;}
.bbs-vote.type02 thead tr th {background:#4c6081;font-size:18px;}
.bbs-vote.type02 tbody tr td {font-size:16px;}
.bbs-vote.type02 tbody tr td:first-child {border-left:1px solid #d5d9de;}
.bbs-vote.type02 tbody tr td:last-child {border-right:1px solid #d5d9de;}
.bbs-vote.type02 tbody tr td p.disi {display:inline-block;font-size:16px;text-align:left;}


.paging {padding:30px 10px;text-align:center;}
.paging a,
.paging span {display:inline-block;width:35px;height:35px;color:#000;font-size:16px;font-family:'NotoKrL';line-height:35px;text-align:center;}
.paging .on {background:#566278;color:#fff;}
.paging .la {font-size:0;}
.paging .la:before {color:#999;font-size:18px;font-family:'LineAwesome';}

@media screen and (max-width:1184px){
    .bbs-gallery .box {width:auto !important;padding:10px 0 !important;}
    .bbs-gallery .box-wrap {display:block !important;}
    .bbs-gallery .img {position:static;width:auto;height:auto !important;    }
    .bbs-gallery .img img {position:static;height:auto !important;}
    .bbs-gallery .tit {margin:15px 0 0 0 !important;font-size:16px;}
    .bbs-gallery .date {padding-top:10px !important;}
    .bbs-gallery .box + .box {margin:0 !important;}
    .bbs-gallery.type02 .tit {margin: 0 0 0 0 !important;font-size:16px;}

    .rep_write .col dl dd .warn {display:block;padding:5px 0 0 0;}
}

@media screen and (max-width:1024px){
    .bbs-list .m-hide {display:none !important;}
    .bbs-list thead tr th + th:before {width:0;}

}
@media screen and (max-width:768px){
    .bbs-top {display:block;margin-bottom:15px;padding:10px 10px;}
    .bbs-top .col-box {width:auto;}
    .bbs-top .col-box .date {width:100%;}
    .bbs-top .col-box + .col-box {margin:10px 0 0 0;}
    .bbs-top .col-box.bbs-search {width:auto;}

    .bbs-list colgroup {display:none;}
    .bbs-list thead {display:none;}
    .bbs-list tbody tr {display:block;padding:10px 0;}
    .bbs-list tbody tr td {display:inline-block;padding:3px 15px;text-align:left;}
    .bbs-list tbody tr td.m-block {display:block;width:auto;text-align:left;}
    .bbs-list tbody tr td.m-date {color:#767676;}
    .bbs-list tbody tr td.count {float:right;}
    .bbs-list tbody tr:nth-child(odd) {background:#f2f3f5;}

    .bbs-view .tit {display:block;margin-bottom:5px;}
    .bbs-view .tit:after {width:0;}
    .bbs-view colgroup {display:none;}
    .bbs-view thead tr {display:block;}
    .bbs-view thead tr th {display:block;padding:8px 10px;color:#163c66;font-size:16px;}
    .bbs-view thead tr td {display:block;padding:2px 10px;font-size:14px;}
    .bbs-view thead tr:last-child td {padding-bottom:10px;}
    .bbs-view tbody tr td {display:block;padding:8px 10px;}
    .bbs-view tbody tr td.cont {padding:10px;}

    .bbs-movie.type02 .left {width:auto;}
    .bbs-movie.type02 .right {width:auto;margin:10px 0 0 0;}
    .bbs-movie.type02 .right dl {padding:0 0 10px 0;}
    .bbs-movie.type02 .right dl dt {padding:0 0 10px 0;}
    .bbs-movie.type02 .right dl dd {padding:0;}
    .bbs-movie.type02 dl dd .tag {padding:10px 0 0 0;}
    .bbs-movie.type02 .partner {position:static;padding-bottom:10px;}


    .bbs-movie {margin-bottom:20px;padding:20px 0 0 0;}
    .bbs-movie dl dt {font-size:14px;}
    .bbs-movie .left,
    .bbs-movie .right {float:none;width:auto;margin:0;}
    .bbs-movie .right {margin-top:26px;}
    .bbs-movie .right .box {float:none;width:auto;margin:0;}

    .out-bbs-wrap:before {width:0;}
    .out-bbs-wrap .box {float:none;width:auto;margin:0;}
    .out-bbs-wrap .box +.box {margin:20px 0 0 0;border-top:1px solid #e6e9ee;padding-top:20px;}
    .out-bbs-wrap .box dl dt {padding-bottom:10px;font-size:20px;}

    .rep_write {padding:15px;}
    .rep_write .col {display:block;}
    .rep_write .col + .col {margin:0 0 0 0;}
    .rep_write .col dl dd {white-space:normal;}
    .rep_write .col dl.m-wrap {display:block;}
    .rep_write .col dl.m-wrap dd {display:flex;display:-ms-flex;margin:5px 0;}
    .rep_write .col dl dd input[type="password"],
    .rep_write .col dl dd input[type="text"] {min-width:100px;max-width:100%;}
    .rep_write .col dl + dl {margin:10px 0 0 0;}
    .rep_write .col dl dd .warn {display:block;padding:5px 0 0 0;}
    .rep_write .col.line {margin-top:10px;}
    .rep_write .col.t-area dl dt {padding-top:0;}

    .rep-list {margin-top:20px;}
    .rep-list .list ul {display:block;padding:15px 110px 15px 15px;overflow:hidden;}
    .rep-list .list ul li {float:left;margin:5px 0 0 0;padding:0;}
    .rep-list .list ul li + li {margin-left:15px;}
    .rep-list .list ul li:before {width:0;}
    .rep-list .list ul li:first-child {display:block;width:100%;margin:0;padding:0;}
    .rep-list .list ul li:first-child + li {margin-left:0;}
    .rep-list .list ul li.bs {top:-3px;right:15px;}
    .rep-list .list p.cont {padding:15px;}

    .board-top-txt {margin-bottom:10px;}


    .bbs-vote {border-top:2px solid #d5d9df;border-bottom:1px solid #d5d9df;}
    .bbs-vote colgroup {display:none;}
    .bbs-vote thead {display:none;}
    .bbs-vote tbody tr {display:block;padding:10px 0;}
    .bbs-vote tbody tr td {display:inline-block;padding:4px 10px;text-align:left;}
    .bbs-vote tbody tr td.tit {display:block;}

    .bbs-vote.type02 {border-top-width:1px;}
    .bbs-vote.type02 tbody tr td {display:block;border:0 !important;text-align:center;}
    .bbs-vote.type02 tbody tr td.img  img {max-width:100%;}
    .bbs-vote.type02 tbody tr td p.disi {display:block;text-align:center;}



}

@media screen and (max-width:600px){


    .bbs-photo .box {border-top:1px solid #d5d9df;padding:10px 0;}
    .bbs-photo .box .photo {display:block;}
    .bbs-photo .box .photo .large {display:block;width:auto;}
    .bbs-photo .box .photo .small {display:block;width:auto;}
    .bbs-photo .box .photo .small .img {float:none;width:auto;margin:10px 0 0 0 !important;}

    .bbs-photo .box .txt {margin-top:10px;}
    .bbs-photo .box .date {display:block;margin-top:7px;}


    .bbs-letter .box {float:none;width:auto;margin-bottom:-1px;padding:18px 0;}
    .bbs-letter .box:nth-child(3-1) {width:34%;}
    .bbs-letter .box .img {display:block;/* padding:20px; */}
    .bbs-letter .box .img img {display:inline-block;max-width:100%;}
    .bbs-letter .box dl {margin-top:12px;padding:20px;}
    .bbs-letter .box dl dt {font-size:16px;}

    .bbs-letter-view {padding:10px 0;}
    .bbs-letter-view .img {position:static;width:100%;text-align:center;;}
    .bbs-letter-view .img img {box-sizing:border-box;}
    .bbs-letter-view dl {clear: both;margin-top:10px;padding-left: 0;}
    .bbs-letter-view dl dt {margin-bottom:8px;padding:15px 10px;font-size:16px;}
    .bbs-letter-view dl dd {padding:6px 10px;color:#000;font-size:14px;}

    /* Best Practices & Initiatives */
    .bpi-view dl {
        padding-bottom: 40px;
    }
    .bpi-view dl dd.bw {
        left: 0;
        bottom: 0;
    }

    .bbs-write colgroup {display:none;}
    .bbs-write tbody tr th,
    .bbs-write tbody tr td {display:block;padding:8px 10px;}
    .bbs-write tbody tr td input[type="text"],
    .bbs-write tbody tr td input[type="password"],
    .bbs-write tbody tr td select {width:100%;}
    .bbs-write tbody tr td.mail {display:flex;display:ms-flex;}
    .bbs-write tbody tr td.mail input[type="text"] {min-width:1%;}
    .bbs-write tbody tr td .mw {display:block;margin-top:10px;}
    .bbs-write tbody tr td .flex-box {display:block;}
    .bbs-write tbody tr td .flex-box select + select {margin:10px 0 0 0;}
    .bbs-write.search {margin-bottom:20px;}
    .bbs-write.search tbody tr td {padding-top:0;}
    .bbs-write.search tbody tr td .keyword {width:100%;}


    .bbs-letter-view dl dd.tag {position:static;text-align:left;}
    .paging a,
    .paging span {width:28px;height:28px;font-size:14px;line-height:28px;}
    .paging .la:before {font-size:14px;}



}

@media screen and (max-width:480px){
    .bbs-top .col-box.bbs-search {position:relative;margin-bottom:50px;}
    .bbs-top .col-box.bbs-search .btn {position:absolute;right:0;bottom:-50px;left:0;width:100%;}

}


.noResult {padding:20px; text-align:center;line-height:3}
.noResult p {font-size:18px}

iframe.cal_box{border:0; width:100%; height:700px;}

.bbs-list.type2{margin:20px 0}
.bbs-list.type2 a{background:#666; padding:3px 7px; color:#fff; border-radius:3px; display:inline-block; margin: 1px 0;}


