.sub .header .gnb { display: none; } 


.txt { color: #5E5E5E; line-height: 1.5; font-size: var(--font-20); } 
.cl-pink { color: #E86273 !important; } 
.tit-b i { font-weight: 100; } 
.inner { padding: 0 var(--inner-cont-pd); } 
.section { margin-top: 12.5rem; margin-bottom: 12.5rem; } 
.gr-bx, .fl-bx { display: flex; flex-direction: column; gap:3rem; } 
.sec-bg { margin-top: 12.5rem; padding:12.5rem var(--inner-cont-pd); background: #F6E4DF; } 
@media all and (max-width:768px){
 .tit-b { font-size: var(--font-35); } 
 }
@media all and (max-width:568px){
 .tit-b { font-size: var(--font-30); } 
 .section { margin-top: 7.5rem; margin-bottom: 7.5rem; } 
 .sec-bg { margin-top: 7.5rem; padding-top: 7.5rem; padding-bottom: 7.5rem; } 
 }
 @media all and (max-width:480px){
 .tit-b { font-size: var(--font-35); } 
 }

.wrap { padding-top: 30rem; } 
.wrap .cont { position: relative; background: #fff; padding-top: 6rem; } 
.wrap .cont section { gap: 3rem; display: flex; flex-direction: column; } 
.wrap .cont section + section { margin-top: 12.5rem; } 
.wrap .cont section .txt p + p { margin-top: 1.5rem; } 
.wrap .cont section .txt strong,
.wrap .cont .section .txt strong { display: block; color: #000; font-family: var(--font-fm-p); font-size: var(--font-20); font-weight: 600; } 
.wrap .cont section .flex, .cont section .fl { gap: 5rem; } 
@media all and (max-width:1280px){
 .wrap .cont section { gap: 2rem; } 
 }
@media all and (max-width:568px){
 .wrap .cont section { gap: 1rem; } 
 .wrap .cont section + section { margin-top: 7.5rem; } 
 }


.sub-tit-wr { position: fixed; top: var(--header-hei); left: 0; width: 100%; height: 39rem; z-index: -1; } 

.sub-tit-bx { margin: 0 var(--inner-pd); padding: 8rem calc(var(--inner-cont-pd) - var(--inner-pd)) 6rem; background: linear-gradient(0deg, #fff, #ffffff70); backdrop-filter: blur(7px); } 
.sub-tit-bx .tit { line-height: 1.2; } 
.sub-tit-bx span { display: block; margin-bottom: 4.5rem; font-size: var(--font-18); } 
.sub-tit-bx .txt { margin-top: 2.9rem; font-size: var(--font-20); } 

@media all and (max-width:768px){
 .sub-tit-bx span { margin-bottom: 3rem; } 
 }
@media all and (max-width:568px){
 .sub-tit-bx { padding: 5rem calc(var(--inner-cont-pd) - var(--inner-pd)) 3rem; } 
 .sub-tit-bx span { margin-bottom: 2.5rem; } 
 }
@media all and (max-width:480px){
 .sub-tit-bx { padding-bottom: 0; } 
 .sub-tit-bx .txt { margin-top: 1rem; } 
 }


.sec-tit { font-family: var(--font-fm-mr); color: #E86273; font-size: var(--font-37); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 10px; line-height: 1.5; letter-spacing: -0.03em; } 
@media all and (max-width:1280px){
 .sec-tit { font-size: var(--font-33); } 
 }
@media all and (max-width:568px){
 .sec-tit { font-size: var(--font-28); text-underline-offset: 6px; line-height: 1.7; } 
 .sec-tit br { display: none; } 
 }

.tit-box { gap: 4rem 2rem; } 
.tit-box .tit { position: absolute; top: 0; left: 50%; width: 100%; max-width: 39rem; margin: auto; padding: .5rem; background: #E86273; border-radius: 3rem; color: #fff; font-size: var(--font-20); text-align: center; transform: translate(-50%, -2rem); } 
.tit-box .box-img { position: relative; height: 100%; padding: 3.6rem; padding-top: 4.6rem; background: #fff; text-align: center; } 


.dc-name span { display: inline-block; margin-bottom: 0; font-size: var(--font-20); } 
.dc-name h3 { font-size: var(--font-25); } 

.buble-bx { padding: 2rem; background: #f8f8f8; color: #4c4c4c; font-family: var(--font-fm-mr); font-size: var(--font-21); font-weight: 600; text-align: center; line-height: 1.5; } 
.buble-bx .icon { display: block; margin: 2rem auto; opacity: .3; } 

.detail-class { margin-top: 5rem; } 
.detail-class .subject { display: inline-block; margin-bottom: .5rem; padding: .1rem 1rem; font-size: var(--font-15); } 
.detail-class span { color: #707070; font-size: var(--font-15); } 
@media all and (max-width:1280px){
 .detail-class span { margin-bottom: 0; } 
 }
@media all and (max-width:568px){
 .detail-class span br { display: none; } 
 }

.ic-bx { gap: 2rem !important; margin-bottom: 1rem; } 
.ic-bx .icon { width: 7.4rem; } 
.ic-bx .txt { width: calc(100% - 9.4rem); } 
@media all and (max-width:1280px){
 .ic-bx { flex-direction: row !important; } 
 }
@media all and (max-width:568px){
 .ic-bx .icon { width: 4.4rem; } 
.ic-bx .txt { width: calc(100% - 6.4rem); } 
.ic-bx .txt br { display: none; } 
 }

.ps { color: #707070; font-size: var(--font-15); line-height: 1.4; } 

.letter-wr { padding: 6.4rem; border: 4px solid #8FAA93; background: url('../img/sub/pt.jpg'); } 
.letter-wr .fl { padding: 4rem; background: #fff; } 
.letter-wr .pic-tit { color: #00688F; line-height: 1.2; margin-top: 1rem; } 
.letter-wr .pic-tit i { font-size: var(--font-26); } 
.letter-wr .txt { line-height: 2; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #ddd; text-underline-offset: 12px; } 
@media all and (max-width:768px){
 .letter-wr { padding: 1.4rem; } 
 .letter-wr .fl { padding: 4rem 2rem; } 
 .letter-wr .pic-bx { display: flex; align-items: center; gap: 1rem; justify-content: left; } 
 .letter-wr .pic-bx .img { width: 15rem; } 
 .letter-wr .pic-tit { margin-top:0; text-align: left; font-size: var(--font-19); } 
 .letter-wr .pic-tit i { font-size: var(--font-20); } 
 }
@media all and (max-width:568px){
 .letter-wr .pic-bx .img { width: 11rem; } 
 }

.news-box { gap: 5rem 3rem; } 
.news-box .box { border-top: 3px solid #000; } 
.news-box .box .bx-img { height: 30rem; background: #000; } 
.news-box .box .img-obj { object-fit: contain; } 
.news-box .box .tit-s { justify-content: left; gap: 1rem !important; height: 4rem; margin-top: 1.2rem; margin-bottom: 1rem; font-size: var(--font-24); font-family: var(--font-fm-pr); font-weight: 600; } 
.news-box .box .bx-info ul li { gap: 0 !important; margin-bottom: .5rem; } 
.news-box .box .bx-info ul li strong,.news-box .box .bx-info ul li .txt { line-height: 1.5; font-size: var(--font-18); } 
.news-box .box .bx-info ul li strong { width: 13rem; font-weight: 600; } 
.news-box .box .bx-info ul li .txt { width: calc(100% - 13rem); } 
.news-box .box .bx-info ul li .sm-tit { font-size: var(--font-16); font-family: var(--font-fm-p); } 

.news-box1 { gap: 8rem 3rem; } 
.news-box1 .box .bx-img { height: 37rem; background: #fff; overflow: hidden; } 
.news-box1 .box .bx-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; } 
.news-box1 .box .sm-tit { display: block; margin-top: 2rem; color: #7d8686; font-weight: 700; } 
.news-box1 .box .tit-s { min-height: 8rem; } 
.news-box1 .dc-name { gap: 1rem !important; padding: 1rem; margin-bottom: .5rem; background-color: #339494; color: #fff; } 
.news-box1 .dc-name span { font-size: var(--font-18); } 
.news-box1 .dc-name h3 { font-size: var(--font-20); } 

@media all and (max-width:1780px){
 .news-box1 .box .tit-s { min-height: 6rem; font-size: var(--font-18); } 
 .news-box1 .box .bx-img { height: 23rem; } 
 .news-box1 .dc-name h3 { font-size: var(--font-18); } 
 }
 @media all and (max-width:1480px){
 .news-box1 .dc-name { gap: 0 !important; } 
 .news-box1 .box .tit-s { min-height: 8rem; } 
 }
@media all and (max-width:1280px){
 .news-box { gap: 5rem 2rem; } 
.news-box .box .bx-info ul li { flex-direction: initial; } 

 .news-box1 .box .tit-s { min-height: 7rem; } 
 .news-box1 .box .bx-img { height: 29rem; } 
 .news-box1 .box .bx-img img { object-fit: contain; } 
 }
 @media all and (max-width:480px){
 .news-box1 .box .tit-s { min-height: auto; height: auto; font-size: var(--font-20); } 
 .news-box1 .box .tit-s br { display: none; } 
 }

.btn-view { gap: 1rem !important; padding: 1rem; border: 1px solid #339494; background: #fff; color: #134D4D; font-size: var(--font-20); font-weight: 600; transition: var(--transi); } 
.btn-view:hover { background-color: #fffcee; } 
.btn-view svg { fill: #00688F; } 


/*-------------------------*/
.section1_0 { min-height: 100vh; height: 100%; background-color: #EBE4D6; } 
.section1_0 .inner { height: 100%; padding: 0; padding-left: var(--inner-pd); padding-top: calc(var(--header-hei) + 8rem); padding-bottom: 8rem; } 
.section1_0 .ic-deco { width: 14rem } 
.section1_0 .sub-tit-bx { padding: 0; padding-right: 4rem; margin: 0; margin-bottom: 10rem; background: none; } 
.section1_0 .tit-b { font-size: var(--font-36); line-height: 1.2; } 
.section1_0 .txt { line-height: 1.5; } 
.section1_0 .txt p { font-family: var(--font-fm-pr); color: var(--color-txt); font-family: var(--font-fm-mr); font-size: var(--font-18); font-weight: 600; } 
.section1_0 .txt p + p { padding-top: 1rem; } 
 @media all and (max-width:1680px){
 .wi2 { width: 25%; } 
 .wi8 { width: 75%; } 
 }
 @media all and (max-width:1600px){
 .section1_0 { min-height: 100%; } 
 .section1_0 .sub-tit-bx span { margin-bottom: 1.5rem; } 
 .section1_0 .sub-tit-bx { margin-bottom: 0; } 
 }
 @media all and (max-width:1280px){
 .section1_0 .txt { width: 61rem; } 
.section1_0 .txt p br { display: none; } 
.section1_0 .sub-tit-bx { margin: 3rem 0 5rem; } 
 }
 @media all and (max-width:768px){
 .section1_0 .ic-deco { width: 9rem; } 
 .section1_0 .txt { width: 100%; } 
.wi8 { height: 50vh; } 
 }

.section1_2 .sub-tit-bx .txt,
.section1_2 .sec-tit { color: #249986; } 
.section1_2 .sub-tit-bx .dc-name span { margin-bottom: 0; } 
 @media all and (max-width:1500px){
.section1_2 .fl .wi6, .section1_2 .fl .wi4 {width: 50%;}
 }
  @media all and (max-width:1280px){
.section1_2 .fl .wi6, .section1_2 .fl .wi4 {width: 100%;}
 }

.section1_3 .sub-tit-bx .txt,
.section1_3 .sec-tit { color: #9E783D; } 
.section1_3 .detail-class .subject { background: #9E783D; color: #fff; } 

.section1_4 .sub-tit-bx .txt,
.section1_4 .sec-tit { color: #7D69AD; } 
.section1_4 .sub-tit-bx { position: relative; z-index: 1; } 
.section1_4 .sub-tit-bx .deco { top: 6rem; right: 9rem; gap: 1rem; } 
.section1_4 .sec-bg { margin-top: 0; padding: 4rem var(--inner-pd); background-color: #EDECF6; } 
.section1_4 .detail-class .subject { background: #7D69AD; color: #fff; } 
.section1_4 .detail-class { margin-top: 1rem; } 
.section1_4 .tit-box .tit { background: #7D69AD; } 
.section1_4 .tit-box .box-img { background: #EDECF6; } 
.section1_4 .tit-box .tit-s { font-size: var(--font-20); } 
.section1_4 .dc-name { border-bottom: 1px solid #ddd; padding-bottom: 1rem; } 
.section1_4 .box-wr .txt { padding: 6rem; } 
.section1_4 .sec-bg .box-wr .box { background: #fff; padding:3rem; } 
@media all and (max-width:1280px){
 .section1_4 section .flex { flex-direction: column; } 
 .section1_4 .wi5 { width: 100%; } 
 .section1_4 .sec-bg .gap-3 { gap: 1rem; } 
 }
@media all and (max-width:960px){
 .section1_4 .sub-tit-bx .deco { position: relative; align-items: flex-start; top: auto; right: auto; margin-top: 5rem; } 
 .section1_4 .box-wr .txt { padding: 4rem; } 
 }
 @media all and (max-width:576px) { /*481까지*/ 
 .section1_4 .dc-name { width: 100%; } 
 .section1_4 .sub-tit-bx .deco { align-items: center; margin-top: 3rem; } 
 .section1_4 .sub-tit-bx .deco .img { width: 15rem; } 
 .section1_4 .box-wr .txt { padding: 2rem; } 
 }


.section2_1 .sub-tit-bx .txt,
.section2_1 .sec-tit { color: #8F2832; } 
.section2_1 .cont { background: url('../img/sub/sec2_1_cont_bg.jpg')no-repeat center/cover; } 
.section2_1 .sub-tit-bx { background: linear-gradient(0deg, #FCFBF7, #FCFBF770); } 
.section2_1 .gr-bx { position: relative; max-width: fit-content; margin: auto; margin-top: -34rem; z-index: 1; } 
.section2_1 .img-mo { display: none; } 

@media all and (max-width:960px){
 .section2_1 .gr-bx { margin-top: -34rem; } 
 }
@media all and (max-width:768px){
 .section2_1 .gr-bx { margin-top: -29rem; } 
 }
@media all and (max-width:576px){
 .section2_1 .gr-bx { margin-top: -18rem; } 
 }
@media all and (max-width:480px){
 .section2_1 .gr-bx { margin-top: 0rem; } 
.section2_1 .img-pc { display: none; } 
.section2_1 .img-mo { display: block; } 
 }

.section2_2 .tit-b { position: relative; display: inline-block; } 
.section2_2 .tit-b .deco { top: -1rem; right: -4rem; } 
.section2_2 .ps { margin-top: 6rem; } 
@media all and (max-width:768px){
 .cont section .fl { gap: 3rem; } 
 .section2_2 .tit-b .deco { position: relative; top: auto; right: auto; width: 3rem; vertical-align: middle; } 
 }

.section3_1 .cont { padding-left: var(--inner-pd); padding-right: var(--inner-pd); padding-top: 0; } 
.section3_1 .sub-tit-bx { background: linear-gradient(0deg, #EFEAE0, #EFEAE070); } 
.section3_1 .tit-wr .tit-b { color: #A37F44; } 
.section3_1 .tit-wr .tit i { font-weight: 100; } 
.section3_1 .cont-bg { padding: 3rem calc(var(--inner-cont-pd) - var(--inner-pd)) calc(var(--inner-cont-pd) - var(--inner-pd)); background: #EFEAE0; } 
.section3_1 section { gap: 5rem; border: 1px solid #DAB295; padding: 3rem; } 
.section3_1 .tit-s { font-size: var(--font-28); } 
.section3_1 .gr-3 .tit-s { min-height: 14rem; } 
.section3_1 .gr-3 .txt { min-height: 18rem; } 
.section3_1 .top8 .fl-bx { position: relative; gap: 0; } 
.section3_1 .top8 .deco { top: 0; right: 0; } 
.section3_1 .top8 .bx-img { height: 20rem; background: #fff; } 
.section3_1 .top8 .bx-img img { width: 100%; height: 100%; object-fit: contain; object-position: bottom; } 
.section3_1 .top8 .dc-name { text-align: center; margin-top: .5rem; } 
.section3_1 .top8 .dc-name span { font-size: var(--font-16); } 
.section3_1 .top8 .dc-name h3 { font-size: var(--font-18); } 
@media all and (max-width:1700px){
 .section3_1 .top8 .bx-img { height: 17rem; } 
 }
@media all and (max-width:1500px){
 .section3_1 .top8 .bx-img { height: 14rem; } 
 
.section3_1 .gr-3 .tit-s { min-height: 13rem; } 
.section3_1 .tit-s { font-size: var(--font-25); margin-bottom: 1rem; } 
.section3_1 .gr-3 .txt { min-height: 21rem; } 
.section3_1 .top8 { gap: 2rem !important; flex-direction: column; } 
.section3_1 .top8 .wi3, .section3_1 .top8 .wi7 { width: 100%; } 
.section3_1 .top8 .dc-name span , .section3_1 .top8 .dc-name h3 { font-size: var(--font-16); } 
 }
 @media all and (max-width:960px){
 .top1,
.top2,
.top10 { flex-direction: column-reverse !important; } 
.section3_1 section { gap: 6rem !important; } 
.section3_1 .gr-3 .tit-s, .section3_1 .gr-3 .txt { min-height: auto; } 
.section3_1 .top4-6 { gap: 6rem; } 
 }

.section3_2 .sec-bg { background:#E0EFEF; } 

.section3_3 .sec1 .news-box .bx-img { height: 45rem; } 
.section3_3 .sec1 .news-box .bx-info ul li strong { width: 5rem; } 
.section3_3 .sec1 .news-box .bx-info ul li .txt { width: calc(100% - 5rem); } 
.section3_3 .sec-bg { background:#F6F6F6; } 
.section3_3 .sec-bg .news-box .bx-info { margin-top: 1rem; } 
.section3_3 .sec-bg .news-box .box .bx-info ul li.txt { min-height: 7rem; } 
.section3_3 .news-box .box .bx-img { height: 48rem; } 
@media all and (max-width:1780px){
 .section3_3 .sec1 .news-box .bx-img { height: 45rem; } 
 .section3_3 .news-box .box .bx-info ul li:nth-child(3) .txt { min-height: 6rem; } 
 }
@media all and (max-width:1550px){
 .section3_3 .sec1 .news-box .bx-img { height: 30rem; } 
 .section3_3 .sec1 .news-box .box .bx-info ul li:nth-child(3) .txt { min-height: 8rem; } 
 .section3_3 .sec1 .news-box .box .tit-s { align-items: flex-start; height: 7rem; } 

 .section3_3 .sec-bg .news-box .bx-img { height: 34rem; } 
 }
@media all and (max-width:1280px){
 .section3_3 .sec1 .news-box .bx-img { height: auto; } 
 .section3_3 .sec1 .news-box .box .bx-info ul li:nth-child(3) .txt { min-height: auto; } 
 .section3_3 .sec1 .news-box .box .tit-s { align-items: flex-start; height: auto; } 
 .section3_3 .sec-bg .news-box .box .bx-img { height: auto; } 
 }



@media all and (max-width:1280px){
 .pb-20 { padding-bottom: 10rem; } 

 .fl { flex-direction: column; } 
 .fl .wi1,
 .fl .wi2,
 .fl .wi3,
 .fl .wi4,
 .fl .wi5,
 .fl .wi6,
 .fl .wi7,
 .fl .wi8,
 .fl .wi9 { width: 100%; } 
 }
@media all and (max-width:568px){
 .pb-20 { padding-bottom: 7.6rem; } 
 }



/**/