/*게시판*/

.form {}


.form .card-tb {width:100%; display:flex; gap:var(--gap-60); flex-wrap:wrap;}
.form .card-tb .list-box {width:calc((100% - (var(--gap-60) * 2)) / 3); background:#fff; border:1px solid #CCCCCC; transition:background 0.4s ease-in-out;}
.form .card-tb .list-box .wrap {width:100%; position:relative; padding:40px;}
.form .card-tb .list-box .wrap:after {content:""; width:40px; height:40px; background:url(/img/conts/button_plus.svg) center no-repeat; background-size:cover; position:absolute; right:40px; top:36px;}
.form .card-tb .list-box .subject {width:100%; padding-right:20px; font-size:var(--font-20); font-weight:600; position:relative;}
.form .card-tb .list-box .icon {width:80px; height:80px; margin:12px 0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.form .card-tb .list-box .conts {font-size:var(--font-18);}
.form .card-tb .list-box .conts.ty-2 {margin-top:var(--gap-32); max-width:250px;}
.form .card-tb .list-box:hover {border-color:var(--main-color);}
.form .card-tb .list-box:hover .subject,
.form .card-tb .list-box:hover .conts {color:var(--main-color);}
.form .card-tb .list-box:hover .wrap:after {background-image:url(/img/conts/button_plus_on.svg);}
.form .card-tb .on {border-color:var(--main-color);}
.form .card-tb .on .subject,
.form .card-tb .on .conts {color:var(--main-color);}
.form .card-tb .on .wrap:after {background-image:url(/img/conts/button_plus_on.svg);}

@media screen and (max-width: 1024px) {
	.form .card-tb {gap:30px;}
	.form .card-tb .list-box {width:calc((100% - 60px) / 3);}
	.form .card-tb .list-box .wrap {padding:20px;}
	.form .card-tb .list-box .wrap:after {width:25px; height:25px; right:20px; top:23px;}
}

@media screen and (max-width: 900px) {
	.form .card-tb .list-box {width:calc((100% - 30px) / 2);}
}

@media screen and (max-width: 768px) {
	.form .card-tb {gap:20px;}
	.form .card-tb .list-box {width:calc((100% - 20px) / 2);}
	.form .card-tb .list-box .icon {width:70px; height:70px;}
}

@media screen and (max-width: 480px) {
	.form .card-tb .list-box {width:100%;}
	.form .card-tb .list-box .wrap:after {width:20px; height:20px; top:22px;}
	.form .card-tb .list-box .icon {width:60px; height:60px;}
}


.form .list-top {width:100%; display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:var(--gap-40);}
.form .list-top .total {display:flex; align-items:center; gap:0 var(--gap-16);}
.form .list-top .total span {font-size:var(--font-16); position:relative; font-weight:500;}
.form .list-top .total span:before {content:""; width:1px; height:10px; box-sizing:border-box; border-left:1px solid #ccc; position:absolute; left:calc((var(--gap-16) / 2) * -1); top:50%; transform:translateY(-50%);}
.form .list-top .total span:nth-child(1):before {display:none;}
.form .list-top .total span em {color:var(--main-color);}

.form .search-area {display:flex; align-items:center; gap:0 var(--gap-8);}
.form .search-area .input-box {display:flex; align-items:center; gap:0 var(--gap-8);}
.form .search-area .input-box input {width:360px; height:50px; box-sizing:border-box; background:#fff; border:1px solid #DCDCDC; padding:0 var(--gap-16); font-size:var(--font-16); border-radius:4px;}
.form .search-area .input-box input::placeholder {color:#999;}
.form .search-area .input-box .btn-list-search {width:50px; height:50px; font-size:0; background-color:var(--main-color); background-image:var(--icon-search-w); background-repeat:no-repeat; background-position:center; border-radius:4px;}

@media screen and (max-width: 1024px) {
	.form .list-top {flex-wrap:wrap; flex-direction: column-reverse; gap:var(--gap-16);}
	.form .list-top .total {width:100%; justify-content:flex-end;}

	.form .search-area {width:100%; justify-content:center;}
	.form .search-area .input-box input {width:auto;}
}

@media screen and (max-width: 480px) {
	.form .search-area select {width:100px;}
	.form .search-area .input-box {width:calc(100% - 100px);}
	.form .search-area .input-box input {width:calc(100% - 42px); height:42px;}
	.form .search-area .input-box .btn-list-search {width:42px; height:42px; background-size:auto 15px;}
}



.form .paging {width:100%; margin-top:var(--gap-60);}
.form .paging ul {width:100%; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:var(--gap-8);}
.form .paging ul li a {min-width:40px; height:40px; background:#fff; padding:0 var(--gap-8); box-sizing:border-box; display:flex; align-items:center; justify-content:center; font-size:var(--font-16); color:#666; font-weight:700; position:relative;}
.form .paging ul li:hover a:not(.arrow),
.form .paging ul li.on a {background:#EEF6FF; color:var(--main-color);}
.form .paging ul li a.arrow {font-size:0; background:#fff;}
.form .paging ul li a.arrow:before {content:""; width:100%; height:100%; background:url(/img/com/paging_arrow.svg) center no-repeat; position:absolute; left:0; top:0;}
.form .paging ul li a.arrow.double:before {background-image:url(/img/com/paging_arrow_2.svg);}
.form .paging ul li a.next:before {transform:scaleX(-1);}
.form .paging ul li a.end:before {transform:scaleX(-1);}

@media screen and (max-width: 768px) {
	.form .paging ul li a {min-width:36px; height:36px;}
}

@media screen and (max-width: 480px) {
	.form .paging ul li a {min-width:32px; height:32px;}
}


.form .form-top {width:100%; margin-bottom:var(--gap-40);}
.form .form-top .required {text-align:right; font-size:var(--font-16);}
.form .form-top .required span {color:var(--main-color);}

.form .write-tb {width:100%; padding:var(--gap-40) var(--gap-80) var(--gap-80) var(--gap-80); border:solid #DCDCDC; border-width:1px 0;}
.form .write-tb .tr {width:100%; margin-top:var(--gap-40); display:flex; align-items:center; gap:var(--gap-40) var(--gap-60);}
.form .write-tb .tr:nth-child(1) {margin-top:0;}
.form .write-tb .tr .td {flex:1 1 auto; display:flex; align-items:center;}
.form .write-tb .tr .td > * {flex:1 1 auto;}
.form .write-tb .tr .td .required {position:relative;}
.form .write-tb .tr .td .required:before {content:"* "; color:var(--main-color);}
.form .write-tb .tr .head {font-size:var(--font-18); font-weight:700; /*margin-bottom:var(--gap-8);*/ width:130px;}
.form .write-tb .tr .input {width:calc(100% - 130px);}
.form .write-tb .tr .input .input-wrap {width:100%;}
.form .write-tb .tr .input .input-wrap input[type="text"] {width:100%; height:50px; box-sizing:border-box; background:#fff; border:1px solid #DCDCDC; padding:0 var(--gap-16); font-size:var(--font-18);}
.form .write-tb .tr .input .input-wrap input[type="text"]::placeholder {color:#999;}
.form .write-tb .tr .input .input-wrap input[type="text"]:focus {border-color:var(--main-color);}
.form .write-tb .tr .input .input-wrap textarea {width:100%; height:200px; box-sizing:border-box; padding:var(--gap-16); background:#fff; border:1px solid #dcdcdc; font-size:var(--font-18); resize:none;}
.form .write-tb .tr .input .agree-wrap {width:100%; font-size:var(--font-18); position:relative;}
.form .write-tb .tr .input .agree-wrap input[type="checkbox"] {width:0; height:0; opacity:0; position:absolute; left:0; top:0;}
.form .write-tb .tr .input .agree-wrap input[type="checkbox"] + label,
.form .write-tb .tr .input .agree-wrap input[type="checkbox"] + label a {font-weight:700;}
.form .write-tb .tr .input .agree-wrap input[type="checkbox"] + label {padding-right:22px; position:relative; cursor:pointer;}
.form .write-tb .tr .input .agree-wrap input[type="checkbox"] + label:before {content:""; width:16px; height:16px; box-sizing:border-box; border:1px solid #DCDCDC; position:absolute; right:0; top:2px;}
.form .write-tb .tr .input .agree-wrap input[type="checkbox"] + label::after {content:""; width:16px; height:16px; box-sizing:border-box; background:url(/img/com/icon_check.svg) left 3px center no-repeat; position:absolute; right:0; top:2px; display:none; background-color:var(--main-color);}
.form .write-tb .tr .input .agree-wrap input[type="checkbox"]:checked + label:before {border-color:var(--black);}
.form .write-tb .tr .input .agree-wrap input[type="checkbox"]:checked + label:after {display:block;}

.form .write-tb .tr .input .input-wrap.col {display:flex; align-items:center; gap:var(--gap-8) var(--gap-16);}
.form .write-tb .tr .input .subject-wrap span:nth-child(1) {width:calc(100% - 150px);}
.form .write-tb .tr .input .subject-wrap span:nth-child(2) .check {width:150px;}

.form .write-tb .tr .input .add-file-wrap .list-box {width:calc(100% - 116px);}
.form .write-tb .tr .input .add-file-wrap .list-box .file-list {width:100%; min-height:50px; padding:0 var(--gap-16); display:flex; align-items:center; background:#fff; border:1px solid #DCDCDC; box-sizing:border-box; flex:0 1 auto;}
.form .write-tb .tr .input .add-file-wrap .list-box .file-list .file-list-wrap {width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-16); min-width:0; flex:0 1 auto;}
.form .write-tb .tr .input .add-file-wrap .list-box .file-list .file-box {max-width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:0 1 auto; box-sizing:border-box; position:relative;}
.form .write-tb .tr .input .add-file-wrap .list-box .file-list .file-box.hide {visibility:hidden; opacity:0;}
.form .write-tb .tr .input .add-file-wrap .list-box .file-list .file-box input[type="file"] {width:0; height:0; opacity:0; position:absolute; left:0; top:0;}
.form .write-tb .tr .input .add-file-wrap .list-box .file-list button.file-delete {font-size:var(--font-16); position:relative; padding-right:calc(var(--gap-8) + 20px); cursor:pointer; max-width:280px; width:100%;}
.form .write-tb .tr .input .add-file-wrap .list-box .file-list button.file-delete:after {content:""; width:20px; height:20px; background:url(/img/com/icon_delete.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.form .write-tb .tr .input .add-file-wrap .list-box .file-list button.file-delete span {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.form .write-tb .tr .input .add-file-wrap .btn {position:relative; flex-shrink:0;}
.form .write-tb .tr .input .add-file-wrap .btn input[type="file"] {width:0; height:0; opacity:0; position:absolute; left:0; top:0;}

.form .write-tb.basic-tb .tr .head {width:220px;}
.form .write-tb.basic-tb .tr .input {width:calc(100% - 220px);}

.form .write-tb .write-notice {width:100%; margin-top:var(--gap-8); font-size:var(--font-16); color:#666;}
.form .write-tb .write-notice em {font-size:var(--font-14); font-weight:300; color:#999;}
.form .write-tb .write-notice em i {font-style:normal; color:var(--main-color);}


@media screen and (max-width: 1024px) {
	.form .write-tb .tr {flex-wrap:wrap;}
	.form .write-tb .tr .td {width:100%;}
	.form .write-tb .tr .input .agree-wrap input[type="checkbox"] + label:before,
	.form .write-tb .tr .input .agree-wrap input[type="checkbox"] + label:after {top:0;}

	.form .write-tb.basic-tb .tr .head {width:180px;}
	.form .write-tb.basic-tb .tr .input {width:calc(100% - 180px);}
}

@media screen and (max-width: 768px) {
	.form .write-tb {padding:var(--gap-40);}
	.form .write-tb .tr .head {width:110px;}
	.form .write-tb .tr .input {width:calc(100% - 110px);}

	.form .write-tb .tr .input .subject-wrap span:nth-child(1) {width:calc(100% - 120px);}
	.form .write-tb .tr .input .subject-wrap span:nth-child(2) .check {width:120px;}

	.form .write-tb .tr .input .add-file-wrap .list-box {width:calc(100% - 85px);}
	.form .write-tb .tr .input .add-file-wrap .list-box .file-list button.file-delete {padding-right:calc(var(--gap-8) + 16px);}
	.form .write-tb .tr .input .add-file-wrap .list-box .file-list button.file-delete:after {width:16px; height:16px;}

	.form .write-tb.basic-tb .tr .td {flex-wrap:wrap; gap:var(--gap-8);}
	.form .write-tb.basic-tb .tr .head {width:100%;}
	.form .write-tb.basic-tb .tr .input {width:100%;}
}

@media screen and (max-width: 480px) {
	.form .write-tb .tr .td {flex-wrap:wrap; gap:var(--gap-8);}
	.form .write-tb .tr .head,
	.form .write-tb .tr .input {width:100%;}
	.form .write-tb .tr .input .input-wrap input[type="text"] {height:42px;}
	.form .write-tb .tr .input .input-wrap textarea {height:100px;}

	.form .write-tb .tr .input .input-wrap.col {flex-wrap:wrap;}
	.form .write-tb .tr .input .subject-wrap span:nth-child(1) {width:100%;}
	.form .write-tb .tr .input .subject-wrap span:nth-child(2) .check {width:100%;}

	.form .write-tb .tr .input .add-file-wrap .list-box {width:100%;}
	.form .write-tb .tr .input .add-file-wrap .list-box .file-list {min-height:42px;}
	.form .write-tb .tr .input .add-file-wrap .btn {width:100%;}
}

.form .write-tb .tr .input .agree-box {width:100%;}
.form .write-tb .tr .input .agree-box .tlt {width:100%; font-size:var(--font-20); font-weight:700; margin-bottom:var(--gap-16);}
.form .write-tb .tr .input .agree-box .agree-conts-wrap {width:100%; height:240px; border:1px solid #DCDCDC; padding:var(--gap-16); overflow-y:auto; margin-bottom:var(--gap-24);}
.form .write-tb .tr .input .agree-box .agree-conts-wrap > .inner {width:100%; height:100%; font-size:var(--font-16);}

.form .agree-area ul li {margin-top:var(--gap-16);}
.form .agree-area ul li:nth-child(1) {margin-top:0;}
.form .agree-area .agree-box {width:100%; margin-top:var(--gap-24);}
.form .agree-area .agree-box .tlt {width:100%; font-size:var(--font-20); font-weight:700; margin-bottom:var(--gap-16);}
.form .agree-area .agree-box .agree-conts-wrap {width:100%; height:180px; border:1px solid #DCDCDC; padding:var(--gap-16); overflow-y:auto; margin-bottom:var(--gap-16);}
.form .agree-area .agree-box .agree-conts-wrap > .inner {width:100%; height:100%; font-size:var(--font-14);}
.form .agree-area .agree-wrap {width:100%; font-size:var(--font-18); position:relative;}
.form .agree-area .agree-wrap input[type="checkbox"] {width:0; height:0; opacity:0; position:absolute; left:0; top:0;}
.form .agree-area .agree-wrap input[type="checkbox"] + label,
.form .agree-area .agree-wrap input[type="checkbox"] + label a {font-weight:700;}
.form .agree-area .agree-wrap input[type="checkbox"] + label {padding-right:22px; position:relative; cursor:pointer;}
.form .agree-area .agree-wrap input[type="checkbox"] + label:before {content:""; width:16px; height:16px; box-sizing:border-box; border:1px solid #DCDCDC; position:absolute; right:0; top:2px;}
.form .agree-area .agree-wrap input[type="checkbox"] + label::after {content:""; width:16px; height:16px; box-sizing:border-box; background:url(/img/com/icon_check.svg) left 3px center no-repeat; position:absolute; right:0; top:2px; display:none; background-color:var(--main-color);}
.form .agree-area .agree-wrap input[type="checkbox"]:checked + label:before {border-color:var(--black);}
.form .agree-area .agree-wrap input[type="checkbox"]:checked + label:after {display:block;}
.form .agree-area .agree-wrap  .required {position:relative;}
.form .agree-area .agree-wrap  .required:before {content:"* "; color:var(--main-color);}

@media screen and (max-width: 1024px) {
	.form .agree-area .agree-wrap input[type="checkbox"] + label:before,
	.form .agree-area .agree-wrap input[type="checkbox"] + label:after {top:0;}
}

@media screen and (max-width: 480px) {
	.form .write-tb .tr .input .agree-box .agree-conts-wrap {height:150px;}
	.form .agree-area .agree-box .agree-conts-wrap {height:120px;}
}


.form ul.conts-info {width:100%; display:flex; gap:0 var(--gap-32); align-items:center; flex-wrap:wrap;} 
.form ul.conts-info li {position:relative; font-size:var(--font-16); color:#999; display:flex; align-items:center; gap:0 5px;}
.form ul.conts-info li:before {content:""; width:1px; height:12px; box-sizing:border-box; border-left:1px solid #CCCCCC; position:absolute; left:calc((var(--gap-32) / 2) * -1); top:50%; transform:translateY(-50%);}
.form ul.conts-info li:nth-child(1):before {display:none;}

@media screen and (max-width: 480px) {
	.form ul.conts-info li:before {height:8px;}
}


.form .thum-tb {width:100%; padding:var(--gap-40) 0 ; border:solid #DCDCDC; border-width:1px 0; display:flex; gap:var(--gap-80) var(--gap-60); flex-wrap:wrap;}
.form .thum-tb .list-box {width:calc((100% - (var(--gap-60) * 2)) / 3);}
.form .thum-tb .list-box .thumnail {width:100%; position:relative;}
.form .thum-tb .list-box .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(248 / 440 * 100%); position:relative; overflow:hidden;}
.form .thum-tb .list-box .thumnail span img {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:transform 0.5s ease-in-out; z-index:0;}
.form .thum-tb .list-box .thumnail.default span {background:url(/img/conts/default_image.svg) center no-repeat; background-size:cover;}
.form .thum-tb .list-box .subject {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:var(--gap-32);}
.form .thum-tb .list-box .subject a {font-size:var(--font-24); font-weight:700; color:var(--blckB);}
.form .thum-tb .list-box .info {width:100%; margin-top:var(--gap-16);}
.form .thum-tb .list-box:hover .thumnail:not(.default) {box-shadow:0 0 10px rgba(0,0,0,0.15);}
.form .thum-tb .list-box:hover .thumnail:not(.default) span:before {content:""; width:100%; height:100%; box-sizing:border-box; border:1px solid var(--main-color); position:absolute; left:0; top:0; z-index:1;}
.form .thum-tb .list-box:hover .thumnail span img {transform:translate(-50%,-50%) scale(1.05);}
.form .thum-tb .list-box:hover .subject a {color:var(--main-color);}

@media screen and (max-width: 1280px) {
	.form .thum-tb {gap:var(--gap-60) var(--gap-40);}
	.form .thum-tb .list-box {width:calc((100% - (var(--gap-40) * 2)) / 3);}
}

@media screen and (max-width: 1024px) {
	.form .thum-tb .list-box {width:calc((100% - var(--gap-40)) / 2);}
}

@media screen and (max-width: 768px) {
	.form .thum-tb {gap:var(--gap-40) var(--gap-24);}
	.form .thum-tb .list-box {width:calc((100% - var(--gap-24)) / 2);}
}

@media screen and (max-width: 480px) {
	.form .thum-tb .list-box {width:100%;}
}

.form .list-basic .tr {width:100%; border-bottom:1px solid #E1E1E1; padding:var(--gap-32) 0;}
.form .list-basic .tr.head {padding:var(--gap-40) 0;}
.form .list-basic .tr .td {width:100%; display:flex; align-items:center; font-size:var(--font-18);}
.form .list-basic .tr.head .td {font-size:var(-font-20); font-weight:600;}
.form .list-basic .tr .td > * {padding:0 var(--gap-16);}
.form .list-basic .tr .td .subject a {font-size:var(--font-18); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; display:block;}


.form .form-button {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-8); flex-wrap:wrap; margin-top:var(--gap-60);}


.form .view-tb {width:100%;}
.form .view-tb .title-box {width:100%; margin-bottom:var(--gap-60);}
.form .view-tb .title-box .conts-info {width:100%; margin-bottom:var(--gap-16); justify-content:center;}
.form .view-tb .title-box .conts-info li .category {color:var(--main-color);}
.form .view-tb .title-box .subject {text-align:center; font-size:var(--font-30); font-weight:700;}
.form .view-tb .title-box .admin-button {margin-top:var(--gap-24);}

.form .view-tb .view-contents {width:100%; padding:var(--gap-80) var(--gap-60); border:solid #333; border-width:1px 0;}
.form .view-tb .view-contents .conts-box {width:100%;}
.form .view-tb .view-contents .conts-box img {max-width:100%; display:block; margin:0 auto;}
.form .view-tb .view-contents .conts-option-wrap {width:100%; margin-top:var(--gap-60);}
.form .view-tb .view-contents .conts-option-wrap .option-box {width:100%; margin-top:var(--gap-16); display:flex; padding:10px var(--gap-24); min-height:70px; gap:0 var(--gap-40);}
.form .view-tb .view-contents .conts-option-wrap .option-box:nth-child(1) {margin-top:0;}
.form .view-tb .view-contents .conts-option-wrap .option-box.line {background:#fff; border:1px solid #DCDCDC;}
.form .view-tb .view-contents .conts-option-wrap .option-box.fill {background:#F6F6F6; border:1px solid #F6F6F6;}
.form .view-tb .view-contents .conts-option-wrap .option-box .tlt {font-size:16px; font-weight:700; color:var(--blackB); padding-top:5px; width:70px;}
.form .view-tb .view-contents .conts-option-wrap .option-box .conts {width:calc(100% - 70px - var(--gap-40));}
.form .view-tb .view-contents .conts-option-wrap .option-box .conts .conts-list li {width:100%; margin-top:5px;;}
.form .view-tb .view-contents .conts-option-wrap .option-box .conts .conts-list li:nth-child(1) {margin-top:0;}
.form .view-tb .view-contents .conts-option-wrap .option-box .conts .conts-list li a {font-size:var(--font-16); display:inline-block; vertical-align:middle; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1;}
.form .view-tb .view-contents .view-butotn-box {width:100%; margin-top:var(--gap-60); display:flex; align-items:center; justify-content:center; gap:var(--gap-8); flex-wrap:wrap;}
.form .view-tb .view-contents .video-wrap {width:100%; max-width:1000px; margin:0 auto;}
.form .view-tb .view-contents .video-wrap .video-box {width:100%; height:0; padding-bottom:calc(720 / 1280 * 100%); position:relative; overflow:hidden;}
.form .view-tb .view-contents .video-wrap .video-box iframe {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

@media screen and (max-width: 768px) {
	.form .view-tb .view-contents {padding:var(--gap-80) var(--gap-32);}
	.form .view-tb .view-contents .conts-option-wrap .option-box {flex-wrap:wrap; gap:var(--gap-8) 0;}
	.form .view-tb .view-contents .conts-option-wrap .option-box .tlt,
	.form .view-tb .view-contents .conts-option-wrap .option-box .conts {width:100%;}
}

.form .current-list {width:100%; margin-top:var(--gap-80); border-bottom:1px solid #DCDCDC;}
.form .current-list .list-box {width:100%; min-height:80px; display:flex; align-items:center; border-top:1px solid #DCDCDC; padding:10px var(--gap-40); gap:var(--gap-60);}
.form .current-list .list-box .tlt {font-size:var(--font-18); text-align:right;}
.form .current-list .list-box .tlt span {display:block; width:75px; position:relative; text-align:right;}
.form .current-list .list-box .tlt span:before {content:""; width:10px; height:10px; background:url(/img/com/selectbox_arrow.svg) center no-repeat; background-size:100% auto; position:absolute; left:0; top:calc(50% + 1px); transform:translateY(-50%) scaleY(-1);}
.form .current-list .list-box .tlt span.next:before {top:calc(50% - 2px); transform:translateY(-50%);}
.form .current-list .list-box .subject {width:calc(100% - 325px - (var(--gap-60) * 2));}
.form .current-list .list-box .subject a {font-size:var(--font-18); display:inline-block; vertical-align:middle; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.form .current-list .list-box .conts-info {width:250px; justify-content:center;}
.form .current-list .list-box.non-conts > * {opacity:0.5;}

@media screen and (max-width: 1024px) {
	.form .current-list .list-box .tlt span {width:60px;}
	.form .current-list .list-box .tlt span:before {width:8px; height:8px;}
	.form .current-list .list-box .subject {width:calc(100% - 60px - var(--gap-60));}
	.form .current-list .list-box .conts-info {display:none;}
}

@media screen and (max-width: 768px) {
	.form .current-list .list-box {min-height:70px;}
}

@media screen and (max-width: 480px) {
	.form .current-list .list-box {min-height:60px; gap:0 var(--gap-24);}
	.form .current-list .list-box .tlt span {width:50px;}
	.form .current-list .list-box .tlt span:before {width:6px; height:6px;}
	.form .current-list .list-box .subject {width:calc(100% - 50px - var(--gap-24));}
}

.form .admin-button {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-8);}
.form .admin-button .btn-adm {min-width:60px; height:30px; padding:0 var(--gap-16); font-size:var(--font-16); line-height:30px; border:1px solid #DCDCDC; border-radius:4px; display:flex; align-items:center; justify-content:center;}
.form .admin-button .btn-adm.edit {color:var(--main-color);}

.form .check {position:relative;}
.form .check input[type="checkbox"] {width:0; height:0; opacity:0; position:absolute; left:0; top:0;}
.form .check input[type="checkbox"] + label {font-size:var(--font-16); position:relative; font-weight:500; cursor:pointer; padding-left:calc(16px + var(--gap-8));}
.form .check input[type="checkbox"] + label:before {content:""; width:16px; height:16px; box-sizing:border-box; border:1px solid #DCDCDC; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.form .check input[type="checkbox"]:checked + label:before {background:url(/img/com/icon_check.svg) center no-repeat; background-color:var(--main-color); border-color:var(--main-color);}

.form .btn-write-com {width:100px; height:50px; background:#666; display:flex; align-items:center; justify-content:center; color:#fff; font-size:var(--font-16); cursor:pointer;}

@media screen and (max-width: 768px) {
	.form .btn-write-com {width:85px;}
}

@media screen and (max-width: 480px) {
	.form .btn-write-com {width:100%; height:42px;}
}


.form .thum-cont-tb {width:100%; padding:var(--gap-40) 0 var(--gap-80) 0; border:solid #DCDCDC; border-width:1px 0;}
.form .thum-cont-tb .list-box {width:100%; margin-top:var(--gap-80); display:flex; align-items:center; gap:var(--gap-24) var(--gap-80);}
.form .thum-cont-tb .list-box:nth-child(1) {margin-top:0;}
.form .thum-cont-tb .list-box > * {width:calc((100% - var(--gap-80)) / 2);}
.form .thum-cont-tb .list-box .thumnail {position:relative;}
.form .thum-cont-tb .list-box .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(360 / 640 * 100%); position:relative; overflow:hidden;}
.form .thum-cont-tb .list-box .thumnail span img {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:transform 0.5s ease-in-out; z-index:0;}
.form .thum-cont-tb .list-box .thumnail.default span {background:url(/img/conts/default_image.svg) center no-repeat; background-size:cover;}
.form .thum-cont-tb .list-box .list-conts .info {width:100%; margin-bottom:var(--gap-24);}
.form .thum-cont-tb .list-box .list-conts .conts-box {width:100%; padding-top:var(--gap-32); border-top:1px solid var(--main-color);}
.form .thum-cont-tb .list-box .list-conts .conts-box .subject {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.form .thum-cont-tb .list-box .list-conts .conts-box .subject a {font-size:var(--font-24); font-weight:700; color:var(--blckB);}
.form .thum-cont-tb .list-box .list-conts .conts-box .conts {width:100%; margin-top:var(--gap-24); font-size:var(--font-18); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.form .thum-cont-tb .list-box:hover .thumnail:not(.default) {box-shadow:0 0 10px rgba(0,0,0,0.15);}
.form .thum-cont-tb .list-box:hover .thumnail:not(.default) span:before {content:""; width:100%; height:100%; box-sizing:border-box; border:1px solid var(--main-color); position:absolute; left:0; top:0; z-index:1;}
.form .thum-cont-tb .list-box:hover .thumnail span img {transform:translate(-50%,-50%) scale(1.05);}
.form .thum-cont-tb .list-box:hover .list-conts .conts-box .subject a {color:var(--main-color);}

.form .thum-cont-tb .list-box .recruit-conts .conts-box {padding-bottom:var(--gap-32); border-bottom:1px solid var(--main-color);}
.form .thum-cont-tb .list-box .recruit-conts .conts-box .subject {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.form .thum-cont-tb .list-box .recruit-conts .conts-box .subject a {font-size:var(--font-24); font-weight:700; color:var(--blckB);}
.form .thum-cont-tb .list-box .recruit-conts .conts-box .conts {width:100%; margin-top:var(--gap-24); font-size:var(--font-18); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.form .thum-cont-tb .list-box .recruit-conts .conts-box .period {width:100%; margin-top:var(--gap-32); font-size:var(--font-18); font-weight:500; color:var(--main-color);}
.form .thum-cont-tb .list-box .recruit-conts .info {width:100%; margin-top:var(--gap-24);}
.form .thum-cont-tb .list-box:hover .recruit-conts .conts-box .subject a {color:var(--main-color);}

@media screen and (max-width: 1024px) {
	.form .thum-cont-tb .list-box {gap:var(--gap-24) var(--gap-60);}
	.form .thum-cont-tb .list-box > * {width:calc((100% - var(--gap-60)) / 2);}
}

@media screen and (max-width: 768px) {
	.form .thum-cont-tb .list-box {flex-wrap:wrap;}
	.form .thum-cont-tb .list-box > * {width:100%;}
}

.form .logo-tb {width:100%; padding:var(--gap-40) 0 ; border-top:1px solid #DCDCDC; display:flex; gap:20px; flex-wrap:wrap;}
.form .logo-tb .list-box {width:calc((100% - 80px) / 5); background:#fff; border:1px solid #DCDCDC;}
.form .logo-tb .list-box a {display:block; width:100%; height:100%; position:relative;}
.form .logo-tb .list-box a:before {content:""; width:18px; height:18px; background:url(/img/conts/icon_link.svg) center no-repeat; background-size:cover; position:absolute; right:var(--gap-32); top:var(--gap-32);}
.form .logo-tb .list-box .wrap {width:100%; padding:var(--gap-32);}
.form .logo-tb .list-box .tlt {width:100%; font-size:var(--font-20); font-weight:700; padding-top:10px; position:relative;}
.form .logo-tb .list-box .tlt:before {content:""; width:20px; height:2px; background:var(--main-color); position:absolute; left:0; top:0;}
.form .logo-tb .list-box .logo-box {width:100%; margin-top:var(--gap-32);}
.form .logo-tb .list-box .logo-box span {display:block; width:100%; height:0; padding-bottom:calc(80 / 281 * 100%); position:relative;}
.form .logo-tb .list-box .logo-box span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

@media screen and (max-width: 1280px) {
	.form .logo-tb .list-box a:before {width:12px; height:12px; right:16px; top:16px;}
	.form .logo-tb .list-box {width:calc((100% - 60px) / 4);}
}

@media screen and (max-width: 768px) {
	.form .logo-tb {gap:15px;}
	.form .logo-tb .list-box {width:calc((100% - 30px) / 3);}
	.form .logo-tb .list-box a:before {width:12px; height:12px; right:12px; top:12px;}
	.form .logo-tb .list-box .tlt {padding-top:8px;}
	.form .logo-tb .list-box .tlt:before {width:15px;}
}

@media screen and (max-width: 480px) {
	.form .logo-tb {gap:10px;}
	.form .logo-tb .list-box {width:100%;}
	.form .logo-tb .list-box .tlt {padding-top:5px;}
	.form .logo-tb .list-box .tlt:before {width:12px;}
}


.form .filter {width:100%; padding:var(--gap-40) 0; border-top:1px solid #DCDCDC;}
.form .filter ul {display:flex; align-items:center; justify-content:center; gap:var(--gap-8); flex-wrap:wrap;}
.form .filter ul li a {min-width:40px; height:40px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-8); background:#E7F1FA; font-size:var(--font-18); font-weight:500; color:var(--main-color);}
.form .filter ul li.on a {background:var(--main-color); color:#fff;}

@media screen and (max-width: 480px) {
	.form .filter ul li a {min-width:32px; height:32px;}
}


.form .sec-tb {width:100%; display:flex; gap:var(--gap-60) 20px; flex-wrap:wrap;}
.form .sec-tb .list-box {width:calc((100% - 60px) / 4); background:#F6F6F6; border-top:2px solid var(--main-color);}
.form .sec-tb .list-box .wrap {width:100%; padding:var(--gap-40) var(--gap-32);}
.form .sec-tb .list-box dl dt {font-size:var(--font-18); color:var(--main-color); font-weight:500; margin-top:var(--gap-32);}
.form .sec-tb .list-box dl dt:nth-child(1) {margin-top:0;}
.form .sec-tb .list-box dl dd {font-size:var(--font-22); color:#111; font-weight:500; margin-top:var(--gap-8);}
.form .sec-tb .list-box dl dd .conts {height:72px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:var(--font-24);}
.form .sec-tb .list-box dl dd a {font-size:var(--font-24);}

@media screen and (max-width: 1280px) {
	.form .sec-tb .list-box {width:calc((100% - 40px) / 3);}
}

@media screen and (max-width: 768px) {
	.form .sec-tb {gap:var(--gap-60) 15px;}
	.form .sec-tb .list-box {width:calc((100% - 15px) / 2);}
	.form .sec-tb .list-box dl dd .conts {height:60px;}
}

@media screen and (max-width: 480px) {
	.form .sec-tb {gap:20px;}
	.form .sec-tb .list-box {width:100%;}
	.form .sec-tb .list-box dl dd .conts {height:54px;}
}