@charset "utf-8";



#mvWrap {  overflow:hidden; position:relative; height:100vh }

/* #mVisual {opacity:0; visibility:hidden;}
#mVisual:not(.slick-initialized) .mv_slider {display:none;}
#mVisual:not(.slick-initialized) .mv_slider:first-child {display:flex;}
#mVisual.slick-initialized {opacity:1; visibility:visible; transition:opacity .3s ease;}
#mVisual.slick-initialized .mv_slider {display:flex;} */

#mVisual {position:relative; width:100%; height:100% }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider.mv1 {background:url('/images/main/mv1.webp') no-repeat center top / cover}
#mVisual .mv_slider.mv2 {background:url('/images/main/mv2.webp') no-repeat center top / cover}
#mVisual .mv_slider.mv3 {background:url('/images/main/mv3.webp') no-repeat center top / cover}

#mVisual .mv_slider {height: 100%;  display:flex; flex-direction: column; align-items: center; justify-content:flex-end;}
#mVisual .mv_slider .mtxt {width:1810px; padding-bottom: 160px;}
#mvWrap .mv_slider .page {padding-bottom: 38px; font-family: 'Marcellus'; color: #fff; line-height: 1.6em; word-spacing: 0.3em; letter-spacing: 0;}
#mvWrap .mv_slider .page .current{font-size: 3.0rem;}
#mvWrap .mv_slider .page .all{font-size: 2.0rem; opacity: .6;}
#mvWrap .mv_slider h3 { font-size:5.5rem; color:#FFF; line-height:1.15em;  }
#mvWrap .mv_slider h3 .t_bg{position: relative; display: inline-block; padding-bottom: 2px; z-index: 3; margin-top: 5px;}
#mvWrap .mv_slider h3 .t_bg:before{content: ''; position: absolute; z-index: -1; left: 50%; transform: translateX(-50%); width: 102%; height: 100%; background-color: var(--primary-color);}
#mvWrap .mv_slider .hospital_name{margin: 2em 0 1.6em; font-family: 'Marcellus'; color: #fff; font-size: 1.6rem; letter-spacing: 0.04em; opacity: .4;}
#mvWrap .mv_slider .t1 { position:relative; color: #fff; font-size: 2.0rem; font-weight: 600; line-height: 1.6em; font-weight: normal;}
@media all and (max-width:1820px){
    #mVisual .mv_slider .mtxt{width: 94%;}

}
@media all and (max-width:1600px){
	#mvWrap .mv_slider h3 { font-size:5.0rem; }
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
	#mVisual .mv_slider .mtxt { padding-bottom:8%}
	#mvWrap .mv_slider h3 { font-size:4.4rem;}
}
@media all and (max-width:976px){
	#mVisual .mv_slider .mtxt {}
	

}
@media all and (max-width:768px){
}
@media all and (max-width:480px){
	#mvWrap { height:85vh }
	#mVisual .mv_slider {}
    #mVisual .mv_slider.mv3 {background-position: 75% center;}
	#mVisual .mv_slider .mtxt {}
	#mvWrap .mv_slider h3 { font-size:3.4rem; }
	#mvWrap .mv_slider .t1 {font-size: 1.6rem;}
}


#mEng{padding-bottom: 2em; color: var(--primary-color); font-size: 2.0rem; letter-spacing: 0.02em; font-family: 'Marcellus'; line-height: 1.16em;}
#mTitle{margin-bottom: 50px;}
#mTitle h3{font-size: 4.2rem; color: #071436; line-height: 1.4em; font-weight: 700;}
#mTitle p{padding-top: 12px; color: #777;}
@media all and (max-width:1600px){
    #mEng{font-size: 1.9rem;}
    #mTitle h3{font-size: 3.6rem;}
}
@media all and (max-width:976px){
    #mEng{font-size: 1.8rem;}
    #mTitle h3{font-size: 3.2rem;}
}
@media all and (max-width:480px){
    #mEng{font-size: 1.6rem;}
    #mTitle{margin-bottom: 7vw;}
}

