/* list */
:is(.page-download) .page-header .wrap::after{background-image:url('../images/banner_down.svg')}

.page-header{padding-top:30px; padding-bottom:40px}
.page-header .wrap::after{width:85px; height:85px}
.list-download{gap:20px; row-gap:30px}
/* .list-download .list-item{flex:0 0 calc(50% - 10px)} */
.list-download .list-item{flex:initial; width:calc(50% - 10px)}
.list-download .thum::after{display:none}
.list-download .thum .thum-img{padding-bottom:152%}
.list-download .info{margin-top:8px}
@media(min-width:768px){
  .list-download{gap:30px; row-gap:40px}
  .list-download .list-item{width:calc(33.333% - 20px)}
  /* .list-download .list-item{flex:1 1 calc(33.333% - 30px)}
  .list-download .list-item:nth-child(n+4){flex:0 0 calc(33.333% - 30px)} */
  .list-download .thum{border-radius:12px}
}
@media(min-width:1070px){
  .page-header{padding-top:70px}
  .page-header .wrap::after{width:150px; height:150px}
  .list-download{row-gap:60px}
  .list-download .thum{border-radius:20px}
  .list-download .info{margin-top:20px}
}


/* post */
.post-download{padding:70px 0}
.post-download .post-header{text-align:center}
.post-download .post-header .post-title::before{content:''; width:36px; height:36px; display:block; margin:0 auto 10px; background-size:100%; background-repeat:no-repeat; background-position:center}
.post-download .post-header .post-title{font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-0.5px}
.post-download .post-header .post-sub-txt{font-size:15px; line-height:1.6; color:rgba(0, 0, 0, 0.5)}
.post-download .post-header .post-title::before{background-image:url('../images/ico_down_poster.svg')}

.post-contents{margin-top:30px}
.post-contents p{margin-top:30px}
.post-contents figure{margin-bottom:8px}
.post-contents figure img{width:100%}

/* 다운로드 버튼 */
.btn-wrap{display:flex; flex-direction:column; gap:10px; flex-wrap:wrap; margin-bottom:30px}
.btn-wrap .tit{font-weight:500; font-size:16px; line-height:1.3; color:rgba(0, 0, 0, 0.7)}
.btn-wrap .btns{/*display:flex; flex-wrap:wrap;*/ justify-content:flex-start; gap:5px; margin-top:0}
.btn-wrap .btns .btn-down{padding:10px 16px; font-size:13px; color:#555; border:2px solid rgba(0, 0, 0, 0.08); border-radius:999px; display:flex; align-items:center; gap:3px; transition:all 0.2s ease; background-color:#fff}
.btn-wrap .btns .btn-down::before{content:''; display:inline-block; width:20px; height:20px; background-image:url('../images/ico_btn_download.svg'); background-size:100%; background-repeat:no-repeat; background-position:center; vertical-align:middle}
.btn-wrap .btns .btn-down:hover{background-color:rgba(0, 0, 0, 0.02)}

/* attach file */
.attached-file{background:rgba(0, 0, 0, 0.03); border-radius:16px;; margin-top:30px; margin-bottom:30px; padding:12px 16px}
.attached-file li a{display:flex; align-items:center; gap:4px; font-size:14px; color:rgba(0, 0, 0, 0.6); line-height:1.6; padding:4px 0}
.attached-file li a .ico{width:20px; height:20px; background-image:url('../images/ico_clip.svg'); background-size:100%; background-repeat:no-repeat; background-position:center; flex-shrink:0}
.attached-file li a:hover{color:var(--color-primary)}
@media (min-width:1070px){
  .attached-file{margin-top:40px; margin-bottom:40px}
  .attached-file li a{gap:5px; font-size:15px; padding:5px 0}
}

@media(min-width:768px){
  .post-download .post-header{max-width:100%}
  .post-download .post-header .post-title{font-size:36px}
  .post-download .post-header .post-title::before{width:48px; height:48px; margin-bottom:12px}
  .post-download .post-header .post-sub-txt{font-size:17px; line-height:1.5}
  .btn-wrap{gap:15px; margin-bottom:40px}
  .btn-wrap .tit{font-size:17px}
  .btn-wrap .btns{gap:8px}
  .btn-wrap .btns .btn-down{padding:12px 24px; font-size:14px}
}
@media(min-width:1070px){
  .post-contents{margin-top:40px}
  .post-contents p{margin-top:40px; line-height:1.8}
  .post-contents figure{margin-bottom:20px}
  .btns{margin-top:40px}
}

/* SNS */
.btn-sns{display:flex; gap:10px; align-items:center; justify-content:center; margin-top:30px}
.btn-sns li{display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:999px; background-color:#F2EFEA}
.btn-sns li a{padding:20px; background-position:center; background-repeat:no-repeat}
.btn-sns .kakaotalk a{background-image:url('../images/sns_kakao.svg')}
.btn-sns .facebook a{background-image:url('../images/sns_facebook.svg')}
.btn-sns .x a{background-image:url('../images/sns_x.svg')}
.btn-sns .sms a{background-image:url('../images/sns_link.svg')}
@media(min-width:1070px){
  .btn-sns{margin-top:40px}
}