@import url("reset.css");


.board {}

.board .select-box {height:35px; box-sizing:border-box; border:1px solid #d9d9d9; position:relative; background:#fff; cursor:pointer;}
.board .select-box:after {content:""; width:0; height:0; border-top:5px solid #000; border-left:4px solid transparent; border-right:4px solid transparent; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board .select-box select {width:100%; height:33px; border:none; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none; padding:0 10px;}
.board .select-box select::-ms-expand {display:none;}

.board .text-box{position:relative; padding-right:50px; border-bottom:1px solid #d7d7d7;}
.board .text-box input[type="text"]{margin-right:0; border:none;}
.board .text-box .search-btn{position:absolute; top:0; right:0;}

.board input[type="text"],
.board input[type="password"] {height:35px; box-sizing:border-box; border:1px solid #d9d9d9; padding:0 5px; font-size:16px; border-radius:0; -webkit-appearance:none;}
.board input::placeholder {color:#d7d7d7;}
.board textarea {width:100%; min-height:200px; box-sizing:border-box; border:1px solid #d9d9d9; padding:5px; font-size:16px; resize:none; overflow-y:scroll;}
.board textarea::placeholder {color:#d7d7d7;}
.board input.input-box.box-w,
.board input.input-box.input-w {width:100%; max-width:700px;}

.board-paging {width:100%; margin-top:50px;}
.board-paging ul {text-align:center; font-size:0;}
.board-paging ul li {display:inline-block; vertical-align:middle; margin-left:7px; min-width:30px; height:30px; box-sizing:border-box; position:relative;}
.board-paging ul li:nth-child(1) {margin-left:0;}
.board-paging ul li a {display:block; width:100%; height:100%; font-size:14px; line-height:28px; color:#000; font-family:'Montserrat', sans-serif;}
.mypage .board-paging ul li a {color:#000;}
.board-paging ul li.pg {width:30px;}
.board-paging ul li.pg a {font-size:0;}
/* .board-paging ul li.pg:before, */
/* .board-paging ul li.pg:after {content:""; width:0; height:0; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);} */
/* .board-paging ul li.pg.begin:before, */
/* .board-paging ul li.pg.begin:after, */
/* .board-paging ul li.pg.prev:before {border-right:5px solid #b2b2b2; border-top:4px solid transparent; border-bottom:4px solid transparent;} */
/* .board-paging ul li.pg.begin:before, */
/* .board-paging ul li.pg.begin:after, */
/* .mypage .board-paging ul li.pg.prev:before {border-right:5px solid #b2b2b2; border-top:4px solid transparent; border-bottom:4px solid transparent;} */
/* .board-paging ul li.pg.end:before, */
/* .board-paging ul li.pg.end:after, */
/* .board-paging ul li.pg.next:before {border-left:5px solid #b2b2b2; border-top:4px solid transparent; border-bottom:4px solid transparent;} */
/* .board-paging ul li.pg.end:before, */
/* .board-paging ul li.pg.end:after, */
/* .mypage .board-paging ul li.pg.next:before {border-left:5px solid #b2b2b2; border-top:4px solid transparent; border-bottom:4px solid transparent;} */
/* .board-paging ul li.pg.begin:before {left:8px;} */
/* .board-paging ul li.pg.begin:after {left:14px;} */
/* .board-paging ul li.pg.prev:before {left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} */
/* .board-paging ul li.pg.end:before {left:9px;} */
/* .board-paging ul li.pg.end:after {left:15px;} */
/* .board-paging ul li.pg.next:before {left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} */
.board-paging ul li.pg a:before,
.board-paging ul li.pg a:after {content:""; width:10px; height:10px; position:absolute; top:50%; margin-top:-6px; border:solid #999;}
.board-paging ul li.pg.begin a:before,
.board-paging ul li.pg.begin a:after,
.board-paging ul li.pg.prev a:before {border-width:2px 0 0 2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.board-paging ul li.pg.prev a:after,
.board-paging ul li.pg.next a:after {display:none;}
/* .board-paging ul li.pg.begin:before, */
/* .board-paging ul li.pg.begin:after, */
/* .mypage .board-paging ul li.pg.prev:before {border-right:5px solid #b2b2b2; border-top:4px solid transparent; border-bottom:4px solid transparent;} */
.board-paging ul li.pg.end a:before,
.board-paging ul li.pg.end a:after,
.board-paging ul li.pg.next a:before {border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
/* .board-paging ul li.pg.end:before, */
/* .board-paging ul li.pg.end:after, */
/* .mypage .board-paging ul li.pg.next:before {border-left:5px solid #b2b2b2; border-top:4px solid transparent; border-bottom:4px solid transparent;} */
.board-paging ul li.pg.begin a:before {left:8px;}
.board-paging ul li.pg.next a:before {left:8px;}
.board-paging ul li.pg.end a:before {left:8px;}
/* .board-paging ul li.pg.begin:after {left:14px;} */
/* .board-paging ul li.pg.prev:before {left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} */
/* .board-paging ul li.pg.end:before {left:9px;} */
/* .board-paging ul li.pg.end:after {left:15px;} */
/* .board-paging ul li.pg.next:before {left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} */
/* .board-paging ul li.on {background:#fff;} */
/* .mypage .board-paging ul li.on {background:#fff;} */
.board-paging ul li.on a {color:#991a1d; font-weight:600;}
.mypage .board-paging ul li.on a {color:#991a1d;}

.board-button {width:100%; text-align:center; font-size:0; margin-top:50px;}
.board-button > * {display:inline-block; vertical-align:middle;}
.board-button .btn {width:150px; height:50px; border-radius:10px; box-sizing:border-box; display:inline-block; vertical-align:middle; margin-left:10px; text-align:center; background:#000;}
.board-button .btn:nth-child(1) {margin-left:0;}
.board-button .btn a {display:block; font-size:16px; line-height:48px; color:#fff;}
.board-button .btn-inner {width:50%;}
.board-button .btn-inner.lf-box {text-align:left;}
.my-list .board-button .btn-inner.lf-box {width:100%; text-align:right;}
.board-button .btn-inner.rt-box {text-align:right;}
.board-button .btn-inner .btn {width:auto; min-width:100px;}
.board-button .btn-inner .btn a {padding:0 20px; display:block; box-sizing:border-box;}
.board-button .btn.btn-ty-1 {background:#fff; border:1px solid #0070ba;}
.board-button .btn.btn-ty-1 a {color:#000;}
.board-button .btn.btn-ty-2 {background:#0070ba; border:1px solid #d9d9d9;}
.board-button .btn.btn-ty-2 a {color:#ffff;}
.board-button .btn.btn-ty-3 {background:#900000; border:1px solid #900000;}
.board-button .btn.btn-ty-3 a {color:#fff;}


.board-search {width:100%; font-size:0; /*border-bottom:1px solid #e7e7e7;*/ padding-right:10px;}
/* .board-search input[type="text"]{border:none;} */
.board-search > * {display:inline-block; vertical-align:middle; margin-right:5px; box-sizing:border-box;}
.board-search > *:last-child {margin-right:0;}
/* .board-search .search-btn {width:80px; height:35px; border-radius:3px; background:#000; text-align:center;} */
.board-search .search-btn {width:50px; height:35px; text-align:center; position:relative;}
/* .board-search .search-btn {margin-top:-5px;} */
/* .board-search .search-btn a {display:block; font-size:16px; line-height:35px; color:#fff;} */
.board-search .search-btn a {display: block; font-size: 0; width: 17px; height: 17px; border: 2px solid #999; border-radius: 50%; position: absolute; top:3px; right:10px;}
.board-search .search-btn a:after {content: ""; display: block; width: 12px; height: 2px; background: #999; position: absolute; bottom: -5px; right: -7px;  transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.board-search.search-bottom {width:100%; margin-top:30px; text-align:center;}

.board .board-list {width:100%;}
.board .board-list .list-tb {width:100%;}
.board .board-list .board-list-top {width:100%; font-size:0; margin-bottom:30px;}
.board .board-list .board-list-top > * {display:inline-block; vertical-align:middle; font-size:16px; line-height:24px;}


/*±âº»Çü*/
.board .board-list .list-tb.list-ty-1 {}
.board .board-list .list-tb.list-ty-1 .tb-tr {width:100%; font-size:0; border-bottom:1px solid #d9d9d9; position:relative;}
.board .board-list .list-tb.list-ty-1 .tb-tr.tr-head {border-bottom:none;}
.board .board-list .list-tb.list-ty-1 .tb-tr.tr-head:before {content:""; width:100%; height:100%; background:#f7f7f7; position:absolute; left:0; top:0; z-index:0;}
.board .board-list .list-tb.list-ty-1 .tb-tr .tb-th {display:inline-block; vertical-align:middle; text-align:center !important; font-size:16px; font-weight:400; letter-spacing:-1px; box-sizing:border-box; padding:15px 10px; color:#000; position:relative; z-index:1; word-wrap:break-word; word-break:keep-all;}
.board .board-list .list-tb.list-ty-1 .tb-tr .tb-td {display:inline-block; vertical-align:middle; font-size:16px; letter-spacing:-1px; box-sizing:border-box; padding:15px 10px; word-wrap:break-word; word-break:keep-all;}
/* .board .board-list .list-tb.list-ty-1 .tb-tr .tb-td.box-subject {text-indent:10px;} */
.board .board-list .list-tb.list-ty-1 .tb-tr .tb-td p {display:inline-block; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*°¶·¯¸®Çü*/
.board .board-list .list-tb.list-ty-2 {width:100%; font-size:0;}
.board .board-list .list-tb.list-ty-2 .list-box {display:inline-block; vertical-align:top; margin-left:20px; width:calc(((100% - 60px) / 4) - 1px); margin-top:30px;}
.board .board-list .list-tb.list-ty-2 .list-box > * {box-sizing:border-box; position:relative;}
.board .board-list .list-tb.list-ty-2 .list-box:nth-child(-n+4) {margin-top:0;} 
.board .board-list .list-tb.list-ty-2 .list-box:nth-child(4n+1) {margin-left:0;}
.board .board-list .list-tb.list-ty-2 .list-box .thumnail {width:100%; height:0; padding-bottom:calc(400 / 600 * 100%); box-sizing:border-box; border:1px solid #d9d9d9; overflow:hidden; position:relative;}
.board .board-list .list-tb.list-ty-2 .list-box .thumnail img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.board .board-list .list-tb.list-ty-2 .list-box .subject-box {margin-top:10px;}
.board .board-list .list-tb.list-ty-2 .list-box .subject-box .chk-box {font-size:0; text-align:center;}
.board .board-list .list-tb.list-ty-2 .list-box .subject-box .chk-box > * {display:inline-block; vertical-align:middle; font-size:16px;}
.board .board-list .list-tb.list-ty-2 .list-box .subject-box .subject {margin:10px 0; text-align:center;}
.board .board-list .list-tb.list-ty-2 .list-box .subject-box .subject p {max-width:100%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board .board-list .list-tb.list-ty-2 .list-box .subject-box .numbering {width:100%; max-width:150px; margin:0 auto;}
.board .board-list .list-tb.list-ty-2 .list-box .subject-box .numbering input {width:100%; text-align:center; border-radius:0; -webkit-appearance:none;}


.board .board-view {width:100%;}
.board .board-view .view-tb {width:100%;}

/*±âº»Çü*/
.board .board-view .view-tb.view-ty-1 {}
.board .board-view .view-tb.view-ty-1 .tb-tr {width:100%; border-bottom:1px solid #d9d9d9; position:relative; box-sizing:border-box;}
.board .board-view .view-tb.view-ty-1 .tb-tr > * {width:100%; padding:15px 0; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th {}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.tb-head {background:#000; text-align:center; font-weight:500; color:#fff;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td {font-size:16px; letter-spacing:-1px; line-height:24px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.box-subject {width:100%; text-align:center; font-size:24px; font-weight:500; line-height:32px; background:#f7f7f7; color:#000;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.box-subject span {font-size:18px; /*vertical-align:middle;*/}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td.box-contents {padding:15px 10px; min-height:500px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td.box-contents img {max-width:100%;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td.box-reply {padding:15px 10px; min-height:250px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td.box-reply img {max-width:100%;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl {width:100%; font-size:0;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl > * {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; font-size:16px; line-height:24px; letter-spacing:-1px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.line {text-align:center}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.line > * {padding:0 20px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.line dt:before {content:""; width:1px; height:50%; border-right:1px solid #d9d9d9; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.line dd {font-weight:100;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file {position:relative;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file:before {content:""; width:200px; height:calc(100% + 30px); background:#f7f7f7; position:absolute; left:0; top:-15px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file > * {padding:0 20px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dt {width:200px; text-align:center;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd {width:calc(100% - 200px);}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd ul {width:100%;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd ul li {margin-top:5px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd ul li:nth-child(1) {margin-top:0;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd ul li p {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:24px; box-sizing:border-box; padding-right:5px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list {position:relative;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list:before {content:""; width:200px; height:calc(100% + 30px); background:#f7f7f7; position:absolute; left:0; top:-15px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list > * {padding:0 20px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dt {width:200px; text-align:center;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dd {width:calc(100% - 200px);}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dd ul {width:100%; font-size:0;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dd ul li {display:inline-block; vertical-align:middle; margin-right:50px;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dd ul li:last-child {margin-right:0;}
.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dd ul li > * {display:inline-block; vertical-align:middle; font-size:16px; color:#000;}


/*Á¦¸ñ¾ø´Â ±â¾÷Çü*/
.board .board-view .view-tb.view-ty-2 {border-top:2px solid #000; position:relative;}
.board .board-view .view-tb.view-ty-2:before {content:""; width:200px; height:100%; position:absolute; left:0; top:0; background:#f7f7f7;}
.board .board-view .view-tb.view-ty-2 .tb-tr {width:100%; border-bottom:1px solid #d9d9d9; position:relative; box-sizing:border-box; font-size:0; position:relative;}
.board .board-view .view-tb.view-ty-2 .tb-tr > * {padding:15px 20px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all; font-size:16px; line-height:24px; display:inline-block; vertical-align:middle; position:relative;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-th {width:200px; font-weight:500;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td {width:calc(100% - 200px);}
.board .board-view .view-tb.view-ty-2 .tb-tr.tr-half:before {content:""; width:200px; height:100%; background:#f7f7f7; position:absolute; left:50%; top:0;}
.board .board-view .view-tb.view-ty-2 .tb-tr.tr-half .tb-td {width:calc(50% - 200px);}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.radio-ty {width:100%; font-size:0;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.radio-ty li {display:inline-block; vertical-align:middle; font-size:16px; box-sizing:border-box;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.img-list {width:100%; font-size:0;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.img-list li {display:inline-block; vertical-align:middle; margin-left:20px; margin-top:20px; width:calc(((100% - 80px) / 5) - 1px);}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.img-list li:nth-child(-n+5) {margin-top:0;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.img-list li:nth-child(5n+1) {margin-left:0;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.img-list li .img-box {width:100%; height:0; padding-bottom:calc(400 / 600 * 100%); box-sizing:border-box; border:1px solid #d9d9d9; position:relative; overflow:hidden;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.img-list li .img-box img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td .video-box {width:100%; max-width:500px;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td .video-box .video-inner {width:100%; height:0; padding-bottom:calc(1080 / 1920 * 100%); background:#000; position:relative; overflow:hidden;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td .video-box .video-inner video,
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td .video-box .video-inner iframe {width:100%; height:100%; position:absolute; left:0; top:0;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.addfile-list {width:100%;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.addfile-list li {margin-top:5px;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.addfile-list li:nth-child(1) {margin-top:0;}
.board .board-view .view-tb.view-ty-2 .tb-tr .tb-td ul.addfile-list li p {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



.board .board-write {width:100%;}
.board .board-write .write-tb {width:100%;}
.board .board-write .write-tb .addfile-box {width:100%; font-size:0; position:relative; max-width:800px;}
.board .board-write .write-tb .addfile-box > * {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.board .board-write .write-tb .addfile-box input[type="file"] {width:0; height:0; position:absolute; left:0; top:0; opacity:0;}
.board .board-write .write-tb .addfile-box .addfile-txt {width:calc(100% - 105px); height:35px; border:1px solid #d9d9d9; padding:0 10px; overflow:hidden; text-overflow:hidden; white-space:nowrap; font-size:16px; line-height:33px; padding-right:30px; box-sizing:border-box;}
.board .board-write .write-tb .addfile-box .addfile-btn {width:100px; height:35px; border-radius:5px; background:#0070ba; text-align:center; font-size:16px; line-height:35px; color:#fff; cursor:pointer; margin-left:5px;}
.board .board-write .write-tb .addfile-box dl {width:100%; display:block; margin-top:5px;}
.board .board-write .write-tb .addfile-box dl > * {display:inline-block; vertical-align:middle; font-size:16px;}
.board .board-write .write-tb .addfile-box dl dt {width:100px;}
.board .board-write .write-tb .addfile-box dl dd {width:calc(100% - 100px);}
.board .board-write .write-tb .addfile-box dl dd p {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board .board-write .write-tb  ul.addfile-list li {margin-top:10px;}
.board .board-write .write-tb  ul.addfile-list li:nth-child(1) {margin-top:0;}
.board .board-write .write-tb  ul.addfile-list li .addfile-box {max-width:100%;}
.board .board-write .write-tb  ul.addfile-list li .addfile-box .addfile-txt {width:calc(100% - 180px);}
.board .board-write .write-tb  ul.addfile-list li .addfile-box .addfile-delete {width:70px; height:35px; border-radius:5px; background:#c00000; text-align:center; cursor:pointer; margin-left:5px;}
.board .board-write .write-tb  ul.addfile-list li .addfile-box .addfile-delete a {display:block; font-size:16px; line-height:35px; color:#fff;}
.board .board-write .write-tb .addfile-box.addfile-ty-2 {max-width:100%;}
.board .board-write .write-tb .addfile-box.addfile-ty-2 .addfile-txt {width:calc(100% - 180px);}
.board .board-write .write-tb .addfile-box.addfile-ty-2 .add-btn {width:70px; height:35px; border-radius:5px; background:#fff; text-align:center; box-sizing:border-box; border:1px solid #d9d9d9; cursor:pointer; margin-left:5px;}
.board .board-write .write-tb .addfile-box.addfile-ty-2 .add-btn a {font-size:16px; line-height:33px; color:#000;}
.board .board-write .write-tb .addfile-list-box {width:100%; font-size:0;}
.board .board-write .write-tb .addfile-list-box > * {display:inline-block; vertical-align:middle;}
.board .board-write .write-tb .addfile-list-box .list-box {width:calc(100% - 75px);}
.board .board-write .write-tb .addfile-list-box .delete-btn {width:70px; height:35px; border-radius:5px; background:#900000; text-align:center; box-sizing:border-box; cursor:pointer; margin-left:5px;}
.board .board-write .write-tb .addfile-list-box .delete-btn a {font-size:16px; line-height:35px; color:#fff;}

.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-preview {width:200px; margin-right:5px;}
.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-preview .img {width:100%; height:0; padding-bottom:calc(400 / 600 * 100%); background:#fff; border:1px solid #d9d9d9; box-sizing:border-box; position:relative;}
.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-preview .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-txt {width:calc(100% - 310px);}

.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview .addfile-preview {width:120px;}
.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview .addfile-preview .img {padding-bottom:calc(50 / 120 * 100%);}
.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview .addfile-txt {width:calc(100% - 230px);}

.board .board-write .write-tb .addfile-box.addfile-img .addfile-preview {width:200px; margin-right:5px;}
.board .board-write .write-tb .addfile-box.addfile-img .addfile-preview .img {width:100%; height:0; padding-bottom:calc(400 / 600 * 100%); background:#fff; border:1px solid #d9d9d9; box-sizing:border-box; position:relative;}
.board .board-write .write-tb .addfile-box.addfile-img .addfile-preview .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.board .board-write .write-tb .addfile-box.addfile-img.logo-preview .addfile-preview {width:120px;}
.board .board-write .write-tb .addfile-box.addfile-img.logo-preview .addfile-preview .img {padding-bottom:calc(50 / 120 * 100%);}

.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300{max-width:none; width:100%;}
.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-preview{width:300px;}
.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-preview .img{width:100%; padding-bottom:100%;}
.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-preview .img img{max-width:none; max-height:none; width:100%; height:100%;}
.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-txt{width:calc(100% - 410px);}


.board .board-write .write-tb.write-ty-1 {border-top:1px solid #d9d9d9;}
.board .board-write .write-tb.write-ty-1 .tb-tr {width:100%; border-bottom:1px solid #d9d9d9; position:relative; box-sizing:border-box; font-size:0;}
.board .board-write .write-tb.write-ty-1 .tb-tr:before {content:""; width:200px; height:100%; background:#f7f7f7; position:absolute; left:0; top:0; z-index:0;}
.board .board-write .write-tb.write-ty-1 .tb-tr > * {width:100%; padding:15px 10px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all; font-size:16px; line-height:24px; display:inline-block; vertical-align:middle; position:relative;}
.board .board-write .write-tb.write-ty-1 .tb-tr .tb-th {}
.board .board-write .write-tb.write-ty-1 .tb-tr .tb-th.tb-head {/*text-align:center;*/ font-weight:500; width:200px;}
.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td {font-size:16px; letter-spacing:-1px; line-height:24px; width:calc(100% - 200px);}
.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .notice {width:100%; display:block; color:red; font-size:16px; letter-spacing:-1px;}
.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .input-inner {width:100%; font-size:0;}
.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .input-inner > * {display:inline-block; vertical-align:middle; margin-right:5px; font-size:16px;}
.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .input-inner > *:last-child {margin-right:0;}
.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .input-inner p {display:inline-block; vertical-align:middle;}





@media screen and (max-width: 1024px){
	
	.board .select-box select{font-size:15px;}
	.board input[type="text"], .board input[type="password"]{font-size:15px;}
	
	.board .board-write .write-tb.write-ty-1 .tb-tr:before{width:150px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-th.tb-head{width:150px; font-size:15px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td{font-size:15px; width:calc(100% - 150px);}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .notice{font-size:14px;}
	
	.board .board-list .list-tb.list-ty-2 .list-box{width:calc(((100% - 60px) / 3) - 1px);}
	.board .board-list .list-tb.list-ty-2 .list-box:nth-child(-n+4){margin-top:30px;}
	.board .board-list .list-tb.list-ty-2 .list-box:nth-child(4n+1){margin-left:20px;}
	.board .board-list .list-tb.list-ty-2 .list-box:nth-child(3n+1){margin-left:0;}
	.board .board-list .list-tb.list-ty-2 .list-box .subject-box .chk-box > *{font-size:14px;}
	.board .board-list .list-tb.list-ty-2 .list-box .subject-box .subject p{font-size:13px;}
	.board .board-list .list-tb.list-ty-2 .list-box .subject-box .numbering input{font-size:14px;}
	
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.box-subject{font-size:20px; line-height:28px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.box-subject span{font-size:16px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl > *{font-size:15px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file:before{width:150px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dt{width:150px; font-size:15px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd{width:calc(100% - 150px); font-size:15px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd ul li p{font-size:15px; line-height:20px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.tb-head{font-size:15px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list:before{width:150px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dt{width:150px; font-size:15px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td{font-size:15px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dd{width:calc(100% - 150px);}
	
	.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-preview{width:230px;}
	.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-txt{width:calc(100% - 340px);}
	
}
@media screen and (max-width: 900px){
	
	.board .board-write .write-tb.write-ty-1 .tb-tr > *{padding:10px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr:before{width:110px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-th.tb-head{width:110px; font-size:13px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td{font-size:13px; width:calc(100% - 110px);}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .notice{font-size:13px;}
	
	.board-button .btn{height:42px;}
	.board-button .btn a{padding:0 15px; line-height:40px; font-size:14px;}
	.board-button .btn-inner .btn a{padding:0 15px;}
	
	.board .board-list .list-tb.list-ty-1 .tb-tr .tb-td{padding:15px 5px;}
	
	.board .board-write .write-tb .addfile-box .addfile-btn{font-size:14px;}
	.board .board-write .write-tb .addfile-box.addfile-ty-2 .add-btn a{font-size:14px;}
	.board .board-write .write-tb .addfile-list-box .delete-btn a{font-size:14px;}
	
	
}
@media screen and (max-width: 768px){
	
	.board .select-box select{font-size:13px;}
	.board input[type="text"], .board input[type="password"]{font-size:13px;}
	.board .board-list .list-tb.list-ty-2 .list-box .subject-box .chk-box > *{font-size:13px;}
	.board .board-list .list-tb.list-ty-2 .list-box .subject-box .subject p{font-size:12px;}
	.board .board-list .list-tb.list-ty-2 .list-box .subject-box .numbering input{font-size:13px;}
	
	.board .board-write .write-tb .addfile-box .addfile-btn{width:80px;}
	.board .board-write .write-tb .addfile-box.addfile-ty-2 .add-btn{width:60px;}
	.board .board-write .write-tb .addfile-box.addfile-ty-2 .addfile-txt{width:calc(100% - 150px);}
	
	.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-preview{width:150px;}
	.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-txt{width:calc(100% - 240px);}
	
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .input-inner > *{font-size:14px;}
	.board .board-write .write-tb .addfile-box dl > *{font-size:14px;}
	.board .board-write .write-tb ul.addfile-list li .addfile-box .addfile-txt{width:calc(100% - 85px);}
	
	.board .board-write .write-tb .addfile-box .addfile-txt{font-size:14px;}

	.board-button .btn-inner.lf-box{width:80px;}
	.board-button .btn-inner.rt-box{width:calc(100% - 80px);}
	
	.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-preview{margin-bottom:10px;}
	.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-txt{width:calc(100% - 85px);}
	
}
@media screen and (max-width: 600px){
	
	.board-paging{margin-top:30px;}
	.board-paging ul li{min-width:25px; height:25px;}
	.board-paging ul li.pg{width:25px;}
	.board-paging ul li a{line-height:23px;}
	.board-paging ul li.pg.begin:before{left:6px;}
	.board-paging ul li.pg.begin:after{left:12px;}
	.board-paging ul li.pg.end:before{left:7px;}
	.board-paging ul li.pg.end:after{left:13px;}
	
	.board .text-box{width:100%; margin-top:10px;}
	.my-gallery.board .text-box{width:100%; margin-top:10px;}
	.my-board.board .text-box{width:50%; margin-top:0;}
	.board input[type="text"], .board input[type="password"]{height:30px; width:100%;}
	
	.board .board-write .write-tb.write-ty-1 .tb-tr > *{padding:5px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr:before{width:90px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-th.tb-head{width:90px; font-size:12px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td{font-size:12px; width:calc(100% - 90px);}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .notice{font-size:11px;}
	
	.board .board-list .list-tb.list-ty-2 .list-box{width:calc(((100% - 20px) / 2) - 1px); margin-left:10px;}
	.board .board-list .list-tb.list-ty-2 .list-box:nth-child(-n+4){margin-top:20px;}
	.board .board-list .list-tb.list-ty-2 .list-box:nth-child(4n+1){margin-left:10px;}
	.board .board-list .list-tb.list-ty-2 .list-box:nth-child(3n+1){margin-left:10px;}
	.board .board-list .list-tb.list-ty-2 .list-box:nth-child(2n+1){margin-left:0;}
	
	.board-button .btn{height:37px; width:calc(((100% - 20px) / 3) - 1px);}
	.board-button .btn-inner .btn{min-width:80px;}
	.board-button .btn a{padding:0 10px; line-height:35px; font-size:13px;}
	.board-button .btn-inner .btn a{padding:0 10px;}
	
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.box-subject{font-size:17px; line-height:24px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.box-subject span{font-size:15px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl > *{font-size:13px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file:before{width:90px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dt{width:90px; font-size:13px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd{width:calc(100% - 90px); font-size:13px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd ul li p{font-size:13px; line-height:17px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-th.tb-head{font-size:13px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list:before{width:90px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dt{width:90px; font-size:13px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td{font-size:13px; line-height:19px}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.chk-list dd{width:calc(100% - 90px);}
	
	.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-preview{width:120px;}
	.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-txt{width:calc(100% - 210px);}
	
}
@media screen and (max-width: 480px){
	
	.board-button .btn-inner.lf-box{width:60px;}
	.board-button .btn-inner .btn{min-width:60px;}
	.board-button .btn-inner.rt-box{width:calc(100% - 60px);}
	.board-button .btn a{font-size:12px;}
	
	.board .board-list .list-tb.list-ty-1 .tb-tr .tb-td{padding:10px 5px;}

	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd ul li{line-height:15px;}
	.board .board-view .view-tb.view-ty-1 .tb-tr .tb-td dl.add-file dd ul li p{font-size:12px;}
	
	.board .board-write .write-tb .addfile-box.addfile-ty-2 .addfile-txt{width:100%; margin-bottom:5px; font-size:12px;}
	.my-board .board-write .write-tb .addfile-box > *{width:50%;}
	.my-board .board-write .write-tb .addfile-box .addfile-btn{margin-left:0; width:100%; font-size:12px;}
	.board .board-write .write-tb .addfile-box.addfile-ty-2 .add-btn{width:calc(50% - 5px);}
	.board .board-write .write-tb .addfile-box.addfile-ty-2 .add-btn a{font-size:12px;}
	.board .board-write .write-tb .addfile-list-box .list-box{width:100%;}
	.board .board-write .write-tb .addfile-list-box .delete-btn{margin-left:0; width:100%; margin-top:5px;}
	.board .board-write .write-tb .addfile-list-box .delete-btn a{font-size:12px;}
	
	.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-preview{width:100%; margin-bottom:5px;}
	.board .board-write .write-tb .addfile-box.addfile-img-box .addfile-txt{width:calc(100% - 85px);}
	.board .board-write .write-tb .addfile-box .addfile-btn{font-size:12px;}
	.board .board-write .write-tb.write-ty-1 .tb-tr .tb-td .input-inner > *{font-size:12px;}
	.board .board-write .write-tb .addfile-box dl > *{font-size:12px;}
	
	.board .board-write .write-tb .addfile-box .addfile-txt{font-size:12px;}
	
	.board .board-write .write-tb .addfile-box.addfile-img-box.logo-preview300 .addfile-preview{width:100%; max-width:300px;}
	
}