@charset "utf-8";
/* *******************************************************
 * filename : download.css
 * description : 다운로드형 게시판 관련 CSS
 * date : 2021-03-29
******************************************************** */
/* ******************   게시판 :: 공통색상 ********************** */
.download-list-con-style01 .download-item .download-btn:hover{background-color:#eb8500 !important;}

/* ******************   다운로드 게시판 :: 기본형 01 ********************** */
.download-list-con-style01 .download-item{overflow:hidden; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e4e4e4; padding:12px 30px; }
.download-list-con-style01 .download-item:first-child{border-top:2px solid #474747;}
.download-list-con-style01 .download-item .download-tit{float:left; padding-left:25px; position:relative;  width:calc(100% - 500px); color:#848484; font-size:14.5px; letter-spacing:-0.5px; font-weight:400; line-height:1.3}
.download-list-con-style01 .download-item .download-tit a{color:inherit;}
.download-list-con-style01 .download-item .download-tit:before{position:absolute; left:0; top:0; content: "\eb74"; font-family:"xeicon"; font-size:16px; color:#a9a9a9;}
.download-list-con-style01 .download-item .download-tit .download-prd-name{font-weight:500; color:#333; margin-right:5px;}
.download-list-con-style01 .download-item .download-controls{float:right; font-size:14.5px; letter-spacing:-0.5px; text-align:right; width:400px;}
.download-list-con-style01 .download-item .download-controls dl{display:inline-block; vertical-align:middle;}
.download-list-con-style01 .download-item .download-controls dl dt,
.download-list-con-style01 .download-item .download-controls dl dd{float:left;}
.download-list-con-style01 .download-item .download-controls dl{color:#848484;}
.download-list-con-style01 .download-item .download-controls dl dt{padding-left:40px; position:relative;}
.download-list-con-style01 .download-item .download-controls dl dt:before{position:absolute; top:0px;  bottom:0px; left:20px;  width:1px; content:""; background-color:#eee;}
.download-list-con-style01 .download-item .download-controls dl dt:first-of-type{padding-left:0}
.download-list-con-style01 .download-item .download-controls dl dt:first-of-type:before{display:none;}
.download-list-con-style01 .download-item .download-controls dl dd{width:30px; white-space:nowrap; text-align:left; margin-left:3px;}
.download-list-con-style01 .download-item .download-controls .file-size{color:#b9b9b9;}
.download-list-con-style01 .download-item .download-btn{margin-left:30px; display:inline-block; vertical-align:middle; width:122px; height:35px; line-height:35px;  padding:0 20px; box-sizing:border-box; background-color:#9f9f9f;  color:#fff; border-radius:30px; transition:all 0.3s}
.download-list-con-style01 .download-item .download-btn span{float:left;}
.download-list-con-style01 .download-item .download-btn i{float:right; position:relative; top:1px; line-height:30px; }
.download-list-con-style01 .download-item .download-btn:hover{background-color:#474747; }

@media all and (max-width:1024px){	 
	.download-list-con-style01 .download-item{display:block; border:1px solid #e4e4e4; margin-bottom:5px; padding:10px 15px;}
	.download-list-con-style01 .download-item .download-tit{float:none; width:auto; color:#222; }
	.download-list-con-style01 .download-item .download-controls{float:none; width:auto; text-align:left; margin-top:10px; padding-top:10px; padding-left:25px; font-size:13px; border-top:1px dotted #eee;}
}
@media all and (max-width:480px){
	.download-list-con-style01 .download-item{position:relative;}
	.download-list-con-style01 .download-item .download-tit{padding-right:35px; font-size:13px;}
	.download-list-con-style01 .download-item .download-controls{position:relative; font-size:12px; }
	.download-list-con-style01 .download-item .download-btn{position:absolute; top:-20px; right:-5px; text-align:center; width:35px; border-radius:50%; padding:0; }
	.download-list-con-style01 .download-item .download-btn span{display:none;}
	.download-list-con-style01 .download-item .download-btn i{float:none; line-height:20px; top:-2px; }
}


/* ******************   다운로드 게시판 :: 기본형 02 ********************** */
.download-list-con-style02 {margin-top: 6.5rem;}
.download-list-con-style02 .download-item{position:relative; border-bottom:1px solid #e1e1e1; transition: var(--transition-custom);}
.download-list-con-style02 .download-item:first-child{border-top:1px solid #333;}
.download-list-con-style02 .download-item .info-box{display: flex; align-items: center; width: 100%; padding: 3rem 0;}
.download-list-con-style02 .download-item .info-box .cate-box {width: 14rem; padding-right: 1.4rem; text-align: center; font-size: 1.65rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.5em; color: #1ba692; word-break: break-word;}
.download-list-con-style02 .download-item .info-box .date-box{display: flex; box-sizing:border-box; width:9.5rem; text-align:center; color:#fff; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.05em; color: #999;}
.download-list-con-style02 .download-item .info-box .tit-box{display: flex; align-items: center; position: relative; width:calc(100% - 41.4rem); height: 100%; padding-right: 4rem; color:#000; font-size:2rem; font-weight:500; line-height: 1.5em; letter-spacing:-0.05em;}
.download-list-con-style02 .download-item .info-box .tit-box strong {position: relative; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.download-list-con-style02 .download-item .info-box .tit-box h2 {color:#000; font-size:2rem; font-weight:500; line-height: 1.5em; letter-spacing:-0.05em;position: relative; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.download-list-con-style02 .download-item .info-box .tit-box .new-badge {position: relative; top: 0.4rem; right: 0; font-size: 2.8rem;}
.download-list-con-style02 .download-item .download-btn{width:12.5rem; text-align:center;}
.download-list-con-style02 .download-item .download-btn i {font-size: 2.8rem; color: #d9d9d9;}

.download-list-con-style02 .download-item:hover {background-color: #fafbfb;}

@media all and (max-width:800px){
	.download-list-con-style02 {margin-top: 3rem;}
	.download-list-con-style02 .download-item .info-box .cate-box {width: 10rem;}
	.download-list-con-style02 .download-item .info-box .date-box {width: 8.5rem;}
	.download-list-con-style02 .download-item .download-btn {width: 5rem;}
	.download-list-con-style02 .download-item .info-box .tit-box {width: calc(100% - 28.9rem);}
}

@media all and (max-width:480px){
	.download-list-con-style02 .download-item{padding:3rem 1rem;}
	.download-list-con-style02 .download-item .info-box {display: block; height: auto;}
	.download-list-con-style02 .download-item .info-box .cate-box {text-align: left; width: 90%; padding-right: 0; padding-bottom: 1rem;}
	.download-list-con-style02 .download-item .info-box .tit-box {width: 90%; height: auto; padding-right: 0;}
	.download-list-con-style02 .download-item .info-box .date-box {width: 90%; padding-top: 1rem;}
	.download-list-con-style02 .download-item .download-btn {position: absolute; top: 50%; right: 1rem; width: auto; transform: translateY(-50%)}
}