#mAbout{background: url('/images/main/mabout_bg.png')no-repeat center top; padding-bottom: 100px;}
@media all and (max-width:480px){
    #mAbout{padding-bottom: 17vw;}
}
#mProcedure{padding: 60px 0; display: flex; justify-content: center; align-items: center; gap: 65px;}
#mProcedure dl{text-align: center; flex:0 0 auto;}
#mProcedure dl dt{font-size: 3.2rem; font-weight: 600; color: #272727;;}
#mProcedure dl dd{font-family: 'Marcellus'; color: var(--primary-color); letter-spacing: 0.04em; font-size: 1.6rem;}
#mProcedure ul{display: flex; gap: 1.1em;}
#mProcedure ul li{text-align: center;  transition: all .35s;}
#mProcedure ul li img{border-radius: 50%; background-color: #fff; border: 6px solid transparent; transition: all .35s;}
#mProcedure ul li span{display: block; padding-top: 10px; font-size: 1.6rem; color: #222; }
#mProcedure ul li span br{display: none;}
#mProcedure ul li:hover{transform: translateY(-7px);}
#mProcedure ul li:hover img{border-color: var(--primary-color);}
#mProcedure ul li:hover span{color: var(--primary-color);}
@media all and (max-width:1600px){
    #mProcedure{display: block;}
    #mProcedure dl{margin-bottom: 20px;}
    #mProcedure ul{justify-content: center; flex-wrap: wrap;}
}
@media all and (max-width:976px){
    #mProcedure ul li img{width: 100px;}
    #mProcedure ul{gap: 1em 0.5em}
}
@media all and (max-width:480px){
    #mProcedure{padding: 10vw 0;}
    #mProcedure ul li img{width: 16vw;}
    #mProcedure ul li span{line-height: 1.2em; font-size: 1.4rem;}
    #mProcedure ul li span br{display: block;}
}

#mGreeting{padding: 165px 0; text-align: center;}
#mGreeting h3{font-size: 5.5rem; line-height: 1.35em; color: #1B1B1B;}
@media all and (max-width:976px){
    #mGreeting{padding: 120px 0 140px;}
    #mGreeting h3{font-size: 4.2rem;}
}
@media all and (max-width:480px){
    #mGreeting{padding: 16vw 0 20vw;}
    #mGreeting h3{font-size: 3.2rem;}
}

