@charset "utf-8";

#main1{font-family: 'SUIT';}
#main1 #mVisual{width: 100%;}
#main1 #mVisual .mv{width: 100%; height: 100%; min-height: 980px; background-size: cover; background-position: center center; position: relative; overflow: hidden;}
/*#main1 #mVisual .mv::after{content: ''; background: url(/images/main/mv_txt.png) no-repeat left; width: 45%; background-size: cover; height: 100%;  display: block; position: absolute; top: 0; left: 0;opacity: 0.98;}*/
#main1 #mVisual .mv1{background-image: url(/images/main/mv1_new.webp); /*background-position: 70% center;*/}
#main1 #mVisual .mv2{background-image: url(/images/main/mv2_new.webp); }
#main1 #mVisual .mv .inner{height: 100%; min-height: 980px;}
#main1 #mVisual .mv .txt{position: absolute;  z-index: 99; top: 50%; text-align: center; padding: 60px 0; width: 60%; border-radius: 0; text-align: left;margin-left: 60px; transform: translateY(-10%);}
#main1 #mVisual .mv .txt h3{color: #fff; font-size: 5.5rem; line-height: 1.05em; margin: 2rem 0; word-spacing: -0.1em; letter-spacing: -0.00em; margin-top: 1rem;font-family: 'ELandNice'; font-weight: normal;}
#main1 #mVisual .mv .txt .line{width: 90px; height: 1px; background-color: #fff; margin: 6rem 0;}
#main1 #mVisual .mv .txt p{color: #fff; font-weight: 500; font-size: 2.0rem; line-height: 1.3em;}
#main1 #mVisual .mv .txt p span{font-weight: 500;}
#main1 #mVisual .mv .txt .btn{}
#main1 #mVisual .mv .txt .btn a{background-color: rgba(255,255,255,0.85);  font-weight: 500; font-size: 1.8rem; line-height: 2.5em; padding: 0 2em; display: inline-block; margin-top: 1.5em; color: #212121;}
#main1 #mVisual .mv video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: inherit; height: auto; min-width: 100%; min-height: 100%;}
#main1 #mVisual .inner{width: 100%;}
#main1 #mVisual .inner::after{content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); left: 0; top: 0; position: absolute; display: block;}
#main1 #mVisual .slick-dots{transform: translateX(-50%);}
#main1 #mVisual .slick-dots li{width: 12px; height: 12px; margin: 5px;}
#main1 #mVisual .slick-dots li.slick-active{background-color: #fff;}
#main1 .middle {
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
	z-index: 99;
}

#main1 .mouse {
    width: 24px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50px;
}

#main1 .mouse::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 8px;
    background-color: #fff;   
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    opacity: 1;
    animation: mouse 1.5s infinite;
}

@keyframes mouse {
    from {
        opacity: 1;
        top: 8px;
    }
    to {
        opacity: 0;
        top: 25px;
    }
}

@media all and (max-width:1780px){
    #main1 #mVisual .mv video{height: 100%; width: auto;}
}

@media all and (max-width:1240px){
    #main1 #mVisual .mv::after{width: 420px;}
/*
    #main1 #mVisual .mv .txt h4{font-size: 1em;}
    #main1 #mVisual .mv .txt h3{font-size: 2em;}
    #main1 #mVisual .mv .txt p{font-size: 1.125em;}
*/
	#main1 #mVisual .mv .txt h3{font-size: 3.25rem; margin: 1.5rem 0;}
    #main1 #mVisual .mv .txt .btn a img{max-width: 180px;}
}
@media all and (max-width:690px){
/*
    #main1 #mVisual .mv1{background-image: url(/images/main/mv1_m.png);}
    #main1 #mVisual .mv2{background-image: url(/images/main/mv2_m.png);}
*/
    #main1 #mVisual .slick-dots{bottom: 2%;}
    #main1 #mVisual .mv{min-height: 680px;}
    #main1 #mVisual .mv::after{width: 100%; top: 55%; opacity: 0.8}
    #main1 #mVisual .mv .inner{width: 100%; min-height: 680px;}
    #main1 #mVisual .mv .txt{ top: 50%; left: 50%; transform: translate(-50%, -55%); width: 100%; border-radius: 0px 0px 0 0; text-align: center; margin-left: 0;}
    #main1 #mVisual .mv .txt .line{margin: 3rem auto;}
    #main1 #mVisual .mv .txt .btn a img{max-width: 160px;}
}
@media all and (max-width:480px){

}


