@charset "utf-8";


.fc-M1{color: #e9436b !important;}
.mbtn{display: inline-block; margin-top: 45px; padding: 18px 40px; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; background-color: #e9436b;}
.mbtn2{display: inline-block; margin-top: 45px; padding: 18px 40px; border-radius: 60px; font-size: 18px; font-weight: 600; color: #000; background-color: #fff; border:1px solid #000;}
#mv_txt{padding: 60px;}
#mv_txt h3{font-size: 50px; color: #000; line-height: 1.2em; font-family: 'Nanum Myeonjo', serif;} 
#mv_txt p.t1{margin-top: 1.5em; font-size: 20px; font-weight: 600; line-height: 1.6em; color: #000;}
.m_tit{text-align: center; margin-bottom: 55px;}
.m_tit h3{font-size: 40px; line-height: 1.2em; color: #000;}
@media all and (max-width:1280px){
    #mv_txt{padding: 30px;}
    #mv_txt h3{font-size: 40px;}
    #mv_txt p.t1{font-size: 18px;}
}
@media all and (max-width:1024px){
    .mbtn{padding: 15px 24px; font-size: 16px;}
    .mbtn2{padding: 15px 24px; font-size: 16px;}
    .m_tit{margin-bottom: 40px;}
    .m_tit h3{font-size: 32px;}
}
@media all and (max-width:568px){
    #mv_txt{padding: 20px;}
    #mv_txt h3{font-size: 36px;}
    #mv_txt p.t1{font-size: 16px; word-break: keep-all;}
    .m_tit{margin-bottom: 30px;}
    .m_tit h3{font-size: 28px;}
}
@media all and (max-width:480px){
    #mv_txt{padding: 16px;}
    #mv_txt h3{font-size: 30px;}
     .m_tit{margin-bottom: 28px;}
    .m_tit h3{font-size: 26px;}

      .mbtn{padding: 12px 20px; font-size: 15px;}
    .mbtn2{padding: 12px 20px; font-size: 15px;}
}




#m_visual2{}
#m_visual2 .mv_wrap{}
#m_visual2 .mv_wrap .mv{display: flex; align-items: center;}
#m_visual2 .mv_wrap .mv .img{border-radius: 10px; overflow: hidden;;}
#m_visual2 .mv_wrap .mv .img img{object-fit: cover;}
#m_visual2 .mv_wrap .mv .img.mo{display: none;}

#m_visual2 .mv_wrap #mv_txt{flex:0 0 auto;}

.mid_txt{display: none;}
@media all and (max-width:1480px){
    #m_visual2 .mv_wrap .mv .img img{width: 100%;}
}
@media all and (max-width:1280px){
#m_visual2{padding-top: 100px;}
}
@media all and (max-width:1024px){
    #m_visual2 .mv_wrap{position: relative;}
    #m_visual2 .mv_wrap #mv_txt{position: absolute; top: 0px;}
    #m_visual2 .mv_wrap #mv_txt p.t1{display: none;}
    #m_visual2 .mv_wrap #mv_txt .mbtn{display: none;}
    #m_visual2 .mv_wrap .img{width: 100%; height: 80vh;}
    #m_visual2 .mv_wrap .img img{height: 100%;;}
    .mid_txt{display: block; text-align: center;}
}
@media all and (max-width:768px){
    #m_visual2 .mv_wrap .mv .img.pc{display: none;}
    #m_visual2 .mv_wrap .mv .img.mo{display: block;}
}
@media all and (max-width:568px){
#m_visual2{padding-top: 70px;}
    #m_visual2 .mv_wrap #mv_txt{top:40px;}
}

.mid_visual #mv_txt{padding: 110px; text-align: center;}
.mid_visual .img{border-radius: 10px; overflow: hidden;;}
.mid_visual .img.mo{display: none;}
@media all and (max-width:1480px){
    .mid_visual #mv_txt{padding: 60px 0;}
}
@media all and (max-width:1024px){
    .mid_visual {position: relative; margin-top:40px;}
    .mid_visual #mv_txt{position: absolute; padding: 30px; text-align: left; top: 40px;}
    .mid_visual .img img{width: 100%;}
    .mid_visual .img.mo{display: block;}
    .mid_visual .img.pc{display: none;}
}
@media all and (max-width:480px){
    .mid_visual #mv_txt{padding: 16px; top: 0;}
}



#mSpecial{padding: 110px 0;}
#mSpecial .list{display: flex; gap: 10px; flex-wrap: wrap;}
#mSpecial .list > li{width: calc((100% - 10px*3)/4); padding: 34px; text-align: center; border-radius: 10px; border:1px solid #eee; background-color: #fff; box-shadow:0 0 18px rgba(170, 170, 170, 0.18);}
#mSpecial .list > li .img{}
#mSpecial .list > li .img img{max-width: 100%;}
#mSpecial .list > li .txt p{font-size: 24px; color: #000; word-break: keep-all;}
#mSpecial .list > li .txt > span{display: block; padding-top: 10px;}
@media all and (max-width:1024px){
    #mSpecial{padding: 80px 0;}
    #mSpecial .list > li{width: calc((100% - 10px)/2);}
}
@media all and (max-width:768px){
    #mSpecial .list > li .txt p{font-size: 20px;}
}
@media all and (max-width:568px){
    #mSpecial{padding: 60px 0;}
    #mSpecial .list > li .txt p{font-size: 18px;}
}
@media all and (max-width:480px){
    #mSpecial .list > li .txt p{font-size: 16px;}
}
@media all and (max-width:380px){
    #mSpecial .list > li .txt p{font-size: 14px;}
}


.sec_txt{padding: 60px;}
.sec_txt h4{font-size: 20px; padding-bottom: 0.65em; color: #b0b0b0; font-weight: 500;}
.sec_txt h3{font-size: 45px; padding-bottom: 0.5em;}
.sec_txt p.t1{font-size: 28px; color: #000; font-weight: 500;}
.sec_txt p.t2{font-size: 20px; line-height: 1.5em; color: #333;}
.sec_txt .line{height: 2px; width: 140px; margin: 30px 0 26px; display: inline-block; background-color: rgb(176, 176, 176, 0.3);}
@media all and (max-width:1024px){
    .sec_txt{padding: 40px 0;}
    .sec_txt h4{font-size: 18px;}
    .sec_txt h3{font-size: 40px;}
    .sec_txt p.t1{font-size: 24px;}
    .sec_txt p.t2{font-size: 18px;}
}
@media all and (max-width:768px){
    .sec_txt{padding: 30px 0;}
    .sec_txt h4{font-size: 16px;}
    .sec_txt h3{font-size: 34px;}
    .sec_txt p.t1{font-size: 20px;}
    .sec_txt p.t2{font-size: 16px;}
}



#msec1{display: flex; align-items: center;}
#msec1 .img{border-radius: 10px; overflow: hidden;}
@media all and (max-width:1480px){
    #msec1 .img img{width: 100%;}
}
@media all and (max-width:1024px){
    #msec1{display: block;}
    #msec1 .img {text-align: center; height: 90vh;}
    #msec1 .img img{width:100%; height: 100%; object-fit: cover;}
    #msec1 .sec_txt{text-align: center;}
}



#msec2{padding: 110px 0; display: flex;; flex-direction: row-reverse; align-items: center;}
#msec2 .img{border-radius: 10px; overflow: hidden;}
#msec2 .img img{width: 100%;}
#msec2 .sec_txt{flex:0 0 auto;}
@media all and (max-width:1024px){
    #msec2{display: block; padding: 40px 0;}
    #msec2 .sec_txt{text-align: center;}
}


#msec3{display: flex; align-items: center;}
#msec3 .img{border-radius: 10px; overflow: hidden;}
@media all and (max-width:1480px){
    #msec3 .img img{width: 100%;}
}
@media all and (max-width:1024px){
    #msec3{display: block;}
    #msec3 .img {text-align: center;}
    #msec3 .img img{width:100%;object-fit: cover;}
    #msec3 .sec_txt{text-align: center;}
}


#msec4{padding: 110px 0; display: flex; align-items: center; flex-direction: row-reverse;}
#msec4 .img{border-radius: 10px; overflow: hidden;}
@media all and (max-width:1480px){
    #msec4 .img img{width: 100%;}
}
@media all and (max-width:1024px){
    #msec4{display: block; padding: 40px 0;}
    #msec4 .img {text-align: center;}
    #msec4 .img img{width:100%; object-fit: cover;}
    #msec4 .sec_txt{text-align: center;}
}


#msec5{}
#msec5 .list{ display: flex; gap:10px;}
#msec5 .list li{width: 100%; padding:0 34px 34px; text-align: center; border-radius: 10px; border:1px solid #eee;  background-color: #fff; box-shadow:0 0 18px rgba(170, 170, 170, 0.18);}
#msec5 .list li .num{display: inline-flex; transform: translateY(-50%); justify-content: center; align-items: center; background-color: #ead8b9; color: #fff; font-weight: 700; width: 50px; height: 50px; border-radius: 25px; font-size: 20px;}
#msec5 .list li dl{padding-top: 25px;}
#msec5 .list li dt{color: #be9448; font-size: 30px; font-weight: 600;;}
#msec5 .list li dd{padding-top: 5px; font-size: 20px; line-height: 1.5em; color: #000;}
@media all and (max-width:1024px){
#msec5 .list{flex-wrap: wrap; gap:40px 10px;}
#msec5 .list li{width: calc(50% - 10px);}
#msec5 .list li dl{padding-top: 15px;}
#msec5 .list li dt{font-size: 24px;}
#msec5 .list li dd{font-size: 18px;}
}
@media all and (max-width:568px){
#msec5 .list {padding-top: 15px;}
#msec5 .list li img{max-width: 50%;}
#msec5 .list li {padding: 0 10px 10px;}
#msec5 .list li dt{font-size: 20px; word-break: keep-all;}
#msec5 .list li dd{font-size: 16px; word-break: keep-all;}
}



#msec6{text-align: center; padding: 80px 0 120px;}
#msec6 h3{font-size: 38px; font-weight: 400; color: #000; line-height: 1.5em;}
#msec6 h3 .fc-M2{color: #be9448;}
#msec6 .img1{padding-bottom: 40px;}
#msec6 .img2{padding-top: 40px;}
@media all and (max-width:1024px){
#msec6{padding: 60px 0 80px;}
#msec6 h3{font-size: 30px;}
}
@media all and (max-width:568px){
#msec6{padding: 40px 0 60px;}
#msec6 h3{font-size: 24px;}
}
@media all and (max-width:400px){
    #msec6 h3{font-size: 22px; word-break: keep-all;}
    #msec6 h3 span{word-break: keep-all;}
    #msec6 h3 br{display: none;}
}



#msec7{padding: 0 0 130px;}
#msec7 .m_tit p{color: #000; padding-top: 10px; font-size: 18px; font-weight: 500;;}
#msec7 .img2{padding-top: 30px;}
#msec7 .list{display: flex; gap: 10px;}
#msec7 .list li{width: 100%; padding: 30px; display: flex; align-items: center; border-radius: 10px; border:1px solid #eee;  background-color: #fff; box-shadow:0 0 18px rgba(170, 170, 170, 0.18);}
#msec7 .list li dl{padding-left: 20px;}
#msec7 .list li dt{font-size: 26px; font-weight: 600; color: #000;}
#msec7 .list li dd{padding-top: 10px; font-size: 20px; color: #000; line-height: 1.5em;}
#msec7 .tail{text-align: center;}
#msec7 .tail .img3{padding: 55px 0;}
#msec7 .tail dl{ color: #000;}
#msec7 .tail dl dt{padding-bottom: 0.5em; font-size: 26px; }
#msec7 .tail dl dd{font-size: 45px;;}
#msec7 .tail dl dd .fc-M2{color: #be9448;}
#msec7 .tail p{font-size: 26px; line-height: 1.5em; color: #000;}
#msec7 .tail .img4{padding-top: 55px;}
@media all and (max-width:1280px){
    #msec7 .list li .img img{width: 100%;}
    #msec7 .list li dt{font-size: 24px;}
    #msec7 .list li dd{font-size: 18px;}
}
@media all and (max-width:1024px){
     #msec7 .list{flex-direction: column;}
     #msec7 .list li{}
     #msec7 .tail .img3{padding: 40px 0;}
     #msec7 .tail dl dt{font-size: 22px;}
     #msec7 .tail dl dd{font-size: 34px;}
     #msec7 .tail p{font-size: 22px;}
}
@media all and (max-width:568px){
    #msec7 .tail .img3{padding: 30px 0;}
     #msec7 .tail dl dt{font-size: 18px;}
     #msec7 .tail dl dd{font-size: 30px;}
     #msec7 .tail p{font-size: 18px;}
}