/* v3. Captured IW legacy column/portfolio content. Preserves original thumbnail, grid, category and article layout. */
.iw-archive{max-width:1090px;margin:0 auto;width:calc(100% - 40px);padding:33px 0 70px;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#424b56}
.iw-archive #content{float:none!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
.iw-archive ul{list-style:none;padding:0;margin:0}.iw-archive a{text-decoration:none}
.iw-archive .tit_area{position:relative;border-bottom:1px solid #ddd;padding-bottom:15px;margin:0 0 20px}
.iw-archive .tit_area h2{font-size:28px;color:#e73071;line-height:1.5;font-weight:700}
.iw-archive .tit_area h2:before{content:'';border-top:2px solid #e73071;width:46px;display:block}
.iw-archive .tit_area>p{position:absolute;right:0;bottom:10px;font-size:11px;color:#888}
.iw-archive .tit_area em{color:#3c7ca9;font-style:normal}
.iw-archive .category_area{margin:20px 0;line-height:20px}
.iw-archive .category_area ul{display:flex;gap:5px;flex-wrap:wrap}
.iw-archive .category_area li a{display:block;border:1px solid #ddd;background:#f5f5f5;color:#444;padding:3px 10px;min-width:60px;text-align:center;font-size:12px}
.iw-archive .category_area li.on a{background:#3c7ca9;border-color:#1b669b;color:#fff}
.iw-archive .lst_port ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.iw-archive .lst_port li{border:1px solid #ddd;overflow:hidden;min-width:0}
.iw-archive .lst_port li .thmb{display:block;aspect-ratio:1;overflow:hidden}
.iw-archive .lst_port li .thmb img{width:100%;height:100%;object-fit:cover;display:block}
.iw-archive .lst_port li strong{display:block;margin:16px 10px 12px;font-size:17px;line-height:1.5;color:#34495e}
.iw-archive .lst_port li p{font-size:12px;color:#888;padding:0 10px;line-height:18px;height:18px;overflow:hidden}
.iw-archive .pagenate{text-align:center;margin:25px 0}
.iw-archive .pagenate>*{display:inline-block;color:#444;text-decoration:none;margin:0 9px;padding:0 3px 3px;font-size:14px}
.iw-archive .pagenate .prev,.iw-archive .pagenate .next{color:#3c7ca9;font-weight:700}
.iw-archive .pagenate .current{color:#3c7ca9;border-bottom:1px solid #3c7ca9;font-weight:700}
.iw-archive .lst_col ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.iw-archive .lst_col li{border:1px solid #ddd;padding:10px 15px 10px 185px;position:relative;height:180px;overflow:hidden;min-width:0}
.iw-archive .lst_col li img{position:absolute;top:10px;left:10px;width:160px;height:160px;object-fit:cover}
.iw-archive .lst_col li a{color:#3c7ca9;font-size:17px}.iw-archive .lst_col li strong{display:block;margin:10px 0 12px;line-height:1.4}
.iw-archive .lst_col li p{font-size:12px;color:#667;line-height:20px;height:48px;overflow:hidden;margin:0 0 9px}
.iw-archive .lst_col li dl{border-top:1px solid #ddd;padding:9px 0;font-size:11px;color:#888;line-height:16px;display:flex;gap:5px;flex-wrap:wrap}
.iw-archive .lst_col li dt{margin-left:8px}.iw-archive .lst_col li dd{margin:0}
.iw-archive .lst_col li .btn_more{display:none}
.iw-archive .view_article{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px;align-items:start}
.iw-archive .view_article>article{min-width:0;padding:15px 23px;border-top:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;line-height:1.8;font-size:14px}
.iw-archive .view_article>article img{max-width:100%;height:auto}
.iw-archive .view_article .head_atc>span{display:block;text-align:center;font-weight:700;color:#3c7ca9;margin:30px auto 12px}
.iw-archive .view_article .head_atc h1{color:#0f395c;font-size:clamp(23px,2.4vw,32px);line-height:1.5;text-align:center;max-width:650px;margin:0 auto 32px;font-weight:700;word-break:keep-all}
.iw-archive .d_info{text-align:right;color:#999;font-size:12px;margin:0 0 16px}
.iw-archive .d_info>*{display:inline-block;margin:0 4px}
.iw-archive .view_article>article p{line-height:1.8;margin:9px 0}
.iw-archive .view_article article a{color:#3c7ca9}
.iw-archive .view_article #aside{min-width:0;padding-bottom:15px}
.iw-archive .view_article #aside img{max-width:100%;height:auto}
.iw-archive .iw-return-list{display:inline-block;margin:0 0 15px;color:#3c7ca9;font-size:13px}
@media(max-width:1050px){.iw-archive .lst_port ul{grid-template-columns:repeat(3,minmax(0,1fr))}.iw-archive .view_article{grid-template-columns:minmax(0,1fr) 190px}}
@media(max-width:780px){.iw-archive .lst_port ul{grid-template-columns:repeat(2,minmax(0,1fr))}.iw-archive .lst_col ul{grid-template-columns:1fr}.iw-archive .view_article{display:block}.iw-archive .view_article #aside{display:none}.iw-archive .view_article>article{padding:14px;border-right:0}.iw-archive .lst_col li{height:150px;padding-left:155px}.iw-archive .lst_col li img{width:130px;height:130px}}
@media(max-width:480px){.iw-archive{width:calc(100% - 30px);padding-top:23px}.iw-archive .lst_port ul{gap:9px}.iw-archive .lst_port li strong{font-size:13px;margin:10px 7px}.iw-archive .lst_col li{height:125px;padding:9px 9px 9px 118px}.iw-archive .lst_col li img{width:100px;height:105px;top:9px;left:9px}.iw-archive .lst_col li a{font-size:13px}.iw-archive .lst_col li p{font-size:11px;height:39px}.iw-archive .lst_col li dl{padding:3px 0}.iw-archive .view_article .head_atc h1{font-size:22px}}

/* v5: IW칼럼 2-column desktop grid; remove legacy per-item width:48% interference */
.iw-archive .lst_col ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid;gap:14px;overflow:visible}
.iw-archive .lst_col li,.iw-archive .lst_col li:nth-child(even){width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:10px 18px 10px 185px;box-sizing:border-box}
.iw-archive .iw-aside-heading{font-size:16px;font-weight:700;color:#163c5d;margin:0 0 10px;padding-bottom:11px;border-bottom:2px solid #3c7ca9}
.iw-archive .view_article #aside .iw-aside-list{display:block!important;margin:0;padding:0;list-style:none}
.iw-archive .view_article #aside .iw-aside-list li{border-bottom:1px solid #e4e9ee;padding:10px 0;height:auto;overflow:visible;float:none;width:100%;margin:0;background:none}
.iw-archive .view_article #aside .iw-aside-list a{display:block;line-height:1.55;font-size:13px;color:#314f66;word-break:keep-all}
.iw-archive .view_article #aside .iw-aside-list a:hover{color:#e73071}
.iw-archive .view_article #aside .iw-aside-more{display:inline-block;margin-top:14px;font-size:12px;color:#3c7ca9}
@media(max-width:780px){.iw-archive .view_article #aside{display:block!important;width:100%!important;float:none!important;border-top:1px solid #e3e9ee;padding:20px 14px 15px;margin-top:16px}}
@media(max-width:480px){.iw-archive .lst_col li,.iw-archive .lst_col li:nth-child(even){padding:9px 9px 9px 118px}}

.iw-archive .view_article #aside{width:100%!important;float:none!important;box-sizing:border-box;padding:0 0 15px!important}

/* v5 responsive column restoration */
@media(max-width:780px){.iw-archive .lst_col ul{grid-template-columns:minmax(0,1fr)!important}}

/* v22: Static portfolio grid compatibility with legacy WordPress layout rules.
   Do not let the old fixed 1090px list, 255px thumbnails and 48%-width floated
   items override the responsive CSS Grid layout. */
.iw-archive .lst_port ul {
  width: 100%;
  overflow: visible;
  column-count: auto;
  -webkit-column-count: auto;
  box-sizing: border-box;
}
.iw-archive .lst_port li {
  float: none;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  left: auto;
  margin: 0;
  padding: 0 0 12px;
  box-sizing: border-box;
}
.iw-archive .lst_port li .thmb {
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
}
.iw-archive .lst_port li .thmb img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
}

/* v22: Keep the mobile archive headings white on their blue background. */
@media (max-width: 767px) {
  .iw-archive .tit_area h2 {
    color: #fff;
  }
  .iw-archive .tit_area h2::before {
    border-top-color: #fff;
  }
}