/********************************************************** 
* card-motion - 텍스트 효과
***********************************************************/
.card-motion figure { position:relative; overflow:hidden; background:none; }
.card-motion figure img { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 2.8s cubic-bezier(.19, 1, .22, 1), opacity 2s ease, -webkit-clip-path 2.8s cubic-bezier(.19, 1, .22, 1); transition:clip-path 2.8s cubic-bezier(.19, 1,.22,1), opacity 2s ease, -webkit-clip-path 2.8s cubic-bezier(.19, 1, .22, 1); }

.card-motion.animate figure img { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.card-motion figure .video_card { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 2.8s cubic-bezier(.19, 1, .22, 1), opacity 2s ease, -webkit-clip-path 2.8s cubic-bezier(.19, 1, .22, 1); transition:clip-path 2.8s cubic-bezier(.19, 1,.22,1), opacity 2s ease, -webkit-clip-path 2.8s cubic-bezier(.19, 1, .22, 1); }
.card-motion.animate figure .video_card { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }


@media(max-width:1024px){
    .card-motion figure img{ opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
    .card-motion figure .video_card { opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}	

/**** panel ****/
/* .panel-wrap .panel .panel-title { position:relative; cursor:pointer; }
.panel-wrap .panel .panel-content { display:none; }
.panel-wrap .panel .icon-panel { position:absolute; right:5%; top:50%; width:16px; height:16px; transform:translate(0, -50%); }
.panel-wrap .panel .icon-panel::before, .panel-wrap .panel .icon-panel::after { content:""; position:absolute; background-color:#5acec2; transition:transform 0.25s ease-out, opacity 0.25s ease-out; }
.panel-wrap .panel .icon-panel::before { top:0; left:50%; width:2px; height:100%; margin-left:-1px; }
.panel-wrap .panel .icon-panel::after { top:50%; left:0; width:100%; height:2px; margin-top:-1px; }
.panel-wrap .panel .icon-panel.open::before { transform:rotate(-45deg);  background-color:#fff; }
.panel-wrap .panel .icon-panel.open::after {transform:rotate(-45deg);  background-color:#fff;  } */



.main_cont_wrap { position: relative; padding: 9rem 0 3rem;  }


.inner { margin: 0 auto;}

/********************************************************** 
* main_copy_wrap
***********************************************************/
.main_copy { margin-top: 7.5rem; height: 33.6rem; width: 100%; text-align: center; padding: 0;  }
.main_copy::before { content:""; display: block; width: 244px; height: 439px; background: url("../img/main_copy_star02.png") 50% 50%/100% no-repeat; position: absolute; top: 10%; left: 4%; animation: bouncing2 1s infinite alternate;  }
.main_copy::after { content:""; display: block; width: 489px; height: 360px; background: url("../img/main_copy_star01.png") 50% 50%/100% no-repeat; position: absolute; top: 10%; right: 0; animation: bouncing1 1s infinite alternate; animation-delay:0.3s; }
.main_copy > p { font-size: 2.813rem; position: absolute; top: 44%; left: 0; width: 100%; line-height: 1.3;}
.main_copy > p strong { font-weight: 700;}

.main_copy .mouse-wrap { position:absolute; left:0; right:0; bottom:3.125rem; }
.main_copy .mouse-wrap .arrow { width: 1.313rem; height:1.313rem; display:block; border-bottom:2px solid #87c3f5; border-right: 2px solid #87c3f5; transform:rotate(45deg); position:relative; margin:0 auto; -webkit-animation:arrowAnim 1.5s infinite; animation:arrowAnim 1.5s infinite; }
.main_copy .mouse-wrap .arrow.arrow-01 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.main_copy .mouse-wrap .arrow.arrow-02 { -webkit-animation-delay:0.3s; animation-delay:0.3s; margin-top:-5px; }

@keyframes bouncing1 { 	
	0% { -moz-transform:translate3d(0,-15px,0); -ms-transform:translate3d(0,-15px,0); -o-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0); -webkit-transform:translate3d(0,-15px,0); }
	100% { -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }
}
@keyframes bouncing2{ 	
	0% { -moz-transform:translate3d(0,30px,0); -ms-transform:translate3d(0,30px,0); -o-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0); -webkit-transform:translate3d(0,30px,0); }
	100% { -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }
}

@keyframes arrowAnim {
    0% {
        opacity:0;
    }
    50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
 

/********************************************************** 
* main_vids_wrap
***********************************************************/
.main_vids { width: 100%; max-height:100vh; position: relative; margin-top: 5rem;}
/* .main_vids_inner {width: 100%; height: 100vh; margin: 0 auto; position: relative; overflow: hidden; }
.main_vids_inner > iframe { width: 100%; height: 100%; object-fit: cover; }
.main_vids_inner > video { width: 100%; height: 100%; object-fit: cover; } */ 
 .main_vids_inner {  width: 100%; height: auto; overflow: hidden;   padding-bottom: 47.2%;}
/* .brand-slide { position:relative; width:100%; height:0; padding-bottom: 56.25%; overflow:hidden; } */
.main_vids_inner > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
/* .brand-slide-img { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none; overflow:hidden; overflow:hidden;} */
/* .main_vids .video_web { width:100vw; height:56.25vw; min-height:122vh; min-width:215vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.main_vids .video_mobile { display:none; } */

/********************************************************** 
* main_s_banner
***********************************************************/
.main_s_banner strong { font-weight:700;}
.main_s_banner {background: url("../img/main_s_banner_bg.jpg") 50% 50%/cover no-repeat; padding:0; line-height:1.4; margin-top: -4px;}
.main_s_banner .tits { padding: 7rem 0; text-align:center; color:#fff;} 
.main_s_banner .tit01 { font-size: 1rem;} 
.main_s_banner .tit02 { font-size: 2.188rem;margin-top: 1rem;} 

/********************************************************** 
* main_point1
***********************************************************/ 
.main_point1 { padding: 17.75rem 0 0; background: url(../img/main_point1_bgImg.png) top center / 100% auto no-repeat; }

.main_point1 .point1_contBox { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; max-width: 1815px; height: 1025px; padding-top: 205px; background: url(../img/main_point1_bg.png) center / contain no-repeat; margin: 0 auto; }

.main_point1 .sect_subTitle_wrap { display: flex; justify-content: center; align-items: center; position: absolute; top: -32px; left: 50%; transform: translateX(-50%); width: 815px; height: 196px; padding: 0 15px 4px; background: url(../img/main_point1_titleBg.png) center / contain no-repeat; }
.main_point1 .sect_subTitle_wrap p { font-size: 38px; text-shadow: 3px 3px 3px rgba(27, 119, 109, 0.1); color: #fff; line-height: 1.4263; text-align: center; }
.main_point1 .sect_subTitle_wrap p span { font-weight: 800; color: #eef274; }

.main_point1 .sect_title_wrap { display: flex; flex-direction: column; align-items: center; }

.main_point1 .main_point1_icon { display: flex; justify-content: center; align-items: center; width: 182px; height: 48px; margin-bottom: 36px; background: #5acec2; border-radius: 24px; font-weight: 800; font-size: 17px; letter-spacing: 0.03em; color: #fff; }

.main_point1 .sect_title_wrap { margin-bottom: 54px; }
.main_point1 .title_desc1 { margin-bottom: 12px; font-size: 38px; text-shadow: 5px 5px 10px rgba(29, 36, 49, 0.1); color: #fff; }
.main_point1 .title_desc2 .desc_text { display: inline-block; font-size: 50px; font-weight: 800; color: #fff; }
.main_point1 .title_desc2 .desc_text1 { padding: 12px 10px 4px 12px; background: #5acec2; }
.main_point1 .title_desc2 .desc_text2 { margin-left: 8px; padding: 12px 0 4px; }

.main_point1_cont .special_wrap { display: flex; justify-content: center; gap: 43px; position: relative; margin-bottom: 55px; }
.main_point1_cont .special_wrap::after { content: ""; position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); width: 58px; height: 58px; background: url(../img/icon_plusCircle.png) center / contain no-repeat; }
.main_point1_cont .special_wrap .special_box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 398px; height: 177px; background: rgba(255, 255, 255, 0.2); border: 1px solid #ffffff; }
.main_point1_cont .special_box .special_certification { display: flex; justify-content: flex-start; align-items: center; gap: 9px; padding-left: 12px; width: 190px; height: 38px; padding-top: 5px; background: #5acec2; border-radius: 19px; font-size: 20px; color: #fff; }
.main_point1_cont .special_box .special_certification img { position: relative; top: -2px; width: 25px; }
.main_point1_cont .special_box .special_position { font-size: 39px; font-weight: 800; letter-spacing: -0.01em; color: #fff; }

.main_point1_cont .point1_desc_list { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 60px; }
.main_point1_cont .point1_desc { display: flex; justify-content: center; gap: 8px; font-size: 26px; letter-spacing: -0.01em; color: #fff; }
.main_point1_cont .point1_desc b { padding-bottom: 4px; border-bottom: 1px solid #fff; }
.main_point1_cont .point1_notice { display: flex; align-items: center; gap: 10px; font-size: 24px; letter-spacing: -0.01em; color: #fff; }
.main_point1_cont .point1_notice img { position: relative; top: -3px; width: 22px; }

@media (max-width: 1900px) {
    .main_point1 { padding: 17.75rem 0 0; background: url(../img/main_point1_bgImg.png) top center / 100% auto no-repeat; }

    .main_point1 .point1_contBox { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; max-width: 95.5263vw; height: 53.9474vw; padding-top: 10.7895vw; background: url(../img/main_point1_bg.png) center / contain no-repeat; margin: 0 auto; }

    .main_point1 .sect_subTitle_wrap { display: flex; justify-content: center; align-items: center; position: absolute; top: -1.6842vw; left: 50%; transform: translateX(-50%); width: 42.8947vw; height: 10.3158vw; padding: 0 0.7895vw 0.2105vw; background: url(../img/main_point1_titleBg.png) center / contain no-repeat; }
    .main_point1 .sect_subTitle_wrap p { font-size: 2.0000vw; text-shadow: 0.1579vw 0.1579vw 0.1579vw rgba(27, 119, 109, 0.1); color: #fff; line-height: 1.4263; text-align: center; }
    .main_point1 .sect_subTitle_wrap p span { font-weight: 800; color: #eef274; }

    .main_point1 .sect_title_wrap { display: flex; flex-direction: column; align-items: center; }

    .main_point1 .main_point1_icon { display: flex; justify-content: center; align-items: center; width: 9.5789vw; height: 2.5263vw; margin-bottom: 1.8947vw; background: #5acec2; border-radius: 1.2632vw; font-weight: 800; font-size: 0.8947vw; letter-spacing: 0.03em; color: #fff; }

    .main_point1 .sect_title_wrap { margin-bottom: 2.8421vw; }
    .main_point1 .title_desc1 { margin-bottom: 0.6316vw; font-size: 2.0000vw; text-shadow: 0.2632vw 0.2632vw 0.5263vw rgba(29, 36, 49, 0.1); color: #fff; }
    .main_point1 .title_desc2 .desc_text { display: inline-block; font-size: 2.6316vw; font-weight: 800; color: #fff; }
    .main_point1 .title_desc2 .desc_text1 { padding: 0.6316vw 0.5263vw 0.2105vw 0.6316vw; background: #5acec2; }
    .main_point1 .title_desc2 .desc_text2 { margin-left: 0.4211vw; padding: 0.6316vw 0 0.2105vw; }

    .main_point1_cont .special_wrap { display: flex; justify-content: center; gap: 2.2632vw; position: relative; margin-bottom: 2.8947vw; }
    .main_point1_cont .special_wrap::after { content: ""; position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3.0526vw; height: 3.0526vw; background: url(../img/icon_plusCircle.png) center / contain no-repeat; }
    .main_point1_cont .special_wrap .special_box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.8421vw; width: 20.9474vw; height: 9.3158vw; background: rgba(255, 255, 255, 0.2); border: 0.0526vw solid #ffffff; }
    .main_point1_cont .special_box .special_certification { display: flex; justify-content: flex-start; align-items: center; gap: 0.4737vw; padding-left: 0.6316vw; width: 10.0000vw; height: 2.0000vw; padding-top: 0.2632vw; background: #5acec2; border-radius: 1.0000vw; font-size: 1.0526vw; color: #fff; }
    .main_point1_cont .special_box .special_certification img { position: relative; top: -0.1053vw; width: 1.3158vw; }
    .main_point1_cont .special_box .special_position { font-size: 2.0526vw; font-weight: 800; letter-spacing: -0.01em; color: #fff; }

    .main_point1_cont .point1_desc_list { display: flex; flex-direction: column; align-items: center; gap: 0.7368vw; margin-bottom: 3.1579vw; }
    .main_point1_cont .point1_desc { display: flex; justify-content: center; gap: 0.4211vw; font-size: 1.3684vw; letter-spacing: -0.01em; color: #fff; }
    .main_point1_cont .point1_desc b { padding-bottom: 0.2105vw; border-bottom: 0.0526vw solid #fff; }
    .main_point1_cont .point1_notice { display: flex; align-items: center; gap: 0.5263vw; font-size: 1.2632vw; letter-spacing: -0.01em; color: #fff; }
    .main_point1_cont .point1_notice img { position: relative; top: -0.1579vw; width: 1.1579vw; }
}
@media (max-width: 1280px) {
    .main_point1 { padding: 19.4048vw 0 0; }
    .main_point1 .point1_contBox { max-width: 76.1905vw; height: 117.9762vw; padding-top: 14.5833vw; background: url(../img/main_point1_bg_m.jpg) center / contain no-repeat; margin: 0 auto; }
    .main_point1 .sect_subTitle_wrap { top: -1.8452vw; width: 53.8690vw; height: 13.1548vw; padding: 0 1.1310vw 0.2976vw; background: url(../img/main_point1_titleBg_m.png) center / contain no-repeat; }
    .main_point1 .sect_subTitle_wrap p { font-size: 2.8571vw; text-shadow: 0.1786vw 0.1786vw 0.1786vw rgba(27, 119, 109, 0.1); }

    .main_point1 .main_point1_icon { width: 17.9167vw; height: 4.2262vw; margin-bottom: 1.9048vw; border-radius: 2.0833vw; font-size: 1.6667vw; }

    .main_point1 .sect_title_wrap { margin-bottom: 3.0952vw; }
    .main_point1 .title_desc1 { margin-bottom: 0.5952vw; font-size: 3.2143vw; text-shadow: 0.2976vw 0.2976vw 0.5952vw rgba(29, 36, 49, 0.1); }
    .main_point1 .title_desc2 { display: flex; flex-direction: column; align-items: center; gap: 0.5952vw; }
    .main_point1 .title_desc2 .desc_text { font-size: 4.1667vw; }
    .main_point1 .title_desc2 .desc_text1 { padding: 0.7738vw 1.0714vw 0.3571vw 0.8929vw; }
    .main_point1 .title_desc2 .desc_text2 { margin-left: 0; padding: 0.5952vw 0 0.2381vw; }

    .main_point1_cont .special_wrap { flex-direction: column; align-items: center; gap: 3.8095vw; margin-bottom: 6.6667vw; }
    .main_point1_cont .special_wrap::after { width: 6.5476vw; height: 6.5476vw; background: url(../img/icon_plusCircle.png) center / contain no-repeat; }
    .main_point1_cont .special_wrap .special_box { gap: 1.7262vw; width: 44.9405vw; height: 16.9048vw; }
    .main_point1_cont .special_box .special_certification { gap: 0.7143vw; padding-left: 1.0119vw; width: 14.9405vw; height: 2.9762vw; border-radius: 1.4881vw; font-size: 1.5476vw; }
    .main_point1_cont .special_box .special_certification img { width: 2.0238vw; }
    .main_point1_cont .special_box .special_position { font-size: 2.8571vw; }

    .main_point1_cont { display: flex; flex-direction: column; align-items: center; }
    .main_point1_cont .point1_desc_list { gap: 1.9048vw; margin-bottom: 5.8333vw; }
    .main_point1_cont .point1_desc { gap: 0.6548vw; font-size: 2.1429vw; }
    .main_point1_cont .point1_notice { gap: 0.7143vw; position: relative; font-size: 1.7857vw; line-height: 1.5384; text-align: center; }
    .main_point1_cont .point1_notice img { position: absolute; right: calc(100% + 0.7143vw); top: 0.2976vw; width: 1.7857vw; }
}
@media (max-width: 768px) {
    .main_point1 { padding: 25.4688vw 0 0; }
    .main_point1 .point1_contBox { max-width: 100.0000vw; height: 154.8438vw; padding-top: 19.1406vw; background: url(../img/main_point1_bg_m.jpg) center / contain no-repeat; margin: 0 auto; }
    .main_point1 .sect_subTitle_wrap { top: -2.4219vw; width: 70.7031vw; height: 17.2656vw; padding: 0 1.4844vw 0.3906vw; background: url(../img/main_point1_titleBg_m.png) center / contain no-repeat; }
    .main_point1 .sect_subTitle_wrap p { font-size: 3.7500vw; text-shadow: 0.2344vw 0.2344vw 0.2344vw rgba(27, 119, 109, 0.1); }

    .main_point1 .main_point1_icon { width: 23.5156vw; height: 5.5469vw; margin-bottom: 2.5000vw; padding-top: 0.8vw; border-radius: 2.7344vw; font-size: 2.1875vw; }

    .main_point1 .sect_title_wrap { margin-bottom: 4.0625vw; }
    .main_point1 .title_desc1 { margin-bottom: 0.7813vw; font-size: 4.2188vw; text-shadow: 0.3906vw 0.3906vw 0.7813vw rgba(29, 36, 49, 0.1); }
    .main_point1 .title_desc2 { display: flex; flex-direction: column; align-items: center; gap: 0.7813vw; }
    .main_point1 .title_desc2 .desc_text { font-size: 5.4688vw; }
    .main_point1 .title_desc2 .desc_text1 { padding: 1.0156vw 1.4063vw 0.4688vw 1.1719vw; }
    .main_point1 .title_desc2 .desc_text2 { margin-left: 0; padding: 0.7813vw 0 0.3125vw; }

    .main_point1_cont .special_wrap { flex-direction: column; align-items: center; gap: 5.0000vw; margin-bottom: 8.7500vw; }
    .main_point1_cont .special_wrap::after { width: 8.5938vw; height: 8.5938vw; background: url(../img/icon_plusCircle.png) center / contain no-repeat; }
    .main_point1_cont .special_wrap .special_box { gap: 2.2656vw; width: 58.9844vw; height: 22.1875vw; }
    .main_point1_cont .special_box .special_certification { gap: 0.9375vw; padding-left: 1.3281vw; width: 19.6094vw; height: 3.9063vw; border-radius: 1.9531vw; font-size: 2.0313vw; }
    .main_point1_cont .special_box .special_certification img { width: 2.6563vw; }
    .main_point1_cont .special_box .special_position { font-size: 3.7500vw; }

    .main_point1_cont { display: flex; flex-direction: column; align-items: center; }
    .main_point1_cont .point1_desc_list { gap: 2.5000vw; margin-bottom: 7.6563vw; }
    .main_point1_cont .point1_desc { gap: 0.8594vw; font-size: 2.8125vw; }
    .main_point1_cont .point1_notice { gap: 0.9375vw; position: relative; font-size: 2.3438vw; line-height: 1.5384; text-align: center; }
    .main_point1_cont .point1_notice img { position: absolute; right: calc(100% + 0.9375vw); top: 0.3906vw; width: 2.3438vw; }
}

/********************************************************** 
* main_categories
***********************************************************/ 
.main_categories { padding: 11rem 0 8rem;}
.main_categories .tits { text-align:center;}
.main_categories strong { font-weight: 700; }
.main_categories .bluetit { color:#5acec2; font-size:1.375rem;font-weight: 700;}
.main_categories .tit01 { font-size:2.5rem; margin-top:1.5rem;}
.main_categories .tit02 { font-size:1.375rem; margin-top:1.5rem; color:#2e2e2e;}
 
.main_ctgr_swiper { margin-top:2rem; max-width:1920px; }
.main_ctgr_swiper .swiper-slide {margin: 0 4.6rem; width:auto;	}
.main_ctgr_swiper .swiper-slide .slideInner{ width: 83.75rem; box-shadow: 2px 0px 18px 0px rgba(0,0,0,0.1); margin: 10px; border-radius:0px; display: flex; gap:5rem; justify-content:flex-start; align-items:center; padding:2rem;}
.main_categories .bluetxt { font-size:1.25rem; font-weight:700;color:#5acec2; }
.main_categories .txt01 { font-size:1.875rem; margin-top:1rem;font-weight:700; }
.main_categories .desc_wrap { display: flex; flex-direction: column; gap: 0.875rem; margin-top: 1.75rem; }
.main_categories .desc_wrap p { font-size:1.25rem; color:#2e2e2e; line-height:1.7; word-break: break-all;}
.main_categories .desc_wrap + .bluetxt { margin-top: 0.875rem; line-height: 1.7; }
.main_categories .txt02 + .txt02 {  margin-top:1.1rem; } 

.main_categories .swiper-pagination { position:static; max-width: 66.813rem; margin:3rem auto 0; color:#747474; }
.main_categories .swiper-pagination-bullet { display: inline-flex; justify-content: center; align-items: center; width:auto; height: 3rem; border: 1px solid #959595; border-radius: 1.5rem; padding: 0.375rem 1.125rem 2px; font-size: 1.25rem; margin: 0 0.563rem 1.625rem; }
.swiper-pagination-bullet { opacity:1; background:transparent; margin-top:3.75rem; border-bottom:2px solid transparent; margin: 0 1rem; }
.swiper-pagination-bullet-active {  }
.main_categories .swiper-pagination-bullet-active { border: 1px solid #5acec2; color:#5acec2; text-decoration: underline; text-underline-offset: 0.313rem; font-weight: 800; }
.main_categories .swiper-button-next, .main_categories .swiper-button-prev { width: 4.313rem; height:4.313rem;}
.main_categories .swiper-button-prev { background: url("../img/main_ctgr_prev.png") 50% 50%/cover no-repeat; left: 10.5rem; transform:translateY(-50%);}
.main_categories .swiper-button-next { background: url("../img/main_ctgr_next.png") 50% 50%/cover no-repeat;  right: 10.5rem; transform:translateY(-50%);}
.main_categories .swiper-button-next:after, .main_categories .swiper-button-prev:after { display: none;}

@media (max-width: 1240px) {
    .main_categories .swiper-pagination { max-width: none; }
}
@media (max-width: 960px) {
    .main_categories .swiper-pagination-bullet { margin: 0 0.6rem 1.025rem; }
}
/********************************************************** 
* main_fourth
***********************************************************/
.main_fourth { background: #f3ede4; padding:10.875rem 0 9.875rem;}
.main_fourth .inner { display: flex; flex-direction: column; align-items: center; position: relative; } 
.main_fourth strong { font-weight: 700;}

.main_fourth .playLogo_wrap {  }

.main_fourth .titlebox { text-align: center; position:relative; max-width: 1580px; margin: 0 auto;}
.main_fourth .titlebox > img { position:absolute; 
    /* right: -12.1875vw; bottom:-1.4583vw;  */
    right: -14.625rem; bottom: -1.75rem; width: 9.563rem;
}
.main_fourth .small_title { font-size: 1.125rem; color: #171717; }
.main_fourth .tit01 { margin: 1.5rem 0 1.375rem; font-size:2.5rem; color: #171717; }
.main_fourth .tit02 {  font-size: 1.438rem; color: #171717;  }
.main_fourth .main_speciality_slide { position: relative; width: calc(100% - 6.25vw); margin-top: 5.25rem; margin-left: auto;} 
.main_fourth .speciality_slide { text-align:center; width: 24rem;}
.main_fourth .speciality_slide .txts{ padding: 3.25rem 0 0; height: 25.625rem; background:#fff; display: flex; justify-content: flex-start; align-items:center; flex-direction:column;}
.main_fourth .speciality_slide .num { color:#6bccc3; font-size:1.313rem;}     
.main_fourth .speciality_slide .txt01 { font-size:1.75rem; line-height: 1.3242; margin-top:1rem;} 
.main_fourth .speciality_slide .txt01 b{font-weight:600}
.main_fourth .speciality_slide .txt02 { min-height: 8.375rem; font-size:1.188rem; line-height: 1.5815; margin:1.375rem 0 0.813rem;} 
.main_fourth .speciality_slide .checkPoint_wrap { display: flex; justify-content: center; align-items: center; gap: 0.875rem; height: 3rem; padding: 0 1.813rem 0 1.438rem; background: #f7f7f7; border-radius: 1.5rem; }
.main_fourth .speciality_slide .checkPoint_wrap img { width: 1rem; }
/* .main_fourth ul li .img { margin-top:1rem;} */

.main_fourth .swiper-pagination-progressbar { top: calc(100% + 3.75rem); left: 50%; transform: translateX(-50%); width: 32.625rem; height: 0.313rem; background: #cfcfcf; border-radius: 0.156rem; }
.main_fourth .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #3e3a39; border-radius: 0.156rem; }

@media (max-width: 1280px) {
    .main_fourth .titlebox { width: 95%; max-width: none; }
}
@media (max-width: 768px) {
    .main_fourth .main_speciality_slide { width: calc(100% - 12.8084vw); margin: 5.25rem auto 0; }
    .main_fourth .swiper-pagination-progressbar { width: 100%; }
}


/********************************************************** 
* main_staffs
***********************************************************/ 
.main_staffs {background: url("../img/main_staffs_bg.jpg") 50% 50%/cover no-repeat; padding:11rem 0 0; }
.main_staffs .tits { text-align:center;}
.main_staffs strong { font-weight: 700; }
.main_staffs .bluetit { color:#5acec2; font-size:1.375rem;}
.main_staffs .tit01 { font-size:2.5rem; margin-top:1.5rem;}
.main_staffs .tit02 { font-size:1.375rem; margin-top:1.5rem; color:#2e2e2e; line-height:1.6;}
.main_staffs .inner { margin-top:4rem;}
.main_doctor_swiper .swiper-slide { display:flex; justify-content: center; gap:5rem; }
.main_doctor_swiper .oneline { font-size:2.5rem; margin: 3rem 0; position:relative;   font-weight: 600; line-height:1.3;}
/*.main_doctor_swiper .oneline span { font-size:9.625rem; color:#5acec2; opacity:0.5; position:absolute; font-weight: 400;}
.main_doctor_swiper .oneline span.first {  left:-4rem; top:-3rem; }
.main_doctor_swiper .oneline span.sec {   right:-4rem; bottom: -10rem; } */
/*  .main_doctor_swiper .oneline::before { content:""; display: inline-block; width: 2.563rem; height:5rem; background: url("../img/dotdot.png") 50% 50%/contain no-repeat;margin-left: -3.3rem; }
 .main_doctor_swiper .oneline::after { content:""; display: inline-block; width: 2.563rem; height:2.25rem; background: url("../img/dotdot02.png") 50% 50%/contain no-repeat; margin-bottom: -3rem;} */
.main_doctor_swiper .name { font-size:2.063rem; letter-spacing: 10px; font-weight: 800; margin-top:4rem; } 
.main_doctor_swiper .name span { font-size:1.125rem; letter-spacing: 1px; font-weight: 500;} 
.main_doctor_swiper .grade { font-size:1.25rem; margin-top:3rem; font-weight: 600; display:flex; align-items:center; gap: 8px; } 
.main_doctor_swiper .grade i { display:inline-block; width:1.625rem; height:1.625rem; background: url("../img/grade_icon.png") 50% 50%/cover no-repeat; }
.main_doctor_swiper .box { display:flex; flex-direction: column; margin-top:3rem; gap:2rem; height:280px; overflow-y:scroll; padding-right: 2rem;}
.main_doctor_swiper .history_box { display: flex; gap: 2rem; }
.main_doctor_swiper .history_box:not(.history_box1) { flex-direction: column; gap: 0; }
.main_doctor_swiper .history_box .history_title { margin-bottom: 1.25rem; font-size: 1.375rem; letter-spacing: 0.01em; font-weight: 800; color: #262626; }
.main_doctor_swiper .box p { font-size: 1.25rem; padding-left:10px; position:relative; font-weight: 400;  color:#262626; line-height: 1.5;}
.main_doctor_swiper .box p b { font-weight: 700; }
.main_doctor_swiper .box .n01 { max-width:50%;}
.main_doctor_swiper .box .n02{ max-width:50%;}
.main_doctor_swiper .box p::before { content: "·"; display:block; position:absolute; top: 0; left:0;}
.main_doctor_swiper .box p + p { margin-top:1.1rem;}
.main_doctor_swiper .swiper-button-next.swiper-button-disabled,.main_doctor_swiper .swiper-button-prev.swiper-button-disabled { opacity:0;}
.main_doctor_swiper .swiper-button-next:after, .swiper-button-prev:after { display: none;}
.main_doctor_swiper .swiper-button-prev { width: 5rem; height: 5.1rem;   background: url("../img/main_doc_prev.png") 50% 50%/100% no-repeat;top: 40%;  left:3rem; }
.main_doctor_swiper .swiper-button-next { width: 5rem; height: 5.1rem; background: url("../img/main_doc_next.png") 50% 50%/100% no-repeat; top: 40%; right: 3rem; }

/* main_permission */
.main_permission { margin: 7.875rem 0; }
.main_permission .sect_title_wrap { margin-bottom: 3.25rem; padding-left: 8.5rem; }
.main_permission .main_permission_title { margin-bottom: 2.25rem; font-size: 2.5rem; color: #171717; }
.main_permission .main_permission_title b { font-weight: 800; color: #5acec2; }
.main_permission .main_permission_desc { font-size: 1.625rem; letter-spacing: -0.01em; color: #171717; }
.main_permission .main_permission_desc b { font-weight: 800; }

.main_permission .permission_swiper_wrap { position: relative; padding-right: 12vw; }
.main_permission .permission_swiper_wrap::before { content: ""; z-index: 2; position: absolute; top: 0; right: 0; width: 24vw; height: 100%; background: #ffffff; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%); pointer-events: none; }

.main_permission .swiper-slide { width: auto; }
.main_permission .swiper-slide .cont_wrap { display: flex; flex-direction: column; align-items: center; gap: 0.688rem; }
.main_permission .swiper-slide .cont_desc { font-size: 1.25rem; letter-spacing: -0.01em; color: #171717; text-align: center; line-height: 1.45; }
.main_permission .swiper-slide .cont_desc span { font-size: 1rem; color: #858585; }
.main_permission .swiper-container { overflow: visible; padding: 0 4.313rem 0 6rem; }

.main_permission .swiper-wrapper { width: calc(100% - 24vw); }
@media (min-width: 1921px) {
    .main_fourth .main_speciality_slide { width: calc((384px * 5) + 40px); margin-inline: auto; }
}
@media (max-width: 1680px) {
    .main_permission .sect_title_wrap { padding-left: 4.5rem; }
    .main_permission .swiper-container { padding: 0 4.313rem 0 4rem; }
}
@media (max-width: 1280px) {
    .main_permission .main_permission_title {
        font-size: 2rem;
        line-height: 1.4;
    }
    .main_permission .main_permission_desc { font-size: 1.2rem; line-height: 1.4; }
}
@media (max-width: 960px) {
    .main_permission .sect_title_wrap { width: 90%; padding-left: 0; margin: 0 auto 3.25rem; }
    .main_permission .swiper-container { width: 90%; padding: 0; }
}
@media (max-width: 768px) {
    .main_permission .permission_swiper_wrap { width: 90%; padding-right: 0; margin: 0 auto; }
    .main_permission .permission_swiper_wrap::before { display: none; }
    .main_permission .swiper-container { overflow: hidden; width: 100%; }
}

/********************************************************** 
* main_cont08
***********************************************************/
.main_cont08{position:relative; width:100%; padding: 10.875rem 0 0;  }
.main_cont08::before {display: block; content:""; width: 20.375rem; height: 20.375rem; background: url(../img/main_cont08_before.png) 50% 50%/100% no-repeat; position:absolute; top:0; right:0;} 
.main_cont08 .sect_title_wrap { display: flex; flex-direction: column; align-items: center; gap: 1.875rem; margin: 0 auto 3.875rem; }
.main_cont08 .sect_title_wrap img { width: 12.625rem; }
.main_cont08 .sect_title_wrap .main_cont08_title { font-size: 2.5rem; color: #171717; }
.main_cont08 .sect_title_wrap .main_cont08_title b { font-weight: 800; }
.main_cont08_section{position:relative; width:100%; max-width:1680px; margin-left:auto; margin-right:auto; display: flex; align-items: center; justify-content: flex-start; flex-wrap:wrap; margin-top: 9.5rem;}
.main_cont08_slider_wrap{width:57.688rem; position:relative; margin-bottom:2.5rem;}
.main_cont08_slider_wrap > .swiper-button-next.main_cont08_next{
    top:auto; bottom:0; left: auto; right: -17%; width:3.313rem; height:3.375rem; background: url(../img/main_cont_next_btn.png) 50% 50%/cover no-repeat; transition: .3s;
}

.main_cont08_slider_wrap > .swiper-button-prev.main_cont08_prev{
    top:auto; bottom:0; left: auto; right: -10%; width:3.313rem; height:3.375rem; background: url(../img/main_cont_prev_btn.png) 50% 50%/cover no-repeat; transition: .3s;
}
.main_cont08_slider_wrap > .swiper-button-next.main_cont08_next:hover { background: url(../img/main_cont_next_btn_h.png) 50% 50%/cover no-repeat; } 
.main_cont08_slider_wrap > .swiper-button-prev.main_cont08_prev:hover { background: url(../img/main_cont_prev_btn_h.png) 50% 50%/cover no-repeat; } 
.main_cont08_slider_wrap > .swiper-button-next.main_cont08_next::after,
.main_cont08_slider_wrap > .swiper-button-prev.main_cont08_prev::after {
    display: none;
}
.main_cont08 strong { font-weight:700;}
.main_cont08 .tit01 { color:#5acec2; font-size:1.375rem; }  
.main_cont08 .tit02 { font-size:2.188rem; margin-top:1.5rem;}  
.main_cont08_title_wrap { padding-left:7.5rem; line-height: 1.3; margin-bottom: 9rem; position:relative;}
.main_cont08_title_wrap::before {display: block; content:""; width: 3.813rem; height: 4.063rem; background: url(../img/main_cont08_tit_before.png) 50% 50%/100% no-repeat; position:absolute; top: 1.5rem;; right:-4rem;} 
.main_cont08_title_wrap::after {display: block; content:""; width: 22.688rem; height: 4.75rem; background: url(../img/main_cont08_tit_af_nn.png) 50% 50%/100% no-repeat; position:absolute; bottom: -11.625rem; right: -7.725rem;} 

.main_cont08_wrap { position:relative; max-width: 1680px; }
.main_cont08_wrap::before {display: block; content:""; width: 22.688rem; height: 13.25rem; background: url(../img/main_cont08_wrap_before.png) 50% 50%/100% no-repeat; position:absolute; top: -5.5rem;; right:-5rem;} 
.main_cont08_thumb_slider  {width: 100%;}
.main_cont08_thumb_slider .swiper-slide {width: 12rem; margin-right:10px;background: #444; }
.main_cont08_thumb_slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; opacity: 1;}
.main_cont08_thumb_slider .swiper-slide.swiper-slide-active img { opacity: 0.4;}
.main_cont08_thumb_slider .swiper-slide.swiper-slide-active::before {  content: ""; display: block; width: 100%; height: 100%; border: 2px solid #5acec2; position: absolute; left: 0; top: 0; } 

.main_cont08_thumb_slider .swiper-slide:last-of-type { margin-right:0;}

@media (max-width: 1680px) {
    .main_cont08_title_wrap { padding-left: 7.1429vw; }
}

/********************************************************** 
* main_links
***********************************************************/
.main_links { padding:11.875rem; background: url("../img/main_links_bg.jpg") 50% 50%/cover no-repeat; text-align:center; color:#fff;}
.main_links .bluetit { color:#5acec2; font-size:1.25rem;}
.main_links .txt01 { font-size:2.75rem; font-weight: 600; margin-top:1.5rem;}
.main_links .txt01 span { font-size:3.375rem;}
.main_links .txt02 { font-size:2.5rem;  margin-top:3.125rem; line-height: 1.4; font-weight: 500;}
.main_links_btn { padding-top: 3px; font-size:1.25rem; font-weight: 600; background:#5acec2; border-radius:27px; width: 19.813rem; height: 3.375rem; line-height:3.375rem; display: flex; align-items:center; justify-content:center; margin: 0 auto; margin-top:7.3rem;}
.main_links_btn i {     margin-bottom: 3px; display: inline-block; width: 0.563rem; height: 1rem; margin-left: 10px ; background: url("../img/main_links_arrow.png") 50% 50%/100% no-repeat;  }

/********************************************************** 
* main_point2
***********************************************************/
.main_point2 { position: relative; width: 100%; max-width: 1812px; height: 907px; margin: 0 auto 205px; background: url(../img/main_point2_bg.png) center / cover no-repeat; }
.main_point2 .imgBox { position: absolute; right: 61px; bottom: 0; width: 863px; }

.main_point2 .textBox { position: absolute; top: 158px; left: 91px; }
.main_point2 .sect_title_wrap { padding-left: 4px; }
.main_point2 .main_point2_icon { display: flex; justify-content: center; align-items: center; width: 182px; height: 48px; margin-bottom: 36px; background: #5acec2; border-radius: 24px; font-weight: 800; font-size: 17px; letter-spacing: 0.03em; color: #fff; }
.main_point2 .main_point2_title { font-size: 48px; color: #fff; }
.main_point2 .main_point2_title b { font-weight: 800; }
.main_point2 .main_point2_desc { margin: 34px 0 68px; font-size: 26px; letter-spacing: -0.01em; color: #fff; line-height: 1.5338; }
.main_point2 .main_point2_desc b { font-weight: 800; }

.main_point2 .color_box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 34px; width: 556px; height: 268px; padding-left: 44px; background: #fff; border: 2px solid #5acec2; box-shadow: 21px 21px 0 #5acec2; }
.main_point2 .color_box p { padding-bottom: 8px; border-bottom: 1px solid #303030; font-size: 24px; font-weight: 800; letter-spacing: -0.01em; color: #303030; }
.main_point2 .color_box p i { font-style: italic; }
.main_point2 .color_box p span { font-size: 26px; }

@media (max-width: 1900px) {
    .main_point2 { position: relative; width: 100%; max-width: 95.3684vw; height: 47.7368vw; margin: 0 auto 10.7895vw; background: url(../img/main_point2_bg.png) center / cover no-repeat; }
    .main_point2 .imgBox { position: absolute; right: 3.2105vw; bottom: 0; width: 45.4211vw; }

    .main_point2 .textBox { position: absolute; top: 8.3158vw; left: 4.7895vw; }
    .main_point2 .sect_title_wrap { padding-left: 0.2105vw; }
    .main_point2 .main_point2_icon { display: flex; justify-content: center; align-items: center; width: 9.5789vw; height: 2.5263vw; margin-bottom: 1.8947vw; background: #5acec2; border-radius: 1.2632vw; font-weight: 800; font-size: 0.8947vw; letter-spacing: 0.03em; color: #fff; }
    .main_point2 .main_point2_title { font-size: 2.5263vw; color: #fff; }
    .main_point2 .main_point2_title b { font-weight: 800; }
    .main_point2 .main_point2_desc { margin: 1.7895vw 0 3.5789vw; font-size: 1.3684vw; letter-spacing: -0.01em; color: #fff; line-height: 1.5338; }
    .main_point2 .main_point2_desc b { font-weight: 800; }

    .main_point2 .color_box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1.7895vw; width: 29.2632vw; height: 14.1053vw; padding-left: 2.3158vw; background: #fff; border: 0.1053vw solid #5acec2; box-shadow: 1.1053vw 1.1053vw 0 #5acec2; }
    .main_point2 .color_box p { padding-bottom: 0.4211vw; border-bottom: 0.0526vw solid #303030; font-size: 1.2632vw; font-weight: 800; letter-spacing: -0.01em; color: #303030; }
    .main_point2 .color_box p i { font-style: italic; }
    .main_point2 .color_box p span { font-size: 1.3684vw; }
}
@media (max-width: 1280px) {
    .main_point2 { position: relative; width: 100%; max-width: 71.4286vw; height: 111.9048vw; background: url(../img/main_point2_bg_m.png) center / cover no-repeat; }
    .main_point2 .imgBox { position: absolute; left: 3.0952vw; right: auto; bottom: 2.2619vw; width: 65.8929vw; }

    .main_point2 .textBox { top: 9.4048vw; left: 3.0952vw; }
    .main_point2 .sect_title_wrap { padding-left: 0.2381vw; }
    .main_point2 .main_point2_icon { width: 17.8571vw; height: 4.1667vw; margin-bottom: 2.1429vw; border-radius: 2.0833vw; font-size: 1.6667vw; }
    .main_point2 .main_point2_title { font-size: 4.1667vw; line-height: 1.4714; }
    .main_point2 .main_point2_desc { margin: 1.4286vw 0 3.8095vw; font-size: 2.6190vw; line-height: 1.5909; }

    .main_point2 .color_box { gap: 4.6429vw; width: 62.4405vw; height: 30.1786vw; padding-left: 4.6429vw; box-shadow: 2.2619vw 2.2619vw 0 #5acec2; }
    .main_point2 .color_box p { padding-bottom: 0.5952vw; font-size: 2.2619vw; }
    .main_point2 .color_box p span { font-size: 2.2619vw; }
}
@media (max-width: 768px) {
    .main_point2 { position: relative; width: 100%; max-width: 93.7500vw; height: 146.8750vw; background: url(../img/main_point2_bg_m.png) center / cover no-repeat; }
    .main_point2 .imgBox { position: absolute; left: 4.0625vw; right: auto; bottom: 2.9688vw; width: 86.4844vw; }

    .main_point2 .textBox { top: 12.3438vw; left: 4.0625vw; }
    .main_point2 .sect_title_wrap { padding-left: 0.3125vw; }
    .main_point2 .main_point2_icon { width: 23.4375vw; height: 5.4688vw; margin-bottom: 2.8125vw; padding-top: 0.8vw; border-radius: 2.7344vw; font-size: 2.1875vw; }
    .main_point2 .main_point2_title { font-size: 5.4688vw; line-height: 1.4714; }
    .main_point2 .main_point2_desc { margin: 1.8750vw 0 5.0000vw; font-size: 3.4375vw; line-height: 1.5909; }

    .main_point2 .color_box { gap: 6.0938vw; width: 81.9531vw; height: 39.6094vw; padding-left: 6.0938vw; box-shadow: 2.9688vw 2.9688vw 0 #5acec2; }
    .main_point2 .color_box p { padding-bottom: 0.7813vw; font-size: 2.9688vw; }
    .main_point2 .color_box p span { font-size: 2.9688vw; }
}

/********************************************************** 
* main_point3
***********************************************************/
.main_point3 { display: flex; gap: 3.6458vw; width: 100%; }
.main_point3 .leftCont { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding-left: 6.1979vw; }
.main_point3 .leftCont .sect_title_wrap { margin-bottom: 3.25rem; }
.main_point3 .leftCont .main_point3_icon { margin-left: 4px; margin-bottom: 2.25rem; }
.main_point3 .main_point3_icon { display: flex; justify-content: center; align-items: center; width: 11.375rem; height: 3rem; margin-bottom: 2.25rem; background: #5acec2; border-radius: 1.5rem; font-weight: 800; font-size: 1.063rem; letter-spacing: 0.03em; color: #fff; }
.main_point3 .leftCont .main_point3_desc { margin-left: 2px; font-size: 2.5rem; color: #171717; }
.main_point3 .leftCont .main_point3_desc b { font-weight: 800; } 

.main_point3 .rightCont .imgBox { transition: background 0.5s ease; width: 48.8021vw; height: 42.2917vw; max-width: 937px; max-height: 812px; }
.main_point3 .rightCont .imgBox.on_1 { background: url(../img/point3_img1.jpg) center / contain no-repeat; }
.main_point3 .rightCont .imgBox.on_2 { background: url(../img/point3_img2.jpg) center / contain no-repeat; }
.main_point3 .rightCont .imgBox.on_3 { background: url(../img/point3_img3.jpg) center / contain no-repeat; }
.main_point3 .rightCont .imgBox.on_4 { background: url(../img/point3_img4.jpg) center / contain no-repeat; }
.main_point3 .rightCont .imgBox.on_5 { background: url(../img/point3_img5.jpg) center / contain no-repeat; }
.main_point3 .rightCont .imgBox.on_6 { background: url(../img/point3_img6.jpg) center / contain no-repeat; }


.main_point3 .panel-wrap { width: 100%; }
.main_point3 .panel { position: relative; transition: all 0.5s ease; width: 100%; height: 5.375rem; }
.main_point3 .panel1.on,
.main_point3 .panel2.on,
.main_point3 .panel3.on,
.main_point3 .panel4.on { height: 9.688rem; }
.main_point3 .panel5.on,
.main_point3 .panel6.on { height: 12.188rem; }
.main_point3 .panel6.on { border-bottom: 1px solid rgba(48, 48, 48, 0.5); }

.main_point3 .panel-header { display: flex; justify-content: flex-start; align-items: center; position: relative; transition: all 0.5s ease; width: 100%; height: 5.375rem; padding-left: 1.875rem; background: transparent; border: 1px solid rgba(48, 48, 48, 0.5); border-left: none; border-right: none; }
.main_point3 .panel + .panel .panel-header { border-top: none }
.main_point3 .panel.on + .panel .panel-header { border-top: 1px solid rgba(48, 48, 48, 0.5); }
.main_point3 .panel.on .panel-header { border-bottom: none; }
.main_point3 .panel .panel-header .panel_num { font-size: 1.5rem; font-style: italic; color: #171717; letter-spacing: 0.01em; }
.main_point3 .panel .panel-header .Perpetua { display: flex; align-items: center; gap: 1rem; font-size: 1.5rem; color: #171717; letter-spacing: 0.01em; }
.main_point3 .panel .panel-header .Perpetua b { text-decoration: underline; text-underline-offset: 6px; font-weight: 800; color: #6ad3c8; }

.main_point3 .panel.on .panel-header { background: #5acec2; }
.main_point3 .panel.on .panel-header .panel_num,
.main_point3 .panel.on .panel-header .Perpetua,
.main_point3 .panel.on .panel-header .Perpetua b { color: #fff; }
.main_point3 .panel-header .icon-panel { opacity: 1; position: absolute; top: 50%; right: 2.625rem; transform: translateY(-50%) rotate(0); transition: all 0.5s ease; width: 0.813rem; height: 0.813rem; background: url(../img/icon_plus.png) center / contain no-repeat; }
.main_point3 .panel.on .panel-header .icon-panel { opacity: 0; transform: translateY(-50%) rotate(180deg); }

.main_point3 .panel-content { overflow: hidden; visibility: hidden; display: flex; justify-content: flex-start; align-items: flex-start; transition: all 0.5s ease; width: 100%; height: 0; padding-left: 5.125rem; }
.main_point3 .panel1.on .panel-content,
.main_point3 .panel2.on .panel-content,
.main_point3 .panel3.on .panel-content,
.main_point3 .panel4.on .panel-content { visibility: visible; height: 4.313rem; }
.main_point3 .panel5.on .panel-content,
.main_point3 .panel6.on .panel-content { visibility: visible; height: 6.75rem; }
.main_point3 .panel-content p { margin-top: 1.2rem; font-family: 'Pretendard Variable'; font-weight: 400; font-size: 1.375rem; letter-spacing: 0.01em; color: #000; line-height: 1.5909; }
.main_point3 .panel-content p b { font-weight: 800; }

@media (min-width: 1921px) {
    .main_point3 { display: flex; gap: 70px; width: 100%; }
    .main_point3 .leftCont { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding-left: 119px; }
    .main_point3 .leftCont .sect_title_wrap { margin-bottom: 52px; }
    .main_point3 .leftCont .main_point3_icon { margin-left: 4px; margin-bottom: 36px; }
    .main_point3 .main_point3_icon { display: flex; justify-content: center; align-items: center; width: 182px; height: 48px; margin-bottom: 36px; background: #5acec2; border-radius: 24px; font-weight: 800; font-size: 17px; letter-spacing: 0.03em; color: #fff; }
    .main_point3 .leftCont .main_point3_desc { margin-left: 2px; font-size: 40px; color: #171717; }
    .main_point3 .leftCont .main_point3_desc b { font-weight: 800; } 

    .main_point3 .rightCont .imgBox { transition: background 0.5s ease; width: 48.8021vw; height: 42.2917vw; max-width: 937px; max-height: 812px; }
    .main_point3 .rightCont .imgBox.on_1 { background: url(../img/point3_img1.jpg) center / contain no-repeat; }
    .main_point3 .rightCont .imgBox.on_2 { background: url(../img/point3_img2.jpg) center / contain no-repeat; }
    .main_point3 .rightCont .imgBox.on_3 { background: url(../img/point3_img3.jpg) center / contain no-repeat; }
    .main_point3 .rightCont .imgBox.on_4 { background: url(../img/point3_img4.jpg) center / contain no-repeat; }
    .main_point3 .rightCont .imgBox.on_5 { background: url(../img/point3_img5.jpg) center / contain no-repeat; }
    .main_point3 .rightCont .imgBox.on_6 { background: url(../img/point3_img6.jpg) center / contain no-repeat; }


    .main_point3 .panel-wrap { width: 100%; }
    .main_point3 .panel { position: relative; transition: all 0.5s ease; width: 100%; height: 86px; }
    .main_point3 .panel1.on,
    .main_point3 .panel2.on,
    .main_point3 .panel3.on,
    .main_point3 .panel4.on { height: 155px; }
    .main_point3 .panel5.on,
    .main_point3 .panel6.on { height: 195px; }
    .main_point3 .panel6.on { border-bottom: 1px solid rgba(48, 48, 48, 0.5); }

    .main_point3 .panel-header { display: flex; justify-content: flex-start; align-items: center; position: relative; transition: all 0.5s ease; width: 100%; height: 86px; padding-left: 30px; background: transparent; border: 1px solid rgba(48, 48, 48, 0.5); border-left: none; border-right: none; }
    .main_point3 .panel + .panel .panel-header { border-top: none }
    .main_point3 .panel.on + .panel .panel-header { border-top: 1px solid rgba(48, 48, 48, 0.5); }
    .main_point3 .panel.on .panel-header { border-bottom: none; }
    .main_point3 .panel .panel-header .panel_num { font-size: 24px; font-style: italic; color: #171717; letter-spacing: 0.01; }
    .main_point3 .panel .panel-header .Perpetua { display: flex; align-items: center; gap: 16px; font-size: 24px; color: #171717; letter-spacing: 0.01em; }
    .main_point3 .panel .panel-header .Perpetua b { text-decoration: underline; text-underline-offset: 6px; font-weight: 800; color: #6ad3c8; }

    .main_point3 .panel.on .panel-header { background: #5acec2; }
    .main_point3 .panel.on .panel-header .panel_num,
    .main_point3 .panel.on .panel-header .Perpetua,
    .main_point3 .panel.on .panel-header .Perpetua b { color: #fff; }
    .main_point3 .panel-header .icon-panel { opacity: 1; position: absolute; top: 50%; right: 42px; transform: translateY(-50%) rotate(0); transition: all 0.5s ease; width: 13px; height: 13px; background: url(../img/icon_plus.png) center / contain no-repeat; }
    .main_point3 .panel.on .panel-header .icon-panel { opacity: 0; transform: translateY(-50%) rotate(180deg); }

    .main_point3 .panel-content { overflow: hidden; visibility: hidden; display: flex; justify-content: flex-start; align-items: flex-start; transition: all 0.5s ease; width: 100%; height: 0; padding-left: 82px; }
    .main_point3 .panel1.on .panel-content,
    .main_point3 .panel2.on .panel-content,
    .main_point3 .panel3.on .panel-content,
    .main_point3 .panel4.on .panel-content { visibility: visible; height: 69px; }
    .main_point3 .panel5.on .panel-content,
    .main_point3 .panel6.on .panel-content { visibility: visible; height: 108px; }
    .main_point3 .panel-content p { margin-top: 20px; font-family: 'Pretendard Variable'; font-weight: 400; font-size: 22px; letter-spacing: 0.01em; color: #000; line-height: 1.5909; }
    .main_point3 .panel-content p b { font-weight: 800; }
}
@media (max-width: 1680px) {
    .main_point3 .leftCont { padding-left: 2.0833vw; }
}
@media (max-width: 1400px) {
    .main_point3 { flex-direction: column; align-items: center; }
    .main_point3 .leftCont { padding: 0 2.0833vw; }
    .main_point3 .rightCont .imgBox { width: 100vw; max-width: 937px; height: auto; aspect-ratio: 100 / 86.6595; }
}
@media (max-width: 960px) {
    .main_point3 .leftCont .main_point3_desc { font-size: 2rem; }
    .main_point3 .panel-header { padding-left: 0.275rem; }
    .main_point3 .panel-header .icon-panel { right: 0.275rem; }
    .main_point3 .panel .panel-header .Perpetua { gap: 0.8rem; font-size: 1.3rem; }
    .main_point3 .panel .panel-header .panel_num { font-size: 1.3rem; }
    .main_point3 .panel-content { padding-left: 0.275rem; }
    .main_point3 .panel-content p { margin-top: 1.5rem; font-size: 1.175rem; }
}
@media (max-width: 480px) {
    .main_point3 .panel1.on, 
    .main_point3 .panel2.on, 
    .main_point3 .panel3.on, 
    .main_point3 .panel4.on,
    .main_point3 .panel5.on,
    .main_point3 .panel6.on { height: 36.0208vw; }
    .main_point3 .panel1.on .panel-content, 
    .main_point3 .panel2.on .panel-content, 
    .main_point3 .panel3.on .panel-content, 
    .main_point3 .panel4.on .panel-content,
    .main_point3 .panel5.on .panel-content,
    .main_point3 .panel6.on .panel-content {
        height: 18.2813vw;
    }

    .main_point3 .panel .panel-header .Perpetua { gap: 2.0833vw; font-size: 3.5417vw; }
    .main_point3 .panel .panel-header .panel_num { font-size: 3.5417vw; }
    .main_point3 .panel-content p { margin-top: 4.0625vw; font-size: 3.1823vw; }
}
/********************************************************** 
* brand video
***********************************************************/
.main_brandVideo_wrap { position: relative;  padding-bottom: 100px; }
.main_brandVideo_wrap:before { z-index: -1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 55.3%; background: rgba(90, 206, 194, 0.5); }
.main_brandVideo_wrap .video_wrap { width: 1500px; margin: 0 auto; }
.main_brandVideo_wrap .video_wrap video { width: 100%; }
@media (max-width: 1680px) {
    .main_brandVideo_wrap { position: relative; padding-bottom: 5.9524vw; }
    .main_brandVideo_wrap:before { z-index: -1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 55.3%; background: rgba(90, 206, 194, 0.5); }
    .main_brandVideo_wrap .video_wrap { width: 89.2857vw; margin: 0 auto; }
}
@media (max-width: 768px) {
    .main_brandVideo_wrap .video_wrap { width: 95vw; margin: 0 auto; }
}

/********************************************************** 
* main_maps
***********************************************************/
.main_maps { padding: 12.625rem 0 5rem;}
.main_maps .inner { display: flex; align-items:center; max-width:1920px; gap:0 3.4rem; margin:0 auto;}
.main_maps .left { width: 50%; }
.main_maps .right { width: 50%; }
.main_maps ul li { padding: 1.688rem 2.5rem; }
.main_maps ul li:first-of-type { border-top:2px solid rgba(2,7,33,0.8); }
.main_maps ul li:last-of-type { border-bottom:2px solid rgba(2,7,33,0.8); }
.main_maps ul li + li { border-top:1px solid rgba(2,7,33,0.2); }
.main_maps ul .bluetit { color: #5acec2; font-size:1.125rem; margin-bottom:1.5rem; font-weight: 500;}
.main_maps ul .numbers { font-size:2.188rem; font-weight:600;}
.main_maps ul .txt01 { font-size:1.125rem; line-height: 1.5555; color:#2e2e2e; }
.main_maps ul .txt02 { font-size:1rem; color:#838383;margin-top:1.25rem; }
.main_maps ul li.n01 .txt01 { margin-top:1.125rem;} 
.main_maps ul li .sd {display: flex; align-items:center; gap:2.5rem; position: relative; }
.main_maps ul li .sd + .sd { margin-top:1.125rem; }
.main_maps ul li .sd .days { width:5rem; display: flex; align-items:center; justify-content: space-between; font-size:1.25rem;}
.main_maps ul li .sd .hours { position: relative; letter-spacing: 0.9px;}
.main_maps ul li .sd .notice_text { font-family: 'Pretendard Variable'; font-size: 1rem; font-weight: 400; letter-spacing: 0.08em; color: #838383; white-space: noWrap; }
.main_maps ul li.n03 .flex { display: flex; align-items:flex-start; }
.main_maps ul li.n03 .flex a { width: 8.938rem; height:2.813rem; border-radius:22.5px;display: flex; align-items:center; justify-content:center; gap:0.5rem; }
.main_maps ul li.n03 .flex .kakao { margin-left: 1rem; background:#f8d751; color:#3f3b37;}
.main_maps ul li.n03 .flex .kakao i { display: inline-block;width: 1rem; height:1.438rem; background: url("../img/main_maps_kakao.png") 50% 50%/100% no-repeat;}
.main_maps ul li.n03 .flex .naver { background:#43c34f; color:#fff;}
.main_maps ul li.n03 .flex .naver i { display: inline-block;width: 1.063rem; height:1.375rem; background: url("../img/main_maps_naver.png") 50% 50%/100% no-repeat;}

.main_maps ul li.n03 .flex .google { background:#4181ee; color:#fff;}
.main_maps ul li.n03 .flex .google i { display: inline-block;width: 1.313rem; height:1.313rem; background: url("../img/main_maps_google.png") 50% 50%/100% no-repeat;}

.main_maps .btn_wrap { display: flex; flex-wrap: wrap; gap: 1rem 0.625rem; }

.mainBottom_imgBox { display: flex; justify-content: center; margin: 0 auto 4.063rem; }
.mainBottom_imgBox img { width: 26.5rem; }

@media (max-width: 1800px) {
    .main_maps ul li.n03 .flex {
        flex-direction: column;
        gap: 1rem 0;
    }
    .main_maps ul li.n03 .flex .kakao { margin-left: 0; }
}

.mo_cont_1280 { display: none; }
.mo_cont_480 { display: none; }
@media (max-width: 1280px) {
    .pc_cont_1280 { display: none; }
    .mo_cont_1280 { display: block; }
}
@media (max-width: 480px) {
    .pc_cont_480 { display: none; }
    .mo_cont_480 { display: block; }
}

.main_cont_wrap {
    position: relative;
    padding: 9rem 0 3rem;
}
strong.bluetit{font-weight:bold}
.bluetit{color:#6accc2;}
.ehdehdehd .tit01{font-size:2.5rem;text-align:center;padding-bottom:85px;}
.ehdehdehd ul{text-align:Center;gap:127px;display: flex;align-items: flex-end;justify-content: center; flex-wrap: wrap;}
.ehdehdehd ul li{position: relative;}
.ehdehdehd ul li h3{font-size:1.875rem;line-height:2.5rem;padding:2.5rem 0;}
.ehdehdehd ul li p {color:#2e2e2e;font-size:1.125rem;line-height:1.875rem;font-family: 'Pretendard Variable';}
.ehdehdehd ul li:after{content:'';background:#b4e5e0;width:1px;height:200px;position: absolute;right:-60px;bottom:0}
.ehdehdehd ul li:last-child:after{display:none}

@media (max-width: 1680px) {
    /********************************************************** 
	* new sca
	***********************************************************/

	strong.bluetit{font-weight:bold}
	.bluetit{}
	.ehdehdehd .tit01{font-size:2.5rem;padding-bottom:5.0595vw;}
	.ehdehdehd ul{gap:7.5595vw;align-items: flex-end;}
	.ehdehdehd ul li{}
	.ehdehdehd ul li h3{font-size:1.875rem;line-height:2.5rem;padding:2.5rem 0;}
	.ehdehdehd ul li p {font-size:1.125rem;line-height:1.875rem;}
	.ehdehdehd ul li:after{background:#b4e5e0;width:0.0595vw;height:11.9048vw;right:-3.5714vw;bottom:0}
	.ehdehdehd ul li:last-child:after{display:none}
}
@media (max-width: 1266px) {
    .ehdehdehd ul li:nth-child(2)::after {
        display: none;
    }
}
@media (max-width:768px) {
/********************************************************** 
	* new sca
	***********************************************************/

	strong.bluetit{font-weight:bold}
	.bluetit{}
	.ehdehdehd{padding:6rem 0}
	.ehdehdehd .tit01{font-size:4.1667vw;padding-bottom:11.0677vw;}
	.ehdehdehd ul{gap:12.5365vw 7.5365vw;align-items: flex-end;flex-wrap:wrap}
	.ehdehdehd ul li{}
	.ehdehdehd ul li h3{font-size:2.8571vw;line-height:2.5rem;padding:3.2143vw 0 0.9524vw; line-height: 1.5416;}
	.ehdehdehd ul li p {font-size:2.1429vw;line-height:3.1250vw;}
	.ehdehdehd ul li:after{background:#b4e5e0;width:0.1302vw;height:26.0417vw;right:-3.8125vw;bottom:0}
	.ehdehdehd ul li:last-child:after,.ehdehdehd ul li:nth-child(2):after{display:none}
    .ehdehdehd ul .list1 img { width: 10.4762vw; }
    .ehdehdehd ul .list2 img { width: 6.7857vw; }
    .ehdehdehd ul .list3 img { width: 8.5714vw; }
}
@media (max-width:480px) {
/********************************************************** 
	* new sca
	***********************************************************/

	strong.bluetit{font-weight:bold}
	.bluetit{}
	.ehdehdehd .tit01{font-size:5.4688vw;padding-bottom:15.1786vw;}
	.ehdehdehd ul{gap:15.6786vw;align-items: flex-end;}
	.ehdehdehd ul li{}
	.ehdehdehd ul li h3{font-size:3.75vw;padding:4.2188vw 0 1.25vw;}
	.ehdehdehd ul li p {font-size: 2.8125vw;line-height:1.875rem;}
	.ehdehdehd ul li:after{background:#b4e5e0;width:0.1786vw;height:35.7143vw;right:-10.7143vw;bottom:0}
	.ehdehdehd ul li:nth-child(1):after{display:none}

    .ehdehdehd ul .list1 img { width: 13.7500vw; }
    .ehdehdehd ul .list2 img { width: 8.9063vw; }
    .ehdehdehd ul .list3 img { width: 11.2500vw; }
}