#mDoctor{}
#mDoctor #contWrap{position: relative; z-index: 5;}
#mDoctor #drWrap{padding: 1px;}
#mDoctor #drWrap .drSlide{display: flex; gap: 18px;}
#mDoctor #drWrap .drSlide .imgWrap{flex:0 0 auto; position: relative; border-radius: 40px; overflow: hidden; background-color: #e6e6e6;}
#mDoctor #drWrap .drSlide .imgWrap:before{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.15);}
#mDoctor #drWrap .drSlide .imgWrap .textover{position: absolute; display: flex; align-items: center; gap: 1em; z-index: 3; left: 70px; bottom: 60px;; color: #fff;}
#mDoctor #drWrap .drSlide .imgWrap .textover a{flex:0 0 auto; margin-top: 5px; color: #fff; width: 60px; height: 60px; display: flex;; justify-content: center; align-items: center; border:1px solid #fff; border-radius: 50%; font-size: 2.4rem;}
#mDoctor #drWrap .drSlide .imgWrap .textover a:hover{background-color: var(--primary-color); border-color: var(--primary-color);}
#mDoctor #drWrap .drSlide .imgWrap .textover h4{font-size: 3.2rem;}
#mDoctor #drWrap .drSlide .imgWrap .textover h5{font-weight: 600;;}
#mDoctor #drWrap .drSlide .txtWrap{width: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 60px; background-color: #fff; border-radius: 40px; border: 1px solid rgba(232, 234, 245, 0.70);} 
#mDoctor #drWrap .drSlide .txtWrap .name{margin-bottom: 30px; color: #222; font-size: 4.8rem;}
#mDoctor #drWrap .drSlide .txtWrap .name .st{font-size: 3.0rem;}
#mDoctor #drWrap .drSlide .txtWrap .ulWrap{display: flex; flex-wrap: wrap; gap:10px 0;}
#mDoctor #drWrap .drSlide .txtWrap .ulWrap ul{width: 50%; padding-right: 1em;}
#mDoctor #drWrap .drSlide .txtWrap .ulWrap ul.w100{width: 100%;}
#mDoctor #drWrap .drSlide .txtWrap .ulWrap ul h5{color: var(--secondary-color); margin-bottom: 7px; font-size: 2.7rem; line-height: 1.8em;}
#mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li{position: relative; padding-left: 12px; margin-bottom: 15px;}
#mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li:before{content: ''; position: absolute; width: 4px; height: 4px; border-radius: 2px; background-color: #dbdbdb; left: -0.2px; top: 13px;}
#mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li > p{font-size: 2.0rem; color: #444; line-height: 1.5em;}
#mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li:last-child{margin-bottom: 0;}
#mDoctor #mArrow{position: absolute; right: 0; bottom: calc(100% + 50px);}
#mDoctor #mArrow > div:hover{border-color: transparent; background:var(--primary-color);}
#mDoctor #mArrow > div:hover img{filter:brightness(0) invert(1); }
@media all and (max-width:1740px){
    #mDoctor #drWrap .drSlide .imgWrap{width: 45%; display:flex; justify-content:center; align-items:center; overflow:hidden;}
    #mDoctor #drWrap .drSlide .txtWrap{padding-left:40px;}
    #mDoctor #drWrap .drSlide .txtWrap .name{font-size: 4.0rem;}
    #mDoctor #drWrap .drSlide .txtWrap .name .st{font-size: 2.4rem;}
    #mDoctor #drWrap .drSlide .txtWrap .ulWrap ul h5{font-size: 2.0rem;}
    #mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li > p{font-size: 1.8rem;}
}
@media all and (max-width:1400px){
    #mDoctor #drWrap .drSlide .imgWrap{align-items: flex-start;}
    #mDoctor #drWrap .drSlide .imgWrap img{height: 600px; }
}
@media all and (max-width:1280px){
    #mDoctor #drWrap .drSlide{gap: 10px;}
    #mDoctor #drWrap .drSlide .imgWrap img{height: 500px; }
    #mDoctor #drWrap .drSlide .imgWrap .textover{left: 40px; bottom: 45px;;}
    #mDoctor #drWrap .drSlide .imgWrap .textover h4{font-size: 1.9rem;}
    #mDoctor #drWrap .drSlide .txtWrap{padding-left:1.5em;}
    #mDoctor #drWrap .drSlide .txtWrap .name{font-size: 3.0rem; margin-bottom: 10px;}
    #mDoctor #drWrap .drSlide .txtWrap .name .st{font-size: 2.0rem;}
    #mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li{margin-bottom: 5px;}
    #mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li:before{top: 9px;}
    #mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li > p{font-size: 1.6rem;}
}
@media all and (max-width:976px){
    #mDoctor #drWrap .drSlide{flex-direction: column;}
    #mDoctor #drWrap .drSlide .imgWrap{width: 100%; overflow: hidden;}
    #mDoctor #drWrap .drSlide .imgWrap img{height: auto; width: 100%;}
    #mDoctor #drWrap .drSlide .txtWrap{padding: 2em;}
    #mDoctor #drWrap .drSlide .txtWrap .ulWrap ul > li > p{font-size: 1.5rem;}
}
@media all and (max-width:768px){
    #mDoctor #mArrow{position: static; margin-top: 30px; justify-content: center; gap: 6px;}
    #mDoctor #mArrow > div{border: 1px solid rgba(232, 234, 245, 1); }

}
@media all and (max-width:480px){
    #mDoctor #drWrap .drSlide .imgWrap{border-radius: 2em;}
    #mDoctor #drWrap .drSlide .imgWrap .textover a{width: 30px; height: 30px; font-size: 1.8rem;}
    #mDoctor #drWrap .drSlide .txtWrap{border-radius: 2em;} 
    #mDoctor #drWrap .drSlide .txtWrap .ulWrap ul{width: 100%;}

}
#mArrow{display: flex; align-items: center; gap: 12px;}
#mArrow > div{display: flex; justify-content: center; align-items: center; width: 98px; height: 98px; border-radius: 50%; border: 1px solid rgba(232, 234, 245, 0.70); background: #FFF; cursor: pointer;  transition: all .35s;;}
@media all and (max-width:1400px){
    #mArrow > div{width: 80px; height: 80px;}
    #mArrow > div img{height: 18px;}
}
@media all and (max-width:976px){
    #mArrow > div{width: 70px; height: 70px;}
}


