@charset "utf-8";

/* main visual 시작 */
.mvis {width: 100%;height: 724px;}
#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;align-items: flex-end;height: calc(100% - 95px);position: absolute;left: 0;right: 0;bottom: 0;}
.main-swiper .swiper-wrapper .swiper-slide .tit {margin-bottom: 35px;color: #fff;font-size: 3.50em;font-weight: 700;text-align: right;line-height: 1.1;}
.main-swiper .swiper-wrapper .swiper-slide .tit > img {width: 320px;}
.main-swiper .swiper-wrapper .swiper-slide .txt-cont {margin-bottom: 60px;color: #fff;text-align: right;}
.main-swiper .swiper-wrapper .swiper-slide .txt-cont .mtxt {margin-bottom: 10px;font-size: 1.25em;font-weight: 600;}
.main-swiper .swiper-wrapper .swiper-slide .txt-cont .txt {font-size: 18px;}
.main-swiper .swiper-ctrls {width: 100%;position: absolute;right: 0;bottom: 22%;}
.main-swiper .swiper-ctrls .cinner {position: relative;}
.main-swiper .swiper-pagination {width: auto !important;position: absolute;left: auto !important;right: 0;}
.main-swiper .swiper-pagination .swiper-pagination-bullet {width: 8px;aspect-ratio: 1 /1;margin: 0 5px!important;border-radius: 50%;background: #fff;opacity: .6;transition: .35s;}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
/* main visual 이미지 설정 */
.main-swiper .swiper-wrapper .slide01::before {background-image: url(../img/main/img-main_visual_01.jpg);}
.main-swiper .swiper-wrapper .slide02::before {background-image: url(../img/main/img-main_visual_02.jpg);}
.main-swiper .swiper-wrapper .slide03::before {background-image: url(../img/main/img-main_visual_03.jpg);}

@media all and (max-width: 1199px){
    .main-swiper .swiper-wrapper .swiper-slide .cinner {height: calc(100% - 80px);}
}
@media all and (max-width: 1024px){
    .mvis {height: 600px;}
    .main-swiper .swiper-wrapper .swiper-slide .tit {font-size: 3.0em;}
    .main-swiper .swiper-ctrls {bottom: 24%;}
}
@media all and (max-width: 640px){
    .mvis {height: 500px;}
    .main-swiper .swiper-wrapper .swiper-slide .cinner {align-items: center;}
    .main-swiper .swiper-wrapper .swiper-slide .txt-cont {margin-bottom: 0;text-align: center;}
    .main-swiper .swiper-wrapper .swiper-slide .txt {margin-bottom: 5px;}
    .main-swiper .swiper-wrapper .swiper-slide .txt-cont .mtxt {font-size: 20px;}
    .main-swiper .swiper-wrapper .swiper-slide .txt-cont .txt {font-size: 16px;}
    .main-swiper .swiper-wrapper .swiper-slide .tit {margin-bottom: 20px;font-size: 2.33em;text-align: center;}
    .main-swiper .swiper-wrapper .swiper-slide .tit > img {width: 260px;}
    .main-swiper .swiper-ctrls {left: 0;bottom: 2%;margin: auto;}
    .main-swiper .swiper-pagination {left: 0 !important;}
}
@media all and (max-width: 480px){
    .main-swiper .swiper-wrapper .swiper-slide .tit {font-size: 2.0em;}
    .main-swiper .swiper-wrapper .swiper-slide .tit > img {width: 240px;}
    .main-swiper .swiper-wrapper .swiper-slide .txt-cont .txt > .line-br {display: inline;}
}
/* main visual 끝 */



/* msec01 - mintro 시작 */
#mintro {height: 150px;margin-bottom: 50px;background: #f8f8f8;position: relative;z-index: 1;}
#mintro .cinner {display: flex;justify-content: flex-end;align-items: center;height: 100%;position: relative;}
#mintro .txt-cont {flex: 0 0 auto;max-width: 480px;width: 35%;height: 100%;padding: 20px 50px;box-sizing: border-box;background: var(--color-main);color: #fff;/* position: absolute; *//* left: 0; *//* bottom: 0; *//* z-index: 1; */}
#mintro .txt-cont > .tit {font-family: var(--font-Outfit);font-size: 2.0em;font-weight: 400;}
#mintro .txt-cont > .tit > span {font-weight: 700;}
#mintro .txt-cont > .txt {font-size: 18px;font-weight: 500;}
#mintro ul {display: flex;width: 100%;}
#mintro ul > li {display: flex;justify-content: center;align-items: center;width: 25%;position: relative;}
#mintro ul > li:not(:last-child)::after {content: '';display: block;width: 1px;height: 66px;background: #b0b0b0;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
#mintro ul > li > a > .ico {width: 60px;margin: 0 auto 6px;}
#mintro ul > li > a > .txt {color: #333;font-size: 18px;font-weight: 500;transition: .35s;}
#mintro ul > li > a:hover > .txt,
#mintro ul > li > a:focus > .txt {color: var(--color-main);font-weight: 600;}

@media (max-width: 1199px){
    #mintro .txt-cont {width: 40%;}
    #mintro ul > li > a > .ico {width: 50px;}
}
@media all and (max-width: 1024px){
    #mintro {height: auto;}
    #mintro .cinner {flex-direction: column;justify-content: normal;gap: 20px;padding: 30px 0;}
    #mintro .txt-cont {display: flex;flex-direction: column;justify-content: center;max-width: none;/* width: 45%; */width: 100%;padding: 30px;text-align: center;/* position: relative; *//* left: auto; *//* bottom: auto; */}
    #mintro .txt-cont > .txt > .line-br {display: inline;}
    #mintro ul > li {box-sizing: border-box;}
    
}
@media all and (max-width: 768px){
    #mintro .txt-cont > .txt > .line-br {display: inline;}
    #mintro ul > li > a > .ico {width: 46px;}
}
@media all and (max-width: 640px){
    #mintro .cinner {flex-direction: column;gap: 20px 0;padding: 30px 0;}
    #mintro .txt-cont {padding: 20px;}
    #mintro .txt-cont > .tit {margin-bottom: 5px;text-align: center;}
    #mintro .txt-cont > .txt {text-align: center;}
    #mintro .txt-cont > .txt > .line-br {display: block;}
    #mintro ul {width: 100%;}
    #mintro ul > li > a > .ico {width: 40px;}
}
@media all and (max-width: 480px){
    #mintro .txt-cont > .tit {font-size: 1.56em;}
    #mintro .txt-cont > .txt {font-size: 16px;}
    #mintro ul {margin: 0 auto;padding: 0;}
    #mintro ul > li > a > .txt {font-size: 16px;}
}
/* msec01 - mintro 끝 */



/* msec02 - minfo 시작 */
#minfo {margin-bottom: 60px;}
#minfo .cont-list {display: flex;border: 1px solid #f2f2f2;box-sizing: border-box;}
#minfo .cont-list > li {width: 33.333%;padding: 32px 20px;box-sizing: border-box;}
#minfo .cont-list > li:not(:last-child) {border-right: 1px solid #f2f2f2;}
#minfo .cont-list > li:not(.contact) .tit {margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;box-sizing: border-box;font-size: 18px;font-weight: 600;}
#minfo .cont-list > li:not(.contact) .tit > span {margin-left: 15px;color: #444;font-size: 16px;font-weight: 500;}
#minfo .cont-list > li.location .map {margin-bottom: 20px;width: 100%;height: 175px;}
#minfo .cont-list > li.location .map .root_daum_roughmap .wrap_map {height: 100%;}
#minfo .cont-list > li.location .map .wrap_controllers,
#minfo .cont-list > li.location .map .wrap_btn_zoom {display: none;}
#minfo .cont-list > li.location .txt {display: flex;justify-content: center;align-items: center;font-size: 18px;position: relative;}
#minfo .cont-list > li.location .txt::before {flex: 0 0 auto;content: '';display: block;width: 17px;height: 20px;margin-right: 10px;background: url(../img/main/img-msec02_ico01.png) center center / cover no-repeat;}
#minfo .cont-list > li.contact {background: url(../img/main/img-msec02_bg.jpg) center center / cover no-repeat;}
#minfo .cont-list > li.contact .cont-box {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 22px 0;border: 3px solid #fff;box-sizing: border-box;background: rgba(0,0,0,.5);color: #fff;font-family: var(--font-Outfit);}
#minfo .cont-list > li.contact .cont-box .tit {margin-bottom: 15px;}
#minfo .cont-list > li.contact .cont-box .tel {margin-bottom: 8px;color: #fff;font-size: 2.25em;font-weight: 700;}
#minfo .cont-list > li.contact .cont-box .txt > span {margin-right: 2px;font-weight: 700;}
#minfo .cont-list > li.contact .cont-box .btn-wrap {display: flex;gap: 10px;margin-top: 20px;}
#minfo .cont-list > li.contact .cont-box .btn-wrap > .btn-more {padding: 9px 26px;border-radius: 5px;font-family: var(--font-Pretendard);font-size: 16px;font-weight: 600;transition: .35s;}
#minfo .cont-list > li.contact .cont-box .btn-wrap > .btn-more:nth-child(1) {background: rgba(83,114,183,.7);color: #fff;}
#minfo .cont-list > li.contact .cont-box .btn-wrap > .btn-more:nth-child(2) {background: rgba(255,255,255,.7);color: #000;}
#minfo .cont-list > li.contact .cont-box .btn-wrap > .btn-more:nth-child(1):hover,
#minfo .cont-list > li.contact .cont-box .btn-wrap > .btn-more:nth-child(1):focus {background: rgba(83,114,183,1);}
#minfo .cont-list > li.contact .cont-box .btn-wrap > .btn-more:nth-child(2):hover,
#minfo .cont-list > li.contact .cont-box .btn-wrap > .btn-more:nth-child(2):focus {background: rgba(255,255,255,1);}

@media all and (max-width: 1399px){
    #minfo .cont-list > li.location .txt {font-size: 16px;}
}
@media all and (max-width: 1199px){
    #minfo .cont-list > li.location .txt {align-items: flex-start;}
    #minfo .cont-list > li.location .txt::before {width: 14px;height: 17px;margin-right: 5px;position: relative;top: 2px;}
    #minfo .cont-list > li.contact .cont-box .tel {font-size: 1.80em;}
}
@media all and (max-width: 1024px){
    #minfo .cont-list {flex-wrap: wrap;}
    #minfo .cont-list > li {width: 50%;}
    #minfo .cont-list > li.contact {width: 100%;}
}
@media all and (max-width: 768px){
    #minfo .cont-list > li {padding: 20px;}
}
@media all and (max-width: 640px){
    #minfo .cont-list > li {width: 100%;}
    #minfo .cont-list > li:not(:last-child) {border-bottom: 1px solid #f2f2f2;}
    #minfo .cont-list > li:not(.contact) .tit {margin-bottom: 20px;}
    #minfo .cont-list > li.location .map {height: 220px;}
    #minfo .cont-list > li.contact .cont-box .tit,
    #minfo .cont-list > li.contact .cont-box .tel {margin-bottom: 10px;}
    #minfo .cont-list > li.contact .cont-box .btn-wrap {margin-top: 10px;}
}
@media all and (max-width: 480px){
    #minfo .cont-list > li.contact .cont-box .txt {font-size: 15px;}
}
/* msec02 - minfo 끝 */



/* msec03 - mbusiness 시작 */
#mbusiness {padding-bottom: 80px;position: relative;}
#mbusiness::after {content: '';display: block;width: 100%;max-height: 315px;height: 56%;background: #ecf2f3;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
#mbusiness .tit-cont {display: flex;align-items: center;gap: 0 20px;margin-bottom: 40px;}
#mbusiness .tit-cont > .tit {font-size: 1.25em;font-weight: 700;}
#mbusiness .tit-cont > .txt {color: #777;font-size: 16px;}
#mbusiness .cont-box {position: relative;}
#mbusiness .busn-swiper .swiper-slide > a {display: block;position: relative;}
#mbusiness .busn-swiper .swiper-slide > a::before {content: '';display: block;width: 0;padding-top: 77.78%;}
#mbusiness .busn-swiper .swiper-slide > a > img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#mbusiness .busn-swiper-ctrls {position: absolute;top: -85px;right: 0;transform: translateY(25%);z-index: 10;}
#mbusiness .busn-swiper-ctrls .data-nav {display: flex;gap: 0 5px;}
#mbusiness .busn-swiper-ctrls button {width: 45px;aspect-ratio: 1 / 1;border: 1px solid #8f8f8f;box-sizing: border-box;border-radius: 50%;background: #fff;position: relative;transition: .35s;}
#mbusiness .busn-swiper-ctrls button::before {content: '';display: block;width: 12px;aspect-ratio: 1 / 1;border: 1px solid #8f8f8f;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: .35s;}
#mbusiness .busn-swiper-ctrls .btn-prev::before {border-right: 0;border-top: 0;transform: translateX(25%) rotate(45deg);}
#mbusiness .busn-swiper-ctrls .btn-next::before {border-left: 0;border-bottom: 0;transform: translateX(-25%) rotate(45deg);}
#mbusiness .busn-swiper-ctrls button:hover,
#mbusiness .busn-swiper-ctrls button:focus {background: var(--color-main);border-color: var(--color-main);}
#mbusiness .busn-swiper-ctrls button:hover::before,
#mbusiness .busn-swiper-ctrls button:focus::before {border-color: #fff;}
#mbusiness .busn-swiper-ctrls button.swiper-button-disabled {opacity: .3;}

@media all and (max-width: 1024px){
    #mbusiness .tit-cont {margin-bottom: 30px;}
    #mbusiness .busn-swiper-ctrls button {width: 40px;}
    #mbusiness .busn-swiper-ctrls {top: -70px;}
}
@media all and (max-width: 768px){
    #mbusiness .busn-swiper-ctrls {width: 100%;top: 50%;left: 0;transform: translateY(0);}
    #mbusiness .busn-swiper-ctrls .data-nav {display: block;width: 100%;}
    #mbusiness .busn-swiper-ctrls button {position: absolute;top: 50%;}
    #mbusiness .busn-swiper-ctrls .btn-prev {left: 0;transform: translate(-50%, -50%);}
    #mbusiness .busn-swiper-ctrls .btn-next {right: 0;transform: translate(50%, -50%);}
}
@media all and (max-width: 640px){
    #mbusiness .tit-cont {flex-direction: column;text-align: center;}
}
/* msec03 - mbusiness 끝 */