@charset "utf-8";


.longevity_btn1 {display:block; width:fit-content; background:#0070cf; border-radius:100px; font-size:1.125em; color:#fff; line-height:1.5em; font-weight:600; font-weight:600; padding:17px 32px; transition:all 0.5s; transition-property:background, border;}
.longevity_btn1 i {display:inline-block; margin-left:8px;}
.longevity_btn1:hover {background:#0042bc;}
.longevity_btn1:hover i {animation:btnArrow 0.6s ease-in-out;}
.longevity_btn1.case2 {background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.5); backdrop-filter:blur(20px);}
.longevity_btn1.case2:hover {background:#494742; border-color:#494742}

@keyframes btnArrow {
    0% {transform:translate(0, 0); opacity:1;}
    45% {transform:translate(10px, -10px); opacity:0;}
    46% {transform:translate(-10px, 10px); opacity:0;}
    100% {transform:translate(0, 0); opacity:1;}
}

@media screen and (max-width:1024px){
    .longevity_btn1 {font-size:1em; padding:12px 25px;}
}

@media screen and (max-width:767px){
    .longevity_btn1 {padding:8px 15px;}
}


/* header */
#longevity_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:96px; position:fixed; left:0; top:0; z-index:500; padding:0 40px;}

#longevity_logo {width:260px; height:32px; background:url(../images/logo_w.svg) no-repeat center center; background-size:cover;}
#longevity_logo a {display:block; width:100%; height:100%;}

#longevity_gnb > ul {display:flex;}
/*#longevity_gnb > ul:before {content:''; display:block; width:100%; height:100%; background:radial-gradient(260px circle at calc(50 * 1%) calc(50 * 1%), #ffffff1a 0%, #ffffff09 38%, transparent 70%); position:absolute; left:0; top:0;}*/
#longevity_gnb > ul > li {display:flex; align-items:center; height:96px; padding:0 4px;}
#longevity_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; font-weight:600; padding:12px 20px; position:relative;}
#longevity_gnb > ul > li > a:before {content:''; display:block; width:100%; height:100%; background:#ffffff1c; border-radius:50px; backdrop-filter:blur(6px)saturate(140%)brightness(1.12); box-shadow:inset 0 1px #ffffff29, inset 0 0 0 1px #ffffff0f; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.4s;}
#longevity_gnb > ul > li > a span {display:block; position:relative;}
#longevity_gnb > ul > li > a:hover:before {opacity:1; visibility:visible;}

#menuToggle {display:none;}

#longevity_header.black #longevity_logo {background-image:url(../images/logo.svg)}
#longevity_header.black #longevity_gnb > ul > li > a:before {background:#000000d9; backdrop-filter:blur(6px)saturate(140%); box-shadow:inset 0 1px #ffffff29, inset 0 0 0 1px #ffffff0f;}
#longevity_header.black #longevity_gnb > ul > li > a:hover {color:#fff;}

@media screen and (min-width:1025px){
    #longevity_gnb {display:block !important;}
	
	#longevity_header.black #longevity_gnb > ul > li > a {color:#606060}
}

@media screen and (max-width:1220px){
    #longevity_header {padding:0 6%;}
}

@media screen and (max-width:1024px){
    #longevity_header {height:50px;}

    #longevity_logo {width:170px; height:21px;}

    
    #longevity_gnb {display:none; width:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:50px;}
    #longevity_gnb > ul {display:block;}
    #longevity_gnb > ul > li {display:block; height:auto; padding:0;}
    #longevity_gnb > ul > li > a {line-height:1.5em; padding:15px 6%; border-top:1px solid rgba(255,255,255,0.1)}
    #longevity_gnb > ul > li > a:before {display:none;}

    #menuToggle {display:block; width:20px; height:10px; position:absolute; right:6%; top:50%; transform:translateY(-50%);}
    #menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.5s;}
    #menuToggle:before {top:0;}
    #menuToggle:after {bottom:0;}

    #longevity_header.black #menuToggle:before, #longevity_header.black #menuToggle:after {background:#606060;}

    #longevity_header.on #menuToggle:before {transform:translateY(4px) rotate(45deg)}
    #longevity_header.on #menuToggle:after {transform:translateY(-4px) rotate(-45deg)}
}

@media screen and (max-width:767px){
    #longevity_gnb > ul > li > a {padding:12px 6%;}
}


/* footer */
#longevity_footer {width:100%; background:#000; padding:55px 0;}
#longevity_footer .f_logo {height:30px;}
#longevity_footer .f_logo img {height:100%;}
#longevity_footer .f_info {margin-top:24px;}
#longevity_footer .f_info li {display:inline-block; font-size:1em; color:#fff; line-height:1.5em; font-weight:500; margin:0 12px 4px 0;}
#longevity_footer .f_info li strong {color:#ccc; font-weight:400; margin-right:8px;}
#longevity_footer .copy {font-size:1em; color:#fff; line-height:1.5em; font-weight:600; margin-top:12px;}
#longevity_footer .f_member {display:flex; gap:4px; position:absolute; right:0; bottom:0;}
#longevity_footer .f_member a {display:block; border:1px solid #ccc; border-radius:30px; font-size:0.875em; color:#ccc; padding:4px 10px;}
#go_top {display:block; width:48px; height:48px; background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.2); border-radius:10px; font-size:1em; color:#fff; position:fixed; right:40px; bottom:40px; z-index:300; opacity:0; visibility:hidden; transform:translateY(30px); transition:all 0.6s; transition-property:opacity, visibility, transform;}
#go_top.on {opacity:1; visibility:visible; transform:translateY(0);}

@media screen and (max-width:1024px){
    #longevity_footer {padding:5.5% 0;}
    #longevity_footer .f_logo {height:22px;}
    #longevity_footer .f_info {margin-top:20px;}
    #longevity_footer .copy {margin-top:10px;}
    #go_top {width:40px; height:40px; border-radius:5px; right:6%; bottom:30px;}
}

@media screen and (max-width:767px){
    #longevity_footer .f_info br {display:none;}
	#longevity_footer .f_member {position:relative; margin-top:10px;}
    #go_top {width:32px; height:32px; border-radius:3px; bottom:15px;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; overflow:hidden;}
#mVisu .video_box {width:100%; height:100%; position:absolute; left:0; top:0;}
#mVisu .video_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0, 112, 207, 0.3) 0%, rgba(0, 112, 207, 0)); position:absolute; left:0; top:0; z-index:3; transform:translateZ(0); -webkit-transform:translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden;}
#mVisu .video_box iframe {width:120%; height:120%; min-width:1920px; min-height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mVisu .inner2 {position:relative; z-index:10;}
#mVisu .tit {height:280px; margin-bottom:32px;}
#mVisu .tit img {height:100%;}
#mVisu .txt_box {display:flex; justify-content:space-between; align-items:start; flex-direction:row-reverse; width:100%;}
#mVisu .txt_box .t1 {font-size:3.125em; color:#fff; line-height:1.3em; font-weight:600; position:relative;}
.blur_txt .word {display:inline-block; white-space:nowrap;}
.blur_txt .char {display:inline-block; opacity:0; filter:blur(10px); transform:translateY(10px); transition:opacity 1s, filter 1s, transform 1s;}
.blur_txt.in-view .char {opacity:1; filter:blur(0); transform:translateY(0); transition-delay:calc(var(--start, 0ms) + var(--delay));}
.blur_box {opacity:0; filter:blur(10px); transition:opacity 1.8s, filter 1.8s;}
.blur_box.in-view {opacity:1; filter:blur(0); transition-delay:var(--start, 0ms);}
.fade_box {opacity:0; transition:opacity 1.2s;}
.fade_box.in-view {opacity:1; transition-delay:var(--start, 0ms);}
#mVisu .t1, #mVisu .t2 {--start:1000ms;}
.rise_box {opacity:0; transform:translateY(40px); transition:opacity 1s, transform 1s;}
.rise_box.in-view {opacity:1; transform:translateY(0); transition-delay:var(--start, 0ms);}
.main_title h2, .main_title .txt {--start:var(--tit-end, 1500ms);}
#mTechnology .mTechnology_slide {--start:calc(var(--tit-end, 1500ms) + 600ms);}
.slide_box {opacity:0; transform:translateX(40px); transition:opacity 1s, transform 1s;}
.slide_box.in-view {opacity:1; transform:translateX(0); transition-delay:var(--start, 0ms);}
#mSolution .tab_box, #mSolution .txt_box {--start:calc(var(--tit-end, 1500ms) + 600ms);}
#mCommunity .btn_box {--start:calc(var(--tit-end, 1500ms) + 600ms);}
#mCompany .btn_box {--start:calc(var(--tit-end, 1500ms) + 600ms);}
#mContact .form_box {--start:calc(var(--tit-end, 1500ms) + 600ms);}
#mAbout .main_title .tit {--start:800ms;}
#mAbout .main_title .txt:nth-child(2) {--start:2600ms;}
#mAbout .main_title .txt:nth-child(3) {--start:2800ms;}
#mAbout .main_title .txt:nth-child(4) {--start:3000ms;}
#mVisu .txt_box .t1:before {content:''; display:block; width:120px; height:1px; background:#fff; position:absolute; right:100%; top:33px; margin-right:24px; transform:scaleX(0); transform-origin:left center; transition:transform 1.2s cubic-bezier(0.65, 0, 0.35, 1);}
#mVisu .txt_box .t1.in-view:before {transform:scaleX(1); transition-delay:var(--start, 0ms);}
#mVisu .txt_box .t2 {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500;}

@media screen and (min-height:1080px){
    #mVisu .video_box iframe {min-width:3000px;}
}

@media screen and (max-width:1460px){
    #mVisu .txt_box .t1 {width:calc(50% - 150px)}
    #mVisu .txt_box .t1 br {display:none;}
    #mVisu .txt_box .t2 {width:calc(50% - 80px)}
    #mVisu .txt_box .t2 br {display:none;}
}

@media screen and (max-width:1024px){
    #mVisu .video_box iframe {min-width:1500px; min-height:1300px;}
    #mVisu .inner2 {display:flex; justify-content:space-between; flex-direction:column; height:100%; padding:120px 0 60px;}
    #mVisu .tit {height:200px;}
    #mVisu .txt_box {display:block;}
    #mVisu .txt_box .t1 {width:100%; font-size:2.7em;}
    #mVisu .txt_box .t1:before {display:none;}
    #mVisu .txt_box .t1 br {display:block;}
    #mVisu .txt_box .t2 {width:100%; font-size:1.3em; margin-top:2.5%;}
    #mVisu .txt_box .t2 br {display:block;}
}

@media screen and (max-width:767px){
    #mVisu .video_box iframe {min-width:1400px; min-height:1000px;}
    #mVisu .inner2 {display:flex; justify-content:space-between; flex-direction:column; height:100%;}
    #mVisu .tit {height:140px;}
    #mVisu .txt_box .t1 {font-size:2em;}
    #mVisu .txt_box .t2 {font-size:1.125em;}
}


.main_title h2 {font-size:1.125em; color:#fff; line-height:1.5em; font-weight:600; margin-bottom:24px;}
.main_title .tit {font-size:3.125em; color:#fff; line-height:1.2em; font-weight:600;}
.main_title .txt {font-size:1.25em; color:#fff; line-height:1.5em; margin-top:24px;}
.main_title .txt + .txt {margin-top:16px;}

@media screen and (max-width:1024px){
    .main_title h2 {font-size:1em; margin-bottom:15px;}
    .main_title .tit {font-size:2.7em;}
    .main_title .txt {font-size:1.125em; margin-top:15px;}
    .main_title .txt + .txt {margin-top:10px;}
}

@media screen and (max-width:767px){
    .main_title h2 {margin-bottom:10px;}
    .main_title .tit {font-size:2em;}
    .main_title .txt {font-size:1em; margin-top:12px;}
    .main_title .txt + .txt {margin-top:7px;}
}


#mAbout {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; overflow:hidden;}
#mAbout .video_box {width:100%; height:100%; position:absolute; left:0; top:0;}
#mAbout .video_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0, 112, 207, 0.3) 0%, rgba(0, 112, 207, 0)); position:absolute; left:0; top:0; z-index:3; transform:translateZ(0); -webkit-transform:translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden;}
#mAbout .video_box iframe {width:120%; height:120%; min-width:1920px; min-height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mAbout .inner2 {display:flex; justify-content:space-between; align-items:start; position:relative; z-index:10;}
#mAbout .tit_box h2 {font-size:1.125em; color:#fff; line-height:1.5em; font-weight:600; margin-bottom:24px;}
#mAbout .tit_box .t1 {height:196px;}
#mAbout .tit_box .t1 img {height:100%;}
#mAbout .main_title {width:475px; margin-top:52px;}

@media screen and (min-height:1080px){
    #mAbout .video_box iframe {min-width:3000px;}
}

@media screen and (max-width:1220px){
    #mAbout .main_title {width:auto;}
}

@media screen and (max-width:1024px){
    #mAbout .video_box iframe {min-width:1500px; min-height:1300px;}
    #mAbout .inner2 {display:block;}
    #mAbout .tit_box h2 {font-size:1em; margin-bottom:15px;}
    #mAbout .tit_box .t1 {height:160px;}
    #mAbout .main_title {margin-top:35px;}
}

@media screen and (max-width:767px){
    #mAbout .video_box iframe {min-width:1400px; min-height:1000px;}
    #mAbout .tit_box h2 {margin-bottom:10px;}
    #mAbout .tit_box .t1 {height:90px;}
    #mAbout .main_title {margin-top:25px;}
}

#mLongevity .bg_list > li {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0; transform:scale(1.08); transition:opacity 1s, transform 1.6s;}
#mLongevity .bg_list > li.on {opacity:1; transform:scale(1);}
#mLongevity .inner {margin-top:-30px;}
#mLongevity .step_list {display:flex; justify-content:center; gap:0 24px; margin-top:160px; padding:0 30px; position:relative;}
#mLongevity .step_list:before {content:''; display:block; width:0; height:1px; background:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%); transition:width 1.2s cubic-bezier(0.65, 0, 0.35, 1);}
#mLongevity .step_list.in-view:before {width:100vw; transition-delay:var(--start, 0ms);}
#mLongevity .step_list > li {width:calc(33.33% - 16px); padding-top:80px; position:relative;}
#mLongevity .step_list > li .circle {opacity:0; transition:opacity 1s;}
#mLongevity .step_list.in-view > li .circle {opacity:1; transition-delay:calc(var(--start, 0ms) + 1200ms);}
#mLongevity .step_list {--start:calc(var(--tit-end, 1500ms) + 600ms);}
#mLongevity .step_list > li .circle {width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:50%; top:0; transform:translate(-50%, -50%)}
#mLongevity .step_list > li .circle:before, #mLongevity .step_list > li .circle:after {content:''; display:block; width:100%; height:100%; border-radius:50%; background:#fff; opacity:0.6; position:absolute; left:0; top:0;}
#mLongevity .step_list > li .txt_box {width:100%; background-image:linear-gradient(to bottom, rgba(0, 136, 45, 0.2), rgba(0, 136, 45, 0)); border:1px solid rgba(255,255,255,0.5); border-radius:30px; backdrop-filter:blur(20px); padding:32px; opacity:0; visibility:hidden; transform:translateY(40px);  transition:opacity 0.6s, transform 0.6s, visibility 0.6s;}
#mLongevity .step_list > li .txt_box dl dt {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:600;}
#mLongevity .step_list > li .txt_box dl dd.t1 {font-size:1.125em; color:rgba(255,255,255,0.5); font-weight:600; margin-top:24px;}
#mLongevity .step_list > li .txt_box dl dd.t2 {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:8px;}
#mLongevity .step_list > li.on .circle {width:12px; height:12px;}
#mLongevity .step_list > li.on .circle:before {animation:mLongevityCircle 2s ease-in-out infinite}
#mLongevity .step_list > li.on .circle:after {animation:mLongevityCircle 2s ease-in-out infinite 1s}
#mLongevity .step_list.in-view > li.on .txt_box {opacity:1; visibility:visible; transform:translateY(0); transition-delay:calc(var(--start, 0ms) + 1200ms);}
#mLongevity .step_list.in-view.is-step > li.on .txt_box {transition-delay:0.4s;}

@keyframes mLongevityCircle {
    0% {transform:scale(1); opacity:0.6;}
    100% {transform:scale(4); opacity:0;}
}

@media screen and (max-width:1220px){
    #mLongevity .step_list {padding:0;}
}

@media screen and (max-width:1024px){
    #mLongevity .step_list {gap:0 10px; margin-top:70px;}
    #mLongevity .step_list > li {width:calc(33.33% - 6.66px); padding-top:50px;}
    #mLongevity .step_list > li .txt_box {border-radius:15px; padding:22px;}
    #mLongevity .step_list > li .txt_box dl dt {font-size:1.5em;}
    #mLongevity .step_list > li .txt_box dl dd.t1 {font-size:1em; margin-top:15px;}
    #mLongevity .step_list > li .txt_box dl dd.t2 {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #mLongevity .step_list {gap:0; margin-top:40px;}
    #mLongevity .step_list > li {padding-top:35px;}
    #mLongevity .step_list > li .circle {width:7px; height:7px;}
    #mLongevity .step_list > li .txt_box {width:88vw;}
    #mLongevity .step_list > li:nth-child(1) .txt_box {position:relative; margin-left:-2vw;}
    #mLongevity .step_list > li:nth-child(2) .txt_box {position:relative; left:50%; margin-left:-44vw;}
    #mLongevity .step_list > li:nth-child(3) .txt_box {position:relative; right:50%; margin-left:-44vw;}
    #mLongevity .step_list > li.on .circle {width:10px; height:10px;}
}


#mTechnology {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#f8f9fa;}
.mTechnology_slide {margin-top:56px;}
.mTechnology_slide .swiper-slide {border-radius:30px; overflow:hidden; position:relative;}
.mTechnology_slide .img_box {width:100%; height:491px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mTechnology_slide .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0, 112, 207, 0) 50%, #0070cf 100%);}
.mTechnology_slide dl {width:100%; padding:0 40px 40px; position:absolute; left:0; bottom:0;}
.mTechnology_slide dl dt {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:600;}
.mTechnology_slide dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:16px;}

@media screen and (max-width:1460px){
    .mTechnology_slide .img_box {height:34vw;}
    .mTechnology_slide dl {padding:0 30px 30px;}
}

@media screen and (max-width:1024px){
    .mTechnology_slide {margin-top:5.5%;}
    .mTechnology_slide .swiper-slide {width:350px; border-radius:15px;}
    .mTechnology_slide .img_box {height:400px;}
    .mTechnology_slide dl {padding:0 25px 25px;}
    .mTechnology_slide dl dt {font-size:1.3em;}
    .mTechnology_slide dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .mTechnology_slide .swiper-slide {width:300px;}
    .mTechnology_slide .img_box {height:340px;}
    .mTechnology_slide dl {padding:0 20px 20px;}
    .mTechnology_slide dl dt {font-size:1.2em;}
    .mTechnology_slide dl dd {margin-top:7px;}
}


#mSolution {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; overflow:hidden;}
#mSolution .img_box {width:100%; height:100%; position:absolute; left:0; top:0;}
#mSolution .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:10;}
#mSolution .img_box > div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; opacity:0; transform:scale(1.08); transition:opacity 1s, transform 1.6s;}
#mSolution .img_box > div.on {opacity:1; transform:scale(1)}
#mSolution .inner2 {display:flex; justify-content:space-between; flex-direction:column; height:100%; padding:120px 0 120px; position:relative; z-index:30;}
#mSolution .box {display:flex; align-items:start; gap:0 56px;}
#mSolution .tab_box {width:175px}
#mSolution .tab_box li {margin-bottom:8px;}
#mSolution .tab_box li:last-child {margin-bottom:0;}
#mSolution .tab_box li button {display:block; width:100%; height:46px; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.5); backdrop-filter:blur(20px); border-radius:50px; font-size:1.125em; color:#fff; line-height:1.5em; font-weight:600; transition:all 0.5s; transition-property:background, border;}
#mSolution .tab_box li button:hover {border-color:#0070cf;}
#mSolution .tab_box li.on button {background:#0070cf; border-color:#0070cf; color:#fff;}
#mSolution .txt_box > div:not(.on) {display:none;}
#mSolution .txt_box > div dl {max-width:300px;}
#mSolution .txt_box > div dl dt {font-size:2.1875em; color:#fff; line-height:1.3em; font-weight:600;}
#mSolution .txt_box > div dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:15px;}

@media screen and (min-height:1080px){
    #mSolution .inner2 {padding:200px 120px;}
}

@media screen and (max-width:1024px){
    #mSolution .inner2 {padding:120px 0 60px;}
    #mSolution .box {gap:0 30px;}
    #mSolution .tab_box {width:150px;}
    #mSolution .tab_box li {margin-bottom:4px;}
    #mSolution .tab_box li button {height:40px; font-size:1em;}
    #mSolution .txt_box > div dl {max-width:250px;}
    #mSolution .txt_box > div dl dt {font-size:1.7em;}
    #mSolution .txt_box > div dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mSolution .img_box > div:nth-child(3) {background-position:70% center;}
    #mSolution .img_box > div:nth-child(4) {background-position:20% center;}
    #mSolution .inner2 {padding:90px 0 40px;}
    #mSolution .box {gap:0 15px;}
    #mSolution .tab_box {width:120px;}
    #mSolution .tab_box li button {height:36px; font-size:0.9375em;}
    #mSolution .txt_box {width:calc(100% - 135px)}
    #mSolution .txt_box > div dl {max-width:100%;}
    #mSolution .txt_box > div dl dt {font-size:1.5em;}
    #mSolution .txt_box > div dl dd {margin-top:7px;}
}


#mCommunity {width:100%; height:100%; position:relative;}
#mCommunity .inner2 {padding-top:200px; position:relative; z-index:10;}
#mCommunity .btn_box {display:flex; justify-content:center; gap:8px; margin-top:56px;}
.mCommunity_slide {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;}
.mCommunity_slide .swiper-slide {overflow:hidden;}
.mCommunity_slide .swiper-slide {opacity:1 !important; z-index:0; -webkit-clip-path:inset(0 100% 0 0); clip-path:inset(0 100% 0 0); transition-property:clip-path, -webkit-clip-path; transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);}
.mCommunity_slide .swiper-slide-prev {z-index:1; -webkit-clip-path:inset(0); clip-path:inset(0);}
.mCommunity_slide .swiper-slide-active {z-index:2; -webkit-clip-path:inset(0); clip-path:inset(0);}
.mCommunity_slide .swiper-slide > div {transform:scale(1.15); transition:transform 2s cubic-bezier(0.77, 0, 0.175, 1);}
.mCommunity_slide .swiper-slide-active > div, .mCommunity_slide .swiper-slide-prev > div {transform:scale(1);}
.mCommunity_slide .swiper-slide div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}

@media screen and (max-width:1024px){
    #mCommunity {display:flex; justify-content:center; align-items:center;}
    #mCommunity .inner2 {padding-top:0;}
    #mCommunity .btn_box {gap:4px; margin-top:5.5%;}
}


#mContact {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#f8f9fa;}
#mContact > div {display:flex; justify-content:space-between; align-items:start;}
#mContact .form_box {width:640px;}
#mContact .form_box .t1 {font-size:0.875em; color:#606060; line-height:1.5em; font-weight:600; text-align:right;}
#mContact .form_box .t1 i {color:#0070cf; font-style:normal;}
#mContact .form_box ul li {margin-bottom:24px;}
#mContact .form_box ul li:last-child {margin-bottom:0;}
#mContact .form_box ul li label {display:block; font-size:1em; color:#606060; font-weight:600;}
#mContact .form_box ul li label i {color:#0070cf; font-style:normal;}
#mContact .form_box ul li .form_txt {display:block; width:100%; height:57px; background:none !important; border:0 !important; border-bottom:1px solid #ccc !important; border-radius:0; font-size:1.25em; color:#000; padding-bottom:8px;}
#mContact .form_box ul li .form_txt:focus {outline:none; box-shadow:none !important;}
#mContact .form_box ul li .form_textarea {display:block; width:100%; height:117px; background:none !important; border:0 !important; border-bottom:1px solid #ccc !important; border-radius:0; font-size:1.25em; color:#000; padding:8px 0; resize:none;}
#mContact .form_box ul li .form_textarea:focus {outline:none; box-shadow:none !important;}
#mContact .form_box .check_box {margin-top:16px;}
#mContact .form_box .check_box input {display:none;}
#mContact .form_box .check_box label {display:flex; align-items:center; gap:12px;}
#mContact .form_box .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:2px solid #ccc; border-radius:5px; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
#mContact .form_box .check_box label p {font-size:1em; color:#606060;}
#mContact .form_box .check_box label p a {color:#606060; font-weight:600; text-decoration:underline;}
#mContact .form_box .check_box input:checked + label:before {content:'\f00c'; background:#0070cf; border-color:#0070cf;}
#mContact .form_box .submit_btn {display:block; width:100%; height:62px; background:#0070cf; border-radius:10px; font-size:1.125em; color:#fff; font-weight:600; margin-top:32px; transition:background 0.5s}
#mContact .form_box .submit_btn:hover {background:#0042bc}

#mContact .form_box ul li .form_txt:-webkit-autofill,
#mContact .form_box ul li .form_txt:-webkit-autofill:hover,
#mContact .form_box ul li .form_txt:-webkit-autofill:focus,
#mContact .form_box ul li .form_txt:-webkit-autofill:active {-webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset; box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset; transition: background-color 5000s ease-in-out 0s;}

@media screen and (max-width:1220px){
    #mContact .form_box {width:calc(100% - 400px)}
}

@media screen and (max-width:1024px){
    #mContact .form_box {width:calc(100% - 350px)}
    #mContact .form_box ul li {margin-bottom:15px;}
    #mContact .form_box ul li .form_txt {height:47px; font-size:1.125em; padding-bottom:0;}
    #mContact .form_box ul li .form_textarea {height:80px; font-size:1.125em; padding:5px 0;}
    #mContact .form_box .submit_btn {height:50px; border-radius:5px; font-size:1em; margin-top:20px;}
}

@media screen and (max-width:767px){
    #mContact > div {display:block;}
    #mContact .form_box {width:100%; margin-top:4%;}
    #mContact .form_box ul li {margin-bottom:12px;}
    #mContact .form_box ul li .form_txt {height:38px; font-size:1em;}
    #mContact .form_box ul li .form_textarea {height:55px; font-size:1em;}
    #mContact .form_box .check_box {margin-top:10px;}
    #mContact .form_box .check_box label {gap:8px;}
    #mContact .form_box .check_box label:before {width:18px; height:18px; border-radius:3px;}
    #mContact .form_box .submit_btn {height:40px;}
}


.privacy_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.8); position:fixed; left:0; top:0; z-index:600; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.privacy_popup .popup_inner {width:88%; max-width:550px; position:relative;}
.privacy_popup h2 {font-size:1.5em; color:#fff; font-weight:500; margin-bottom:20px;}
.privacy_popup .cont {width:100%; background:#fff; padding:25px; border-radius:10px;}
.privacy_popup .cont > div {width:100%}
.privacy_popup .cont > div p {max-height:70vh; font-size:0.875em; color:#666; line-height:1.8em; overflow-y:scroll; padding-right:15px;}
.privacy_popup .cont > div p::-webkit-scrollbar {width:3px;}
.privacy_popup .cont > div p::-webkit-scrollbar-thumb {background:#231815;}
.privacy_popup .cont > div p::-webkit-scrollbar-track {background:#dcdcdc;}
.privacy_popup .close_btn {font-size:1.5em; color:#fff; position:absolute; right:5px; top:0;}
.privacy_popup .close_btn:before {content:'\f00d'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'}
.privacy_popup.on {opacity:1; visibility:visible;}

@media screen and (max-width:1024px){
    .privacy_popup h2 {font-size:1.3em; margin-bottom:3%;}
    .privacy_popup .cont {padding:5%;}
}


#mCompany {width:100%; height:100%; background:url(../images/mCompanyBG.jpg) no-repeat center center; background-size:cover; position:relative;}
#mCompany .inner2 {padding-top:200px;}
#mCompany .btn_box {display:flex; justify-content:center; margin-top:55px;}

@media screen and (max-width:1024px){
    #mCompany {display:flex; justify-content:center; align-items:center;}
    #mCompany .inner2 {padding-top:0;}
    #mCompany .btn_box {margin-top:5.5%;}
}


/* sub */
#sub_content {padding:200px 0;}

.sub_title {font-size:3.125em; line-height:1.4em; font-weight:600; text-align:center; margin-bottom:60px;}

@media screen and (max-width:1024px){
	#sub_content {padding:120px 0 15%;}
	
	.sub_title {font-size:2.7em; margin-bottom:6%;}
}

@media screen and (max-width:767px){
	#sub_content {padding:90px 0 15%;}
	
	.sub_title {font-size:2em;}
}