#mClinic{margin: 0 20px; max-width: 1880px; padding: 100px 56px; border-radius: 40px; background-color: #14112F; color: #fff;}
#mClinic .title{margin-bottom: 72px;}
#mClinic .title h3{font-size: 5.5rem; line-height: 1.1em;}
#mClinic #contWrap{position: relative;}
#mClinic #contWrap #clinicSlide{display: flex; margin-right: -16px;}
#mClinic #contWrap #clinicSlide .item {margin-right: 16px; color: #fff;}
#mClinic #contWrap #clinicSlide .item .img img{border-radius: 16px; width: 100%;}
#mClinic #contWrap #clinicSlide .item dl dt{margin-top: 16px; font-size: 3.0rem; line-height: 1.08em; font-weight: 600;}
#mClinic #contWrap #clinicSlide .item dl dd{margin-top: 10px; font-size: 1.7rem; opacity: .8; font-weight: 500; line-height: 1.6em;}
#mClinic #contWrap #mArrow{position: absolute; right: 0; bottom: calc(100% + 50px);;}
#mClinic #contWrap #mArrow > div{background:transparent; border: 1px solid rgba(232, 234, 245, 0.35);}
#mClinic #contWrap #mArrow > div:hover{border-color: transparent; background:var(--secondary-color);}
#mClinic #contWrap #mArrow > div:hover img{filter:brightness(0) invert(1); }
@media all and (max-width:1600px){
    #mClinic .title h3{font-size: 5.0rem;}
}
@media all and (max-width:1280px){
    #mClinic .title{margin-bottom: 50px;}
    #mClinic .title h3{font-size: 4.2rem;}
    #mClinic #contWrap #clinicSlide .item dl dt{font-size: 2.4rem;}
    #mClinic #contWrap #clinicSlide .item dl dd{font-size: 1.6rem;}
}
@media all and (max-width:976px){
    #mClinic{padding: 75px 40px;}
    #mClinic #contWrap #mArrow{bottom: calc(100% + 40px);;}
}
@media all and (max-width:768px){
    #mClinic .title h3{font-size: 3.6rem;}
    #mClinic #contWrap #mArrow{position: static; margin-top: 30px; justify-content: center; gap: 6px;}
}
@media all and (max-width:480px){
    #mClinic{padding: 15vw 2em;}
    #mClinic .title h3{font-size: 3.2rem;}
}


#mPrinciple{position: relative; padding: 220px 0; background: radial-gradient(58.05% 58.05% at 50% 50%, rgba(48, 111, 116, 0.21) 0%, rgba(48, 111, 116, 0.15) 36.06%, rgba(48, 111, 116, 0.05) 74.52%, rgba(255, 255, 255, 0.00) 100%);}
#mPrinciple:before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background:linear-gradient(to bottom, transparent, #fff);} 
#mPrinciple .in{max-width: 1260px; margin: 0 auto;}
#mPrinciple #mTitle{text-align: center;}
#mPrinciple #mTitle h3{font-size: 4.8rem; line-height: 1.35em;}

#mPrinciple #contWrap {position: relative; z-index: 3;}
#mPrinciple #contWrap .line{position:absolute;left:50%;top:0;transform: translateX(-50%);width:3px;height:100%;z-index:0;}
#mPrinciple #contWrap .line .track{position:absolute;left:0; top:0;width:100%;height:100%;background: #F4F4F4;border-radius: 999px;}
#mPrinciple #contWrap .line .fill{position:absolute;left:0; top:0;width:100%;height:0;background:#306F74;border-radius: 999px;overflow: visible;}
#mPrinciple #contWrap .line .fill .dot{position:absolute;left:50%;bottom:-1.1em;transform: translateX(-50%);width:2.5rem;opacity: 1;}
#mPrinciple #contWrap .line .fill .dot svg{display:block;width:100%;}

