@charset "utf-8";

/* main 공통 시작 */
.msec {height: 100vh;}
.sctit {color: var(--color-main);font-size: 1.50em;font-weight: 700;}
.mtit {font-family: var(--font-YES24);font-size: 2.75em;}

@media all and (max-width: 1199px){
    .mtit {font-size: 2.50em;}
}
@media all and (max-width: 1024px){
    .msec {height: auto;padding: 100px 0;}
    .mtit {font-size: 2.22em;}
    .sctit {font-size: 1.22em;}
    .fp-auto-height {padding: 0;}
}
@media all and (max-width: 768px){
    .mtit {font-size: 2.0em;}
}
@media all and (max-width: 640px){
}
/* main 공통 끝 */

/* msec01 - main visual 시작 */
#main-visual {width: 100%;height: 100%;}
.main-swiper {width: 100%;height: 100%;}
.main-swiper .swiper-wrapper {width: 100%;height: 100%;}
.main-swiper .swiper-wrapper .swiper-slide {position: relative;}
.main-swiper .swiper-wrapper .swiper-slide::before {content: '';display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: absolute;top: 0;left: 0;}
.main-swiper .swiper-wrapper .swiper-slide {height: 100%;}
.main-swiper .swiper-wrapper .swiper-slide .cinner {display: flex;flex-direction: column;justify-content: center;position: absolute;height: 100%;left: 0;right: 0;bottom: 0;margin: auto;}
.main-swiper .swiper-wrapper .swiper-slide .tit {margin-bottom: 10px;color: #fff;font-family: var(--font-Poppins);font-size: 5.0em;font-weight: 700;line-height: 1.0;}
.main-swiper .swiper-wrapper .swiper-slide .txt {color: #fff;font-size: 1.50em;font-weight: 700;}
/* main visual 이미지 설정 */
.main-swiper .swiper-wrapper .slide01::before {background-image: url('../img/main/img-main_visual_01_1.png');}
.main-swiper .swiper-wrapper .slide02::before {background-image: url('../img/main/img-main_visual_01_1.png');}

@media all and (max-width: 1199px){
    .main-swiper .swiper-wrapper .swiper-slide .tit {font-size: 4.50em;}
}
@media all and (max-width: 1024px){
    .msec01 {height: 100vh;padding: 0;}
    .main-swiper .swiper-wrapper .swiper-slide {display: flex;justify-content: center;align-items: center;}
    .main-swiper .swiper-wrapper .swiper-slide .tit {text-align: center;}
    .main-swiper .swiper-wrapper .swiper-slide .txt {text-align: center;}
}
@media all and (max-width: 768px){
    .main-swiper .swiper-wrapper .swiper-slide .tit {margin-bottom: 20px;font-size: 3.89em;}
    .main-swiper .swiper-wrapper .swiper-slide .txt {font-size: 1.22em;}
}
@media all and (max-width: 640px){
    .main-swiper .swiper-wrapper .swiper-slide .tit {font-size: 3.33em;}
    .main-swiper .swiper-wrapper .swiper-slide .txt {font-size: 1.11em;}
}
/* msec01 - main visual 끝 */

/* msec02 - mabout 시작 */
/*.msec02 {background: url(../img/main/img-msec02_bg.jpg) 100% 50% /cover no-repeat;}*/
#mabout .sctit {margin-bottom: 38px;}
#mabout .mtit {margin-bottom: 20px;}
#mabout .mtit b {color: var(--color-main);}
#mabout .mtxt {color: #969696;}
#mabout ul {display: flex;gap: 0 25px;margin-top: 90px;}
#mabout ul > li {display: flex;justify-content: space-between;align-items: center;gap: 0 30px;width: 33.333%;padding: 40px 55px;box-sizing: border-box;border-radius: 10px;background: #fff;box-shadow: 1px -1px 31px 0px rgba(221,221,221,1);-webkit-box-shadow: 1px -1px 31px 0px rgba(221,221,221,1);-moz-box-shadow: 1px -1px 31px 0px rgba(221,221,221,1);}
#mabout ul > li > .ico {flex: 0 0 auto;width: 100px;}
#mabout ul > li > .cont > .tit {margin-bottom: 5px;font-family: var(--font-YES24);font-size: 1.25em;}
#mabout ul > li > .cont > .txt {font-size: 17px;text-align: center;}

@media all and (max-width: 1399px){
    #mabout ul {margin-top: 50px;}
    #mabout ul > li {padding: 40px 35px;}
    #mabout ul > li > .ico {width: 80px;}
}
@media all and (max-width: 1199px){
    #mabout .sctit {margin-bottom: 28px;}
    #mabout ul > li {flex-direction: column;gap: 20px 0;justify-content: center;padding: 30px;}
    #mabout ul > li > .ico {width: 60px;}
    #mabout ul > li > .cont > .tit {font-size: 1.10em;text-align: center;}
}
@media all and (max-width: 1024px){
    #mabout .sctit {margin-bottom: 20px;}
}
@media all and (max-width: 768px){
    #mabout ul {margin-top: 40px;gap: 0 10px;}
    #mabout ul > li {padding: 25px 20px;}
}
@media all and (max-width: 640px){
    #mabout .sctit {margin-bottom: 18px;}
    #mabout .mtit > .line-br,
    #mabout .mtxt > .line-br {display: inline;}
    #mabout ul {flex-wrap: wrap;gap: 10px 0;}
    #mabout ul > li {width: 100%;}
}
/* msec02 - mabout 끝 */

/* msec03 - mproduct 시작 */
.msec03 {background: url(../img/main/img-msec03_bg.jpg) center center /cover no-repeat;}
#mproduct .sctit {margin-bottom: 20px;color: #fff;text-align: center;}
#mproduct .mtit {margin-bottom: 65px;color: #fff;text-align: center;}
#mproduct ul {display: flex;gap:0 25px;}
#mproduct ul > li {width: 33.333%;}
#mproduct ul > li .img-cont {border-radius: 10px;overflow: hidden;position: relative;z-index: 1;}
#mproduct ul > li .img-cont > img {border-radius: 10px;overflow: hidden;transition: .35s;}
#mproduct ul > li .img-tit {padding: 30px 0 20px;border-radius: 0 0 10px 10px;background: #09813E;color: #fff;font-size: 1.25em;font-weight: 600;text-align: center;position: relative;top: -10px;z-index: 0;transition: .35s;}
#mproduct ul > li > a:hover .img-cont img,
#mproduct ul > li > a:focus .img-cont img {transform: scale(1.05);}
#mproduct ul > li > a:hover .img-tit,
#mproduct ul > li > a:focus .img-tit {background: var(--color-acc);}

@media all and (max-width: 1199px){
    #mproduct .mtit {margin-bottom: 40px;}
    #mproduct ul {display: flex;gap:0 15px;}
}
@media all and (max-width: 1024px){
    #mproduct ul > li .img-tit {padding: 20px 0 10px;font-size: 1.0em;}
}
@media all and (max-width: 640px){
    #mproduct ul {flex-wrap: wrap;justify-content: center;gap: 0 10px;}
    #mproduct ul > li {width: calc(50% - 5px);}
}
@media all and (max-width: 480px){
    #mproduct ul {gap: 10px 0;}
    #mproduct ul > li {width: 100%;}
}
/* msec03 - mproduct 끝 */

/* msec04 - mbusiness 시작 */
.msec04 {background: #1AA056;position: relative;}
.msec04::before,
.msec04::after {content: '';display: block;position: absolute;}
.msec04::before {width: 1000px;height: 497px;background: url(../img/main/img-msec04_bg.png) center 0%/ cover no-repeat;left: 30px;bottom: 8%;}
.msec04::after {width: 58%;height: 100%;border-radius: 100px 0 0 0;background: #fff;top: 0;bottom: 0;right: 0;z-index: 0;}
#mbusiness .cinner {display: flex;justify-content: space-between;position: relative;z-index: 1;}
#mbusiness .mtit-cont > .sctit {margin-bottom: 20px;color: #fff;}
#mbusiness .mtit-cont > .mtit {margin-bottom: 40px;color: #fff;}
#mbusiness .mtit-cont > .mtxt {color: #fff;}
#mbusiness .busn-cont {max-width: 700px;width: 50%;}
#mbusiness .busn-cont ul {display: flex;flex-direction: column;gap: 40px 0;}
#mbusiness .busn-cont ul > li > a {border-radius: 10px;}
#mbusiness .busn-cont ul > li:nth-child(odd) > a {background: #1AA056;}
#mbusiness .busn-cont ul > li:nth-child(even) > a {background: #4BB952;}
#mbusiness .busn-cont ul > li > a {display: flex;align-items: center;gap: 0 24px;padding: 35px 60px;color: #fff;transition: .35s;}
#mbusiness .busn-cont ul > li > a:hover,
#mbusiness .busn-cont ul > li > a:focus {filter: grayscale(.5);}
#mbusiness .busn-cont ul > li .num {font-family: var(--font-Poppins);font-size: 1.50em;font-weight: 800;}
#mbusiness .busn-cont ul > li .cont-box {display: flex;align-items: center;gap: 0 28px;width: 100%;}
#mbusiness .busn-cont ul > li .ico-cont {flex: 0 0 auto;width: 78px;}
#mbusiness .busn-cont ul > li .txt-cont > .tit {margin-bottom: 10px;font-family: var(--font-YES24);font-size: 1.50em;}

@media all and (max-width: 1399px){
    .msec04::before {width: 800px;height: 398px;}
    .msec04::after {width: 60%;border-radius: 70px 0 0 0;}
    #mbusiness .busn-cont {width: 52%;}
    #mbusiness .busn-cont ul {gap: 30px 0;}
    #mbusiness .busn-cont ul > li > a {padding: 30px 40px;}
    #mbusiness .busn-cont ul > li .ico-cont {width: 68px;}
    #mbusiness .busn-cont ul > li .txt-cont > .tit {margin-bottom: 5px;font-size: 1.30em;}
}
@media all and (max-width: 1199px){
    .msec04::after {width: 62%;border-radius: 60px 0 0 0;}
    #mbusiness .busn-cont {width: 56%;}
    #mbusiness .busn-cont ul > li > a {gap: 0 18px;}
    #mbusiness .busn-cont ul > li .num {font-size: 1.25em;}
    #mbusiness .busn-cont ul > li .cont-box {align-items: normal;gap: 0 20px;}
    #mbusiness .busn-cont ul > li .ico-cont {width: 68px;}
}
@media all and (max-width: 1024px){
    .msec04 {padding: 100px 0 70px;/}
    .msec04::before {width: 964px;top: 0;left: 0;bottom: auto;margin: auto;}
    .msec04::after {width: 100%;height: 62%;border-radius: 0;top: auto;bottom: 0;}
    #mbusiness .cinner {flex-direction: column;gap: 100px 0;}
    #mbusiness .mtit-cont > .mtit {margin-bottom: 10px;}
    #mbusiness .mtit-cont > .mtit > .line-br {display: inline;}
    #mbusiness .busn-cont {max-width: none;width: 100%;}
    #mbusiness .busn-cont ul {flex-direction: row;flex-wrap: wrap;gap: 20px 20px;}
    #mbusiness .busn-cont ul > li {display: flex;flex-direction: column;width: calc(50% - 10px);}
    #mbusiness .busn-cont ul > li > a {flex-grow: 1;flex-direction: column;gap: 10px 0;padding: 30px 46px;}
    #mbusiness .busn-cont ul > li:nth-child(1) > a,
    #mbusiness .busn-cont ul > li:nth-child(4) > a {background: #1AA056;}
    #mbusiness .busn-cont ul > li:nth-child(2) > a,
    #mbusiness .busn-cont ul > li:nth-child(3) > a {background: #4BB952;}
    #mbusiness .busn-cont ul > li .num {font-size: 1.0em;}
    #mbusiness .busn-cont ul > li .ico-cont {width: 60px;}
    #mbusiness .busn-cont ul > li .txt-cont {width: calc(100% - 80px);}
    #mbusiness .busn-cont ul > li .txt-cont > .tit {margin-bottom: 0;}
}
@media all and (max-width: 768px){
    .msec04::before {width: 844px;}
    .msec04::after {height: 68%;}
    #mbusiness .cinner {gap: 100px 0;}
    #mbusiness .busn-cont ul > li > a {gap: 10px 0;padding: 30px;}
     #mbusiness .busn-cont ul > li .cont-box {flex-direction: column;align-items: center;gap: 15px 0;}
    #mbusiness .busn-cont ul > li .ico-cont {width: 50px;}
    #mbusiness .busn-cont ul > li .txt-cont {width: 100%;text-align: center;}
    #mbusiness .busn-cont ul > li .txt-cont > .tit {margin-bottom: 5px;}
}
@media all and (max-width: 640px){
    #mbusiness .busn-cont ul > li > a {padding: 30px 20px;}
    #mbusiness .busn-cont ul > li .num {font-size: 16px;}
    #mbusiness .busn-cont ul > li .txt-cont > .tit {font-size: 1.10em;}
   
}
@media all and (max-width: 480px){
    .msec04::after {height: 78%;}
    #mbusiness .busn-cont ul > li {width: 100%;}
    #mbusiness .busn-cont ul > li:nth-child(odd) > a {background: #1AA056;}
    #mbusiness .busn-cont ul > li:nth-child(even) > a {background: #4BB952;}
}
/* msec04 - mbusiness 끝 */

/* msec05 - notice 시작 */
.msec05 {background: url(../img/main/img-msec05_bg.jpg) 100% 100% /cover no-repeat;}
.msec05 .sctit {margin-bottom: 38px;}
.msec05 .mtit {margin-bottom: 20px;}
.msec05 .mtxt {color: #333;}
.msec05 .cont-box {margin-top: 60px; position: relative;}

@media all and (max-width: 1024px){
    .msec05 .sctit {margin-bottom: 20px;}
    .msec05 .mtit {margin-bottom: 10px;}
}
/* msec05 - notice 끝 */

/* msec06 - mquick 시작 */
#mquick {display: flex;}
#mquick > div {display: flex;flex-direction: column;width: 50%;padding: 129px 100px;box-sizing: border-box;position: relative;overflow: hidden;}
#mquick > div::before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: -1;transition: .35s;}
#mquick .resources::before {background: url(../img/main/img-msec06_bg01.jpg) center center / cover no-repeat;}
#mquick .inquiry::before {background: url(../img/main/img-msec06_bg02.jpg) center center / cover no-repeat;}
#mquick .resources {align-items: flex-end;}
#mquick .inquiry {align-items: flex-start;}
#mquick > div:has(.btn-more:hover)::before {transform: scale(1.05);}
#mquick .mtit {margin-bottom: 5px;color: #fff;font-size: 2.0em;}
#mquick .mtxt {flex-grow: 1;margin-bottom: 75px;color: #fff;}
#mquick .btn-more {display: inline-block;padding-right: 12px;color: #fff;font-size: 15px;font-weight: 600;position: relative;transition: .35s;}
#mquick .btn-more::before,
#mquick .btn-more::after {content: '';display: block;width: 7px;height: 2px;background: #fff;position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
#mquick .btn-more::after {transform: rotate(90deg);}
#mquick .btn-more:hover,
#mquick .btn-more:focus {padding-right: 20px;text-decoration: underline;text-underline-offset: 6px;}

@media all and (max-width: 1399px){
    #mquick > div {padding: 108px 70px;}
}
@media all and (max-width: 1199px){
    #mquick > div {padding: 78px 70px;}
}
@media all and (max-width: 1024px){
    #mquick {flex-direction: column;}
    #mquick > div {width: 100%;padding: 70px;}
}
@media all and (max-width: 768px){
    #mquick > div {padding: 60px 50px;}
    #mquick .mtxt {margin-bottom: 50px;}
}
@media all and (max-width: 640px){
    #mquick > div {padding: 40px 30px;}
}
/* msec06 - mquick 끝 */