@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 .list {display:table; width:100%; table-layout:fixed;}
.cs-list .list ul {position:relative; display:table-row;}
.cs-list .list li {position:relative; display:table-cell; vertical-align:middle;}
.cs-list .list li {border-top:1px solid #eff0f0;}
.cs-list .list li .text,
.cs-list .list li .title {padding:22px 0 22px 0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.cs-list .list li .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:13px; color:#979797;}
.cs-list .list li .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:15px; color:#555555;}
.cs-list .list .field-q {min-width:50px; max-width:50px; width:50px; text-align:center;}
.cs-list .list .field-arrow {min-width:35px; max-width:35px; width:35px;}
.cs-list .list .field-title p {display:flex;}
.cs-list .list .text-q {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:30px; font-size:27px; color:#555555;}
.cs-list .list .icon-arrow {position:relative; display:inline-block; vertical-align:middle; width:25px; height:25px;}
.cs-list .list .icon-arrow:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 12px); width:25px; height:25px; background-position:-175px -75px; opacity:0.5;}

.cs-list .list ul:hover {background-color:#fbfbfb;}
.cs-list .list ul:hover .title,
.cs-list .list ul:hover .text,
.cs-list .list ul:hover .text-q {color:#000000;}
.cs-list .list ul:hover .icon-arrow:before {opacity:1;}

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

.cs-list .array.on .list {display:none;}
.cs-list .array.on .view {display:block;}