/*寃뚯떆��*/

.form .list-tb {width:100%; display:flex; flex-wrap:wrap;}

.form .card-tb .list {}
.form .card-tb .list .list-conts {width:100%;}
.form .card-tb .list .thumnail {width:100%; position:relative; overflow:hidden;}
.form .card-tb .list .thumnail span {display:block; width:100%; height:0; overflow:hidden; position:relative;}
.form .card-tb .list .thumnail span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10;}
.form .card-tb .list .subject {width:100%; margin-top:var(--gap-16); font-size:var(--font-18); font-weight:600;}
.form .card-tb .list .subject span {position:relative; background-image:linear-gradient(var(--main-color), var(--main-color)); background-repeat:no-repeat; background-position:left 0 bottom 0; background-size:0 2px; transition:background-size 0.3s ease-in-out;}
.form .card-tb .list:hover .subject {color:var(--main-color);}
.form .card-tb .list:hover .subject span {background-size:100% 2px;}

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

.form .view-tb {width:100%;}
.form .view-tb .title-box {width:100%; padding-bottom:var(--gap-40); border-bottom:1px solid #CCCCCC; position:relative;}
.form .view-tb .title-box .title {width:calc(100% - 300px); margin:0 auto; text-align:center;}
.form .view-tb .title-box .title .category {font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-16);}
.form .view-tb .title-box .title .subject {font-size:var(--font-40); font-weight:700; letter-spacing:-2px;}
.form .view-tb .title-box .title .top-conts {width:100%; margin-top:var(--gap-32); display:flex; align-items:center; justify-content:center;}
.form .view-tb .title-box .btn-back {display:inline-block;}
.form .view-tb .title-box .btn-back a {display:flex; align-items:center; font-size:var(--font-16); font-weight:600; padding-left:64px; position:relative;}
.form .view-tb .title-box .btn-back a:before {content:""; width:48px; height:48px; border-radius:50%; background:url(/img/main/icon_arrow.svg) center no-repeat; background-color:#fff; border:1px solid #ccc; position:absolute; left:0; top:50%; transform:translateY(-50%); transition:background 0.2s ease-in-out;}
.form .view-tb .title-box .btn-back:hover a:before {border-color:#333; background-color:#333; background-image:url(/img/main/icon_arrow_w.svg);}
.form .view-tb .view-conts {width:100%; padding-top:var(--gap-80);}

@media screen and (max-width: 768px) {
	.form .view-tb .title-box .title {width:calc(100% - 200px);}
	.form .view-tb .title-box .btn-back a {padding-left:42px;}
	.form .view-tb .title-box .btn-back a:before {width:32px; height:32px; background-size:12px auto;}
}

@media screen and (max-width: 480px) {
	.form .view-tb .title-box .title {width:100%;}
	.form .view-tb .title-box .btn-back {position:relative; margin-bottom:var(--gap-8);}
	.form .view-tb .title-box .btn-back a {padding-left:36px;}
	.form .view-tb .title-box .btn-back a:before {width:28px; height:28px; background-size:10px auto;}
}


.form .list-top {width:100%; display:flex; align-items:flex-end; justify-content:space-between; flex-direction:row-reverse; margin-bottom:var(--gap-40);}
.form .list-top .total {font-size:var(--font-18);}
.form .list-top .total span {color:var(--main-color); font-weight:600; }
.form .list-top .search-area .search-wrap {display:flex; align-items:center; justify-content:flex-end; gap:0 var(--gap-8); position:relative;}
.form .list-top .search-area .search-wrap .input-box {flex:0 1 auto;}
.form .list-top .search-area .search-wrap .input-box input[type="text"] {width:100%; height:56px; border-radius:28px; background:#fff; border:1px solid #DCDCDC; padding:0 calc(var(--gap-24) + 32px) 0 var(--gap-24); font-size:var(--font-18); color:var(--black);}
.form .list-top .search-area .search-wrap .input-box input[type="text"]:placeholder {color:#999;}
.form .list-top .search-area .search-wrap .input-box .button-search {width:32px; height:32px; font-size:0; cursor:pointer; background:url(/img/conts/icon_search.svg) center no-repeat; position:absolute; right:24px; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 1024px) {
	.form .list-top {flex-direction:row; gap:var(--gap-16) 0; flex-wrap:wrap;}
	.form .list-top .total {width:100%; text-align:right;}
	.form .list-top .search-area {width:100%;}
}

@media screen and (max-width: 768px) {
	.form .list-top .search-area .search-wrap .input-box input[type="text"] {height:52px; padding:0 calc(var(--gap-24) + 28px) 0 var(--gap-24);}
	.form .list-top .search-area .search-wrap .input-box .button-search {width:28px; height:28px; background-size:20px auto;}
}

@media screen and (max-width: 480px) {
	.form .list-top .search-area .search-wrap .input-box input[type="text"] {height:46px; padding:0 calc(var(--gap-24) + 22px) 0 var(--gap-24);}
	.form .list-top .search-area .search-wrap .input-box .button-search {width:22px; height:22px; background-size:18px auto;}
}


.form .row-thum {width:100%;}
.form .row-thum .list {width:100%; display:flex; padding:var(--gap-40) 0; border-top:1px solid #EBEBEB; align-items:center;}
.form .row-thum .list:first-child {padding-top:0; border-top:none;}
.form .row-thum .list:last-child {padding-bottom:0;}
.form .row-thum .list .thumnail {width:34%;}
.form .row-thum .list .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(305 / 480 * 100%); position:relative; overflow:hidden; border-radius:4px;}
.form .row-thum .list .thumnail span img {display:block; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1); transition:transform 0.8s ease-in-out;}
.form .row-thum .list .list-conts {width:66%; padding-left:100px;}
.form .row-thum .list .list-conts .num {font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-16);}
.form .row-thum .list .list-conts .subject a {font-size:var(--font-30); font-weight:700; display:inline-block; vertical-align:middle; max-width:100%; position:relative; margin-bottom:var(--gap-32); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:linear-gradient(var(--main-color), var(--main-color)); background-repeat:no-repeat; background-position:left 0 bottom 0; background-size:0 2px; transition:background-size 0.3s ease-in-out;}
.form .row-thum .list .list-conts .conts {width:100%; height:54px; font-size:var(--font-18); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.form .row-thum .list .list-conts .hit {width:100%; margin-top:var(--gap-40); font-size:var(--font-16); color:#666;}
.form .row-thum .list:hover .thumnail span img:not(.default) {transform:translate(-50%,-50%) scale(1.05);}
.form .row-thum .list:hover .list-conts .subject a {color:var(--main-color); background-size:100% 2px;}

@media screen and (max-width: 1280px) {
	.form .row-thum .list .list-conts {padding-left:60px;}
}

@media screen and (max-width: 1024px) {
	.form .row-thum .list .thumnail {width:40%;}
	.form .row-thum .list .list-conts {width:60%; padding-left:40px;}
}

@media screen and (max-width: 768px) {
	.form .row-thum .list {align-items:flex-start;}
	.form .row-thum .list .list-conts {padding-left:30px;}
	.form .row-thum .list .list-conts .conts {height:48px;}
}

@media screen and (max-width: 600px) {
	.form .row-thum .list {flex-wrap:wrap; gap:var(--gap-24) 0;}
	.form .row-thum .list .thumnail {width:100%; max-width:480px; margin:0 auto;}
	.form .row-thum .list .list-conts {width:100%; padding:0;}
}

@media screen and (max-width: 480px) {
	.form .row-thum .list .list-conts .conts {height:42px;}
}


.form .paging {width:100%; margin-top:var(--gap-80); display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px;}
.form .paging a {min-width:40px; height:40px; padding:0 10px; display:flex; align-items:center; justify-content:center; position:relative; font-size:var(--font-18); color:#666;}
.form .paging a:hover {color:var(--black);}
.form .paging a.navi {font-size:0;}
.form .paging a.navi:before {content:""; width:100%; height:100%; background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:0;}
.form .paging a.begin:before,
.form .paging a.end:before {background-image:url(/img/conts/paging_arrow_double.svg);}
.form .paging a.prev:before,
.form .paging a.next:before {background-image:url(/img/conts/paging_arrow.svg);}
.form .paging a.begin:hover:before,
.form .paging a.end:hover:before {background-image:url(/img/conts/paging_arrow_double_on.svg);}
.form .paging a.prev:hover:before,
.form .paging a.next:hover:before {background-image:url(/img/conts/paging_arrow_on.svg);}
.form .paging a.end:before, .form .paging a.next:before {transform:scaleX(-1);}
.form .paging a.on {color:var(--main-color); font-weight:700;}
.form .paging a.on:before {content:""; width:100%; height:100%; border-radius:20px; background:#FDE8E1; position:absolute; left:0; top:0; z-index:-1;}

@media screen and (max-width: 480px) {
	.form .paging a {min-width:32px; height:32px;}
	.form .paging a.begin:before,
	.form .paging a.end:before {background-size:12px auto;}
	.form .paging a.prev:before,
	.form .paging a.next:before {background-size:6px auto;}
}


.form .col-thum {width:100%; display:flex; gap:80px 40px; flex-wrap:wrap;}
.form .col-thum .list {width:calc((100% - 80px) / 3);}
.form .col-thum .list .thumnail {width:100%;}
.form .col-thum .list .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(280 / 440 * 100%); position:relative; overflow:hidden; border-radius:4px;}
.form .col-thum .list .thumnail span img {display:block; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1); transition:transform 0.8s ease-in-out;}
.form .col-thum .list .list-conts {width:100%; margin-top:var(--gap-32);}
.form .col-thum .list .list-conts .num {font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-8);}
.form .col-thum .list .list-conts .subject a {font-size:var(--font-20); font-weight:700; display:inline-block; vertical-align:middle; max-width:100%; position:relative; margin-bottom:var(--gap-16); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:linear-gradient(var(--main-color), var(--main-color)); background-repeat:no-repeat; background-position:left 0 bottom 0; background-size:0 2px; transition:background-size 0.3s ease-in-out;}
.form .col-thum .list .list-conts .hit {width:100%; margin-top:var(--gap-16); font-size:var(--font-16); color:#666;}
.form .col-thum .list:hover .thumnail span img:not(.default) {transform:translate(-50%,-50%) scale(1.05);}
.form .col-thum .list:hover .list-conts .subject a {color:var(--main-color); background-size:100% 2px;}

@media screen and (max-width: 1024px) {
	.form .col-thum {gap:60px 20px;}
	.form .col-thum .list {width:calc((100% - 40px) / 3);}
}

@media screen and (max-width: 900px) {
	.form .col-thum {gap:60px 30px;}
	.form .col-thum .list {width:calc((100% - 30px) / 2);}
}

@media screen and (max-width: 600px) {
	.form .col-thum {gap:40px 20px;}
	.form .col-thum .list {width:calc((100% - 20px) / 2);}
}

@media screen and (max-width: 480px) {
	.form .col-thum {gap:40px 0;}
	.form .col-thum .list {width:100%;}
}


.form .com-view-tb {width:100%; border-bottom:1px solid #CCCCCC;}
.form .com-view-tb .title-box {width:100%; border-bottom:1px solid #ccc; padding-bottom:var(--gap-40); text-align:center;}
.form .com-view-tb .title-box span {display:block; width:100%; font-size:var(--font-18); font-weight:600; color:var(--main-color); margin-bottom:var(--gap-16);}
.form .com-view-tb .title-box .subject {width:100%; font-size:var(--font-40); letter-spacing:-2px; font-weight:700;}
.form .com-view-tb .title-box .admin {width:100%; display:flex; align-items:center; justify-content:center; gap:0 var(--gap-16); margin-top:var(--gap-32);}
.form .com-view-tb .title-box .admin a {width:20px; height:20px; font-size:0; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.form .com-view-tb .title-box .admin a.btn-modify {background-image:url(/img/conts/icon_modify.svg);}
.form .com-view-tb .title-box .admin a.btn-delete {background-image:url(/img/conts/icon_delete.svg);}
.form .com-view-tb .view-area {width:100%; padding:var(--gap-80) 0 calc(var(--gap-80) + 20px) 0;}
.form .com-view-tb .view-area > .inner {width:90%; max-width:1160px; margin:0 auto;}
.form .com-view-tb .view-area .view-conts {width:100%; font-size:var(--font-18);}
.form .com-view-tb .view-area .view-conts img {display:block; margin:0 auto; max-width:100%;}
.form .com-view-tb .view-area .add-file {width:100%; display:flex; gap:var(--gap-16) var(--gap-60); flex-wrap:wrap; border-radius:4px; background:#F6F6F6; padding:var(--gap-24) var(--gap-40); margin-top:var(--gap-80);}
.form .com-view-tb .view-area .add-file .title {width:60px; font-size:var(--font-16); font-weight:600}
.form .com-view-tb .view-area .add-file .file-list {width:calc(100% - 60px - var(--gap-60));}
.form .com-view-tb .view-area .add-file .file-list span {display:block; width:100%;}
.form .com-view-tb .view-area .add-file .file-list span a {max-width:100%; display:inline-block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:calc(var(--gap-8) + var(--font-18)); font-size:var(--font-16);}
.form .com-view-tb .view-area .add-file .file-list span a:after {content:""; width:var(--font-18); height:var(--font-18); background:url(/img/conts/icon_download.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 768px) {
	.form .com-view-tb .view-area .add-file {gap:var(--gap-16) 20px;}
	.form .com-view-tb .view-area .add-file .title {width:55px;}
	.form .com-view-tb .view-area .add-file .file-list {width:calc(100% - 75px);}
}

@media screen and (max-width: 600px) {
	.form .com-view-tb .view-area .add-file .title {width:100%;}
	.form .com-view-tb .view-area .add-file .file-list {width:100%;}
}

.form .list-nav {width:100%; display:flex; align-items:center; justify-content:space-between; padding:var(--gap-32) var(--gap-40); border-bottom:1px solid #ccc;}
.form .list-nav .list-box {width:50%; display:flex; align-items:center; gap:0 40px;}
.form .list-nav .list-box > * {flex:0 1 auto;}
.form .list-nav .list-box .tlt {width:80px; font-size:var(--font-18); position:relative; font-weight:600; text-align:right;}
.form .list-nav .list-box .tlt:before {content:""; width:16px; height:16px; background:url(/img/conts/paging_arrow_on.svg) center no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.form .list-nav .list-box .subject {position:relative; width:calc(100% - 140px);}
.form .list-nav .list-box .subject:before {content:""; width:1px; height:40%; box-sizing:border-box; border-left:1px solid #999; position:absolute; left:-20px; top:50%; transform:translateY(-50%);}
.form .list-nav .list-box .subject a {display:inline-block; vertical-align:middle; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; background-image:linear-gradient(#000000, #000000); background-position:left 0 bottom 0; background-repeat:no-repeat; background-size:0 1px;}
.form .list-nav .list-box .subject, .form .list-nav .list-box .subject a {font-size:var(--font-18);}
.form .list-nav .list-box.next {flex-direction:row-reverse;}
.form .list-nav .list-box.next .tlt {text-align:left;}
.form .list-nav .list-box.next .tlt:before {left:auto; right:0; transform:translateY(-50%) scaleX(-1);}
.form .list-nav .list-box.next .subject:before {left:auto; right:-20px;}
.form .list-nav .list-box.non-conts {opacity:0.6;}
.form .list-nav .list-box .subject:hover a {background-size:100% 1px;}

@media screen and (max-width: 1024px) {
	.form .list-nav {flex-wrap:wrap; gap:var(--gap-24) 0;}
	.form .list-nav .list-box {width:100%;}
	.form .list-nav .list-box .tlt {text-align:left; width:50px;}
	.form .list-nav .list-box .tlt:before {display:none;}
	.form .list-nav .list-box .subject {width:calc(100% - 90px);}
	.form .list-nav .list-box.next {flex-direction:row;}
	.form .list-nav .list-box.next .subject:before {left:-20px; right:0;}
}

@media screen and (max-width: 768px) {
	.form .list-nav .list-box {gap:0 30px;}
	.form .list-nav .list-box .tlt {width:45px;}
	.form .list-nav .list-box .subject {width:calc(100% - 75px);}
	.form .list-nav .list-box .subject:before,
	.form .list-nav .list-box.next .subject:before {left:-15px;}
}

@media screen and (max-width: 480px) {
	.form .list-nav .list-box {gap:0 20px;}
	.form .list-nav .list-box .tlt {width:35px;}
	.form .list-nav .list-box .subject {width:calc(100% - 55px);}
	.form .list-nav .list-box .subject:before,
	.form .list-nav .list-box.next .subject:before {left:-10px;}
}


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

.form .in-bx {width:100%; height:56px; box-sizing:border-box; border-radius:10px; border:1px solid #DCDCDC; background:#fff; padding:0 var(--gap-24); font-size:var(--font-18);}
.form .txt-bx {width:100%; height:200px; overflow-y:auto; box-sizing:border-box; border-radius:10px; border:1px solid #DCDCDC; background:#fff; padding:var(--gap-16) var(--gap-24); font-size:var(--font-18); resize:none;}

.form .form-add-file {position:relative;}
.form .form-add-file input[type="file"] {width:0; height:0; position:absolute; left:0; top:0; visibility:hidden; opacity:0;}
.form .form-add-file .file-name {height:56px; box-sizing:border-box; border-radius:10px; border:1px solid #DCDCDC; background:#fff; padding:0 var(--gap-24); line-height:54px; font-size:var(--font-18); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.form .form-add-file .btn-addfile {height:56px; box-sizing:border-box; cursor:pointer; padding:0 var(--gap-24); border-radius:10px; background:#333; color:#fff; display:flex; align-items:center; justify-content:center; font-size:var(--font-16);}

.form .notice-txt {width:100%; margin-top:var(--gap-8); font-size:var(--font-16); color:#666;}

.form .write-tb {width:100%; border-top:1px solid #CCCCCC; padding:var(--gap-40); padding-bottom:0;}
.form .write-tb ul li {width:100%; margin-top:var(--gap-32); display:flex; align-items:center; gap:0 40px;}
.form .write-tb ul li:nth-child(1) {margin-top:0;}
.form .write-tb ul li > * {font-size:var(--font-18);}
.form .write-tb ul li .head {width:180px; font-weight:700;}
.form .write-tb ul li .head .required {position:relative;}
.form .write-tb ul li .head .required:before {content:"* "; color:var(--main-color);}
.form .write-tb ul li .input-area {width:calc(100% - 220px);}
.form .write-tb ul li .input-area > .wrap {width:100%; display:flex; align-items:center; gap:var(--gap-8) var(--gap-16);}
.form .write-tb ul li .input-area > .wrap .auto {flex:auto;}
.form .write-tb ul li .input-area > .wrap .initial {flex:initial}


@media screen and (max-width: 1024px) {
	.form .write-tb ul li {gap:0 20px;}
	.form .write-tb ul li .head {width:160px;}
	.form .write-tb ul li .input-area {width:calc(100% - 180px);}
}

@media screen and (max-width: 768px) {
	.form .in-bx,
	.form .form-add-file .file-name,
	.form .form-add-file .btn-addfile {height:52px;}

	.form .write-tb {padding:var(--gap-40) 20px;}
	.form .write-tb ul li {gap:var(--gap-16) 0; flex-wrap:wrap;}
	.form .write-tb ul li .head {width:100%;}
	.form .write-tb ul li .input-area {width:100%;}
}

@media screen and (max-width: 600px) {
	.form .write-tb ul li .input-area > .subject-wrap {flex-wrap:wrap;}
	.form .write-tb ul li .input-area > .subject-wrap .auto {width:100%;}
	.form .write-tb ul li .input-area > .subject-wrap .check {width:100%; text-align:right;}
	
	.form .write-tb ul li .input-area > .form-add-file {flex-wrap:wrap;}
	.form .write-tb ul li .input-area > .form-add-file .file-name {width:100%;}
	.form .write-tb ul li .input-area > .form-add-file .btn-addfile {width:100%;}
}

@media screen and (max-width: 480px) {
	.form .in-bx,
	.form .form-add-file .file-name,
	.form .form-add-file .btn-addfile {height:46px; border-radius:8px;}
	.form .txt-bx {height:150px; border-radius:8px;}

	.form .write-tb {padding:var(--gap-40) 15px;}
}



.form .basic-tb {flex-wrap:wrap; border-top:1px solid #666;}
.form .basic-tb .tr {width:100%; padding:var(--gap-8) 0; min-height:70px; border-bottom:1px solid #EBEBEB; display:flex; align-items:center;}
.form .basic-tb .tr .th {font-size:var(--font-16); text-align:center; font-weight:600;}
.form .basic-tb .tr .td {font-size:var(--font-18); text-align:center; position:relative;}
.form .basic-tb .tr .td.subject {text-align:left;}
.form .basic-tb .tr .td.subject a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--font-18); max-width:100%; display:inline-block; vertical-align:middle;}
.form .basic-tb .tr .td.subject a:hover {color:var(--main-color);}
.form .basic-tb .tr .td.date {color:#999;}

/*ir*/
.form .ir-tb .no {width:15%;}
.form .ir-tb .subject {width:70%;}
.form .ir-tb .date {width:15%;}

/*disclosure*/
.form .disclosure-tb .no {width:15%;}
.form .disclosure-tb .subject {width:45%;}
.form .disclosure-tb .date {width:15%;}
.form .disclosure-tb .submit {width:25%;}
.form .disclosure-tb .td.submit {color:#666;}


@media screen and (max-width: 900px) {
	.form .basic-tb .tr .no {display:none;}

	.form .ir-tb .subject {width:80%;}
	.form .ir-tb .date {width:20%;}

	.form .disclosure-tb .subject {width:50%;}
	.form .disclosure-tb .date {width:18%;}
	.form .disclosure-tb .submit {width:32%;}
}

@media screen and (max-width: 768px) {
	.form .basic-tb .tr {min-height:52px;}
}

@media screen and (max-width: 480px) {
	.form .basic-tb .tr {min-height:46px; flex-wrap:wrap; gap:var(--gap-8); padding:var(--gap-16);}
	.form .basic-tb .tr.tb-head {display:none;}
	.form .basic-tb .tr .no {display:block;}	
	.form .basic-tb .tr .no:before {content:"NO. ";}
	.form .basic-tb .tr .td {width:100%; !important; text-align:left;}
	.form .basic-tb .tr .td.tlt:before {content:attr(data-head); width:100%; display:block; font-size:11px; font-weight:600;}
}


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