@charset "utf-8";

/* sub-container */
.sub-container {padding-top:140px; background:#fff}

/* sub-visual-head */
.sub-visual-head {max-width:1160px; margin:0 auto 50px; text-align:center; padding:0 20px; box-sizing:border-box}
.sub-category {display:block; font-size:18px; color:#ff6c00; font-weight:500; margin-bottom:50px} /* 상단 타이틀 컬러 */
.sub-main-title {font-family:'ibm-plex-sans-kr', sans-serif; font-size:60px; font-weight:500; color:#1b1b1b; margin-bottom:30px; letter-spacing:-0.25px}
.sub-sub-title {font-family:'ibm-plex-sans-kr', sans-serif; font-size:30px; font-weight:500; color:#1b1b1b; margin:0; margin-bottom:60px}

/* sub-wide-visual */
.sub-wide-visual {width:100%; margin-bottom:80px; padding:0 40px; box-sizing:border-box}
.sub-wide-visual img {width:100%; display:block; object-fit:cover}
.sub-wide-visual2 {width:100%; margin-bottom:80px; padding:0 95px; box-sizing:border-box}

/* sub-contents */
.sub-contents {max-width:1160px; margin:0 auto; padding:0 20px; box-sizing:border-box}

/* sub-lead-section */
.sub-lead-section {margin-top:75px; margin-bottom:100px}
.lead-txt {font-family:'ibm-plex-sans-kr', sans-serif; font-size:24px; line-height:40px; color:#1b1b1b; font-weight:500; word-break:keep-all; margin-bottom:30px}
.author {display:block; font-size:16px; color:#626262; font-weight:400}
.author strong {font-weight:500}

.sub-text-section {margin-bottom:80px}
.sub-cont-title {font-family:'ibm-plex-sans-kr', sans-serif; font-size:36px; font-weight:600; color:#1b1b1b; margin-bottom:40px; line-height:130%;}
.sub-cont-txt {font-size:20px; line-height:1.8; color:#434343; margin-bottom:30px; word-break:keep-all}

.sub-mid-img {margin-bottom:100px}
.sub-mid-img img {width:100%; display:block}
.img-caption {font-size:14px; color:#535353; margin-top:20px; border-top:1px solid #535353; padding-top:12px}

.sub-img-grid {display:flex; gap:20px; margin-bottom:100px; padding:0 95px; box-sizing:border-box}
.sub-img-grid img {width:100%; display:block}

.sub-mid-img2 {margin-bottom:5vw; text-align:center;}
.sub-mid-img3 {margin-bottom:3vw; } /* News image */
.sub-mid-img2 img, .sub-mid-img3 img {width:100%; display:inline-block;}

/* sub-info-black */
.sub-info-black {max-width:1160px; margin:0 auto 100px auto; padding:0 20px; box-sizing:border-box}
.info-inner {background:#000; border-radius:30px; padding:50px; display:flex; align-items:top}
.info-left {width:190px; border-right:1px solid #fff}
.info-title {font-size:24px; color:#dcdcdc; font-weight:600; letter-spacing:-0.5px}
.info-right {flex:1; display:flex; align-items:top; justify-content:space-between; padding-left:70px}
.info-list-wrap dl {display:flex; flex-wrap:wrap; margin-bottom:25px}
.info-list-wrap dl:last-child {margin-bottom:0}
.info-list-wrap dt {width:100%; color:#dcdcdc; font-size:16px; font-weight:500; margin-bottom:10px}
.info-list-wrap dd {width:100%; color:#dcdcdc; font-size:16px; font-weight:300}

/* sub 06 a 추가 */
.sub-06a-section {background-color:#f4edd5; padding:5%; box-sizing:border-box; border-radius:30px; }
.upper-line {border-top:1px solid #000;}
.info-title span {font-weight:400;}
.info-txtbox {padding:0 !important; margin:0 !important; line-height:160%}

/* sub11 인사이드 추가 */
.ins_name {font-weight:600; display:inline-block; margin-right:20px;}

.txt_comm {font-size:14px; color:#8b9a9d; margin-bottom:5%; line-height:150% } /* 주석 추가 */
.txt_comm span {color:#eaa105;}
.sub-contents sup {font-size:80%; line-height:10%; color:#eaa105;}


/* 반응형 시작 */
@media screen and (max-width:1024px) {
    .sub-container {padding-top:120px}
    .sub-main-title {font-size:45px}
    .sub-sub-title {font-size:24px; margin-bottom:40px}
    .sub-wide-visual, .sub-wide-visual2, .sub-contents, .sub-img-grid, .sub-info-black {padding:0 30px}
    .lead-txt {font-size:20px; line-height:1.6}
    .sub-cont-title {font-size:28px}
    .sub-cont-txt {font-size:18px}
    .info-inner {padding:40px}
}

@media screen and (max-width:768px) {
    .sub-container {padding-top:80px}
    .sub-visual-head {margin-bottom:30px}
    .sub-category {font-size:16px; margin-bottom:20px}
    .sub-main-title {font-size:32px; word-break:keep-all}
    .sub-sub-title {font-size:18px; margin-bottom:30px}
    .sub-wide-visual {margin-bottom:40px}
    .sub-wide-visual2 {margin-bottom:40px}
    .sub-lead-section {margin-top:40px; margin-bottom:60px}
    .lead-txt {font-size:18px; line-height:1.5}
    .sub-text-section {margin-bottom:50px}
    .sub-cont-title {font-size:24px; margin-bottom:20px}
    .sub-cont-txt {font-size:16px; line-height:1.6}
    .sub-mid-img {margin-bottom:60px}
    .sub-img-grid {flex-direction:column; gap:40px; margin-bottom:60px}
    .info-inner {flex-direction:column; padding:30px; border-radius:20px}
    .info-left {width:100%; border-right:none; border-bottom:1px solid #444; padding-bottom:15px; margin-bottom:20px; text-align:center}
    .info-right {width:100%; padding-left:0; flex-direction:column; align-items:center; gap:30px}
    .info-list-wrap {width:100%}
    .info-list-wrap dt {font-size:15px}
    .info-list-wrap dd {font-size:14px}

	.txt_comm {font-size:12px;}
}