#mPrinciple #contWrap .list{ display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; z-index:1; padding-bottom: 6rem;}
#mPrinciple #contWrap .list .item{ position:relative; width: calc(50% - 11rem); border-radius: 1rem; overflow:hidden; margin-top: 11rem;}
#mPrinciple #contWrap .list .item:nth-child(1),
#mPrinciple #contWrap .list .item:nth-child(2){margin-top:0;}
#mPrinciple #contWrap .list .item:nth-child(even){top: 6rem;}
#mPrinciple #contWrap .list .item .bg{position:relative;padding-top: 48rem;}
#mPrinciple #contWrap .list .item .bg:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:55%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%); }
#mPrinciple #contWrap .list .item .bg .img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
#mPrinciple #contWrap .list .item .txt{position:absolute;left:0; bottom:0;padding: 3.6rem;z-index:2;color:#fff;}
#mPrinciple #contWrap .list .item .txt h4{font-family: 'Marcellus'; font-size: 1.6rem;font-weight: normal; letter-spacing: 0.04em; opacity: .4; text-transform: uppercase;}
#mPrinciple #contWrap .list .item .txt h3{font-size: 3.2rem; margin: 2rem 0 1.5rem;}
#mPrinciple #contWrap .list .item .txt p{font-size: 1.8rem; line-height: 1.5em; opacity: .6;  }


@media all and (max-width:1280px){
    #mPrinciple{background-size: 30%; padding: 190px 0;}
    #mPrinciple .in{width: 90%;}
    #mPrinciple #mTitle h3{font-size: 4.2rem;}
    #mPrinciple #contWrap{}
    #mPrinciple #contWrap .list .item{width: calc(50% - 9rem);}
    #mPrinciple #contWrap .list .item .txt h4{font-size: 1.5rem;}
    #mPrinciple #contWrap .list .item .txt h4::before{width: 0.8rem; height: 0.8rem;}
    #mPrinciple #contWrap .list .item .txt h3{font-size: 3rem;}
    #mPrinciple #contWrap .list .item .txt p{font-size: 1.8rem;}
}
@media all and (max-width:980px){
    #mPrinciple{padding: 160px 0;}
    #mPrinciple #contWrap .list .item{width: calc(50% - 5rem);}
    #mPrinciple #contWrap .list .item .bg{padding-top: 38rem;}
    #mPrinciple #contWrap .list .item .txt{padding: 4rem 3rem;}
}
@media all and (max-width:880px){
    #mPrinciple{background-position: 95% 2%;background-size: 40%; padding: 130px 0;}
    #mPrinciple #mTitle h3{font-size: 3.2rem;}
    #mPrinciple #contWrap .line{left: 1.2rem; transform:none;}
    #mPrinciple #contWrap .list{padding: 3rem 2rem 3rem 5rem;}
    #mPrinciple #contWrap .list .item{width: 100%;top: 0 !important;}
    #mPrinciple #contWrap .list .item + .item{margin-top: 3rem;}
}
@media all and (max-width:680px){
    #mPrinciple{padding: 110px 0;}
    #mPrinciple #contWrap{}
    #mPrinciple #contWrap .list{padding: 2rem 1rem 2rem 5rem;}
}
@media all and (max-width:480px){
    #mPrinciple{padding: 25vw 0;}
    #mPrinciple #mTitle h3{font-size: 2.8rem;}
    #mPrinciple #contWrap .line{left: 0.5rem;}
    #mPrinciple #contWrap .line .fill .dot{width:2rem;}
    #mPrinciple #contWrap .list{padding: 0 0rem 0 3rem;}
    #mPrinciple #contWrap .list .item .bg{padding-top: 30rem;}
    #mPrinciple #contWrap .list .item .txt{padding: 3rem 2rem;}
    #mPrinciple #contWrap .list .item .txt h4{font-size: 1.3rem;}
    #mPrinciple #contWrap .list .item .txt h3{font-size: 2.5rem;margin: 1.5rem 0 1rem;}
    #mPrinciple #contWrap .list .item .txt p{font-size: 1.6rem;}
}











