#main{position:relative;}

#section-01 {position:relative;}
.visual-wrap {position: relative;}
.visual-wrap .swiper-slide {height: 100%; width:100%; min-height:800px;}
.visual-wrap .swiper-slide.s01 {background:url(../images/main/m_img01.jpg) no-repeat; background-size:cover; background-position: center;}
.visual-wrap .swiper-slide.s02 {background:url(../images/main/m_img02.jpg) no-repeat; background-size:cover; background-position: center;}
.visual-wrap .swiper-slide.s03 {background:url(../images/main/m_img03.jpg) no-repeat; background-size:cover; background-position: center;}

.visual-container {display: block; position: absolute; width: 100%;  z-index: 1; top: 25%; left:50%; transform: translateX(-50%); max-width:1500px;}

.visual-text {position:absolute; top:0; left:5%;}
.visual-text h6 {font-size:22px; color:#fff; font-weight:500;}
.visual-text h2 {font-size:60px; color:#fff;}

.visual-link-wrap {position:absolute; width:100%; top:250px;}
.visual-link-wrap .link-wrap {display:flex; /*width:1350px; gap:160px;*/ width:70%; justify-content: space-between; margin:0 auto;}
.visual-link-wrap .link-wrap li {display:block; width:120px; width:20%; height:210px; padding-top:20px; cursor: pointer; transition: all 0.3s;}
.visual-link-wrap .link-wrap li a {display:flex; flex-direction: column; align-items: center;}
.visual-link-wrap .link-wrap li h2 {width:100px; height:100px; border-radius:10px; background:rgba(255,255,255,0.2); font-size:0; background-size:50px !important;}
.visual-link-wrap .link-wrap li span {display:block; margin-top:20px; font-size:18px; font-weight:600; color:#fff; text-align: center;}
.visual-link-wrap .link-wrap li:nth-child(1) h2 {background:url(../images/main/btn_link_01_re.png) no-repeat center rgba(255,255,255,0.2);} 
.visual-link-wrap .link-wrap li:nth-child(2) h2 {background:url(../images/main/btn_link_05.png) no-repeat center rgba(255,255,255,0.2);} 
.visual-link-wrap .link-wrap li:nth-child(3) h2 {background:url(../images/main/btn_link_02_re.png) no-repeat center rgba(255,255,255,0.2);} 
.visual-link-wrap .link-wrap li:nth-child(4) h2 {background:url(../images/main/btn_link_04.png) no-repeat center rgba(255,255,255,0.2);} 
.visual-link-wrap .link-wrap li:nth-child(5) h2 {background:url(../images/main/btn_link_03.png) no-repeat center rgba(255,255,255,0.2);} 
.visual-link-wrap .link-wrap li:hover {padding-top:0; transition: all 0.3s;}
.visual-link-wrap .link-wrap li:hover h2 {background-color:rgba(232,66,66,0.7);} 

.visual-nav-wrap {display: flex; align-items: center; position:absolute; top:130px; left:5%;}
.nav-btn-wrap {display:flex; align-items:center;}
.nav-btn-wrap .swiper-button-prev {display:block; width:20px; height:20px; background:url(../images/main/btn_visual_nav_prev.png) no-repeat center; position:inherit; margin:0;} 
.nav-btn-wrap .swiper-button-next {display:block; width:18px; height:18px; background:url(../images/main/btn_visual_nav_next.png) no-repeat center; position:inherit; margin:0;}
.nav-btn-wrap .swiper-button-pause {display:block; width:18px; height:18px; background:url(../images/main/btn_visual_nav_pause.png) no-repeat center; margin-left:5px;}
.nav-btn-wrap .swiper-button-pause.on {background:url(../images/main/btn_visual_nav_pause_on.png) no-repeat center;}
.nav-btn-wrap .swiper-pagination {width: 55px; color:#fff; margin:0 5px 0 7px; cursor: default; position: inherit;}

.nav-bar-wrap {display:block; width:200px; height:100%; margin-left:20px;}
.nav-bar-wrap .swiper-pagination2 { position: relative; width: 100%; height: 3px; border-radius: 10px; background:#fff;}
.nav-bar-wrap .swiper-pagination2 .swiper-pagination-progressbar-fill {background: #E84242;}

.scr-down-wrap {position:absolute; bottom:0; left:50%; transform: translateX(-50%); z-index: 5; display:flex; flex-direction: column; align-items: center;}
.scr-down-wrap .scr-img {display:block; width:24px; height:24px; background:url(../images/main/scr_down_img.png) no-repeat center; line-height:0; animation: scr-down 1s ease infinite alternate-reverse;}
.scr-down-wrap .scr-txt {display:block; font-weight:900; font-size:14px; color:#fff; margin:0 0 10px;}
.scr-down-wrap .scr-bar {width:2px; height:45px; background:rgba(255,255,255,0.2); position:relative;}
.scr-down-wrap .scr-bar::after {content:""; display:block; width:2px; height:40px; animation: scr-bar 1s ease infinite alternate; background:#fff;}

@keyframes scr-down {
    0% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes scr-bar {
    0% {
        height:15%;
    }
    100% {
        height:100%;
    }
}

.content-wrap {max-width:1500px; margin:0 auto; padding:100px 0;}
.content-wrap .con-tit-wrap h3 {font-size:30px; font-weight:700; margin-bottom:5px;}
.content-wrap .con-tit-wrap p {font-size:22px; font-weight:500;}
.content-wrap .con-tit-wrap p span {color:#E84242; font-weight:700;}

#section-02 {position:relative; background:#F6F7F8;}
#section-02 .content-wrap {position: relative;}
#section-02 .content-wrap::before {content:""; display:block; width:535px; height:320px; background:url(../images/main/sct02_bg.png) no-repeat; position:absolute; top:-90px; right:0; z-index: 9;}
#section-02 .slide-wrap {position: relative; margin-top:50px; background:#fff; border-radius:10px; padding:40px 110px;}
#section-02 .slide-wrap .swiper-container {display:block; overflow:hidden; margin:0 0 0 -0; /*padding-bottom:40px; padding:40px 0px 40px 75px;*/}
#section-02 .slide-wrap .swiper-container .swiper-slide {display:block; padding:0; border-radius: 10px;}
#section-02 .slide-wrap .swiper-container .swiper-slide .slide-box {display:block; padding:15px; background:#F2F4F8; border-radius: 10px; transition: 0.3s;}
#section-02 .slide-wrap .swiper-container .swiper-slide.swiper-slide-active .slide-box {background:rgba(232,66,66,0.7);}
#section-02 .slide-wrap .swiper-container .swiper-slide .slide-box h3 {display:block; width:100%; height:100%; min-height:170px; padding:15px; border-radius: 10px; background:#fff; margin-bottom:15px; align-content: center; text-align:center;}
#section-02 .slide-wrap .swiper-container .swiper-slide .slide-box h3 img {display:inline-block; vertical-align: middle;}
#section-02 .slide-wrap .swiper-container .swiper-slide .slide-box p {font-size:16px; font-weight:700; color:#000; text-align:center; transition: 0.3s;}
#section-02 .slide-wrap .swiper-container .swiper-slide.swiper-slide-active .slide-box p {color:#fff;}
#section-02 .swiper-button-prev {display:block; width:35px; height:35px; border-radius: 50%; border:1px solid #ccc; background:url(../images/main/btn_slide_nav_prev.png) no-repeat center #fff; left:40px;}
#section-02 .swiper-button-next {display:block; width:35px; height:35px; border-radius: 50%; border:1px solid #ccc; background:url(../images/main/btn_slide_nav_next.png) no-repeat center #fff; right:40px;}
#section-02 .swiper-button-prev:hover {display:block; width:35px; height:35px; border-radius: 50%; border:1px solid #E84242; background:url(../images/main/btn_slide_nav_prev_on.png) no-repeat center #E84242;}
#section-02 .swiper-button-next:hover {display:block; width:35px; height:35px; border-radius: 50%; border:1px solid #E84242; background:url(../images/main/btn_slide_nav_next_on.png) no-repeat center #E84242;}
#section-02 .swiper-button-prev.swiper-button-disabled {border:1px solid #ccc; background:url(../images/main/btn_slide_nav_prev.png) no-repeat center;}
#section-02 .swiper-button-next.swiper-button-disabled {border:1px solid #ccc; background:url(../images/main/btn_slide_nav_next.png) no-repeat center;}
#section-02 .slide-wrap .swiper-container .swiper-slide .slide-box:hover {background:rgba(232,66,66,0.7); transition: 0.3s;}
#section-02 .slide-wrap .swiper-container .swiper-slide .slide-box:hover p {color:#fff; transition: 0.3s;}

#section-03 {position:relative;}
#section-03 .content-wrap {display:flex; justify-content: space-between;}
#section-03 .con-left-wrap {display:block; width:980px;} 
#section-03 .con-link-wrap {display:flex; width:100%; gap:20px; margin-top:40px;}
#section-03 .con-link-wrap li {}
#section-03 .con-link-wrap li .link-img {width:230px; height:160px; border-radius: 10px; background:#F2F4F8; display:inline-flex; justify-content: center; align-items: center;}
#section-03 .con-link-wrap li .link-img span {display:block;}
#section-03 .con-link-wrap li:hover p {color:#E84242}
#section-03 .con-link-wrap li:nth-child(1) .link-img span {background:url(../images/main/btn_sct03_link01.png) no-repeat;}
#section-03 .con-link-wrap li:nth-child(2) .link-img span {background:url(../images/main/btn_sct03_link02.png) no-repeat;}
#section-03 .con-link-wrap li:nth-child(3) .link-img span {background:url(../images/main/btn_sct03_link03.png) no-repeat;}
#section-03 .con-link-wrap li:nth-child(4) .link-img span {background:url(../images/main/btn_sct03_link04.png) no-repeat;}
#section-03 .con-link-wrap li p {font-size:17px; font-weight:700; text-align:center; margin-top:35px;}

#section-03 .con-right-wrap {display:block; width:450px;} 
#section-03 .banner-wrap {width:450px; position: relative; margin-top:20px;}
#section-03 .banner-wrap .swiper-container {border-radius: 10px; overflow:hidden;;}
#section-03 .banner-wrap .swiper-slide {width:450px; height:300px; align-content: center; text-align: center; border-radius: 10px; border:1px solid #ccc; overflow:hidden;}
#section-03 .banner-wrap .swiper-slide a {display:block;}
#section-03 .banner-wrap .swiper-slide img {display:inline-block;}
#section-03 .banner-wrap .swiper-nav-wrap {position:absolute; width:100%; top:-40px;}
#section-03 .swiper-button-prev {display:block; width:35px; height:35px; border-radius: 50%; border:1px solid #ccc; background:url(../images/main/btn_slide_nav_prev.png) no-repeat center #fff; left:inherit; right:50px; top:0;}
#section-03 .swiper-button-next {display:block; width:35px; height:35px; border-radius: 50%; border:1px solid #ccc; background:url(../images/main/btn_slide_nav_next.png) no-repeat center #fff; right:inherit; right:0; top:0;}
#section-03 .swiper-button-prev:hover {display:block; width:35px; height:35px; border-radius: 50%; border:1px solid #E84242; background:url(../images/main/btn_slide_nav_prev_on.png) no-repeat center #E84242;}
#section-03 .swiper-button-next:hover {display:block; width:35px; height:35px; border-radius: 50%; border:1px solid #E84242; background:url(../images/main/btn_slide_nav_next_on.png) no-repeat center #E84242;}
#section-03 .swiper-button-prev.swiper-button-disabled {border:1px solid #ccc; background:url(../images/main/btn_slide_nav_prev.png) no-repeat center;}
#section-03 .swiper-button-next.swiper-button-disabled {border:1px solid #ccc; background:url(../images/main/btn_slide_nav_next.png) no-repeat center;}

#section-04 {margin-top:80px;}
#section-04 .content-wrap {display:flex; position:relative; padding:0; background: #F2F7FF; height:100px; margin-bottom:100px; border-radius: 10px; justify-content: space-between; padding: 0 50px;}
/* #section-04 .content-wrap::before {content:""; display:block; width:100%; height:100px; background: #F2F7FF; position:absolute; top:0; left:0; right:0;} */
#section-04 .con-left-wrap {display:flex; align-items: center;}
#section-04 .con-left-wrap h3 {font-size:0; width:245px; height:165px; background:url(../images/main/sct04_img.png) no-repeat; background-size:contain; margin-left:0; margin-top:-12px;}
#section-04 .con-left-wrap p {margin-left:50px; font-size:18px; font-weight:500; color:#858E97;}
#section-04 .con-right-wrap {display: flex; align-items: center;}
#section-04 .con-right-wrap .tel-num {font-size:40px; font-weight:900; letter-spacing: -2px; position: relative; padding-right:55px; margin-right:100px;}
#section-04 .con-right-wrap .tel-num::after {content:''; display:block; width:50px; height:50px; background:url(../images/main/sct04_call_img.png) no-repeat; position:absolute; top:-15px; right:-5px;}
#section-04 .con-right-wrap ul li {font-size:16px; font-weight:600; color:#111; padding-left:15px; position:relative; line-height:1.5;}
#section-04 .con-right-wrap ul li::before {content:""; display:block; width:4px; height:4px; border-radius: 50%; background: #7E8790; position:absolute; left:0; top:50%; transform: translateY(-50%);}



/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1580px) {
    .visual-container {max-width:95%;}
    .visual-text h6 {font-size:24px;}
    .visual-text h2 {font-size:60px;}
    .visual-nav-wrap {top:145px;}
    .visual-link-wrap {top:250px;}

    .content-wrap {padding:100px 50px;}
    .content-wrap .con-tit-wrap h3 {font-size:28px; margin-bottom:15px;}
    .content-wrap .con-tit-wrap p {font-size:20px;}

    #section-02 .content-wrap::before {height:315px; top:-87px;}
    #section-03 .con-left-wrap {width:calc(100% - 425px)}
    #section-03 .con-link-wrap li {width:24%;}
    #section-03 .con-link-wrap li .link-img {width:100%;}
    #section-03 .con-right-wrap {width:375px;}
    #section-03 .banner-wrap {width:100%;}
    #section-03 .banner-wrap .swiper-nav-wrap {top:-30px;}

    #section-04 {padding:0 50px;}
    #section-04 .con-left-wrap p {font-size:18px; margin-left:30px;}
    #section-04 .con-right-wrap .tel-num {font-size:30px; margin-right:40px;}
    #section-04 .con-right-wrap ul li {font-size:16px;}
}
@media screen and (max-width: 1440px) {
	#section-04 .con-right-wrap .tel-num {font-size:30px;}
	#section-04 .con-right-wrap .tel-num::after {width:45px; height:45px; background-size:contain;}
	#section-04 .con-left-wrap p {font-size:17px;}
}
@media screen and (max-width: 1380px) {
    .visual-link-wrap .link-wrap {gap:8%; justify-content: space-between;}
    #section-02 .slide-wrap {padding:40px 70px;}
    #section-02 .content-wrap::before {width:35%; background-size: cover; top:-48px; z-index: inherit;}
    #section-02 .swiper-button-prev {left:20px;}
    #section-02 .swiper-button-next {right:20px;}
    #section-03 .con-link-wrap li p {margin-top:20px; font-size:18px;}
    #section-04 .content-wrap {padding:0 35px;}
    #section-04 .con-left-wrap h3 {width:200px; height:130px; margin-top:10px;}
    #section-04 .con-left-wrap p {font-size:16px;}
    #section-04 .con-right-wrap .tel-num {margin-right:20px;}
}
@media screen and (max-width: 1280px) {
    /* .visual-link-wrap .link-wrap {width:90%;} */
    #section-03 .con-link-wrap {margin-top:20px;}
    #section-03 .con-link-wrap li p {font-size:16px;}
    #section-04 .content-wrap {display:block; height:auto; padding:0 35px 25px;}
    #section-04 .con-left-wrap h3 {width:200px; margin-top:-50px;}
    #section-04 .con-left-wrap p .m-br {display:none;}
    #section-04 .con-right-wrap .tel-num {margin-right:30px;}
}
@media screen and (max-width: 1024px) {
    .visual-text h6 {font-size:22px;}
    .visual-text h2 {font-size:50px;}
    .visual-nav-wrap {top:120px;}
    .visual-link-wrap {top:225px;}
    .content-wrap {padding:50px 40px;}
    .content-wrap .con-tit-wrap h3 {font-size: 24px; margin-bottom: 5px;}
    .content-wrap .con-tit-wrap p {font-size:18px;}
    .visual-container {top:25%;}
    .visual-link-wrap .link-wrap {width:95%; gap:20px;}
    .visual-link-wrap .link-wrap li span {max-width:140px; margin:20px auto 0;}
    #section-02 .slide-wrap {margin-top:35px;}
    #section-02 .content-wrap::before {display: none;}
    #section-03 .content-wrap {flex-direction: column;}
    #section-03 .con-left-wrap, 
    #section-03 .con-right-wrap {width:100%;}
    #section-03 .con-right-wrap {margin-top:50px;}
    #section-03 .banner-wrap .swiper-slide {width:100%; height:auto;}
    #section-04 .content-wrap {margin: 50px auto 75px;}
    #section-04 .con-right-wrap .tel-num {font-size:30px;}
}
@media screen and (max-width: 780px) {
	.visual-wrap .swiper-slide.s01 {background:url(../images/main/m_img01_mo.jpg) no-repeat; background-size:cover; background-position: center;}
    .visual-wrap .swiper-slide.s02 {background:url(../images/main/m_img02_mo.jpg) no-repeat; background-size:cover; background-position: center;}
    .visual-wrap .swiper-slide.s03 {background:url(../images/main/m_img03_mo.jpg) no-repeat; background-size:cover; background-position: center;}
	
    .content-wrap {padding:70px 40px;}
    .content-wrap .con-tit-wrap h3 {font-size: 24px; margin-bottom: 5px;}
    .content-wrap .con-tit-wrap p {font-size:18px;}
    .visual-container {text-align:center; max-width:100%;}
    .visual-text {width:100%; left:50%; transform: translateX(-50%);}
    .visual-text h6 {font-size:20px;}
    .visual-text h2 {font-size:40px;}
    .visual-nav-wrap {top:100px; left: 50%; transform: translateX(-50%); width: auto;}
    .visual-link-wrap {top:170px;}
    .visual-link-wrap .link-wrap {justify-content: center; width: 80%; margin: 0 auto; flex-wrap: wrap;}
    .visual-link-wrap .link-wrap li {min-width:28%; height:auto;}
    .visual-link-wrap .link-wrap li h2 {width:85px; height:85px; background-size:40px !important;}
    .visual-link-wrap .link-wrap li span {font-size:16px; margin:15px auto 0;}
    .scr-down-wrap .scr-img {width:20px; height:20px; background-size:12px;}
    .scr-down-wrap .scr-txt {font-size:12px; font-weight:600; margin-bottom:5px;}
    .scr-down-wrap .scr-bar {height:30px;}
    #section-03 .banner-wrap {margin-top:20px;}
    #section-04 .con-left-wrap {flex-direction: column; align-items: flex-start;}
    #section-04 .con-left-wrap h3 {height:135px;}
    #section-04 .con-left-wrap p {margin-left:0;}
    #section-04 .con-right-wrap {flex-direction: column; align-items: flex-start; margin-top:20px;}
    #section-04 .con-right-wrap .tel-num {margin-bottom:10px;}
}
@media screen and (max-width: 600px) {
    .visual-text h2 {font-size:40px;}
    .visual-link-wrap .link-wrap {width:90%;}
    .content-wrap {padding:50px 30px;}
    #section-04 {padding:0 30px;}
    #section-03 .con-link-wrap {flex-wrap: wrap; justify-content: space-between;}
    #section-03 .con-link-wrap li {width:calc(50% - 10px);}
    #section-04 .con-right-wrap .tel-num {font-size:24px; padding-right:40px; margin:10px 0;}
    #section-04 .con-right-wrap .tel-num::after {width:36px; height:36px; background-size:36px;}
    #section-04 .con-right-wrap ul li {font-size:14px; padding-left:10px;}
    #section-04 .con-right-wrap ul li::before {top:8px; transform: none;}
}
@media screen and (max-width: 500px) {
    .content-wrap {padding:40px 25px;}
    .content-wrap .con-tit-wrap h3 {font-size: 22px; margin-bottom: 5px;}
    #section-04 {padding:0 25px;}
    .visual-text h6 {font-size:22px;}
    .visual-text h2 {font-size:34px;}
    .visual-nav-wrap {top:85px;}
    .nav-bar-wrap {width:150px;}
    .visual-link-wrap .link-wrap {width:100%;}
    .visual-link-wrap {top:150px;}
    .visual-link-wrap .link-wrap li span {font-size:14px;}
    .visual-link-wrap .link-wrap li h2 {width:75px; height:75px; background-size:36px !important;}
    #section-04 .content-wrap {padding: 0 25px 25px;}
}
@media screen and (max-width: 400px) {
    .visual-text h6 {font-size:18px;}
    .visual-text h2 {font-size:30px;}
    .visual-nav-wrap {top:70px;}
    .nav-bar-wrap {width:100px;}
}
@media screen and (max-width: 360px) {
    .visual-text h6 {font-size:16px;}
    .visual-text h2 {font-size:26px;}

    .content-wrap .con-tit-wrap h3 {font-size:20px;}
    .content-wrap .con-tit-wrap p {font-size: 16px;;}
}