@charset "utf-8";

.cs-search form .input input::placeholder {color:#cccccc !important;}
.cs-search form .input input::-webkit-input-placeholder {color:#cccccc !important;}
.cs-search form .input input::-ms-input-placeholder {color:#cccccc !important;}

/* cs-list */

.cs-list {margin-top:20px; background-color:#ffffff; border-bottom:2px solid #4e4d4d;}
.cs-list a {text-decoration:none;}
.cs-list .table {display:table; width:100%; table-layout:fixed;}
.cs-list ul {position:relative; display:table-row;}
.cs-list li {position:relative; display:table-cell; vertical-align:middle;}
.cs-list li {border-top:1px solid #eff0f0;}
.cs-list li .text,
.cs-list li .title {padding:22px 0 22px 0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.cs-list li .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:13px; color:#979797;}
.cs-list li .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:15px; color:#555555;}
.cs-list .field-id {min-width:60px; max-width:60px; width:60px; text-align:center;}
.cs-list .field-date {min-width:110px; max-width:110px; width:110px; padding-right:10px; text-align:right;}
.cs-list .field-title a {display:flex;}
.cs-list .field-title .icon {margin-left:5px; white-space:nowrap; position:relative; top:25px;}
.cs-list .field-title .icon span {margin-left:2px; position:relative; display:inline-block; vertical-align:middle;}
.cs-list .field-title .icon span:first-child {margin-left:0;}
.cs-list .field-title .icon .icon-new {width:14px; height:14px;}
.cs-list .field-title .icon .icon-new:before {display:block; content:''; position:absolute; left:0; top:0; width:14px; height:14px; background-position:-250px -175px;}
.cs-list .icon-notice {position:relative; display:inline-block; vertical-align:middle; width:20px; height:20px;}
.cs-list .icon-notice:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 10px); width:20px; height:20px; background-position:-375px -50px;}
.cs-list ul.notice:hover,
.cs-list .notice {background-color:#f8f8fb;}
.cs-list .notice li .title {font-family: var(--family-bold);font-weight: var(--weight-bold); color:#000000; padding-right:10px; display:block;}
.cs-list ul:hover {background-color:#fbfbfb;}
.cs-list ul:hover .title,
.cs-list ul:hover .text {color:#000000;}

/* cs-view */

.cs-view {margin-top:20px; background-color:#ffffff; border-top:2px solid #4e4d4d; border-bottom:2px solid #4e4d4d;}
.cs-view .header {padding-top:21px;}
.cs-view .header .title {padding:0 10px;}
.cs-view .header .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:30px; font-size:20px; color:#000000;}
.cs-view .header .info {display:block; margin-top:21px; position:relative; padding:15px 10px 15px 10px; background-color:#fbfbfb; border-top:1px solid #eff0f0; border-bottom:1px solid #eff0f0;}
.cs-view .header .info .wrap {height:22px; display:block;}
.cs-view .header .info .wrap {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#464646;}
.cs-view .header .info .wrap span {display:inline-block; vertical-align:top;}
.cs-view .header .info .ct {position:relative; margin-right:6px; padding-right:11px;}
.cs-view .header .info .ct:after {display:block; content:''; position:absolute; right:0; top:5px; width:1px; height:12px; background-color:#eff0f0;}
.cs-view .header .side {position:absolute; right:10px; top:15px;}
.cs-view .header .side .count {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#464646;}
.cs-view .header .side > .text {position:relative; margin-left:9px; padding-left:11px;}
.cs-view .header .side > .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#929698;}
.cs-view .header .side > .text:before {display:block; content:''; position:absolute; left:0; top:2px; width:1px; height:12px; background-color:#eff0f0;}
.cs-view .header .side > .text .filecount {color:#ff0000;}
.cs-view .header .side .btn {margin-left:15px; transition:background 0.2s, color 0.2s; display:inline-block; vertical-align:top; padding:0 10px 0 10px; height:22px; background-color:#4e4d4d; cursor:pointer;}
.cs-view .header .side .btn {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#ffffff;}
.cs-view .header .side .btn.on,
.cs-view .header .side .btn:hover {background-color:#000000;}
.cs-view .header .side .layer-file {z-index:1000; text-align:left; display:none; max-width:398px; min-width:398px; position:absolute; top:25px; right:0; background-color:#ededed; border:1px solid #dcdcdc; padding:3px;}
.cs-view .header .side .layer-file .close:before {z-index:1; display:block; content:''; position:absolute; right:10px; top:10px; width:20px; height:20px; background-position-x:-300px; cursor:pointer; opacity:0.2;}
.cs-view .header .side .layer-file .close:hover:before {opacity:1;}
.cs-view .header .side .layer-file .block {background-color:#ffffff; padding:0 0 10px 0;}
.cs-view .header .side .layer-file .msg {padding:16px 19px 12px 19px; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:13px; color:#464646;}
.cs-view .header .side .layer-file .filelist {margin:0 10px;}
.cs-view .header .side .layer-file .filelist p {border-top:1px solid #eff0f0;}
.cs-view .header .side .layer-file .filelist p:last-child {border-bottom:1px solid #eff0f0;}
.cs-view .header .side .layer-file a {position:relative; text-decoration:none; display:block; padding:10px 0 10px 50px; word-break:break-all;}
.cs-view .header .side .layer-file a:before {z-index:1; display:block; content:''; position:absolute; left:10px; top:10px; width:30px; height:30px; background-size:1500px 2500px; background-position-y:-700px;}
.cs-view .header .side .layer-file a.etc:before {background-position-x:0px;}
.cs-view .header .side .layer-file a.ai:before {background-position-x:-50px;}
.cs-view .header .side .layer-file a.doc:before {background-position-x:-100px;}
.cs-view .header .side .layer-file a.hwp:before {background-position-x:-150px;}
.cs-view .header .side .layer-file a.pdf:before {background-position-x:-200px;}
.cs-view .header .side .layer-file a.ppt:before {background-position-x:-250px;}
.cs-view .header .side .layer-file a.psd:before {background-position-x:-300px;}
.cs-view .header .side .layer-file a.xls:before {background-position-x:-350px;}
.cs-view .header .side .layer-file a.zip:before {background-position-x:-400px;}
.cs-view .header .side .layer-file a .text {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.cs-view .header .side .layer-file a .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#000000;}
.cs-view .header .side .layer-file a .text2 {margin-top:4px; display:block;}
.cs-view .header .side .layer-file a .text2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:13px; font-size:11px; color:#979797; font-family:dotum,'돋움',sans-serif;}
.cs-view .header .side .layer-file .filelist p:hover {background-color:#fbfbfb;}
.cs-view .header .side .layer-file .filelist p:hover .text {color:#003471;}
.cs-view .view-article {min-height:320px; padding:30px 10px 50px 10px;}
.cs-view .view-article .image {font-size:0; line-height:0; padding:0 0 10px 0; overflow:hidden; text-align:center;}
.cs-view .view-article .image a {margin:0 auto; display:table;}
.cs-view .view-article .image img {margin:0 auto; display:table; max-width:100%; border:0;}
.cs-view .view-article .wrap {}
.cs-view .view-article .content {vertical-align:top; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.cs-view .view-article .content {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.625; font-size:17px; color:#000000;}
.cs-view .view-article .content a {color:#0000ff;}
.cs-view .view-article .content img {max-width:100%; border:0;}

/* cs-btn */

.cs-btn {margin-top:30px;}
.cs-btn a {text-decoration:none;}
.cs-btn .block {position:relative; text-align:center;}
.cs-btn .btn {transition:background 0.2s, color 0.2s; position:relative; display:inline-block; vertical-align:middle; width:200px; height:50px; text-align:center; cursor:pointer;}
.cs-btn .btn {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.cs-btn .icon-left {display:block; position:absolute; left:0; top:0;}
.cs-btn .icon-prev,
.cs-btn .icon-next {position:relative; display:inline-block; vertical-align:middle; width:50px; height:50px; background-size:1500px 2500px; background-position-y:-150px;}
.cs-btn .icon-prev {background-position-x:-400px;}
.cs-btn .icon-next {margin-left:10px; background-position-x:-450px;}
.cs-btn .icon-left > a {opacity:0.2; cursor:pointer;}
.cs-btn .icon-left > a:hover {opacity:1; background-position-y:-250px;}
.cs-btn .icon-left > div {opacity:0.05;}
.cs-btn .icon-left > div:before {z-index:1; display:block; content:''; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); cursor:default;}