#mainFaq{padding:120px 0;background:#fff;}
#mainFaq #mTitle{text-align: center;}
#mainFaq #mTitle h3{font-size: 4.8rem;}
#mainFaq #mTitle p{opacity: .6;}
#mainFaq .inner{width:90%;max-width:1200px;margin:0 auto;}
#mainFaq .faq_wrap{display: flex; flex-direction: column; gap: 10px;}
#mainFaq .faq_item{background:#F9F9F9; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08); border-radius: 10px; border: 1px solid #FFF;}
#mainFaq .faq_item summary{position:relative;display:flex;align-items:center;gap:20px;padding:27px 70px 27px 25px;cursor:pointer;list-style:none;}
#mainFaq .faq_item summary::-webkit-details-marker{display:none;}
#mainFaq .faq_item summary .q{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:17px;font-weight:700;}
#mainFaq .faq_item summary strong{font-size:20px;font-weight:600;line-height:1.5;color:#222;}
#mainFaq .faq_item summary .arrow{position:absolute;right:28px;top:50%;width:14px;height:14px;border-right:2px solid #777;border-bottom:2px solid #777;transform:translateY(-70%) rotate(45deg);transition:.3s;}
#mainFaq .faq_item[open]{background-color: #fff;}
#mainFaq .faq_item[open] summary .arrow{transform:translateY(-20%) rotate(225deg);}
#mainFaq .faq_item[open] summary strong{color:var(--primary-color);}
#mainFaq .faq_item .answer{display:flex;gap:20px;padding:0 70px 30px 25px;}
#mainFaq .faq_item .answer .a{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%; background:#f9f9f9; background:color-mix(in srgb, var(--primary-color) 10%, transparent) /*지정한 색상에 투명도*/;;   color:var(--primary-color);font-size:17px;font-weight:700;}
#mainFaq .faq_item .answer p{padding-top:5px;font-size:17px;font-weight:400;line-height:1.8;color:#666;word-break:keep-all;}

@media all and (max-width:976px){
#mainFaq{padding:80px 0;}
#mainFaq .inner{width:92%;}
#mainFaq #mTitle h3{font-size: 3.8rem;}
#mainFaq .faq_item summary{gap:14px;padding:22px 55px 22px 15px;}
#mainFaq .faq_item summary .q{width:34px;height:34px;font-size:15px;}
#mainFaq .faq_item summary strong{font-size:1.7px;}
#mainFaq .faq_item summary .arrow{right:20px;width:11px;height:11px;}
#mainFaq .faq_item .answer{gap:14px;padding:0 20px 25px 15px;}
#mainFaq .faq_item .answer .a{width:34px;height:34px;font-size:15px;}
#mainFaq .faq_item .answer p{font-size:15px;line-height:1.7;}
}

@media all and (max-width:580px){
#mainFaq{padding:65px 0;}
#mainFaq #mTitle h3{font-size: 2.8rem;}
#mainFaq .faq_item summary{align-items:flex-start;padding:20px 45px 20px 12px;}
#mainFaq .faq_item summary .q{width:30px;height:30px;font-size:14px;}
#mainFaq .faq_item summary strong{flex:1;font-size:15px;}
#mainFaq .faq_item .answer{align-items:flex-start;padding:0 15px 22px 12px;}
#mainFaq .faq_item .answer .a{width:30px;height:30px;font-size:14px;}
#mainFaq .faq_item .answer p{flex:1;font-size:14px;}
}

@media all and (max-width:480px){
#mainFaq{padding:0 0 22vw;}
}




