@import url("reset.css");


.board-list {width:100%; box-sizing:border-box;}
.board-list .list-more {text-align:right; margin-bottom:20px; position:relative; z-index:20;}
.board-list .list-more a {font-size:16px; font-weight:500; position:relative; box-sizing:border-box; display:inline-block; padding-right:15px;}
.board-list .list-more a:before {content:""; width:6px; height:6px; border:solid #8c2232; border-width:2px 2px 0 0; position:absolute; right:5px; top:5px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.board-list .list-tb {width:100%; box-sizing:border-box;}

.board-list .list-ty-1 {width:100%; font-size:0; margin-top:-60px; z-index:10px; position:relative;}
.board-list .list-ty-1 li.list {display:inline-block; vertical-align:top; box-sizing:border-box; background:#F9F4F5; width:calc(((100% - 90px) / 4) - 1px); margin-left:30px; position:relative; margin-top:60px;}
.board-list .list-ty-1 li.list:nth-child(4n+1) {margin-left:0;}
.board-list .list-ty-1 li.list:before {content:""; width:0; height:2px; background:#8c2232; position:absolute; left:0; top:0; transition:width 0.2s linear;}
.board-list .list-ty-1 li.list .list-cont {width:100%; box-sizing:border-box; padding:70px 40px 40px 40px; word-wrap:break-word; word-break:keep-all; position:relative;}
.board-list .list-ty-1 li.list .list-cont span.new {font-size:16px; font-weight:700; color:#8c2232; position:absolute; left:40px; top:40px;}
.board-list .list-ty-1 li.list .list-cont .subject {font-size:20px; height:52px; font-weight:500; line-height:1.3; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.board-list .list-ty-1 li.list .list-cont .cont {width:100%; height:45px; font-size:16px; line-height:1.4; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:20px 0 30px 0;}
.board-list .list-ty-1 li.list .list-cont .info {width:100%; padding-top:10px; border-top:1px solid #dedede; font-size:0;}
.board-list .list-ty-1 li.list .list-cont .info > * {display:inline-block; vertical-align:middle; margin-right:20px; box-sizing:border-box; font-size:16px; line-height:1.4; color:#666; position:relative;}
.board-list .list-ty-1 li.list .list-cont .info > *:last-child {margin-right:0;}
.board-list .list-ty-1 li.list .list-cont .info .hit {padding-left:25px;}
.board-list .list-ty-1 li.list .list-cont .info .hit:before {content:""; width:20px; height:10px; background:url(/img/cont/icon_hit.svg) center no-repeat; background-size:auto 100%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board-list .list-ty-1 li.list:hover {-webkit-box-shadow: 4px 5px 18px 0px rgba(140,34,50,0.2); ox-shadow: 4px 5px 18px 0px rgba(140,34,50,0.2);}
.board-list .list-ty-1 li.list:hover:before {width:100%;}
.board-list .list-ty-1.ty-slide .slick-list {margin:0 -15px;}
.board-list .list-ty-1.ty-slide .slick-slide {margin:0 15px; padding-bottom:20px;}
.board-list .list-ty-1.ty-slide .slick-dots {width:100%; font-size:0; margin-top:40px; text-align:center;}
.board-list .list-ty-1.ty-slide .slick-dots li {display:inline-block; vertical-align:middle; margin-right:15px;}
.board-list .list-ty-1.ty-slide .slick-dots li:last-child {margin-right:0;}
.board-list .list-ty-1.ty-slide .slick-dots li button {font-size:0; width:10px; height:10px; box-sizing:border-box; border-radius:10px; background:#dedede; cursor:pointer; transition:width 0.2s linear;}
.board-list .list-ty-1.ty-slide .slick-dots li.slick-active button {width:28px; background:#C0A75D;}

.board-list .list-ty-2 {width:100%; font-size:0; margin-top:-60px; z-index:10px; position:relative;}
.board-list .list-ty-2 li.list {display:inline-block; vertical-align:top; box-sizing:border-box; background:#fff; width:calc(((100% - 90px) / 4) - 1px); margin-left:30px; position:relative; margin-top:60px;}
.board-list .list-ty-2 li.list:nth-child(4n+1) {margin-left:0;}
.board-list .list-ty-2 li.list .thumnail {width:100%; height:0; padding-bottom:100%; overflow:hidden; position:relative;}
.board-list .list-ty-2 li.list .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-list .list-ty-2 li.list .list-cont {width:100%; box-sizing:border-box; padding:30px 20px; word-wrap:break-word; word-break:keep-all; position:relative;}
.board-list .list-ty-2 li.list .list-cont .subject {width:100%;}
.board-list .list-ty-2 li.list .list-cont .subject a {font-size:18px; font-weight:400; line-height:1.4; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all;}
.board-list .list-ty-2 li.list .list-cont .info {width:100%; margin-top:10px; font-size:0;}
.board-list .list-ty-2 li.list .list-cont .info > * {display:inline-block; vertical-align:middle; margin-right:20px; box-sizing:border-box; font-size:16px; font-weight:300; line-height:1.4; color:#666; position:relative;}
.board-list .list-ty-2 li.list .list-cont .info > *:last-child {margin-right:0;}
.board-list .list-ty-2 li.list .list-cont .info .hit {padding-left:25px;}
.board-list .list-ty-2 li.list .list-cont .info .hit:before {content:""; width:20px; height:10px; background:url(/img/cont/icon_hit.svg) center no-repeat; background-size:auto 100%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board-list .list-ty-2 li.list:hover {-webkit-box-shadow: 4px 5px 18px 0px rgba(140,34,50,0.2); ox-shadow: 4px 5px 18px 0px rgba(140,34,50,0.2);}


.board-list .list-ty-3 {width:100%; font-size:0; margin-top:-60px;}
.board-list .list-ty-3 li {display:inline-block; vertical-align:top; width:calc(((100% - 120px) /  5) - 1px); margin-left:30px; margin-top:60px;}
.board-list .list-ty-3 li:nth-child(5n+1) {margin-left:0;}
.board-list .list-ty-3 li .list-cont {width:100%; height:80px; box-sizing:border-box; background:#F9F4F5; border:1px solid #dedede; text-align:center; font-size:24px; font-weight:500; line-height:1.2; padding:5px 10px; display:table; table-layout:fixed; word-wrap:break-word; word-break:keep-all; position:relative;}
.board-list .list-ty-3 li .list-cont:before {content:""; width:30px; height:30px; box-sizing:border-box; border:solid #8C2232; border-width:4px 0 0 4px; position:absolute; left:0; top:0;}
.board-list .list-ty-3 li .list-cont span {width:100%; display:table-cell; vertical-align:middle;}

.board-list .list-ty-4 {width:100%; font-size:0; margin-top:60px; display:flex; flex-wrap:wrap; margin-top:-60px;}
.board-list .list-ty-4 li {width:calc(((100% - 90px) / 4) - 1px); min-height:260px; margin-left:30px; margin-top:60px; box-sizing:border-box; border:8px solid #F9F4F5; position:relative; padding:30px;}
.board-list .list-ty-4 li:nth-child(4n+1) {margin-left:0;}
.board-list .list-ty-4 li:before {content:""; width:30px; height:30px; box-sizing:border-box; border:solid #8C2232; border-width:8px 0 0 8px; position:absolute; left:-8px; top:-8px;}
.board-list .list-ty-4 li .list-cont {width:100%;}
.board-list .list-ty-4 li .list-cont h1 {font-size:24px; font-weight:700; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; padding-bottom:20px; border-bottom:1px solid #dedede;}
.board-list .list-ty-4 li .list-cont dl {margin-top:30px; width:100%; font-size:0;}
.board-list .list-ty-4 li .list-cont dl > * {display:inline-block; vertical-align:top; font-size:16px; line-height:1.2; word-wrap:break-word; word-break:keep-all; margin-top:20px;}
.board-list .list-ty-4 li .list-cont dl > *:nth-child(-n+2) {margin-top:0;}
.board-list .list-ty-4 li .list-cont dl dt {font-weight:700; width:60px; color:#8C2232;}
.board-list .list-ty-4 li .list-cont dl dd {font-weight:400; width:calc(100% - 60px); color:#666;}
.board-list .list-ty-4 li .list-cont dl dd span {width:100%; display:block; margin-top:5px;}
.board-list .list-ty-4 li .list-cont dl dd span:nth-child(1) {margin-top:0;}


.board-list-top {width:100%; font-size:0; margin-bottom:60px;}
.board-list-top > * {width:50%; display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative;}
.board-list-top .rt-box {text-align:right;}
.board-list-top .rt-box > * {display:inline-block;}
.board-list-top .total {font-size:16px; color:#666; line-height:1.4; word-wrap:break-word; word-break:keep-all;}
.board-list-top .total span {color:#8c2232;}


.board-search {width:100%; max-width:380px; font-size:0; text-align:left;}
.board-search > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; margin-right:20px;}
.board-search > *:last-child {margin-right:0;}
.board-search .select-box {min-width:100px; height:50px; border-bottom:1px solid #000;}
.board-search .select-box:before {content:""; width:0; height:0; border:solid transparent; border-width:0 5px; border-top:6px solid #8c2232; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board-search .select-box button {width:100%; height:100%; font-size:16px; text-align:left;}
.board-search .select-box .option-list {width:100%; box-sizing:border-box; position:absolute; left:0; top:60px; background:#fff; border:1px solid #000; z-index:100; display:none;}
.board-search .select-box .option-list li {width:100%;}
.board-search .select-box .option-list li .radio {width:100%;}
.board-search .select-box .option-list li .radio [type="radio"] {width:0; height:0; opacity:0;}
.board-search .select-box .option-list li .radio [type="radio"] + label {font-size:16px; width:100%; box-sizing:border-box; display:inline-block; cursor:pointer; padding:12px 8px;}
.board-search .select-box .option-list li .radio [type="radio"] + label:hover {background:#F9F4F5;}
.board-search .input-box {width:calc(100% - 120px); height:50px; font-size:0; box-sizing:border-box; border-bottom:1px solid #000;}
.board-search .input-box > * {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.board-search .input-box [type="text"] {width:calc(100% - 26px); height:100%; box-sizing:border-box; padding:0 10px; font-size:16px; border:none; background:none;}
.board-search .input-box .btn-search {width:26px; height:100%; background:url(/img/cont/icon_search.png) center no-repeat; background-size:100% auto;}
.board-search .input-box .btn-search a {display:block; width:100%; height:100%; font-size:0;}


.board-paging {width:100%; margin-top:80px;}
.board-paging ul {font-size:0; text-align:center; margin:0 -5px;}
.board-paging ul li {display:inline-block; vertical-align:middle; min-width:36px; height:36px; text-align:center; margin:0 5px; background:#fff; position:relative;}
.board-paging ul li a {display:block; box-sizing:border-box; padding:0 5px; font-size:16px; line-height:36px; color:#666; position:relative; z-index:10;}
.board-paging ul li.on {background:#C0A75D;}
.board-paging ul li.on a {color:#fff;}
.board-paging ul li.nav {border:1px solid #dedede;}
.board-paging ul li.nav a {font-size:0;}
.board-paging ul li.nav:before {content:""; width:7px; height:7px; border:solid #666; border-width:1px 1px 0 0; position:absolute; top:14px; z-index:0;}
.board-paging ul li.nav:after {content:""; width:1px; height:12px; background:#666; position:absolute; top:12px; z-index:0;}
.board-paging ul li.nav.begin:before, .board-paging ul li.nav.prev:before {-webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.board-paging ul li.nav.next:before, .board-paging ul li.nav.end:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.board-paging ul li.nav.begin:before {left:18px;}
.board-paging ul li.nav.begin:after {left:13px;}
.board-paging ul li.nav.prev:before {left:16px;}
.board-paging ul li.nav.prev:after {display:none;}
.board-paging ul li.nav.next:before {right:15px;}
.board-paging ul li.nav.next:after {display:none;}
.board-paging ul li.nav.end:before {right:17px;}
.board-paging ul li.nav.end:after {right:12px;}
.board-paging ul li.nav.prev {margin-right:20px;}
.board-paging ul li.nav.next {margin-left:20px;}


.board-banner {width:100%; font-size:0;}
.board-banner .banner-box {display:inline-block; vertical-align:top; box-sizing:border-box; margin-right:30px; border:1px solid #dedede;}
.board-banner .banner-box:last-child {margin-right:0;}
.board-banner .banner-box.banner-long {width:calc(((((100% - 90px) / 4) - 1px) * 3) + 60px);}
.board-banner .banner-box.banner-short {width:calc(((100% - 90px) / 4) - 1px);}
.board-banner .banner-box ul li {width:100%; box-sizing:border-box;}
.board-banner .banner-box ul li img {max-width:100%; display:block;}


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

.board-view .view-ty-1 {width:100%; border-top:1px solid #8c2232;}
.board-view .view-ty-1 .tr {width:100%; box-sizing:border-box; border-bottom:1px solid #dedede; padding:40px 0;}
.board-view .view-ty-1 .tr.ty-s {padding:20px 0;}
.board-view .view-ty-1 .tr .td {font-size:18px; font-weight:300; line-height:1.4; word-wrap:break-word; word-break:keep-all; color:#666;}
.board-view .view-ty-1 .tr .head {text-align:center;}
.board-view .view-ty-1 .tr .head > * {margin-top:30px;}
.board-view .view-ty-1 .tr .head > *:nth-child(1) {margin-top:0;}
.board-view .view-ty-1 .tr .head span.category {display:inline-block; font-size:16px; font-weight:700; color:#8c2232; padding-bottom:5px; border-bottom:1px solid #8e2232;}
.board-view .view-ty-1 .tr .head .subject {font-size:30px; font-weight:500; letter-spacing:-1.5px; word-wrap:break-word; word-break:keep-all;}
.board-view .view-ty-1 .tr .head ul.info {width:100%; font-size:0; text-align:center;}
.board-view .view-ty-1 .tr .head ul.info li {display:inline-block; vertical-align:middle; margin-right:20px; font-size:16px; font-weight:300; color:#666; position:relative; box-sizing:border-box;}
.board-view .view-ty-1 .tr .head ul.info li:last-child {margin-right:0;}
.board-view .view-ty-1 .tr .head ul.info li.hit {padding-left:25px;}
.board-view .view-ty-1 .tr .head ul.info li.hit:before {content:""; width:20px; height:12px; background:url(/img/cont/icon_hit.svg) center no-repeat; background-size:auto 100%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board-view .view-ty-1 .tr .cont > .wrap {width:100%; max-width:1200px; margin:0 auto; line-height:1.6;}
.board-view .view-ty-1 .tr .cont img {max-width:100%;}
.board-view .view-ty-1 .tr dl.addfile {width:100%; font-size:0;}
.board-view .view-ty-1 .tr dl.addfile > * {display:inline-block; vertical-align:top; font-size:16px; line-height:1.4;}
.board-view .view-ty-1 .tr dl.addfile dt {color:#000; font-weight:400; width:80px;}
.board-view .view-ty-1 .tr dl.addfile dd {width:calc(100% - 80px);}
.board-view .view-ty-1 .tr dl.addfile dd span {width:100%; display:block; margin-top:10px;}
.board-view .view-ty-1 .tr dl.addfile dd span:nth-child(1) {margin-top:0;}
.board-view .view-ty-1 .tr dl.addfile dd span a {display:inline-block; max-width:100%; font-size:16px; color:#8c2232; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; padding-right:25px; position:relative;}
.board-view .view-ty-1 .tr dl.addfile dd span a:before {content:""; width:18px; height:18px; background:url(/img/cont/icon_download.png) center no-repeat; background-size:100%; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board-view .view-ty-1 .tr dl.addfile dd span a:after {content:""; width:calc(100% - 25px); height:1px; border-top:1px solid #8c2232; position:absolute; left:0; bottom:0; z-index:0;}


.board-button {width:100%; text-align:center; margin-top:40px;}
.board-button .button {margin-right:10px;}
.board-button .button:last-child {margin-right:0;}


.board-navi {width:100%; margin-top:80px; box-sizing:border-box;}
.board-navi ul {width:100%; box-sizing:border-box; border-top:1px solid #dedede;}
.board-navi ul li {width:100%; box-sizing:border-box; border-bottom:1px solid #ededed; position:relative;}
.board-navi ul li:before {content:""; width:180px; height:100%; background:#F9F4F5; position:absolute; left:0; top:0; z-index:-1;}
.board-navi ul li dl {width:100%; font-size:0;}
.board-navi ul li dl > * {display:inline-block; vertical-align:middle; box-sizing:border-box; padding:20px 30px; font-size:16px;} 
.board-navi ul li dl dt {width:180px; text-align:center; background:#F9F4F5;}
.board-navi ul li dl dt span {padding-left:20px; position:relative;}
.board-navi ul li dl dt span:before {content:""; width:8px; height:8px; box-sizing:border-box; border:solid #666; border-width:2px 0 0 2px; position:absolute; left:3px;}
.board-navi ul li dl dt span.prev:before {top:10px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.board-navi ul li dl dt span.next:before {top:6px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg);}
.board-navi ul li dl dd {width:calc(100% - 180px);}
.board-navi ul li dl dd a {display:inline-block; max-width:100%; box-sizing:border-box; font-size:16px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



@media screen and (max-width: 1280px){

	.board-list .list-ty-1 {margin-top:-50px;}
	.board-list .list-ty-1 li.list {width:calc(((100% - 60px) / 3) - 1px); margin-left:30px; margin-top:50px;}
	.board-list .list-ty-1 li.list:nth-child(4n+1) {margin-left:30px;}
	.board-list .list-ty-1 li.list:nth-child(3n+1) {margin-left:0;}
	.board-list .list-ty-1 li.list .list-cont {padding:70px 30px 40px 30px;}
	.board-list .list-ty-1 li.list .list-cont span.new {left:30px;}

	.board-list .list-ty-3 {margin-top:-50px;}
	.board-list .list-ty-3 li {width:calc(((100% - 80px) /  5) - 1px); margin-left:20px; margin-top:50px;}

	.board-list .list-ty-4 {margin-top:-50px;}
	.board-list .list-ty-4 li {width:calc(((100% - 60px) / 3) - 1px); margin-left:20px; margin-top:50px;}
	.board-list .list-ty-4 li:nth-child(4n+1) {margin-left:20px;}
	.board-list .list-ty-4 li:nth-child(3n+1) {margin-left:0;}

	.board-banner .banner-box {margin-right:20px;}
	.board-banner .banner-box.banner-long {width:calc(((((100% - 60px) / 4) - 1px) * 3) + 40px);}
	.board-banner .banner-box.banner-short {width:calc(((100% - 60px) / 4) - 1px);}

}

@media screen and (max-width: 1024px){

	.board-list .list-more a {font-size:15px; padding-right:15px;}
	.board-list .list-more a:before {top:4px;}

	.board-list .list-ty-1 li.list {width:calc(((100% - 40px) / 3) - 1px); margin-left:20px;}
	.board-list .list-ty-1 li.list:nth-child(4n+1) {margin-left:20px;}
	.board-list .list-ty-1 li.list:nth-child(3n+1) {margin-left:0;}
	.board-list .list-ty-1 li.list .list-cont {padding:65px 30px 40px 30px;}
	.board-list .list-ty-1 li.list .list-cont span.new {font-size:15px; left:30px;}
	.board-list .list-ty-1 li.list .list-cont .subject {font-size:19px; height:50px;}
	.board-list .list-ty-1 li.list .list-cont .cont {font-size:15px; margin:15px 0 25px 0; height:42px;}
	.board-list .list-ty-1 li.list .list-cont .info > * {margin-right:15px; font-size:15px;}
	.board-list .list-ty-1.ty-slide .slick-list {margin:0 -10px;}
	.board-list .list-ty-1.ty-slide .slick-slide {margin:0 10px;}

	.board-list .list-ty-2 li.list {width:calc(((100% - 40px) / 3) - 1px); margin-left:20px;}
	.board-list .list-ty-2 li.list:nth-child(4n+1) {margin-left:20px;}
	.board-list .list-ty-2 li.list:nth-child(3n+1) {margin-left:0;}
	.board-list .list-ty-2 li.list .list-cont {padding:25px 15px;}
	.board-list .list-ty-2 li.list .list-cont .subject a {font-size:17px;}	
	.board-list .list-ty-2 li.list .list-cont .info > * {margin-right:15px; font-size:15px;}

	.board-list .list-ty-3 {margin-top:-40px;}
	.board-list .list-ty-3 li {width:calc(((100% - 60px) /  4) - 1px); margin-top:40px;}
	.board-list .list-ty-3 li:nth-child(5n+1) {margin-left:20px;}
	.board-list .list-ty-3 li:nth-child(4n+1) {margin-left:0;}
	.board-list .list-ty-3 li .list-cont {font-size:22px;}

	.board-list .list-ty-4 {margin-top:-40px;}
	.board-list .list-ty-4 li {margin-top:40px; padding:20px;}
	.board-list .list-ty-4 li .list-cont h1 {font-size:22px;}
	.board-list .list-ty-4 li .list-cont dl {margin-top:20px;}
	.board-list .list-ty-4 li .list-cont dl > * {font-size:15px; margin-top:15px;}
	.board-list .list-ty-4 li .list-cont dl dt {width:50px;}
	.board-list .list-ty-4 li .list-cont dl dd {width:calc(100% - 50px);}

	.board-list-top .total {font-size:15px;}

	.board-search .select-box button {font-size:15px}
	.board-search .select-box .option-list li .radio [type="radio"] + label {font-size:15px;}
	.board-search .input-box [type="text"] {font-size:15px;}

	.board-paging ul li a {font-size:15px;}

	.board-view .view-ty-1 .tr .td {font-size:17px;}
	.board-view .view-ty-1 .tr .head span.category {font-size:15px;}
	.board-view .view-ty-1 .tr .head .subject {font-size:25px;}
	.board-view .view-ty-1 .tr .head ul.info li {margin-right:15px; font-size:15px;}
	.board-view .view-ty-1 .tr dl.addfile > * {font-size:15px;}
	.board-view .view-ty-1 .tr dl.addfile dt {width:70px;}
	.board-view .view-ty-1 .tr dl.addfile dd {width:calc(100% - 70px);}
	.board-view .view-ty-1 .tr dl.addfile dd span a {font-size:15px;}
	.board-view .view-ty-1 .tr dl.addfile dd span a:before {width:16px; height:16px;}
	.board-view .view-ty-1 .tr dl.addfile dd span a:after {width:calc(100% - 25px);}

	.board-navi ul li:before {width:140px;}
	.board-navi ul li dl > * {padding:20px 25px; font-size:15px;} 
	.board-navi ul li dl dt {width:140px;}
	.board-navi ul li dl dt span {padding-left:20px;}
	.board-navi ul li dl dt span.prev:before {top:9px}
	.board-navi ul li dl dt span.next:before {top:5px;}
	.board-navi ul li dl dd {width:calc(100% - 140px);}
	.board-navi ul li dl dd a {font-size:15px;}

}

@media screen and (max-width: 900px){

	.board-list .list-ty-4 li {width:calc(((100% - 20px) / 2) - 1px); min-height:220px;}
	.board-list .list-ty-4 li:nth-child(3n+1) {margin-left:20px;}
	.board-list .list-ty-4 li:nth-child(2n+1) {margin-left:0;}

}

@media screen and (max-width: 768px){

	.board-list .list-ty-1 {margin-top:-30px;}
	.board-list .list-ty-1 li.list {width:calc(((100% - 20px) / 2) - 1px); margin-top:30px;}
	.board-list .list-ty-1 li.list:nth-child(3n+1) {margin-left:20px;}
	.board-list .list-ty-1 li.list:nth-child(2n+1) {margin-left:0;}
	.board-list .list-ty-1 li.list .list-cont {padding:50px 20px 30px 20px;}
	.board-list .list-ty-1 li.list .list-cont span.new {font-size:14px; left:20px; top:30px;}
	.board-list .list-ty-1 li.list .list-cont .subject {font-size:17px; height:46px;}
	.board-list .list-ty-1 li.list .list-cont .cont {font-size:14px; margin:15px 0 25px 0; height:40px;}
	.board-list .list-ty-1 li.list .list-cont .info > * {margin-right:15px; font-size:14px;}
	.board-list .list-ty-1.ty-slide .slick-dots {margin-top:30px;}

	.board-list .list-ty-2 {margin-top:-30px;}
	.board-list .list-ty-2 li.list {width:calc(((100% - 20px) / 2) - 1px); margin-left:20px; margin-top:30px;}	
	.board-list .list-ty-2 li.list:nth-child(3n+1) {margin-left:20px;}
	.board-list .list-ty-2 li.list:nth-child(2n+1) {margin-left:0;}
	.board-list .list-ty-2 li.list .list-cont .subject a {font-size:16px;}	
	.board-list .list-ty-2 li.list .list-cont .info > * {font-size:14px;}

	.board-list .list-ty-3 {margin-top:-30px;}
	.board-list .list-ty-3 li {width:calc(((100% - 40px) /  3) - 1px); margin-top:30px;}
	.board-list .list-ty-3 li:nth-child(4n+1) {margin-left:20px;}
	.board-list .list-ty-3 li:nth-child(3n+1) {margin-left:0;}
	.board-list .list-ty-3 li .list-cont {height:65px; font-size:20px;}
	.board-list .list-ty-3 li .list-cont:before {width:20px; height:20px;}

	.board-list .list-ty-4 {margin-top:-30px;}
	.board-list .list-ty-4 li {margin-top:30px; min-height:200px;}
	.board-list .list-ty-4 li:before {width:25px; height:25px;}
	.board-list .list-ty-4 li .list-cont h1 {font-size:20px;}
	.board-list .list-ty-4 li .list-cont dl > * {font-size:14px;}
	.board-list .list-ty-4 li .list-cont dl dt {width:50px;}
	.board-list .list-ty-4 li .list-cont dl dd {width:calc(100% - 50px);}

	.board-list-top {margin-bottom:50px;}
	.board-list-top > * {width:100%;}
	.board-list-top .rt-box {text-align:left; margin-top:10px;}
	.board-list-top .total {font-size:14px;}

	.board-search > * {margin-right:15px;}
	.board-search .select-box {min-width:100px; height:45px;}
	.board-search .select-box:before {border-width:0 4px; border-top:5px solid #8c2232;}
	.board-search .select-box button {font-size:14px}
	.board-search .select-box .option-list {top:55px;}
	.board-search .select-box .option-list li .radio [type="radio"] + label {font-size:14px;}
	.board-search .input-box {width:calc(100% - 115px); height:45px;}
	.board-search .input-box [type="text"] {width:calc(100% - 24px); font-size:14px;}
	.board-search .input-box .btn-search {width:24px;}

	.board-paging {margin-top:60px;}
	.board-paging ul li {min-width:32px; height:32px;}
	.board-paging ul li a {font-size:14px; line-height:32px;}
	.board-paging ul li.nav:before {width:6px; height:6px; top:12px;}
	.board-paging ul li.nav:after {height:11px; top:10px;}
	.board-paging ul li.nav.begin:before {left:16px;}
	.board-paging ul li.nav.begin:after {left:11px;}
	.board-paging ul li.nav.prev:before {left:14px;}
	.board-paging ul li.nav.next:before {right:14px;}
	.board-paging ul li.nav.end:before {right:15px;}
	.board-paging ul li.nav.end:after {right:10px;}
	.board-paging ul li.nav.prev {margin-right:15px;}
	.board-paging ul li.nav.next {margin-left:15px;}

	.board-view .view-ty-1 .tr {padding:30px 0;}
	.board-view .view-ty-1 .tr.ty-s {padding:15px 0;}
	.board-view .view-ty-1 .tr .td {font-size:16px;}
	.board-view .view-ty-1 .tr .head > * {margin-top:20px;}
	.board-view .view-ty-1 .tr .head span.category {font-size:14px;}
	.board-view .view-ty-1 .tr .head .subject {font-size:22px;}
	.board-view .view-ty-1 .tr .head ul.info li {font-size:14px;}
	.board-view .view-ty-1 .tr dl.addfile > * {font-size:14px;}
	.board-view .view-ty-1 .tr dl.addfile dt {width:65px;}
	.board-view .view-ty-1 .tr dl.addfile dd {width:calc(100% - 65px);}
	.board-view .view-ty-1 .tr dl.addfile dd span {margin-top:8px;}
	.board-view .view-ty-1 .tr dl.addfile dd span a {font-size:14px; padding-right:22px;}
	.board-view .view-ty-1 .tr dl.addfile dd span a:before {width:15px; height:15px;}
	.board-view .view-ty-1 .tr dl.addfile dd span a:after {width:calc(100% - 22px);}

	.board-button {margin-top:30px;}

	.board-navi {margin-top:60px;}
	.board-navi ul li:before {width:120px;}
	.board-navi ul li dl > * {padding:15px 20px; font-size:14px;} 
	.board-navi ul li dl dt {width:120px;}
	.board-navi ul li dl dt span {padding-left:20px;}
	.board-navi ul li dl dd {width:calc(100% - 120px);}
	.board-navi ul li dl dd a {font-size:14px;}

	.board-banner .banner-box {margin-right:10px;}
	.board-banner .banner-box.banner-long {width:calc(((((100% - 30px) / 4) - 1px) * 3) + 20px);}
	.board-banner .banner-box.banner-short {width:calc(((100% - 30px) / 4) - 1px);}

}

@media screen and (max-width: 600px){

	.board-list .list-ty-1 li.list {width:calc(((100% - 14px) / 2) - 1px); margin-left:14px ; margin-top:30px;}
	.board-list .list-ty-1 li.list:nth-child(3n+1) {margin-left:15px;}
	.board-list .list-ty-1 li.list:nth-child(2n+1) {margin-left:0;}
	.board-list .list-ty-1.ty-slide .slick-list {margin:0 -7px;}
	.board-list .list-ty-1.ty-slide .slick-slide {margin:0 7px;}

}

@media screen and (max-width: 480px){

	.board-list .list-more {margin-bottom:15px;}
	.board-list .list-more a {font-size:14px; padding-right:15px;}
	.board-list .list-more a:before {border-width:1px 1px 0 0; top:5px;}

	.board-list .list-ty-1 {margin-top:-20px;}
	.board-list .list-ty-1 li.list {width:100%; margin-left:0; margin-top:20px;}
	.board-list .list-ty-1 li.list:nth-child(3n+1) {margin-left:0;}
	.board-list .list-ty-1 li.list .list-cont {padding:40px 20px 25px 20px;}
	.board-list .list-ty-1 li.list .list-cont span.new {font-size:12px; top:20px;}
	.board-list .list-ty-1 li.list .list-cont .subject {font-size:15px; height:42px;}
	.board-list .list-ty-1 li.list .list-cont .cont {font-size:12px; margin:10px 0 20px 0; height:36px;}
	.board-list .list-ty-1 li.list .list-cont .info > * {font-size:12px;}
	.board-list .list-ty-1 li.list .list-cont .info .hit {padding-left:20px;}
	.board-list .list-ty-1 li.list .list-cont .info .hit:before {width:17px; height:10px;}
	.board-list .list-ty-1.ty-slide .slick-list {margin:0;}
	.board-list .list-ty-1.ty-slide .slick-slide {margin:0;}
	.board-list .list-ty-1.ty-slide .slick-dots {margin-top:20px;}

	.board-list .list-ty-2 {margin-top:-20px;}
	.board-list .list-ty-2 li.list {width:calc(((100% - 10px) / 2) - 1px); margin-left:10px; margin-top:20px;}	
	.board-list .list-ty-2 li.list:nth-child(3n+1) {margin-left:10px;}
	.board-list .list-ty-2 li.list:nth-child(2n+1) {margin-left:0;}
	.board-list .list-ty-2 li.list .list-cont {padding:12px 3px;}
	.board-list .list-ty-2 li.list .list-cont .subject a {font-size:14px;}	
	.board-list .list-ty-2 li.list .list-cont .info > * {font-size:12px;}
	.board-list .list-ty-2 li.list .list-cont .info .hit {padding-left:20px;}
	.board-list .list-ty-2 li.list .list-cont .info .hit:before {width:17px; height:10px;}

	.board-list .list-ty-3 {margin-top:-20px;}
	.board-list .list-ty-3 li {width:calc(((100% - 10px) /  2) - 1px); margin-left:10px !important; margin-top:20px;}
	.board-list .list-ty-3 li:nth-child(2n+1) {margin-left:0 !important;}
	.board-list .list-ty-3 li .list-cont {height:50px; font-size:15px;}
	.board-list .list-ty-3 li .list-cont:before {width:15px; height:15px; border-width:3px 0 0 3px;}

	.board-list .list-ty-4 {margin-top:-20px;}
	.board-list .list-ty-4 li {width:100%; min-height:130px; margin-top:20px; margin-left:0 !important; border-width:5px;}
	.board-list .list-ty-4 li:before {width:20px; height:20px; border-width:5px 0 0 5px; left:-5px; top:-5px;}
	.board-list .list-ty-4 li .list-cont h1 {font-size:16px; padding-bottom:15px;}
	.board-list .list-ty-4 li .list-cont dl {margin-top:15px;}
	.board-list .list-ty-4 li .list-cont dl > * {font-size:13px; margin-top:10px;}
	.board-list .list-ty-4 li .list-cont dl dt {width:40px;}
	.board-list .list-ty-4 li .list-cont dl dd {width:calc(100% - 40px);}

	.board-list-top {margin-bottom:30px;}
	.board-list-top .total {font-size:13px;}

	.board-search > * {margin-right:10px; max-width:200px;}
	.board-search .select-box {min-width:80px; height:40px;}
	.board-search .select-box:before {border-width:0 4px; border-top:5px solid #8c2232;}
	.board-search .select-box button {font-size:13px}
	.board-search .select-box .option-list {top:45px;}
	.board-search .select-box .option-list li .radio [type="radio"] + label {font-size:13px; padding:10px 7px;}
	.board-search .input-box {width:calc(100% - 90px); height:40px;}
	.board-search .input-box [type="text"] {width:calc(100% - 22px); font-size:13px;}
	.board-search .input-box .btn-search {width:22px;}

	.board-paging {margin-top:40px;}
	.board-paging ul {margin:0 -4px;}
	.board-paging ul li {min-width:30px; height:30px; margin:0 3px;}
	.board-paging ul li a {font-size:13px; line-height:30px;}
	.board-paging ul li.nav:before {width:5px; height:5px; border-width:1px 1px 0 0; top:12px;}
	.board-paging ul li.nav:after {height:8px; top:11px;}
	.board-paging ul li.nav.begin:before {left:15px;}
	.board-paging ul li.nav.begin:after {left:11px;}
	.board-paging ul li.nav.prev:before {left:13px;}
	.board-paging ul li.nav.next:before {right:13px;}
	.board-paging ul li.nav.end:before {right:14px;}
	.board-paging ul li.nav.end:after {right:10px;}
	.board-paging ul li.nav.prev {margin-right:3px;}
	.board-paging ul li.nav.next {margin-left:3px;}

	.board-view .view-ty-1 .tr {padding:25px 0;}
	.board-view .view-ty-1 .tr.ty-s {padding:12px 0;}
	.board-view .view-ty-1 .tr .td {font-size:14px;}
	.board-view .view-ty-1 .tr .head > * {margin-top:15px;}
	.board-view .view-ty-1 .tr .head span.category {font-size:13px; padding-bottom:3px;}
	.board-view .view-ty-1 .tr .head .subject {font-size:18px;}
	.board-view .view-ty-1 .tr .head ul.info li {font-size:13px;}
	.board-view .view-ty-1 .tr dl.addfile > * {font-size:13px;}
	.board-view .view-ty-1 .tr dl.addfile dt {width:60px;}
	.board-view .view-ty-1 .tr dl.addfile dd {width:calc(100% - 60px);}
	.board-view .view-ty-1 .tr dl.addfile dd span {margin-top:6px;}
	.board-view .view-ty-1 .tr dl.addfile dd span a {font-size:13px; padding-right:20px;}
	.board-view .view-ty-1 .tr dl.addfile dd span a:before {width:11px; height:11px;}
	.board-view .view-ty-1 .tr dl.addfile dd span a:after {width:calc(100% - 20px);}

	.board-button {margin-top:20px;}

	.board-navi {margin-top:40px;}
	.board-navi ul li:before {width:90px;}
	.board-navi ul li dl > * {padding:10px 15px; font-size:13px;} 
	.board-navi ul li dl dt {width:90px;}
	.board-navi ul li dl dt span {padding-left:15px;}
	.board-navi ul li dl dt span:before {width:7px; height:7px;}
	.board-navi ul li dl dt span.prev:before {top:8px}
	.board-navi ul li dl dt span.next:before {top:4px;}
	.board-navi ul li dl dd {width:calc(100% - 90px);}
	.board-navi ul li dl dd a {font-size:13px;}

	.board-banner .banner-box {margin-right:0; margin-bottom:10px;}
	.board-banner .banner-box:last-child {margin-bottom:0;}
	.board-banner .banner-box.banner-long {width:100%;}
	.board-banner .banner-box.banner-short {width:100%;}

}