/*** 공통 ***/
.content_wrap .c-inner {margin:0 auto; max-width:1420px;}

.flex-sticky .c-inner {display:flex; gap:100px;}
.flex-sticky .tit-wrap {width:320px;}
.flex-sticky .tit-wrap h3 {position:sticky; top:120px;}
.flex-sticky .right-wrap {width:calc(100% - 420px);}
section.contents_box .greeting .subpart {padding:100px 0;}
section.contents_box .greeting .subpart.first {padding-top:0;}
.greeting .subpart.first {padding-bottom:100px;}
.greeting .subpart.photo-bg {padding:150px 0; background:#000 url(/images/intro/greet-photo_bg1.webp) no-repeat center / cover;}
.greeting .subpart.gray-bg {background:#f9f9f9;}
.greeting h3 {font-size:40px; font-weight:100; line-height:1.2; color:#000; letter-spacing:-1px;}
.greeting .subpart.photo-bg h3 {color:#fff;}
.greeting h3 b {font-weight:600;}
.greeting h3 small {display:block; font-weight:700; font-size:20px; margin-bottom:30px;}
.greeting .small_tit-wrap h3 {font-size:30px; font-weight:400;}
.greeting .txt-wrap p {font-size:16px; color:#000;}
.greeting .txt-wrap p+p {margin-top:20px;}
.greeting .ind-history-wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:50px;}
.greeting .ind-history .img img {border-radius:15px; width:100%;}
.greeting .ind-history dl {font-size:16px; margin-top:20px; text-align:center; color:#000;}
.greeting .ind-history dl dt {font-weight:700;}
.greeting .ind-history dl dd small {display:block; font-size:13px; color:#666;} 
.greeting .white-bx-wrap {display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.greeting .white-bx-wrap .white-bx {background:#fff;}
.greeting .white-bx {text-align:center; padding:50px 20px; border-radius:15px;}
.greeting .white-bx dt {color:var(--base2); font-weight:700; font-size:24px; line-height:1.2;}
.greeting .white-bx dd {color:#333; margin-top:20px; line-height:1.6;}
.greeting .color-bx-wrap {display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.greeting .color-bx {text-align:center; color:#fff; padding:50px 20px; border-radius:15px;}
.greeting .color-bx:nth-of-type(1) {background-color:var(--base2);}
.greeting .color-bx:nth-of-type(2) {background-color:#1458BE;}
.greeting .color-bx:nth-of-type(3) {background-color:#203AA4;}
.greeting .color-bx p {margin-top:20px; font-size:24px; line-height:1.2; font-weight:700;}
.greeting .field-bx-wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:20px;}
.greeting .field-bx {border:1px solid #e5e5e5; border-radius:15px; background:#fff; box-sizing:border-box; padding:30px;}
.greeting .field-bx p {color:#333; font-size:20px; font-weight:700; text-align:center;}
.greeting .field-bx .img {text-align:center; margin:20px 0;}
.greeting .field-bx ul li {position:relative; padding-left:20px; font-weight:600; color:#333;}
.greeting .field-bx ul li:before {content:""; display:block; width:4px; height:4px; background:#d9d9d9; border-radius:50%; position:absolute; left:7px; top:10px;}
.greeting .field-bx ul li small {color:#666; font-weight:400; display:block;}
.greeting .field-bx ul li+li {margin-top:20px;}
.greeting .small-cont h4 {font-size:16px; font-weight:600; line-height:1.6; color:#333;}
.greeting .small-cont ul {margin-top:10px;}
.greeting .small-cont li {position:relative; color:#666; font-size:16px; line-height:1.6; padding-left:20px;}
.greeting .small-cont li:before {content:""; display:block; width:4px; height:4px; background:#666; position:absolute; top:10px; left:8px; border-radius:50%; }
.greeting .small-cont+.small-cont {margin-top:50px;}
.greeting .small-cont .color-bx-wrap2 {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:10px;}
.greeting .small-cont .color-bx-wrap2 dl {padding:40px; border-radius:15px; color:#fff; text-align:center;}
.greeting .small-cont .color-bx-wrap2 dl:nth-of-type(2n+1) {background-color:var(--base2);}
.greeting .small-cont .color-bx-wrap2 dl:nth-of-type(2n) {background-color:var(--base1);}
.greeting .small-cont .color-bx-wrap2 dl dt {font-size:20px; font-weight:700;}
.greeting .small-cont .color-bx-wrap2 dl dd {font-size:16px; font-weight:400;}
.greeting .small-gallery {display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:50px;}
.greeting .small-gallery img {border-radius:15px; width:100%; height:100%; aspect-ratio:1.33/1; object-fit:cover;}

/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
section.contents_box .greeting .subpart {padding:80px 0;}


.flex-sticky .c-inner {flex-direction:column; gap:30px;}
.flex-sticky .tit-wrap {width:100%;}
.flex-sticky .right-wrap {width:100%;}
.greeting .tit-wrap h3 {font-size:32px;}

.greeting .field-bx-wrap {grid-template-columns:repeat(2,1fr);}
.greeting .small-cont+.small-cont {margin-top:30px;}
.greeting h3 small {margin-bottom:10px;}
.greeting .ind-history-wrap {margin-top:30px;}

.greeting .small_tit-wrap h3 {font-size:24px;}
.greeting .small-gallery {margin-top:30px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
section.contents_box .greeting .subpart {padding:60px 0;}
.greeting .tit-wrap h3 {font-size:28px;}

.greeting .small_tit-wrap h3 {font-size:22px;} 
.greeting .white-bx dt {font-size:22px;}
.greeting .color-bx p {font-size:22px;}
}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) { 
.content_wrap .c-inner {padding:0 20px;}
.flex-sticky .c-inner {gap:20px;}
section.contents_box .greeting .subpart {padding:50px 0;}
.greeting .tit-wrap h3 {font-size:24px;}
.greeting .txt-wrap p+p {margin-top:10px;}
.greeting .ind-history-wrap {grid-template-columns:repeat(2,1fr); row-gap:30px;}
.greeting .ind-history dl {margin-top:10px;}
.greeting .white-bx-wrap {grid-template-columns:repeat(3,1fr); gap:10px;}
.greeting .white-bx {padding:30px 20px;}
.greeting .white-bx dt {font-size:20px;}
.greeting .white-bx dd {margin-top:10px;}
.greeting .white-bx dd br {display:none;}

.greeting .field-bx {padding:25px 20px;}
.greeting .field-bx p {font-size:18px;}
.greeting .field-bx ul li+li {margin-top:10px;}
.greeting .small_tit-wrap h3 {font-size:20px;} 
.greeting .color-bx-wrap {gap:10px;}
.greeting .color-bx {padding:30px 20px;}
.greeting .color-bx p {font-size:18px;}
.greeting .small-cont+.small-cont {margin-top:20px;}
.greeting .small-cont .color-bx-wrap2 {gap:10px; grid-template-columns:1fr;}
.greeting .small-cont .color-bx-wrap2 dl {padding:30px 20px;}
.greeting .small-cont .color-bx-wrap2 dl dt {font-size:18px;}

}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
section.contents_box .greeting .subpart {padding:40px 0;}
.greeting .white-bx-wrap {grid-template-columns:1fr;}
.greeting .tit-wrap h3 {font-size:22px;}
.greeting .white-bx dt br {display:none;}
.greeting .field-bx-wrap {grid-template-columns:1fr;}
.greeting .small-gallery {grid-template-columns:1fr;}
}