#mExplore{text-align: center; padding-bottom: 140px;}
#mExplore #mTitle{}
#mExplore #mTitle h3{font-size: 4.8rem;}
#mExplore #mTitle p{opacity: .6;}
#mExplore #contWrap{}
#mExplore #contWrap .itemWrap{display: flex; gap: 10px;}
#mExplore #contWrap .itemWrap .item{position: relative; display: block; width: 100%; height: 480px; background-position: center center; background-size: cover; border-radius: 12px; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.18); overflow: hidden;  transition: 1.5s ease-in;}
#mExplore #contWrap .itemWrap .item:nth-child(even){margin-top: 80px;}
#mExplore #contWrap .itemWrap .item:before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(102, 102, 102, 0.00) 0%, rgba(0, 0, 0, 0.65) 70.36%, #323232);  transition: 1s;}
#mExplore #contWrap .itemWrap .item.bg1{background-image:url('/images/main/mexplore_img1.png');}
#mExplore #contWrap .itemWrap .item.bg2{background-image:url('/images/main/mexplore_img2.png');}
#mExplore #contWrap .itemWrap .item.bg3{background-image:url('/images/main/mexplore_img3.png');}
#mExplore #contWrap .itemWrap .item.bg4{background-image:url('/images/main/mexplore_img4.png');}
#mExplore #contWrap .itemWrap .item.bg5{background-image:url('/images/main/mexplore_img5.png');}
#mExplore #contWrap .itemWrap .item .txt{position: absolute; width: 100%; left: 50%; top: 50%; transition: .35s; transform: translate(-50%, 0); color: #fff;}
#mExplore #contWrap .itemWrap .item .txt dl dt{font-size: 2.7rem; font-weight: 700;}
#mExplore #contWrap .itemWrap .item .txt dl dd{opacity: .6;}
#mExplore #contWrap .itemWrap .item .txt dl{margin-bottom: 30px;}
#mExplore #contWrap .itemWrap .item:hover{border-radius: 999px;}
#mExplore #contWrap .itemWrap .item:hover:before{opacity: .6;}
#mExplore #contWrap .itemWrap .item:hover .txt{ transform: translate(-50%, -50%); }
@media all and (max-width:1740px){
    #mExplore #contWrap .itemWrap .item{height: 400px;}
    #mExplore #contWrap .itemWrap .item:nth-child(even){margin-top:50px;}
    #mExplore #contWrap .itemWrap .item .txt{top: 40%;}
    #mExplore #contWrap .itemWrap .item:hover .txt{top: 50%;}
}
@media all and (max-width:1400px){
    #mExplore #contWrap .itemWrap .item{height: 320px;}
    #mExplore #contWrap .itemWrap .item .txt{top: 30%;}
    #mExplore #contWrap .itemWrap .item .txt dl dt{font-size: 2.2rem;}
    #mExplore #contWrap .itemWrap .item .txt dl dd{font-size: 1.6rem;}
}
@media all and (max-width:1280px){
    #mExplore{padding-bottom: 100px;}
    #mExplore #contWrap .itemWrap {flex-wrap: wrap; justify-content: center;}
    #mExplore #contWrap .itemWrap .item{width: calc((100% - 20px)/3); height: 380px;}
    #mExplore #contWrap .itemWrap .item:nth-child(even){margin-top: 0px;}
}
@media all and (max-width:976px){
    #mExplore #mTitle h3{font-size: 3.8rem;}
    #mExplore #contWrap .itemWrap .item{width: calc((100% - 10px)/2); height: 380px;}
}
@media all and (max-width:480px){
    #mExplore{padding-bottom: 70px;}
    #mExplore #mTitle h3{font-size: 2.8rem;}
    #mExplore #contWrap .itemWrap .item{height: 60vw;}
    #mExplore #contWrap .itemWrap .item img{width: 30px;}
}




#mInfo{padding: 140px 0; border-top: 1px solid #e1e1e1;}
#mInfo .flex-div{display: flex;}
#mInfo .flex-div{display: flex;}
#mInfo .box{padding-left: 50px; flex:0 0 auto;}
#mInfo .box:nth-child(2), 
#mInfo .box:nth-child(3){border-left: 1px dashed #DEDEDE;} 
#mInfo .box .title h3{font-size: 3.2rem; margin-bottom: 1em; color: #000; display: flex;; align-items: center; gap: 10px;}
#mInfo .box .title h3 .ico{display: inline-block; flex:0 0 auto; max-height: 44px; border-radius: 50%; background: var(--primary-color);}
#mInfo .box .tel{font-weight: 700; font-size: 4.5rem; line-height: 1em;}
#mInfo .box > p{padding-top: .75em; font-size: 1.9rem; color: #555;}
#mInfo .box .location{}
#mInfo .box .location dt{color: #333; font-size: 3.0rem; font-weight: 700; line-height: 1.2em;}
#mInfo .box .location dd{padding-top: 1.25em; font-size: 1.9rem; color: #333; opacity: .7;}
#mInfo .box #btnWrap{margin-top: 40px; display: flex; flex-wrap: wrap; gap: 6px;}

#mInfo .box.box1{width: 510px;}
#mInfo .box.box2{width: 610px;}

