@charset "utf-8"; /* ******************* *
* 공통
* ******************* */
.msec-title { margin-bottom: 30px; } 
.msec-title > .tit { color: #111; font-family: var(--font-SebangGothic); font-size: 2.5em; font-weight: 600; text-align: center; } 
.msec { padding:100px 0 } 

@media all and (max-width: 768px){
 .msec { padding:80px 0 } 
 .msec-title { margin-bottom: 15px; } 
 }


/* ******************* *
* MSEC01
* ******************* */
.msec01 { padding:0; } 
.msec01 .swiper-wrapper { } 
.msec01 .swiper-slide { position:relative; background:url(../img/main/msec01_01.png)no-repeat center center/ cover; width:100%; height:100vh } 
.msec01 .swiper-slide img { } 
.msec01 .swiper-slide .txt_wrap { position: absolute; top: 50%; color: #fff; max-width: 1400px; width: 92%; left: 50%; transform: translateX(-50%); } 
.msec01 .swiper-slide .txt_wrap h2 { font-size: 3.2em; font-family: var(--font-SebangGothic); font-weight: bold; line-height:1.3 } 
.msec01 .swiper-slide .txt_wrap h2 span { } 
.msec01 .swiper-slide .txt_wrap p { margin-top: 35px; } 
.msec01 .swiper-pagination { text-align: left; opacity: 1; max-width: 1400px; width: 92% !important; left: 50% !important; transform: translateX(-50%); top: 75% !important; } 
.msec01 .swiper-pagination-bullet { opacity: 1; background:#fff; } 
.msec01 .swiper-pagination-bullet-active { background: var(--color-main)!important; width: 40px; border-radius: 30px; } 

/* ******************* *
* MSEC02
* ******************* */
.msec02 .smt_10 .sct_cost { font-family: var(--font-SebangGothic); font-size: 1.5em; font-weight:bold; color:var(--color-main) } 
.msec02 .smt_10 .sct_op_btn { display:none } 



/* ******************* *
* MSEC03
* ******************* */
.msec03 { background: #f7f7f7; } 
.msec03 .contents { position:relative; } 
.msec03 .txt-cont { } 
.msec03 .txt-cont p { font-size: 1.1em; font-weight:500; text-align: center; margin-top:10px } 
.msec03 .swiper-button-prev:after,
.msec03 .swiper-button-next:after { display:none } 
.msec03 .swiper-button-prev,
.msec03 .swiper-button-next { background: url(../img/main/msec03_arrow.png)no-repeat center center; opacity:1!important; width:60px; aspect-ratio: 1/1; height:auto; z-index: 9999; top:50%; transform: translateY(-50%) } 
.msec03 .swiper-button-next { right:-30px; } 
.msec03 .swiper-button-prev { background: url(../img/main/msec03_arrow2.png)no-repeat center center; left:-30px } 




/* ******************* *
* MSEC04
* ******************* */
 .msec04 { padding: 110px 0 200px; } 
 .msec04 .review__list { display: flex; align-items: stretch; gap: 40px; } 
 .msec04 .review__list > li { display: flex; flex-direction: column; justify-content: flex-start; width: 33.333%; padding: 52px 20px 117px; border: 1px solid #D2D2D2; border-radius: 15px; box-sizing: border-box; position: relative; } 
 .msec04 .review__list > li > .review__list-cont { text-align: center; position: relative; } 
 .msec04 .review__list > li > .review__list-cont::before { content: ''; display: block; width: 30px; height: 22px; margin: 0 auto; background: url(../img/main/msec04_icon.png) center center / cover no-repeat; } 
 .msec04 .review__list > li > .review__list-cont::before { margin-bottom: 15px; } 
 .msec04 .review__list > li > .review__list-cont > .tit { margin-bottom: 30px; font-family: var(--font-GounBatang); font-size: 1.50em; font-weight: 700; line-height: 1.3; } 
 .msec04 .review__list > li > .review__list-cont > .txt { color: #686868; font-size: 18px; } 
 .msec04 .review__list > li > .review__list-cont > .txt em { padding: 0 2px; background: rgba(238,116,38,.2); color: var(--color); font-style: normal; font-weight: 600; } 
 .msec04 .review__list > li > .review__list-ico { position: absolute; left: 0; right: 0; bottom: 0; transform: translateY(50%); } 
 .msec04 .review__list > li > .review__list-ico > img { width: 120px; margin: 0 auto 10px; } 
 .msec04 .review__list > li > .review__list-ico > p { font-size:20px; text-align: center; color:#000; font-weight:500 } 

@media all and (max-width: 1399px){
 .msec04 .review__list { gap: 20px; } 
 .msec01 .swiper-pagination { top: 80% !important; } 
 }
@media all and (max-width: 1199px){
 .msec04 .review__list > li { padding: 40px 20px 110px; } 
 .msec04 .review__list > li > .review__list-cont::after { margin-top: 20px; } 
 .msec04 .review__list > li > .review__list-cont > .tit { margin-bottom: 20px; font-size: 1.35em; } 
 .msec04 .review__list > li > .review__list-cont > .txt > .line-br { display: inline; } 
 }
@media all and (max-width: 1024px){
 .msec04 { padding: 90px 0 160px !important; } 
 }
@media all and (max-width: 768px){
 .msec { padding:80px 0 } 
 .msec01 { padding: 0 } 
 .msec03 .txt-cont img { width:100% } 
 .msec03 .txt-cont p { font-size: 1.3em; } 
 .msec04 .review__list { gap: 100px; flex-direction: column; } 
 .msec04 .review__list > li { width:100% } 
 .msec04 .review__list > li > .review__list-cont::before, 
 .msec04 .review__list > li > .review__list-cont::after { width: 25px; height: 19px; } 
 .msec04 .review__list > li > .review__list-cont > .txt > .line-br { display: block; } 
 .msec04 .review__list > li > .review__list-ico > img { width: 100px; } 
 .msec04 .review__list > li > .review__list-ico > p { font-size: 16px; } 
 .msec03 .swiper-button-prev, .msec03 .swiper-button-next { width:40px; background-size: cover; } 
 .msec03 .swiper-button-prev { } 
 .msec03 .swiper-button-next { } 
 }
@media all and (max-width: 480px){
 .msec01 .swiper-slide .txt_wrap h2 { font-size: 2.2em; } 
 .msec04 .review__list > li > .review__list-cont > .txt > .line-br { display: inline; } 
 .smt_10 .sct_li { width:100% } 
 }