@charset "utf-8";

/* ******************* *
* 공통
* ******************* */
.msec-title {margin-bottom: 60px;text-align: center;line-height: 1.3;}
.msec-title .title {font-size: 2.50em;font-weight: 700;}
.msec-title .stit {margin-bottom: 5px;color: var(--color-main);font-size: 2.0em;font-weight: 600;}
.msec-title .txt {margin-top: 25px;color: #333;font-size: 1.30em;font-weight: 500;}

@media all and (max-width: 1199px){
    .msec-title .title {font-size: 2.30em;}
}
@media all and (max-width: 768px){
    .msec-title .title {font-size: 2.0em;}
    .msec-title .txt {font-size: 20px;}
}


/* ******************* *
* MVIS
* ******************* */
/* .mvis {height: 600px;position: relative;}
.main-visual {width: 100%;height: 100%;}
.main-visual .main-visual__slide-img {display: block;width: 100%;height: 100%;}

.main-visual-ctrls {width: 100%;position: absolute;left: 0;right: 0;bottom: 60px;margin: 0 auto;z-index: 10;}
.main-visual-ctrls .cinner {display: flex;align-items: center;gap: 18px;max-width: 1190px;}
.main-visual-ctrls .data-num {display: flex;align-items: center;gap: 10px;color: #333;font-family: var(--font-Suit);font-weight: 700;}
.main-visual-ctrls .data-bar {width: 198px;height: 4px;background: #D6D6D6;}
.main-visual-ctrls .data-bar .progress {display: block;height: 100%;background: var(--color-main);}
.main-visual-ctrls .data-nav {}
.main-visual-ctrls .data-nav > button {position: relative;}
.main-visual-ctrls .data-nav > button::before {content: '';display: block;width: 10px;height: 10px;border-style: solid;border-color: #333;transform: rotate(45deg);}
.main-visual-ctrls .data-nav > .btn-prev {}
.main-visual-ctrls .data-nav > .btn-prev::before {border-width: 0 0 2px 2px;}
.main-visual-ctrls .data-nav > .btn-next {}
.main-visual-ctrls .data-nav > .btn-next::before {border-width: 2px 2px 0 0;}
.main-visual-ctrls .data-auto,
.main-visual-ctrls .data-auto * {display: flex;align-items: center;}
.main-visual-ctrls .data-auto button {width: 26px;height: 26px;border: 0;border-radius: 50%;background: #333;position: relative;cursor: pointer;}
.main-visual-ctrls .data-auto button::before {content: '';display: block;border-style: solid;border-color: transparent #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-visual-ctrls .data-auto .btn-play {display: none;}
.main-visual-ctrls .data-auto .btn-play:before {border-width: 5px 0 5px 7px;width: 0;height: 0;}
.main-visual-ctrls .data-auto .btn-stop {display: block;}
.main-visual-ctrls .data-auto .btn-stop:before {border-width: 0 1px;box-sizing: border-box;width: 6px;height: 9px;} */

.mvis {height: 600px;position: relative;}
.main-visual {width: 100%;height: 100%;}
.main-visual__wrapper {width: 100%;height: 100%;}
.main-visual__slide {display: flex;align-items: flex-end;height: 100%;}
.main-visual__slide .cinner {display: flex;justify-content: center;align-items: center;max-width: 1190px;height: 100%;}
.main-visual__slide-cont {width: 47%;margin-top: -40px;}
.main-visual__slide-cont .stit {display: flex;align-items: center;gap: 10px;margin-bottom: 8px;color: #333;font-size: 1.50em;font-weight: 600;}
.main-visual__slide-cont .stit > span {display: inline-block;padding: 0 23px;border-radius: 16px;background: var(--color-main);color: #fff;font-size: .77em;}
.main-visual__slide-cont .tit {margin-bottom: 20px;font-size: 3.0em;font-weight: 800;}
.main-visual__slide-cont .txt-cont {margin-bottom: 60px;}
.main-visual__slide-cont .txt-cont > .btxt {margin-bottom: 10px;color: var(--color-main);font-weight: 700;}
.main-visual__slide-cont .txt-cont > ul {}
.main-visual__slide-cont .txt-cont > ul > li {padding-left: 13px;color: #333;font-size: 18px;font-weight: 500;position: relative;}
.main-visual__slide-cont .txt-cont > ul > li::before {content: '';display: block;width: 3px;height: 3px;border-radius: 50%;background: #333;position: absolute;top: 10px;left: 0;}
.main-visual__slide-cont .btn-basic {display: flex;justify-content: center;align-items: center;gap: 10px;max-width: 298px;max-height: 62px;padding: 18px 52px;box-sizing: border-box;border-radius: 31px;background: #333;color: #fff;font-size: 1.15em;font-weight: 600;position: relative;transition: .35s ease;}
.main-visual__slide-cont .btn-basic::after {content: '';display: block;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
.main-visual__slide-cont .btn-basic:hover {background: var(--color1);}
.main-visual__slide-img {flex: 0 0 auto;align-self: flex-end;max-width: 632px;width: 53%;}
.main-visual-ctrls {width: 100%;position: absolute;left: 0;right: 0;bottom: 60px;margin: 0 auto;z-index: 10;}
.main-visual-ctrls .cinner {display: flex;align-items: center;gap: 18px;max-width: 1190px;}
.main-visual-ctrls .data-num {display: flex;align-items: center;gap: 10px;color: #333;font-family: var(--font-Suit);font-weight: 700;}
.main-visual-ctrls .data-bar {width: 198px;height: 4px;background: #D6D6D6;}
.main-visual-ctrls .data-bar .progress {display: block;height: 100%;background: var(--color-main);}
.main-visual-ctrls .data-nav {}
.main-visual-ctrls .data-nav > button {position: relative;}
.main-visual-ctrls .data-nav > button::before {content: '';display: block;width: 10px;height: 10px;border-style: solid;border-color: #333;transform: rotate(45deg);}
.main-visual-ctrls .data-nav > .btn-prev {}
.main-visual-ctrls .data-nav > .btn-prev::before {border-width: 0 0 2px 2px;}
.main-visual-ctrls .data-nav > .btn-next {}
.main-visual-ctrls .data-nav > .btn-next::before {border-width: 2px 2px 0 0;}
.main-visual-ctrls .data-auto,
.main-visual-ctrls .data-auto * {display: flex;align-items: center;}
.main-visual-ctrls .data-auto button {width: 26px;height: 26px;border: 0;border-radius: 50%;background: #333;position: relative;cursor: pointer;}
.main-visual-ctrls .data-auto button::before {content: '';display: block;border-style: solid;border-color: transparent #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-visual-ctrls .data-auto .btn-play {display: none;}
.main-visual-ctrls .data-auto .btn-play:before {border-width: 5px 0 5px 7px;width: 0;height: 0;}
.main-visual-ctrls .data-auto .btn-stop {display: block;}
.main-visual-ctrls .data-auto .btn-stop:before {border-width: 0 1px;box-sizing: border-box;width: 6px;height: 9px;}

@media (max-width: 1399px){
    .main-visual-ctrls .cinner {max-width: none;}
}
@media all and (max-width: 1199px){
    .mvis {height: 540px;}
    .main-visual__slide-cont .stit {font-size: 1.20em;}
    .main-visual__slide-cont .tit {font-size: 2.50em;}
    .main-visual__slide-cont .txt-cont {margin-bottom: 40px;}
    .main-visual__slide-cont .btn-basic {max-width: 250px;padding: 12px 35px;font-size: 1.0em;}
    .main-visual-ctrls {bottom: 40px;}
}
@media all and (max-width: 1024px){
    .mvis {/* height: auto; */}
    .main-visual {/* padding: 50px 0 30px !important; */}
    .main-visual__slide .cinner {flex-direction: column;}
    .main-visual__slide-cont {width: 100%;height: 100%;margin: 0;padding-top: 50px;box-sizing: border-box;/* padding: 50px 0; */}
    .main-visual__slide-cont .btn-basic {max-width: 220px;padding: 12px 30px;font-size: 1.0em;}
    .main-visual__slide-img {max-width: none;width: auto;height: 86%;position: absolute;right: 30px;bottom: 0;z-index: -1;}
    .main-visual__slide-img > img {width: auto;height: 100%;}

    .main-visual-ctrls {/* margin-top: 50px; *//* position: relative; *//* bottom: auto; */}
    .main-visual-ctrls .cinner {/* justify-content: center; */}
}
@media all and (max-width: 768px){
    /* .mvis {max-height: calc(100vh - 80px);height: 100vh;}
    .main-visual__slide .cinner {gap: 10px;}
    .main-visual__slide-cont {flex: 0 0 auto;height: auto;}
    .main-visual__slide-img {position: relative;right: auto;bottom: auto;width: 50%;height: auto;}
    .main-visual__slide-img > img {width: 100%;height: auto;}
    .main-visual-ctrls {bottom: 20px;}
    .main-visual-ctrls .cinner {justify-content: center;} */
    .mvis {max-height: calc(100vh - 80px);height: 100vh;}
    .main-visual__slide-cont .txt-cont {margin-bottom: 25px;}
    .main-visual__slide-cont .btn-basic {max-width: 190px;padding: 12px 20px;}
    .main-visual__slide-img {width: 90%;height: auto;padding: 0 20px;box-sizing: border-box;right: 0;}
    .main-visual__slide-img > img {max-width: 540px;width: 100%;height: auto;margin-left: auto;}
    .main-visual-ctrls {bottom: 25px;}
    .main-visual-ctrls .cinner {justify-content: center;}
}


/* ******************* *
* MSEC01
* ******************* */
.msec01 {padding: 95px 0 125px;}
.msec01 .lecture-slide__cont ul {display: flex;flex-wrap: wrap;gap: 50px 20px;}
.msec01 .lecture-slide__cont ul > li {width: calc(33.333% - 13.34px);}
.msec01 .lecture-slide__cont ul > li .video {margin-bottom: 20px;border-radius: 20px;overflow: hidden;}
.msec01 .lecture-slide__cont ul > li .video iframe {display: block;aspect-ratio: 16 / 9;}
.msec01 .lecture-slide__cont ul > li .info {text-align: center;}
.msec01 .lecture-slide__cont ul > li .info > .tit {margin-bottom: 5px;color: #333;font-size: 1.50em;font-weight: 700;}
.msec01 .lecture-slide__cont ul > li .info > .txt {color: #6B6B6B;font-size: 1.25em;font-weight: 500;}
.msec01 .lecture-slide-ctrls {margin-top: 85px;}
.msec01 .lecture-slide-ctrls .swiper-pagination {position: relative;top: auto;bottom: auto;}
.msec01 .lecture-slide-ctrls .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 5px;background: #939393;transition: .35s ease-in-out;}
.msec01 .lecture-slide-ctrls .swiper-pagination-bullet-active {width: 44px;background: var(--color-main);}

@media all and (max-width: 1199px){
    .msec01 .lecture-slide__cont ul > li .video {border-radius: 15px;}
    .msec01 .lecture-slide__cont ul > li .info > .tit {margin-bottom: 0;font-size: 1.30em;}
    .msec01 .lecture-slide__cont ul > li .info > .txt {font-size: 1.0em;}
}
@media all and (max-width: 1024px){
    .msec01 {padding: 95px 0 100px;}
    .msec01 .lecture-slide__cont ul > li {width: calc(50% - 10px);}
    .msec01 .lecture-slide__cont ul > li .video {border-radius: 10px;}
}
@media all and (max-width: 768px){
    .msec01 .lecture-slide__cont ul {gap: 30px 20px;}
    .msec01 .lecture-slide-ctrls {margin-top: 50px;}
}
@media all and (max-width: 640px){
    .msec01 .lecture-slide__cont ul {gap: 20px 10px;}
    .msec01 .lecture-slide__cont ul > li {width: calc(50% - 5px);}
    .msec01 .lecture-slide__cont ul > li .video {margin-bottom: 10px;}
    .msec01 .lecture-slide__cont ul > li .video iframe  {aspect-ratio: 4/ 3;}
    .msec01 .lecture-slide__cont ul > li .info > .tit {font-size: 18px;}
    .msec01 .lecture-slide__cont ul > li .info > .txt {font-size: 16px;}
}



/* ******************* *
* MSEC02
* ******************* */
.msec02 {padding: 120px 0;background: #F8F8FA;}
.msec02 .contents > div {display: flex;gap: 22px;}
.msec02 .item {display: flex;flex-direction: column;}
.msec02 .item > .title {padding: 18px;box-sizing: border-box;border-radius: 20px 20px 0 0;}
.msec02 .item > .title > p {color: #fff;font-weight: 700;text-align: center;line-height: 1.3;}
.msec02 .item > .cont {flex: 1;padding: 38px 26px;box-sizing: border-box;border-radius: 0 0 20px 20px;background: #fff;color: #333;}
.msec02 .item > .cont > ul > li:not(:last-child) {margin-bottom: 16px;}
.msec02 .item > .cont > ul > li > span {display: flex;align-items: flex-start;gap: 10px;position: relative;font-weight: 500;}
.msec02 .item > .cont > ul > li > span::before {flex: 0 0 auto;content: '';display: block;aspect-ratio: 1 / 1;border-radius: 50%;background: #333;position: relative;}
.msec02 .top-cont {margin-bottom: 76px;}
.msec02 .top-cont .item {width: 50%;}
.msec02 .top-cont .item:first-child > .title {background: #4EB26F;}
.msec02 .top-cont .item:last-child > .title {background: #EE5B5B;}
.msec02 .top-cont .item > .title > p {font-size: 1.75em;}
.msec02 .top-cont .item > .cont {text-align: center;}
.msec02 .top-cont .item > .cont > .txt {margin-bottom: 36px;font-size: 1.15em;font-weight: 500;}
.msec02 .top-cont .item > .cont > .ctit {margin-bottom: 30px;font-size: 1.50em;font-weight: 700;position: relative;}
.msec02 .top-cont .item > .cont > .ctit::before,
.msec02 .top-cont .item > .cont > .ctit::after {content: '';display: block;width: 17%;height: 1px;position: absolute;top: 0;bottom: 0;margin: auto;}
.msec02 .top-cont .item > .cont > .ctit::before {left: 0;}
.msec02 .top-cont .item > .cont > .ctit::after {right: 0;}
.msec02 .top-cont .item > .cont > .ctit > span {display: block;position: relative;}
.msec02 .top-cont .item > .cont > .ctit > span::before,
.msec02 .top-cont .item > .cont > .ctit > span::after {content: '';display: block;width: 5px;height: 5px;border-radius: 50%;position: absolute;top: 0;bottom: 0;margin: auto;}
.msec02 .top-cont .item > .cont > .ctit > span::before {left: 17%;}
.msec02 .top-cont .item > .cont > .ctit > span::after {right: 17%;}
.msec02 .top-cont .item:first-child > .cont > .ctit::before,
.msec02 .top-cont .item:first-child > .cont > .ctit::after,
.msec02 .top-cont .item:first-child > .cont > .ctit > span::before,
.msec02 .top-cont .item:first-child > .cont > .ctit > span::after{background: #4EB26F;}
.msec02 .top-cont .item:last-child > .cont > .ctit::before,
.msec02 .top-cont .item:last-child > .cont > .ctit::after,
.msec02 .top-cont .item:last-child > .cont > .ctit > span::before,
.msec02 .top-cont .item:last-child > .cont > .ctit > span::after {background: #EE5B5B;}
.msec02 .top-cont .item:first-child > .cont > .ctit {color: #4EB26F;}
.msec02 .top-cont .item:last-child> .cont > .ctit {color: #EE5B5B;}
.msec02 .top-cont .item > .cont > ul > li > span {justify-content: center;font-size: 1.15em;}
.msec02 .top-cont .item > .cont > ul > li > span::before {width: 4px;top: 14px;}
.msec02 .btm-cont .item {width: 33.333%;}
.msec02 .btm-cont .item > .title {background: #5B7CD2;position: relative;}
.msec02 .btm-cont .item > .title > p {font-size: 1.50em;}
.msec02 .btm-cont .item > .title > span {display: inline-block;padding: 1px 28px;box-sizing: border-box;border-radius: 14px;background: #454545;color: #fff;font-size: 0.90em;font-weight: 600;text-align: center;position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);}
.msec02 .btm-cont .item > .cont {display: flex;align-items: center;}
.msec02 .btm-cont .item > .cont > ul > li > span::before {width: 3px;top: 11px;}

@media all and (max-width: 1399px){
    .msec02 .top-cont .item > .cont > .ctit::before, 
    .msec02 .top-cont .item > .cont > .ctit::after {width: 12%;}
    .msec02 .top-cont .item > .cont > .ctit > span::before {left: 12%;}
    .msec02 .top-cont .item > .cont > .ctit > span::after {right: 12%;}
    .msec02 .top-cont .item > .cont > ul > li > span > br {display: none;}
}

@media all and (max-width: 1199px){
    .msec02 .item > .title {padding: 12px 0;}
    .msec02 .item > .cont > ul > li > span {font-size: .90em;}
    .msec02 .top-cont .item > .cont > .ctit::before, 
    .msec02 .top-cont .item > .cont > .ctit::after {width: 10%;}
    .msec02 .top-cont .item > .cont > .ctit > span::before {left: 10%;}
    .msec02 .top-cont .item > .cont > .ctit > span::after {right: 10%;}    
    .msec02 .top-cont .item > .title > p {font-size: 1.40em;}
    .msec02 .top-cont .item > .cont > .ctit {font-size: 1.25em;}
    .msec02 .top-cont .item > .cont > .txt {margin-bottom: 20px;font-size: 1.0em;}
    .msec02 .top-cont .item > .cont > ul > li > span {font-size: 1.0em;}
    .msec02 .top-cont .item > .cont > ul > li > span::before {top: 11px;}
    .msec02 .btm-cont .item > .title > p {font-size: 1.25em;}
    .msec02 .btm-cont .item > .cont > ul > li > span::before {top: 9px;}
}
@media all and (max-width: 1024px){
    .msec02 {padding: 100px 0;}
    .msec02 .item > .cont > ul > li:not(:last-child) {margin-bottom: 12px;}
    .msec02 .top-cont {margin-bottom: 45px;}
    .msec02 .top-cont .item > .cont > .txt {margin-bottom: 10px;}
    .msec02 .top-cont .item > .cont > .ctit {margin-bottom: 15px;}
    .msec02 .top-cont .item > .cont > .ctit::before, 
    .msec02 .top-cont .item > .cont > .ctit::after,
    .msec02 .top-cont .item > .cont > .ctit > span::before,
    .msec02 .top-cont .item > .cont > .ctit > span::after {display: none;}

    .msec02 .btm-cont {flex-direction: column;gap: 35px !important;}
    .msec02 .btm-cont .item {display: flex;flex-direction: row;width: 100%;}
    .msec02 .btm-cont .item > .title {flex: 0 0 auto;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;width: 25%;padding: 20px;border-radius: 15px 0 0 15px;}
    .msec02 .btm-cont .item > .title > span {max-width: 104px;padding: 1px 22px;position: relative;top: auto;left: auto;transform: none;}
    .msec02 .btm-cont .item > .cont {padding: 30px;border-radius: 0 15px 15px 0;}
    .msec02 .btm-cont .item > .title > p {font-size: 1.11em;}
}

@media all and (max-width: 768px){
    .msec02 .item > .cont > ul > li > span {font-size: 17px;}
    .msec02 .top-cont {flex-direction: column;}
    .msec02 .top-cont .item {width: 100%;}
    .msec02 .top-cont .item > .cont {padding: 38px;}
    .msec02 .top-cont .item > .cont > ul > li > span::before {top: 9px;}
    .msec02 .top-cont .item > .cont > ul > li > span > br {display: block;}
    
}
@media all and (max-width: 640px){
    .msec02 .item {max-width: 500px;margin: 0 auto;}
    .msec02 .item .title {border-radius: 10px 10px 0 0 !important;}
    .msec02 .item .cont {border-radius: 0 0 10px 10px !important;}
    .msec02 .top-cont .item > .cont > ul > li > span > br {display: none;}
    .msec02 .btm-cont .item {flex-direction: column;}
    .msec02 .btm-cont .item > .title {width: 100%;padding: 20px 20px 15px;}
    .msec02 .btm-cont .item > .title > span {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);}
    .msec02 .btm-cont .item > .cont {padding: 34px 30px;}
}
@media all and (max-width: 480px){
    .msec02 .item > .cont {padding: 30px !important;}
}



/* ******************* *
* MSEC03
* ******************* */
.msec03 {padding: 150px 0 120px;}
.msec03 .title {display: flex;align-items: baseline;gap: 20px;margin-bottom: 26px;font-size: 1.35em;font-weight: 700;}
.msec03 .title > a {font-size: .70em;font-weight: 500;transition: .35s;}
.msec03 .title > a:hover {color: var(--color-main);}
.msec03 .top-cont {display: flex;gap: 30px;margin-bottom: 70px;}
.msec03 .top-cont > div {width: 33.333%;}
.msec03 .top-cont .list > li:not(:last-child) {margin-bottom: 16px;}
.msec03 .top-cont .list > li.empty {padding: 50px 0;color: #929292;text-align: center;}
.msec03 .top-cont .list > li > a {color: #929292;font-weight: 500;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;transition: .35s;} 
.msec03 .top-cont .list > li > a:hover {color: #111;}
.msec03 .top-cont .mcscenter > .tel {margin-bottom: 30px;color: var(--color-main);font-size: 2.0em;font-weight: 700;}
.msec03 .top-cont .mcscenter > ul > li {display: flex;gap: 5px;color: #383838;font-family: var(--font-Suit);font-weight: 500;}
.msec03 .top-cont .mcscenter > ul > li:not(:last-child) {margin-bottom: 8px;}
.msec03 .top-cont .mcscenter > ul > li > .day {flex: 0 0 auto;width: 84px;}
.msec03 .btm-cont {padding: 60px;border: 1px solid #C5C5C5;box-sizing: border-box;}
.msec03 .btm-cont .qa-cont {margin-bottom: 25px;padding-bottom: 20px;border-bottom: 1px solid #DBDBDB;box-sizing: border-box;}
.msec03 .btm-cont .qa-cont > p {display: flex;align-items: baseline;gap: 5px;font-size: 1.20em;font-weight: 600;}
.msec03 .btm-cont .qa-cont > .qst {margin-bottom: 10px;color: var(--color-main);}
.msec03 .btm-cont .qa-cont > .ans {color: #414141;}
.msec03 .btm-cont .desc {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;column-gap: 40px;color: #333;font-weight: 500;line-height: 1.3;}

@media all and (max-width: 1199px){
    .msec03 .top-cont .mcscenter > .tel {font-size: 1.80em;}
}
@media all and (max-width: 1024px){
    .msec03 {padding: 100px 0 120px;}
    .msec03 .title {margin-bottom: 20px;}
    .msec03 .top-cont {gap: 20px;}
    .msec03 .top-cont .list > li:not(:last-child) {margin-bottom: 10px;}
    .msec03 .top-cont .list > li > a {font-size: 17px;}
    .msec03 .top-cont .mcscenter > .tel {margin-bottom: 20px;font-size: 1.67em;}
    .msec03 .btm-cont {padding: 45px;}
    .msec03 .btm-cont .qa-cont > p {font-size: 1.11em;}
    .msec03 .btm-cont .desc {font-size: 17px;}
}
@media all and (max-width: 768px){
    .msec03 .top-cont {margin-bottom: 40px;}
    .msec03 .top-cont .mcscenter > .tel {font-size: 25px;}
    .msec03 .top-cont .mcscenter > ul > li > .day {width: 72px;}
    .msec03 .btm-cont {padding: 30px;}
    .msec03 .btm-cont .desc {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
    .msec03 .btm-cont .desc > p:not(:last-child) {margin-bottom: 10px;}
}
@media all and (max-width: 640px){
    .msec03 .top-cont {flex-wrap: wrap;gap: 30px;}
    .msec03 .top-cont > div {width: 100%;}
}