#btnWrap a{display: inline-block; padding: 17px 28px 17px 61px;;font-size: 2.0rem; font-weight: 700; border-radius: 99px; line-height: 1em;}
#btnWrap a.mbtn1{color: #000; background:#FAE100 url('/images/main/minfo_bg1.png')no-repeat 19px center/30px auto;}
#btnWrap a.mbtn2{color: #fff; background:#01C73C url('/images/main/minfo_bg2.png')no-repeat 17px center/40px auto;}
#btnWrap a.mbtn3{color: #fff; background:#000 url('/images/main/minfo_bg3.png')no-repeat 17px center/32px auto;}
#btnWrap a.mbtn4{color: #000; padding: 17px 28px 17px 46px;  background:#FAE100 url('/images/main/minfo_bg4.png')no-repeat 17px center/20px auto;}
#btnWrap a.mbtn5{color: #fff; padding: 17px 28px 17px 50px;  background:#01C73C url('/images/main/minfo_bg5.png')no-repeat 17px center/24px auto;}



#mInfo .box .time{}
#mInfo .box .time dl{display: flex; font-size: 1.9rem; color: #333; line-height: 1.8em;}
#mInfo .box .time dl dt{width: 200px; flex:0 0 auto; }
#mInfo .box .time dl dd{font-weight: 500;}
#mInfo .box .alert{color: #C41313; font-weight: 600;}
#mInfo .box .time .bn{display: inline-block; vertical-align: middle; font-size: 1.4rem; font-weight: 700; color: #fff; padding: 5px 7px 6px;  background-color: #000; line-height: 1em; border-radius: 2px;}
#mInfo .box .time .bn.bn1{background-color: rgb(7, 7, 192); color: #ffee54;}
#mInfo .box .time .bn.bn2{background-color: #C41313;}
@media all and (max-width:1740px){
    #mInfo{padding: 120px 0;}
    #mInfo .box{flex:0 1 auto;}
    #mInfo .box.box1{width: 100%;}
    #mInfo .box.box2{width: 100%;}
    #mInfo .box.box3{width: 100%;}
    #mInfo .box .time dl dt{width: 25%;}
}
@media all and (max-width:1600px){
    #mInfo .box{padding-left: 2em;}
    #mInfo .box.box1{padding-left: 0}
    #mInfo .box .tel{font-size: 3.2rem;}
    #mInfo .box > p{font-size: 1.6rem;}
    #mInfo .box .location dt{font-size: 2.4rem;}
    #mInfo .box .location dd{font-size: 1.6rem;}
    #mInfo .box .time dl{font-size: 1.6rem;}
    #mInfo .box .alert{font-size: 1.6rem;}
}
@media all and (max-width:1280px){
    #mInfo .flex-div{flex-wrap: wrap;}
    #mInfo .box.box1{width: 50%;}
    #mInfo .box.box2{width: 50%;}
    #mInfo .box.box3{border-left: 0; padding-left: 0; margin-top: 30px; padding-top: 30px; border-top: 1px dashed #dedede;;}

    #btnWrap a{font-size: 1.7rem;}
}
@media all and (max-width:976px){
    #btnWrap a{font-size: 1.6rem;}
    #btnWrap a{padding: 13px 20px 13px 40px;}
    #btnWrap a.mbtn1{background-size: 17px auto;}
    #btnWrap a.mbtn2{background-size: 24px auto;}
    #btnWrap a.mbtn3{background-size: 22px auto;}
    #btnWrap a.mbtn4{background-size: 14px auto; padding: 13px 20px 13px 40px;}
    #btnWrap a.mbtn5{background-size: 14px auto; padding: 13px 20px 13px 40px;}
}
@media all and (max-width:768px){
    #mInfo{padding: 70px 0;}
    #mInfo .box.box1{width: 100%;}
    #mInfo .box.box2{width: 100%; border-left: 0; padding-left: 0;; margin-top: 30px; padding-top: 30px; border-top: 1px dashed #dedede;;}
    #mInfo .box .title h3{font-size: 2.4rem;}
    #mInfo .box .title h3 .ico{max-height: 30px;}
    #mInfo .box .title h3 .ico img{height: 30px;}
}

#mMap{}
#mMap .cont{display: none;}
#mMap .wrap_controllers{display: none;}

@media all and (max-width:480px){
    #mMap .wrap_map{height: 340px !important;}
}