.main2{width: 100%; height: 780px;}
.main2 .s-inner{display: flex; flex-wrap: wrap; position: relative; padding: 130px 0;}
.main2 .s-inner::before{content: ''; width: 93%; height: 70%; background-color: #dfe7f3; position: absolute; top: 23%; right: 0;z-index: -1;}
.main2 .s-inner::after{content: 'ORTHOPEDIC CLINIC'; font-family: 'ELandNice'; position: absolute; bottom: 10%; left: 150px; font-size: 4rem; color: #dfe7f3; font-weight: 700; letter-spacing: 6px;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.main2 .img{width: 40%;}
.main2 .img img{width: 100%;}
.main2 .career{width: 60%; display: flex; justify-content: flex-end; position: relative;}
.main2 .career::after{content: 'YONSEI NO.1'; font-family: 'ELandNice'; position: absolute; top: -28px;right: 0; font-size: 5.5rem; color: #dfe7f3; font-weight: 700;}
.main2 .career .txt{padding: 110px 60px 0; width: 100%; font-family: 'ELandNice'; color: #212121;}
.main2 .career .txt h4{font-size: 2rem; margin: 20px 0; display: inline-block; font-weight: normal; color: #295daa;}
.main2 .career .txt h3{font-size: 4.5rem; margin-bottom: 30px; font-weight: normal;}
.main2 .career .txt h3 span{font-size: 3rem; margin-left: 20px;}
.main2 .career .txt h5{font-size: 2rem; margin-bottom: 10px; color: #025;}
.main2 .career .txt .c_list{width: 100%; font-family: 'SUIT'; font-weight: bold; font-size: 1.7rem;}
.main2 .career .txt .c_list .c_item{display: flex; flex-wrap: wrap; }
.main2 .career .txt .c_list ul{width: 50%;}
.main2 .career .txt .c_list ul li{margin-bottom: 10px;}

.main2-1{height: 840px;}
.main2-1 .s-inner::before{left: 0;}
.main2-1 .s-inner::after{bottom: 10%; right: 150px; left: auto;}
.main2-1 .career::after{left: 0; top: -19px;}



@media all and (max-width:1540px){
    .main2 .s-inner::after{font-size: 3rem;}
    .main2 .career::after{font-size: 5.5rem; top: 5px;}
    .main2-1 .s-inner::after{font-size: 3rem;}
    .main2-1 .career::after{font-size: 5.5rem; top: 5px;}
}

@media all and (max-width:1280px){
    .main2 .career::after{font-size: 4.5rem; top: 37px;}
    .main2-1 .career::after{font-size: 4.5rem; top: 37px;}
}

@media all and (max-width:1024px){
    .main2{height: 100%;}
    .main2 .s-inner{margin: 13% auto 5%; padding: 50px 0;}
    .main2 .s-inner::before{width: 100%; height: 100%; top: 0;}
    .main2 .s-inner::after{bottom: 0.5%; left: 20px;}
    .main2 .img{width: 90%; margin: 0 auto 10px; order: 2;}
    .main2 .career{width: 100%; order: 1;}
    .main2 .career::after{right: 0;  top: -100px;}
    .main2 .career .txt{padding: 0 50px 50px;}
    
    .main2-1{height: 100%;}
    .main2-1 .s-inner{margin: 13% auto 5%; padding: 50px 0;}
    .main2-1 .s-inner::before{width: 100%; height: 100%; top: 0;}
    .main2-1 .s-inner::after{bottom: 0.5%; right: 20px;}
    .main2-1 .img{width: 90%; margin: 0 auto 10px; order: 2;}
    .main2-1 .career{width: 100%; order: 1;}
    .main2-1 .career::after{left: 0;  top: -100px;}
    .main2-1 .career .txt{padding: 0 50px 50px;}
}

@media all and (max-width:640px){
    .main2 .s-inner{padding: 30px 0;}
    .main2 .s-inner::after{font-size: 2rem; bottom: 1%;}
    .main2 .career::after{font-size: 3.5rem; top: -65px;}
    .main2 .career .txt{padding: 0 20px 30px;}
    .main2 .career .txt h4{font-size: 1.6rem; margin: 10px 0;}
    .main2 .career .txt h3{font-size: 3rem; margin-bottom: 40px;}
    .main2 .career .txt h5{font-size: 1.8rem; margin-bottom: 5px;}
    .main2 .career .txt h3 span{font-size: 2rem; margin-left: 20px;}
    .main2 .career .txt .c_list{font-size: 1.6rem;}
    .main2 .career .txt .c_list ul{width: 100%;}
    
    .main2-1 .s-inner{padding: 30px 0;}
    .main2-1 .s-inner::after{font-size: 2rem; bottom: 1%;}
    .main2-1 .career::after{font-size: 3.5rem; top: -65px;}
    .main2-1 .career .txt{padding: 0 30px 30px;}
    .main2-1 .career .txt h4{font-size: 1.8rem; margin: 10px 0;}
    .main2-1 .career .txt h3{font-size: 3.5rem; margin-bottom: 20px;}
    .main2-1 .career .txt h3 span{font-size: 2.5rem; margin-left: 20px;}
    .main2-1 .career .txt .c_list{font-size: 1.6rem;}
    .main2-1 .career .txt .c_list ul{width: 100%;}
}

@media all and (max-width:430px){
    .main2 .s-inner::after{font-size: 1.3rem; bottom: 1.5%;}
    .main2 .career::after{font-size: 2.5rem; top: -58px;}
    .main2-1 .s-inner::after{font-size: 1.3rem; bottom: 1.5%;}
    .main2-1 .career::after{font-size: 2.5rem; top: -58px;}
}


#main3{width: 100%; height: 100%; position: relative; background: url('/images/main/main3_bgtxt.png') no-repeat 95% 9.5%; background-size: 57%; margin-bottom: 10%;}
#main3::before{content: ''; width: 75%; height: 590px; background-color: #295daa; position: absolute; top: 10%; left: 0; z-index: -1; border-radius: 0 466px 0 0; opacity: 0.15;}
.t-txt{margin-left: 160px; padding-top: 220px; color: #212121;}
.t-txt h4{font-family: 'Montserrat', sans-serif; font-size: 1.8rem; font-weight: 400; letter-spacing: 1.5px;}
.t-txt h3{font-family: 'ELandNice';  font-size: 5.0rem; margin-top: 15px; font-weight: normal;}
.t-txt p{font-family: 'SUIT'; font-size: 1.8rem; margin-top: 20px; line-height: 2.8rem;}
#main3 .m_list{width: 100%; display: flex; flex-wrap: wrap; padding: 0 60px; justify-content: space-between;}
#main3 .m_list li{width: 14.583%;  position: relative; margin-top: 80px;box-shadow: 2px 2px 8px #00000070; border-radius: 100% 100% 100% 0; box-sizing: border-box; transition: 0.5s; cursor: pointer; overflow: hidden;}
#main3 .m_list li .img{width: 100%;}
#main3 .m_list li .img img{width: 100%; transition: 0.5s;}
#main3 .m_list li .txt{position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%;}
#main3 .m_list li .txt h3{color: #fff; font-family: 'ELandNice'; font-weight: normal;font-size: 4rem; transition: 0.5s;}
#main3 .m_list li .txt span{display: none; transition: 0.5s;}
#main3 .m_list li:hover .img img{transform: scale(1.1); transition: 0.5s;}
#main3 .m_list li:hover .txt h3{display: none; transition: 0.5s;}
#main3 .m_list li:hover .txt span{display: block; color: #fff; font-family: 'SUIT'; font-size: 2rem;  transition: 0.5s;}


@media all and (max-width:1400px){
    #main3 .m_list li{width: 15.583%;}
    #main3 .m_list li .txt h3{font-size: 3.5rem;}
    #main3 .m_list li .txt span{font-size: 1.8rem;}

}

@media all and (max-width:1240px){
    #main3::before{width: 90%; height: 500px;border-radius: 0 370px 0 0;}
    .t-txt{margin-left: 60px;}
    .t-txt h4{font-size: 1.6rem;}
    .t-txt h3{font-size: 4.0rem;}
    .t-txt p{font-size: 1.6rem;}
    #main3 .m_list li{width: 30%;}
    #main3 .m_list li .txt h3{font-size: 3.5rem;}
    #main3 .m_list li .txt span{font-size: 1.8rem;}
}

@media all and (max-width:840px){
    .t-txt{margin-left: 40px;}
    #main3 .m_list{padding: 0 40px; margin-top: 30px;}
    #main3 .m_list li{margin-top: 25px;}
}

@media all and (max-width:680px){
    #main3 .m_list{padding: 0 40px; margin-top: 30px;}
    #main3 .m_list li{width: 45%; margin-top: 30px;}
}

@media all and (max-width:480px){
    .t-txt{margin-left: 20px;padding-top: 150px;}
    #main3{background-position: 95% 2.5%;}
    #main3::before{top: 2%; width: 100%; border-radius: 0 160px 0 0;}
    #main3 .m_list li{width: 100%;}
}


#main4{ position: relative; width: 100%; ;}
#main4 .bg-wrap{clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;}
#main4  .bg-wrap .bg{ position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translateZ(0);
    will-change: transform;
    background-image: url('/images/main/main4_bg.png');}    
#main4 .inner{padding-block: 110px; height: 500px; margin-bottom: 0; display: flex; justify-content: end; align-items: center; height: 100%; width: 100%; padding-right: 100px; color: #fff;}
#main4  h4{font-size: 1.8rem; font-family: 'Montserrat'; font-weight: 300; margin-bottom: 20px; letter-spacing: 1px;}
#main4  h3{font-size: 4rem; font-family: 'ELandNice';  font-weight: normal;margin-bottom: 35px; line-height: 5rem;}
#main4  p{font-size: 1.8rem; font-family: 'SUIT'; line-height: 2.8rem;}


@media all and (max-width:960px){     
    #main4 h4{font-size: 1.6rem; margin-bottom: 10px;}
    #main4 h3{font-size: 3rem;margin-bottom: 25px;}
    #main4 p{font-size: 1.6rem;}
}
@media all and (max-width:768px){
    #main4 .bg-wrap{height: 400px;}
    #main4 .inner{height: 400px;}

    #main4 {text-align: center;}
    #main4 .inner{padding-right: 0px;justify-content: center;}
}


#main5{width: 100%; height: 100%; margin: 10% 0; position: relative;}
#main5::before {content: ''; width: 75%; height: 590px; background-color: #295daa; position: absolute; top: 35%; right: 0; border-radius: 466px 0 0 0; opacity: 0.15;}
#main5 .t-txt{position: absolute; padding: 0;}
#main5 .proc{width: 1600px; margin: 0 auto; position: relative;}
#main5 .proc .dots_custom{width: 20%; font-size: 2.0rem; top: 50%; position: absolute; font-family: 'SUIT'; transform: translateY(-50%);}
#main5 .proc .dots_custom li{width: 70%; border-bottom: 2px solid #ddd;; padding: 20px 10px;}
#main5 .proc .dots_custom li a{color: #868686;}
#main5 .proc .dots_custom li.slick-active{width: 100%; border-bottom: 2px solid #000; padding: 20px 10px; font-weight: bold; color: #212121;}
#main5 .proc .dots_custom li.slick-active a{color: #212121;}
#main5 .proc .proc_list .proc_item{display: flex; justify-content: end;}
#main5 .proc .proc_list .proc_item .img{width: 795px;}
#main5 .proc .proc_list .proc_item .img img{width: 100%; }
#main5 .proc .proc_list .proc_item .txt{width: 27%; text-align: right; margin-top: 215px; color: #3c3c3c;}
#main5 .proc .proc_list .proc_item .txt h2{font-size: 4.5rem; font-family: 'ELandNice'; font-weight: normal; color: #dfe7f3; margin-bottom: 15px;}
#main5 .proc .proc_list .proc_item .txt h1{font-size: 8.4rem; font-family: 'ELandNice'; font-weight: normal; margin-bottom: 80px; color: #fff;}
#main5 .proc .proc_list .proc_item .txt h3{font-size: 4.0rem; font-family: 'ELandNice'; font-weight: normal; position: relative; margin-bottom: 100px;}
#main5 .proc .proc_list .proc_item .txt h3::before{content: ''; width: 90px; height: 2px; background-color: #212121; position: absolute; right: 0; bottom: -100%;}
#main5 .proc .proc_list .proc_item .txt p{font-size: 1.8rem; font-family: 'SUIT'; line-height: 2.8rem;}



@media all and (max-width:1650px){
    #main5{margin: 13% 0;}
    #main5 .proc{width: 95%;}
    #main5 .proc .dots_custom{left: 7%;}
    #main5 .proc .proc_list .proc_item .img{width: 700px; position: absolute; right: 27%;}
    #main5 .proc .proc_list .proc_item .txt{margin-top: 190px;}
}

@media all and (max-width:1520px){
    #main5{margin: 13% 0;}
    #main5 .t-txt{position: relative;}
    #main5 .proc{width: 95%;}
    #main5 .proc .dots_custom{left: 9%; width: 15%; font-size: 1.6rem;}
    #main5 .proc .dots_custom li{padding: 15px 5px;}
    #main5 .proc .dots_custom li.slick-active{padding: 15px 5px;}
    #main5 .proc .proc_list .proc_item .img{width: 560px; position: absolute; right: 27%;}
    #main5 .proc .proc_list .proc_item .txt{margin-top:25px; width: 35%; margin-bottom: 40px;}
}

@media all and (max-width:1240px){
    #main5 .proc .dots_custom{left: 3%;}
    #main5 .proc .dots_custom li{padding: 10px 2px;}
    #main5 .proc .dots_custom li.slick-active{padding: 10px 2px;}
    #main5 .proc .proc_list .proc_item .txt{margin-top: 55px; margin-bottom: 80px;}
    #main5 .proc .proc_list .proc_item .txt h2{font-size: 3.5rem; margin-bottom: 15px;}
    #main5 .proc .proc_list .proc_item .txt h1{font-size: 6.0rem; margin-bottom: 80px;}
    #main5 .proc .proc_list .proc_item .txt h3{font-size: 3.0rem; margin-bottom: 100px;}
    #main5 .proc .proc_list .proc_item .txt h3::before{width: 60px;}
    #main5 .proc .proc_list .proc_item .txt p{font-size: 1.6rem;}
}

@media all and (max-width:1100px){
    #main5::before {width: 85%; height: 500px;}
    #main5 .proc .proc_list .proc_item .img{width: 450px; right: 30%;}    
    #main5 .proc .proc_list .proc_item .txt{width: 50%;}
}

@media all and (max-width:860px){
    #main5 .proc .dots_custom{width: 90%; top: 5%; left: 50%;  display: flex;transform: translateX(-50%); text-align: center; justify-content: space-between;}
    #main5 .proc .dots_custom li{width: 24%;}
    #main5 .proc .dots_custom li.slick-active{width:24%;}
    #main5 .proc .proc_list{padding-top: 150px;}
    #main5 .proc .proc_list .proc_item .img{width: 350px; left: 3%;}  
    #main5 .proc .proc_list .proc_item .txt{margin-top: 5px; width: 100%;}
    #main5 .proc .proc_list .proc_item .txt h1{margin-bottom: 50px;}
}

@media all and (max-width:640px){
    #main5::before {width: 100%; height: 460px; border-radius: 0;}
    #main5 .proc{width: 90%;}
    #main5 .proc .dots_custom{font-size: 1.4rem;}
    #main5 .proc .proc_list .proc_item .img{width: 300px; left: 0%;}
    #main5 .proc .proc_list .proc_item .txt{margin-top: 40px;}
    #main5 .proc .proc_list .proc_item .txt h2{font-size: 2.5rem;}
    #main5 .proc .proc_list .proc_item .txt h1{font-size: 4.0rem;}
    #main5 .proc .proc_list .proc_item .txt h3{font-size: 2.5rem; margin-bottom: 60px;}
    #main5 .proc .proc_list .proc_item .txt h3::before{width: 40px;}
    #main5 .proc .proc_list .proc_item .txt p{font-size: 1.4rem;}
}
@media all and (max-width:540px){
    #main5::before {width: 100%; height: 460px; border-radius: 0; top: 54.2%;}
    #main5 .proc{width: 90%;}
    #main5 .proc .dots_custom{font-size: 1.4rem;}
    #main5 .proc .proc_list{padding-top: 130px;}
    #main5 .proc .proc_list .proc_item .img{width: 100%; left: 0%;}
    #main5 .proc .proc_list .proc_item .txt{margin-top: 108%;}
    #main5 .proc .proc_list .proc_item .txt h2{font-size: 2.5rem; margin-bottom: 0px;}
    #main5 .proc .proc_list .proc_item .txt h1{font-size: 4.0rem; margin-bottom: 10px;}
    #main5 .proc .proc_list .proc_item .txt h3{font-size: 3rem; margin-bottom: 60px;}
    #main5 .proc .proc_list .proc_item .txt h3::before{width: 40px;}
    #main5 .proc .proc_list .proc_item .txt p{font-size: 1.5rem;line-height: 2.5rem;}
}
@media all and (max-width:410px){
    #main5::before {height: 410px;}
}

#main6{background: #cbdbe7; background-size: cover; padding:20px 0 160px; font-family: 'SUIT'; color: #212121;}
#main6.main6_2{background-color: #f6fbff;}
#main6 .m_tit{text-align: center; margin-top: 80px;}
#main6 .m_tit h4{ font-size: 1.8rem; font-weight: normal;font-family: 'Montserrat';}
#main6 .m_tit h3{color: #111a24; font-size: 5rem; font-family: 'ELandNice'; font-weight: normal; margin-top: 15px;  font-weight: normal;}
#main6 .m_tit p{color: #111a24; font-size: 1.8rem; font-family: 'SUIT'; margin-top: 20px;}
#main6 .tab{display: flex; justify-content: center; margin-top: 40px; position: relative; z-index: 9; max-width: 1240px; margin-left:  auto; margin-right: auto;}
#main6 .tab li{width: 50%; margin: 0;text-align: center; font-size: 1.8rem; padding: 20px 0; background-color: #ddd; cursor: pointer; font-weight: 500; color: #999; transition: .5s;}
#main6 .tab li.on{background-color: #fff; color: #222;}
#main6 .tabcontent1{margin-top: 0; display: block;}
#main6 .tabcontent1.on{display: block;}
#main6 .tabcontent1 .cont{background-color: #fff; padding: 0; margin-top: 60px; display: flex; }
#main6.main6_2 .tabcontent1 .cont{justify-content: space-between;}
#main6 .tabcontent1 .cont .txt{padding: 80px; width: 50%; height: 760px;}
#main6 .tabcontent1 .cont .txt .tit{font-size: 3.6rem; font-weight: 300; line-height: 1.2em; color: #000; margin-top: 0;}
#main6 .tabcontent1 .cont .txt .tit span{font-weight: 800; color: #25373e;}
#main6 .tabcontent1 .cont .txt p{font-size: 1.8rem; font-weight: 300; margin-top: 30px;}
#main6 .tabcontent1 .cont .txt p span{font-weight: 600;}
#main6 .tabcontent1 .cont .txt ul{}
#main6 .tabcontent1 .cont .txt ul h3{font-size: 2.5em; color: #fff; background-color: #295daa; border-radius: 0; width: 100%; padding: 8px 20px; display: inline-block; margin-top: 35px; margin-bottom: 15px;}
#main6 .tabcontent1 .cont .txt ul h3 span{font-weight: 400;}
#main6 .tabcontent1 .cont .txt ul li{position: relative; padding-left: 0.75em; line-height: 1.75em; font-size: 1.8rem;}
#main6 .tabcontent1 .cont .txt ul li::before{content: '·'; position: absolute; left: 0;}
#main6 .tabcontent1 .cont .img{width: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-right: 0;position: relative; margin-right: -70px;}
#main6 .tabcontent1 .list{display: flex; margin-top: 35px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
#main6 .tabcontent1 .list2{display: flex; margin-top: 35px; border-bottom: 1px solid #eee; padding-bottom: 20px;}
#main6 .tabcontent1 .list dd{opacity: 0.5; color: #000; font-weight: 600; font-size: 2rem; margin-right: 30px; cursor: pointer;}
#main6 .tabcontent1 .list2 dd{opacity: 0.5; color: #000; font-weight: 600; font-size: 2rem; margin-right: 30px; cursor: pointer;}
#main6 .tabcontent1 .list dd:last-child{margin-right: 0;}
#main6 .tabcontent1 .list2 dd:last-child{margin-right: 0;}
#main6 .tabcontent1 .list dd.on{opacity: 1;}
#main6 .tabcontent1 .list2 dd.on{opacity: 1;}
#main6 .tabcontent1 ol{display: flex; justify-content: space-between; margin-top: 70px;}
#main6 .tabcontent1 ol li{text-align: center; border-right: 1px solid #595b5c; width: 25%;}
#main6 .tabcontent1 ol li:last-child{border-right: 0;}
#main6 .tabcontent1 ol li .img{}
#main6 .tabcontent1 ol li .img img{max-width:85px; width: 100%;}
#main6 .tabcontent1 ol li h3{font-size: 1.5em;  margin: 20px 0 15px;}
#main6 .tabcontent1 ol li h3 span{font-weight: 300;}
#main6 .tabcontent1 ol li p{color: #111a24; font-size: 1.0625em; font-weight: 300;}
#main6 #tab1 .cont .img{background-image: url(/images/main/main6_tab1.png);}
#main6 #tab2 .cont .img{background-image: url(/images/main/main6_tab2.png);}
#main6 .tabs{display: none;}
#main6 .tabss{display: none;}
#main6 .tabs.on{display: block;}
#main6 .tabss.on{display: block;}


@media all and (max-width:1240px){
    #main6{padding: 20px 0 120px;}
    #main6 .tabcontent1 .cont{display: flex;}
    #main6 .tabcontent1 .cont .txt{text-align: left; padding: 60px; height: auto;}
    
    #main6 .tabcontent1 .cont .txt ul li::before{position: static; padding-right: 0.75em;}
    #main6 .tabcontent1 .cont .img{margin-right: 0; text-align: center; margin-top:0;}
    #main6 .tabcontent1 .cont .img img{width: 100%;max-width: 60vw;}
}

@media all and (max-width:976px){
    #main6 .m_tit{text-align: center; margin-top: 50px;}
    #main6 .m_tit h4{ font-size: 1.6rem;}
    #main6 .m_tit h3{font-size: 4rem; margin-top: 15px;}
    #main6 .m_tit p{font-size: 1.6rem; margin-top: 25px;}
    #main6 .tabcontent1 .cont{flex-direction: column; margin-top: 40px;}
    #main6 .tabcontent1 .cont .txt,
    #main6 .tabcontent1 .cont .img{width: 100%;}
    #main6 .tabcontent1 .cont .img{height: 40vw; order: -1;}
    #main6 .tabcontent1 .cont .txt{padding: 40px; min-height: 77vw;}
    #main6 .tabcontent1 .cont .txt .tit{font-size: 3rem;}
    #main6 .tabcontent1 .cont .txt ul h3{font-size: 2rem;}
}

@media all and (max-width:690px){
    #main6{padding: 20px 0 80px;}
    #main6 .tabcontent1 .cont{padding: 30px;}
    #main6 .tabcontent1 .cont .txt .tit{margin-top: 15px;}
    #main6 .tabcontent1 .cont .txt p {margin-top: 15px;font-size: 1.6rem;line-height: 2.6rem;}
    #main6 .tabcontent1 .cont .txt p br{display: none;}
    #main6 .tabcontent1 .cont .txt ul h3{margin: 20px 0 10px;}
    #main6 .tabcontent1 .cont .img.icon img{max-width: 13vw !important;}
    #main6 .tabcontent1 ol{flex-wrap: wrap; margin-top: 45px;}
    #main6 .tabcontent1 ol li{width: 50%; margin-bottom:3.5em;}
    #main6 .tabcontent1 ol li:nth-child(2){border-right: 0;}
    #main6 .tabcontent1 ol li .img img{max-width: 16vw;}
    #main6 .tab li{margin: 0 5px;}
    #main6 .tab li a img{width: 100%; max-width: 42vw;}
}

@media all and (max-width:640px){
    #main6 .tabcontent1 .cont .txt{padding: 10px; min-height: 90vw;}
    #main6 .tabcontent1 .list,
    #main6 .tabcontent1 .list2{margin-top: 20px;}
}

@media all and (max-width:480px){
    #main6{padding: 20px 0 60px;}
    #main6 .tabcontent1 .cont .txt{min-height: 105vw;}
}



#main7{background: linear-gradient(to right, #578bd8,#314252); background-size: cover; padding: 120px 0;font-family: 'SUIT';}
#main7 .m_tit{text-align: center; margin-top: 80px;}
#main7 .m_tit h4{ font-size: 1.8rem; font-weight: normal;color: #111a24; font-family: 'Montserrat';}
#main7 .m_tit h3{color: #111a24; font-size: 5rem; font-family: 'ELandNice'; font-weight: normal; margin-top: 15px; }
#main7 .m_tit p{color: #111a24; font-size: 1.8rem; font-family: 'SUIT'; margin-top: 20px;}
#main7 .cont{background-color: #fff; padding: 20px 100px 90px;}
#main7 .cont .info{display: flex; margin-top: 70px;}
#main7 .cont .info > .img{width: 50%;}
#main7 .cont .info > .img img{width: 100%;}
#main7 .cont .info .txt_wrap{width: 50%; padding-left: 90px;}
#main7 .cont .info .txt_wrap .txt_box{margin: 40px 0px;}
#main7 .cont .info .txt_wrap .txt_box h3{font-size: 2.5rem; color: #fff; padding: 10px 30px; background-color: #295daa; text-align: center; border-radius: 30px; display: inline-block; min-width: 332px;}
#main7 .cont .info .txt_wrap .txt_box .txt{display: flex; margin-top: 20px;}
#main7 .cont .info .txt_wrap .txt_box .txt .img{margin: 10px 50px 0;}
#main7 .cont .info .txt_wrap .txt_box .txt p{font-size: 1.8rem;}
#main7 .grade > h3{color: #fff; text-align: center; font-weight: 300; font-size: 3.6rem; margin: 50px 0;}
#main7 .grade > h3 span{font-weight: 600;}
#main7 .grade ul{display: flex;}
#main7 .grade ul li{width: 20%; background-color: #fff; text-align: center; padding: 25px 0 35px;}
#main7 .grade ul li:nth-child(2){background-color: #C6D7F1;}
#main7 .grade ul li:nth-child(3){background-color: #7CA3DF;}
#main7 .grade ul li:nth-child(4){background-color: #578AD6;}
#main7 .grade ul li:nth-child(5){background-color: #3270CD;}
#main7 .grade ul li .icon{text-align: center;}
#main7 .grade ul li .icon img{max-width: 17px; width: 100%;}
#main7 .grade ul li h3{font-size:2.3rem; font-weight: 500;}
#main7 .grade ul li h3.white{color: #fff;}
#main7 .grade ul li .bar{width: 100%; height: 1px; background-color: #dedede; margin: 20px 0;}
#main7 .grade ul li p{font-weight: 300; font-size: 1.6rem;}
#main7 .grade ul li p.white{color: #fff;}

@media all and (max-width:1240px){
    #main7{padding: 90px 0;}
    #main7 .cont .info .txt_wrap{padding-left: 3em;}
    #main7 .cont .info .txt_wrap .txt_box{margin: 1.5em 0;}
    #main7 .grade > h3{margin: 40px 0;}
}
@media all and (max-width:1000px){
    #main7{padding: 70px 0;}
    #main7 .cont{padding: 20px 65px 60px;}
    #main7 .cont .info{flex-wrap: wrap; margin-top: 45px;}
    #main7 .cont .info > .img, #main7 .cont .info .txt_wrap{width: 100%; text-align: center;}
    #main7 .cont .info > .img img{max-width: 60vw;}
    #main7 .cont .info .txt_wrap{text-align: center; padding-left: 0; margin-top: 2em;}
    #main7 .cont .info .txt_wrap .txt_box .txt{justify-content: center;}
    #main7 .cont .info .txt_wrap .txt_box .txt .img{margin: 10px 30px 0;}
    #main7 .grade > h3{margin: 30px 0;}
    #main7 .grade ul{flex-wrap: wrap; justify-content: center;}
    #main7 .grade ul li{width: 49.33333%;}
}
@media all and (max-width:690px){
    #main7{padding: 50px 0;}
    #main7 .m_tit{margin-top: 20px;}
    #main7 .m_tit h3{font-size: 4rem;}
    #main7 .cont{padding: 20px 20px 35px;}
    #main7 .cont .info{margin-top: 10px;}
    #main7 .cont .info .txt_wrap .txt_box h3{min-width: auto;font-size: 2rem;}
    #main7 .cont .info .txt_wrap .txt_box .txt p{font-size: 1.6rem;}
    #main7 .cont .info .txt_wrap .txt_box .txt p br{display: none;}
    #main7 .cont .info .txt_wrap .txt_box .txt{margin-top: 10px;}
    #main7 .cont .info .txt_wrap .txt_box .txt .img{margin:0px 10px 0;}
    #main7 .cont .info .txt_wrap .txt_box .txt .img img{max-width: 10vw;}
    #main7 .grade > h3{font-size: 3rem;}
}
@media all and (max-width:480px){
    #main7 .grade ul li{width: 100%;}
}


#main8{width: 100%; height:980px; display: flex;flex-wrap: wrap; position: relative;}
#main8 .l-box{width: 39%; background: url('/images/main/main8_bg.png') no-repeat right 50%;}
#main8 .l-box .t-txt{color: #fff; padding-top: 240px;}
#main8 .r-box{width: 61%; position: relative;}
#main8 .r-box::before{content: ''; width: 120%; height: 480px; background-color: #295daa; position: absolute; top: 50%; right: 0; transform: translateY(-50%); opacity: 0.15; z-index: -1;}
#main8 .r-box .eqip{display: flex;align-items: center; height: 100%;}
#main8 .eqip .txt{width: 50%; color: #212121;padding: 0 30px; }
#main8 .eqip .txt h4{font-family: 'ELandNice'; font-weight: normal; font-size: 2rem; color: #295daa; margin-bottom: 15px;}
#main8 .eqip .txt h1{font-family: 'ELandNice';  font-weight: normal;font-size: 4.5rem;margin-bottom: 140px;}
#main8 .eqip .txt h3{font-family: 'ELandNice';  font-weight: normal;font-size: 3rem;margin-bottom: 25px;}
#main8 .eqip .txt p{font-family: 'SUIT'; font-size: 1.8rem;}
#main8 .eqip .img{width: 50%; height: 100%;}
#main8 .eqip .img img{width: 453px;}
#main8 .slick-slide {min-height: 980px;}


@media all and (max-width:1600px){
    #main8 .slick-prev{left:-28.5vw;}
    #main8 .slick-next{left:-24.5vw;}
    #main8 .eqip .img{width: 45%;}
    #main8 .eqip .img img{width: 100%;}
    #main8 .eqip .txt{width: 55%;}
}

@media all and (max-width:1400px){
    #main8 .l-box .t-txt{margin-left: 130px;}
    #main8 .eqip .txt h4{font-size: 1.8rem; margin-bottom: 15px;}
    #main8 .eqip .txt h1{font-size: 4rem;margin-bottom: 140px;}
    #main8 .eqip .txt h3{font-size: 2.5rem;margin-bottom: 25px;}
    #main8 .eqip .txt p{font-size: 1.6rem;}
}

@media all and (max-width:1280px){
    #main8 .l-box{width: 100%; background-size:cover;background-position: left 50%; background-size: 110%;}
    #main8 .l-box .t-txt{margin-left: 60px; padding-top: 150px; padding-bottom: 150px;}
    #main8 .r-box{width: 100%;}
    #main8 .r-box::before{width: 100%; height: 550px;}
    #main8 .eqip .img{width: 25%;}
    #main8 .eqip .txt{width: 65%; padding: 0 80px;}
    #main8 .slick-slide {min-height: 550px;}
    #main8 .slick-prev{left: 60px; top: -20%; }
    #main8 .slick-next{left: 120px; top: -20%;}
}

@media all and (max-width:830px){
    #main8{height: 820px;}
    #main8 .l-box{background-position: left 50%; background-size: 110%;}
    #main8 .l-box .t-txt{margin-left: 30px; padding-top: 91px; padding-bottom: 91px;}
    #main8 .r-box::before{height: 500px;}
    #main8 .eqip .img{width: 30%;}
    #main8 .eqip .txt{width: 65%; padding: 0 10px 0 30px;}
    #main8 .eqip .txt h1{margin-bottom: 70px;}
    #main8 .slick-slide {min-height: 500px;}
    #main8 .slick-prev{left: 300px; top: -22%; }
    #main8 .slick-next{left: 365px; top: -22%;}
}

@media all and (max-width:640px){
    #main8{height: 100%;}
    #main8 .l-box{width: 100%; background-size:cover;background-position: left 50%; background-size: 120%;}
    #main8 .l-box .t-txt{margin-left: 30px; padding-top: 13%; padding-bottom: 13%;}
    #main8 .r-box{width: 100%;}
    #main8 .r-box::before{width: 100%; height: 100%;}
    #main8 .eqip{flex-wrap: wrap;}
    #main8 .eqip .img{ width: 40%; margin:45px auto;}
    #main8 .eqip .txt{width: 100%; padding: 0 20px 0 20px; margin-top: 30px;}
    #main8 .eqip .txt h1{margin-bottom: 70px;}
    #main8 .eqip .txt h4{font-size: 1.6rem; margin-bottom: 5px;}
    #main8 .eqip .txt h1{font-size: 2.5rem;margin-bottom: 2px;}
    #main8 .eqip .txt h3{font-size: 2.0rem; margin-bottom: 10px;}
    #main8 .eqip .txt p{font-size: 1.4rem;}
    #main8 .eqip .txt p br{display: none;}
    #main8 .slick-slide {min-height: 100%;}
    #main8 .slick-prev{left: 75%; top: -8%; }
    #main8 .slick-next{left: 85%; top: -8%;}
}
@media all and (max-width:470px){
    #main8 .slick-prev{left: 75%; width: 30px; height: 30px;}
    #main8 .slick-next{left: 85%; width: 30px; height: 30px;}
}


#main9{width: 100%; height: 100%; position: relative; padding-bottom: 8%;}
#main9::before{content: ''; position: absolute; width: 100%; height: 61%; border-radius: 50% 50% 0 0; background-color: #dfe7f3; bottom: 0;}
#main9 .t-txt{padding-top: 50px;}
#main9 .inte{width: 100%; margin-top: 50px;}
#main9 .tour{width: 1000px; padding: 20px;}
#main9 .swiper-slide-active{padding-top: 0;}
#main9 .tour img{width: 100%;}

@media screen and (max-width:1080px){
    #main9 .tour{padding: 20px 0;}
    #main9 .swiper-slide-active{padding-top: 0;}
}

@media screen and (max-width:580px){
    #main9::before{height: 40%; border-radius: 0;}
}


#main10{width: 100%; height: 100%; position: relative;}
#main10 .info-box{position: absolute;  z-index: 100; background-color: #295daa; width: 600px; height: 520px; opacity: 0.95; top: 50%; right: 160px; transform: translateY(-50%);}
#main10 .info-box .txt{margin:35px; color: #fff;}
#main10 .info-box .txt .time{padding: 20px; border-bottom: 1px solid #ffffff96; letter-spacing: 0.5px;}
#main10 .info-box .txt .time h2{ font-size: 3.5rem; font-family: 'ELandNice'; font-weight: normal; margin-bottom: 25px;}
#main10 .info-box .txt .time h2 span{color: #051e36;}
#main10 .info-box .txt .time .day{display: flex; width: 100%; justify-content: space-between; margin-bottom: 25px; line-height: 28px;}
#main10 .info-box .txt .time .day1{width: 23%;font-size: 1.8rem; font-family: 'SUIT'; font-weight: 600;}
#main10 .info-box .txt .time .day2{width: 77%;font-size: 1.8rem; font-family: 'SUIT'; font-weight: 400;}
#main10 .info-box .txt .time h4{font-size: 1.8rem; font-family: 'SUIT'; font-weight: 600;}
#main10 .info-box .txt .ad{padding: 20px;}
#main10 .info-box .txt .ad p{font-size: 2.0rem; font-family: 'SUIT'; font-weight: 600; margin-bottom: 10px; display: flex; align-items: center; letter-spacing: 0.5px;}
#main10 .info-box .txt .ad p img{margin-right: 10px;}
#main10 .info-box .txt .load{ text-align: right; margin-top: 20px;}
#main10 .info-box .txt .load a{text-align: center;font-size: 1.6rem; font-family: 'SUIT'; font-weight: 700; color: #212121; width: 25%; height: 40px; background-color: #fff; display: inline-block; line-height: 40px;}

@media screen and (max-width:1400px){
    #main10 .info-box{right: 50px;}
}

@media screen and (max-width:1200px){
    #main10{display: flex; flex-wrap: wrap;}
    #main10 .info-box{position: relative; width: 100%; height: 100%; opacity: 0.95; top: 0; right: 0; transform: translateY(0); order:2;}
    #main10 .map{order:1; width: 100%; height: 400px;}
}

@media screen and (max-width:480px){
    #main10 .info-box .txt{margin:20px;}
    #main10 .info-box .txt .time{padding: 10px;}
    #main10 .info-box .txt .time h2{ font-size: 2.8rem;  margin-bottom: 15px;}
    #main10 .info-box .txt .time .day{margin-bottom: 15px; line-height: 23px;}
    #main10 .info-box .txt .time .day1{width: 20%;font-size: 1.4rem;font-weight: 600;}
    #main10 .info-box .txt .time .day2{width: 80%;font-size: 1.4rem; font-weight: 400;}
    #main10 .info-box .txt .time h4{font-size: 1.6rem;}
    #main10 .info-box .txt .ad{padding: 10px;}
    #main10 .info-box .txt .ad p{font-size: 1.6rem; margin-bottom: 5px;}
    #main10 .info-box .txt .load a{font-size: 1.6rem; font-family: 'SUIT'; font-weight: 700; color: #212121; width: 28%; height: 30px; line-height: 30px;}
}





#mSubject .top{padding-left: 18%; display: flex; justify-content: space-between; text-align: left !important;}
#mSubject .top .bg{width: 58%; height: 520px; background-size: cover; background-position: center top;}
#mSubject .m_tit::before{background: transparent;}
#mSubject .btm{padding-bottom: 120px;  margin-top: -50px; }
#mSubject .btm ul{display: flex; gap: 20px;}
#mSubject .btm ul li{position: relative;display: flex; justify-content: center; align-items: center; width: calc((100% - 20px*4)/5); height: 200px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.07); text-align: center; background-color: #fff;}
#mSubject .btm ul li .num{position: absolute; left: 50%; top: 20px; transform: translateX(-50%); font-weight: 700; font-family: 'GmarketSans'; color: #295daa; font-size: 16px;}
#mSubject .btm ul li h5{margin-top: 0.5em; font-weight: 700; font-size: 20px; color: #222;}
#mSubject .btm ul li p{display: none; font-size: 19px;}
/* #mSubject .btm ul li:hover div{display: none;} */
/* #mSubject .btm ul li:hover p{display: block;} */
@media all and (max-width:1599px){
    #mSubject .top{padding-left: 3%;}
    #mSubject .top .bg{margin-left: 3%; width: 50%;}
}
@media all and (max-width:1280px){
    #mSubject .btm{padding-bottom: 100px;}
    #mSubject .top .bg{height: 420px;}
    #mSubject .btm ul li{height: 200px;}
    #mSubject .btm ul li img{width: 90px;}
}
@media all and (max-width:1024px){
    #mSubject .btm ul{flex-wrap:wrap; justify-content: center;}
    #mSubject .btm ul li{width: calc((100% - 40px)/3);}
}
@media all and (max-width:787px){
    #mSubject .btm{padding-bottom: 80px;}
    #mSubject .top .bg{width: 40%;}
}
@media all and (max-width:690px){
    #mSubject .top{display: block;}
    #mSubject .top .bg{margin-left: -3%; width: 103%; margin-top: 30px;}
}
@media all and (max-width:580px){
    #mSubject .btm ul{gap: 10px;}
    #mSubject .btm ul li{width: calc((100% - 20px)/3); height: 170px;}
    #mSubject .btm ul li img{width: 50px;}
    #mSubject .btm ul li h5{font-size: 16px; word-break: keep-all;}
}
@media all and (max-width:501px){
    #mSubject .btm{padding-bottom: 60px;}
    #mSubject .btm ul li{height: 30vw;}
    #mSubject .btm ul li p br{display: none;}
    #mSubject .btm ul li p{word-break: keep-all; font-size: 16px;}
}
@media all and (max-width:380px){
    #mSubject .btm ul li .num{top: 10px;}
      #mSubject .btm ul li h5{font-size: 1.6rem;}
}


#mNonsur{padding-bottom: 0;}
#mNonsur .mTit{text-align: center;}
#mNonsur .cont{margin-top: 60px; display: flex; gap:20px; flex-wrap: wrap; justify-content: center;}
#mNonsur .cont .box{width: calc((100% - 20px)/2); display: flex; flex-direction: column; justify-content: space-between;}
#mNonsur .cont .img img{width: 100%;}
#mNonsur .cont .box{background:#cfdaeb;}
#mNonsur .cont .box.box2{background-color:#d6e9e8;}
#mNonsur .cont .txt{padding: 50px 50px 0;}
#mNonsur .cont .txt h4{margin-bottom: 20px; color:#506d85 ;  font-size: 13px; line-height: 1.2; font-family: 'GmarketSans';}
#mNonsur .cont .box.box2 .txt h4{color: #5b9693;}
#mNonsur .cont .txt h3{color: #031349; font-size: 30px;line-height: 1; font-weight: 800;}
#mNonsur .cont .box.box2 .txt h3{color: #5b9693;}
#mNonsur .cont .txt p{color: #000; font-size: 17px; line-height: 1.5; margin: 25px 0; word-break: keep-all;}
#mNonsur .cont .box.box2 .txt p{color: #222;}
#mNonsur .cont .btm ul{padding-inline: 50px; display: flex; margin-bottom: -20px;}
#mNonsur .cont .btm ul li{background-color: #476286;  font-size: 20px; font-weight: 600; border:1px solid #929faa; opacity: 0.9; color: #fff; width: 25%; text-align: center; height: 125px; display: flex; align-items: center; justify-content: center;} 
#mNonsur .cont .btm ul li:hover{background-color: #0b58a0;}
#mNonsur .cont .box.box2 .btm ul li{background-color: #5b9693;}
#mNonsur .cont .box.box2 .btm ul li:hover{background-color: #246966;}
@media all and (max-width:1280px){
     #mNonsur{padding-bottom: 8%;}
    #mNonsur .cont .btm ul li{height:10vw; font-size: 16px;}
    #mNonsur .cont .txt h3{font-size: 25px; line-height: 1.2em; word-break: keep-all;}
    #mNonsur .cont .txt p{font-size: 15px;}
}
@media all and (max-width:976px){
    #mNonsur .cont .txt{padding: 25px; padding-bottom: 0;}
    #mNonsur .cont .btm ul{padding-inline: 25px;}
}
@media all and (max-width:767px){
    #mNonsur .cont{margin-top: 30px;}
    #mNonsur .cont .box{width: 100%;}
    #mNonsur .cont .txt h3{font-size: 22px;}
    #mNonsur .cont .txt h4{margin-bottom: 10px;}
    #mNonsur .cont .txt p{font-size: 14px;}
    #mNonsur .cont .btm ul li{height:15vw; font-size: 15px;}
}
@media all and (max-width:480px){
    #mNonsur .cont .txt p{margin: 15px 0;}
    #mNonsur .cont .btm ul{margin-bottom: 20px;}
      #mNonsur .cont .btm ul li{height: 17vw; font-size: 1.4rem; word-break: keep-all; line-height: 1.2em;}
}


/* m_tit */
.m_tit{text-align: center;}
.m_tit h4{text-transform: uppercase;}
.m_tit h3{  font-size: 2.5em; line-height: 1.4em; margin: 0.5em 0;  letter-spacing: -0.05em; color: #222;}
.m_tit h3.ver2{font-size: 6rem; font-family: 'Pretendard'; line-height: 1.2em; font-weight: 700; word-spacing: 0em;}
.m_tit h3 span{}
.m_tit p{ font-size: 17px; line-height: 1.7em;}
.m_tit p span{font-weight: 500;}
br.mo{display: none;}

@media all and (max-width:1240px){
    .m_tit::before{height: 60px;}
    .m_tit h3{font-size: 2em;}
    .m_tit h3.ver2{font-size: 5.5rem;}
}
@media all and (max-width:1024px){
    .m_tit h3.ver2{font-size: 5rem;}
}
@media all and (max-width:690px){
    .m_tit h4{font-size: 1.1em;}
    .m_tit h3{font-size: 2.4em;}
    .m_tit p{width: 96%; margin-left: auto; margin-right: auto; font-size: 1.3em;}
    br.mo{display: block;}
    .m_tit h3.ver2{font-size: 4rem;}
}
@media all and (max-width:480px){
    .m_tit p{font-size: 1.3em;}
    
}




.nail1{padding-top: 50px; display: flex; justify-content: center; gap: 30px;}
.nail1 .img{width: 16%;}
.nail1 img{max-width: 100%;}


.nail2{padding-top: 20px;}
@media all and (max-width:768px){
.nail1{padding-top: 20px; gap: 10px;}
.nail1 .img{width: 33%;}
}



.jc_center{justify-content: center !important;}

#checkList.f_wrap {display:flex; flex-wrap:wrap; gap:10px}
#checkList.w50 li {width:calc((100% - 10px *1)/2)}
#checkList.w30 li {width:calc((100% - 10px *2)/3)}
#checkList.w100 li{width: 100%;}
#checkList.w100 li + li {margin-top:10px}
#checkList li {padding:1.2em 1.5em; position:relative; border:1px solid #e7edf3; background:#fafcff; border-radius:100px; font-size: 1.8rem; line-height: 1.3em;}

#checkList li:before {content:''; width:20px; height:20px; background:url('/images/main/check-icon.png') no-repeat left center;
							transform:translateY(-50%); position:absolute; left:1.5em; top:50%}
#checkList li p { padding-left:28px; font-weight:500}
#checkList li p span {font-size:1.9rem; width:120px; color:#333; font-weight:600; display:inline-block }

#checkList.ver2 li:before { background-image:url('/images/main/check-icon2.png');}
#checkList.bg2 li {background:#FFF }
@media all and (max-width:1400px){
	#checkList.w50 li {width:100%}
    #checkList.w30 li {width:calc((100% - 10px *1)/2)}
	#checkList li {padding:1.0em 1.5em}
}
@media all and (max-width:768px){
    #checkList.w30 li {width:100%;}
	#checkList li { border-radius:10px }
	#checkList li p span {width:100px; }
}
@media all and (max-width:480px){
	#checkList li p span {width:auto; padding-right:0.5em; }
	#checkList li {padding:1.0em; font-size: 1.6rem;}
	#checkList li:before {left:1.0em; width:3.8vw; height:3.8vw;background-size:cover}
	#checkList li p { padding-left:5.0vw;}
}



#mBna{padding: 130px 0;}
#mBna .inbox{max-width: 900px; margin: 0 auto;}
#bnaList{display: flex;; gap: 40px; flex-wrap: wrap; padding-top: 20px;}
#bnaList .item{width: calc((100% - 40px)/2);}
#bnaList .tit{display: flex; flex-direction: column; margin-bottom: 2em; justify-content: center; align-items: center; gap: 0.5em;}
#bnaList .tit span{display: inline-block; width: 100px;line-height: 35px; background-color: #295daa; color: #fff; font-weight: 700; text-align: center; font-size: 1.8rem; border-radius: 30px;}
#bnaList .tit p{color: #000; font-size: 2.4rem; font-weight: 600;}
#bnaList ul{display: flex;}
#bnaList ul li{width: 50%;}
#bnaList ul li .img img{width: 100%;}
#bnaList ul li .txt{line-height: 40px; text-align: center; font-size: 2rem; font-weight: 700; text-transform: uppercase; color: #fff}
#bnaList ul li.bf .txt{background-color: #b2b2b2; ;}
#bnaList ul li.af{border:4px solid #295daa;}
#bnaList ul li.af .txt{background-color: #295daa; ;}

@media all and (max-width:1024px){
    #mBna{padding:30px 0  70px 0;}
    #mBna .inbox{width: 90%;}
    #bnaList {gap: 2em;}
    #bnaList .tit p{font-size: 2rem;}
    #bnaList .item{width: calc((100% - 2em)/2);}
}
@media all and (max-width:568px){
    #bnaList .tit p{font-size: 1.6rem; text-align: center; word-break: keep-all;}
    #bnaList ul li .txt{line-height: 30px; font-size: 1.6rem;}
}
@media all and (max-width:380px){
    #bnaList .tit span{width: 70px; line-height: 24px; font-size: 1.4rem;;}
    #bnaList .tit p{font-size: 1.4rem;}
}

#mWhy .inbox{max-width: 1100px; margin: 0 auto;}
#mWhy .item{margin-top: 90px;}
#mWhy .tit{display: flex; margin-bottom: 2em; justify-content: center; align-items: center; gap: 1em;}
#mWhy .tit span{display: inline-block; width: 170px;line-height: 60px; background-color: #295daa; color: #fff; font-weight: 700; text-align: center; font-size: 2.8rem; border-radius: 30px;}
#mWhy .tit p{color: #000; font-size: 5rem; font-weight: 600;}
#mWhy .mid{margin-bottom: 50px;}
#mWhy .mid .t1{font-size: 2rem;}
#mWhy #contWrap .img img{width: 100%;}
@media all and (max-width:1280px){
    #mWhy {padding-bottom: 100px;}
    #mWhy .inbox{width: 90%;}
    #mWhy .tit span{width: 140px; line-height: 50px; font-size: 2.4rem;}
    #mWhy .tit p{font-size: 4rem}
}
@media all and (max-width:1024px){
    #mWhy .item{margin-top: 60px;}
    #mWhy .tit span{width: 110px; line-height: 40px; font-size: 2.0rem;}
    #mWhy .tit p{font-size: 3rem}
    #mWhy .mid{margin-bottom: 30px;}
    #mWhy .mid .t1{font-size: 1.7rem;}
}
@media all and (max-width:568px){
    #mWhy .tit{flex-direction: column;}
}