@charset "utf-8";

/* mVisual */
#mVisual{}
#mVisual .mv{max-height: calc(100vh - 100px); height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#mVisual .mv a{display: inline-block; width: 100%; height: 100%;} 
#mVisual .mv.mv1{background-image: url(/images/main/mv1.jpg);}
#mVisual .mv.mv1-1{background-image: url(/images/main/mv1_241029.png);}
#mVisual .mv.mv2{background-image: url(/images/main/mv2.jpg);}
#mVisual .mv .inner{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#mVisual .mv .inner .txt{text-align: center; width: 100%; text-align: center;}
#mVisual .mv .inner .txt h4{font-family: 'Poppins', sans-serif; font-size: 1.4rem; color: #fff; opacity: 0.5; background-color: rgba(255,255,255,0.09); max-width: 287px; width: 100%; margin: 0 auto; font-weight: 600; line-height: 26px;}
#mVisual .mv .inner .txt h4 span{letter-spacing: 0.28em;}
#mVisual .mv .inner .txt h3{color: #fff; font-weight: 700; font-size: 6rem; line-height: 1.2em; margin-top: 55px; margin-bottom: 60px;}
#mVisual .mv .inner .txt h3 b{font-weight: 900;}
/*#mVisual .mv .inner .txt h3 span{color: #f9b53c;}*/
#mVisual .mv .inner .txt p{color: #ffffff; font-weight: 600; font-size: 2rem; word-break: keep-all; line-height: 1.5em;}
#mVisual .slick-dots{transform: translateX(-50%); bottom: 30px;}
#mVisual .slick-dots li{border-radius: 0; width: 8px; height: 8px; background: transparent; border: 2px solid #fff;}
#mVisual .slick-dots li.slick-active{background-color: #fff;}

@media all and (max-width:976px){
    #mVisual .mv{max-height: auto; height: 80vh; min-height: 65vh;}
    #mVisual .mv .inner .txt h3{font-size: 4.8rem; margin: 45px 0 50px;}
    #mVisual .mv .inner .txt p{font-size: 1.9rem;}
}
@media all and (max-width:640px){
    #mVisual .mv.mv1-1{background-image: url(/images/main/mv1_mo_241029.png);}
    #mVisual .mv .inner .txt h3{font-size: 4rem; margin: 35px 0;}
    #mVisual .mv .inner .txt p{font-size: 1.8rem;}
    #mVisual .slick-dots li{width: 10px; height: 10px;}
}
@media all and (max-width:480px){
    #mVisual .mv .inner .txt h3{font-size: 3.6rem; margin: 25px 0;}
}


