@charset "utf-8";


.dolbom_btn1 {display:flex; justify-content:center; align-items:center; width:fit-content; height:56px; background:#7e6bf9; border-radius:6px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; padding:0 30px; transition:all 0.5s; transition-property:background;}
.dolbom_btn1 i {font-size:0.77em; margin-left:10px; position:relative; top:2px;}
.dolbom_btn1:hover {background:#3d26cf;}
.dolbom_btn1.case2 {background:rgba(255,255,255,0.2); backdrop-filter:blur(20px);}
.dolbom_btn1.case2:hover {background:#191919}
.dolbom_btn1.case3 {background:#19c2da;}
.dolbom_btn1.case3:hover {background:#006f97}
.dolbom_btn1.case4 {background:#191919;}
.dolbom_btn1.case4:hover {background:#7e6bf9}

@media screen and (max-width:1024px){
    .dolbom_btn1 {height:44px; font-size:1em; padding:0 15px;}
    .dolbom_btn1 i {top:0;}
}

@media screen and (max-width:767px){
    .dolbom_btn1 {height:38px; border-radius:5px; padding:0 12px;}
    .dolbom_btn1 i {margin-left:5px;}
}


/* header */
#dolbom_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:120px; padding:0 60px; position:fixed; left:0; top:0; z-index:500; transition:background 0.3s, height 0.4s;}
#dolbom_header:before {content:''; display:block; width:100%; height:0; background:#f8f8f8; position:absolute; left:0; top:120px; z-index:0; opacity:0; transition:all 0.3s ease-in-out; transition:top 0.4s;}

#dolbom_header .h_util {display:flex; align-items:center;}
#dolbom_header .h_lang {position:relative; margin-right:30px;}
#dolbom_header .h_lang button {display:block; width:60px; height:30px; background:none; border:1px solid #fff; border-radius:15px; font-size:0.75em; color:#fff; font-family:'Poppins'}
#dolbom_header .h_lang button:after {content:'\f107'; display:inline-block; font-size:0.83em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:4px; transition:transform 0.4s;}
#dolbom_header .h_lang button.on:after {transform:rotate(-180deg)}
#dolbom_header .h_lang ul {display:none; width:100%; position:absolute; left:0; top:100%; margin-top:10px;}
#dolbom_header .h_lang ul li {margin-bottom:5px;}
#dolbom_header .h_lang ul li:last-child {margin-bottom:0;}
#dolbom_header .h_lang ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:30px; background:#fff; border:1px solid #191919; border-radius:15px; font-size:0.75em; font-weight:500; font-family:'Poppins'; text-align:center; transition:all 0.4s; transition-property:background, border, color;}
#dolbom_header .h_lang ul li a:hover {background:#7e6bf9; border-color:#7e6bf9; color:#fff;}

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

#dolbom_gnb {display:flex; justify-content:center; width:100%; position:absolute; left:0; top:0;}
#dolbom_gnb > ul {display:flex; justify-content:center; position:relative}
#dolbom_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:120px; font-weight:500; font-family:'Poppins'; margin:0 30px; transition:color 0.4s, line-height 0.4s; position:relative;}
#dolbom_gnb > ul > li > a:before {content:''; display:none; width:100%; height:2px; background:#191919; position:absolute; left:0; top:65%;}
#dolbom_gnb > ul > li > ul {display:flex; justify-content:center; align-items:center; width:100%; position:fixed; left:0; top:120px; opacity:0; visibility:hidden; padding:0 170px; transition:top 0.4s;}
#dolbom_gnb > ul > li > ul > li {position:relative; opacity:0;}
#dolbom_gnb > ul > li > ul > li:before {content:''; display:block; width:1px; height:12px; background:rgba(25,25,25,0.3); position:absolute; left:0; top:50%; transform:translateY(-50%)}
#dolbom_gnb > ul > li > ul > li:first-child:before {display:none;}
#dolbom_gnb > ul > li > ul > li > a {display:block; font-size:1.125em; color:#666; font-weight:500; line-height:115px; padding:0 45px; white-space:nowrap; transition:color 0.4s;}
#dolbom_gnb > ul > li:hover > a:before {display:block;}
#dolbom_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
#dolbom_gnb > ul > li:hover > ul > li {opacity:1; transition:all 0.7s ease-in-out; transition-property:opacity, transform;}
#dolbom_gnb > ul > li > ul > li > a:hover {color:#7e6bf9;}

#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 0s; transition-property:opacity, visibility; transition-delay:1s;}
#all_gnb:before {content:''; display:block; width:46px; height:46px; background:#fff; border-radius:50%; position:absolute; left:calc(97% - 23px); top:46px; z-index:2; transform:translate(-50%, -50%) scale(0); transition:all 0.8s ease-in-out;}
#all_gnb:after {content:''; display:block; width:100%; height:100%; background:url(../images/sitemap_logo.png) no-repeat right bottom; position:absolute; right:-200px; bottom:-200px; z-index:5; opacity:0; visibility:hidden; transform:translateY(60px); transition:all 0.6s; transition-property:opacity, visibility, transform;}
#all_gnb > div {display:flex; align-items:center; width:88%; max-width:1700px; position:relative; z-index:10; margin-top:20px; opacity:0; visibility:hidden; transition:all 0.2s; transition-property:opacity, visibility;}
#all_gnb > div .img_box {width:560px; height:760px; background:url(../images/sitemap_img.jpg) no-repeat center center; background-size:cover; border-radius:10px 10px 90px 10px; overflow:hidden; opacity:0; transform:translateX(-60px);}
#all_gnb > div > ul {display:flex; flex-wrap:wrap; width:calc(100% - 560px); padding-left:50px;}
#all_gnb > div > ul > li {width:33.33%; padding:0 40px 100px 40px; border-left:1px solid rgba(0,0,0,0.1); position:relative;}
#all_gnb > div > ul > li:nth-child(3) ~ li {padding-bottom:0;}
#all_gnb > div > ul > li:before {content:''; display:block; width:2px; height:25px; background:#191919; position:absolute; left:0; top:5px; transform:scaleY(0); transition:transform 0.4s;}
#all_gnb > div > ul > li > a {display:block; font-size:1.6875em; line-height:1.2em; font-weight:500; font-family:'Poppins'; opacity:0; transform:translateX(-20px);}
#all_gnb > div > ul > li > ul {margin-top:35px;}
#all_gnb > div > ul > li > ul > li {margin-bottom:10px;}
#all_gnb > div > ul > li > ul > li:last-child {margin-bottom:0;}
#all_gnb > div > ul > li > ul > li > a {display:block; font-size:1.125em; color:rgba(0,0,0,0.6); line-height:1.4em; opacity:0; transform:translateX(-20px);}
#all_gnb > div > ul > li:hover:before {transform:scaleY(1)}
#all_gnb > div > ul > li > ul > li > a:hover {color:#7e6bf9; font-weight:700;}

#menuToggle {display:block; width:36px; height:16px; position:relative; z-index:15;}
#menuToggle span {display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.6s;}
#menuToggle span:nth-child(1) {top:0;}
#menuToggle span:nth-child(2) {width:calc(100% - 8px); left:4px; top:50%; margin-top:-1px;}
#menuToggle span:nth-child(3) {bottom:0;}


#dolbom_header.sub_header {background:#fff;}

#dolbom_header.sub_header .h_lang button {border-color:#191919; color:#191919;}

#dolbom_header.sub_header #dolbom_logo {background-image:url(../images/logo.svg)}

#dolbom_header.sub_header #dolbom_gnb > ul > li > a {color:#191919;}

#dolbom_header.sub_header #menuToggle span {background:#191919;}


#dolbom_header.scroll_on {background:#fff; box-shadow:0 0 10px rgba(25,25,25,0.1)}

#dolbom_header.scroll_on .h_lang button {border-color:#191919; color:#191919;}

#dolbom_header.scroll_on #dolbom_logo {background-image:url(../images/logo.svg)}

#dolbom_header.scroll_on #dolbom_gnb > ul > li > a {color:#191919;}

#dolbom_header.scroll_on #menuToggle span {background:#191919;}


#dolbom_header.menu_on {background:#fff;}
#dolbom_header.menu_on:before {height:115px; opacity:1;}

#dolbom_header.menu_on .h_lang button {border-color:#191919; color:#191919;}

#dolbom_header.menu_on #dolbom_logo {background-image:url(../images/logo.svg)}

#dolbom_header.menu_on #dolbom_gnb > ul > li > a {color:#191919;}

#dolbom_header.menu_on #menuToggle span {background:#191919;}


#dolbom_header.on #dolbom_logo {background-image:url(../images/logo.svg)}

#dolbom_header.on #all_gnb {opacity:1; visibility:visible; transition-delay:0s;}
#dolbom_header.on #all_gnb:before {transform:translate(-50%, -50%) scale(150);}
#dolbom_header.on #all_gnb:after {opacity:1; visibility:visible; transform:translateY(0); transition-delay:0.8s}
#dolbom_header.on #all_gnb > div {opacity:1; visibility:visible; transition-delay:0.5s;}
#dolbom_header.on #all_gnb > div .img_box {opacity:1; transform:translateX(0); transition:all 1.4s 0.8s; transition-property:opacity, transform;}
#dolbom_header.on #all_gnb > div > ul > li > a {opacity:1; transform:translateX(0); transition:all 1s 0.8s; transition-property:opacity, transform;}
#dolbom_header.on #all_gnb > div > ul > li > ul > li > a {opacity:1; transform:translateX(0); transition:all 1s 1s; transition-property:opacity, transform;}

#dolbom_header.on #menuToggle span {background:#191919;}
#dolbom_header.on #menuToggle span:nth-child(1) {transform:translateY(7px) rotate(45deg)}
#dolbom_header.on #menuToggle span:nth-child(2) {width:0;}
#dolbom_header.on #menuToggle span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)}

@media screen and (min-width:1025px){
    #all_gnb > div > ul > li > ul {display:block !important;}

    #dolbom_header.scroll_on {height:80px;}
    #dolbom_header.scroll_on:before {top:80px;}
    
    #dolbom_header.scroll_on #dolbom_gnb > ul > li > a {line-height:80px;}
    #dolbom_header.scroll_on #dolbom_gnb > ul > li > ul {top:80px;}
}

@media screen and (max-width:1399px){
    #dolbom_header {padding:0 50px;}

    #dolbom_gnb {padding:0 100px 0 250px;}
    #dolbom_gnb > ul > li > a {margin:0 20px;}

    #all_gnb:after {background-size:50% auto}
    #all_gnb > div .img_box {width:35%; height:42vw}
    #all_gnb > div > ul {width:65%}
}

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

    #dolbom_logo {width:200px; height:32px;}

    #dolbom_gnb {padding:0 140px 0 240px;}
    #dolbom_gnb > ul > li > a {font-size:1em; margin:0 12px;}
    #dolbom_gnb > ul > li > ul > li > a {font-size:1em;}

    #all_gnb > div .img_box {display:none;}
    #all_gnb > div > ul {width:100%; padding-left:0;}
}

@media screen and (max-width:1024px){
    #dolbom_header {height:50px;}
    #dolbom_header .h_lang {margin-right:15px;}
    #dolbom_header .h_lang button {width:50px; height:26px; font-size:0.875em;}
    #dolbom_header .h_lang ul {margin-top:5px;}
    #dolbom_header .h_lang ul li {margin-bottom:3px;}
    #dolbom_header .h_lang ul li a {height:26px; font-size:0.875em;}

    #dolbom_logo {width:160px; height:26px;}

    #dolbom_gnb {display:none;}

    #all_gnb {display:block; padding:70px 6% 0;}
    #all_gnb:after {right:-100px; bottom:-100px;}
    #all_gnb > div > ul > li {width:100%; padding-bottom:0; border-left:0; padding:0 15px;}
    #all_gnb > div > ul > li:before {height:20px; top:13px;}
    #all_gnb > div > ul > li > a {font-size:1.4em; color:#191919; padding:10px 0;}
    #all_gnb > div > ul > li > ul {display:none; margin-top:0;}
    #all_gnb > div > ul > li > ul > li {margin-bottom:0;}
    #all_gnb > div > ul > li > ul > li > a {font-size:1em; padding:6px 0;}
    #all_gnb > div > ul > li.on:before {transform:scaleY(1)}

    #menuToggle {width:24px; height:14px;}
    #menuToggle span:nth-child(2) {width:calc(100% - 6px); left:3px;}
    
    #dolbom_header.on #menuToggle span:nth-child(1) {transform:translateY(6px) rotate(45deg)}
    #dolbom_header.on #menuToggle span:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}
}

@media screen and (max-width:767px){
    #all_gnb:after {right:-50px; bottom:-50px;}
    #all_gnb > div > ul > li:before {height:17px;}
}


/* footer */
#dolbom_footer {width:100%; border-top:1px solid #ccc; padding:50px 0 70px;}
#dolbom_footer > div {position:relative; padding-right:250px;}
#dolbom_footer .f_logo {height:40px;}
#dolbom_footer .f_logo img {height:100%;}
#dolbom_footer .f_info {margin-top:15px;}
#dolbom_footer .f_info li {display:inline-block; font-size:1em; color:#666; line-height:1.5em; margin:5px 15px 0 0;}
#dolbom_footer .f_info li strong {font-size:1em; color:#191919; font-weight:500; margin-right:5px;}
#dolbom_footer .copy {font-size:1em; font-weight:500; margin-top:20px;}
#dolbom_footer .f_family {width:250px; position:absolute; right:0; top:0; z-index:350;}
#dolbom_footer .f_family button {display:block; width:100%; height:56px; background:#fff; border:1px solid #ccc; border-radius:6px; font-size:1.125em; font-weight:500; padding:0 20px; text-align:left; position:relative; z-index:10; transition:border 0.3s ease;}
#dolbom_footer .f_family button:after {content:'\2b'; font-size:0.77em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
#dolbom_footer .f_family ul {display:none; width:100%; background:#fff; border:1px solid #7e6bf9; border-bottom:0; border-radius:6px 6px 0 0; padding:4px 5px 10px; position:absolute; left:0; bottom:100%; transform:translateY(6px)}
#dolbom_footer .f_family ul li a {display:block; width:100%; font-size:0.9375em; border-radius:4px; padding:12px; transition:all 0.3s; transition-property:background, color;}
#dolbom_footer .f_family ul li a:hover {background:#f8f8f8; color:#7e6bf9; font-weight:700;}
#dolbom_footer .f_family button.on {border-color:#7e6bf9; border-top:1px solid #f0f0f0; border-radius:0 0 6px 6px;}
#dolbom_footer .f_family button.on:after {content:'\f068'}
#dolbom_footer .f_sns {display:flex; gap:20px; position:absolute; right:0; bottom:0;}
#dolbom_footer .f_sns a {display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:contain;}

#dolbom_footer .f_member {display:flex; flex-wrap:wrap; gap:3px; margin-top:10px}
#dolbom_footer .f_member a {display:block; line-height:26px; border:1px solid #666; font-size:0.875em; color:#666; text-transform:uppercase; padding:0 10px;}

#dolbom_footer .f_sns .blog a {background-image:url(../images/icon_blog.svg)}
#dolbom_footer .f_sns .blog:hover a {background-image:url(../images/icon_blog_on.svg)}
#dolbom_footer .f_sns .instagram a {background-image:url(../images/icon_instagram.svg)}
#dolbom_footer .f_sns .instagram:hover a {background-image:url(../images/icon_instagram_on.svg)}
#dolbom_footer .f_sns .linkedin a {background-image:url(../images/icon_linkedin.svg)}
#dolbom_footer .f_sns .linkedin:hover a {background-image:url(../images/icon_linkedin_on.svg)}

.go_top {display:block; width:40px; height:40px; background:rgba(25,25,25,0.3); border-radius:10px; font-size:0.875em; color:#fff; right:30px; z-index:300;} 

@media screen and (max-width:1220px){
    .go_top {right:6%;}
}

@media screen and (max-width:1024px){
    #dolbom_footer {padding:5% 0;}
    #dolbom_footer > div {padding-right:180px;}
    #dolbom_footer .f_logo {height:35px;}
    #dolbom_footer .f_family {width:180px; top:-5px;}
    #dolbom_footer .f_family button {height:40px; font-size:1em; padding:0 15px;}
    #dolbom_footer .f_family button:after {right:15px;}
    #dolbom_footer .f_family ul li a {padding:10px;}
    #dolbom_footer .f_sns {gap:0 15px;}
    #dolbom_footer .f_sns a {width:26px; height:26px;}

	#dolbom_footer .f_member {left:230px;}
	#dolbom_footer .f_member a {line-height:24px; padding:0 8px;}

    .go_top {width:35px; height:35px;}
}

@media screen and (max-width:767px){
    #dolbom_footer > div {padding-right:0;}
    #dolbom_footer .f_logo {height:28px;}
    #dolbom_footer .f_info {margin-top:10px;}
    #dolbom_footer .f_family {width:100%; position:relative; top:0; margin-bottom:15px;}
    #dolbom_footer .f_family button {height:38px; padding:0 10px;}
    #dolbom_footer .f_family button:after {right:10px;}
    #dolbom_footer .f_family ul li a {padding:8px 5px;}
    #dolbom_footer .f_sns {gap:0 10px; right:auto; left:0;}
    #dolbom_footer .f_sns a {width:20px; height:20px;}

	#dolbom_footer .f_member {justify-content:end; right:0; top:0; padding-left:100px;}
	#dolbom_footer .f_member a {line-height:22px;}

    .go_top {width:30px; height:30px; border-radius:5px;}
}



/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:calc(100% - 20px); height:calc(100vh - 20px); border-radius:10px; margin:10px; overflow:hidden; position:relative;}
#mVisu .txt_box {position:relative; z-index:10;}
#mVisu .txt_box .tit {font-size:6.25em; color:#fff; line-height:1.1em; font-weight:500; font-family:'Poppins'; overflow:hidden;}
#mVisu .txt_box .txt {font-size:1.875em; color:#fff; line-height:1.4em; font-weight:600; margin-top:30px; 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:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:3;}
#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 .scroll_box {width:100px; height:100px; background:url(../images/icon_scroll_arrow.svg) no-repeat center center; position:absolute; right:50px; bottom:50px; z-index:10;}
#mVisu .scroll_box:before {content:''; display:block; width:100%; height:100%; background:url(../images/scroll_txt.png) no-repeat center center; background-size:contain; animation:mVisuScroll 10s infinite linear}

@keyframes mVisuScroll {
    0% {transform:rotate(0)}
    100% {transform:rotate(360deg)}
}

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

@media screen and (max-width:1220px){
    #mVisu .txt_box .tit {font-size:5.2em;}
    #mVisu .scroll_box {right:6%;}
}

@media screen and (max-width:1024px){
    #mVisu {width:calc(100% - 10px); height:calc(100vh - 10px); margin:5px;}
    #mVisu .txt_box .tit {font-size:4em;}
    #mVisu .txt_box .txt {font-size:1.5em; margin-top:3%;}
    #mVisu .video_box iframe {min-width:1500px; min-height:1300px;}
    #mVisu .scroll_box {width:70px; height:70px; background-size:13px auto; bottom:30px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box .tit {font-size:2.3em;}
    #mVisu .txt_box .txt {font-size:1.125em; font-weight:400;}
    #mVisu .video_box iframe {min-width:1400px; min-height:1000px;}
    #mVisu .scroll_box {width:50px; height:50px; background-size:10px auto; bottom:15px;}
}


.main_title .tit1 {font-size:3.125em; line-height:1.2em; font-weight:600;}
.main_title .tit2 {font-size:3.75em; line-height:1.2em; font-weight:500; font-family:'Poppins'}
.main_title .txt {font-size:1.25em; color:#666; line-height:1.5em; margin-top:20px;}

@media screen and (max-width:1024px){
    .main_title .tit1 {font-size:2.6em;}
    .main_title .tit2 {font-size:3.2em;}
    .main_title .txt {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .main_title .tit1 {font-size:1.9em;}
    .main_title .tit2 {font-size:2.5em;}
    .main_title .txt {font-size:1em; margin-top:1.5%;}
}



.main_box1 {width:100%; height:300vh; position:relative;}
.main_box1 > div {width:100%; height:100vh; position:sticky; left:0; top:0;}

#mSolution {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0;}

#mCompany {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; transform:translateY(100%); overflow:hidden;}
#mCompany .img_box {width:31vw; height:31vw; background:url(../images/mCompanyBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; bottom:0; transform:translateX(-50%)}
#mCompany .inner {position:relative; z-index:10; opacity:0; transition:opacity 0.4s;}
#mCompany .inner.on {opacity:1;}
#mCompany ul {display:flex; justify-content:center; flex-wrap:wrap; gap:20px 40px; width:100%; margin:70px 0 100px;}
#mCompany ul li {width:240px; text-align:center;}
#mCompany ul li .number {font-size:1.5em; color:#fff; font-weight:600; line-height:1.1em;}
#mCompany ul li .number span {font-size:5em; line-height:1.1em;}
#mCompany ul li .txt {font-size:1.125em; color:#fff; line-height:1.55em; font-weight:600;}
#mCompany .btn_box {display:flex; justify-content:center; gap:8px;}

@media screen and (max-width:1220px){
    #mCompany ul li {width:calc(25% - 30px)}
}

@media screen and (max-width:1024px){
    #mCompany ul {margin:7% 0 10%; gap:0;}
    #mCompany ul li {width:25%;}
    #mCompany ul li .number {font-size:1.3em;}
    #mCompany ul li .number span {font-size:4em;}
    #mCompany ul li .txt {font-size:1em;}
}

@media screen and (max-width:767px){
    #mCompany ul {gap:20px 0;}
    #mCompany ul li {width:50%;}
    #mCompany ul li .number {font-size:1.125em;}
    #mCompany ul li .number span {font-size:3em; margin-right:2px;}
    #mCompany .btn_box {gap:4px;}
}


#mProducts {margin-top:150px; padding:0 50px; overflow:hidden;}
#mProducts ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; max-width:1820px; margin:70px auto 0;}
#mProducts ul li {width:calc(50% - 10px); height:600px; border-radius:10px; overflow:hidden; position:relative;}
#mProducts ul li .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transition:transform 0.6s}
#mProducts ul li:hover .img_box {transform:scale(1.1)}
#mProducts ul li .txt_box {width:100%; height:100%; position:relative; z-index:5; padding:70px;}
#mProducts ul li .txt_box .img img {height:60px;}
#mProducts ul li .txt_box .txt {font-size:1.25em; font-weight:600; line-height:1.5em; margin-top:20px;}
#mProducts ul li .txt_box .dolbom_btn1 {position:absolute; left:70px; bottom:70px;}

@media screen and (max-width:1399px){
    #mProducts ul li {height:37vw;}
    #mProducts ul li .txt_box {padding:40px;}
    #mProducts ul li .txt_box .dolbom_btn1 {left:40px; bottom:40px;}
}

@media screen and (max-width:1220px){
    #mProducts {padding:0 6%;}
    #mProducts ul li .txt_box .img img {height:50px;}
}

@media screen and (max-width:1024px){
    #mProducts {margin-top:15%;}
    #mProducts ul {margin-top:7%;}
    #mProducts ul li {width:100%; height:45vw; margin-bottom:1%;}
    #mProducts ul li:last-child {margin-bottom:0;}
    #mProducts ul li .txt_box {padding:25px;}
    #mProducts ul li .txt_box .img img {height:40px;}
    #mProducts ul li .txt_box .txt {font-size:1.125em; margin-top:10px;}
    #mProducts ul li .txt_box .dolbom_btn1 {left:25px; bottom:25px;}
}

@media screen and (max-width:767px){
    #mProducts ul li {height:54vw; border-radius:5px;}
    #mProducts ul li .txt_box {padding:15px;}
    #mProducts ul li .txt_box .img img {height:24px;}
    #mProducts ul li .txt_box .txt {font-size:1em; margin-top:5px;}
    #mProducts ul li .txt_box .dolbom_btn1 {display:none; left:15px; bottom:15px;}
}


#mNews {width:100%; margin:150px 0; overflow:hidden;}
.mNews_slide {width:100%; margin-top:70px; padding-bottom:53px; position:relative;}
.mNews_slide .img_box {width:100%; height:250px; border-radius:10px; overflow:hidden;}
.mNews_slide .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.6s}
.mNews_slide .subject {font-size:1.25em; line-height:1.5em; font-weight:600; margin-top:20px; max-height:3em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mNews_slide .date {font-size:1.125em; color:#666; margin-top:10px;}
.mNews_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:100%; height:3px; background:#d9d9d9; border-radius:3px; top:auto; bottom:0;}
.mNews_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height:100%; background:#191919; border-radius:3px;}
.mNews_slide .swiper-slide:hover .img_box div {transform:scale(1.1)}

@media screen and (max-width:1220px){
    .mNews_slide .img_box {height:19vw}
}

@media screen and (max-width:1024px){
    #mNews {margin:15% 0;}
    .mNews_slide {margin-top:7%; padding-bottom:43px;}
    .mNews_slide .subject {font-size:1.125em; margin-top:10px;}
    .mNews_slide .date {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .mNews_slide {padding-bottom:33px;}
    .mNews_slide .img_box {height:50vw; border-radius:5px;}
}


#mRecruit {width:calc(100% - 100px); max-width:1820px; height:510px; position:relative; border-radius:10px; margin:0 auto; overflow:hidden;}
#mRecruit > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; height:100%; padding:0 100px 0 150px;}
#mRecruit .main_title {width:calc(100% - 900px); position:relative; z-index:5;}
#mRecruit ul {display:flex; flex-wrap:wrap; width:900px;}
#mRecruit ul li {width:50%;}
#mRecruit ul li .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#mRecruit ul li .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3);}
#mRecruit ul li a {display:flex; justify-content:space-between; flex-direction:column; width:100%; height:310px; border-radius:10px; padding:50px; position:relative; z-index:5; transition:background 0.5s;}
#mRecruit ul li a:after {content:'\e09f'; font-size:1.5em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; opacity:0; transition:opacity 0.5s}
#mRecruit ul li a dl dt {font-size:1.5em; color:#fff; line-height:1.3em; font-weight:700;}
#mRecruit ul li a dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:20px;}
#mRecruit ul li.on .img_box {opacity:1; visibility:visible;}
#mRecruit ul li.on a:after {opacity:1;}

@media screen and (min-width:1025px){
    #mRecruit ul li:nth-child(1).on a {background:#7e6bf9}
    #mRecruit ul li:nth-child(2).on a {background:#19c2da}
}

@media screen and (max-width:1699px){
    #mRecruit > div {padding:0 50px 0 100px;}
    #mRecruit .main_title {width:450px;}
    #mRecruit ul {width:calc(100% - 450px)}
}

@media screen and (max-width:1399px){
    #mRecruit > div {padding:0 50px;}
    #mRecruit .main_title {width:calc(100% - 450px)}
    #mRecruit ul {width:450px;}
    #mRecruit ul li {width:100%;}
    #mRecruit ul li a {height:220px; padding:20px;}
    #mRecruit ul li a dl dd {margin-top:15px;}
}

@media screen and (max-width:1220px){
    #mRecruit {width:88%;}
}

@media screen and (max-width:1024px){
    #mRecruit {width:100%; height:auto; border-radius:0;}
    #mRecruit > div {padding:0;}
    #mRecruit .main_title {width:88%; margin:0 auto 5%;}
    #mRecruit .main_title .tit2, #mRecruit .main_title .txt {color:#191919 !important;}
    #mRecruit ul {width:100%;}
    #mRecruit ul li {width:100%; position:relative;}
    #mRecruit ul li .img_box {opacity:1; visibility:visible;}
    #mRecruit ul li a {height:auto; padding:10% 6%;}
    #mRecruit ul li a:after {font-size:1.3em; opacity:1;}
    #mRecruit ul li a dl {margin-bottom:8%;}
    #mRecruit ul li a dl dt {font-size:1.3em;}
    #mRecruit ul li a dl dd {font-size:1em; margin-top:1.5%;}
}


#mContact {margin:150px auto 100px;}
#mContact .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:70px;}
#mContact .form_box ul {width:calc(50% - 10px)}
#mContact .form_box ul li {margin-bottom:30px;}
#mContact .form_box ul li:last-child {margin-bottom:0;}
#mContact .form_box ul li > label {display:block; font-size:1.125em; font-weight:600; margin-bottom:10px;}
#mContact .form_box ul li > label i {color:#7e6bf9; font-style:normal;}
#mContact .form_box ul li .form_txt {display:block; width:100%; height:61px; background:#fff; border:1px solid #ccc; border-radius:6px; font-size:1.125em; padding:0 20px;}
#mContact .form_box ul li .form_txt::placeholder {color:#ccc;}
#mContact .form_box ul li .form_txt::-webkit-input-placeholder {color:#ccc;}
#mContact .form_box ul li .form_txt:-ms-input-placeholder {color:#ccc;}
#mContact .form_box ul li .form_txt:focus {outline:none; border:2px solid #19c2da !important; box-shadow:4px 4px 10px rgba(25,194,218,0.1)}
#mContact .form_box ul li .form_textarea {display:block; width:100%; height:242px; background:#fff; border:1px solid #ccc; border-radius:6px; font-size:1.125em; padding:20px; resize:none;}
#mContact .form_box ul li .form_textarea::placeholder {color:#ccc;}
#mContact .form_box ul li .form_textarea::-webkit-input-placeholder {color:#ccc;}
#mContact .form_box ul li .form_textarea:-ms-input-placeholder {color:#ccc;}
#mContact .form_box ul li .form_textarea:focus {outline:none; border:2px solid #19c2da !important; box-shadow:4px 4px 10px rgba(25,194,218,0.1)}
#mContact .form_box ul li .check_box input {display:none;}
#mContact .form_box ul li .check_box label {display:flex; align-items:center;}
#mContact .form_box ul li .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:#efefef; border-radius:4px; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
#mContact .form_box ul li .check_box label p {font-size:1em; color:#666; padding-left:6px;}
#mContact .form_box ul li .check_box label p a {color:#19c2da; font-weight:600; text-decoration:underline;}
#mContact .form_box ul li .check_box input:checked + label:before {content:'\f00c'; background:#19c2da;}
#mContact .form_box ul li .t_leng {font-size:1em; color:#666; text-align:right; margin-top:10px;}
#mContact .btn_box {display:flex; justify-content:end; margin-top:30px;}

@media screen and (max-width:1024px){
    #mContact {margin:15% auto 10%;}
    #mContact .form_box {margin-top:7%;}
    #mContact .form_box ul {width:calc(50% - 5px)}
    #mContact .form_box ul li {margin-bottom:20px;}
    #mContact .form_box ul li > label {font-size:1em;}
    #mContact .form_box ul li .form_txt {height:48px; font-size:1em; padding:0 15px;}
    #mContact .form_box ul li .form_textarea {height:180px; font-size:1em; padding:15px;}
}

@media screen and (max-width:767px){
    #mContact .form_box ul {width:100%; margin-bottom:4%;}
    #mContact .form_box ul:last-child {margin-bottom:0;}
    #mContact .form_box ul li {margin-bottom:4%;}
    #mContact .form_box ul li > label {margin-bottom:1.5%;}
    #mContact .form_box ul li .form_txt {height:38px; padding:0 10px;}
    #mContact .form_box ul li .form_textarea {height:110px; padding:10px;}
    #mContact .form_box ul li .check_box label:before {width:20px; height:20px;}
}


#mPartners {width:100%; overflow:hidden; margin-bottom:100px;}
.mPartners_slide .swiper-wrapper {transition-timing-function:linear}
.mPartners_slide .swiper-slide {width:auto;}
.mPartners_marquee {width:100%;}
.marquee_track {display:flex; width:max-content; animation:marquee-left 40s linear infinite;}
.marquee_track .item {flex:0 0 auto; margin-right:10px;}
.marquee_track img {display:block;}

@keyframes marquee-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}


@media screen and (max-width:1024px){
    #mPartners {margin-bottom:10%;}
    .mPartners_slide img {height:60px;}

	.marquee_track img {height:60px;}
}

@media screen and (max-width:767px){
    .mPartners_slide img {height:40px;}

	.marquee_track img {height:55px;}
}



/* sub */
#sVisu {display:flex; justify-content:center; align-items:center; width:calc(100% - 20px); height:500px; border-radius:10px; margin:120px auto 0; overflow:hidden; position:relative;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; animation:sVisu 5s ease-in-out forwards}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.3; position:absolute; left:0; top:0; z-index:1;}
#sVisu > div {position:relative; z-index:5; text-align:center;}
#sVisu h2 {font-size:4.375em; color:#fff; line-height:1.1em; font-weight:500; font-family:'Poppins'; overflow:hidden;}
#sVisu p {font-size:1.5em; color:#fff; line-height:1.3em; font-weight:600; margin-top:20px; overflow:hidden;}
#sVisu span {display:block;}

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

@keyframes sVisu {
    0% {transform:scale(1.3)}
    100% {transform:scale(1)}
}

@media screen and (max-width:1024px){
    #sVisu {width:calc(100% - 10px); height:320px; margin-top:50px;}
    #sVisu h2 {font-size:3em;}
    #sVisu p {font-size:1.3em; margin-top:2%;}
}

@media screen and (max-width:767px){
    #sVisu {height:230px;}
    #sVisu h2 {font-size:2.5em;}
    #sVisu p {font-size:1em; margin-top:3%;}
}


#sub_content {margin:100px 0; overflow:hidden;}
#sub_content.case2 {overflow:visible}

.sub_title h3 {font-size:1.25em; color:#7e6bf9; font-weight:500; font-family:'Poppins'; margin-bottom:20px;}
.sub_title .tit {font-size:3.125em; line-height:1.2em; font-weight:600;}

.s_tit1 {font-size:1.5em; font-weight:600; line-height:1.4em;}
.s_tit2 {font-size:1.875em; line-height:1.33em; font-weight:600;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.55em;}

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

    .sub_title h3 {font-size:1.125em; margin-bottom:2%;}
    .sub_title .tit {font-size:2.7em;}

    .s_tit1 {font-size:1.3em;}
    .s_tit2 {font-size:1.5em;}

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

@media screen and (max-width:767px){
    .sub_title .tit {font-size:2em;}

    .s_tit1 {font-size:1.2em;}
    .s_tit2 {font-size:1.3em;}
}


.sub_img_box1 {width:100%; height:420px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sub_img_box1.h560 {height:560px;}

.sub_img_box2 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:30px;}
.sub_img_box2 > div:last-child {margin-bottom:0;}
.sub_img_box2 > div:nth-child(even) {flex-direction:row-reverse;}
.sub_img_box2 > div .img_box {width:50%; height:360px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sub_img_box2 > div .txt_box {width:calc(50% - 70px)}
.sub_img_box2 > div .txt_box .s_tit1 {margin-bottom:20px;}

@media screen and (max-width:1220px){
    .sub_img_box1 {height:35vw}
    .sub_img_box1.h560 {height:46vw}

    .sub_img_box2 > div .img_box {height:28vw;}
    .sub_img_box2 > div .txt_box {width:calc(50% - 50px)}
}

@media screen and (max-width:1024px){
    .sub_img_box2 > div {margin-bottom:3%;}
    .sub_img_box2 > div .txt_box {width:calc(50% - 25px)}
    .sub_img_box2 > div .txt_box .s_tit1 {margin-bottom:10px;}
}

@media screen and (max-width:767px){
    .sub_img_box1 {height:40vw}

    .sub_img_box2 > div {margin-bottom:8%;}
    .sub_img_box2 > div .img_box {width:100%; height:52vw; margin-bottom:3%;}
    .sub_img_box2 > div .txt_box {width:100%;}
    .sub_img_box2 > div .txt_box .s_tit1 {margin-bottom:1%;}
}


.sub_list_box1 > li {font-size:1.125em; color:#666; line-height:1.55em; padding-left:25px; position:relative;}
.sub_list_box1 > li:before {content:'·'; display:block; width:25px; font-weight:900; text-align:center; position:absolute; left:0; top:0;}

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


.sub_table_box1 {width:100%; border-top:1px solid #000;}
.sub_table_box1 tbody th {background:#f8f8f8; border-bottom:1px solid #ccc; font-size:1.25em; font-weight:600; text-align:center; padding:30px 10px;}
.sub_table_box1 tbody td {border-bottom:1px solid #ccc; padding:30px;}

.sub_table_box2 {width:100%; border-top:1px solid #000;}
.sub_table_box2 thead th {background:#f8f8f8; border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.25em; font-weight:600; text-align:center; padding:20px 10px;}
.sub_table_box2 thead th:first-child {border-left:0;}
.sub_table_box2 tbody td {border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.125em; color:#666; line-height:1.55em; text-align:center; padding:20px 10px;}
.sub_table_box2 tbody td:first-child {border-left:0;}

@media screen and (max-width:1024px){
    .sub_table_box1 tbody th {font-size:1.125em; padding:15px 10px;}
    .sub_table_box1 tbody td {font-size:1.125em; padding:15px;}
    
    .sub_table_box2 thead th {font-size:1.125em; padding:15px 10px;}
    .sub_table_box2 tbody td {font-size:1em; padding:15px;}
}

@media screen and (max-width:767px){
    .sub_table_box1 tbody th {font-size:1em; padding:10px;}
    .sub_table_box1 tbody td {font-size:1em; padding:10px;}
    
    .sub_table_box2 thead th {font-size:1em; padding:10px;}
    .sub_table_box2 tbody td {padding:10px 5px;}
}

.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;
		}
	}

}


.sAbout_case1 .tit_box {display:flex; justify-content:space-between; align-items:end;}

.sAbout_case2 {display:flex; flex-wrap:wrap; gap:20px;}
.sAbout_case2 > div {width:calc(50% - 10px)}
.sAbout_case2 > div .img_box {width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sAbout_case2 > div .txt_box {margin-top:40px;}
.sAbout_case2 > div .txt_box .logo img {height:50px;}
.sAbout_case2 > div .txt_box dl {margin:20px 0 30px;}
.sAbout_case2 > div .txt_box dl dd {margin-top:10px;}

.sAbout_case3 {position:relative;}
.sAbout_case3:after {content:''; display:block; width:100%; clear:both;}
.sAbout_case3 .sub_title {float:left; width:50%; position:sticky; left:0; top:140px;}
.sAbout_case3 .txt_box {float:right; width:50%;}
.sAbout_case3 .txt_box > div {padding-bottom:50px; padding-left:70px; position:relative;}
.sAbout_case3 .txt_box > div:last-child {margin-bottom:0;}
.sAbout_case3 .txt_box > div:before {content:''; display:block; width:16px; height:16px; background:#fff; border:3px solid #7e6bf9; border-radius:50%; position:absolute; left:0; top:11px; z-index:5;}
.sAbout_case3 .txt_box > div:after {content:''; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:8px; top:11px;}
.sAbout_case3 .txt_box > div:last-child:after {display:none;}
.sAbout_case3 .txt_box .date {font-size:1.5em; font-weight:500; font-family:'Poppins'; margin-bottom:10px;}

.sAbout_slide1 .swiper-slide {width:340px; position:relative;}
.sAbout_slide1 .swiper-slide:before {content:''; display:block; width:16px; height:16px; background:#fff; border:3px solid #7e6bf9; border-radius:50%; margin-bottom:30px; position:relative; z-index:5;}
.sAbout_slide1 .swiper-slide:after {content:''; display:block; width:calc(100% + 30px); height:1px; background:#ccc; position:absolute; left:0; top:7px;}
.sAbout_slide1 .swiper-slide:last-child:after {width:100%;}
.sAbout_slide1 .date {font-size:1.5em; font-weight:500; font-family:'Poppins'; margin-bottom:10px;}

@media screen and (max-width:1220px){
    .sAbout_case2 > div .img_box {height:42vw}
}

@media screen and (max-width:1024px){
    .sAbout_case2 {gap:10px;}
    .sAbout_case2 > div {width:calc(50% - 5px)}
    .sAbout_case2 > div .txt_box {margin-top:20px;}
    .sAbout_case2 > div .txt_box .logo img {height:35px;}
    .sAbout_case2 > div .txt_box dl {margin:15px 0 20px;}
    .sAbout_case2 > div .txt_box dl dd {margin-top:5px;}
    .sAbout_case2 > div .txt_box dl dd .mo_br {display:none;}

	.sAbout_case3 .sub_title {width:270px; top:100px;}
	.sAbout_case3 .txt_box {width:calc(100% - 270px)}
	.sAbout_case3 .txt_box > div {padding-bottom:5%; padding-left:40px;}
	.sAbout_case3 .txt_box > div:before {width:12px; height:12px; border-width:2px; top:9px;}
	.sAbout_case3 .txt_box > div:after {left:6px; top:9px;}
	.sAbout_case3 .txt_box .date {font-size:1.3em; margin-bottom:5px;}

    .sAbout_slide1 .swiper-slide {width:260px;}
    .sAbout_slide1 .swiper-slide:before {width:12px; height:12px; border-width:2px; margin-bottom:20px;}
    .sAbout_slide1 .swiper-slide:after {top:5px;}
    .sAbout_slide1 .date {font-size:1.3em; margin-bottom:5px;}
}

@media screen and (max-width:767px){
    .sAbout_case1 {position:relative; padding-bottom:60px;}
    .sAbout_case1 .tit_box {display:block;}
    .sAbout_case1 .tit_box .dolbom_btn1 {position:absolute; right:0; bottom:0;}

    .sAbout_slide1 .swiper-slide {width:220px;}
    .sAbout_slide1 .swiper-slide:before {margin-bottom:15px;}
    .sAbout_slide1 .date {font-size:1.2em;}

    .sAbout_case2 {gap:0;}
    .sAbout_case2 > div {width:100%; margin-bottom:10%;}
    .sAbout_case2 > div:last-child {margin-bottom:0;}
    .sAbout_case2 > div .img_box {height:85vw;}
    .sAbout_case2 > div .txt_box .logo img {height:25px;}
    .sAbout_case2 > div .txt_box dl {margin:10px 0 15px;}

	.sAbout_case3 .sub_title {float:none; width:100%; position:relative; top:0; margin-bottom:4%;}
	.sAbout_case3 .txt_box {float:none; width:100%;}
	.sAbout_case3 .txt_box > div {padding-bottom:5%; padding-left:30px;}
	.sAbout_case3 .txt_box > div:before {top:6px;}
	.sAbout_case3 .txt_box > div:after {top:6px;}
	.sAbout_case3 .txt_box .date {font-size:1.2em;}
}


.sHistory_case1 {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%; position:relative;}
.sHistory_case1 .img_box {width:calc(50% - 40px); height:400px; border-radius:10px; overflow:hidden; position:sticky; left:0; top:140px;}
.sHistory_case1 .img_box > div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transform:translateY(100%)}
.sHistory_case1 .img_box > div:first-child {transform:translateY(0)}
.sHistory_case1 .txt_box {width:calc(50% - 60px);}
.sHistory_case1 .txt_box > div {padding-top:120px;}
.sHistory_case1 .txt_box > div:first-child {padding-top:0;}
.sHistory_case1 .txt_box > div .img {display:none;}
.sHistory_case1 .txt_box > div .year {font-size:3.125em; line-height:1.2em; font-weight:500; font-family:'Poppins'; margin-bottom:10px;}
.sHistory_case1 .txt_box > div dl {width:100%; overflow:hidden;}
.sHistory_case1 .txt_box > div dl dt {float:left; width:40px; font-size:1.125em; line-height:1.9em; font-weight:600; clear:both;}
.sHistory_case1 .txt_box > div dl dd {float:left; width:calc(100% - 40px); font-size:1.125em; color:#666; line-height:1.9em;}

@media screen and (max-width:1220px){
    .sHistory_case1 .img_box {width:calc(50% - 20px); height:29vw;}
    .sHistory_case1 .txt_box {width:calc(50% - 20px)}
}

@media screen and (max-width:1024px){
    .sHistory_case1 .img_box {top:80px;}
    .sHistory_case1 .txt_box > div {padding-top:80px;}
    .sHistory_case1 .txt_box > div .year {font-size:2.7em; margin-bottom:5px;}
    .sHistory_case1 .txt_box > div dl dt {width:30px; font-size:1em;}
    .sHistory_case1 .txt_box > div dl dd {width:calc(100% - 30px); font-size:1em;}
}

@media screen and (max-width:767px){
    .sHistory_case1 .img_box {display:none;}
    .sHistory_case1 .txt_box {width:100%;}
    .sHistory_case1 .txt_box > div {padding-top:10%;}
    .sHistory_case1 .txt_box > div .img {display:block; width:100%; height:60vw; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px; margin-bottom:3%;}
    .sHistory_case1 .txt_box > div .year {font-size:2.2em;}
    .sHistory_case1 .txt_box > div dl dt {width:25px;}
    .sHistory_case1 .txt_box > div dl dd {width:calc(100% - 25px);}
}


.sPartnership_case1 {display:flex; flex-wrap:wrap; gap:50px 20px;}
.sPartnership_case1 li {width:calc(25% - 26.66px);}
.sPartnership_case1 li img {width:100%;}

@media screen and (max-width:1024px){
    .sPartnership_case1 {gap:20px 10px;}
    .sPartnership_case1 li {width:calc(25% - 7.5px)}
}

@media screen and (max-width:767px){
    .sPartnership_case1 {gap:10px;}
    .sPartnership_case1 li {width:calc(50% - 5px)}
}


.sLocation_case1 > div {margin-bottom:100px;}
.sLocation_case1 > div .map_box {width:100%; height:600px; background:#f8f8f8; border-radius:10px; overflow:hidden;}
.sLocation_case1 > div .map_box > div {width:100% !important; height:100% !important;}
.sLocation_case1 > div .map_box iframe {width:100%; height:100%;}
.sLocation_case1 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 > div .info_box {margin-top:50px;}
.sLocation_case1 > div .info_box .tit {font-size:1.125em; color:#7e6bf9; font-weight:600; margin-bottom:10px;}
.sLocation_case1 > div .info_box .add {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sLocation_case1 > div .info_box .info {display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:20px;}
.sLocation_case1 > div .info_box .info dl {display:flex; align-items:center;}
.sLocation_case1 > div .info_box .info dl dt {font-size:1.125em; font-weight:600; margin-right:10px;}
.sLocation_case1 > div .info_box .info dl dd {font-size:1.125em; color:#666;}

@media screen and (max-width:1024px){
    .sLocation_case1 > div {margin-bottom:10%;}
    .sLocation_case1 > div .map_box {height:400px;}
    .sLocation_case1 > div .info_box {margin-top:5%;}
    .sLocation_case1 > div .info_box .tit {font-size:1em; margin-bottom:1%;}
    .sLocation_case1 > div .info_box .add {font-size:1.3em;}
    .sLocation_case1 > div .info_box .info {gap:10px 15px; margin-top:2%;}
    .sLocation_case1 > div .info_box .info dl dt {font-size:1em;}
    .sLocation_case1 > div .info_box .info dl dd {font-size:1em;}
}

@media screen and (max-width:767px){
    .sLocation_case1 > div .map_box {height:220px;}
    .sLocation_case1 > div .info_box .add {font-size:1.2em;}
    .sLocation_case1 > div .info_box .info {flex-direction:column; gap:4px 0;}
}


.sBcg_case1 {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; background:#f8f8f8; border-radius:10px; padding:50px;}
.sBcg_case1 .txt_box {width:370px;}
.sBcg_case1 .txt_box dl dt {font-size:1.25em; line-height:1.5em; font-weight:500; margin-bottom:10px;}
.sBcg_case1 .img_box {display:flex; gap:10px; width:660px}
.sBcg_case1 .img_box div img {height:200px;}

.sBcg_case2 tbody th {width:300px;}
.sBcg_case2 .arrow {display:block; width:100%; height:120px; background:url(../images/icon_arrow.svg) no-repeat center center; background-size:contain; margin:50px 0; font-style:normal;}
.sBcg_case2 .list1 {display:flex; flex-wrap:wrap; gap:20px;}
.sBcg_case2 .list1 > div {display:flex; align-items:center; width:calc(50% - 10px); background:#fff; border-radius:10px; box-shadow:5px 5px 20px rgba(25,25,25,0.1); padding:50px;}
.sBcg_case2 .list1 > div .icon {display:block; width:80px; height:80px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sBcg_case2 .list1 > div dl {width:calc(100% - 80px); padding-left:40px;}
.sBcg_case2 .list1 > div dl dt {font-size:1.25em; color:#7e6bf9; line-height:1.5em; font-weight:600;}
.sBcg_case2 .list1 > div dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:10px;}

.sBcg_case2 .list1 > div .icon1 {background-image:url(../images/sBcg_img3_1.svg)}
.sBcg_case2 .list1 > div .icon2 {background-image:url(../images/sBcg_img3_2.svg)}
.sBcg_case2 .list1 > div .icon3 {background-image:url(../images/sBcg_img3_3.svg)}
.sBcg_case2 .list1 > div .icon4 {background-image:url(../images/sBcg_img3_4.svg)}

.sBcg_case2 .list_box {display:flex; gap:48px;}
.sBcg_case2 .list_box li {width:calc(25% - 36px); position:relative;}
.sBcg_case2 .list_box li:after {content:''; display:block; width:0; height:0; border-left:10px solid #1c1b1f; border-top:9px solid transparent; border-bottom:9px solid transparent; position:absolute; left:100%; top:100px; transform:translateY(-50%); margin-left:20px;}
.sBcg_case2 .list_box li:last-child:after {display:none;}
.sBcg_case2 .list_box li .img_box {width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sBcg_case2 .list_box li dl {margin-top:20px;}
.sBcg_case2 .list_box li dl dt {font-size:1.25em; font-weight:600; line-height:1.5em;}
.sBcg_case2 .list_box li dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:10px;}

.sBcg_case3 .box1 {display:flex; justify-content:space-between; width:100%; position:relative}
.sBcg_case3 .box1:after {content:''; display:block; width:0; height:0; border-left:10px solid #1c1b1f; border-top:9px solid transparent; border-bottom:9px solid transparent; position:absolute; left:50%; top:50%; transform:translateY(-50%); margin-left:-20px;}
.sBcg_case3 .box1 > div:nth-child(1) {width:calc(50% - 60px)}
.sBcg_case3 .box1 > div:nth-child(2) {width:calc(50% - 28px)}
.sBcg_case3 .box1 > div img {width:100%;}
.sBcg_case3 .box2 {display:flex; justify-content:space-between;}
.sBcg_case3 .box2 > div:nth-child(1) {width:calc(50% + 110px)}
.sBcg_case3 .box2 > div:nth-child(2) {width:calc(50% - 160px)}
.sBcg_case3 .box2 > div img {width:100%;}

.sBcg_case4 {display:flex; align-items:start; flex-wrap:wrap; gap:20px; width:100%;}
.sBcg_case4 > div {width:calc(33.33% - 20px);}
.sBcg_case4 > div .img {width:100%; border:1px solid #ccc;}
.sBcg_case4 > div .img img {width:100%}
.sBcg_case4 > div p {font-size:1.125em; line-height:1.5em; font-weight:600; text-align:center; margin-top:20px;}
.sBcg_case4 > div.case2 {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:66.66%;}
.sBcg_case4 > div.case2 > div {width:calc(50% - 10px);}
.sBcg_case4 > div.case2 p {width:100%;}

.sBcg_case5 thead th:nth-child(1) {width:10%;}
.sBcg_case5 thead th:nth-child(2) {width:11.6%;}
.sBcg_case5 thead th:nth-child(4) {width:16.6%;}

.sBcg_slide1 {width:100%;}
.sBcg_slide1 img {width:100%;}
/*.sBcg_slide1 .swiper-slide {display:flex; justify-content:space-between; flex-wrap:wrap; width:calc(33.33% - 20px)}
.sBcg_slide1 .swiper-slide:nth-child(2) {width:66.66%;}
.sBcg_slide1 .img {width:100%; border:1px solid #ccc;}
.sBcg_slide1 .img img {width:100%;}
.sBcg_slide1 p {width:100%; font-size:1.125em; line-height:1.5em; font-weight:600; text-align:center; margin-top:20px;}
.sBcg_slide1 .swiper-slide:nth-child(2) .img {width:calc(50% - 10px)}*/

@media screen and (max-width:1220px){
    .sBcg_case1 .txt_box {width:100%;}
    .sBcg_case1 .img_box {width:100%; margin-top:30px;}

    .sBcg_case2 .list_box li:after {top:7.5vw}
    .sBcg_case2 .list_box li .img_box {height:15vw}
    
    .sBcg_case3 .box2 > div:nth-child(1) {width:calc(50% + 90px)}
    .sBcg_case3 .box2 > div:nth-child(2) {width:calc(50% - 130px)}
}

@media screen and (max-width:1024px){
    .sBcg_case1 {padding:25px;}
    .sBcg_case1 .txt_box dl dt {font-size:1.125em; margin-bottom:1%;}
    .sBcg_case1 .img_box {margin-top:3%;}
    .sBcg_case1 .img_box div img {height:160px;}

    .sBcg_case2 tbody th {width:200px;}
    .sBcg_case2 .arrow {height:80px; margin:5% 0;}
    .sBcg_case2 .list1 {gap:10px;}
    .sBcg_case2 .list1 > div {width:calc(50% - 5px); padding:25px;}
    .sBcg_case2 .list1 > div .icon {width:60px; height:60px;}
    .sBcg_case2 .list1 > div dl {width:calc(100% - 60px); padding-left:20px;}
    .sBcg_case2 .list1 > div dl dt {font-size:1.125em;}
    .sBcg_case2 .list1 > div dl dd {font-size:1em; margin-top:5px;}

    .sBcg_case2 .list_box {gap:20px;}
    .sBcg_case2 .list_box li {width:calc(25% - 15px)}
    .sBcg_case2 .list_box li:after {border-left-width:7px; border-top-width:7px; border-bottom-width:7px; margin-left:7px;}
    .sBcg_case2 .list_box li dl {margin-top:10px;}
    .sBcg_case2 .list_box li dl dt {font-size:1.125em;}
    .sBcg_case2 .list_box li dl dd {font-size:1em; margin-top:5px;}

    .sBcg_case3 .box1:after {border-left-width:7px; border-top-width:7px; border-bottom-width:7px; margin-left:-12px;}
    .sBcg_case3 .box1 > div:nth-child(1) {width:calc(50% - 20px)}
    .sBcg_case3 .box1 > div:nth-child(2) {width:50%}
    .sBcg_case3 .box2 > div:nth-child(1) {width:calc(50% + 70px)}
    .sBcg_case3 .box2 > div:nth-child(2) {width:calc(50% - 100px)}

    .sBcg_case4 {gap:20px 10px;}
    .sBcg_case4 > div {width:calc(33.33% - 10px)}
    .sBcg_case4 > div p {font-size:1em; margin-top:15px;}
	.sBcg_case4 > div.case2 .img {width:calc(50% - 5px);}

    .sBcg_slide1 p {font-size:1em; margin-top:15px;}
    .sBcg_slide1 .swiper-slide:nth-child(2) .img {width:calc(50% - 5px)}
}

@media screen and (max-width:767px){
    .sBcg_case1 {padding:15px;}
    .sBcg_case1 .img_box {flex-wrap:wrap; gap:8px;}
    .sBcg_case1 .img_box div {width:100%;}
    .sBcg_case1 .img_box div img {width:100%; height:auto;}

    .sBcg_case2 tbody th {width:90px;}
    .sBcg_case2 .arrow {height:50px;}
    .sBcg_case2 .list1 {gap:5px;}
    .sBcg_case2 .list1 > div {width:100%; padding:25px 15px;}
    .sBcg_case2 .list1 > div .icon {width:40px; height:40px;}
    .sBcg_case2 .list1 > div dl {width:calc(100% - 40px); padding-left:15px;}
    .sBcg_case2 .list1 > div dl dd {margin-top:0;}
    
	.sBcg_case2 .list_wrap {overflow-x:auto;}
    .sBcg_case2 .list_box {width:calc(200% + 20px); gap:20px;}
    .sBcg_case2 .list_box li {width:calc(25% - 15px);}
    .sBcg_case2 .list_box li:after {top:15vw;}
    .sBcg_case2 .list_box li .img_box {height:30vw;}
    .sBcg_case2 .list_box li dl dd {margin-top:0;}
    
    .sBcg_case3 .box1 {display:block;}
    .sBcg_case3 .box1:after {transform:translate(-50%, -50%) rotate(90deg); margin-left:0; margin-top:7px;}
    .sBcg_case3 .box1 > div:nth-child(1) {width:100%; margin-bottom:30px;}
    .sBcg_case3 .box1 > div:nth-child(2) {width:100%}
    .sBcg_case3 .box2 {display:block;}
    .sBcg_case3 .box2 > div:nth-child(1) {width:100%; margin-bottom:6%;}
    .sBcg_case3 .box2 > div:nth-child(2) {width:100%}

    .sBcg_case4 > div {width:calc(50% - 5px)}
    .sBcg_case4 > div p {margin-top:10px;}
	.sBcg_case4 > div.case2 {width:100%;}
    
    .sBcg_case5 thead th:nth-child(1) {width:45px;}
    .sBcg_case5 thead th:nth-child(2) {width:45px;}
    .sBcg_case5 thead th:nth-child(4) {width:80px;}

    .sBcg_slide1 .swiper-slide {width:calc(50% - 5px)}
    .sBcg_slide1 .swiper-slide:nth-child(2) {width:100%;}
    .sBcg_slide1 p {margin-top:10px;}
}

.sProducts_case1 .top_wrap {text-align:center;}
.sProducts_case1 .top_wrap .t1 {font-size:3.125em; line-height:1.2em; font-weight:600;}
.sProducts_case1 .top_wrap .t2 {font-size:1.5em; color:#666; line-height:1.45em; margin-top:20px;}
.sProducts_case1 .top_wrap .point {display:flex; align-items:center; flex-direction:column; gap:14px; width:100%; margin:70px 0;}
.sProducts_case1 .top_wrap .point li {display:block; width:8px; height:8px; border-radius:50%;}
.sProducts_case1 .top_wrap .point li:nth-child(2) {opacity:0.8}
.sProducts_case1 .top_wrap .point li:nth-child(3) {opacity:0.6}
.sProducts_case1 .top_wrap .point li:nth-child(4) {opacity:0.4}
.sProducts_case1 .top_wrap .point li:nth-child(5) {opacity:0.2}

.sProducts_case1 .tit_wrap {text-align:center;}
.sProducts_case1 .tit_wrap h3 {font-size:1.5em; font-weight:500; line-height:1.3em; font-family:'Poppins'; margin-bottom:20px;}
.sProducts_case1 .tit_wrap .tit {font-size:2.5em; line-height:1.25em; font-weight:600;}
.sProducts_case1 .tit_wrap .txt {font-size:1.5em; color:#666; line-height:1.45em; margin-top:20px;}

.sProducts_case1.case1 .top_wrap .t1 span {color:#7e6bf9;}
.sProducts_case1.case1 .top_wrap .point li {background:#7e6bf9}
.sProducts_case1.case1 .tit_wrap h3 {color:#7e6bf9;}

.sProducts_case1.case2 .top_wrap .t1 span {color:#19c2da;}
.sProducts_case1.case2 .top_wrap .point li {background:#19c2da}
.sProducts_case1.case2 .tit_wrap h3 {color:#19c2da;}

.sProducts_case2 {width:100%; border-top:1px solid #000;}
.sProducts_case2 > div {border-bottom:1px solid #ccc;}
.sProducts_case2 > div button {display:block; width:100%; background:#fff; border-radius:0; font-size:1.5em; line-height:1.45em; font-weight:600; text-align:left; padding:30px 40px 30px 10px; position:relative;}
.sProducts_case2 > div button:before {content:'Q. '}
.sProducts_case2 > div button:after {content:'\f078'; display:flex; justify-content:center; align-items:center; font-size:0.65em; color:#1c1b1f; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; height:30px; position:absolute; right:10px; top:50%; transform:translateY(-50%)}
.sProducts_case2 > div .cont {display:none; width:100%; background:#f8f8f8; font-size:1.25em; color:#666; line-height:1.5em; padding:30px;}
.sProducts_case2 > div button.on:after {content:'\f077'}
.sProducts_case2 > div button.on + .cont {display:block;}

.sProducts_case3 {width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; padding:150px 0; text-align:center; position:relative;}
.sProducts_case3:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
.sProducts_case3 > div {position:relative; z-index:5;}
.sProducts_case3 .tit {font-size:2.5em; color:#fff; line-height:1.25em; font-weight:600;}
.sProducts_case3 .btn_box {display:flex; justify-content:center; gap:8px; margin-top:50px;}

.sProducts_slide1 {position:relative; padding-bottom:73px}
.sProducts_slide1 .img_box {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sProducts_slide1 .subject {font-size:1.25em; line-height:1.5em; font-weight:600; margin-top:20px; max-height:3em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sProducts_slide1 .cont {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px; max-height:3em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sProducts_slide1 .name {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}
.sProducts_slide1 .company {font-size:1.125em; color:#19c2da; line-height:1.5em; margin-top:4px;}
.sProducts_slide1.swiper-container-horizontal>.swiper-pagination-progressbar {height:3px; background:#d9d9d9; border-radius:3px; top:auto; bottom:0; overflow:hidden;}
.sProducts_slide1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#191919; border-radius:3px;}

@media screen and (max-width:1220px){
    .sProducts_slide1 .img_box {height:18vw;}
}

@media screen and (max-width:1024px){
    .sProducts_case1 .top_wrap .t1 {font-size:2.7em;}
    .sProducts_case1 .top_wrap .t2 {font-size:1.3em; margin-top:2%;}
    .sProducts_case1 .top_wrap .point {gap:10px; margin:7% 0;}
    .sProducts_case1 .top_wrap .point li {width:6px; height:6px;}

    .sProducts_case1 .tit_wrap h3 {font-size:1.3em; margin-bottom:2%;}
    .sProducts_case1 .tit_wrap .tit {font-size:2em;}
    .sProducts_case1 .tit_wrap .txt {font-size:1.3em; margin-top:2%;}

    .sProducts_case2 > div button {font-size:1.3em; padding:15px 30px 15px 10px;}
    .sProducts_case2 > div button:after {width:20px; height:20px;}
    .sProducts_case2 > div .cont {font-size:1.125em; padding:15px;}

    .sProducts_case3 {padding:15% 0;}
    .sProducts_case3 .tit {font-size:2em;}
    .sProducts_case3 .btn_box {gap:5px; margin-top:5%;}

    .sProducts_slide1 {padding-bottom:50px;}
    .sProducts_slide1 .subject {font-size:1.125em; margin-top:15px;}
    .sProducts_slide1 .cont {font-size:1.125em; margin-top:5px;}
	.sProducts_slide1 .name {font-size:1.125em; margin-top:5px;}
	.sProducts_slide1 .company {font-size:1em; margin-top:2px;}
}

@media screen and (max-width:767px){
    .sProducts_case1 .top_wrap .t1 {font-size:2em;}
    .sProducts_case1 .top_wrap .t2 {font-size:1.125em;}
    .sProducts_case1 .top_wrap .point {gap:8px;}
    .sProducts_case1 .top_wrap .point li {width:5px; height:5px;}

    .sProducts_case1 .tit_wrap h3 {font-size:1.125em;}
    .sProducts_case1 .tit_wrap .tit {font-size:1.7em;}
    .sProducts_case1 .tit_wrap .txt {font-size:1.125em;}

    .sProducts_case2 > div button {font-size:1.125em; padding:10px 25px 10px 5px;}
    .sProducts_case2 > div button:after {right:5px;}
    .sProducts_case2 > div .cont {font-size:1em; padding:12px;}

    .sProducts_slide1 {padding-bottom:35px;}
    .sProducts_slide1 .img_box {height:48vw;}
    .sProducts_slide1 .cont {font-size:1em;}

    .sProducts_case3 {padding:18% 0;}
    .sProducts_case3 .tit {font-size:1.7em;}
}


.sCarearly_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCarearly_case1 > div {width:calc(50% - 10px); position:relative;}
.sCarearly_case1 > div .img {width:100%; border-radius:10px; overflow:hidden;}
.sCarearly_case1 > div .img img {width:100%;}
.sCarearly_case1 > div .t1 {width:340px; background:#fff; border-radius:20px; box-shadow:5px 5px 15px rgba(25,25,25,0.1); font-size:1.25em; color:#666; line-height:1.5em; text-align:center; padding:20px; position:absolute; left:50%; top:50px; transform:translateX(-50%)}
.sCarearly_case1 > div .t1:after {content:''; display:block; border-top:14px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; left:50%; top:100%; transform:translateX(-50%)}
.sCarearly_case1 > div .t2 {width:calc(100% - 48px); border-radius:10px; font-size:1.5em; color:#fff; font-weight:600; text-align:center; padding:15px; position:absolute; left:50%; bottom:30px; transform:translateX(-50%)}
.sCarearly_case1 > div:nth-child(1) .t2 {background:#7e6bf9}
.sCarearly_case1 > div:nth-child(2) .t2 {background:#19c2da}

.sCarearly_case2 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:70px;}
.sCarearly_case2 > div:last-child {margin-bottom:0;}
.sCarearly_case2 > div:nth-child(even) {flex-direction:row-reverse;}
.sCarearly_case2 > div .img_box {width:calc(50% - 10px); height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sCarearly_case2 > div .txt_box {width:calc(50% - 60px)}
.sCarearly_case2 > div .txt_box ul {margin-top:40px;}
.sCarearly_case2 > div .txt_box ul li {font-size:1.25em; color:#666; line-height:1.5em; margin-bottom:24px; position:relative; padding-left:50px;}
.sCarearly_case2 > div .txt_box ul li:last-child {margin-bottom:0;}
.sCarearly_case2 > div .txt_box ul li:before {content:''; display:block; width:30px; height:30px; background:url(../images/sCarearly_icon1_1.svg) no-repeat center center; background-size:contain; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.sCarearly_case2 > div:nth-child(even) .txt_box ul li:before {background-image:url(../images/sCarearly_icon1_2.svg)}

.sCarearly_case3 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCarearly_case3 > div {width:calc(33.33% - 20px); height:380px; border-radius:10px; overflow:hidden; position:relative;}
.sCarearly_case3 > div .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sCarearly_case3 > div .img_box:before {content:''; display:block; width:100%; height:100%; background: linear-gradient(180deg, rgba(25, 25, 25, 0) 50%, rgba(25, 25, 25, 0.5) 100%);}
.sCarearly_case3 > div p {width:100%; font-size:1.5em; color:#fff; font-weight:600; text-align:center; position:absolute; left:0; bottom:40px}

.sCarearly_slide1 .swiper-slide {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.sCarearly_slide1 .img_box {width:calc(50% + 68px); height:360px; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #ccc; border-radius:10px;}
.sCarearly_slide1 .txt_box {width:calc(50% - 138px);}
.sCarearly_slide1 .txt_box dl dt {font-size:1.875em; line-height:1.33em; font-weight:600;}
.sCarearly_slide1 .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:20px;}
.sCarearly_slide1 .btn_box {display:flex; justify-content:center; align-items:center; margin-top:40px;}
.sCarearly_slide1 .swiper-button-prev, .sCarearly_slide1 .swiper-button-next {font-size:1em; color:#191919; position:relative; left:0; right:0; top:0; margin-top:0;}
.sCarearly_slide1 .swiper-button-prev:after, .sCarearly_slide1 .swiper-button-next:after {font-size:1em; font-weight:900; font-family:'Font Awesome 6 Pro'}
.sCarearly_slide1 .swiper-button-prev:after {content:'\f053'}
.sCarearly_slide1 .swiper-button-next:after {content:'\f054'}
.sCarearly_slide1 .swiper-pagination-fraction {width:auto; font-size:1.25em; color:#666; position:relative; bottom:0; margin:0 20px;}
.sCarearly_slide1 .swiper-pagination-fraction span {margin:0 8px;}
.sCarearly_slide1 .swiper-pagination-fraction .swiper-pagination-current {color:#191919; font-weight:600;}

@media screen and (max-width:1220px){
    .sCarearly_case2 > div .img_box {height:30vw}
    .sCarearly_case2 > div .txt_box {width:calc(50% - 40px)}
    .sCarearly_case2 > div .txt_box ul {margin-top:20px;}
    .sCarearly_case2 > div .txt_box ul li br {display:none;}

	.sCarearly_case3 > div {height:30vw}

    .sCarearly_slide1 .img_box {height:27vw}
    .sCarearly_slide1 .txt_box {width:calc(50% - 100px)}

}

@media screen and (max-width:1024px){
    .sCarearly_case1 > div {width:calc(50% - 5px)}
    .sCarearly_case1 > div .t1 {width:80%; border-radius:10px; font-size:1.125em; padding:15px; top:7%;}
    .sCarearly_case1 > div .t1 br {display:none;}
    .sCarearly_case1 > div .t2 {width:calc(100% - 30px); border-radius:5px; font-size:1.3em; padding:12px; bottom:15px;}

    .sCarearly_slide1 .txt_box {width:calc(50% - 90px)}
    .sCarearly_slide1 .txt_box dl dt {font-size:1.5em;}
    .sCarearly_slide1 .txt_box dl dd {font-size:1.125em; margin-top:10px;}
    .sCarearly_slide1 .btn_box {margin-top:30px;}
    .sCarearly_slide1 .swiper-pagination-fraction {font-size:1.125em; margin:0 15px;}

	.sCarearly_case3 > div {width:calc(33.33% - 6.66px);}
	.sCarearly_case3 > div p {font-size:1.3em; bottom:20px;}

    .sCarearly_case2 > div {margin-bottom:7%;}
    .sCarearly_case2 > div .txt_box {width:calc(50% - 15px)}
    .sCarearly_case2 > div .txt_box ul {margin-top:10px;}
    .sCarearly_case2 > div .txt_box ul li {font-size:1.125em; margin-bottom:10px; padding-left:34px;}
    .sCarearly_case2 > div .txt_box ul li:before {width:24px; height:24px;}
}

@media screen and (max-width:767px){
    .sCarearly_case1 > div {width:100%; margin-bottom:2%;}
    .sCarearly_case1 > div:last-child {margin-bottom:0;}
    .sCarearly_case1 > div .t1 {width:230px; border-radius:5px; font-size:1em; padding:12px; top:5%;}
    .sCarearly_case1 > div .t1:after {border-top-width:9px; border-left-width:5px; border-right-width:5px;}
    .sCarearly_case1 > div .t2 {font-size:1.125em; padding:10px;}

    .sCarearly_slide1 .img_box {width:100%; height:45vw}
    .sCarearly_slide1 .txt_box {width:100%; margin-top:3%;}
    .sCarearly_slide1 .txt_box dl dt {font-size:1.3em;}
    .sCarearly_slide1 .txt_box dl dd {font-size:1em; margin-top:1%;}
    .sCarearly_slide1 .btn_box {margin-top:5%;}
    .sCarearly_slide1 .swiper-pagination-fraction {font-size:1em; margin:0 10px;}
    .sCarearly_slide1 .swiper-pagination-fraction span {margin:0 5px;}

    .sCarearly_case2 > div {margin-bottom:7%;}
    .sCarearly_case2 > div .img_box {width:100%; height:52vw; margin-bottom:3%;}
    .sCarearly_case2 > div .txt_box {width:100%;}
    .sCarearly_case2 > div .txt_box ul {margin-top:2%;}
    .sCarearly_case2 > div .txt_box ul li {font-size:1em; margin-bottom:5px; padding-left:28px;}
    .sCarearly_case2 > div .txt_box ul li:before {width:20px; height:20px;}

	.sCarearly_case3 {gap:5px}
	.sCarearly_case3 > div {width:100%; height:45vw;}
	.sCarearly_case3 > div .img_box {background-position:center 20%;}
	.sCarearly_case3 > div p {font-size:1.2em; bottom:15px;}
}


.sHuggy_case1 {display:flex; justify-content:center; flex-wrap:wrap; gap:50px; width:100%;}
.sHuggy_case1 > div {width:120px;}
.sHuggy_case1 > div .icon {display:block; width:120px; height:120px; background-color:#19c2da; background-repeat:no-repeat; background-position:center center; background-size:contain; border-radius:40px; margin:0 auto;}
.sHuggy_case1 > div p {font-size:1.25em; font-weight:600; line-height:1.5em; text-align:center; margin-top:15px;}

.sHuggy_case1 > div .icon1 {background-image:url(../images/sHuggy_img4_1.png)}
.sHuggy_case1 > div .icon2 {background-image:url(../images/sHuggy_img4_2.png)}
.sHuggy_case1 > div .icon3 {background-image:url(../images/sHuggy_img4_3.png)}
.sHuggy_case1 > div .icon4 {background-image:url(../images/sHuggy_img4_4.png)}

.sHuggy_case2 {width:100%; background:#f8f8f8; border-radius:10px; padding:50px 70px;}
.sHuggy_case2 ul {margin-top:30px;}
.sHuggy_case2 ul li {font-size:1.25em; color:#666; line-height:1.5em; padding-left:40px; position:relative; margin-bottom:10px;}
.sHuggy_case2 ul li:last-child {margin-bottom:0;}
.sHuggy_case2 ul li:before {content:''; display:block; width:30px; height:30px; background:url(../images/sCarearly_icon1_2.svg) no-repeat center center; background-size:contain; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.sHuggy_case2 .alert {width:100%; background:#ededed; border-radius:10px; font-size:1.125em; color:#666; line-height:1.5em; font-weight:600; padding:15px 20px 15px 60px; position:relative; margin-top:20px;}
.sHuggy_case2 .alert:before {content:'\f06a'; font-size:1.3em; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; left:25px; top:50%; transform:translateY(-50%)}

.sHuggy_case3 {display:flex; flex-wrap:wrap; width:100%;}
.sHuggy_case3 > div {width:50%; text-align:center; padding:0 50px;}
.sHuggy_case3 > div .img img {max-width:100%;}
.sHuggy_case3 > div dl {margin-top:50px;}
.sHuggy_case3 > div dl dt {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sHuggy_case3 > div dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}

.sHuggy_case4 {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%;}
.sHuggy_case4 .tab_box {width:200px; position:relative; margin-top:95px;}
.sHuggy_case4 .tab_box:before {content:''; display:block; width:1px; height:calc(100% - 30px); background:#ccc; position:absolute; left:15px; top:50%; transform:translate(-50%, -50%)}
.sHuggy_case4 .tab_box li {margin-bottom:20px; padding-left:60px; position:relative;}
.sHuggy_case4 .tab_box li:last-child {margin-bottom:0;}
.sHuggy_case4 .tab_box li:before {content:''; display:block; width:10px; height:10px; background:#ccc; border-radius:50%; position:absolute; left:10px; top:50%; transform:translateY(-50%); z-index:5;}
.sHuggy_case4 .tab_box li:after {content:''; display:none; width:30px; height:30px; background:#19c2da; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); animation:sHuggyIcon1 1.3s infinite linear}
.sHuggy_case4 .tab_box li button {display:inline-block; font-size:1.25em; color:#666; line-height:1.5em;}
.sHuggy_case4 .tab_box li.on:after {display:block;}
.sHuggy_case4 .tab_box li.on button {color:#191919; font-weight:600;}
.sHuggy_case4 .cont_box {width:918px;}
.sHuggy_case4 .cont_box > div .img_box {width:100%; border-radius:10px;}
.sHuggy_case4 .cont_box > div .img_box img {width:100%;}
.sHuggy_case4 .cont_box > div .txt_box {display:flex; align-items:start; margin-top:30px;}
.sHuggy_case4 .cont_box > div .txt_box:before {content:''; display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.sHuggy_case4 .cont_box > div .txt_box dl {width:calc(100% - 30px); padding-left:10px;}
.sHuggy_case4 .cont_box > div .txt_box dl dt {font-size:1.5em; line-height:1.25em; font-weight:600;}
.sHuggy_case4 .cont_box > div .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}
.sHuggy_case4 .cont_box > div:not(.on) {display:none;}

.sHuggy_case4 .cont_box > div:nth-child(1) .txt_box:before {background-image:url(../images/counter_1.svg)}
.sHuggy_case4 .cont_box > div:nth-child(2) .txt_box:before {background-image:url(../images/counter_2.svg)}
.sHuggy_case4 .cont_box > div:nth-child(3) .txt_box:before {background-image:url(../images/counter_3.svg)}
.sHuggy_case4 .cont_box > div:nth-child(4) .txt_box:before {background-image:url(../images/counter_4.svg)}
.sHuggy_case4 .cont_box > div:nth-child(5) .txt_box:before {background-image:url(../images/counter_5.svg)}

.sHuggy_case5 {width:100%; height:675px; border-radius:10px; overflow:hidden; position:relative;}
.sHuggy_case5 iframe {width:100%; height:100%; position:absolute; left:0; top:0;}

.sHuggy_slide1 .swiper-slide {height:auto; background:#f8f8f8; padding:40px; border-radius:10px;}
.sHuggy_slide1 .cate {display:inline-block; border-radius:10px; font-size:1.125em; color:#fff; line-height:1.5em; font-weight:600; padding:6px 14px;}
.sHuggy_slide1 .txt {font-size:1.25em; color:#666; line-height:1.5em; margin-top:14px;}
.sHuggy_slide1 .cate.case1 {background:#7e6bf9}
.sHuggy_slide1 .cate.case2 {background:#19c2da}

@keyframes sHuggyIcon1 {
    0% {transform:translateY(-50%) scale(0.25); opacity:0.6}
    100% {transform:translateY(-50%) scale(1); opacity:0.2}
}

@media screen and (min-width:768px){
	.sHuggy_case4 .tab_box li.on:before {background:#19c2da;}
}

@media screen and (max-width:1220px){
    .sHuggy_case3 > div {padding:0 25px;}
    .sHuggy_case3 > div dl dd br {display:none;}

    .sHuggy_case4 .tab_box {margin-top:6%;}
    .sHuggy_case4 .cont_box {width:calc(100% - 230px)}

    .sHuggy_case5 {height:0; padding-bottom:56.45%}
}

@media screen and (max-width:1024px){
    .sHuggy_case1 {gap:0;}
    .sHuggy_case1 > div {width:20%;}
    .sHuggy_case1 > div .icon {width:100px; height:100px; border-radius:30px;}
    .sHuggy_case1 > div p {font-size:1.125em; margin-top:10px;}

    .sHuggy_case2 {padding:30px;}
    .sHuggy_case2 ul {margin-top:15px;}
    .sHuggy_case2 ul li {font-size:1.125em; padding-left:30px; margin-bottom:7px;}
    .sHuggy_case2 ul li:before {width:24px; height:24px;}
    .sHuggy_case2 .alert {font-size:1em; padding:10px 15px 10px 40px; margin-top:15px;}
    .sHuggy_case2 .alert:before {left:10px;}

    .sHuggy_case3 > div {padding:0 10px;}
    .sHuggy_case3 > div dl {margin-top:30px;}
    .sHuggy_case3 > div dl dt {font-size:1.3em;}
    .sHuggy_case3 > div dl dd {font-size:1.125em; margin-top:5px;}

    .sHuggy_case4 .tab_box {width:150px;}
    .sHuggy_case4 .tab_box:before {left:8px;}
    .sHuggy_case4 .tab_box li {padding-left:30px; margin-bottom:15px;}
    .sHuggy_case4 .tab_box li:before {width:8px; height:8px; left:4px;}
    .sHuggy_case4 .tab_box li:after {width:16px; height:16px;}
    .sHuggy_case4 .tab_box li button {font-size:1.125em;}
    .sHuggy_case4 .cont_box {width:calc(100% - 170px)}
    .sHuggy_case4 .cont_box > div .txt_box {margin-top:15px;}
    .sHuggy_case4 .cont_box > div .txt_box:before {width:24px; height:24px;}
    .sHuggy_case4 .cont_box > div .txt_box dl dt {font-size:1.3em;}
    .sHuggy_case4 .cont_box > div .txt_box dl dd {font-size:1.125em; margin-top:5px;}

    .sHuggy_slide1 .swiper-slide {padding:25px;}
    .sHuggy_slide1 .cate {font-size:1em; padding:5px 10px; border-radius:5px;}
    .sHuggy_slide1 .txt {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sHuggy_case1 > div {width:25%;}
    .sHuggy_case1 > div .icon {width:60px; height:60px; border-radius:15px;}
    .sHuggy_case1 > div p {font-size:1em; margin-top:8px;}

    .sHuggy_case2 {padding:15px;}
    .sHuggy_case2 ul {margin-top:5px;}
    .sHuggy_case2 ul li {font-size:1em; padding-left:26px; margin-bottom:5px;}
    .sHuggy_case2 ul li:before {width:20px; height:20px;}

    .sHuggy_case3 > div {width:100%; margin-bottom:7%; padding:0;}
    .sHuggy_case3 > div:last-child {margin-bottom:0;}
    .sHuggy_case3 > div dl {margin-top:3%;}
    .sHuggy_case3 > div dl dt {font-size:1.2em;}
    .sHuggy_case3 > div dl dd {font-size:1em; margin-top:1%;}
	.sHuggy_case3 > div .img img {width:75%;}

    .sHuggy_case4 .tab_box {width:100%; overflow-x:auto; white-space:nowrap;}
    .sHuggy_case4 .tab_box:before {display:none;}
    .sHuggy_case4 .tab_box li {display:inline-block; padding-left:0; padding-top:0; padding-right:15px; margin-bottom:0;}
    .sHuggy_case4 .tab_box li:last-child {padding-right:0;}
    .sHuggy_case4 .tab_box li:before {width:24px; height:24px; background-color:unset; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto 7px; position:relative; left:0; top:0; transform:translate(0, 0)}
    .sHuggy_case4 .tab_box li:after {display:none; width:18px; height:18px; left:50%; top:0;}
    .sHuggy_case4 .tab_box li button {font-size:1em; white-space:nowrap;}
    .sHuggy_case4 .tab_box li button:before {content:''; display:none; width:calc(100% + 15px); height:1px; background:#ccc; position:absolute; left:0; top:8px}
    .sHuggy_case4 .tab_box li:last-child button:before {width:100%;}
	.sHuggy_case4 .tab_box li.on:before {background-color:unset;}
	.sHuggy_case4 .tab_box li.on:after {display:none;}
    .sHuggy_case4 .cont_box {width:100%; margin-top:5%;}
    .sHuggy_case4 .cont_box > div .txt_box {margin-top:3%;}
    .sHuggy_case4 .cont_box > div .txt_box:before {width:20px; height:20px;}
    .sHuggy_case4 .cont_box > div .txt_box dl {padding-left:5px;}
    .sHuggy_case4 .cont_box > div .txt_box dl dt {font-size:1.125em;}
    .sHuggy_case4 .cont_box > div .txt_box dl dd {font-size:1em;}
    
    .sHuggy_slide1 .swiper-slide {width:250px; padding:15px;}
    .sHuggy_slide1 .cate {padding:4px 9px;}
    .sHuggy_slide1 .txt {font-size:1em;}

	.sHuggy_case4 .tab_box li:nth-child(1):before {background-image:url(../images/counter_1.svg)}
	.sHuggy_case4 .tab_box li:nth-child(2):before {background-image:url(../images/counter_2.svg)}
	.sHuggy_case4 .tab_box li:nth-child(3):before {background-image:url(../images/counter_3.svg)}
	.sHuggy_case4 .tab_box li:nth-child(4):before {background-image:url(../images/counter_4.svg)}
	.sHuggy_case4 .tab_box li:nth-child(5):before {background-image:url(../images/counter_5.svg)}

    @keyframes sHuggyIcon1 {
        0% {transform:translateX(-50%) scale(0.25); opacity:0.6}
        100% {transform:translateX(-50%) scale(1); opacity:0.2}
    }
}


.sBenefits_case1 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sBenefits_case1 > div {width:calc(50% - 15px); border-radius:10px; overflow:hidden; position:relative;}
.sBenefits_case1 > div .img_box {width:100%; height:640px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sBenefits_case1 > div .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25,25,25,0) 50%, #191919); opacity:0.5;}
.sBenefits_case1 > div dl {width:100%; position:absolute; left:0; bottom:70px; text-align:center; padding:0 15px;}
.sBenefits_case1 > div dl dt {font-size:1.875em; color:#fff; font-weight:600;}
.sBenefits_case1 > div dl dd {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:600; margin-top:20px;}

.sBenefits_case2 > div {display:flex; align-items:start; flex-wrap:wrap; width:100%; padding-bottom:100px;}
.sBenefits_case2 > div:last-child {padding-bottom:0;}
.sBenefits_case2 > div.line {padding-top:100px; border-top:1px solid #ccc;}
.sBenefits_case2 > div > .s_tit2 {width:280px;}
.sBenefits_case2 > div > div {width:calc(100% - 280px);}
.sBenefits_case2 > div > div .list1 li {font-size:1.875em; line-height:1.5em; font-weight:600; margin-bottom:20px;}
.sBenefits_case2 > div > div .list1 li:last-child {margin-bottom:0;}
.sBenefits_case2 > div > div .list2 {display:flex; flex-wrap:wrap; gap:20px; width:100%;}
.sBenefits_case2 > div > div .list2 > div {width:calc(50% - 10px); background:#f8f8f8; border-radius:10px; padding:40px;}
.sBenefits_case2 > div > div .list2 > div .icon {display:block; width:42px; height:42px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.sBenefits_case2 > div > div .list2 > div dl {margin-top:20px;}
.sBenefits_case2 > div > div .list2 > div dl dt {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sBenefits_case2 > div > div .list2 > div dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:20px;}
.sBenefits_case2 > div > div .list3 {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap;}
.sBenefits_case2 > div > div .list3 .tab_box {width:calc(100% - 500px)}
.sBenefits_case2 > div > div .list3 .tab_box li {margin-bottom:20px;}
.sBenefits_case2 > div > div .list3 .tab_box li:last-child {margin-bottom:0;}
.sBenefits_case2 > div > div .list3 .tab_box li button {display:inline-block; font-size:1.875em; color:#666; line-height:1.2em; text-align:left; padding-right:10px;}
.sBenefits_case2 > div > div .list3 .tab_box li.on button {color:#191919; font-weight:600;}
.sBenefits_case2 > div > div .list3 .cont_box {width:500px;}
.sBenefits_case2 > div > div .list3 .cont_box > div:not(.on) {display:none;}
.sBenefits_case2 > div > div .list3 .cont_box > div > div {margin-bottom:50px;}
.sBenefits_case2 > div > div .list3 .cont_box > div > div:last-child {margin-bottom:0;}
.sBenefits_case2 > div > div .list3 .cont_box > div > div .tit {font-size:1.5em; line-height:1.4em; font-weight:600; margin-bottom:20px;}
.sBenefits_case2 > div > div .list3 .cont_box > div > div .sub_list_box1 ul {margin:14px 0;}
.sBenefits_case2 > div > div .list3 .cont_box > div > div .sub_list_box1 ul li {font-size:1em; color:#a4a4a4;}
.sBenefits_case2 > div > div .list3 .cont_box > div > div .sub_list_box1 ul li:before {content:'- '}
.sBenefits_case2 > div > div .list3 .cont_box.number > div {counter-reset:counter;}
.sBenefits_case2 > div > div .list3 .cont_box.number > div > div .tit:before {content:counter(counter)'. '; counter-increment:counter;}

.sBenefits_case2 > div > div .list2 > div .icon1 {background-image:url(../images/sBenefits_img3_1.png)}
.sBenefits_case2 > div > div .list2 > div .icon2 {background-image:url(../images/sBenefits_img3_2.png)}
.sBenefits_case2 > div > div .list2 > div .icon3 {background-image:url(../images/sBenefits_img3_3.png)}
.sBenefits_case2 > div > div .list2 > div .icon4 {background-image:url(../images/sBenefits_img3_4.png)}
.sBenefits_case2 > div > div .list2 > div .icon5 {background-image:url(../images/sBenefits_img3_5.png)}
.sBenefits_case2 > div > div .list2 > div .icon6 {background-image:url(../images/sBenefits_img3_6.png)}
.sBenefits_case2 > div > div .list2 > div .icon7 {background-image:url(../images/sBenefits_img3_7.png)}
.sBenefits_case2 > div > div .list2 > div .icon8 {background-image:url(../images/sBenefits_img3_8.png)}

@media screen and (max-width:1220px){
    .sBenefits_case1 > div .img_box {height:50vw}
    .sBenefits_case1 > div dl {bottom:40px;}

    .sBenefits_case2 > div > div .list3 .tab_box {width:260px;}
    .sBenefits_case2 > div > div .list3 .cont_box {width:calc(100% - 260px)}
}

@media screen and (max-width:1024px){
    .sBenefits_case1 > div {width:calc(50% - 7.5px)}
    .sBenefits_case1 > div dl {bottom:25px;}
    .sBenefits_case1 > div dl dt {font-size:1.5em;}
    .sBenefits_case1 > div dl dd {font-size:1.3em; margin-top:10px;}

    .sBenefits_case2 > div {padding-bottom:10%;}
    .sBenefits_case2 > div.line {padding-top:10%;}
    .sBenefits_case2 > div > .s_tit2 {width:190px;}
    .sBenefits_case2 > div > div {width:calc(100% - 190px)}
    .sBenefits_case2 > div > div .list1 li {font-size:1.5em; margin-bottom:15px;}

    .sBenefits_case2 > div > div .list2 {gap:10px;}
    .sBenefits_case2 > div > div .list2 > div {width:calc(50% - 5px); padding:20px;}
    .sBenefits_case2 > div > div .list2 > div .icon {width:33px; height:33px;}
    .sBenefits_case2 > div > div .list2 > div dl {margin-top:15px;}
    .sBenefits_case2 > div > div .list2 > div dl dt {font-size:1.3em;}
    .sBenefits_case2 > div > div .list2 > div dl dd {font-size:1em; margin-top:10px;}

    .sBenefits_case2 > div > div .list3 .tab_box {width:200px;}
    .sBenefits_case2 > div > div .list3 .tab_box li {margin-bottom:15px;}
    .sBenefits_case2 > div > div .list3 .tab_box li button {font-size:1.5em;}
    .sBenefits_case2 > div > div .list3 .cont_box {width:calc(100% - 200px)}
    .sBenefits_case2 > div > div .list3 .cont_box > div > div {margin-bottom:40px;}
    .sBenefits_case2 > div > div .list3 .cont_box > div > div .tit {font-size:1.3em; margin-bottom:10px;}
    .sBenefits_case2 > div > div .list3 .cont_box > div > div .sub_list_box1 ul {margin:10px 0;}
}

@media screen and (max-width:767px){
    .sBenefits_case1 > div {width:100%; margin-bottom:5px;}
    .sBenefits_case1 > div:last-child {margin-bottom:0;}
    .sBenefits_case1 > div .img_box {height:70vw;}
    .sBenefits_case1 > div dl {bottom:20px;}
    .sBenefits_case1 > div dl dt {font-size:1.3em;}
    .sBenefits_case1 > div dl dd {font-size:1em; margin-top:5px;}

    .sBenefits_case2 > div > .s_tit2 {width:100%;}
    .sBenefits_case2 > div > div {width:100%; margin-top:4%;}
    .sBenefits_case2 > div > div .list1 li {font-size:1.125em; margin-bottom:1.5%;}

    .sBenefits_case2 > div > div .list2 {gap:5px;}
    .sBenefits_case2 > div > div .list2 > div {width:100%; padding:15px;}
    .sBenefits_case2 > div > div .list2 > div .icon {width:28px; height:28px}
    .sBenefits_case2 > div > div .list2 > div dl dt {font-size:1.2em;}
    .sBenefits_case2 > div > div .list2 > div dl dd {margin-top:5px;}

    .sBenefits_case2 > div > div .list3 .tab_box {display:flex; width:100%; overflow-x:auto; position:relative; z-index:5;}
    .sBenefits_case2 > div > div .list3 .tab_box li {margin-right:5px; margin-bottom:0;}
    .sBenefits_case2 > div > div .list3 .tab_box li:last-child {margin-bottom:0;}
    .sBenefits_case2 > div > div .list3 .tab_box li button {background:#f8f8f8; border-radius:5px; font-size:1.125em; white-space:nowrap; padding:8px 12px;}
	.sBenefits_case2 > div > div .list3 .tab_box li.on button {background:#191919; color:#fff;}
    .sBenefits_case2 > div > div .list3 .cont_box {width:100%; margin-top:6%;}
    .sBenefits_case2 > div > div .list3 .cont_box > div > div {margin-bottom:5%;}
    .sBenefits_case2 > div > div .list3 .cont_box > div > div .tit {font-size:1.2em; margin-bottom:1%;}
}


.sContact_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:70px;}
.sContact_case1 .form_box ul {width:calc(50% - 10px)}
.sContact_case1 .form_box ul li {margin-bottom:30px;}
.sContact_case1 .form_box ul li:last-child {margin-bottom:0;}
.sContact_case1 .form_box ul li > label {display:block; font-size:1.125em; font-weight:600; margin-bottom:10px;}
.sContact_case1 .form_box ul li > label i {color:#7e6bf9; font-style:normal;}
.sContact_case1 .form_box ul li .form_txt {display:block; width:100%; height:61px; background:#fff; border:1px solid #ccc; border-radius:6px; font-size:1.125em; padding:0 20px;}
.sContact_case1 .form_box ul li .form_txt::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt:focus {outline:none; border:2px solid #19c2da !important; box-shadow:4px 4px 10px rgba(25,194,218,0.1)}
.sContact_case1 .form_box ul li .form_textarea {display:block; width:100%; height:242px; background:#fff; border:1px solid #ccc; border-radius:6px; font-size:1.125em; padding:20px; resize:none;}
.sContact_case1 .form_box ul li .form_textarea::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea:focus {outline:none; border:2px solid #19c2da !important; box-shadow:4px 4px 10px rgba(25,194,218,0.1)}
.sContact_case1 .form_box ul li .check_box input {display:none;}
.sContact_case1 .form_box ul li .check_box label {display:flex; align-items:center;}
.sContact_case1 .form_box ul li .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:#efefef; border-radius:4px; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .form_box ul li .check_box label p {font-size:1em; color:#666; padding-left:6px;}
.sContact_case1 .form_box ul li .check_box label p a {color:#19c2da; font-weight:600; text-decoration:underline;}
.sContact_case1 .form_box ul li .check_box input:checked + label:before {content:'\f00c'; background:#19c2da;}
.sContact_case1 .form_box ul li .t_leng {font-size:1em; color:#666; text-align:right; margin-top:10px;}
.sContact_case1 .btn_box {display:flex; justify-content:center; margin-top:70px;}

@media screen and (max-width:1024px){
    .sContact_case1 .form_box {margin-top:7%;}
    .sContact_case1 .form_box ul {width:calc(50% - 5px)}
    .sContact_case1 .form_box ul li {margin-bottom:20px;}
    .sContact_case1 .form_box ul li > label {font-size:1em;}
    .sContact_case1 .form_box ul li .form_txt {height:48px; font-size:1em; padding:0 15px;}
    .sContact_case1 .form_box ul li .form_textarea {height:180px; font-size:1em; padding:15px;}
	.sContact_case1 .btn_box {margin-top:7%;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box ul {width:100%; margin-bottom:4%;}
    .sContact_case1 .form_box ul:last-child {margin-bottom:0;}
    .sContact_case1 .form_box ul li {margin-bottom:4%;}
    .sContact_case1 .form_box ul li > label {margin-bottom:1.5%;}
    .sContact_case1 .form_box ul li .form_txt {height:38px; padding:0 10px;}
    .sContact_case1 .form_box ul li .form_textarea {height:110px; padding:10px;}
    .sContact_case1 .form_box ul li .check_box label:before {width:20px; height:20px;}
}


.sPrivacy_case1 .t1 {font-size:1.25em; line-height:1.5em; font-weight:500; margin:30px 0 10px;}
.sPrivacy_case1 .t1:first-child {margin-top:0;}
.sPrivacy_case1 .t2 {font-size:1.125em; color:#666; line-height:1.55em; margin-top:20px;}
.sPrivacy_case1 .t1 + .t2 {margin-top:0;}

@media screen and (max-width:1024px){
	.sPrivacy_case1 .t1 {font-size:1.125em; margin:5% 0 1%;}
	.sPrivacy_case1 .t2 {font-size:1em; margin:2%;}
}