.dw-inner{position:relative; max-width:1230px; padding:0 15px; margin:0 auto;}
.dw-head{}
.dw-head-top{}
.dw-head-bottom{padding-bottom:20px; border-bottom:1px solid #ddd;}
.dw-head-bottom:after{content:""; display:block; clear:both;}
.dw-head-bottom .dw-search{float:left; width:325px;margin-right:15px;}
.dw-head-bottom .dw-search.full{width:100%; margin-right:0;}
.dw-head-bottom .dw-search-item{height:100%; position:relative;  height:48px; }
.dw-head-bottom .dw-search-item .dw-search-input{display:block; width:100%; height:100%; border:2px solid #fe5e01; vertical-align:top; padding:0 15px;}
.dw-head-bottom .dw-search-item .dw-search-btn{position:absolute; right:7px; top:3px; width:40px; height:40px; background:url('/images/download/dw_icon_search.svg') no-repeat center; text-indent:-9999px;}
.dw-head-bottom .dw-search-item .dw-search-delete{text-indent:-9999px; display:block; width:20px; height:20px; background:#eee; border-radius:4px; position:absolute; right:50px; top:50%; transform:translateY(-50%); display:none;}
.dw-head-bottom .dw-search-item .dw-search-delete:after,.dw-head-bottom .dw-search-item .dw-search-delete:before{content:""; display:block; width:10px; height:2px; background:#222; position:absolute; left:5px; top:9px;}
.dw-head-bottom .dw-search-item .dw-search-delete:after{transform:rotate(-45deg)}
.dw-head-bottom .dw-search-item .dw-search-delete:before{transform:rotate(45deg)}
.dw-head-bottom .dw-search-ment{padding:16px 0 0 16px; font-size:14px; letter-spacing:-0.05em; color:#666; white-space:nowrap;}
.dw-head-bottom .dw-option{float:left; width:calc(100% - 340px); height:48px;}
.dw-head-bottom .dw-option-item{float:left; width:calc(33.333% - 10px); height:100%; margin-right:15px;}
.dw-head-bottom .dw-option-item:last-child{margin-right:0;}
.dw-head-bottom .dw-option-item .selectbox{height:100%; margin-right:0; display:block; border-color:#ddd}		
.dw-head-bottom .dw-option-item .selectbox.default .select{height:100%;}
.dw-head-bottom .dw-option-item .selectbox.default .select-value{height:100%; padding: 13px 15px;}
.dw-head-bottom .dw-option-item .selectbox.default .select-value:after{width:46px; height:100%; background:none; border-color:#ddd;}
.dw-head-bottom .dw-option-item .selectbox.default .select-value:before{content:""; display:block; width:10px; height:10px; border-left:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; right:17px; top:14px;}
.dw-head-bottom .dw-option-item .selectbox.open{border-color:#fe5e01;}	
.dw-head-bottom .dw-option-item .selectbox.open .select-value:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg); top:20px;}	

.dw-body{position:relative; margin-bottom:30px;} 
.dw-body .dw-inner:after{content:""; display:block; clear:both;} 
.dw-body .dw-inner:before{content:""; display:block; width:1px; height: calc(100% + 120px); background:#ddd; position:absolute; left:340px; top:0;}

.dw-aside{float:left; width:325px; margin-right:1px; margin-bottom:30px;}
.dw-aside .detail-list{}
.dw-aside .detail-list .list-item{}
.dw-aside .detail-list .list-btn{display:block; padding:16px 48px 16px 10px; height:55px; border-bottom:1px solid #ddd; color:#666; position:relative; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.dw-aside .detail-list .list-btn:before, .dw-aside .detail-list .list-btn:after{content:""; display:block; background:#bbb; position:absolute;}
.dw-aside .detail-list .list-btn:before{width:13px; height:1px; right:20px; top:27px;}
.dw-aside .detail-list .list-btn:after{width:1px; height:13px; right:26px; top:21px;}
.dw-aside .detail-list .list-btn.on{color:#fe5e01;}
.dw-aside .detail-list .list-btn.on:before{background:#fe5e01}
.dw-aside .detail-list .list-btn.on:after{display:none;}
.dw-aside .list-options{display:none; border-bottom:1px solid #ddd; background:#f8f9fa; padding:28px 15px 28px 30px; max-height:400px; overflow:hidden;}
.dw-aside .list-options li + li{margin-top:11px;}

/*인증현황 바로가기 박스*/
.dw-aside .cert-box{text-align:center; padding:30px 16px; border-bottom:1px solid #ddd;}
.dw-aside .cert-box .cert-box-title{margin-bottom:20px;}
.dw-aside .cert-box .cert-box-btn{display:inline-block; padding:5px 28px; height:32px; white-space:nowrap; background:#fc5d00; color:#fff; }

.checkbox-unit{display:inline-block; cursor:pointer; position:relative; white-space:nowrap;}
.checkbox-unit:after{content:""; display:block; clear:both;}
.checkbox-unit input[type=checkbox]{}
.checkbox-unit .checkbox{float:left; display:block; width:16px; height:16px; margin:4px 10px 0 0; background:url('/images/download/dw_icon_check_off.svg') no-repeat center;}
.checkbox-unit .label{float:left; width:calc(100% - 26px); word-break:break-all;font-size:14px;}
.checkbox-unit .label.imgLabel{height:16px; margin-top:4px; display:inline-flex; align-items:center;}
.checkbox-unit .label.imgLabel img{height:100%; max-height:16px; width:auto; vertical-align:top; margin-right:4px;}
.checkbox-unit input[type=checkbox]:checked ~ .checkbox{background-image:url('/images/download/dw_icon_check_on.svg')}
.checkbox-unit input[type=checkbox]:checked ~ .label{color:#fe5e01;}

.dw-content{float:left; width:calc(100% - 326px)}	
.dw-content-inner{padding:25px 0 0 25px;}

.dw-section{}
.dw-section + .dw-section{margin-top:30px;}

.filter-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.filter-wrapper .type-wrapper{}
.filter-wrapper .type-wrapper .dw-switch{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-right:22px; margin-right:22px; position:relative;}
.filter-wrapper .type-wrapper .dw-switch .label {font-size:14px;}
.filter-wrapper .type-wrapper .dw-switch:after{content:""; display:block; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:5px;}
.filter-wrapper .type-wrapper .dw-switch .slider{display:block; width:48px; height:12px; border-radius:9999px; background:#ddd; position:relative; cursor:pointer; margin-right:15px}
.filter-wrapper .type-wrapper .dw-switch .slider:after{content:""; display:block; width:22px; height:22px; border-radius:50%; background:#fff; -webkit-box-shadow:0 0 6px rgba(0,0,0,0.16); box-shadow:0 0 6px rgba(0,0,0,0.16); 
position:absolute; left:0; top:50%; margin-top:-11px; z-index:1; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s}
.filter-wrapper .type-wrapper .dw-switch input[type=checkbox]:checked ~ .slider{background:#fe5e01}
.filter-wrapper .type-wrapper .dw-switch input[type=checkbox]:checked ~ .slider:after{left:28px}
.filter-wrapper .type-wrapper .dw-switch input[type=checkbox]:checked ~ .label{color:#fe5e01}
.filter-wrapper .sort-wrapper label{margin-top:0;}
.filter-wrapper .sort-wrapper label:last-child{margin-right:0}

/* 23.11.09 추가 LSJ */
.filter-wrapper > .selectbox {width:10%; margin-left:20px;}
@media screen and (max-width:680px) {
	.filter-wrapper > .selectbox {width:20%; margin-left:20px;}
}
@media screen and (max-width:480px) {
	.filter-wrapper > .selectbox {width:30%; margin-left:10px;}
}



/*공용 컴포넌트 - 1.브레드스크럼, 2.action 버튼모음*/
.dw-content .bread{}
.dw-content .bread:after{content:""; display:block; clear:both;}
.dw-content .bread li{float:left; padding-right:13px; margin-right:14px; position:relative;font-size:14px;}
.dw-content .bread li .orange{color:#fe5e01;}
.dw-content .bread li:last-child{padding-right:0; margin-right:0;}
.dw-content .bread li:after{content:""; display:block; width:5px; height:5px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; right:-2px; top:7px;}
.dw-content .bread li:last-child:after{display:none;}

.dw-content .item-control{width:200px;  margin-left:24px; -webkit-box-flex:0; -ms-flex:0 0 200px; flex:0 0 200px; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center;}
.dw-content .item-control.no-lang{padding-top:24px;}
.dw-content .item-control .language{margin-bottom:4px;}
.dw-content .item-control .action{}
.dw-content .item-control .action:after{content:""; display:block; clear:both;}
.dw-content .item-control .action .action-btn{float:left; width:100%; height:32px; padding:5px 0; float:left; color:#fff; text-align:center; position:relative; cursor:pointer;font-size:14px;}
.dw-content .item-control .action .action-btn + .action-btn{margin-top:4px;}
.dw-content .list-type .item-control .action .action-btn + .action-btn{margin-top:0px;}
.dw-content .item-control .action .download{margin-right:8px; background:#fc5d00; }
.dw-content .item-control .action .cart{background:#666;}
.dw-content .item-control .action .preview{background:#092337;}
.dw-content .item-control .etc{margin-top:4px; }
.dw-content .item-control .viewer-btn{display:block; border:1px solid #fc5d00; height:32px; padding:4px 0; color:#fc5d00; text-align:center; font-weight:600;}
.dw-content .item-control .history-btn{display:block; border:1px solid #dfdfdf; background:#e8e8e8; height:32px; padding:4px 0; color:#666; text-align:center; font-weight:600; cursor: pointer}



/*일반형 카드*/
.dw-list-wrapper{}
.dw-list-wrapper .category-title{font-size:22px; color:#333; margin-bottom:16px; line-height:22px;}
.dw-list-wrapper .category-title .number{color:#fe5e01;  line-height:22px;}
.dw-list-wrapper .category-title .ment{font-size:14px; color:#888;  line-height:22px;/*padding-left:10px;*/ letter-spacing:-0.04em; display:block; padding-top:10px;}
.dw-list{}
.dw-list-item{display:-webkit-box;display:-ms-flexbox;display:flex; min-height:154px; padding:20px 10px; border-top:1px solid #ddd;}
.dw-list-item:last-child{border-bottom:1px solid #ddd;}
.dw-list-item .item-thumbnail{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; width:120px; height:112px; margin-right:24px; border:1px solid #ddd; -webkit-box-flex:0; -ms-flex:0 0 120px; flex:0 0 120px; overflow:hidden; position:relative; text-indent:-9999px;}
.dw-list-item .item-thumbnail.pdf{background:url('/images/download/dw_icon_file_pdf.svg') no-repeat center / 110px 112px;}
.dw-list-item .item-thumbnail.zip{background:url('/images/download/dw_icon_file_zip.svg') no-repeat center / 110px 112px;}
.dw-list-item .item-thumbnail.cad{background:url('/images/download/dw_icon_file_cad.svg') no-repeat center / 110px 112px;}
.dw-list-item .item-thumbnail.link{background:url('/images/download/dw_icon_file_link.svg') no-repeat center / 110px 112px;}
.dw-list-item .item-thumbnail.noThumb{background-position:center top -16px;}
.dw-list-item .item-thumbnail.noThumb:after{content:attr(data-title); display:block; font-size:11px; color:#222; position:absolute; bottom:17px; left:0; width:100%; text-align:center;     z-index: 55; text-indent:0;}
.dw-list-item .item-thumbnail.thumbnail{background-size:cover; background-position:center center;}
.dw-list-item .item-content{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-flex:1; -ms-flex:1; flex:1; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:10px 0; min-width:calc(100% - 396px);}
.dw-list-item .item-content .content-top{}
.dw-list-item .item-content .content-title{font-size:24px; font-weight:600; color:#222;white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 최대 줄 수 */ overflow: hidden;}
.dw-list-item .item-content .content-title a{letter-spacing:-0.02em; white-space:normal; font-weight:500;}
.dw-list-item .item-content .content-title a:hover{text-decoration:underline; color:#fe5e01;}
.dw-list-item .item-content .content-etc{}
.dw-list-item .item-content .content-etc:after{content:""; display:block; clear:both;}
.dw-list-item .item-content .content-etc .etc-item{float:left; padding-right:12px; margin-right:12px; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;font-size:14px;}
.dw-list-item .item-content .content-etc .etc-item span {font-size:14px;}
.dw-list-item .item-content .content-etc .etc-item:last-child{padding-right:0; margin-right:0;}
.dw-list-item .item-content .content-etc .etc-item:after{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; right:0; top:7px;}
.dw-list-item .item-content .content-etc .etc-item:last-child:after{display:none;}
.dw-list-item .item-content .content-etc .etc-item .file-tag{padding:0 6px; border:1px solid #ddd; border-radius:2px; margin-right:7px; line-height:1; margin-top: 2px; font-weight:500}
.dw-list-item .item-content .content-etc .etc-item .file-tag em{font-size:10px; display:inline-block; -webkit-transform:scale(0.95); -ms-transform:scale(0.95); transform:scale(0.95); -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; font-weight:600; color:#fc5d00; }

/*이미지 라이브러리*/
.library-list{border-top:1px solid #ddd; padding-top:20px;}
.library-list:after{content:""; display:block; clear:both;}
.library-list .library-item{float:left; width:calc(33.3333% - 13.333px); margin-right:20px; margin-bottom:30px;}
.library-list .library-item:nth-child(3n){margin-right:0;}
.library-list .library-item .thumbnail{background:#f7f7f7; padding:10px; margin-bottom:20px;}
.library-list .library-item .thumbnail img{max-width:250px; height:auto;}
.library-list .library-item .item-content{}
.library-list .library-item .item-content:after{content:""; display:block; clear:both;}
.library-list .library-item .item-content .title{float:left; width:calc(100% - 80px); font-size:18px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fe5e01;}
.library-list .library-item .item-content .count{float:right; width:80px; font-size:small; text-align:right;}

/*툴팁*/
.dw-list-item .action-btn:after{content:attr(data-tooltip); display:block; position:absolute; bottom:-36px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:#fff; border:1px solid #fc5d00; padding:5px 10px; color:#666; white-space:nowrap; -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16); box-shadow:0 3px 6px rgba(0,0,0,0.16); display:none; text-indent:0; font-size:14px; font-weight:normal;}
.dw-list-item .action-btn:before{content:""; display:block; width:10px; height:10px; border-left:1px solid #fc5d00; border-bottom:1px solid #fc5d00; background:#fff; -webkit-transform: translateX(-50%) rotate(135deg); -ms-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); position:absolute; left:50%; bottom:-9px; z-index:1; display:none;}

.tooltip.date .tooltip-con{white-space:nowrap; width:auto; left:0; top:26px; margin:0; padding:1em 1em 0.8em 1em; -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16); box-shadow:0 3px 6px rgba(0,0,0,0.16); }

.list-type .dw-list-item .action-btn:hover:after{display:block;}
.list-type .dw-list-item .action-btn:hover:before{display:block;}

.dw-tech .action-btn:after{content:attr(data-tooltip); display:block; position:absolute; bottom:-36px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:#fff; border:1px solid #fc5d00; padding:5px 10px; color:#666; white-space:nowrap; -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16); box-shadow:0 3px 6px rgba(0,0,0,0.16); display:none; text-indent:0; font-size:14px; font-weight:normal;}
.dw-tech .action-btn:before{content:""; display:block; width:10px; height:10px; border-left:1px solid #fc5d00; border-bottom:1px solid #fc5d00; background:#fff; -webkit-transform: translateX(-50%) rotate(135deg); -ms-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); position:absolute; left:50%; bottom:-9px; z-index:1; display:none;}

.dw-tech .action-btn:hover:after{display:block;}
.dw-tech .action-btn:hover:before{display:block;}
/*리스트형 css*/
.list-type .dw-list-item{height:72px; min-height:auto; padding:21px 10px}
.list-type .dw-list-item .item-thumbnail{text-indent:0; text-align:center; color:#fff; font-weight:600; font-size:14px; line-height:28px; background-image:none; width:42px; height:28px; border-radius:2px; border:none; -webkit-box-flex: 0; -ms-flex: 0 0 42px; flex: 0 0 42px; margin-right:14px; background-image:none !important;}
.list-type .dw-list-item .item-content{padding:0;}
.list-type .dw-list-item .item-content .content-top, .list-type .dw-list-item .item-content .content-etc{display:none;}
.list-type .dw-list-item .item-content .content-title{font-size:18px;}
.list-type .dw-list-item .item-thumbnail.pdf{background:#fe5e01}
.list-type .dw-list-item .item-thumbnail.zip,
.list-type .dw-list-item .item-thumbnail.link {background:#3d424c}
.list-type .dw-list-item .item-thumbnail.cad{background:#5380c0}
.list-type .dw-list-item .item-control{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:auto;}
.list-type .dw-list-item .item-control.etc-type-01{} /*버튼 2개*/
.list-type .dw-list-item .item-control.etc-type-02{-webkit-box-flex:0;-ms-flex:0 0 248px;flex:0 0 248px} /*셀렉트 + 버튼 2개*/
.list-type .dw-list-item .item-control.etc-type-03{-webkit-box-flex:0;-ms-flex:0 0 288px;flex:0 0 288px} /*셀렉트 + 버튼 3개*/
.list-type .dw-list-item .item-control.etc-type-03.no-lang .action{padding-left:176px} /*셀렉트 + 버튼 3개*/
.list-type .dw-list-item .item-control.etc-type-04{-webkit-box-flex:0;-ms-flex:0 0 112px;flex:0 0 112px} /*버튼 3개*/
.list-type .dw-list-item .item-control .language{margin-bottom:0; width:168px; margin-right:8px;}
.list-type .dw-list-item .item-control .action .action-btn{width:32px; height:32px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:32px 32px;}
.list-type .dw-list-item .item-control .action .download{background-image:url('/images/download/dw_icon_down.svg');}
.list-type .dw-list-item .item-control .action .cart{background-image:url('/images/download/dw_icon_cart.svg');}
.list-type .dw-list-item .item-control .etc{margin-top:0; margin-left:8px;}
.list-type .dw-list-item .item-control .etc .viewer-btn, .list-type .dw-list-item .item-control .etc .history-btn{width:32px; height:32px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:32px 32px; position:relative;}
.list-type .dw-list-item .item-control .etc .viewer-btn{background-image:url('/images/download/dw_icon_3d.svg');}
.list-type .dw-list-item .item-control .etc .history-btn{background-image:url('/images/download/dw_icon_history.svg');}

.dw-view-more{text-align:center;}
.dw-view-more-btn{padding:12px 12px 12px 41px; display:inline-block; margin:-1px auto 0; border:1px solid #ddd; position:relative;font-size:14px;}
.dw-view-more-btn:before{content:""; display:block; width:18px; height:18px; background:#f1f1f1; position:absolute; left:12px; top:14px; background:url('/images/download/dw_icon_more.svg') no-repeat center / 18px 18px;}

/* 본문중간 - 테크니컬자료 */
.dw-tech{margin-bottom:40px;} 
.dw-tech .dw-content{width:100%; float:none;}

.dw-tech-info{padding: 10px 18px 10px 52px; background: #f8f9fa url('/images/download/dw_icon_alert.svg') no-repeat 24px 10px / 18px auto; font-size: 15px; color: #666; margin-bottom: 21px;}

.dw-tech-list{}
.dw-tech-list:after{content:""; display:block; clear:both;}
.dw-tech-list .dw-tech-card{float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; padding:20px 34px; border:1px solid #eee; -webkit-box-shadow:0 1px 12px rgba(0,0,0,0.06); box-shadow:0 1px 12px rgba(0,0,0,0.06); border-radius:3px; min-height:116px;}
.dw-tech .no-list.dw-tech-card{float:none; width:100%; margin:0; -webkit-box-shadow:none; box-shadow:none; border:none;}
.dw-tech .no-list.dw-tech-card.no-list{padding:0}
.dw-tech .no-list .no-list-ment{display: block; text-align: center; padding: 4em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width:100%;}
.dw-tech-list .dw-tech-card:nth-child(2n){margin-right:0;}
.dw-tech-list .dw-tech-card .item-content{width:calc(100% - 122px); -webkit-box-flex:1; -ms-flex:1; flex:1; overflow:hidden;}
.dw-tech-list .dw-tech-card .item-content .content-top .bread{margin-bottom:8px;}
.dw-tech-list .dw-tech-card .item-content .content-top .bread li:last-child{color:#fe5e01;}
.dw-tech-list .dw-tech-card .item-content .content-title{position:relative;}
.dw-tech-list .dw-tech-card .item-content .content-title .file{position:absolute; display:block; top:4px; left:0; width:38px; height:24px; padding:3px 0; font-size:12px; font-weight:600; text-align:center; margin-right:16px; border-radius:2px; text-transform:uppercase; color:#fff;}
.dw-tech-list .dw-tech-card .item-content .content-title .pdf{background:#fe5e01}
.dw-tech-list .dw-tech-card .item-content .content-title .zip,
.dw-tech-list .dw-tech-card .item-content .content-title .link {background:#3d424c}
.dw-tech-list .dw-tech-card .item-content .content-title .cad{background:#5380c0}
.dw-tech-list .dw-tech-card .item-content .content-title .xlsx,
.dw-tech-list .dw-tech-card .item-content .content-title .etc {background:#aeaeae}
.dw-tech-list .dw-tech-card .item-content .content-title .name{display:block; padding-left:54px; font-size:24px; font-weight:600; color:#222;}
.dw-tech-list .dw-tech-card .item-content .content-title .name a{display:block; white-space:normal; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; letter-spacing:-0.02em; font-size:19px; font-weight:500;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 최대 줄 수 */ overflow: hidden;}
.dw-tech-list .dw-tech-card .item-content .content-title .name a:hover{text-decoration:underline; color:#fe5e01;}
.dw-tech .dw-tech-list .item-control{width:122px; -ms-flex: 0 0 122px; flex: 0 0 122px; position:relative;}
.dw-tech .dw-content .item-control .action i{display:block; width:32px; height:32px; text-indent:-9999px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.dw-tech .dw-content .item-control .action .download i{ background-image:url('../img/main/icon-m-sprite.png'); background-repeat:no-repeat; background-position:-369px -294px; background-size:500px auto;}
.dw-tech .dw-content .item-control .action .preview i{background-image:url('../img/main/icon-m-sprite.png'); background-repeat:no-repeat; background-position:-402px -294px; background-size:500px auto;}

.dw-tech .dw-content .item-control .action .action-btn{width:calc(50% - 2px); margin-right:4px;}
.dw-tech .dw-content .item-control .action .action-btn:last-child{margin-right:0;}
.dw-tech .dw-content .item-control .action .action-btn + .action-btn{margin-top:0}
.dw-tech .dw-content .item-control .action .action-btn.onlyOne{width:100%; margin-right:0;}

.dw-tech .dw-tech-list .dw-tech-card.library .item-control .thumbnail{width:80px; height:80px; background-size:cover; margin-left:auto; position:absolute; right:0; top:50%; transform:translateY(-50%)}

/* 본문중간 - 홍보자료 */
.dw-pr{margin-bottom:40px;}
.dw-pr .dw-content{width:100%; float:none;}
.dw-pr-list{}
.dw-pr-list:after{content:""; display:block; clear:both;}
.dw-pr-list .dw-pr-card{float:left; width:calc(25% - 30px); margin-right:40px; margin-bottom:40px; position:relative;}
.dw-pr-list .dw-pr-card:after{content:""; width:1px; height:100%; background:#ddd; position:absolute; right:-20px; top:0;}
.dw-pr-list .dw-pr-card:nth-child(4n){margin-right:0;}
.dw-pr-list .dw-pr-card:nth-child(4n):after, .dw-pr-list .dw-pr-card:last-child:after{display:none;}
.dw-pr-list .dw-pr-card .item-thumbnail{height:140px; border:1px solid #ddd; margin-bottom:24px; overflow:hidden; position:relative; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.dw-pr-list .dw-pr-card .item-thumbnail img{position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; text-indent:0}
.dw-pr-list .dw-pr-card .item-thumbnail.pdf{background:url('/images/download/dw_icon_file_pdf.svg') no-repeat center / 110px 112px; text-indent:-9999px;}
.dw-pr-list .dw-pr-card .item-thumbnail.zip{background:url('/images/download/dw_icon_file_zip.svg') no-repeat center / 110px 112px; text-indent:-9999px;}
.dw-pr-list .dw-pr-card .item-thumbnail.cad{background:url('/images/download/dw_icon_file_cad.svg') no-repeat center / 110px 112px; text-indent:-9999px;}
.dw-pr-list .dw-pr-card .item-thumbnail.link{background:url('/images/download/dw_icon_file_link.svg') no-repeat center / 110px 112px; text-indent:-9999px;}
.dw-pr-list .dw-pr-card .item-category{font-size:14px; font-weight:600; color:#fe5e01; margin-bottom:2px;}
.dw-pr-list .dw-pr-card .item-title{margin-bottom:14px; font-size:20px; font-weight:600; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dw-pr-list .dw-pr-card .action{}
.dw-pr-list .dw-pr-card .action:after{content:""; display:block; clear:both;}
.dw-pr-list .dw-pr-card .action .language{float:left; width:100%; margin-bottom:8px;}
.dw-pr-list .dw-pr-card .action .download{float:left; width:calc(50% - 2px); height:32px; padding:5px 0; text-align:center; background:#fc5d00; color:#fff; margin-right:4px;}
.dw-pr-list .dw-pr-card .action .preview{float:left; width:calc(50% - 2px); height:32px; padding:5px 0; text-align:center; background:#092337; color:#fff;}

/*연관자료*/
.related-data{margin-top:10px; border:1px solid #ddd; border-radius:3px;}
.related-data .related-top{padding:20px 24px 20px 65px; background:url('/images/download/dw_icon_chain.svg') no-repeat 22px center / 40px 40px; font-weight:600; font-size:20px; color:#222; border-bottom:1px solid #ddd}
.related-data .related-content{padding:28px 30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.related-data .related-content .content-title {position:relative; overflow:hidden;}
.related-data .related-content .content-title .file{position:absolute; display:block; top:2px; left:0; width:42px; height:28px; padding:3px 0; font-size:14px; font-weight:600; text-align:center; margin-right:16px; border-radius:2px; text-transform:uppercase; color:#fff;}
.related-data .related-content .content-title .pdf{background:#fe5e01}
.related-data .related-content .content-title .zip,
.related-data .related-content .content-title .link {background:#3d424c}
.related-data .related-content .content-title .cad{background:#5380c0}
.related-data .related-content .content-title .name{display:block; padding-left:54px; font-size:20px; font-weight:600; color:#222;}
.related-data .related-content .content-title .name a{display:block; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; letter-spacing:-0.02em;}
.related-data .related-content .content-title .name a:hover{text-decoration:underline; color:#fe5e01;}
.related-data .related-content .item-control{margin-left:24px; -webkit-box-flex:0; -ms-flex:0 0 312px; flex:0 0 312px;}
.related-data .related-content .item-control:after{content:""; display:block; clear:both;}
.related-data .related-content .item-control .language{float:left; width:200px; margin-right:8px}
.related-data .related-content .item-control .download{float:left; width:96px; height:32px; text-align:center; font-size:14px; color:#fff; padding:5px 0; background:#fe5e01}

/*페이징*/
.dw-section .paging-wrap{display:none;}
.list-type ~ .paging-wrap{display:block;}
.list-type ~ .dw-view-more{display:none;}

.dw-tech .paging-wrap{display:block;}

.dw-content .msg-box.type2{margin-top:20px;}
.dw-content .msg-box + .dw-section{margin-top:20px;}
@media screen and (min-width: 1024px){
	.dw-tech-tab.tab-wrap{margin:0 0 12px 0; background:none;} 
	.dw-tech-tab .tab-list{} 
	.dw-tech-tab .tab-list:after{content:""; display:block; clear:both;} 
	.dw-tech-tab.tab-wrap > ul {display:block !important;}
	.dw-tech-tab.tab-wrap > ul:before{display:none;}
	.dw-tech-tab.tab-wrap > ul > li{float:left; margin-bottom:8px; margin-right:8px; display:block; height:auto;} 
	.dw-tech-tab .tab-list li:last-child{margin-right:0;} 
	.dw-tech-tab.tab-wrap > ul > li a{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background:#efefef; border-radius:4px; height:40px; padding:0 20px;} 
	.dw-tech-tab .tab-list li a .name{margin-right:5px; color:#4f4f4f; font-size:15px;} /* #888 -> #4f4f4f 250718 LSJ*/
	.dw-tech-tab .tab-list li a .num{padding:0 7px; height:20px; border-radius:9999px; min-width:20px; height:20px; padding:0 6px; background:#aeaeae; font-size:12px; color:#fff; font-weight:600; line-height:20px; text-align:center;}  
	.dw-tech-tab.tab-wrap > ul > li > a:hover{text-decoration:none;}

	.dw-tech-tab.tab-wrap > ul > li.active{border:none;}
	.dw-tech-tab .tab-list li.active a{background:#fe5e01; -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16); box-shadow:0 3px 6px rgba(0,0,0,0.16);} 
	.dw-tech-tab .tab-list li.active a .name{color:#fff; font-weight:600;} 
	.dw-tech-tab .tab-list li.active a .num{background:#ffa46f;} 
}


@media screen and (max-width: 1023px){
	.dw-head{margin-top:-20px; padding-top:20px; background:#f8f9fa; border-bottom:1px solid #ddd;}
	.dw-head-top .tab-wrap{margin:0 0 20px}
	.dw-head-bottom{border-bottom:none; padding-bottom:20px;}
	.dw-head-bottom.lib{padding-bottom:10px}
	.dw-head-bottom .dw-search{float:none; width:100%; margin-right:0; margin-bottom:10px;}
	.dw-head-bottom .dw-search-ment{padding:6px 0 0 16px; color:#333; font-size:12px;}
	.dw-head-bottom .dw-option{float:none; width:100%; height:auto;}
	.dw-head-bottom .dw-option-item{float:none; width:100%; margin-right:0; height: 32px;}
	.dw-head-bottom .dw-option-item + .dw-option-item{margin-top:10px;}
	.dw-head-bottom .dw-option-item .selectbox{border-color:#bbb;}
	.dw-head-bottom .dw-option-item .selectbox.default .select{}
	.dw-head-bottom .dw-option-item .selectbox.default .select-value{padding:5px 15px;}
	.dw-head-bottom .dw-option-item .selectbox.default .select-value:before{display:none;}
	.dw-head-bottom .dw-option-item .selectbox.default .select-value:after{width:32px; height:100%; background-image: url('/web/images/common/icon-m-sprite.webp'); background-repeat:no-repeat; background-size: 500px auto; background-position:-250px -50px; border-color:#bbb;}
	.dw-head-bottom .dw-option-item .selectbox.default.open .select-value:after{background-position: -283px -50px;}
	.dw-body .dw-inner{padding:0;}
	.dw-body .dw-inner:before{display:none;}
	.dw-aside{float:none; width:100%;}
	.dw-aside .detail-list .list-btn{padding:16px 48px 16px 16px}
	.dw-aside .detail-list .list-btn:before{right:24px;}
	.dw-aside .detail-list .list-btn:after{right:30px}

	.filter-wrapper{-webkit-box-pack:start;-ms-flex-pack:start;/*justify-content:flex-start;*/ margin-bottom:30px;} /* 23.11.09 LSJ */

	.dw-content{float:none; width:100%;}
	.dw-content-inner{padding:0 15px}

	.dw-tech-list .dw-tech-card{width:100%; margin-right:0; padding:24px;}
	.dw-tech-list .dw-tech-card .item-content .content-title .file{top:2px;}
	.dw-tech-list .dw-tech-card .item-content .content-title .name{font-size:18px; line-height:24px;}

	.dw-pr-list .dw-pr-card{width:100%; float:none; margin-bottom:10px; padding:24px; border:1px solid #eee; -webkit-box-shadow: 0 1px 12px rgb(0 0 0 / 6%); box-shadow: 0 1px 12px rgb(0 0 0 / 6%); border-radius:3px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
	.dw-pr-list .dw-pr-card:after{display:none;}
	.dw-pr-list .dw-pr-card .item-thumbnail{display:none;}
	.dw-pr-list .item-content{-webkit-box-flex:1;-ms-flex:1;flex:1; overflow:hidden; padding-right:20px;}
	.dw-pr-list .dw-pr-card .item-title{margin-bottom:0; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden;}
	.dw-pr-list .action{-webkit-box-flex:0;-ms-flex:0 0 160px;flex:0 0 160px; width:160px;}
	.dw-pr-list .dw-pr-card .action .language{float:none; width:100%; margin-bottom:8px;}
	.dw-pr-list .dw-pr-card .action .download{}

	.related-data{margin:0; border:none; border-bottom:1px solid #ddd; border-radius:0;}
	.related-data .related-top{background-size:28px auto; background-position:10px center; padding-left:42px; font-size:15px;}
	.related-data .related-content{padding:20px 15px; display:block;}
	.related-data .related-content .content-title{margin-bottom:10px;}
	.related-data .related-content .content-title .file{top:1px; padding:1px 0; height:20px; font-size:12px;}
	.related-data .related-content .content-title .name{font-size:15px;}
	.related-data .related-content .item-control{margin-left:0}
	
	.dw-list-item .item-thumbnail{}
}

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

	.library-list .library-item{ width: calc(50% - 10px);  margin-right: 20px;}
	.library-list .library-item:nth-child(3n){margin-right:20px;}
	.library-list .library-item:nth-child(2n){margin-right:0px;}
	.library-list .library-item .thumbnail{text-align:center;}
	
	
}

@media screen and (max-width: 600px){
	
	.list-type .dw-list-item{height:auto; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	.list-type .dw-list-item .item-control{width:100%; -webkit-box-flex:0 !important; -ms-flex:0 0 100% !important; flex:0 0 100% !important; margin-left:0; margin-top:10px;}
	.list-type .dw-list-item .item-control .language{-webkit-box-flex:1;-ms-flex:1;flex:1;}
	.dw-list-item{-ms-flex-wrap:wrap;flex-wrap:wrap;}
	.dw-list-wrapper .category-title{font-size:18px;}
	.dw-list-item .item-content .content-title{font-size:20px; margin:5px 0;}
	.dw-content .item-control{width:100%; -webkit-box-flex:0 !important; -ms-flex:0 0 100% !important; flex:0 0 100% !important; margin-left:0; margin-top:10px;}
	.dw-content .item-control.no-lang{padding-top:0;}
	.sort-wrapper input[type="radio"]:first-child + label, input[type="checkbox"]:first-child + label{margin-right:8px}

	.library-list .library-item{ width: 100%;  margin-right: 0px;}
	.library-list .library-item:nth-child(3n){margin-right:0px;}
	.dw-tech-list .dw-tech-card{display:block;}

	.dw-tech-list .dw-tech-card .item-content{width:100%;}
	.dw-pr-list .dw-pr-card{display:block;}
	.dw-pr-list .dw-pr-card .item-title{font-size:18px; margin-bottom:10px;}
	.dw-pr-list .action{width:100%;}

	.dw-tech .dw-tech-list .item-control{width: 100%; -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important;}
	.dw-tech .dw-content .item-control .action i{text-indent:0; background:none; width:100%; height:auto; font-style:normal;}
	.dw-tech .dw-content .item-control .action .preview i{ background:none;}
	.dw-tech .dw-content .item-control .action .download i{ background:none;}

	.dw-tech-list .dw-tech-card.library{display:flex;}
	.dw-tech-list .dw-tech-card.library .item-content{width: calc(100% - 122px);}
	.dw-tech .dw-tech-list .dw-tech-card.library  .item-control{width:122px; flex:0 0 122px !important; -ms-flex:0 0 122px !important;}
	.dw-tech .dw-tech-list .dw-tech-card.library .item-control .thumbnail{left:auto; right:0; transform:translate(0, -50%)}

}

@media screen and (max-width: 430px){
	.dw-list-item .item-thumbnail{display:none;}
	.dw-list-item .item-content{padding-top:0; -webkit-box-flex:1; -ms-flex:auto; flex:auto;}
	.list-type .dw-list-item .item-thumbnail{display:block;}

	.related-data .related-content .item-control .language{width:100%; margin-right:0; margin-bottom:6px;}
	.related-data .related-content .item-control .download{width:100%;}

	.dw-list-wrapper .category-title .ment{font-size:12px;}
}

/*210817 - 스마트바 new표시추가*/
#smartbar-wrap .slide-con li a .sign.f-titi-rgr{
    position: absolute;
    left: 22px;
    top: 4px;
    background: #fe5e01;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    line-height: 16px;
    font-size: 11px;
    font-weight: 700;
}

/* 240312 - 레이지로딩 추가  */
.dw-pr-list .dw-pr-card .item-thumbnail img{width:100%; height:100%; object-fit:contain;}
.dw-list-item .item-thumbnail{position:relative;}
.dw-list-item .item-thumbnail:before{content:""; display:block; width:100%; height:0; padding-bottom:100%;}
.dw-list-item .item-thumbnail img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}