@charset "utf-8";


.enercell_btn1 {display:block; width:175px; height:50px; background:rgba(255,255,255,0.3); border:1px solid #fff; border-radius:50px; backdrop-filter:blur(20px); font-size:1em; color:#fff; font-weight:600; position:relative; padding:0 25px; transition:border 0.4s; overflow:hidden;}
.enercell_btn1 span {display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; position:relative; z-index:5;}
.enercell_btn1 span:after {content:'\f178'; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.enercell_btn1 i {display:block; width:0; height:0; background:#ff9c00; border-radius:50%; position:absolute; z-index:0; transform:translate(-50%, -50%); transition:all 0.5s ease-out; transition-property:width, height}
.enercell_btn1:hover {border-color:#ff9c00}
.enercell_btn1:hover i {width:40vw; height:40vw; transition:all 0.5s ease-in; transition-delay:0.1s; transition-property:width, height}

@media screen and (max-width:1024px){
    .enercell_btn1 {width:150px; height:45px; padding:0 18px;}
}

@media screen and (max-width:767px){
    .enercell_btn1 {width:120px; height:40px; padding:0 12px;}
    .enercell_btn1:hover i {width:55vw; height:55vw;}
}




/* header */
#enercell_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:109px; padding:0 40px; position:fixed; left:0; top:0; z-index:300; transition:all 0.5s; transition-property:background, height, transform;}

#enercell_header .h_util {display:flex; justify-content:center; align-items:center; gap:0 40px;}
#enercell_header .h_lang {position:relative; z-index:5;}
#enercell_header .h_lang ul {display:flex; gap:0 20px;}
#enercell_header .h_lang ul li {position:relative;}
#enercell_header .h_lang ul li:before {content:''; display:block; width:1px; height:10px; background:#fff; opacity:0.5; position:absolute; left:-10px; top:50%; transform:translateY(-50%); transition:opacity 0.2s}
#enercell_header .h_lang ul li:first-child:before {display:none;}
#enercell_header .h_lang ul li a {display:block; font-size:0.875em; color:#fff; font-weight:600; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28); opacity:0.5; transition:opacity 0.2s}
#enercell_header .h_lang ul li.on a {opacity:1;}

#enercell_logo {width:261px; height:45px; background:url(../images/logo_w.svg) no-repeat center center; background-size:contain; position:relative; z-index:30;}
#enercell_logo a {display:block; width:100%; height:100%;}

#enercell_gnb {width:100%; position:absolute; left:0; top:0;}
#enercell_gnb > ul {display:flex; justify-content:center;}
#enercell_gnb > ul > li {position:relative;}
#enercell_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:109px; font-weight:700; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28); padding:0 32px; transition:color 0.2s, background 0.4s, line-height 0.5s; position:relative;}
#enercell_gnb > ul > li > ul {min-width:180px; background:#ff9c00; border-radius:10px; position:absolute; left:50%; top:80%; transform:translateX(-50%); text-align:center; opacity:0; visibility:hidden; margin-top:20px; transition:all 0.3s cubic-bezier(0.455, 0.030, 0.515, 0.955); transition-property:opacity, visibility, margin-top;}
#enercell_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#fff; line-height:1.4em; padding:8px 30px; transition:color 0.4s; white-space:nowrap;}
#enercell_gnb > ul > li > ul > li:first-child > a {padding-top:25px;}
#enercell_gnb > ul > li > ul > li:last-child > a {padding-bottom:25px;}
#enercell_gnb > ul > li:hover > ul {opacity:1; visibility:visible; margin-top:0;}
#enercell_gnb > ul > li > ul:hover > li > a {color:rgba(255,255,255,0.5);}
#enercell_gnb > ul > li > ul > li > a:hover {color:#fff;}
/*#enercell_gnb > ul > li:hover > ul > li > a {color:rgba(255,255,255,0.5);}*/
#enercell_gnb > ul > li > ul > li > a:hover {color:#fff;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:10; opacity:0; visibility:hidden; transition:all 0.2s;}
#all_gnb:before {content:''; display:block; width:100%; height:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); position:absolute; left:0; top:0; transition:height 0.5s; transition-delay:0.2s;}
#all_gnb > ul {display:flex; width:88%; max-width:1500px;}
#all_gnb > ul > li {width:20%; padding:0 20px; position:relative; opacity:0; transform:translateY(30px); transition:all 0.5s; transition-property:opacity, transform; transition-delay:0.2s;}
#all_gnb > ul > li > a {display:block; font-size:1.875em; color:#fff; font-weight:600; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28); margin-bottom:60px;}
#all_gnb > ul > li > ul > li > a {display:block; font-size:1.0625em; color:#fff; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28); padding:10px 0; transition:opacity 0.3s, color 0.3s;}
#all_gnb > ul > li > ul:hover > li > a {opacity:0.4;}
#all_gnb > ul > li > ul > li > a:hover {color:#ff9c00; opacity:1;}

#menuToggle {display:flex; justify-content:space-between; flex-wrap:wrap; width:26px; height:26px; position:relative; transition:all 0.4s ease-in-out; margin-top:-8px; z-index:30;}
#menuToggle span {display:block; width:9px; height:9px; border-radius:9px; background:#fff; transition:all 0.4s ease-in-out; margin:4px 0;}
#menuToggle span:before {content:''; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; border-radius:4px; transition:all 0.4s ease-in-out;}
#menuToggle span:nth-child(1) {transform:rotate(45deg)}
#menuToggle span:nth-child(2) {background:#ff9c00 !important; transform:rotate(135deg)}
#menuToggle span:nth-child(2):before {background:#ff9c00 !important;}
#menuToggle span:nth-child(3) {transform:rotate(-45deg)}
#menuToggle span:nth-child(4) {transform:rotate(-135deg)}


#enercell_header.on {background:none !important; backdrop-filter:unset !important}
#enercell_header.on #all_gnb {opacity:1; visibility:visible;}
#enercell_header.on #all_gnb:before {height:100%; transition-delay:0s;}
#enercell_header.on #all_gnb > ul > li {opacity:1; transform:translateY(0)}
#enercell_header.on #all_gnb > ul > li:nth-child(1) {transition-delay:0.3s;}
#enercell_header.on #all_gnb > ul > li:nth-child(2) {transition-delay:0.4s;}
#enercell_header.on #all_gnb > ul > li:nth-child(3) {transition-delay:0.5s;}
#enercell_header.on #all_gnb > ul > li:nth-child(4) {transition-delay:0.6s;}
#enercell_header.on #all_gnb > ul > li:nth-child(5) {transition-delay:0.7s;}

#enercell_header.on #menuToggle {margin-top:-4px;}
#enercell_header.on #menuToggle span {width:13px; height:3px;}
#enercell_header.on #menuToggle span:before {width:17px;}


#enercell_header.scroll_on {background:#fff; border-bottom:1px solid #ddd;}
#enercell_header.scroll_on #enercell_logo {background-image:url(../images/logo.svg)}

#enercell_header.scroll_on .h_lang ul li:before {background:#000;}
#enercell_header.scroll_on .h_lang ul li a {color:#000;}

#enercell_header.scroll_on #enercell_gnb > ul > li > a {color:#000;}

#enercell_header.scroll_on #menuToggle span {background:#000;}
#enercell_header.scroll_on #menuToggle span:before {background:#000;}


#enercell_header.on #menuToggle span {background:#fff;}
#enercell_header.on #menuToggle span:before {background:#fff;}

#enercell_header.hide {transform:translateY(-100%)}

@media screen and (min-width:1025px){
    /*#all_gnb > ul > li:before {content:''; display:block; width:12px; height:12px; background:#4d7dff; border-radius:50%; position:absolute; left:12%; bottom:105%; opacity:0; transform:translateY(-30px); transition:all 0.8s ease-in-out;}
    #all_gnb > ul > li:hover:before {opacity:1; transform:translateY(0)}*/
    #all_gnb > ul > li > ul {display:block !important;}

    #enercell_header.scroll_on {height:90px;}
    #enercell_header.scroll_on #enercell_gnb > ul > li > a {line-height:90px;}
}

@media screen and (max-width:1460px){
    #enercell_gnb {padding:0 150px 0 300px;}
}

@media screen and (max-width:1220px){
    #enercell_header {padding:0 6%;}
    
    #enercell_header .h_util {gap:0 20px;}

    #enercell_gnb > ul > li > a {font-size:1em; padding:0 20px;}
}

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

    #enercell_header .h_util {gap:0 15px;}

    #enercell_logo {width:160px; height:28px;}

    #enercell_gnb {display:none;}

    #all_gnb {align-items:start; padding-top:80px;}
    #all_gnb > ul {display:block;}
    #all_gnb > ul > li {width:100%; border-bottom:1px solid rgba(255,255,255,0.1); padding:8px 0;}
    #all_gnb > ul > li > a {font-size:1.5em; margin-bottom:0; padding:8px 0;}
    #all_gnb > ul > li > ul {display:none;}
    #all_gnb > ul > li > ul > li > a {font-size:1em; padding:7px 0;}

    #menuToggle {width:18px; height:18px; margin-top:-5px; gap:0 4px;}
    #menuToggle span {width:6px; height:6px; border-radius:6px; margin:3px 0;}
    #menuToggle span:before {border-radius:3px;}

    #enercell_header.on #menuToggle {margin-top:-2px; gap:0;}
    #enercell_header.on #menuToggle span {width:9px; height:2px;}
    #enercell_header.on #menuToggle span:before {width:12px;}
}

@media screen and (max-width:767px){
    #all_gnb > ul > li > a {font-size:1.25em;}
}


/* footer */
#enercell_footer {width:100%; background:#000; padding:55px 0;}
#enercell_footer .box {position:relative;}
#enercell_footer .f_logo {height:32px;}
#enercell_footer .f_logo img {height:100%;}
#enercell_footer .f_info {display:flex; gap:0 40px; margin-top:24px;}
#enercell_footer .f_info ul li {font-size:0.875em; color:#fff; line-height:1.4em; margin-bottom:8px; position:relative}
#enercell_footer .f_info ul li:last-child {margin-bottom:0;}
#enercell_footer .f_info ul li strong {color:#666; font-weight:600; position:absolute; left:0; top:0;}
#enercell_footer .f_info ul:first-child li {padding-left:107px}
#enercell_footer .f_info ul:last-child li {padding-left:72px}
#enercell_footer .go_top {display:block; width:56px; height:56px; background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.2); border-radius:50%; font-size:0.875em; color:#fff; position:absolute; right:0; top:0; transition:all 0.5s; transition-property:background, border, color;}
#enercell_footer .go_top:hover {background:#ff9c00; border-color:#ff9c00; color:#fff;}
#enercell_footer .f_member {display:flex; gap:4px; position:absolute; right:0; bottom:0;}
#enercell_footer .f_member a {display:block; padding:4px 10px; border:1px solid #666; border-radius:30px; font-size:0.875em; color:#666; line-height:1.4em; transition:all 0.5s; transition-property:border, color;}
#enercell_footer .f_member a:hover {border-color:#fff; color:#fff;}
#enercell_footer .copy {border-top:1px solid rgba(255,255,255,0.3); font-size:0.875em; color:#fff; line-height:1.4em; font-weight:600; margin-top:40px; padding-top:24px;}

@media screen and (max-width:1024px){
    #enercell_footer {padding:30px 0;}
    #enercell_footer .f_logo {height:28px;}
    #enercell_footer .f_info {gap:0 30px; margin-top:15px;}
    #enercell_footer .f_info ul li {margin-bottom:5px;}
    #enercell_footer .f_info ul:first-child li {padding-left:93px}
    #enercell_footer .f_info ul:last-child li {padding-left:60px}
    #enercell_footer .go_top {width:48px; height:48px;}
    #enercell_footer .f_member a {padding:3px 8px;}
    #enercell_footer .copy {margin-top:20px; padding-top:15px;}
}

@media screen and (max-width:767px){
    #enercell_footer .box {position:unset}
    #enercell_footer .f_logo {height:26px;}
    #enercell_footer .f_info {display:block;}
    #enercell_footer .f_info ul {width:100%}
    #enercell_footer .f_info ul:last-child {margin-top:6px;}
    #enercell_footer .f_info ul li {display:inline-block; margin-bottom:6px; margin-right:6px;}
    #enercell_footer .f_info ul:first-child li {padding-left:0}
    #enercell_footer .f_info ul:last-child li {padding-left:0}
    #enercell_footer .f_info ul li strong {position:relative; margin-right:5px;}
    #enercell_footer .go_top {width:35px; height:35px; top:-5px;}
    #enercell_footer .f_member {bottom:-3px;}
    #enercell_footer .f_member a {padding:3px 8px;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#000; position:relative;}
#mVisu .img {width:100%; height:100%; background:url(../images/mVisu_img1.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; opacity:0; animation:mVisuImg 3s ease-in-out forwards;}
#mVisu .img:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:0;}
#mVisu .img:after {content:''; display:block; width:100%; height:50%; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%); position:absolute; left:0; bottom:0; z-index:1;}
#mVisu .txt_box {position:relative; z-index:10;}
#mVisu .txt_box p {overflow:hidden;}
#mVisu .txt_box p span {display:block; transform:translateY(100%); animation:mVisuTxt 1.5s forwards 0.4s}
#mVisu .txt_box .tit {font-size:6.875em; color:#fff; line-height:1.13em; font-weight:700; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28);}
#mVisu .txt_box .txt {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:600; margin-top:32px;}
#mVisu .txt_box .txt span {animation-delay:1.4s}
#mVisu .scroll_box {display:flex; justify-content:center; align-items:center; gap:0 16px; width:100%; position:absolute; left:0; bottom:55px; z-index:10;}
#mVisu .scroll_box i {display:block; width:7px; height:40px; background:rgba(255,255,255,0.3); border-radius:10px; position:relative; overflow:hidden;}
#mVisu .scroll_box i:before {content:''; display:block; width:7px; height:7px; background:#fff; border-radius:50%; position:absolute; left:0; top:0; animation:mVisuScroll 2s ease-in-out infinite;}
#mVisu .scroll_box p {font-size:0.875em; color:#fff; line-height:1.5em; font-weight:600; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28);}

@keyframes mVisuImg {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes mVisuTxt {
    0% {transform:translateY(100%)}
    100% {transform:translateY(0)}
}

@keyframes mVisuScroll {
	0% {top:-7px; opacity:0;}
	10% {top:-7px; opacity:1;}
	32% {top:-7px; opacity:1;}
	80% {top:calc(100% + 7px); opacity:1;}
	100% {top:calc(100% + 7px); opacity:0;}
}

@media screen and (max-width:1220px){
    #mVisu .txt_box .tit {font-size:6.3em;}
}

@media screen and (max-width:1024px){
    #mVisu .txt_box .tit {font-size:5em;}
    #mVisu .txt_box .txt {font-size:1.3em; margin-top:3%;}
    #mVisu .scroll_box {bottom:30px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box .tit {font-size:2.7em;}
    #mVisu .txt_box .txt {font-size:1em;}
    #mVisu .scroll_box {bottom:20px; gap:0 10px;}
    #mVisu .scroll_box i {width:6px; height:30px;}
    #mVisu .scroll_box i:before {width:6px; height:6px;}
}


.main_title .en {font-size:1.25em; color:#ff9c00; line-height:1.5em; font-weight:600; overflow:hidden; margin-bottom:24px;}
.main_title .tit {font-size:3.75em; line-height:1.25em; font-weight:700; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28);}
.main_title .txt {font-size:1.25em; color:#666; line-height:1.5em; margin-top:24px;}
.main_title p {overflow:hidden;}
.main_title p span {display:block;}
.main_title.motion p span {opacity:0; transform:translateY(100%); transition:all 0.8s ease-in-out; transition-property:opacity, transform;}
.main_title.motion.active p span {opacity:1; transform:translateY(0)}

@media screen and (max-width:1024px){
    .main_title .en {font-size:1.125em; margin-bottom:2.5%;}
    .main_title .tit {font-size:3em;}
    .main_title .txt {font-size:1.125em; margin-top:1.5%;}
}

@media screen and (max-width:767px){
    .main_title .en {font-size:1em;}
    .main_title .tit {font-size:2.3em;}
    .main_title .txt {font-size:1em;}
}


#mBusiness {width:100%; background:#000; padding:160px 0 200px; transition:background 0.6s ease-in-out;}
#mBusiness.on {background:#fff;}
#mBusiness .box {width:100%; margin-top:80px; position:relative;}
#mBusiness .box > div {width:100%; height:600px; position:sticky; left:0; top:calc((100vh - 600px) / 2); transform-origin:top center;}
#mBusiness .box > div + div {margin-top:260px;}
#mBusiness .box > div:last-child {pointer-events:none;}
#mBusiness .box > div > div {display:flex; align-items:center; width:100%; height:100%; border-radius:30px; overflow:hidden; position:relative; transform-origin:top center;}
#mBusiness .box > div > div .basic {width:100%; font-size:1.125em; color:rgba(255,255,255,0.6); line-height:3.8em; font-weight:600; text-align:center; position:absolute; left:0; top:0; z-index:3; opacity:0; display:none;}
#mBusiness .box > div > div .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; transform:scale(1.12); transition:transform 0.8s ease-in-out;}
#mBusiness .box > div > div .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5)}
#mBusiness .box > div.on > div .img_box {transform:scale(1);}
#mBusiness .box > div > div .txt_box {width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:5; padding:0 160px;}
#mBusiness .box > div > div .txt_box .num {font-size:1.25em; color:#ff9c00; font-weight:700; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28); margin-bottom:16px;}
#mBusiness .box > div > div .txt_box .tit {font-size:4.375em; color:#fff; line-height:1.2em; font-weight:700;}
#mBusiness .box > div > div .txt_box ul {margin-top:24px;}
#mBusiness .box > div > div .txt_box ul li {font-size:1.25em; color:#fff; line-height:1.75em; padding-left:28px; position:relative;}
#mBusiness .box > div > div .txt_box ul li:before {content:'·'; display:block; width:28px; font-weight:700; text-align:center; position:absolute; left:0; top:0;}
#mBusiness .box > div > div .txt_box .enercell_btn1 {margin-top:40px;}
#mBusiness.on {background:#fff;}

@media screen and (max-width:1220px){
    #mBusiness .box > div > div .txt_box {padding:0 80px;}
    #mBusiness .box > div > div .txt_box .tit {font-size:3.75em;}
}

@media screen and (max-width:1024px){
    #mBusiness {padding:16% 0 20%;}
    #mBusiness .box {margin-top:8%;}
    #mBusiness .box > div {height:500px; top:calc((100vh - 500px) / 2);}
    #mBusiness .box > div + div {margin-top:220px;}
    #mBusiness .box > div > div {border-radius:15px;}
    #mBusiness .box > div > div .txt_box {padding:0 6%;}
    #mBusiness .box > div > div .txt_box .num {font-size:1.125em; margin-bottom:10px;}
    #mBusiness .box > div > div .txt_box .tit {font-size:3em;}
    #mBusiness .box > div > div .txt_box ul {margin-top:16px;}
    #mBusiness .box > div > div .txt_box ul li {font-size:1.125em;}
}

@media screen and (max-width:767px){
    #mBusiness .box > div {height:auto; position:relative; top:0 !important; transform:none !important;}
    #mBusiness .box > div + div {margin-top:10px;}
    #mBusiness .box > div:last-child {display:none;}
    #mBusiness .box > div > div {border-radius:10px; transform:none !important; opacity:1 !important;}
    #mBusiness .box > div > div .basic {display:none;}
    #mBusiness .box > div > div .img_box {transform:none !important; opacity:1 !important;}
    #mBusiness .box > div > div .txt_box {top:0 !important; transform:translateY(0) !important; opacity:1 !important; position:relative; padding:20% 6%;}
    #mBusiness .box > div > div .txt_box .num {font-size:1em;}
    #mBusiness .box > div > div .txt_box .tit {font-size:2.2em;}
    #mBusiness .box > div > div .txt_box ul li {font-size:1em; padding-left:20px;}
    #mBusiness .box > div > div .txt_box ul li:before {width:20px;}
    #mBusiness .box > div > div .txt_box .enercell_btn1 {margin-top:25px;}
}


#mGlance {background:#000; padding:200px 0; transition:background 0.6s ease-in-out;}
#mGlance .main_title .en, #mGlance .main_title .tit {color:#fff; transition:color 0.6s ease-in-out;}
#mGlance .box {display:flex; flex-wrap:wrap; width:100%; margin-top:120px;}
#mGlance .box > div {width:25%; text-align:center;}
#mGlance .box > div .tit {font-size:1.5em; color:#fff; line-height:1.4em; font-weight:700; margin-bottom:16px; transition:color 0.6s ease-in-out;}
#mGlance .box > div .txt {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700; transition:color 0.6s ease-in-out;}
#mGlance .box > div .txt span {font-size:3em; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28); font-variant-numeric:tabular-nums; line-height:1.1em; margin-right:4px;}
#mGlance.on {background:#fff;}
#mGlance.on .main_title .en {color:#ff8000;}
#mGlance.on .main_title .tit {color:#000;}
#mGlance.on .box > div .tit {color:#000;}
#mGlance.on .box > div .txt {color:#ff8000;}

@media screen and (max-width:1220px){
    #mGlance .box > div .txt {font-size:1.5em;}
}

@media screen and (max-width:1024px){
    #mGlance {padding:20% 0;}
    #mGlance .box {margin-top:10%;}
    #mGlance .box > div .tit {font-size:1.3em; margin-bottom:10px;}
    #mGlance .box > div .txt {font-size:1.3em;}
    #mGlance .box > div .txt span {font-size:2.8em;}
}

@media screen and (max-width:767px){
    #mGlance .box > div {width:50%;}
    #mGlance .box > div:nth-child(2) ~ div {margin-top:10%;}
    #mGlance .box > div .tit {font-size:1.125em; margin-bottom:7px;}
    #mGlance .box > div .txt {font-size:1.2em;}
    #mGlance .box > div .txt span {font-size:2.7em;}
}


#mAbout {width:100%; height:940vh; position:relative;}
#mAbout > div {width:100%; height:100vh; position:sticky; left:0; top:0; overflow:hidden;}
#mAbout .tit_box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; z-index:5;}
#mAbout .tit_box .tit {font-size:6.875em; line-height:1.13em; font-weight:700; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28);}
#mAbout .tit_box .txt {font-size:1.5em; color:#ff8000; line-height:1.4em; font-weight:600; margin-top:32px;}
#mAbout .bg {width:100%; height:1350px; position:absolute; left:0; top:0;}
#mAbout .bg > div {background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%; position:absolute; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mAbout .bg > div.img1 {width:130px; height:130px; top:0; right:50%; margin-right:590px; background-image:url(../images/mAbout_img1_1.png)}
#mAbout .bg > div.img2 {width:250px; height:250px; top:240px; right:50%; margin-right:160px; background-image:url(../images/mAbout_img1_2.png)}
#mAbout .bg > div.img3 {width:320px; height:320px; top:95px; left:50%; margin-left:300px; background-image:url(../images/mAbout_img1_3.png)}
#mAbout .bg > div.img4 {width:800px; height:800px; top:550px; left:50%; margin-left:315px; background-image:url(../images/mAbout_img1_4.png)}
#mAbout .bg > div.img5 {width:170px; height:170px; top:1150px; right:50%; margin-right:95px; background-image:url(../images/mAbout_img1_5.png)}

#mAbout .cont_box {width:480px; height:480px; border-radius:50%; overflow:hidden; position:absolute; top:780px; right:50%; margin-right:400px; z-index:10;}

#mAbout .cont_box > div {width:100vw; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
#mAbout .cont_box > div:nth-child(1) {z-index:2;}
#mAbout .cont_box > div:nth-child(2) {z-index:1;}

#mAbout .cont_box .img_box {width:100%; height:100%; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mAbout .cont_box .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:var(--dim, 0);}

#mAbout .cont_box .title {--label-vw:12.5; --label-em:1.875; --label-left:80px; --label-top:80px; width:100vw; height:100%; position:absolute; left:0; top:0; z-index:5; display:flex; align-items:center; white-space:nowrap; font-size:calc(var(--label-vw) * 1vw); color:#fff; line-height:1.4em; font-weight:700; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28);}

#mAbout .cont_box .txt_box {position:absolute; left:0; right:0; top:61%; transform:translateY(-50%); z-index:5;}
#mAbout .cont_box .txt_box > div {width:740px; margin-left:auto;}
#mAbout .cont_box .txt_box .tit {font-size:4.375em; color:#fff; line-height:1.2em; font-weight:700;}
#mAbout .cont_box .txt_box .txt {font-size:1.25em; color:#fff; line-height:1.5em; margin-top:24px;}
#mAbout .cont_box .txt_box .enercell_btn1 {margin-top:55px;}

#mAbout .tit_box {opacity:0;}
#mAbout .tit_box .tit {transform:scale(2);}
#mAbout .tit_box .txt {transform:translateY(50px);}
#mAbout .bg > div {opacity:0; transform:translateY(100%);}
#mAbout .cont_box {opacity:0; transform:translateY(100%);}
#mAbout .cont_box .img_box {transform:scale(1.2); --dim:0;}
#mAbout .cont_box .title {opacity:0; transform:translateY(200px);}
#mAbout .cont_box .txt_box .tit {opacity:0; transform:translateY(100px);}
#mAbout .cont_box .txt_box .txt {opacity:0; transform:translateY(50px);}
#mAbout .cont_box .txt_box .enercell_btn1 {opacity:0; transform:translateY(50px);}

@media screen and (max-width:1024px){
    #mAbout {height:800vh;}

    #mAbout .tit_box .tit {font-size:5em;}
    #mAbout .tit_box .txt {font-size:1.3em; margin-top:3%;}

    #mAbout .bg > div.img1 {width:100px; height:100px; margin-right:280px;}
    #mAbout .bg > div.img2 {width:200px; height:200px; top:200px; margin-right:120px;}
    #mAbout .bg > div.img3 {width:230px; height:230px; top:30px;  margin-left:150px;}
    #mAbout .bg > div.img4 {width:500px; height:500px; top:500px; margin-left:130px;}
    #mAbout .bg > div.img5 {width:90px; height:90px; top:890px; margin-right:100px;}

    #mAbout .cont_box {width:320px; height:320px; top:600px; margin-right:160px;}

    #mAbout .cont_box .title {--label-em:1.5; --label-left:6%; --label-top:12%;}

    #mAbout .cont_box .txt_box > div {width:500px;}
    #mAbout .cont_box .txt_box .tit {font-size:3em;}
    #mAbout .cont_box .txt_box .txt {font-size:1.125em; margin-top:16px;}
    #mAbout .cont_box .txt_box .enercell_btn1 {margin-top:32px;}
}

@media screen and (max-width:767px){
    #mAbout {height:700vh;}

    #mAbout .tit_box .tit {font-size:2.7em;}
    #mAbout .tit_box .txt {font-size:1em;}

    #mAbout .bg > div.img1 {width:80px; height:80px; top:50px; margin-right:120px;}
    #mAbout .bg > div.img2 {width:120px; height:120px; top:200px; margin-right:50px;}
    #mAbout .bg > div.img3 {width:160px; height:160px; top:80px; margin-left:50px;}
    #mAbout .bg > div.img4 {width:300px; height:300px; top:450px; margin-left:10px;}
    #mAbout .bg > div.img5 {width:70px; height:70px; top:720px; margin-right:10px;}

    #mAbout .cont_box {width:230px; height:230px; top:430px; margin-right:60px;}

    #mAbout .cont_box .title {--label-em:1.5;}

    #mAbout .cont_box .txt_box {top:60%;}
    #mAbout .cont_box .txt_box > div {width:100%;}
    #mAbout .cont_box .txt_box .tit {font-size:2.2em;}
    #mAbout .cont_box .txt_box .txt {font-size:1em; margin-top:14px;}
    #mAbout .cont_box .txt_box .enercell_btn1 {margin-top:24px;}
}


#mProduct {width:100%; height:250vh; position:relative;}
#mProduct > div {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:url(../images/mProductBG.jpg) no-repeat center center; background-size:cover; overflow:hidden; position:sticky; left:0; top:0;}
#mProduct .tit_box {width:400px;}
#mProduct .btn_box {display:flex; margin-top:80px;}
.mProduct_next_btn, .mProduct_prev_btn {display:flex; justify-content:center; align-items:center; width:120px; height:120px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; font-size:1.25em; color:#fff; cursor:pointer; transition:border 0.5s;}
.mProduct_next_btn {margin-left:-8px;}
.mProduct_next_btn:after, .mProduct_prev_btn:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mProduct_next_btn:after {content:'\f178'}
.mProduct_prev_btn:after {content:'\f177'}
.mProduct_next_btn:hover, .mProduct_prev_btn:hover {border-color:#fff;}
.mProduct_slide_wrap {width:100%; position:absolute; left:500px; top:50%; transform:translateY(-50%); overflow:hidden; padding:55px 20px;}
.mProduct_slide .swiper-slide {width:520px; height:650px; transition:transform 0.6s ease 0.15s;}
.mProduct_slide .swiper-slide:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.7); border:1px solid rgba(255,255,255,0.3); border-radius:30px; backdrop-filter:blur(50px); position:absolute; left:0; top:0; z-index:0; transition:all 0.35s 0.3s; transition-property:background, border, box-shadow;}
.mProduct_slide a {display:block; width:100%; height:100%; position:relative; z-index:5; padding:56px;}
.mProduct_slide .num {display:inline-block; background:#ff9c00; border-radius:30px; font-size:1em; font-weight:600; line-height:1.5em; padding:6px 16px; margin-bottom:30px; transition:all 0.35s 0.3s; transition-property:background, color;}
.mProduct_slide dl dt {font-size:2.8125em; color:#fff; line-height:1.22em; font-weight:700; transition:color 0.35s 0.3s}
.mProduct_slide dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:8px;}
.mProduct_slide .img {width:100%; border-radius:20px; overflow:hidden; margin-top:70px;}
.mProduct_slide .img img {width:100%;}
.mProduct_slide .swiper-slide-active {transform:translateY(-24px)}
.mProduct_slide .swiper-slide-active:before {border:2px solid #ff9c00; background:#fff; box-shadow:5px 5px 30px rgba(255,156,0,0.5)}
.mProduct_slide .swiper-slide-active .num {background:rgba(255,156,0,0.3); color:#ff8000;}
.mProduct_slide .swiper-slide-active dl dt {color:#ff8000}
.mProduct_slide .btn_box {display:none !important;}

@media screen and (max-width:1220px){
    .mProduct_slide_wrap {left:400px;}
}

@media screen and (max-width:1024px){
    #mProduct .tit_box {width:300px;}
    #mProduct  .btn_box {margin-top:40px;}
    .mProduct_next_btn, .mProduct_prev_btn {width:90px; height:90px; font-size:1.125em;}
    .mProduct_slide_wrap {left:300px; padding:55px 15px;}
    .mProduct_slide .swiper-slide {width:380px; height:500px;}
    .mProduct_slide .swiper-slide:before {border-radius:15px;}
    .mProduct_slide a {padding:30px;}
    .mProduct_slide .num {padding:4px 12px; margin-bottom:20px;}
    .mProduct_slide dl dt {font-size:2.2em;}
    .mProduct_slide dl dd {font-size:1.125em;}
    .mProduct_slide .img {border-radius:15px; margin-top:40px;}   
}

@media screen and (max-width:767px){
    #mProduct {height:auto;}
    #mProduct > div {display:block; height:auto; position:relative; padding:20% 0;}
    #mProduct .tit_box {width:100%; margin-bottom:12%;}
    #mProduct .tit_box .btn_box {display:none;}
    .mProduct_next_btn, .mProduct_prev_btn {width:50px; height:50px; font-size:1em;}
    .mProduct_next_btn {margin-left:-4px;}
    .mProduct_slide_wrap {position:relative; left:0; top:0; transform:translate(0); padding:0; overflow:visible;}
    .mProduct_slide .swiper-slide-active {transform:translateY(-15px)}
    .mProduct_slide .swiper-slide {width:270px; height:auto;}
    .mProduct_slide .swiper-slide:before {border-radius:10px;}
    .mProduct_slide a {padding:22px;}
    .mProduct_slide .num {font-size:0.9375em; padding:3px 10px; margin-bottom:10px;}
    .mProduct_slide dl dt {font-size:1.5em;}
    .mProduct_slide dl dd {font-size:1em; margin-top:4px;}
    .mProduct_slide .img {border-radius:10px; margin-top:25px;}
	.mProduct_slide .btn_box {display:flex !important; justify-content:center;}
}


#mNews {display:flex; align-items:start; flex-wrap:wrap; padding:200px 0;}
#mNews .main_title {width:calc(100% - 787px)}
#mNews .main_title .en {color:#ff8000;}
#mNews .box {width:787px;}
#mNews .box a {display:block; width:100%; padding:40px 0; border-bottom:1px solid #ccc;}
#mNews .box > div:first-child a {padding-top:0;}
#mNews .box > div:last-child a {padding-bottom:0; border-bottom:0;}
#mNews .box .subject {font-size:1.875em; line-height:1.3em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color 0.5s;}
#mNews .box .date {font-size:1em; color:#666; line-height:1.5em; font-weight:500; margin-top:16px;}
#mNews .box a:hover .subject {color:#ff8000}

@media screen and (max-width:1460px){
    #mNews .main_title {width:400px;}
    #mNews .box {width:calc(100% - 400px)}
}

@media screen and (max-width:1024px){
    #mNews {padding:20% 0;}
    #mNews .main_title {width:300px;}
    #mNews .box {width:calc(100% - 300px)}
    #mNews .box a {padding:25px 0;}
    #mNews .box .subject {font-size:1.5em;}
    #mNews .box .date {margin-top:10px;}
}

@media screen and (max-width:767px){
    #mNews .main_title {width:100%; margin-bottom:10%;}
    #mNews .box {width:100%}
    #mNews .box a {padding:3% 0;}
    #mNews .box .subject {font-size:1.3em;}
    #mNews .box .date {margin-top:5px;}
}


#mContact {width:100%; background:url(../images/mContactBG.jpg) no-repeat center center; background-size:cover; position:relative; padding:200px 0;}
#mContact:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:0;}
#mContact > div {display:flex; align-items:end; flex-direction:column; position:relative; z-index:5;}
#mContact .btn_box {display:flex; flex-wrap:wrap; gap:8px; width:648px; margin-top:90px;}
#mContact .btn_box a {display:flex; justify-content:space-between; align-items:center; width:calc(50% - 4px); height:78px; background:#fff; font-size:1.25em; line-height:1.5em; font-weight:500; padding:0 32px; transition:all 0.5s; transition-property:background, color;}
#mContact .btn_box a:after {content:'\f178'; font-size:0.7em; font-weight:400; font-family:'Font Awesome 6 Pro';}
#mContact .btn_box a:hover {background:#ff9c00; color:#fff;}

@media screen and (max-width:1024px){
    #mContact {padding:20% 0;}
    #mContact .btn_box {width:508px; margin-top:9%;}
    #mContact .btn_box a {height:60px; font-size:1.125em; padding:0 20px;}
}

@media screen and (max-width:767px){
    #mContact > div {align-items:start;}
    #mContact .btn_box {width:100%; gap:4px;}
    #mContact .btn_box a {height:40px; font-size:1em; padding:0 15px;}
    #mContact .btn_box a:after {font-size:0.875em;}
}


/* sub */
#sVisu {width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; padding-top:240px;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:0;}
#sVisu > div {position:relative; z-index:5;}
#sVisu h2 {font-size:5em; color:#fff; line-height:1.18em; font-weight:700; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28); text-align:center;}
#sVisu .t1 {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500; text-align:center; margin-top:16px;}

.sVisu1 {background-image:url(../images/sVisu_img1.jpg)}
.sVisu2 {background-image:url(../images/sVisu_img2.jpg)}
.sVisu3 {background-image:url(../images/sVisu_img3.jpg)}
.sVisu4 {background-image:url(../images/sVisu_img4.jpg)}
.sVisu5 {background-image:url(../images/sVisu_img5.jpg)}

@media screen and (max-width:1024px){
    #sVisu {height:420px; padding-top:160px;}
    #sVisu h2 {font-size:4em;}
    #sVisu .t1 {font-size:1.3em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #sVisu {height:280px; padding-top:110px;}
    #sVisu h2 {font-size:2.8em;}
    #sVisu .t1 {font-size:1em; margin-top:8px;}
}


.sub_menu_wrap {width:fit-content; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3); border-radius:50px; backdrop-filter:blur(20px); padding:8px; margin:90px auto 0; position:relative;}
.sub_menu_wrap button {display:none;}
.sub_menu_wrap .bar {width:200px; height:52px; background:#ff9c00; border-radius:50px; position:absolute; left:0; top:8px; transition:left 0.4s cubic-bezier(0.33, 1, 0.68, 1); margin-left:8px;}
.sub_menu_wrap > ul {position:relative;}
.sub_menu_wrap > ul > li > a {display:flex; justify-content:center; align-items:center; width:200px; height:52px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; position:relative; z-index:5;}

@media screen and (min-width:768px){
    .sub_menu_wrap > ul {display:flex !important;}
}

@media screen and (max-width:1220px){
    .sub_menu_wrap .bar {width:14vw;}
    .sub_menu_wrap > ul > li > a {width:14vw}
}

@media screen and (max-width:1024px){
    .sub_menu_wrap {padding:5px; margin-top:60px;}
    .sub_menu_wrap .bar {height:44px; top:5px; margin-left:5px;}
    .sub_menu_wrap > ul > li > a {height:44px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {width:auto; padding:0; margin-top:40px;}
    .sub_menu_wrap button {display:block; width:100%; height:40px; font-size:1em; color:#fff; font-weight:500; text-align:left; padding:0 25px; position:relative;}
    .sub_menu_wrap button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:25px; top:50%; transform:translateY(-50%)}
    .sub_menu_wrap button.on:after {content:'\f106'}
    .sub_menu_wrap .bar {display:none;}
    .sub_menu_wrap > ul {display:none; width:100%; background:#151515; border-radius:20px; position:absolute; left:0; top:calc(100% + 1px); z-index:150;}
    .sub_menu_wrap > ul > li {border-bottom:1px solid #333;}
    .sub_menu_wrap > ul > li:last-child {border-bottom:0;}
    .sub_menu_wrap > ul > li > a {display:block; width:100%; height:auto; color:#666; font-weight:500; padding:15px 25px; text-align:left;}
    .sub_menu_wrap > ul > li.on a {color:#ff9c00;}
}


#sub_content {width:100%; margin:120px 0 160px;}

.sub_title1 {font-size:1.25em; color:#ff8000; line-height:1.5em; font-weight:700; font-family:var(--font-inter); font-variation-settings:var(--opsz-inter-28); margin-bottom:16px;}

.s_tit1 {font-size:4.375em; line-height:1.21em; font-weight:700;}
.s_tit2 {font-size:3.125em; line-height:1.3em; font-weight:700;}
.s_tit3 {font-size:1.875em; line-height:1.5em; font-weight:700;}

.s_txt1 {font-size:1.25em; color:#666; line-height:1.5em;}

@media screen and (max-width:1024px){
    #sub_content {margin:12% 0 16%;}

    .sub_title1 {font-size:1.125em; margin-bottom:1.5%;}

    .s_tit1 {font-size:3.5em;}
    .s_tit2 {font-size:2.7em}
    .s_tit3 {font-size:1.5em;}

    .s_txt1 {font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sub_title1 {font-size:1em;}

    .s_tit1 {font-size:2.4em;}
    .s_tit2 {font-size:2em;}
    .s_tit3 {font-size:1.3em;}

    .s_txt1 {font-size:1em;}
}

.scroll_box {display:none;}

@media screen and (max-width:767px){
    .scroll_box {display:flex; justify-content:end; margin-bottom:2%;}
    .scroll_box p {font-size:0.875em; color:#666; margin-right:10px;}
    .scroll_box div {width:50px; position:relative; margin-top:2px;}
    .scroll_box div:before {content:''; display:block; width:100%; height:3px; background:#ccc; border-radius:5px; position:absolute; left:4px; right:0;}
    .scroll_box div i {display:block; width:25px; font-size:1.5em; color:#aaa; text-align:center; position:relative; margin-top:-1px; padding-top:10px; animation:moveScrollAni 3s both infinite;}
    .scroll_box div i:after {content:''; display:block; width:100%; height:5px; background:rgba(0,0,0,0.7); border-radius:5px; position:absolute; left:0; top:0;}

    @keyframes moveScrollAni {
        0%, 10% {
            left: 0;
            margin-left: 0px;
        }
        50% {
            left: 100%;
            margin-left: -20px;
        }
        100% {
            left: 0;
            margin-left: 0px;
        }
    }
}


.sub_img_box1 img {max-width:100%;}

.sub_img_box2 {width:100%; height:610px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}

@media screen and (max-width:1460px){
    .sub_img_box2 {height:43vw;}
}

@media screen and (max-width:1024px){
    .sub_img_box2 {border-radius:15px;}
}

@media screen and (max-width:767px){
    .sub_img_box2 {border-radius:10px;}
}


.sub_list_box1 > li {font-size:1.25em; color:#666; line-height:1.5em; margin-bottom:10px; position:relative; padding-left:30px;}
.sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_list_box1 > li:before {content:'·'; display:block; width:30px; font-weight:900; text-align:center; position:absolute; left:0; top:0;}

.sub_list_box2 {counter-reset:counter}
.sub_list_box2 > li {display:flex; justify-content:space-between; align-items:start; width:100%; border-bottom:1px solid #ccc; padding:40px 0;;}
.sub_list_box2 > li:first-child {padding-top:0;}
.sub_list_box2 > li:last-child {border-bottom:0; padding-bottom:0;}
.sub_list_box2 > li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:flex; justify-content:center; align-items:center; width:83px; height:83px; background:#ff9c00; border-radius:20px; font-size:1.875em; color:#fff; line-height:1.4em; font-weight:700;}
.sub_list_box2 > li dl {width:calc(100% - 123px)}
.sub_list_box2 > li dl dt {font-size:1.875em; line-height:1.5em; font-weight:700;}
.sub_list_box2 > li dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:8px;}

@media screen and (max-width:1024px){
    .sub_list_box1 > li {font-size:1.125em; margin-bottom:1%; padding-left:20px;}
    .sub_list_box1 > li:before {width:20px;}

    .sub_list_box2 > li {padding:4% 0;}
    .sub_list_box2 > li:before {width:65px; height:65px; border-radius:15px; font-size:1.5em;}
    .sub_list_box2 > li dl {width:calc(100% - 95px)}
    .sub_list_box2 > li dl dt {font-size:1.5em;}
    .sub_list_box2 > li dl dd {font-size:1.125em; margin-top:4px;}
}

@media screen and (max-width:767px){
    .sub_list_box1 > li {font-size:1em; padding-left:12px;}
    .sub_list_box1 > li:before {width:12px;}

    .sub_list_box2 > li {padding:4% 0;}
    .sub_list_box2 > li:before {width:40px; height:40px; border-radius:10px; font-size:1.3em;}
    .sub_list_box2 > li dl {width:calc(100% - 50px)}
    .sub_list_box2 > li dl dt {font-size:1.3em;}
    .sub_list_box2 > li dl dd {font-size:1em; margin-top:2px;}
}


.sub_img_slide1 .img {width:100%; border:1px solid #ccc;}
.sub_img_slide1 .img img {width:100%;}
.sub_img_slide1 p {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px; text-align:center;}
.sub_img_slide1.case2 .img {border:0;}

@media screen and (max-width:1024px){
    .sub_img_slide1 p {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sub_img_slide1 p {font-size:1em; margin-top:8px;}
}


.sAbout_case1 {display:flex; justify-content:center; align-items:center; width:calc(100% - 80px); height:600px; background:url(../images/sAbout_img1.png) no-repeat center center; background-size:cover; border-radius:20px; position:relative; margin:-15px auto 0; overflow:hidden;}
.sAbout_case1:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:0;}
.sAbout_case1 > div {display:flex; justify-content:space-between; align-items:start; position:relative; z-index:5;}
.sAbout_case1 ul {width:725px}
.sAbout_case1 ul li {display:flex; align-items:start; font-size:1.25em; color:#fff; line-height:1.5em; margin-bottom:10px;}
.sAbout_case1 ul li:last-child {margin-bottom:0;}
.sAbout_case1 ul li .year {width:82px; color:#ff9c00; font-weight:600;}
.sAbout_case1 ul li .t1 {width:100px; font-weight:600;}
.sAbout_case1 ul li .t2 {width:calc(100% - 182px)}

.sAbout_case2 {display:flex; flex-wrap:wrap; gap:40px 48px}
.sAbout_case2 > div {width:calc(33.33% - 32px); text-align:center;}
.sAbout_case2 > div .img {width:100%; border:1px solid #ccc;}
.sAbout_case2 > div .img img {width:100%;}
.sAbout_case2 > div .t1 {font-size:1.25em; line-height:1.5em; font-weight:600; margin-top:18px;}
.sAbout_case2 > div .t2 {font-size:1.125em; color:#666; line-height:1.55em; margin-top:8px;}

@media screen and (max-width:1550px){
    .sAbout_case1 {width:calc(100% - 40px)}
}

@media screen and (max-width:1220px){
    .sAbout_case1 ul {width:calc(100% - 400px)}
}

@media screen and (max-width:1024px){
    .sAbout_case1 {width:100%; height:auto; border-radius:0; padding:15% 0; margin-top:-10px;}
    .sAbout_case1 > div {display:block;}
    .sAbout_case1 ul {width:100%; margin-top:5%;}
    .sAbout_case1 ul li {font-size:1.125em; margin-bottom:8px;}
    .sAbout_case1 ul li .year {width:70px;}
    .sAbout_case1 ul li .t1 {width:80px;}
    .sAbout_case1 ul li .t2 {width:calc(100% - 150px)}

    .sAbout_case2 {gap:30px;}
    .sAbout_case2 > div {width:calc(33.33% - 20px)}
    .sAbout_case2 > div .t1 {font-size:1.125em; margin-top:12px}
    .sAbout_case2 > div .t2 {font-size:1em; margin-top:4px;}
}

@media screen and (max-width:767px){
    .sAbout_case1 {margin-top:-5px;}
    .sAbout_case1 ul li {font-size:1em;}
    .sAbout_case1 ul li .year {width:55px;}
    .sAbout_case1 ul li .t1 {width:60px;}
    .sAbout_case1 ul li .t2 {width:calc(100% - 115px)}

    .sAbout_case2 {gap:30px 10px;}
    .sAbout_case2 > div {width:calc(50% - 5px)}
    .sAbout_case2 > div .t1 {font-size:1em;}
    .sAbout_case2 > div .t2 {font-size:0.9375em;}
}


.sHistory_case1 {position:relative;}
.sHistory_case1 .s-inner {margin-bottom:-700px}
.sHistory_case1 .tit_box {width:50%; position:sticky; left:0; top:120px; z-index:15;}
.sHistory_case1 .img {display:block; width:100%; height:850px; background:url(../images/sLocation_img1.png) no-repeat center bottom; background-size:cover; position:sticky; left:0; bottom:0;}
.sHistory_case1 .box {width:50%; margin-left:50%; margin-top:95px; position:relative; z-index:10;}
.sHistory_case1 .box:before {content:''; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:0; top:11px;}
.sHistory_case1 .box:after {content:''; display:block; width:2px; height:var(--progress, 0%); background:#ff9c00; position:absolute; left:0; top:11px;}
.sHistory_case1 .box > div {width:100%; padding-left:120px; padding-bottom:80px; position:relative;}
.sHistory_case1 .box > div:last-of-type {padding-bottom:0;}
.sHistory_case1 .box > div:before, .sHistory_case1 .box > div:after {content:''; display:block; width:8px; height:8px; background:#ccc; border-radius:50%; position:absolute; left:0; top:29px; transform:translate(-50%, -50%); z-index:5; transition:all 0.5s;}
.sHistory_case1 .box > div:before {z-index:10;}
.sHistory_case1 .box > div:after {width:0; height:0; background:#ff9c00;}
.sHistory_case1 .box > div:first-of-type:before, .sHistory_case1 .box > div:first-of-type:after {top:11px;}
.sHistory_case1 .box > div .year {font-size:3.125em; color:#ff8000; line-height:1.3em; font-weight:700; margin-bottom:16px;}

.sHistory_case1 .box > div.active:before {width:10px; height:10px; background:#ff9c00}
.sHistory_case1 .box > div.active:after {width:32px; height:32px; opacity:0.3;}

@media screen and (max-width:1220px){
    .sHistory_case1 .box {width:45%; margin-left:55%;}
    .sHistory_case1 .box > div {padding-left:70px;}
}

@media screen and (max-width:1024px){
    .sHistory_case1 .s-inner {margin-bottom:-500px;}
    .sHistory_case1 .img {height:600px;}
    .sHistory_case1 .box {margin-top:9%;}
    .sHistory_case1 .box > div {padding-left:40px; padding-bottom:50px;}
    .sHistory_case1 .box > div:before, .sHistory_case1 .box > div:after {top:25px;}
    .sHistory_case1 .box > div .year {font-size:2.7em; margin-bottom:10px;}
}

@media screen and (max-width:767px){
    .sHistory_case1 .s-inner {margin-bottom:-350px;}
    .sHistory_case1 .tit_box {width:100%; position:relative; top:0;}
    .sHistory_case1 .img {height:450px;}
    .sHistory_case1 .box {width:100%; margin-left:0;}
    .sHistory_case1 .box > div {padding-left:25px; padding-bottom:8%;}
    .sHistory_case1 .box > div:before, .sHistory_case1 .box > div:after {width:6px; height:6px; top:16px;}
    .sHistory_case1 .box > div .year {font-size:2em; margin-bottom:1.5%;}
    
    .sHistory_case1 .box > div.active:before {width:8px; height:8px;}
    .sHistory_case1 .box > div.active:after {width:24px; height:24px;}
}


.sVision_case1 {width:calc(100% - 80px); margin-left:auto; margin-right:auto; position:relative;}
.sVision_case1 > div {width:100%; height:610px; position:sticky; left:0; top:calc((100vh - 610px) / 2); transform-origin:top center;}
.sVision_case1 > div + div {margin-top:260px;}
.sVision_case1 > div:last-child {pointer-events:none;}
.sVision_case1 > div > div {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:20px; position:relative; overflow:hidden; text-align:center; transform-origin:top center;}
.sVision_case1 > div > div .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
.sVision_case1 > div > div .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.sVision_case1 > div > div p {position:relative; z-index:5;}

.sMission_slide .img_box {width:100%; height:504px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
.sMission_slide dl {margin-top:24px;}
.sMission_slide dl dt {font-size:1.5em; line-height:1.4em; font-weight:700;}
.sMission_slide dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px;}

@media screen and (max-width:1550px){
    .sVision_case1 {width:calc(100% - 40px)}
}

@media screen and (max-width:1460px){
    .sMission_slide .img_box {height:35vw;}
}

@media screen and (max-width:1024px){
    .sVision_case1 > div {height:500px; top:calc((100vh - 500px) / 2);}
    .sVision_case1 > div + div {margin-top:220px;}
    .sVision_case1 > div > div {border-radius:15px;}

    .sMission_slide .swiper-slide {width:300px;}
    .sMission_slide .img_box {height:350px; border-radius:15px;}
    .sMission_slide dl {margin-top:15px;}
    .sMission_slide dl dt {font-size:1.3em;}
    .sMission_slide dl dd {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sVision_case1 {width:88%}
    .sVision_case1 > div {height:auto; position:relative; top:0 !important; transform:none !important;}
    .sVision_case1 > div + div {margin-top:10px;}
    .sVision_case1 > div:last-child {display:none;}
    .sVision_case1 > div > div {padding:23% 6%; border-radius:10px; transform:none !important; opacity:1 !important;}
    .sVision_case1 > div > div .img_box, .sVision_case1 > div > div p {transform:none !important; opacity:1 !important;}

    .sMission_slide .swiper-slide {width:250px;}
    .sMission_slide .img_box {height:300px; border-radius:10px;}
    .sMission_slide dl dt {font-size:1.2em;}
    .sMission_slide dl dd {font-size:1em; margin-top:5px;}
}


.sLocation_case1 > div {margin-bottom:80px;}
.sLocation_case1 > div:last-child {margin-bottom:0;}
.sLocation_case1 > div .map_box {width:100%; height:610px; background:#ccc; border-radius:20px; overflow:hidden;}
.sLocation_case1 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important}
.sLocation_case1 > div .info_box {margin-top:24px;}
.sLocation_case1 > div .info_box .cate {font-size:1.5em; color:#ff8000; line-height:1.45em; font-weight:700; margin-bottom:8px;}
.sLocation_case1 > div .info_box .add {font-size:1.875em; line-height:1.5em; font-weight:700;}
.sLocation_case1 > div .info_box dl {display:flex; flex-wrap:wrap; align-items:start; margin-top:16px;}
.sLocation_case1 > div .info_box dl dt {width:53px; font-size:1.25em; line-height:1.5em; font-weight:600;}
.sLocation_case1 > div .info_box dl dd {width:calc(100% - 53px); font-size:1.25em; color:#666; line-height:1.5em;}

@media screen and (max-width:1024px){
    .sLocation_case1 > div {margin-bottom:8%;}
    .sLocation_case1 > div .map_box {height:450px; border-radius:15px;}
    .sLocation_case1 > div .info_box {margin-top:2.5%;}
    .sLocation_case1 > div .info_box .cate {font-size:1.3em; margin-bottom:1%;}
    .sLocation_case1 > div .info_box .add {font-size:1.5em;}
    .sLocation_case1 > div .info_box dl {margin-top:1.5%;}
    .sLocation_case1 > div .info_box dl dt {width:40px; font-size:1.125em;}
    .sLocation_case1 > div .info_box dl dd {width:calc(100% - 40px); font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sLocation_case1 > div .map_box {height:220px; border-radius:10px;}
    .sLocation_case1 > div .info_box .cate {font-size:1.125em; margin-bottom:0;}
    .sLocation_case1 > div .info_box .add {font-size:1.3em;}
    .sLocation_case1 > div .info_box dl dt {width:30px; font-size:1em;}
    .sLocation_case1 > div .info_box dl dd {width:calc(100% - 30px); font-size:1em;}
}


.sExports_case1 {display:flex; flex-wrap:wrap; gap:25px 16px;}
.sExports_case1 > div {width:calc(25% - 12px)}
.sExports_case1 > div .img {width:100%; border-radius:20px; overflow:hidden;}
.sExports_case1 > div .img img {width:100%;}
.sExports_case1 > div p {font-size:1.25em; line-height:1.5em; font-weight:600; text-align:center; margin-top:16px;}

.sExports_case2 {display:flex; align-items:start;}
.sExports_case2 > p {width:calc(100% - 815px);}
.sExports_case2 table {width:815px; border-top:1px solid #ccc; text-align:left;}
.sExports_case2 table tbody th {width:215px; border-bottom:1px solid #ccc;  font-size:1.25em; line-height:1.5em; font-weight:600; padding:24px 0;}
.sExports_case2 table tbody td {border-bottom:1px solid #ccc;  font-size:1.25em; color:#666; line-height:1.5em; padding:24px 0;}

@media screen and (max-width:1220px){
	.sExports_case2 > p {width:250px;}
	.sExports_case2 table {width:calc(100% - 250px);}
}

@media screen and (max-width:1024px){
    .sExports_case1 {gap:25px 10px;}
    .sExports_case1 > div {width:calc(25% - 7.5px)}
    .sExports_case1 > div .img {border-radius:15px;}
    .sExports_case1 > div p {font-size:1.125em; margin-top:10px;}
	
	.sExports_case2 > p {width:200px;}
	.sExports_case2 table {width:calc(100% - 200px);}
	.sExports_case2 table tbody th {width:170px; font-size:1.125em; padding:15px 0;}
	.sExports_case2 table tbody td {font-size:1.125em; padding:15px 0;}
}

@media screen and (max-width:767px){
    .sExports_case1 {gap:25px 10px;}
    .sExports_case1 > div {width:calc(50% - 5px)}
    .sExports_case1 > div .img {border-radius:10px;}
    .sExports_case1 > div p {font-size:1em; margin-top:7px;}
	
	.sExports_case2 {display:block;}
	.sExports_case2 > p {width:100%;}
	.sExports_case2 table {width:100%; margin-top:4%;}
	.sExports_case2 table tbody th {width:120px; font-size:1em; padding:12px 0;}
	.sExports_case2 table tbody td {font-size:1em; padding:12px 0;}
}


.sProduction_slide .swiper-slide {border-radius:20px; overflow:hidden;}
.sProduction_slide img {width:100%;}

@media screen and (max-width:1024px){
    .sProduction_slide .swiper-slide {border-radius:15px;}
}

@media screen and (max-width:767px){
    .sProduction_slide .swiper-slide {border-radius:10px;}
}


.sOther_case1 {display:flex; justify-content:space-between; width:100%;}
.sOther_case1 > div {width:calc(50% - 12px); border-radius:20px;}
.sOther_case1 > div img {width:100%;}

@media screen and (max-width:1024px){
    .sOther_case1 > div {width:calc(50% - 5px); border-radius:15px;}
}

@media screen and (max-width:767px){
    .sOther_case1 > div {width:calc(50% - 2.5px); border-radius:10px;}
}


.sBattery_case1 {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%;}
.sBattery_case1 .img_box {width:750px; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
.sBattery_case1 .txt_box {width:calc(100% - 830px);}
.sBattery_case1 .txt_box p {margin-top:40px; margin-bottom:8px;}
.sBattery_case1 .txt_box p:first-of-type {margin-top:0;}

.sBattery_case2 {overflow-x:auto;}
.sBattery_case2 img {max-width:100%;}

.sBattery_case3 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sBattery_case3 > div {width:calc(50% - 12px)}
.sBattery_case3 > div:nth-child(2) ~ div {margin-top:80px}
.sBattery_case3 > div .tit {font-size:1.5em; line-height:1.45em; font-weight:700; margin-bottom:24px;}
.sBattery_case3 > div .img {width:100%;}
.sBattery_case3 > div .img img {width:100%;}

.sBattery_slide .img_box {width:100%; height:348px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
.sBattery_slide dl {margin-top:24px;}
.sBattery_slide dl dt {font-size:1.5em; line-height:1.4em; font-weight:700;}
.sBattery_slide dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px;}

@media screen and (max-width:1460px){
    .sBattery_case1 .img_box {width:calc(50% + 10px); height:30vw;}
    .sBattery_case1 .txt_box {width:calc(50% - 40px)}
    
    .sBattery_slide .img_box {height:22vw;}
}

@media screen and (max-width:1024px){
    .sBattery_case1 .img_box {border-radius:15px;}
    .sBattery_case1 .txt_box {width:calc(50% - 30px)}
    .sBattery_case1 .txt_box p {margin-top:25px; margin-bottom:5px;}

    .sBattery_case3 > div {width:calc(50% - 5px)}
    .sBattery_case3 > div:nth-child(2) ~ div {margin-top:50px;}
    .sBattery_case3 > div .tit {font-size:1.3em; margin-bottom:15px;}
    
    .sBattery_slide .swiper-slide {width:300px;}
    .sBattery_slide .img_box {height:240px; border-radius:15px;}
    .sBattery_slide dl {margin-top:15px;}
    .sBattery_slide dl dt {font-size:1.3em;}
    .sBattery_slide dl dd {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sBattery_case1 .img_box {width:100%; height:55vw; border-radius:10px;}
    .sBattery_case1 .txt_box {width:100%; margin-top:5%;}
    .sBattery_case1 .txt_box p {margin-top:4%;}

    .sBattery_case2 img {min-width:700px}

    .sBattery_case3 > div {width:100%;}
    .sBattery_case3 > div:nth-child(1) ~ div {margin-top:7%;}
    .sBattery_case3 > div .tit {font-size:1.2em; margin-bottom:5px;}
    
    .sBattery_slide .swiper-slide {width:250px;}
    .sBattery_slide .img_box {height:190px; border-radius:10px;}
    .sBattery_slide dl dt {font-size:1.2em;}
    .sBattery_slide dl dd {font-size:1em; margin-top:5px;}
}


.sContact_case1 {display:flex; align-items:start; flex-wrap:wrap; position:relative; overflow:visible;}
.sContact_case1 .tit_box {width:calc(100% - 700px); position:sticky; left:0; top:120px;}
.sContact_case1 .tit_box dl {display:flex; flex-wrap:wrap; gap:8px 0; margin-top:55px;}
.sContact_case1 .tit_box dl dt {width:93px; font-size:1.25em; line-height:1.5em; font-weight:600;}
.sContact_case1 .tit_box dl dt i {font-size:0.8em; color:#ff8000; margin-right:16px;}
.sContact_case1 .tit_box dl dd {width:calc(100% - 93px); font-size:1.25em; color:#666; line-height:1.5em;}
.sContact_case1 .form_box {width:700px;}
.sContact_case1 .form_box .t1 {font-size:1em; color:#666; line-height:1.5em; font-weight:600; text-align:right; margin-bottom:24px;}
.sContact_case1 .form_box .t1 span {color:#ff8000;}
.sContact_case1 .form_box ul li {display:flex; align-items:start; width:100%; margin-bottom:24px;}
.sContact_case1 .form_box ul li:last-child {margin-bottom:0;}
.sContact_case1 .form_box ul li > label {display:block; width:112px; font-size:1.25em; line-height:64px; font-weight:600;}
.sContact_case1 .form_box ul li > label span {color:#ff8000;}
.sContact_case1 .form_box ul li > div {width:calc(100% - 112px)}
.sContact_case1 .form_box ul li .form_txt {display:block; width:100%; height:64px; background:#fff; border:1px solid #ccc !important; border-radius:50px; font-size:1.25em; padding:0 24px;}
.sContact_case1 .form_box ul li .form_txt:focus {outline:none; box-shadow:none !important;}
.sContact_case1 .form_box ul li .form_textarea {display:block; width:100%; height:433px; background:#fff; border:1px solid #ccc !important; border-radius:20px; font-size:1.25em; padding:16px 24px; resize:none;}
.sContact_case1 .form_box ul li .form_textarea:focus {outline:none; box-shadow:none !important;}
.sContact_case1 .form_box ul li .select_box {width:100%; position:relative;}
.sContact_case1 .form_box ul li .select_box:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:24px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sContact_case1 .form_box ul li .select_box select {display:block; width:100%; height:64px; background:#fff; border:1px solid #ccc !important; border-radius:50px; font-size:1.25em; color:#666; padding:0 40px 0 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sContact_case1 .form_box ul li .select_box select:focus {outline:none; box-shadow:none !important;}

.sContact_case1 .form_box .phone_box {display:flex; align-items:center;}
.sContact_case1 .form_box .phone_box span {display:block; width:25px; font-size:1.25em; color:#666; text-align:center;}
.sContact_case1 .form_box .phone_box .form_txt {width:calc(33.33% - 16.66px)}

.sContact_case1 .form_box .email_box {display:flex; align-items:center; flex-wrap:wrap;}
.sContact_case1 .form_box .email_box span {display:block; width:34px; font-size:1.25em; color:#666; text-align:center;}
.sContact_case1 .form_box .email_box .form_txt {width:33.33%;}
.sContact_case1 .form_box .email_box .select_box {width:calc(33.33% - 38px); margin-left:4px;}

.sContact_case1 .privacy_box {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; border-top:2px solid #000; border-bottom:1px solid #ccc; margin-top:38px; padding:24px 0;}
.sContact_case1 .privacy_box .check_box input {display:none;}
.sContact_case1 .privacy_box .check_box label {display:flex; align-items:center; gap:0 8px;}
.sContact_case1 .privacy_box .check_box label:before {content:'\f058'; font-size:1em; color:#ccc; font-weight:900; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .privacy_box .check_box label p {font-size:1em; line-height:1.5em; font-weight:600;}
.sContact_case1 .privacy_box .check_box input:checked + label:before {color:#ff9c00;}
.sContact_case1 .privacy_box .view_btn {display:block; font-size:0.875em; color:#666; line-height:1.4em; font-weight:600;}
.sContact_case1 .privacy_box .view_btn:after {content:'\f13a'; font-size:1.14em; color:#666; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:8px;}
.sContact_case1 .privacy_box .view_btn.on:after {content:'\f139'}
.sContact_case1 .privacy_box .box {display:none; width:100%; margin-top:30px;}
.sContact_case1 .privacy_box .box .tit {font-size:1.125em; line-height:1.5em; font-weight:500; margin-bottom:15px;}
.sContact_case1 .privacy_box .box > div {width:100%; max-height:220px; background:#f6f6f6; font-size:0.9375em; color:#666; line-height:1.5em; overflow-y:auto; padding:20px;}

.sContact_case1 .submit_btn {display:block; width:100%; height:78px; background:#ff9c00; border-radius:50px; font-size:1.25em; color:#fff; line-height:1.5em; font-weight:700; margin-top:40px; transition:background 0.5s}
.sContact_case1 .submit_btn:hover {background:#000;}

@media screen and (max-width:1220px){
    .sContact_case1 .tit_box {width:100%; position:relative; top:0;}
    .sContact_case1 .form_box {width:100%; margin-top:70px;}
}

@media screen and (max-width:1024px){
    .sContact_case1 .tit_box dl {margin-top:5.5%; gap:6px 0;}
    .sContact_case1 .tit_box dl dt {width:70px; font-size:1.125em;}
    .sContact_case1 .tit_box dl dt i {margin-right:10px;}
    .sContact_case1 .tit_box dl dd {font-size:1.125em;}
    .sContact_case1 .form_box {margin-top:7%;}
    .sContact_case1 .form_box .t1 {margin-bottom:2.5%;}
    .sContact_case1 .form_box ul li {margin-bottom:2.5%;}
    .sContact_case1 .form_box ul li > label {width:90px; font-size:1.125em; line-height:55px;}
    .sContact_case1 .form_box ul li > div {width:calc(100% - 90px)}
    .sContact_case1 .form_box ul li .form_txt {height:55px; font-size:1.125em; padding:0 20px;}
    .sContact_case1 .form_box ul li .form_textarea {height:350px; font-size:1.125em; padding:15px 20px; border-radius:15px;}
    .sContact_case1 .form_box ul li .select_box:after {right:20px;}
    .sContact_case1 .form_box ul li .select_box select {height:55px; font-size:1.125em; padding:0 35px 0 20px;}

    .sContact_case1 .privacy_box {margin-top:4%; padding:2.5% 0;}
    .sContact_case1 .privacy_box .box {margin-top:20px;}
    .sContact_case1 .privacy_box .box .tit {font-size:1em; margin-bottom:10px;}
    .sContact_case1 .privacy_box .box > div {max-height:180px; padding:15px;}

    .sContact_case1 .submit_btn {height:60px; font-size:1.125em; margin-top:5%;}
}

@media screen and (max-width:767px){
    .sContact_case1 .tit_box dl {margin-top:4%; gap:4px 0;}
    .sContact_case1 .tit_box dl dt {width:55px; font-size:1em;}
    .sContact_case1 .tit_box dl dt i {margin-right:6px;}
    .sContact_case1 .tit_box dl dd {width:calc(100% - 55px); font-size:1em;}
    .sContact_case1 .form_box .t1 {font-size:0.9375em;}
    .sContact_case1 .form_box ul li {margin-bottom:1.5%;}
    .sContact_case1 .form_box ul li > label {width:65px; font-size:1em; line-height:42px;}
    .sContact_case1 .form_box ul li > div {width:calc(100% - 65px)}
    .sContact_case1 .form_box ul li .form_txt {height:42px; font-size:1em; padding:0 12px;}
    .sContact_case1 .form_box ul li .form_textarea {height:160px; font-size:1em; padding:12px; border-radius:10px;}
    .sContact_case1 .form_box ul li .select_box:after {right:12px;}
    .sContact_case1 .form_box ul li .select_box select {height:42px; font-size:1em; padding:0 25px 0 12px;}

    .sContact_case1 .form_box .phone_box span {width:15px; font-size:1em;}
    .sContact_case1 .form_box .phone_box .form_txt {width:calc(33.33% - 10px)}
    
    .sContact_case1 .form_box .email_box span {width:20px; font-size:1em;;}
    .sContact_case1 .form_box .email_box .form_txt {width:calc(50% - 10px)}
    .sContact_case1 .form_box .email_box .select_box {width:100%; margin-left:0; margin-top:4px;}

    .sContact_case1 .privacy_box {margin-top:4%; padding:2.5% 0;}
    .sContact_case1 .privacy_box .box {margin-top:15px;}

    .sContact_case1 .submit_btn {height:45px; font-size:1em;}
}



.sSubsidiary_case1 {display:flex; align-items:start; position:relative;}
.sSubsidiary_case1 > p {width:calc(100% - 815px);}
.sSubsidiary_case1 table {width:815px; border-top:1px solid #ccc; text-align:left;}
.sSubsidiary_case1 table tbody th {width:178px; border-bottom:1px solid #ccc;  font-size:1.25em; line-height:1.5em; font-weight:600; padding:24px 0;}
.sSubsidiary_case1 table tbody td {border-bottom:1px solid #ccc;  font-size:1.25em; color:#666; line-height:1.5em; padding:24px 0;}
.sSubsidiary_case1.case2 > p {position:sticky; left:0; top:110px;}
.sSubsidiary_case1.case2 table tbody th {width:136px;}

@media screen and (max-width:1460px){
	.sSubsidiary_case1 > p {width:420px;}
	.sSubsidiary_case1 table {width:calc(100% - 420px);}
}

@media screen and (max-width:1024px){
	.sSubsidiary_case1 > p {width:330px;}
	.sSubsidiary_case1 table {width:calc(100% - 330px);}
	.sSubsidiary_case1 table tbody th {width:120px; font-size:1.125em; padding:15px 0;}
	.sSubsidiary_case1 table tbody td {font-size:1.125em; padding:15px 0;}
    .sSubsidiary_case1.case2 > p {top:80px;}
    .sSubsidiary_case1.case2 table tbody th {width:90px;}
}

@media screen and (max-width:767px){
	.sSubsidiary_case1 {display:block;}
	.sSubsidiary_case1 > p {width:100%;}
	.sSubsidiary_case1 table {width:100%; margin-top:4%;}
	.sSubsidiary_case1 table tbody th {width:90px; font-size:1em; padding:12px 0;}
	.sSubsidiary_case1 table tbody td {font-size:1em; padding:12px 0;}
    .sSubsidiary_case1.case2 > p {position:relative; top:0;}
    .sSubsidiary_case1.case2 table tbody th {width:70px;}
}