/* sec1 */
.sec1{padding: 85px 0 125px; background: url(/images/main/sec1_bg.jpg) no-repeat right center; max-width: 1920px; margin: 0 auto;}
.sec1 .m_tit{}
.sec1 .m_tit h4{color: #41a356; font-size: 1.4rem; font-weight: 500; margin-bottom: 50px;}
.sec1 .m_tit h4 span{font-weight: 600;}
.sec1 .m_tit h3{font-weight: 400; font-size: 4.5rem; color: #222; line-height: 1.3em; margin-bottom: 80px;word-break: keep-all;}
.sec1 .m_tit h3 b{font-weight: 800;word-break: keep-all;}

.sec1 .sec1_flex{display: flex;}
.sec1 .sec1_flex #sVisual{width: 670px;}
.sec1 .sec1_flex #sVisual .sv{width: 100%; height: 630px; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 40px; cursor: pointer;}
.sec1 .sec1_flex #sVisual .sv.sv1{background-image: url(/images/main/sv1.jpg);}
.sec1 .sec1_flex #sVisual .sv .txt{height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 50%;}
.sec1 .sec1_flex #sVisual .sv .txt h4{font-size: 2.4rem; color: #fefefe; font-weight: 600;}
.sec1 .sec1_flex #sVisual .sv .txt h3{font-size: 5rem; color: #3be15f; font-weight: 800; margin-top: 10px; margin-bottom: 30px;}
.sec1 .sec1_flex #sVisual .sv .txt ul.list{display: flex; justify-content: center; flex-wrap: wrap;}
.sec1 .sec1_flex #sVisual .sv .txt ul.list li{color: rgba(255,255,255,0.48); border: 1px solid rgba(255,255,255,0.22); font-size: 1.7rem; margin: 5px; padding: 15px 30px; border-radius: 30px;}
.sec1 .sec1_flex #sVisual .slick-prev{background:url(/images/main/sv_prev.png) no-repeat center center; width: 19px; height: 34px; text-indent:-9999px; left: 20px; opacity:0.18; transition:0.2s ease-in-out;}
.sec1 .sec1_flex #sVisual .slick-next{background:url(/images/main/sv_next.png) no-repeat center center; width: 19px; height: 34px; text-indent:-9999px; right: 20px; opacity:0.18; transition:0.2s ease-in-out;}
.sec1 .sec1_flex #sVisual .slick-prev:hover,
.sec1 .sec1_flex #sVisual .slick-next:hover{opacity: 1;}

.sec1 .nonsur_list{width: calc(100% - 670px); display: flex; flex-direction: column;}
.sec1 .nonsur_list li{background-color: rgba(255,255,255,0.83); display: flex; padding: 30px 50px; flex:1; margin-bottom: 1px; position: relative; align-items: center;}
.sec1 .nonsur_list li:last-child{margin-bottom: 0;}
.sec1 .nonsur_list li .tit{display: flex; width: 260px; align-items: center;}
.sec1 .nonsur_list li .tit h4{font-size: 5rem; font-weight: 100; color: #41a356; font-style: italic; margin-right: 25px;}
.sec1 .nonsur_list li .tit h3{font-size: 2.2rem; color: #222222;}
.sec1 .nonsur_list li .cont{font-size: 1.7rem; color: #686868; margin-left: 60px; line-height: 1.7em; word-break: keep-all;}
.sec1 .nonsur_list li .go{position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}
.sec1 .nonsur_list li .go a{color: #fff; font-size: 1.8rem; font-family: 'Poppins', sans-serif; width: 50px; height: 50px; border-radius: 100%; background-color: #cac2b9; line-height: 50px;display: block; text-align: center; font-weight: 800;}

.sec1_bg{background: url(/images/main/sec1_pd_bg.png) no-repeat left top 68px; margin-top: 100px;}
.sec1 .sec1_pd{margin: 0 auto; max-width: 1400px; display: flex; justify-content: space-between; align-items: center;}
.sec1 .sec1_pd .txt{}
.sec1 .sec1_pd .txt h3{font-size: 4.5rem; color: #222222; font-weight: 400; line-height: 1.4em; margin-bottom: 35px; }
.sec1 .sec1_pd .txt h3 span{font-style: italic;}
.sec1 .sec1_pd .txt h3 b{font-weight: 800;}
.sec1 .sec1_pd .txt h4{font-size: 2.2rem; color: #41a356;}
.sec1 .sec1_pd .txt p{font-size: 1.7rem; color: #686868; line-height: 1.7em; margin-top: 25px;}
.sec1 .sec1_pd .img{}
.sec1 .sec1_pd .img img{max-width: 100%;}

@media all and (max-width:976px){
    .sec1{padding: 75px 0 110px; background: none;}
    .sec1 .m_tit h4{margin-bottom: 40px;}
    .sec1 .m_tit h3{font-size: 3.8rem; margin-bottom: 60px;}
    .sec1 .m_tit h3 br{display: none;}
    
    .sec1 .sec1_flex{flex-direction: column;}
    .sec1 .sec1_flex #sVisual{width: 100%;}
    .sec1 .sec1_flex #sVisual .sv{padding: 30px;}
    .sec1 .sec1_flex #sVisual .sv .txt{padding-top: 320px;}
    .sec1 .sec1_flex #sVisual .sv .txt h4{font-size: 2.2rem;}
    .sec1 .sec1_flex #sVisual .sv .txt h3{font-size: 4.2rem; margin-bottom: 25px;}
    .sec1 .sec1_flex #sVisual .sv .txt ul.list li{font-size: 1.6rem; padding: 10px 20px; border-radius: 25px;}
    
    .sec1 .nonsur_list{width: 100%; margin-top: 10px;}
    .sec1 .nonsur_list li{padding: 20px; flex-direction: column; align-items: flex-start; position: relative;}
    .sec1 .nonsur_list li > div{width: 100% !important;}
    .sec1 .nonsur_list li .tit{margin-bottom: 10px;}
    .sec1 .nonsur_list li .tit h4{font-size: 3.8rem; width: 40px; margin-right: 0;}
    .sec1 .nonsur_list li .tit h3{width: calc(100% - 50px); margin-left: 10px;}
    .sec1 .nonsur_list li .tit h3 br{display: none;}
    .sec1 .nonsur_list li .cont{margin-left: 0; width: calc(100% - 80px) !important;}
    .sec1 .nonsur_list li .cont br{display: none;}
    .sec1 .nonsur_list li .go{right: 20px; display: inline-block; text-align: right;}
    .sec1 .nonsur_list li .go a{display: inline-block;}
    
    .sec1_bg{background: none; margin-top: 80px;}
    .sec1 .sec1_pd{flex-direction: column;}
    .sec1 .sec1_pd .txt{width: 100%; margin-bottom: 30px;}
    .sec1 .sec1_pd .txt h3{font-size: 3.8rem; margin-bottom: 25px;}
    .sec1 .sec1_pd .txt h4{font-size: 2.1rem;}
    .sec1 .sec1_pd .txt p{margin-top: 20px;}
    .sec1 .sec1_pd .txt p br{display: none;}
}
@media all and (max-width:640px){
    .sec1{padding: 75px 0 90px;}
    .sec1 .m_tit h4{margin-bottom: 35px;}
    .sec1 .m_tit h3{font-size: 3.2rem; margin-bottom: 45px;}
    
    .sec1 .sec1_flex #sVisual .sv{height: 480px; padding: 25px;}
    .sec1 .sec1_flex #sVisual .sv .txt{padding-top: 240px;}
    .sec1 .sec1_flex #sVisual .sv .txt h4{font-size: 2rem;}
    .sec1 .sec1_flex #sVisual .sv .txt h3{font-size: 3.6rem; margin-bottom: 20px;}
    .sec1 .sec1_flex #sVisual .sv .txt ul.list li{padding: 8px 16px; border-radius: 20px; margin:  3px;}
    
    .sec1 .nonsur_list li .tit{margin-bottom: 5px;}
    .sec1 .nonsur_list li .tit h4{font-size: 3.2rem; width: 30px;}
    .sec1 .nonsur_list li .tit h3{font-size: 2rem;}
    .sec1 .nonsur_list li .cont{font-size: 1.6rem; width: calc(100% - 60px) !important;}
    .sec1 .nonsur_list li .go a{font-size: 1.7rem; width: 46px; height: 46px; line-height: 46px;}
    
    .sec1_bg{margin-top: 60px;}
    .sec1 .sec1_pd .txt{margin-bottom: 25px;}
    .sec1 .sec1_pd .txt h3{font-size: 3.2rem; margin-bottom: 20px;}
    .sec1 .sec1_pd .txt h4{font-size: 2rem;}
}
@media all and (max-width:480px){
    .sec1 .sec1_flex #sVisual .sv{height: 460px; padding: 20px;}
    .sec1 .sec1_flex #sVisual .sv .txt{padding-top: 220px;}
    .sec1 .sec1_flex #sVisual .sv .txt ul.list li{font-size: 1.5rem;}
}

.sec2{background: url(/images/main/sec2_bg.jpg) no-repeat center center / cover;}
.sec2 .inner{display: flex;}
.sec2 .inner .img{margin-left: 50px; margin-top: -23px;}
.sec2 .inner .img img{max-width: 100%;}
.sec2 .inner .txt{display: flex; margin-top: 110px; margin-left: 90px;}
.sec2 .inner .txt .left_cont{}
.sec2 .inner .txt .left_cont h4{font-size: 3.2rem; color: #fff; font-weight: 600; margin-bottom: 35px;}
.sec2 .inner .txt .left_cont h3{font-weight: 200; font-size: 5rem; color: #fff; margin-bottom: 15px;}
.sec2 .inner .txt .left_cont h3 b{font-weight: 800;}
.sec2 .inner .txt .left_cont h5{font-size: 2rem; color: #42cc60; font-weight: 400;}
.sec2 .inner .txt .left_cont a.more{margin-top: 60px; display: inline-block; font-size: 1.6rem; font-weight: 600; color: #fff; opacity: 0.38; padding: 15px 60px 15px 30px; border-radius: 30px; border: 1px solid #fff; background: url(/images/main/sec2_more.png) no-repeat center right 20px; transition: .2s ease-in-out;}
.sec2 .inner .txt .left_cont a.more:hover{opacity: 1;}
.sec2 .inner .txt .right_cont{margin-left: 80px;}
.sec2 .inner .txt .right_cont li{font-size: 1.8rem; color: #ffffff; font-weight: 400; line-height: 2.2em;}
.sec2 .inner .txt .right_cont li::before{content: '·'; margin-right: 10px; opacity: 0.5;}
.sec2 .inner .txt .right_cont br{margin: 20px; display: block;}

@media all and (max-width:976px){
    .sec2 .inner{flex-direction: column;}
    .sec2 .inner .img{margin-left: 0; margin-top: 50px; text-align: center;}
    .sec2 .inner .txt{ order: -1; margin-left: 0; justify-content: center; margin-top: 90px; flex-wrap: wrap;}
    .sec2 .inner .txt .left_cont h4{font-size: 2.6rem; margin-bottom: 25px;}
    .sec2 .inner .txt .left_cont h3{font-size: 3.8rem;}
    .sec2 .inner .txt .left_cont a.more{margin-top: 45px; padding: 10px 50px 10px 20px; background-position: center right 15px !important;}
    .sec2 .inner .txt .right_cont{margin-left: 60px;}
    .sec2 .inner .txt .right_cont li{font-size: 1.7rem;}
}
@media all and (max-width:720px){
    .sec2 .inner .img img{max-width: 75%;}
    .sec2 .inner .txt{text-align: center; flex-direction: column; margin-top: 75px;}
    .sec2 .inner .txt .left_cont{margin-bottom: 30px;}
    .sec2 .inner .txt .left_cont h4{font-size: 2.2rem; margin-bottom: 20px;}
    .sec2 .inner .txt .left_cont h3{font-size: 3.2rem;}
    .sec2 .inner .txt .left_cont h5{font-size: 1.8rem;}
    .sec2 .inner .txt .left_cont a.more{margin-top: 30px;}
    .sec2 .inner .txt .right_cont{margin-left: 0;}
    .sec2 .inner .txt .right_cont li::before{display: none;}
}

/* sec3 */
.sec3{background-color: #f7f6f2; margin-top: -40px;}
.sec3 .inner{display: flex; top: -110px;}
.sec3 .inner .root_daum_roughmap{max-width: 960px;}
.sec3 .inner .root_daum_roughmap .wrap_controllers{display: none;}
.sec3 .inner .info{width: calc(100% - 960px); display: flex;flex-direction: column;}
.sec3 .inner .info .top{background: #41a356 url(/images/main/sec3_top_bg.png) no-repeat right center; padding: 45px 65px 35px; flex:1;}
.sec3 .inner .info .top h3{font-size: 3rem; color: #fff; font-weight: 800; margin-bottom: 15px;}
.sec3 .inner .info .top p{font-size: 1.8rem; color: #fff;}
.sec3 .inner .info .top .tel{}
.sec3 .inner .info .top .tel a{color: #fff; font-size: 3.6rem; font-family: 'Jost', sans-serif; font-weight: 700; margin-top: 20px; display: inline-block;}
.sec3 .inner .info .bottom{padding: 50px 68px; flex:1; background:#fff url(/images/main/sec3_bottom_bg.png) no-repeat right 50px bottom 60px;}
.sec3 .inner .info .bottom .box{max-width: 316px;}
.sec3 .inner .info .bottom .box dl{display: flex; padding:8px 0; border-bottom: 1px dashed #ececec;}
.sec3 .inner .info .bottom .box dl dt{font-size: 1.6rem; color: #686868; width: 90px;}
.sec3 .inner .info .bottom .box dl dd{font-size: 1.6rem; color: #222222;}

@media all and (max-width:976px){
    .sec3 .inner{flex-direction: column;}   
    .root_daum_roughmap .wrap_map{height: 420px !important;}
    .sec3 .inner .info{width: 100%;}
    .sec3 .inner .info .top{padding: 35px 50px 25px;}
    .sec3 .inner .info .top h3{font-size: 2.6rem; margin-bottom: 10px;}
    .sec3 .inner .info .top .tel a{font-size: 3.2rem;}
    .sec3 .inner .info .bottom{padding: 35px 50px;}
    .sec3 .inner .info .bottom .box{max-width: calc(100% - 220px);}
}
@media all and (max-width:640px){
    .sec3 .inner{top: -80px;}
    .root_daum_roughmap .wrap_map{height: 340px !important;}
    .sec3 .inner .info .top{padding: 25px 35px 20px; background: #f9b233;}
    .sec3 .inner .info .top h3{font-size: 2.3rem;}
    .sec3 .inner .info .top .tel a{font-size: 2.8rem; margin-top: 15px;}
    .sec3 .inner .info .bottom{padding: 25px 35px; background: #fff;}
    .sec3 .inner .info .bottom .box{max-width: 100%;}
}


#sjlist{width: 100%; padding: 80px 0;}
#sjlist ul{ display: flex; flex-wrap: wrap;justify-content: space-between;}
#sjlist ul li{width: 49%; position: relative;}
#sjlist ul li a{display: inline-block; width: 100%; height: 100%;}
#sjlist ul li .img{width: 100%; background: #000; height: 400px; overflow: hidden;}
#sjlist ul li .img img{width: 100%; transition: 0.3s;}
#sjlist ul li:hover .img img{filter: brightness(0.4); transition: 0.3s; transform: scale(1.1);}
#sjlist ul li .txt{position: absolute; right: 10%; top: 50%; transform: translateY(-50%); text-align: center; color: #fff;}
#sjlist ul li:nth-child(2) .txt{left: 10%; right: auto;}
#sjlist ul li .txt h3{font-size: 4rem;}
#sjlist ul li .txt p{font-size: 2rem; margin-top: 10px;}
#sjlist ul li .more{position: absolute; right: 30px; bottom: 30px; border: 1px solid #fff; padding: 10px 25px; font-weight: bold; color: #fff; transition: 0.3s;}
#sjlist ul li:hover .more{background: #fff; color: #000; transition: 0.3s;}

@media all and (max-width:976px){
    #sjlist{padding: 60px 0;}
    #sjlist ul li .img{height: 100%;}
    #sjlist ul li .img img{height: 100%;}
    #sjlist ul li .txt{right: 7%; top: 30%; text-align: right;}
    #sjlist ul li:nth-child(2) .txt{left: 7%; text-align: left;}
    #sjlist ul li .txt h3{font-size: 3rem;}
    #sjlist ul li .txt p{font-size: 1.8rem;}
    #sjlist ul li .more{right: 20px; bottom: 20px;padding: 5px 20px; font-size: 1.4rem;}
}
@media all and (max-width:780px){
    #sjlist{padding: 40px 0;}
    #sjlist ul li{width: 100%; height: 250px; overflow: hidden;}
    #sjlist ul li .img{height: auto;}
}
@media all and (max-width:640px){
    #sjlist ul li{ height: 180px;}
    #sjlist ul li .txt{right: 20px;}
    #sjlist ul li:nth-child(2) .txt{left: 20px;}
    #sjlist ul li .txt h3{font-size: 2.5rem;}
    #sjlist ul li .txt p{font-size: 1.6rem;}
    #sjlist ul li .more{right: 20px; bottom: 20px;padding: 7px 20px; font-size: 1.4rem;}
}
@media all and (max-width:390px){
    #sjlist ul li{ height: 160px;}
}

#s_clinic{width: 100%; padding: 80px 0;}
.m_tt{text-align: center; font-size: 4.5rem; color: #222;}
.cl_ls{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cl_ls li{width: 300px; text-align: center; margin-top: 60px; position: relative;box-shadow: 1px 1px 10px 5px #00000020; border-radius: 100%;}
.cl_ls li::after{width: 90px; height: 40px; background: #41a356; position: absolute; content: '더보기 +'; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100px; color: #fff; font-weight: bold; line-height: 40px; transition: 0.3s; display: none;}
.cl_ls li a{width: 100%; height: 100%; display: inline-block;}
.cl_ls li img{width: 100%; filter: brightness(0.5); transition: 0.3s;}
.cl_ls li:hover img{width: 100%; filter: brightness(1); transition: 0.3s;}
.cl_ls li h3{font-size: 2.6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.cl_ls li:hover h3{display: none;}
.cl_ls li:hover:after{display: block; transition: 0.3s;}

@media all and (max-width:976px){
    #s_clinic{padding: 60px 0;}
    .m_tt{font-size: 4rem;}
    .cl_ls li{width: 48%;}
}
@media all and (max-width:780px){
    #s_clinic{padding: 40px 0;}
    .m_tt{font-size: 3.5rem;}
    .cl_ls li{margin-top: 40px;}
}
@media all and (max-width:640px){
    .m_tt{font-size: 3rem;}
    .cl_ls li{margin-top: 30px;}
    .cl_ls li h3{font-size: 2rem;}
}

.sec3-1{background-color: #f7f6f2; padding: 100px 0;}
.sec3-1.blue{background-color: #f7f6f2;}
.sec3-1 .inner{display: flex;}
.sec3-1 .inner > a{width: 100%; height: 100%; display: inline-block; position: absolute; top: 0;left: 0; z-index: 999;}
.sec3-1 .inner .root_daum_roughmap{max-width: 960px;}
.sec3-1 .inner .root_daum_roughmap .wrap_controllers{display: none;}
.sec3-1 .inner .info{width: calc(100% - 960px); display: flex;flex-direction: column;}
.sec3-1 .inner .info .top{background: #41a356 url(/images/main/sec3_top_bg.png) no-repeat right center; padding: 45px 65px 35px; flex:1;}
.sec3-1.blue .inner .info .top{background: #416aa3 url(/images/main/sec3_top_bg.png) no-repeat right center;}
.sec3-1 .inner .info h3{font-size: 3rem; color: #fff; font-weight: 800; margin-bottom: 15px;}
.sec3-1 .inner .info .top p{font-size: 1.8rem; color: #fff;}
.sec3-1 .inner .info .top .tel{}
.sec3-1 .inner .info .tel a{color: #41a356; font-size: 3.6rem; font-family: 'Jost', sans-serif; font-weight: 700; margin-top: 0px; display: inline-block;}
.sec3-1.blue .inner .info .tel a{color: #416aa3;}
.sec3-1 .inner .info .bottom{padding: 50px 68px; flex:1; background:#fff url(/images/main/sec3_bottom_bg.png) no-repeat right 50px bottom 60px;}
.sec3-1.blue .inner .info .bottom{background:#fff url(/images/main/sec3_bottom_bg_blue.png) no-repeat right 50px bottom 60px;}
.sec3-1 .inner .info .bottom h3{color: #000;}
.sec3-1 .inner .info .box{max-width: 350px;}
.sec3-1 .inner .info .box dl{display: flex; padding:8px 0; border-bottom: 1px dashed #ececec;}
.sec3-1 .inner .info .box dl dt{font-size: 1.8rem; color: #fff; width: 120px; font-weight: bold;}
.sec3-1 .inner .info .box dl dd{font-size: 1.8rem; color: #fff;}

@media all and (max-width:976px){
    .sec3-1{padding: 80px 0;}
    .sec3-1 .inner{flex-direction: column;}   
    .root_daum_roughmap .wrap_map{height: 420px !important;}
    .sec3-1 .inner .info{width: 100%;}
    .sec3-1 .inner .info .top{padding: 35px 50px 25px;}
    .sec3-1 .inner .info .top h3{font-size: 2.6rem; margin-bottom: 10px;}
    .sec3-1 .inner .info .top .tel a{font-size: 3.2rem;}
    .sec3-1 .inner .info .bottom{padding: 35px 50px;}
    .sec3-1 .inner .info .bottom .box{max-width: calc(100% - 220px);}
}
@media all and (max-width:640px){
    .sec3-1{padding: 60px 0;}
    .root_daum_roughmap .wrap_map{height: 340px !important;}
    .sec3-1 .inner .info .top{padding: 25px 35px 20px;}
    .sec3-1 .inner .info .top h3{font-size: 2.3rem;}
    .sec3-1 .inner .info .top .tel a{font-size: 2.8rem; margin-top: 15px;}
    .sec3-1 .inner .info .bottom{padding: 25px 35px; background: #fff;}
    .sec3-1.blue .inner .info .bottom{ background: #fff;}
    .sec3-1 .inner .info .bottom .box{max-width: 100%;}
}



#mVisual2{}
#mVisual2 .mv.mv1{display: flex;}
#mVisual2 .mv.mv1 > div{width: 50%;}
#mVisual2 .mv.mv1 .txt{display: flex; align-items: center; padding: 5%; background: #ecf6ff url('/images/main/mv_symb.webp')no-repeat right bottom;}
#mVisual2 .mv.mv1 .txt h4 span{display: inline-block; padding: 0px 30px 4px; background: linear-gradient(to right, #3993dd, #000152); color: #fff; font-weight: 700; font-family: 'GmarketSans'; font-size: 2.0rem;}
#mVisual2 .mv.mv1 .txt h3{padding: 20px 0; font-size: 6.0rem; color: #000;}
#mVisual2 .mv.mv1 .txt .tbox{display: flex; flex-wrap: wrap; gap: 10px;}
#mVisual2 .mv.mv1 .txt .tbox span{display: inline-block; padding: 10px 30px 12px; background-color: #000152; font-size: 2.3rem; font-weight: 700; color: #fff;}
#mVisual2 .mv.mv1 .txt .tbox span:nth-child(2){background-color: #2e60df;}
#mVisual2 .mv.mv1 .txt .tbox span:nth-child(3){background-color: #3993dd;}
#mVisual2 .mv.mv1 .txt ul{padding-top: 30px; display: flex; flex-direction: column; gap: 10px;}
#mVisual2 .mv.mv1 .txt ul li{display: flex; align-items: center; gap: 10px; font-size: 2.2rem; font-weight: 500; color: #000;}
#mVisual2 .mv.mv1 .txt ul li:before{content: ''; width: 39px; height: 40px; background: url('/images/main/mv_check.webp')no-repeat left center/contain;}
@media all and (max-width:976px){
    #mVisual2 .mv.mv1{flex-direction: column;}
    #mVisual2 .mv.mv1 > div{width: 100%;}
    #mVisual2 .mv.mv1 .img img{width: 100%;}
    #mVisual2 .mv.mv1 .txt{background: #ecf6ff url('/images/main/mv_symb.webp')no-repeat right bottom/30%;}
    #mVisual2 .mv.mv1 .txt h4 span{font-size: 1.4rem;}
    #mVisual2 .mv.mv1 .txt h3{padding: 0.5em 0; font-size: 3.0rem;;}
    #mVisual2 .mv.mv1 .txt .tbox{gap: 5px;}
    #mVisual2 .mv.mv1 .txt .tbox span{font-size: 1.7rem; padding: 0.4em 1.2em 0.6em;}
    #mVisual2 .mv.mv1 .txt ul{padding-top: 20px;}
    #mVisual2 .mv.mv1 .txt ul li{font-size: 1.6rem; gap: 5px;}
    #mVisual2 .mv.mv1 .txt ul li:before{height: 30px;}
}

.sec4{position: relative;}
.sec4 .imgWrap{opacity: 0; display: flex; justify-content: space-between; transition: all 0.8s;}
.sec4 .imgWrap.active{opacity: 1;}
.sec4 .imgWrap > div{position: relative;}
.sec4 .imgWrap .btnWrap a{position: absolute; animation: s4_btnanim 1.5s infinite;}
.sec4 .imgWrap .btnWrap a.btn_neck{left: 35%; top: 22%; animation: s4_btnanim 1.5s 0.3s infinite;}
.sec4 .imgWrap .btnWrap a.btn_shold{left: 65%; top: 28%; animation: s4_btnanim 1.5s 0.5s infinite;}
.sec4 .imgWrap .btnWrap a.btn_spine{left: 18%; top:60%;}
.sec4 .imgWrap .btnWrap a.btn_elbo{left: 80%; top:60%;}
.sec4 .imgWrap .btnWrap a.btn_waist{left:40%; top:20%;}
.sec4 .imgWrap .btnWrap a.btn_knee{left:30%; top:55%; animation: s4_btnanim 1.5s 0.5s infinite;}
.sec4 .imgWrap .btnWrap a.btn_foot{left:32%; top:85%;}
.sec4 .txtWrap{opacity: 0; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%, -50%); transition: all 0.8s;}
.sec4 .txtWrap.active{opacity: 1; z-index: 9;;}
.sec4 .txtWrap h3{padding: 40px 0; font-size: 5.3rem; color: #000;}
.sec4 .txtWrap .circle{display: inline-flex; justify-content: center; align-items: center; width: 180px; height: 180px; background: linear-gradient(#366ec4, #0d0759); color: #fff; border-radius: 50%; border:13px solid #9ec4fb; font-size: 1.8rem;}
.sec4 .txtWrap .circle b{font-size: 2.4rem;}


@keyframes s4_btnanim {
    0%{transform: scale(1);opacity: 1;}
    50%{transform: scale(0.8); opacity: 0.5;}
    1000%{transform: scale(1); opacity: 1;}
}


.sec4 .show_body > div{opacity: 0; position: absolute; left: 0; top: 0; width: 100% ; height: 100%; z-index: -1; overflow: hidden; transition: all 0.8s; display: flex; }
.sec4 .show_body > div.active{opacity: 1; z-index: 2;}
.sec4 .show_body > div .img{position: relative;}
.sec4 .show_body > div .img a{position: absolute; animation: s4_btnanim 1.5s infinite;}
.sec4 .show_body > div .txt{padding-bottom: 10%; display: flex; align-items: center; position: relative; z-index: 20;}
.sec4 .show_body > div .txt h4{font-size: 7.0rem; color: #000;}
.sec4 .show_body > div .txt .t1{padding-top: 25px; font-size: 2.2rem; color: #000; font-weight: 500; word-break: keep-all;}
.sec4 .show_body > div .txt h5{padding: 20px 0 10px; font-size: 2.5rem; color: #366ec4;}
.sec4 .show_body > div .txt ul{display: flex; flex-wrap: wrap; gap: 6px; width: 100%;}
.sec4 .show_body > div .txt ul li{width: calc((100% - 6px*3)/4); border:1px solid #366ec4; border-radius: 6px;}
.sec4 .show_body > div .txt ul li a{display: flex; text-align: center; width: 100%; height:80px; justify-content: center; align-items: center; color: #366ec4; font-weight: 500; font-size: 2.0rem; text-align: center;}
.sec4 .show_body > div .txt ul.w3 li{width: 32.5%}
.sec4 .show_body > div .txt ul.w3 li a{width: 100%;}
.sec4 .show_body > div .txt ul li a[href]:hover{background-color: #2e60df; color: #fff; border-color: #2e60df;}
.sec4 .show_body > div .txt .back{padding-top: 3em;}
.sec4 .show_body > div .txt .back a{display: inline-block; background-color: #0d0759; color: #fff; padding: 20px 30px 22px; border-radius: 60px; font-size: 2.4rem; font-weight: 600;}

.sec4 .show_body #neck .img a{left: 34%; top: 14%;}
.sec4 .show_body #shold .img a{left: 74%; top: 25%;}
.sec4 .show_body #spine .img a{left: 28%; top: 46%;}
.sec4 .show_body #elbo .img a{left: 84%; top: 65%;}
.sec4 .show_body #waist .img a{left: 44%; top: 35%;}
.sec4 .show_body #knee .img a{left: 40%; top: 45%;}
.sec4 .show_body #foot .img a{left: 43%; top: 60%;}


/* 모바일따로 */
.sec4_cont_mo{display: none;}
.sec4 .txtWrapMo{padding: 60px 0 0px; text-align: center;}
.sec4 .txtWrapMo img{height: 70px;}
.sec4 .txtWrapMo h3{padding: 20px 0; font-size: 2.2rem; color: #000;}
.sec4 .txtWrapMo .circle{padding: 1em 0; color: #0a397e; font-size: 2rem; background-color: #f5f5f5; font-weight: 500;}
.sec4 .txtWrapMo .circle b{font-size: 2.4rem;}
.sec4 .sec4_tabs_mo{display: flex;} 
.sec4 .sec4_tabs_mo a{width: 50%; display: flex; justify-content: center; align-items: center; padding: 1em; background-color: #727272; color: #fff; font-size: 2rem; font-weight: 700;;}
.sec4 .sec4_tabs_mo a.on{background-color: #2e59c5;}
.sec4 .imgWrapMo > div{text-align: center; display: none;}
.sec4 .imgWrapMo > div.active{display: block}
.sec4 .imgWrapMo > div > img{max-height: 80vh; max-width: 100%;}
.sec4 .imgWrapMo > div{position: relative;}
.sec4 .imgWrapMo .btnWrapMo a{position: absolute; animation: s4_btnanim 1.5s infinite;}
.sec4 .imgWrapMo .btnWrapMo a.btn_neck{left: 40%; top: 24%; animation: s4_btnanim 1.5s 0.3s infinite;}
.sec4 .imgWrapMo .btnWrapMo a.btn_shold{left: 65%; top: 34%; animation: s4_btnanim 1.5s 0.5s infinite;}
.sec4 .imgWrapMo .btnWrapMo a.btn_spine{left: 24%; top:65%;}
.sec4 .imgWrapMo .btnWrapMo a.btn_elbo{left: 75%; top:63%;}
.sec4 .imgWrapMo .btnWrapMo a.btn_waist{left:40%; top:20%;}
.sec4 .imgWrapMo .btnWrapMo a.btn_knee{left:34%; top:55%; animation: s4_btnanim 1.5s 0.5s infinite;}
.sec4 .imgWrapMo .btnWrapMo a.btn_foot{left:32%; top:85%;}

.sec4 .areaWrap{position: relative; z-index: 30;}
.sec4 .areaWrap .show_body > div{opacity: 0; position: absolute; left: 0; top: 0; width: 100% ; height: 100%; z-index: -1; overflow: hidden; transition: all 0.8s; display: block; background-color: #fff; text-align: center;}
.sec4 .areaWrap .show_body > div.active{opacity: 1; z-index: 2;}
.sec4 .areaWrap .show_body .img{display: inline-block;}
.sec4 .areaWrap .show_body .img > img{max-width: 100%; max-height: 25vh;}
.sec4 .areaWrap .show_body > div .txt{padding-bottom: 10%; padding-inline:2%; display: block; position: relative; z-index: 20;}
.sec4 .areaWrap .show_body > div .txt h4{font-size: 3.0rem; color: #000;}
.sec4 .areaWrap .show_body > div .txt .t1{padding-top: 10px; font-size: 1.5rem; color: #000; font-weight: 500;}
.sec4 .areaWrap .show_body > div .txt h5{padding: 10px 0; font-size: 1.5rem; color: #366ec4;}
.sec4 .areaWrap .show_body > div .txt ul{display: flex; flex-wrap: wrap; gap: 6px; justify-content: center;}
.sec4 .areaWrap .show_body > div .txt ul li{width: auto; border:1px solid #366ec4; border-radius: 6px;}
.sec4 .areaWrap .show_body > div .txt ul li a{display: block; width: auto; height: auto; padding: 4px 10px; color: #366ec4; font-weight: 500; font-size: 1.4rem; text-align: center;}
.sec4 .areaWrap .show_body > div .txt ul li a br{display: none;}
.sec4 .areaWrap .show_body > div .txt ul li a:hover{background-color: #2e60df; color: #fff; border-color: #2e60df;}
.sec4 .areaWrap .show_body > div .txt .back{padding-top: 1em;}
.sec4 .areaWrap .show_body > div .txt .back a{display: inline-block; background-color: #0d0759; color: #fff; padding: 10px 20px 12px; border-radius: 60px; font-size: 1.7rem; font-weight: 600;}

.sec4 .areaWrap .show_body .img a img{width: 40px !important; height: 40px;}
.sec4 .areaWrap .show_body #neck .img a{left: 40%; top: 14%;}
.sec4 .areaWrap .show_body #shold .img a{left: 62%; top: 25%;}
.sec4 .areaWrap .show_body #elbo .img a{left: 70%; top: 70%;}


@media all and (max-width:976px){
    .sec4 .pc{display: none;} 
    .sec4_cont_mo{display: block;}

}




.sec5{display: flex; border-top: 1px solid #cccccc; border-bottom: 1px solid #ccc;}
.sec5 > div{width: 50%; padding: 5%;}
.sec5 .box:first-child{border-right:1px solid #ccc;}
.sec5 .box .txt h3{font-size: 5.8rem; color: #062b61;}
.sec5 .box .txt p{padding-top: 10px; font-size: 2.4rem; font-weight: 500; color: #333;}
.sec5 .box .txt .time{padding: 25px 0; display: flex; flex-wrap: wrap; gap: 10px;}
.sec5 .box .txt dl{width: calc(50% - 5px); display: flex; align-items: center; font-size: 1.8rem; color: #333;}
.sec5 .box .txt dl dt{width: 90px; flex:0 0 auto; opacity: 0.7; font-weight: 600;}
.sec5 .box .img{display: flex; gap: 10px;}
.sec5 .box .img > img{width: 450px;}
.sec5 .box .img a{display: flex; width: 100%; align-items: center; justify-content: center; gap: 10px; font-size: 2.5rem; background-color: #0a397e; color: #fff;}
@media all and (max-width:976px){
    .sec5{flex-direction: column;}
    .sec5 > div{width: 100%;}
    .sec5 .box:first-child{border-bottom:1px solid #ccc; border-right: 0;}
    .sec5 .box .txt h3{font-size: 3.2rem;}
    .sec5 .box .txt p{font-size: 2rem;}
    .sec5 .box .txt dl{width: 100%; font-size: 1.6rem;}
    .sec5 .box .img{flex-direction: column;}
    .sec5 .box .img > img{width: 100%;}
    .sec5 .box .img a{padding: 1em; font-size: 2rem;}
}
@media all and (max-width:568px){
    .sec5 .box .img a{font-size: 1.5rem;}
    .sec5 .box .img a img{height: 40px;}
}


.sec6{padding:20px 0 150px;}
.sec6 .tit{padding-bottom: 60px; text-align: center; font-size: 4.8rem; color: #000;}
.sec6 .in{width: 100%; max-width: 1820px; margin: 0 auto;}
.sec6 .cont{display: flex; flex-wrap: wrap; gap: 30px;}
.sec6 .cont li{padding:2.5% 2%; width: calc((100% - 30px*3)/4); text-align: center; border:3px solid #dde0e5; border-radius: 40px; background-color: #fff;}
.sec6 .cont li:hover{box-shadow: 0 0 60px rgba(0,0,0,0.08);}
.sec6 .cont li h4{padding-top: 20px; font-size: 4.5rem; color: #000;}
.sec6 .cont li p.eng{padding: 30px 0; color: #0a397e; font-size: 1.4rem; letter-spacing: 0.1em; font-weight: 700;}
.sec6 .cont li .links{display: flex; flex-wrap: wrap; gap: 7px; justify-content: center;}
.sec6 .cont li .links a{padding: 6px 20px; font-size: 1.9rem; border:1px solid rgba(57, 57, 57, 0.5); border-radius: 40px; color: #393939;}
.sec6 .cont li .links a:hover{background-color: #2e59c5; color: #fff; border-color: #2e59c5;}

@media all and (max-width:976px){
    .sec6{padding: 90px 0;}
    .sec6 .tit{padding-bottom: 30px; font-size: 3rem;;}
    .sec6 .in{width: 94%;}
    .sec6 .cont li{width: calc((100% - 30px*1)/2); }
}
@media all and (max-width:767px){
    .sec6{padding: 60px 0;}
    .sec6 .tit{padding-bottom: 20px; font-size: 2.5rem;;}
    .sec6 .cont li{width: 100% }
}
@media all and (max-width:568px){
    .sec6 .cont li{padding: 2em 1em;}
    .sec6 .cont li img{width: 50%;}
    .sec6 .cont li h4{font-size: 2.4rem;}
    .sec6 .cont li p.eng{padding: 15px 0;}
    .sec6 .cont li .links a{font-size: 1.6rem;}
}


.s7inner{max-width: 1820px; width: 100%; margin: 0 auto;}
.sec7{padding: 80px 0 80px; border-top: 1px solid #eee;}
.sec7 .tit{padding-bottom: 40px; text-align: center;}
.sec7 .tit h4{padding-bottom: 3em; font-size: 1.4rem; font-weight: 700; color: #1c58b0; letter-spacing: 0.2em;}
.sec7 .tit h3{font-size: 4.8rem; font-weight: normal; color: #000;}
.sec7 .tit h3 .mo{display: none;}
.sec7 .cont .list{display: flex; align-items: center; justify-content: space-between;}
.sec7 .cont .list .slick-list{width: 70%;}
.sec7 .cont .list .item{display: flex; padding: 20px 0; align-items: center;} 
.sec7 .cont .list .item .txt{width: 600px; padding-right: 1em;}
.sec7 .cont .list .item .txt h4{padding-bottom: 1.5em; color: #1c58b0; font-size: 1.6rem; font-weight: 700;;}
.sec7 .cont .list .item .txt h3{font-size: 4.5rem; color: #000;}
.sec7 .cont .list .item .txt p{padding-top: 1em; line-height: 1.7em; font-size: 1.8rem; color: #777;}
.sec7 .cont .list .item .txt a{margin-top: 20px; display: inline-block; font-weight: 600; color: #989898; border:1px solid #dcdcdc; border-radius: 80px; padding: 1em 1.5em;}
.sec7 .cont .list .item .img{padding: 40px 0 90px; width: 650px; text-align: center; background: url('/images/main/sec7_bg.png')no-repeat center center/auto 100%;}
.sec7 .cont .list .item .img img{display: inline-block; max-width: 100%;}
.sec7 .cont .list .dots_custom{width: 520px;}
.sec7 .cont .list .dots_custom li:has(.t){padding: 1em 0; font-size: 1.8rem; color: #000; border-bottom: 1px solid #8c8c8c;}
.sec7 .cont .list .dots_custom li a.t{}
.sec7 .cont .list .dots_custom li.slick-active{}
.sec7 .cont .list .dots_custom li.slick-active:has(.t){ border-bottom: 3px solid #1c58b0;}
.sec7 .cont .list .dots_custom li.slick-active a.t{color: #1c58b0; font-size: 2.1rem; font-weight: 700;}
.sec7 .cont .list .dots_custom li a.dot{display: inline-block; width: 10px; height: 10px; background-color: #ddd; border-radius: 50%;}
.sec7 .cont .list .dots_custom li.slick-active a.dot{background-color: #1c58b0;}
@media all and (max-width:1820px){
    .s7inner{width: 94%;}
}
@media all and (max-width:976px){
    .sec7{padding: 50px 0 30px;}
    .sec7 .tit{padding-bottom: 20px;}
    .sec7 .tit h4{padding-bottom: 1.5em;}
    .sec7 .tit h3{font-size: 3.2rem;}
    .sec7 .tit h3 .mo{display: block;}
    .sec7 .cont .list .slick-list{width: 100%;}
    .sec7 .cont .list{flex-direction: column-reverse;}
    .sec7 .cont .list .item{flex-direction: column-reverse; gap: 1em;}
    .sec7 .cont .list .item .img{width: auto; padding: 20px 0 0;}
    .sec7 .cont .list .item .txt{width: auto; text-align: center;}
    .sec7 .cont .list .item .txt h4{font-size: 1.3rem;}
    .sec7 .cont .list .item .txt h3{font-size: 2.8rem;}
    .sec7 .cont .list .item .txt p{font-size: 1.4rem;}
    .sec7 .cont .list .item .txt a{font-size: 1.4rem;}
    .sec7 .cont .list .dots_custom{display: flex !important; width: 100%; flex-wrap: wrap; justify-content: center; gap: 1em;}
    .sec7 .cont .list .dots_custom li{padding:0 0 0.5em; font-size: 1.5rem;}
    .sec7 .cont .list .dots_custom li.slick-active a{font-size: 1.7rem;}

}





.sec8{padding: 50px 0 80px;}
.sec8 .tit{padding-bottom: 40px; text-align: center;}
.sec8 .tit h4{padding-bottom: 3em; font-size: 1.4rem; font-weight: 700; color: #1c58b0; letter-spacing: 0.2em;}
.sec8 .tit h3{font-size: 4.8rem; font-weight: normal; color: #000;}
.sec8 .tit h3 .mo{display: none;}
.sec8 .cont .list{}
.sec8 .cont .list .item{display: flex; padding: 20px 0; align-items: center; justify-content: space-between;} 
.sec8 .cont .list .item .txt{width: 50%; padding-right: 1em;}
.sec8 .cont .list .item .txt h4{padding-bottom: 1.5em; color: #1c58b0; font-size: 1.6rem; font-weight: 700;;}
.sec8 .cont .list .item .txt h3{font-size: 4.5rem; color: #000;}
.sec8 .cont .list .item .txt p{padding-top: 1em; line-height: 1.7em; font-size: 1.8rem; color: #777;}
.sec8 .cont .list .item .txt a{margin-top: 20px; display: inline-block; font-weight: 600; color: #989898; border:1px solid #dcdcdc; border-radius: 80px; padding: 1em 1.5em;}
.sec8 .cont .list .item .img{width: 50%; padding: 20px 0;  text-align: center; }
.sec8 .cont .list .item .img img{display: inline-block; max-width: 100%;}
.sec8 .cont .list .line{margin: 4% 0; border-top: 1px solid #ddd;}
@media all and (max-width:976px){
    .sec8{padding: 50px 0 30px;}
    .sec8 .tit{padding-bottom: 20px;}
    .sec8 .tit h4{padding-bottom: 1.5em;}
    .sec8 .tit h3{font-size: 3.2rem;}
    .sec8 .tit h3 .mo{display: block;}
    .sec8 .cont .list{flex-direction: column-reverse;}
    .sec8 .cont .list .item{flex-direction: column-reverse; gap: 1em;}
    .sec8 .cont .list .item .img{width: auto; padding: 20px 0 0;}
    .sec8 .cont .list .item .txt{width: auto; text-align: center;}
    .sec8 .cont .list .item .txt h4{font-size: 1.3rem;}
    .sec8 .cont .list .item .txt h3{font-size: 2.8rem;}
    .sec8 .cont .list .item .txt p{font-size: 1.4rem;}
    .sec8 .cont .list .item .txt a{font-size: 1.4rem;}
}


.sec9{padding: 120px 0 140px; margin-bottom: 100px; background: url('/images/main/sec9_bg.webp')no-repeat center center/cover; text-align: center;}
.sec9 .in{width: 100%; max-width: 1820px; margin: 0 auto;}
.sec9 .tit{color: #fff; padding-bottom: 40px;}
.sec9 .tit .eng{padding-bottom: 1em; letter-spacing: 0.1em; font-weight: 500;}
.sec9 .tit h3{font-size: 5.5rem;}
.sec9 .tit p{padding-top: 1em; line-height: 1.6em;}
.sec9 .cont{display: flex; gap: 30px; flex-wrap: wrap;}
.sec9 .cont li{width: calc((100% - 30px*2)/3); box-shadow: 0px 7px 30px rgb(89, 92, 97, 0.15); background-color: #fff; } 
.sec9 .cont li img{width: 100%;}
.sec9 .cont li .txt{padding: 2em;}
.sec9 .cont li .txt h4{padding-bottom: 0.5em; font-size: 1.8rem; font-weight: 600; color: #000152;}
.sec9 .cont li .txt h3{font-size: 3.1rem; color: #000;}
.sec9 .cont li .txt .tag{padding: 1em 0;}
.sec9 .cont li .txt .tag span{color:#1c58b0; font-weight: 500; margin-inline:5px;}
.sec9 .cont li .txt p{line-height: 1.8em; word-break: keep-all;}
@media all and (max-width:976px){
    .sec9 .in{width: 94%;}
    .sec9 .cont li{width: calc((100% - 30px*1)/2); }
}
@media all and (max-width:767px){
    .sec9{padding: 90px 0; margin-bottom: 0;}
    .sec9 .tit .eng{font-size: 1.4rem;}
    .sec9 .tit h3{font-size: 3.2rem;}
    .sec9 .cont li{width: 100%;}
}