@charset "utf-8";


.adbo_btn1 {display:block; width:fit-content; background:#231815; border-radius:7px; font-size:1.25em; color:#fff; font-weight:600; line-height:1.5em; padding:20px 40px;}
.adbo_btn1 > span {display:flex; align-items:center; gap:0 16px; overflow:hidden;}
.adbo_btn1 > span > span {position:relative; transform:translateY(100%); transition:transform 0.25s;}
.adbo_btn1 > span > span:before {content:attr(data-label); display:block; position:absolute; bottom:100%; left:0;}
.adbo_btn1 .icon {font-style:normal; position:relative; transform:translateY(100%); transition:transform 0.25s;}
.adbo_btn1 .icon:before, .adbo_btn1 .icon:after {content:var(--icon); font-family:'Font Awesome 6 Pro'; font-weight:400;}
.adbo_btn1 .icon:after {position:absolute; bottom:100%; left:0;}
.adbo_btn1.case2 {background:#99cc00; color:#191919;}
.adbo_btn1:hover > span > span {transform:translateY(0);}
.adbo_btn1:hover .icon {transform:translateY(0);}

@media screen and (max-width:1024px){
    .adbo_btn1 {font-size:1.125em; padding:15px 20px;}
    .adbo_btn1 > span {gap:10px;}
}

@media screen and (max-width:767px){
    .adbo_btn1 {border-radius:5px; font-size:1em; padding:8px 12px;}
    .adbo_btn1 > span {gap:5px;}
}


/* header */
#adbo_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:112px; position:fixed; left:0; top:0; z-index:500; padding:0 80px; transition:background 0.4s}
#adbo_header:before {content:''; display:block; width:100%; height:202px; background:#fff; border-bottom:1px solid #e5e5e5; position:absolute; left:0; top:0; transform:scaleY(0); transform-origin:center top; transition:transform 0.4s; pointer-events:none;}
#adbo_header:after {content:''; display:block; width:100%; height:1px; background:#e5e5e5; position:absolute; left:0; top:100%; opacity:0; visibility:hidden; transition:all 0.4s; pointer-events:none;}

#adbo_header .h_util {display:flex; align-items:center; gap:0 40px;}
#adbo_header .h_lang ul {display:flex; align-items:center; gap:0 20px;}
#adbo_header .h_lang ul li {position:relative;}
#adbo_header .h_lang ul li:before {content:''; display:block; width:1px; height:10px; background:#fff; opacity:0.3; position:absolute; left:-10px; top:50%; transform:translateY(-50%); transition:background 0.3s;}
#adbo_header .h_lang ul li:first-child:before {display:none;}
#adbo_header .h_lang ul li a {font-size:0.875em; color:rgba(255,255,255,0.3); font-weight:500; font-family:var(--font-poppins); transition:color 0.3s;}
#adbo_header .h_lang ul li.on a {color:#fff;}

#adbo_logo {width:137px; height:32px; background:url(../images/logo.svg) no-repeat center center; background-size:contain; position:relative; z-index:3; opacity:0;}
#adbo_logo a {display:block; width:100%; height:100%;}

#adbo_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0;}
#adbo_gnb .adbo {display:block; background:#99cc00; font-size:1.125em; color:#231815; font-weight:500; line-height:1.45em; font-family:var(--font-poppins); border-radius:7px; padding:11px 20px; margin-left:10px; transition:all 0.5s; transition-property:background, color;}
#adbo_gnb .adbo:hover {background:#231815; color:#fff;}
#adbo_gnb > ul {display:flex; justify-content:center; height:100%; position:relative;}
#adbo_gnb > ul > li.hide {display:none;}
#adbo_gnb > ul > li > a {display:flex; height:100%; align-items:center; font-size:1.125em; color:#fff; font-weight:500; font-family:var(--font-poppins); padding:0 28px; transition:color 0.3s;}
#adbo_gnb > ul > li > a > span {display:block; overflow:hidden;}
#adbo_gnb > ul > li > a > span > span {display:block; transform:translateY(100%); transition:transform 0.25s; position:relative}
#adbo_gnb > ul > li > a > span > span:before {content:attr(data-label); display:block; position:absolute; bottom:100%; left:0;}
#adbo_gnb > ul > li > ul {display:flex; justify-content:center; align-items:center; width:100%; position:absolute; left:0; top:100%; opacity:0; visibility:hidden; transition:all 0.25s; transition-property:opacity, visibility;}
#adbo_gnb > ul > li > ul > li {margin:0 34px;}
#adbo_gnb > ul > li > ul > li > a {display:block; font-size:1.125em; line-height:90px; font-family:var(--font-poppins); white-space:nowrap;}
#adbo_gnb > ul > li:hover > a > span > span {transform:translateY(0)}
#adbo_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
#adbo_gnb > ul > li > ul > li > a:hover {font-weight:700;}

.gnbBG {display:block; width:46px; height:46px; background:rgba(255,255,255,0.9); border-radius:50%; position:fixed; right:80px; top:32px; transform:scale(0); z-index:5; pointer-events:none; transition:transform 0.8s 0.1s ease-in-out}
#all_gnb {display:flex; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:6; padding:0 80px; opacity:0; visibility:hidden; transition:all 0.3s 0s; transition-property:opacity, visibility;}
#all_gnb .title {width:25%; border-left:1px solid rgba(0,0,0,0.2); border-right:1px solid rgba(0,0,0,0.2); padding-top:140px;}
#all_gnb .title img {height:32px;}
#all_gnb > ul {display:flex; flex-wrap:wrap; width:75%; padding-top:140px; position:relative;}
#all_gnb > ul:before, #all_gnb > ul:after {content:''; display:block; width:1px; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; pointer-events:none;}
#all_gnb > ul:before {left:33.33%;}
#all_gnb > ul:after {left:66.66%;}
#all_gnb > ul > li {width:33.33%; padding-left:40px; padding-bottom:100px;}
#all_gnb > ul > li > a {display:inline-block; font-size:3.125em; font-weight:600; font-family:var(--font-poppins); position:relative;}
#all_gnb > ul > li > a:before {content:''; display:block; width:3px; height:25px; background:#000; position:absolute; left:-40px; top:50%; transform:translateY(-50%) scaleY(0); transition:transform 0.4s;}
#all_gnb > ul > li > ul {margin-top:35px;}
#all_gnb > ul > li > ul > li {margin-bottom:10px;}
#all_gnb > ul > li > ul > li > a {display:inline-block; font-size:1.0625em; color:#666; font-family:var(--font-poppins); transition:color 0.3s;}
#all_gnb > ul > li:hover > a:before {transform:translateY(-50%) scaleY(1)}
#all_gnb > ul > li > ul > li > a:hover {color:#231815;}

#menuToggle {display:block; width:46px; height:13px; position:relative; z-index:30;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:3px; background:#fff; position:absolute; left:0; transition:all 0.3s}
#menuToggle:before {top:0;}
#menuToggle:after {bottom:0;}

#adbo_header.hover:before {transform:scaleY(1)}
#adbo_header.hover:after {opacity:1; visibility:visible;}
#adbo_header.hover #adbo_logo {opacity:1;}
#adbo_header.hover .h_lang ul li:before {background:#231815;}
#adbo_header.hover .h_lang ul li a {color:rgba(35,24,21,0.3);}
#adbo_header.hover .h_lang ul li.on a {color:#231815;}
#adbo_header.hover #adbo_gnb > ul > li > a {color:#231815}
#adbo_header.hover #menuToggle:before, #adbo_header.hover #menuToggle:after {background:#231815;}

#adbo_header.on .gnbBG {transform:scale(150); transition-delay:0s;}
#adbo_header.on #all_gnb {opacity:1; visibility:visible; transition:all 0.2s 0.6s; transition-property:opacity, visibility;}
#adbo_header.on #menuToggle:before, #adbo_header.on #menuToggle:after {background:#191919;}
#adbo_header.on #menuToggle:before {transform:translateY(5px) rotate(45deg)}
#adbo_header.on #menuToggle:after {transform:translateY(-5px) rotate(-45deg)}

#adbo_header.sub_header #adbo_logo {background-image:url(../images/logo.svg); opacity:1;}
#adbo_header.sub_header .h_lang ul li:before {background:rgba(25,25,25,0.3);}
#adbo_header.sub_header .h_lang ul li a {color:rgba(35,24,21,0.3);}
#adbo_header.sub_header .h_lang ul li.on a {color:#231815;}
#adbo_header.sub_header #adbo_gnb > ul > li > a {color:#231815;}
#adbo_header.sub_header #adbo_gnb > ul > li > a {color:#231815}
#adbo_header.sub_header #menuToggle:before, #adbo_header.sub_header #menuToggle:after {background:#231815;}

#adbo_header.scroll_on {background:#fff;}
#adbo_header.scroll_on #adbo_logo {opacity:1;}
#adbo_header.scroll_on .h_lang ul li:before {background:rgba(25,25,25,0.3);}
#adbo_header.scroll_on .h_lang ul li a {color:rgba(25,25,25,0.3);}
#adbo_header.scroll_on .h_lang ul li.on a {color:#231815;}
#adbo_header.scroll_on #adbo_gnb > ul > li > a {color:#231815}
#adbo_header.scroll_on #menuToggle:before, #adbo_header.scroll_on #menuToggle:after {background:#231815;}

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

@media screen and (max-width:1460px){
	#adbo_gnb .adbo {font-size:1em; padding:9px 16px;}
	#adbo_gnb > ul > li > a {font-size:1em; padding:20px;}

    #all_gnb .title {width:230px;}
    #all_gnb > ul {width:calc(100% - 230px)}
    #all_gnb > ul > li {padding-left:25px;}
    #all_gnb > ul > li > a {font-size:3vw;}
    #all_gnb > ul > li > a:before {left:-25px;}
}

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

    #adbo_gnb > ul > li > a {padding:0 13px;}

    #all_gnb {padding:0 40px;}
}

@media screen and (max-width:1024px){
    #adbo_header {height:50px;}
    #adbo_header .h_util {gap:0 20px;}

    #adbo_logo {width:111px; height:26px; background-image:url(../images/logo_w.svg); opacity:1;}

    #adbo_gnb {display:none;}

    .gnbBG {width:36px; height:36px; right:5%; top:7px;}
    #all_gnb {padding:0 6%;}
    #all_gnb .title {display:none;}
    #all_gnb > ul {display:block; width:100%; padding-top:70px;}
    #all_gnb > ul:before, #all_gnb > ul:after {display:none;}
    #all_gnb > ul > li {width:100%; border-bottom:1px solid rgba(0,0,0,0.2); padding-left:0; padding-bottom:0;}
    #all_gnb > ul > li > a {display:block; font-size:1.5em; padding:12px 0;}
    #all_gnb > ul > li > a:before {display:none;}
    #all_gnb > ul > li > ul {display:none; margin-top:0; padding-bottom:15px;}
    #all_gnb > ul > li > ul > li {margin-bottom:0;}
    #all_gnb > ul > li > ul > li > a {display:block; font-size:1em; padding:5px 0;}
    #all_gnb > ul > li > ul > li:first-child > a {padding-top:0;}

    #menuToggle {width:26px; height:10px;}
    #menuToggle:before, #menuToggle:after {height:2px;}
    
    #adbo_header.on #menuToggle:before {transform:translateY(4px) rotate(45deg)}
    #adbo_header.on #menuToggle:after {transform:translateY(-4px) rotate(-45deg)}
    
    #adbo_header.scroll_on #adbo_logo {background-image:url(../images/logo.svg)}
}


/* footer */
#adbo_footer {width:100%; background:#191919; padding:50px 0 80px;}
#adbo_footer .f_logo {height:32px;}
#adbo_footer .f_logo img {height:100%;}
#adbo_footer .f_info {margin-top:24px;}
#adbo_footer .f_info li {display:inline-block; font-size:0.875em; color:#fff; line-height:1.5em; margin:0 16px 8px 0;}
#adbo_footer .f_info li strong {color:#a4a4a4; font-weight:600; margin-right:8px;}
#adbo_footer .copy {font-size:0.875em; color:#fff; font-weight:600; margin-top:16px;}
#adbo_footer .f_member {display:flex; gap:4px; position:absolute; right:0; bottom:0;}
#adbo_footer .f_member a {border:1px solid #666; border-radius:3px; font-size:0.875em; color:#666; padding:4px 10px;}

@media screen and (max-width:1024px){
    #adbo_footer {padding:6% 0;}
    #adbo_footer .f_logo {height:22px;}
    #adbo_footer .f_info {margin-top:15px;}
}

@media screen and (max-width:767px){
    #adbo_footer .f_info br {display:none;}
    #adbo_footer .f_info li {font-size:0.9375em; margin:0 12px 4px 0;}
    #adbo_footer .copy {font-size:0.9375em; margin-top:10px;}
	#adbo_footer .f_member {position:relative; margin-top:15px;}
}


#Quick {position:fixed; right:40px; bottom:40px; z-index:300; transform:translateY(80px); opacity:0; visibility:hidden; transition:all 0.9s; transition-property:transform, opacity, visibility;}
#Quick.scroll_on {transform:translateY(0); opacity:1; visibility:visible;}
#Quick a {float:right; display:block; width:64px; height:64px; position:relative; margin-bottom:8px; transition:width 0.5s ease-in-out; clear:both;}
#Quick a i {display:flex; justify-content:center; align-items:center; width:64px; height:100%; background:#231815; border-radius:10px; font-size:1.5em; color:#fff; position:absolute; left:0; top:0; z-index:3;}
#Quick a span {display:flex; align-items:center; width:100%; height:100%; background:#231815; border-radius:10px; font-size:1.125em; color:#fff; font-weight:600; position:absolute; left:0; top:0; z-index:2; white-space:nowrap; overflow:hidden; padding-left:64px;}
#Quick a:hover {width:190px;}
#Quick a:nth-of-type(2) i {background:#99cc00;}
#Quick a:nth-of-type(2) span {background:#99cc00}
#Quick .go_top {float:right; display:block; width:64px; height:64px; background:rgba(25,25,25,0.3); border-radius:10px; font-size:1.25em; color:#fff; clear:both;}

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

@media screen and (max-width:1024px){
    #Quick {bottom:25px;}
    #Quick a {width:40px; height:40px; margin-bottom:4px;}
    #Quick a i {width:40px; border-radius:5px; font-size:1.3em;}
    #Quick a span {display:none;}
    #Quick a:hover {width:40px;}
    #Quick .go_top {width:40px; height:40px; border-radius:5px; font-size:1.125em;}
}

@media screen and (max-width:767px){
    #Quick {bottom:20px;}
    #Quick a {width:32px; height:32px; margin-bottom:3px;}
    #Quick a i {width:32px; font-size:1.125em;}
    #Quick a span {display:none;}
    #Quick a:hover {width:32px;}
    #Quick .go_top {width:32px; height:32px; font-size:1em;}
}


/* main */
#mVisu {width:100%; height:100vh; position:relative;}
#mVisu .img_box {width:100%; height:100%; background:#191919; position:absolute; left:0; top:0; z-index:0;}
#mVisu .img_box div {width:100%; height:100%; background:url(../images/mVisu_img1.jpg) no-repeat center center; background-size:cover;}
#mVisu .txt_box {width:calc(100% - 160px); height:100%; position:relative; margin:0 auto;}
#mVisu .txt_box .txt {font-size:1.875em; color:#fff; line-height:1.33em; font-family:var(--font-poppins); position:absolute; left:0; top:40px;}
#mVisu .txt_box .txt p {display:block; overflow:hidden;}
#mVisu .txt_box .txt p span {display:block; transform:translateY(100%); animation:mVisuTxt 1s 2.4s forwards;}
#mVisu .txt_box .tit {display:flex; align-items:end; width:calc(1000px - var(--widthX, 0px)); position:absolute; left:0; bottom:80px; clip-path:inset(50% 0 50% 0);}
#mVisu .txt_box .tit img {width:100%; height:auto;}

#mVisu.scroll_on .txt_box .tit {opacity:0;}

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

@media screen and (max-width:1460px){
    #mVisu .txt_box .txt {font-size:2vw;}
}

@media screen and (max-width:1220px){
    #mVisu .txt_box {width:88%;}
    #mVisu .txt_box .txt {font-size:1.5vw;}
    #mVisu .txt_box .tit {width:calc(70% - var(--widthX, 0px));}
}

@media screen and (max-width:1024px){
    #mVisu .txt_box .txt {display:none;}
    #mVisu .txt_box .tit {bottom:40px;}
}


.main_title {font-size:4.375em; line-height:1.3em; font-weight:500; font-family:var(--font-poppins);}

@media screen and (max-width:1024px){
    .main_title {font-size:3.5em;}
}

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


#mCompany {width:100%; height:500vh; position:relative;}
#mCompany > div {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:sticky; left:0; top:0;}
#mCompany .img_box {width:100%; height:100%; background:#191919; position:absolute; left:0; top:0; border-radius:10px; z-index:0; overflow:hidden;}
#mCompany .img_box .clip_ref {width:600px; height:820px; position:absolute; right:80px; top:50%; transform:translateY(-50%); visibility:hidden; pointer-events:none;}
#mCompany .img_box .img {width:1493px; height:840px; background:url(../images/mCompanyBG.jpg) no-repeat center center; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:0;}
#mCompany .img_box.expand .img {background-size:cover;}
#mCompany .img_box .symbol {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
#mCompany .img_box .symbol img {width:603px;}
#mCompany .txt_box1 .tit {font-size:4.6875em; line-height:1.25em; font-weight:500; font-family:var(--font-poppins)}
#mCompany .txt_box1 .tit p {overflow:hidden;}
#mCompany .txt_box1 .tit p span {display:block; opacity:0; transform:translateY(100%); transition:all 1s; transition-property:opacity, transform; transition-delay:0.3s}
#mCompany .txt_box1 .txt {font-size:2.5em; line-height:1.3em; font-weight:700; margin-top:32px; overflow:hidden;}
#mCompany .txt_box1 .txt p {display:block; opacity:0; transform:translateY(100%); transition:all 1s; transition-property:opacity, transform; transition-delay:1s}
#mCompany .txt_box2 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0;}
#mCompany .txt_box2 p {font-size:3.125em; color:#fff; line-height:1.3em; font-weight:700; text-align:center; overflow:hidden;}
#mCompany .txt_box2 p span {display:block; opacity:0; transform:translateY(100%); transition:all 1s; transition-property:opacity, transform;}
#mCompany .txt_box2 p:nth-child(2) span {transition-delay:0.3s}
#mCompany .txt_box3 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0;}
#mCompany .txt_box3 p {font-size:3.125em; line-height:1.3em; font-weight:700; text-align:center; overflow:hidden;}
#mCompany .txt_box3 p span {display:block; opacity:0; transform:translateY(100%); transition:all 1s; transition-property:opacity, transform;}
#mCompany .txt_box3 p:nth-child(2) span {transition-delay:0.3s}

#mCompany.on .txt_box1 .tit p span {opacity:1; transform:translateY(0);}
#mCompany.on .txt_box1 .txt p {opacity:1; transform:translateY(0)}
#mCompany .txt_box2.on p span {opacity:1; transform:translateY(0)}
#mCompany .txt_box3.on p span {opacity:1; transform:translateY(0)}

@media screen and (max-width:1460px){
    #mCompany .img_box .clip_ref {width:34vw; height:76vh; right:60px;}
    #mCompany .img_box .img {width:78vw; height:78vh;}
    #mCompany .img_box .symbol img {width:31vw;}
    #mCompany .txt_box1 .tit {font-size:3.8em;}
}

@media screen and (max-width:1220px){
    #mCompany .img_box .clip_ref {width:38vw; height:70vh; right:6vw;}
    #mCompany .img_box .img {width:84vw; height:74vh;}
    #mCompany .img_box .symbol img {width:35vw;}
    #mCompany .txt_box1 .tit {font-size:3em;}
    #mCompany .txt_box1 .txt {font-size:2em;}
    #mCompany .txt_box2 p, #mCompany .txt_box3 p {font-size:2.75em;}
}

@media screen and (max-width:1024px){
    #mCompany .img_box .clip_ref {width:auto; height:42vh; left:20%; right:20%; top:12vh; bottom:auto; transform:none;}
    #mCompany .img_box .img {width:100%; height:84vh;}
    #mCompany .img_box .symbol img {width:40vw;}
    #mCompany .txt_box1 {position:absolute; left:50%; top:auto; bottom:14vh; transform:translateX(-50%); text-align:center;}
    #mCompany .txt_box1 .tit {font-size:2.6em;}
    #mCompany .txt_box1 .txt {font-size:1.5em; margin-top:20px;}
    #mCompany .txt_box2 p, #mCompany .txt_box3 p {font-size:2.25em;}
}

@media screen and (max-width:767px){
    #mCompany {height:400vh;}
    #mCompany .img_box .clip_ref {width:auto; height:42vh; left:6%; right:6%; top:15vh;}
    #mCompany .img_box .img {width:100%; height:86vh;}
    #mCompany .img_box .symbol img {width:56vw;}
    #mCompany .txt_box1 {bottom:auto; top:62vh;}
    #mCompany .txt_box1 .tit {font-size:2em;}
    #mCompany .txt_box1 .txt {font-size:1.125em; margin-top:16px;}
    #mCompany .txt_box2 p, #mCompany .txt_box3 p {font-size:1.8em;}
}


#mAbout {margin-top:160px;}
#mAbout > div {display:flex; justify-content:space-between; width:100%; border-bottom:1px solid #ccc; padding:55px 0;}
#mAbout > div:first-child {border-top:1px solid #231815;}
#mAbout > div .tit_box {width:calc(100% - 555px)}
#mAbout > div .tit_box p {font-size:3.125em; line-height:1.3em; color:#ccc; font-weight:300; font-family:var(--font-poppins); position:relative; transition:all 0.4s; transition-property:color, padding;}
#mAbout > div .tit_box p span {font-size:0.48em; font-weight:700; line-height:1.45em; margin-left:24px; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
#mAbout > div .tit_box p:before {content:''; display:block; width:12px; height:12px; background:#99cc00; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
#mAbout > div .txt_box {display:none; width:555px;}
#mAbout > div .txt_box p {font-size:1.25em; color:#666; line-height:1.75em;}
#mAbout > div:first-child .txt_box {display:block;}

#mAbout > div.on .tit_box p {color:#231815; font-weight:500; padding-left:44px;}
#mAbout > div.on .tit_box p span {opacity:1; visibility:visible;}
#mAbout > div.on .tit_box p:before {opacity:1; visibility:visible;}

@media screen and (max-width:1460px){
    #mAbout > div .tit_box {width:650px}
    #mAbout > div .tit_box p span {display:block; margin-left:0;}
    #mAbout > div .tit_box p:before {top:35px;}
    #mAbout > div .txt_box {width:calc(100% - 650px)}
}

@media screen and (max-width:1220px){
    #mAbout > div {display:block;}
    #mAbout > div .tit_box {width:100%;}
    #mAbout > div .tit_box p span {display:inline-block; margin-left:10px;}
    #mAbout > div .txt_box {width:100%; padding-left:44px; padding-top:20px;}
}

@media screen and (max-width:1024px){
    #mAbout {margin-top:16%;}
    #mAbout > div {padding:5% 0;}
    #mAbout > div .tit_box p {font-size:2.7em;}
    #mAbout > div .tit_box p:before {width:8px; height:8px; top:26px;}
    #mAbout > div .txt_box {padding-left:25px; padding-top:15px;}
    #mAbout > div .txt_box p {font-size:1.125em;}

    #mAbout > div.on .tit_box p {padding-left:25px;}
}


@media screen and (max-width:767px){
    #mAbout > div {padding:5% 0;}
    #mAbout > div .tit_box p {font-size:1.8em;}
    #mAbout > div .tit_box p:before {width:5px; height:5px; top:15px;}
    #mAbout > div .tit_box p span {display:block; font-size:0.6em; margin-left:0; opacity:1; visibility:visible; margin-top:5px;}
    #mAbout > div .txt_box {padding-left:15px; padding-top:10px;}
    #mAbout > div .txt_box p {font-size:1em;}

    #mAbout > div.on .tit_box p {padding-left:15px;}
}



#mSolutions {margin-top:160px;}
#mSolutions > div {display:flex; width:100%; margin-top:40px; position:relative; border-radius:10px; overflow:hidden;}
#mSolutions > div > div {width:33.33%; height:650px;}
#mSolutions > div > div a {display:block; width:100%; height:100%;}
#mSolutions > div > div .img_box {width:100%; height:100%; background-color:#191919; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility, transform;}
#mSolutions > div > div:hover .img_box {transform:scale(1.1)}
#mSolutions > div > div dl {display:flex; justify-content:end; flex-direction:column; width:100%; height:100%; border-right:1px solid rgba(255,255,255,0.3); padding:55px; position:relative; z-index:5;}
#mSolutions > div > div:last-child dl {border-right:0;}
#mSolutions > div > div dl dt {font-size:2.1875em; color:rgba(255,255,255,0.3); font-weight:500; font-family:var(--font-poppins); transition:color 0.4s;}
#mSolutions > div > div dl dd {display:none; font-size:1.25em; color:#fff; line-height:1.75em; padding-top:16px;}
#mSolutions > div > div:first-child dl dd {display:block;}
#mSolutions > div > div.on .img_box {opacity:1; visibility:visible;}
#mSolutions > div > div.on dl dt {color:#fff;}

@media screen and (max-width:1220px){
    #mSolutions > div > div {height:550px;}
    #mSolutions > div > div dl {padding:30px;}
    #mSolutions > div > div dl dd {font-size:1.2em;}
}

@media screen and (max-width:1024px){
    #mSolutions {margin-top:16%;}
    #mSolutions > div {display:block; margin-top:4%; border-radius:0;}
    #mSolutions > div > div {width:100%; height:40vw; border-radius:10px; position:relative; overflow:hidden; margin-bottom:10px;}
    #mSolutions > div > div:last-child {margin-bottom:0;}
    #mSolutions > div > div .img_box {opacity:1; visibility:visible;}
	#mSolutions > div > div dl {border-right:0;}
    #mSolutions > div > div dl dt {font-size:1.8em; color:#fff;}
    #mSolutions > div > div dl dd {display:block; font-size:1.125em; padding-top:10px;}
}

@media screen and (max-width:767px){
    #mSolutions > div > div {height:55vw; margin-bottom:5px;}
    #mSolutions > div > div dl {padding:5%;}
    #mSolutions > div > div dl dt {font-size:1.5em;}
    #mSolutions > div > div dl dd {font-size:1em; line-height:1.5em; padding-top:5px;}
}


#mBusiness {margin-top:160px;}
#mBusiness .tab_box {display:flex; width:100%; margin-top:40px; position:relative}
#mBusiness .tab_box:after {content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0; pointer-events:none;}
#mBusiness .tab_box button {display:block; padding:0 24px 15px; font-size:1.625em; color:#a4a4a4; font-weight:700; position:relative; transition:color 0.5s;}
#mBusiness .tab_box button:before {content:''; display:block; width:0; height:2px; background:#231815; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.5s; z-index:5;}
#mBusiness .tab_box button:hover {color:#231815;}
#mBusiness .tab_box button.on {color:#231815;}
#mBusiness .tab_box button.on:before {width:100%;}
#mBusiness .cont_box {width:100%; margin-top:55px;}
#mBusiness .cont_box > div:not(.on) {height:0; overflow:hidden;}
#mBusiness .cont_box > div a {display:flex; justify-content:space-between; align-items:center;}
#mBusiness .cont_box > div .img_box {width:800px; height:581px; border-radius:15px; overflow:hidden;}
#mBusiness .cont_box > div .img_box > div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1); transition:transform 0.6s;}
#mBusiness .cont_box > div .txt_box {width:calc(100% - 920px)}
#mBusiness .cont_box > div .txt_box .type {display:inline-block; background:#99cc00; border-radius:5px; font-size:1em; color:#fff; font-weight:700; line-height:1.5em; padding:8px 16px; margin-bottom:24px; opacity:0; transform:translateX(60px); transition:all 0.5s 0.15s; transition-property:opacity, transform;}
#mBusiness .cont_box > div .txt_box dl {opacity:0; transform:translateX(60px); transition:all 0.5s 0.25s; transition-property:opacity, transform;}
#mBusiness .cont_box > div .txt_box dl dt {font-size:3.125em; line-height:1.3em; font-weight:700;}
#mBusiness .cont_box > div .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.75em; margin-top:8px;}
#mBusiness .cont_box > div .txt_box ul {margin-top:55px; opacity:0; transform:translateX(60px); transition:all 0.5s 0.35s; transition-property:opacity, transform;}
#mBusiness .cont_box > div .txt_box ul li {font-size:1.25em; line-height:2em; font-weight:600; padding-left:22px; position:relative;}
#mBusiness .cont_box > div .txt_box ul li:before {content:''; display:block; width:6px; height:6px; background:#99cc00; position:absolute; left:0; top:16px;}
#mBusiness .cont_box > div a:hover .img_box > div {transform:scale(1.05)}
#mBusiness .cont_box > div.on .img_box > div {transform:scale(1)}
#mBusiness .cont_box > div.on .txt_box .type {opacity:1; transform:translateX(0)}
#mBusiness .cont_box > div.on .txt_box dl {opacity:1; transform:translateX(0)}
#mBusiness .cont_box > div.on .txt_box ul {opacity:1; transform:translateX(0)}

@media screen and (max-width:1460px){
    #mBusiness .cont_box > div .img_box {width:calc(60% - 50px); height:35vw;}
    #mBusiness .cont_box > div .txt_box {width:40%;}
}

@media screen and (max-width:1220px){
    #mBusiness .cont_box > div .img_box {width:calc(60% - 40px)}
    #mBusiness .cont_box > div .txt_box ul {margin-top:35px;}
}

@media screen and (max-width:1024px){
    #mBusiness {margin-top:16%;}
    #mBusiness .tab_box {margin-top:4%;}
    #mBusiness .tab_box button {padding:0 12px 10px; font-size:1.3em;}
    #mBusiness .cont_box {margin-top:5.5%;}
    #mBusiness .cont_box > div .img_box {width:calc(55% - 25px); border-radius:10px;}
    #mBusiness .cont_box > div .txt_box {width:45%;}
    #mBusiness .cont_box > div .txt_box .type {font-size:0.9375em; padding:6px 10px; margin-bottom:15px;}
    #mBusiness .cont_box > div .txt_box dl dt {font-size:2.4em;}
    #mBusiness .cont_box > div .txt_box dl dd {font-size:1.125em; margin-top:5px;}
    #mBusiness .cont_box > div .txt_box ul {margin-top:15px;}
    #mBusiness .cont_box > div .txt_box ul li {font-size:1.125em; padding-left:15px;}
    #mBusiness .cont_box > div .txt_box ul li:before {width:4px; height:4px; top:14px;}
}

@media screen and (max-width:767px){
    #mBusiness .tab_box button {padding:0 8px 8px; font-size:1.125em;}
    #mBusiness .cont_box > div a {display:block;}
    #mBusiness .cont_box > div .img_box {width:100%; height:58vw;}
    #mBusiness .cont_box > div .txt_box {width:100%; margin-top:4%;}
    #mBusiness .cont_box > div .txt_box .type {padding:4px 8px; margin-bottom:10px;}
    #mBusiness .cont_box > div .txt_box dl dt {font-size:1.8em;}
    #mBusiness .cont_box > div .txt_box dl dd {font-size:1em;}
    #mBusiness .cont_box > div .txt_box ul {margin-top:10px;}
    #mBusiness .cont_box > div .txt_box ul li {font-size:1em; padding-left:12px;}
    #mBusiness .cont_box > div .txt_box ul li:before {top:10px;}
}


#mPortfolio {width:100%; background:#fafafa; padding:120px 0 135px; margin-top:160px; overflow:hidden;}
.mPortfolio_slide {width:100%; padding-top:40px; position:relative;}
.mPortfolio_slide .swiper-slide {width:600px;}
.mPortfolio_slide .img {width:100%; border-radius:10px; overflow:hidden;}
.mPortfolio_slide .img img {width:100%; transition:transform 0.5s;}
.mPortfolio_slide .subject {font-size:1.5em; line-height:1.5em; font-weight:600; margin-top:24px;}
.mPortfolio_slide .cont {font-size:1.25em; color:#666; line-height:1.5em; margin-top:8px;}
.mPortfolio_slide a:hover .img img {transform:scale(1.05)}
.mPortfolio_slide .swiper-button-prev, .mPortfolio_slide .swiper-button-next {width:56px; height:56px; border:1px solid #a4a4a4; border-radius:50%; font-size:1.125em; color:#a4a4a4; top:auto; bottom:100%; margin-top:0; transition:all 0.5s; transition-property:background, border, color;}
.mPortfolio_slide .swiper-button-prev {left:auto; right:64px;}
.mPortfolio_slide .swiper-button-next {right:0;}
.mPortfolio_slide .swiper-button-prev:after, .mPortfolio_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mPortfolio_slide .swiper-button-prev:after {content:'\f060'}
.mPortfolio_slide .swiper-button-next:after {content:'\f061'}
.mPortfolio_slide .swiper-button-prev:hover, .mPortfolio_slide .swiper-button-next:hover {background:#eee; border-color:#eee; color:#191919;}

@media screen and (max-width:1024px){
    #mPortfolio {padding:13% 0; margin-top:16%;}
    .mPortfolio_slide {padding-top:4%;}
    .mPortfolio_slide .subject {font-size:1.3em; margin-top:15px;}
    .mPortfolio_slide .cont {font-size:1.125em; margin-top:5px;}
    .mPortfolio_slide .swiper-button-prev, .mPortfolio_slide .swiper-button-next {width:42px; height:42px; font-size:1em;}
    .mPortfolio_slide .swiper-button-prev {right:45px;}
}

@media screen and (max-width:767px){
    .mPortfolio_slide .subject {font-size:1.2em; margin-top:10px;}
    .mPortfolio_slide .cont {font-size:1em; margin-top:3px;}
    .mPortfolio_slide .swiper-button-prev, .mPortfolio_slide .swiper-button-next {width:32px; height:32px; font-size:0.9375em;}
    .mPortfolio_slide .swiper-button-prev {right:35px;}
}


#mNews {margin-top:160px;}
#mNews .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:40px;}
#mNews .notice_box {width:calc(100% - 596px); border-top:1px solid #231815;}
#mNews .notice_box > div {border-bottom:1px solid #ccc;}
#mNews .notice_box > div a {display:flex; justify-content:space-between; align-items:center; padding:24px 80px 24px 0; position:relative; transition:background 0.5s;}
#mNews .notice_box > div a:after {content:'\2b'; font-size:1.125em; color:#a4a4a4; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:24px; top:50%; transform:translateY(-50%)}
#mNews .notice_box > div .cate {display:block; width:72px; line-height:36px; background:#eee; border-radius:5px; font-size:0.875em; color:#666; font-weight:700; text-align:center;}
#mNews .notice_box > div .txt_box {width:calc(100% - 104px);}
#mNews .notice_box > div .txt_box .subject {font-size:1.5em; line-height:1.45em; font-weight:600; position:relative; overflow:hidden;}
#mNews .notice_box > div .txt_box .subject span {display:block; width:100%; transform:translateY(100%); transition:transform 0.25s; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mNews .notice_box > div .txt_box .subject span:first-child {display:block; position:absolute; bottom:100%; left:0;}
#mNews .notice_box > div .txt_box .date {font-size:1em; color:#666; line-height:1.5em; font-weight:500; margin-top:4px;}
#mNews .notice_box > div a:hover {background:#fafafa}
#mNews .notice_box > div a:hover .txt_box .subject span {transform:translateY(0)}
#mNews .quick_box {display:flex; justify-content:space-between; width:516px;}
#mNews .quick_box > div {width:calc(50% - 8px); height:100%; clip-path:inset(0 0 0 100%); transition:clip-path 0.8s ease;}
#mNews .quick_box > div a {display:block; width:100%; height:100%; background:#231815; border-radius:10px; padding:32px; position:relative;}
#mNews .quick_box > div a:before {content:''; display:block; width:140px; height:140px; background:url(../images/mNews_icon1.svg) no-repeat center center; background-size:contain; position:absolute; left:16px; bottom:55px;}
#mNews .quick_box > div:nth-child(2) a {background:#99cc00}
#mNews .quick_box > div:nth-child(2) a:before {background-image:url(../images/mNews_icon2.svg)}
#mNews .quick_box > div p {font-size:1.5em; color:#fff; line-height:1.5em; font-weight:700;}
#mNews .quick_box > div .arrow {display:flex; justify-content:center; align-items:center; width:56px; height:56px; background:rgba(255,255,255,0.1); border-radius:50%; position:absolute; right:24px; bottom:24px; font-style:normal; overflow:hidden; transition:all 0.5s; transition-property:background}
#mNews .quick_box > div .arrow:before {content:'\f33d'; font-size:1.125em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
#mNews .quick_box > div a:hover .arrow {background:#fff;}
#mNews .quick_box > div a:hover .arrow:before {color:#231815; animation:mNewsArrow 0.8s ease forwards;}

#mNews .quick_box.on > div {clip-path:inset(0 0 0 0%);}

@keyframes mNewsArrow {
    0% {transform:translateY(0);}
    50% {transform:translateY(300%);}
    51% {transform:translateY(-300%);}
    100% {transform:translateY(0);}
}

@media screen and (max-width:1460px){
    #mNews .notice_box {width:calc(100% - 556px)}
}

@media screen and (max-width:1220px){
    #mNews .notice_box {width:calc(100% - 430px)}
    #mNews .notice_box > div a {padding:20px 70px 20px 0;}
    #mNews .quick_box {width:400px;}
    #mNews .quick_box > div {width:calc(50% - 5px)}
    #mNews .quick_box > div a:before {width:120px; height:120px; bottom:45px;}
}

@media screen and (max-width:1024px){
    #mNews {margin-top:16%;}
    #mNews .box {margin-top:4%;}
    #mNews .notice_box {width:calc(100% - 375px);}
    #mNews .notice_box > div a {padding:15px 40px 15px 0;}
    #mNews .notice_box > div a:after {font-size:1em; right:15px;}
    #mNews .notice_box > div .cate {width:65px; line-height:30px;}
    #mNews .notice_box > div .txt_box {width:calc(100% - 80px)}
    #mNews .notice_box > div .txt_box .subject {font-size:1.3em;}
    #mNews .notice_box > div .txt_box .date {margin-top:2px;}
    #mNews .quick_box {width:350px;}
    #mNews .quick_box > div a {padding:20px;}
    #mNews .quick_box > div a:before {width:90px; height:90px; bottom:25px;}
    #mNews .quick_box > div p {font-size:1.3em;}
    #mNews .quick_box > div .arrow {width:40px; height:40px; right:15px; bottom:15px;}
    #mNews .quick_box > div .arrow:before {font-size:1em;}
}

@media screen and (max-width:767px){
    #mNews .notice_box {width:100%}
    #mNews .notice_box > div a {padding:12px 0;}
    #mNews .notice_box > div a:after {right:0; display:none;}
    #mNews .notice_box > div .cate {width:55px; line-height:28px;}
    #mNews .notice_box > div .txt_box {width:calc(100% - 70px)}
    #mNews .notice_box > div .txt_box .subject {font-size:1.125em;}
    #mNews .quick_box {width:100%; margin-top:5%;}
    #mNews .quick_box > div {width:calc(50% - 2.5px)}
    #mNews .quick_box > div a {height:160px;}
    #mNews .quick_box > div a:before {width:60px; height:60px; bottom:25px;}
    #mNews .quick_box > div p {font-size:1.3em;}
    #mNews .quick_box > div .arrow {width:32px; height:32px;}
}


#mContact {display:flex; justify-content:space-between; align-items:start; margin-top:160px; positioN:relative;}
#mContact .tit_box {width:calc(100% - 727px); position:sticky; left:0; top:150px;}
#mContact .tit_box .txt {font-size:1.25em; color:#666; line-height:1.75em; margin-top:16px;}
#mContact .form_box {width:727px; padding-top:106px; overflow:hidden;}
#mContact .form_box .cate_box {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:38px;}
#mContact .form_box .cate_box > div {width:calc(33.33% - 5.33px); position:relative;}
#mContact .form_box .cate_box > div input {display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;}
#mContact .form_box .cate_box > div label {display:flex; justify-content:center; align-items:center; width:100%; height:54px; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:1.125em; color:#666; line-height:1.5em; text-align:center; transition:all 0.5s; transition-property:background, border, color;}
#mContact .form_box .cate_box > div:hover label {color:#191919; font-weight:600;}
#mContact .form_box .cate_box > div input:checked + label {background:#eee; border-color:#a4a4a4; color:#191919; font-weight:600;}
#mContact .form_box ul li {margin-bottom:32px;}
#mContact .form_box ul li:last-child {margin-bottom:0;}
#mContact .form_box .form_txt {display:block; width:100%; height:51px; background:#fff; border:0 !important; border-bottom:1px solid #ccc !important; border-radius:0; font-size:1.25em;}
#mContact .form_box .form_txt::placeholder {color:#a4a4a4;}
#mContact .form_box .form_txt::-webkit-input-placeholder {color:#a4a4a4;}
#mContact .form_box .form_txt:-ms-input-placeholder {color:#a4a4a4;}
#mContact .form_box .form_txt:focus {outline:none; box-shadow:none !important;}
#mContact .form_box .form_textarea {display:block; width:100%; height:242px; background:#fff; border:0 !important; border-bottom:1px solid #ccc !important; border-radius:0; font-size:1.25em; resize:none; padding:8px 0;}
#mContact .form_box .form_textarea::placeholder {color:#a4a4a4;}
#mContact .form_box .form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
#mContact .form_box .form_textarea:-ms-input-placeholder {color:#a4a4a4;}
#mContact .form_box .form_textarea:focus {outline:none; box-shadow:none !important;}
#mContact .form_box .check_box {margin-top:24px;}
#mContact .form_box .check_box input {display:none;}
#mContact .form_box .check_box label {display:flex; align-items:center; gap:12px;}
#mContact .form_box .check_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:2px solid #ccc; border-radius:5px; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
#mContact .form_box .check_box label p {font-size:1em; color:#666;}
#mContact .form_box .check_box label p a {color:#191919; font-weight:600; text-decoration:underline;}
#mContact .form_box .check_box input:checked + label:before {background:#231815; border-color:#231815;}
#mContact .form_box .submit_btn {display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:#231815; border-radius:7px; font-size:1.25em; color:#fff; font-weight:600; margin-top:40px;}
#mContact .form_box .submit_btn div {display:block; width:fit-content; overflow:hidden;}
#mContact .form_box .submit_btn div p {position:relative; transform:translateY(100%); transition:transform 0.25s; position:relative}
#mContact .form_box .submit_btn i {margin-left:16px;}
#mContact .form_box .submit_btn p span {display:block; position:absolute; left:0; bottom:100%;}
#mContact .form_box .submit_btn:hover p {transform:translateY(0)}

@media screen and (max-width:1460px){
    #mContact .tit_box {width:480px;}
    #mContact .form_box {width:calc(100% - 480px)}
}

@media screen and (max-width:1024px){
    #mContact {display:block; margin-top:16%;}
    #mContact .tit_box {width:100%; position:relative; top:0;}
    #mContact .tit_box .txt {font-size:1.125em; margin-top:10px;}
    #mContact .form_box {width:100%; padding-top:5%;}
    #mContact .form_box .cate_box {margin-bottom:4%;}
    #mContact .form_box .cate_box > div label {height:45px; font-size:1em;}
    #mContact .form_box ul li {margin-bottom:25px;}
    #mContact .form_box .form_txt {height:40px; font-size:1.125em;}
    #mContact .form_box .form_textarea {height:180px; font-size:1.125em; padding:5px 0;}
    #mContact .form_box .submit_btn {height:60px; border-radius:5px; font-size:1.125em; margin-top:5%;}
    #mContact .form_box .submit_btn i {margin-left:10px;}
}

@media screen and (max-width:767px){
    #mContact .tit_box .txt {font-size:1em; margin-top:5px;}
    #mContact .form_box .cate_box {gap:0 5px;}
    #mContact .form_box .cate_box > div {width:calc(33.33% - 3.33px)}
    #mContact .form_box .cate_box > div label {height:38px;}
    #mContact .form_box ul li {margin-bottom:15px;}
    #mContact .form_box .form_txt {height:38px; font-size:1em;}
    #mContact .form_box .form_textarea {height:120px; font-size:1em;}
    #mContact .form_box .check_box {margin-top:15px;}
    #mContact .form_box .check_box label {gap:8px;}
    #mContact .form_box .check_box label:before {width:20px; height:20px; border-radius:3px;}
    #mContact .form_box .submit_btn {height:44px; font-size:1em;}
    #mContact .form_box .submit_btn i {margin-left:6px;}
}

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

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


#mPartners {display:flex; width:100%; margin:160px 0; overflow:hidden; white-space:nowrap;}
#mPartners > div {display:flex; animation:mPartners 40s infinite linear;}
#mPartners > div > div {margin-right:80px;}

@keyframes mPartners {
    0% {transform:translateX(0)}
    100% {transform:translateX(-100%)}
}

@media screen and (max-width:1024px){
    #mPartners {margin:16% 0;}
    #mPartners > div > div {height:50px; margin-right:50px;}
    #mPartners > div > div img {height:100%;}
}

@media screen and (max-width:767px){
    #mPartners > div > div {height:35px; margin-right:30px;}
}


/* sub */
#sVisu {display:flex; justify-content:space-between; align-items:end; flex-direction:row-reverse; border-bottom:1px solid #191919; padding-top:240px; padding-bottom:23px;}
#sVisu h3 {font-size:4.6875em; line-height:1.2em; font-weight:500; font-family:var(--font-poppins)}
#sVisu ul {display:flex; align-items:center;}
#sVisu ul li {display:flex; align-items:center; font-size:1.125em; color:#a4a4a4; font-family:var(--font-poppins)}
#sVisu ul li:last-child {color:#191919; font-weight:500;}
#sVisu ul li:before {content:'\f105'; display:inline-block; font-size:0.77em; color:#a4a4a4; font-weight:400; font-family:'Font Awesome 6 Pro'; margin:0 12px;}
#sVisu ul li:first-child:before {display:none;}
#sVisu ul li h2 {font-size:1em; font-weight:400;}

@media screen and (max-width:1024px){
    #sVisu {padding-top:150px; padding-bottom:15px;}
    #sVisu h3 {font-size:3.8em;}
    #sVisu ul li {font-size:1em;}
}

@media screen and (max-width:767px){
    #sVisu {display:block; padding-top:100px; padding-bottom:7px;}
    #sVisu h3 {font-size:2.5em;}
    #sVisu ul {display:none;}
}


#sub_content {margin:80px 0 160px;}

.s_tit1 {font-size:3.4375em; line-height:1.18em; font-weight:700;}
.s_tit2 {font-size:2.5em; font-weight:600;}

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

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

    .s_tit1 {font-size:2.5em;}
    .s_tit2 {font-size:2em;}

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

@media screen and (max-width:767px){
    .s_tit1 {font-size:1.8em;}
    .s_tit2 {font-size:1.6em;}

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


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

.sub_img_box2 {display:flex; flex-wrap:wrap; gap:40px 24px;}
.sub_img_box2 > div {width:calc(33.33% - 16px);}
.sub_img_box2 > div .img_box {width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sub_img_box2 > div dl {margin-top:24px;}
.sub_img_box2 > div dl dt {font-size:1.5em; line-height:1.45em; font-weight:600;}
.sub_img_box2 > div dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px;}

.sub_img_box2.col2 > div {width:calc(50% - 12px)}
.sub_img_box2.h_560 > div .img_box {height:560px;}
.sub_img_box2.h_472 > div .img_box {height:472px;}

.sub_img_box3 {width:100%; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.sub_img_box3 img {max-width:100%;}

.sub_img_box4 {display:flex; justify-content:space-between; flex-wrap:wrap; gap:40px 24px;}
.sub_img_box4 > div {width:calc(50% - 12px);}
.sub_img_box4 > div .img {width:100%; border-radius:10px; overflow:hidden;}
.sub_img_box4 > div .img img {width:100%;}
.sub_img_box4 > div dl {margin-top:24px;}
.sub_img_box4 > div dl dt {font-size:1.5em; line-height:1.45em; font-weight:600;}
.sub_img_box4 > div dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px;}

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

    .sub_img_box2.h_560 > div .img_box {height:35vw;}
    .sub_img_box2.h_472 > div .img_box {height:30vw;}
}

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

    .sub_img_box2 {gap:30px 10px;}
    .sub_img_box2 > div {width:calc(33.33% - 6.66px)}
    .sub_img_box2 > div dl {margin-top:15px;}
    .sub_img_box2 > div dl dt {font-size:1.3em;}
    .sub_img_box2 > div dl dd {font-size:1.125em; margin-top:10px;}

    .sub_img_box2.col2 > div {width:calc(50% - 5px)}

    .sub_img_box3 {border-radius:5px;}
	
	.sub_img_box4 {gap:30px 10px;}
	.sub_img_box4 > div {width:calc(50% - 5px);}
	.sub_img_box4 > div dl {margin-top:15px;}
	.sub_img_box4 > div dl dt {font-size:1.3em;}
	.sub_img_box4 > div dl dd {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sub_img_box2 {gap:30px 0;}
    .sub_img_box2 > div {width:100%}
    .sub_img_box2 > div .img_box {border-radius:5px;}
    .sub_img_box2 > div dl {margin-top:10px;}
    .sub_img_box2 > div dl dt {font-size:1.2em;}
    .sub_img_box2 > div dl dd {font-size:1em; margin-top:5px;}

    .sub_img_box2.col2 > div {width:100%}
    .sub_img_box2.h_560 > div .img_box {height:105vw;}
    .sub_img_box2.h_472 > div .img_box {height:55vw;}
	
	.sub_img_box4 {gap:30px 0;}
	.sub_img_box4 > div {width:100%;}
	.sub_img_box4 > div .img {border-radius:5px;}
	.sub_img_box4 > div dl {margin-top:10px;}
	.sub_img_box4 > div dl dt {font-size:1.2em;}
	.sub_img_box4 > div dl dd {font-size:1em; margin-top:5px;}

}

.sub_btn_wrap1 {display:flex; gap:8px;}
.sub_btn_wrap1.end {justify-content:end;}

@media screen and (max-width:1024px){
    .sub_btn_wrap1 {gap:4px;}
}

.sub_list_box1 > li {font-size:1.25em; color:#666; line-height:1.5em; margin-bottom:10px; padding-left:22px; position:relative;}
.sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_list_box1 > li:before {content:''; display:block; width:6px; height:6px; background:#99cc00; position:absolute; left:0; top:12px;}

@media screen and (max-width:1024px){
    .sub_list_box1 > li {font-size:1.125em; margin-bottom:6px; padding-left:15px;}
    .sub_list_box1 > li:before {width:4px; height:4px; top:10px;}
}

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

.scroll_box {display:none; justify-content:end;}
.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;
	}
}
	
@media screen and (max-width:767px){
    .scroll_box {display:flex;}
}


.sAbout_case1 {width:100%; border-collapse:collapse;}
.sAbout_case1 tbody th {width:200px; border-top:1px solid #191919; border-bottom:1px solid #191919; font-size:1.25em; line-height:1.5em; font-weight:600; text-align:left; padding:24px;}
.sAbout_case1 tbody td {border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.25em; color:#666; line-height:1.5em; padding:24px 38px;}

.sAbout_case2 .logo_box {display:flex; justify-content:center; align-items:center; width:100%; height:500px; background:url(../images/sAbout_img1.png) repeat left top; border:1px solid #eee; border-radius:10px;}
.sAbout_case2 .logo_box img {max-height:150px;}
.sAbout_case2 dl {display:flex; align-items:center;}
.sAbout_case2 dl dt {display:flex; justify-content:center; align-items:center; width:54px; height:56px; background:#eee; border-radius:10px; font-size:1.875em; color:#191919; font-weight:600; font-family:var(--font-poppins); margin-right:12px;}
.sAbout_case2 dl dd {font-size:1.5em; color:#666; line-height:1.4em; font-family:var(--font-poppins); margin-right:24px;}

.sAbout_case3 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sAbout_case3 > div {width:calc(33.33% - 16px);}
.sAbout_case3 > div i {display:block; width:100%; height:100px; border-radius:7px;}
.sAbout_case3 > div dl {margin-top:24px;}
.sAbout_case3 > div dl dt {font-size:1.5em; color:#191919; line-height:1.45em; font-weight:600;}
.sAbout_case3 > div dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:8px;}

.sAbout_case4 {display:flex; flex-wrap:wrap; gap:40px 24px; width:100%;}
.sAbout_case4 > div {width:calc(25% - 18px);}
.sAbout_case4 > div .img {width:100%; border:1px solid #ccc; border-radius:7px; overflow:hidden;}
.sAbout_case4 > div .img img {max-width:100%;}
.sAbout_case4 > div p {font-size:1.25em; color:#191919; line-height:1.5em; text-align:center; font-weight:600; margin-top:16px;}

@media screen and (max-width:1024px){
    .sAbout_case1 tbody th {width:160px; font-size:1.125em; padding:15px;}
    .sAbout_case1 tbody td {font-size:1.125em; padding:15px;}

    .sAbout_case2 .logo_box {height:auto; background-size:13px auto; padding:15% 0; border-radius:5px;}
    .sAbout_case2 .logo_box img {max-width:50%;}
    .sAbout_case2 dl dt {width:44px; height:44px; border-radius:5px; font-size:1.5em; margin-right:10px;}
    .sAbout_case2 dl dd {font-size:1.3em; margin-right:20px;}

    .sAbout_case3 > div {width:calc(33.33% - 6.66px)}
    .sAbout_case3 > div i {height:80px; border-radius:5px;}
    .sAbout_case3 > div dl {margin-top:15px;}
    .sAbout_case3 > div dl dt {font-size:1.3em;}
    .sAbout_case3 > div dl dd {font-size:1.125em; margin-top:5px;}

    .sAbout_case4 {gap:30px 10px;}
    .sAbout_case4 > div {width:calc(25% - 7.5px)}
    .sAbout_case4 > div .img {border-radius:5px;}
    .sAbout_case4 > div p {font-size:1.125em; margin-top:10px;}

}

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

    .sAbout_case2 dl dt {width:32px; height:32px; font-size:1.3em; margin-right:5px;}
    .sAbout_case2 dl dd {font-size:1.125em; margin-right:15px;}

    .sAbout_case3 > div {display:flex; width:100%; margin-bottom:4%;}
    .sAbout_case3 > div:last-child {margin-bottom:0;}
    .sAbout_case3 > div i {width:calc(100% - 160px);}
    .sAbout_case3 > div dl {width:160px; padding-left:15px; margin-top:0;}
    .sAbout_case3 > div dl dt {font-size:1.2em;}
    .sAbout_case3 > div dl dd {font-size:1em; margin-top:3px;}

    .sAbout_case4 {gap:25px 10px;}
    .sAbout_case4 > div {width:calc(50% - 5px)}
    /*.sAbout_case4 > div .img {min-height:55vw;}*/
    .sAbout_case4 > div p {font-size:1em;}
}


.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% - 120px); 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:50%; position:relative;}
.sHistory_case1 .txt_box .line {display:block; width:1px; height:calc(100% - 35px); background:#ccc; position:absolute; left:0; top:35px;}
.sHistory_case1 .txt_box .line:after {content:''; display:block; width:2px; height:var(--line-progress, 0px); background:#191919; position:absolute; left:0; top:0; transform:translateX(-50%)}
.sHistory_case1 .txt_box > div {padding-bottom:80px; padding-left:80px; position:relative;}
.sHistory_case1 .txt_box > div:last-child {padding-bottom:0;}
.sHistory_case1 .txt_box > div:before {content:''; display:block; width:8px; height:8px; background:#ccc; border-radius:50%; position:absolute; left:0; top:35px; transform:translate(-50%, -50%); z-index:5; transition:all 0.4s}
.sHistory_case1 .txt_box > div:after {content:''; display:block; width:32px; height:32px; background:#191919; border-radius:50%; position:absolute; left:0; top:35px; transform:translate(-50%, -50%) scale(0); transition:all 0.4s}
.sHistory_case1 .txt_box > div .img {display:none;}
.sHistory_case1 .txt_box > div .date {font-size:1.25em; color:#99cc00; line-height:1.5em; font-weight:500; font-family:var(--font-poppins); margin:8px 0 24px;}
.sHistory_case1 .txt_box > div.active:before {background:#191919;}
.sHistory_case1 .txt_box > div.active:after {opacity:0.1; transform:translate(-50%, -50%) scale(1)}

@media screen and (max-width:1460px){
    .sHistory_case1 .img_box {width:calc(50% - 80px); height:25vw;}
}

@media screen and (max-width:1024px){
    .sHistory_case1 .img_box {width:calc(50% - 40px); top:80px;}
    .sHistory_case1 .txt_box .line {height:calc(100% - 22px); top:22px;}
    .sHistory_case1 .txt_box > div {padding-left:40px;}
    .sHistory_case1 .txt_box > div:before {width:7px; height:7px; top:22px;}
    .sHistory_case1 .txt_box > div:after {width:25px; height:25px; top:22px;}
    .sHistory_case1 .txt_box > div .date {font-size:1.125em; margin:5px 0 15px;}
}

@media screen and (max-width:767px){
    .sHistory_case1 .img_box {display:none;}
    .sHistory_case1 .txt_box {width:100%;}
    .sHistory_case1 .txt_box .line {height:calc(100% - 14px); top:14px;}
    .sHistory_case1 .txt_box > div {padding-bottom:13%;}
    .sHistory_case1 .txt_box > div:before {top:14px;}
    .sHistory_case1 .txt_box > div:after {top:14px;}
    .sHistory_case1 .txt_box > div .img {display:block; width:100%; height:50vw; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:5px; margin-top:15px;}
    .sHistory_case1 .txt_box > div .date {font-size:1em; margin:3px 0 10px;}
}


.sProcess_case1 {display:flex; justify-content:center; align-items:center; gap:0 16px;}
.sProcess_case1 > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:295px; height:295px; background:#eee; border-radius:50%; position:relative;}
.sProcess_case1 > div:before {content:''; display:block; width:calc(100% - 24px); height:calc(100% - 24px); background:#fff; border:15px solid #231815; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0;}
.sProcess_case1 > div p {position:relative; z-index:5; text-align:center;}
.sProcess_case1 > div .t1 {font-size:1.875em; color:#191919; line-height:1.3em; font-weight:600;}
.sProcess_case1 > div .t2 {font-size:1.25em; line-height:1.5em; font-weight:500; font-family:var(--font-poppins); margin-top:8px;}
.sProcess_case1 i {display:flex; justify-content:center; align-items:center; width:48px; height:48px; background:#eee; border-radius:50%; font-size:0.875em; color:#191919;}

.sProcess_case1 > div:nth-of-type(2):before {border-color:#666;}
.sProcess_case1 > div:nth-of-type(2) .t2 {color:#666;}
.sProcess_case1 > div:nth-of-type(3):before {border-color:#99cc00;}
.sProcess_case1 > div:nth-of-type(3) .t2 {color:#99cc00;}

.sProcess_case2 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:40px;}
.sProcess_case2 > div:last-child {margin-bottom:0;}
.sProcess_case2 > div .txt_box {width:calc(50% - 120px)}
.sProcess_case2 > div .txt_box .s_tit2 {display:flex; align-items:center; gap:24px;}
.sProcess_case2 > div .txt_box .s_tit2 span {display:flex; justify-content:center; align-items:center; width:68px; height:56px; background:#99cc00; border-radius:10px; font-size:0.75em; color:#fff; font-weight:600; font-family:var(--font-poppins);}
.sProcess_case2 > div .txt_box .sub_list_box1 {margin-top:24px;}
.sProcess_case2 > div .txt_box .t1 {font-size:1.25em; color:#191919; font-weight:600; line-height:1.5em; border-top:1px solid #ccc; margin-top:24px; padding-top:24px;}
.sProcess_case2 > div .txt_box .list1 {counter-reset:counter; margin-top:8px;}
.sProcess_case2 > div .txt_box .list1 > li {font-size:1.125em; color:#666; line-height:1.9em;}
.sProcess_case2 > div .txt_box .list1 > li:before {content:counter(counter)'.'; counter-increment:counter; margin:0 5px}
.sProcess_case2 > div:nth-child(odd) {padding-right:80px;}
.sProcess_case2 > div:nth-child(even) {flex-direction:row-reverse; padding-left:80px;}

.sProcess_case3 table {width:100%; border-collapse:collapse;}
.sProcess_case3 table thead th {background:#666; border-right:1px solid rgba(255,255,255,0.3); font-size:1.25em; color:#fff; line-height:1.5em; font-weight:600; padding:24px 10px;}
.sProcess_case3 table thead th:last-child {background:#231815; border-right:0;}
.sProcess_case3 table tbody th {background:#fafafa; border:1px solid #ccc; font-size:1.25em; color:#191919; font-weight:600; line-height:1.5em; padding:30px 10px;}
.sProcess_case3 table tbody th span {display:block; font-size:0.8em; color:#666; font-weight:400; line-height:1.6em;}
.sProcess_case3 table tbody td {border:1px solid #ccc; font-size:1.25em; color:#666; line-height:1.5em; padding:30px 10px; text-align:center;}
.sProcess_case3 table tbody td strong {color:#191919; font-weight:600;}
.sProcess_case3 table tbody td span {display:block; font-size:0.8em; color:#666; font-weight:400; line-height:1.6em;}

.sProcess_slide1 .swiper-slide:after {content:'\f0da'; display:flex; justify-content:center; align-items:center; width:32px; height:32px; background:#fff; border:3px solid #231815; border-radius:50%; font-size:0.7em; color:#231815; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:100%; top:50px; margin-left:6px; transform:translate(-50%, -50%); z-index:100;}
.sProcess_slide1 .swiper-slide:last-child:after {display:none;}
.sProcess_slide1 .txt {display:flex; justify-content:center; align-items:center; width:100%; height:100px; background:#231815; border-radius:7px; font-size:1.25em; color:#fff; line-height:1.5em; font-weight:600; text-align:center; position:relative;}
.sProcess_slide1 .img_box {width:100%; margin-top:24px;}
.sProcess_slide1 .img_box img {display:block; width:100%; margin-bottom:12px;}
.sProcess_slide1 .img_box img:last-child {margin-bottom:0;}
.sProcess_slide1 .swiper-slide:nth-child(1) {z-index:6;}
.sProcess_slide1 .swiper-slide:nth-child(2) {z-index:5;}
.sProcess_slide1 .swiper-slide:nth-child(3) {z-index:4;}
.sProcess_slide1 .swiper-slide:nth-child(4) {z-index:3;}
.sProcess_slide1 .swiper-slide:nth-child(5) {z-index:2;}
.sProcess_slide1 .swiper-slide:nth-child(6) {z-index:1;}

.sProcess_slide2 {width:50%; border-radius:10px; overflow:hidden; position:relative; }
.sProcess_slide2 img {width:100%;}
.sProcess_slide2.swiper-container-horizontal>.swiper-pagination-bullets {bottom:24px;}
.sProcess_slide2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;}
.sProcess_slide2 .swiper-pagination-bullet {width:8px; height:8px; background:#fff; opacity:0.3;}
.sProcess_slide2 .swiper-pagination-bullet-active {opacity:1;}

@media screen and (max-width:1460px){
    .sProcess_case2 > div .txt_box {width:calc(50% - 80px)}
    .sProcess_case2 > div:nth-child(odd) {padding-right:0;}
    .sProcess_case2 > div:nth-child(even) {padding-left:0;}
}

@media screen and (max-width:1220px){
    .sProcess_case1 > div {width:250px; height:250px;}
    
    .sProcess_case2 > div .txt_box {width:calc(50% - 50px)}

    .sProcess_slide1 .swiper-slide {width:200px;}
}

@media screen and (max-width:1024px){
    .sProcess_case1 {gap:0 10px}
    .sProcess_case1 > div {width:180px; height:180px;}
    .sProcess_case1 > div:before {width:calc(100% - 20px); height:calc(100% - 20px); border-width:8px;}
    .sProcess_case1 > div .t1 {font-size:1.5em;}
    .sProcess_case1 > div .t2 {font-size:1.125em; margin-top:5px;}
    .sProcess_case1 i {width:40px; height:40px;}

    .sProcess_case2 > div .txt_box {width:calc(50% - 30px)}
    .sProcess_case2 > div .txt_box .s_tit2 {gap:12px;}
    .sProcess_case2 > div .txt_box .s_tit2 span {width:50px; height:40px; border-radius:5px;}
    .sProcess_case2 > div .txt_box .sub_list_box1 {margin-top:15px;}
    .sProcess_case2 > div .txt_box .t1 {font-size:1.125em; margin-top:15px; padding-top:15px;}
    .sProcess_case2 > div .txt_box .list1 {margin-top:5px;}
    .sProcess_case2 > div .txt_box .list1 > li {font-size:1em;}

    .sProcess_case3 table thead th {font-size:1.125em; padding:15px 10px;}
    .sProcess_case3 table tbody th {font-size:1.125em; padding:20px 10px;}
    .sProcess_case3 table tbody td {font-size:1.125em; padding:20px 10px;}

    .sProcess_slide1 .swiper-slide {width:180px;}
	.sProcess_slide1 .swiper-slide:after {top:40px;}
    .sProcess_slide1 .txt {height:80px; font-size:1.125em;}
    .sProcess_slide1 .img_box {margin-top:15px;}
    .sProcess_slide1 .img_box img {margin-bottom:5px;}

    .sProcess_slide2.swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px;}
}

@media screen and (max-width:767px){
    .sProcess_case1 {flex-direction:column; gap:10px}
    .sProcess_case1 > div {width:150px; height:150px;}
    .sProcess_case1 > div:before {width:calc(100% - 16px); height:calc(100% - 16px); border-width:6px;}
    .sProcess_case1 > div .t1 {font-size:1.3em;}
    .sProcess_case1 > div .t2 {font-size:1em;}
    .sProcess_case1 i {width:32px; height:32px;}

    .sProcess_case2 > div {margin-bottom:7%;}
    .sProcess_case2 > div .txt_box {width:100%; margin-top:15px;}
    .sProcess_case2 > div .txt_box .s_tit2 {gap:10px;}
    .sProcess_case2 > div .txt_box .s_tit2 span {width:32px; height:26px;}

    .sProcess_case3 {overflow-x:auto;}
    .sProcess_case3 table {min-width:700px;}
    .sProcess_case3 table thead th {font-size:1em; padding:10px 10px;}
    .sProcess_case3 table tbody th {font-size:1em; padding:15px 10px;}
    .sProcess_case3 table tbody th span {font-size:0.9em;}
    .sProcess_case3 table tbody td {font-size:1em; padding:15px 10px;}
    .sProcess_case3 table tbody td span {font-size:0.9em;}

    .sProcess_slide1 .swiper-slide {width:150px;}
	.sProcess_slide1 .swiper-slide:after {width:26px; height:26px; top:30px;}
    .sProcess_slide1 .txt {height:60px; font-size:1em;}
    .sProcess_slide1 .img_box {margin-top:10px;}

    .sProcess_slide2 {width:100%; border-radius:5px;}
    .sProcess_slide2.swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px;}
    .sProcess_slide2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
    .sProcess_slide2 .swiper-pagination-bullet {width:5px; height:5px;}
}


.sEsg_case1 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:80px;}
.sEsg_case1 > div:last-child {margin-bottom:0;}
.sEsg_case1 > div .img_box {display:flex; justify-content:center; align-items:center; width:50%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sEsg_case1 > div .img_box p {font-size:3.4375em; color:#fff; line-height:1.3em; font-weight:500; font-family:var(--font-poppins); text-align:center;}
.sEsg_case1 > div .txt_box {width:calc(50% - 120px)}
.sEsg_case1 > div .txt_box dl dt {font-size:1.875em; color:#191919; line-height:1.3em; font-weight:600;}
.sEsg_case1 > div .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px;}
.sEsg_case1 > div .txt_box dl dd:first-of-type {margin-top:24px;}
.sEsg_case1 > div .txt_box ul {display:flex; flex-wrap:wrap; gap:8px; margin-top:24px;}
.sEsg_case1 > div .txt_box ul li {background:#fafafa; border-radius:5px; font-size:1.125em; color:#666; line-height:1.5em; font-weight:500; padding:8px 16px;}

.sEsg_case1 > div:nth-child(odd) {padding-right:80px;}
.sEsg_case1 > div:nth-child(even) {flex-direction:row-reverse; padding-left:80px;}

@media screen and (max-width:1460px){
    .sEsg_case1 > div .img_box {height:40vw;}
    .sEsg_case1 > div .txt_box {width:calc(50% - 80px)}

    .sEsg_case1 > div:nth-child(odd) {padding-right:0;}
    .sEsg_case1 > div:nth-child(even) {padding-left:0;}
}

@media screen and (max-width:1220px){
    .sEsg_case1 > div .txt_box {width:calc(50% - 50px)}
}

@media screen and (max-width:1024px){
    .sEsg_case1 > div {margin-bottom:8%;}
    .sEsg_case1 > div .img_box {border-radius:5px;}
    .sEsg_case1 > div .img_box p {font-size:2.5em;}
    .sEsg_case1 > div .txt_box {width:calc(50% - 30px)}
    .sEsg_case1 > div .txt_box dl dt {font-size:1.5em;}
    .sEsg_case1 > div .txt_box dl dd {font-size:1.125em; margin-top:10px;}
    .sEsg_case1 > div .txt_box dl dd:first-of-type {margin-top:15px;}
    .sEsg_case1 > div .txt_box ul {gap:4px; margin-top:15px;}
    .sEsg_case1 > div .txt_box ul li {font-size:1em; padding:6px 12px;}
}

@media screen and (max-width:767px){
    .sEsg_case1 > div {margin-bottom:8%;}
    .sEsg_case1 > div .img_box {width:100%; height:45vw;}
    .sEsg_case1 > div .img_box p {font-size:1.8em;}
    .sEsg_case1 > div .txt_box {width:100%; margin-top:15px;}
    .sEsg_case1 > div .txt_box dl dt {font-size:1.3em;}
    .sEsg_case1 > div .txt_box dl dd {font-size:1em; margin-top:1.5%;}
    .sEsg_case1 > div .txt_box dl dd:first-of-type {margin-top:2.5%;}
    .sEsg_case1 > div .txt_box ul {gap:3px; margin-top:2.5%;}
    .sEsg_case1 > div .txt_box ul li {padding:4px 10px;}
}


.sPartners_case1 {display:flex; flex-wrap:wrap; gap:24px; width:100%;}
.sPartners_case1 > div {display:flex; justify-content:center; align-items:center; width:calc(25% - 18px); height:100px; border:1px solid #ccc; border-radius:7px;}
.sPartners_case1 > div img {height:50px;}

.sPartners_case2 {display:flex; flex-wrap:wrap; border-top:1px solid #232323; width:100%;}
.sPartners_case2 > li {width:50%; font-size:1.25em; color:#666; line-height:1.5em; border-bottom:1px solid #ccc; padding:24px 0 24px 45px; position:relative;}
.sPartners_case2 > li:before {content:''; display:block; width:6px; height:6px; background:#99cc00; position:absolute; left:23px; top:35px;}

.sPartners_case3 {border-top:1px solid #232323;}
.sPartners_case3 > div {display:flex; justify-content:space-between; align-items:start; width:100%; border-bottom:1px solid #ccc; cursor:pointer; padding:24px 50px 24px 24px; position:relative;}
.sPartners_case3 > div:after {content:'\2b'; font-size:1.125em; color:#a4a4a4; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:24px; top:50px;}
.sPartners_case3 > div .year {font-size:3.4375em; color:#99cc00; line-height:1.3em; font-weight:600; font-family:var(--font-poppins);}
.sPartners_case3 > div dl {display:none; flex-wrap:wrap; gap:10px 0; width:580px; padding-top:20px;}
.sPartners_case3 > div dl dt {width:40px; font-size:1.25em; color:#191919; line-height:1.5em; font-weight:600;}
.sPartners_case3 > div dl dd {width:calc(100% - 40px); font-size:1.25em; color:#666; line-height:1.5em;}
.sPartners_case3 > div.on:after {content:'\f068'}
.sPartners_case3 > div.on dl {display:flex;}

@media screen and (max-width:1220px){
    .sPartners_case1 {gap:15px;}
    .sPartners_case1 > div {width:calc(25% - 11.25px); height:90px;}
    .sPartners_case1 > div img {height:35px;}
}

@media screen and (max-width:1024px){
    .sPartners_case1 {gap:10px;}
    .sPartners_case1 > div {width:calc(25% - 7.5px); height:70px; border-radius:5px;}
    .sPartners_case1 > div img {height:30px;}

    .sPartners_case2 > li {font-size:1.125em; padding:15px 0 15px 30px;}
    .sPartners_case2 > li:before {width:4px; height:4px; left:15px; top:25px;}

    .sPartners_case3 > div {padding:15px 30px 15px 0;}
    .sPartners_case3 > div:after {font-size:1em; right:10px; top:30px;}
    .sPartners_case3 > div .year {width:150px; font-size:2.5em;}
    .sPartners_case3 > div dl {width:calc(100% - 150px); gap:8px 0; padding-top:10px;}
    .sPartners_case3 > div dl dt {width:30px; font-size:1.125em;}
    .sPartners_case3 > div dl dd {width:calc(100% - 30px); font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sPartners_case1 {gap:5px;}
    .sPartners_case1 > div {width:calc(50% - 2.5px); height:55px;}
    .sPartners_case1 > div img {height:26px;}

    .sPartners_case2 > li {width:100%; font-size:1em; padding:10px 0 10px 17px;}
    .sPartners_case2 > li:before {left:5px; top:18px;}

    .sPartners_case3 > div {display:block; padding:12px 25px 12px 0;}
    .sPartners_case3 > div:after {right:0; top:22px;}
    .sPartners_case3 > div .year {width:100%; font-size:2em;}
    .sPartners_case3 > div dl {width:100%;}
    .sPartners_case3 > div dl dt {width:25px; font-size:1em;}
    .sPartners_case3 > div dl dd {width:calc(100% - 25px); font-size:1em;}
}


.sDirections_case1 .map_box {width:100%; height:640px; background:#fafafa; border-radius:10px; overflow:hidden;}
.sDirections_case1 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sDirections_case1 .info_box {display:flex; align-items:center; gap:20px 110px;}
.sDirections_case1 .info_box dl {position:relative;}
.sDirections_case1 .info_box dl:before {content:''; display:block; width:1px; height:calc(100% - 10px); background:#ccc; position:absolute; left:-55px; top:50%; transform:translateY(-50%)}
.sDirections_case1 .info_box dl:first-child:before {display:none;}
.sDirections_case1 .info_box dl dt {font-size:1.5em; color:#191919; line-height:1.45em; font-weight:600;}
.sDirections_case1 .info_box dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:8px;}

@media screen and (max-width:1460px){
    .sDirections_case1 .info_box {align-items:start; flex-direction:column;}
    .sDirections_case1 .info_box dl:before {display:none;}
}

@media screen and (max-width:1024px){
    .sDirections_case1 .map_box {height:450px; border-radius:5px;}
    .sDirections_case1 .info_box dl dt {font-size:1.3em;}
    .sDirections_case1 .info_box dl dd {font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sDirections_case1 .map_box {height:220px;}
    .sDirections_case1 .info_box dl dt {font-size:1.2em;}
    .sDirections_case1 .info_box dl dd {font-size:1em; margin-top:3px;}
}


.sBrand_case1 {counter-reset:counter;}
.sBrand_case1 > div {display:flex; align-items:center; width:100%; background:#fafafa; border-radius:10px; margin-bottom:16px;}
.sBrand_case1 > div:last-child {margin-bottom:0;}
.sBrand_case1 > div:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:flex; justify-content:center; align-items:center; width:166px; height:166px; background:#99cc00; border-radius:10px; font-size:3.4375em; color:#fff; line-height:1.3em; font-weight:600; font-family:var(--font-poppins)}
.sBrand_case1 > div dl {width:calc(100% - 166px); padding:20px 56px;}
.sBrand_case1 > div dl dt {font-size:1.875em; color:#191919; line-height:1.3em; font-weight:600;}
.sBrand_case1 > div dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px;}

.sBrand_case2 .img_box {display:flex; gap:24px; flex-wrap:wrap; width:100%;}
.sBrand_case2 .img_box > div {width:calc(33.33% - 16px); border-radius:10px; overflow:hidden;}
.sBrand_case2 .img_box > div img {width:100%;}
.sBrand_case2 dl {margin-top:24px;}
.sBrand_case2 dl dt {font-size:1.5em; color:#191919; line-height:1.4em; font-weight:600;}
.sBrand_case2 dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px;}

.sBrand_case3 {text-align:center;}
.sBrand_case3 .t1 {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sBrand_case3 .t2 {font-size:1.25em; color:#191919; line-height:1.5em; font-weight:600; margin-top:8px;}
.sBrand_case3 .t3 {font-size:1.125em; color:#666; line-height:1.55em; margin-top:8px;}
.sBrand_case3 .box1 {width:450px; border:3px solid #231815; border-radius:10px; margin:0 auto 85px; padding:20px 0; position:relative;}
.sBrand_case3 .box1:before {content:''; display:block; width:22px; height:22px; background:#231815; border:5px solid #fff; border-radius:50%; position:absolute; left:50%; top:100%; transform:translate(-50%, -50%); margin-top:2px; z-index:3;}
.sBrand_case3 .box1:after {content:''; display:block; width:1px; height:85px; background:#ccc; position:absolute; left:50%; top:100%; margin-top:3px;}
.sBrand_case3 .box2 {display:flex; justify-content:center; gap:0 120px; position:relative;}
.sBrand_case3 .box2:before {content:''; display:block; width:440px; height:1px; background:#ccc; position:absolute; left:50%; top:0; transform:translateX(-50%)}
.sBrand_case3 .box2 > div {width:320px; border:3px solid #99cc00; border-radius:10px; padding:20px 0; position:relative; margin-top:60px;}
.sBrand_case3 .box2 > div:before {content:''; display:block; width:22px; height:22px; background:#99cc00; border:5px solid #fff; border-radius:50%; position:absolute; left:50%; bottom:100%; transform:translate(-50%, 50%); margin-bottom:2px; z-index:3;}
.sBrand_case3 .box2 > div:after {content:''; display:block; width:1px; height:60px; background:#ccc; position:absolute; left:50%; bottom:100%; margin-bottom:3px;}
.sBrand_case3 .box2 > div .t1 {color:#99cc00}

.sBrand_case4 {counter-reset:counter;}
.sBrand_case4 > div {margin-bottom:80px;}
.sBrand_case4 > div:last-child {margin-bottom:0;}
.sBrand_case4 > div .tit {display:flex; align-items:center; gap:0 24px; font-size:2.5em; color:#191919; line-height:1.25em; font-weight:600;}
.sBrand_case4 > div .tit:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:block; width:fit-content; background:#99cc00; border-radius:10px; font-size:0.75em; color:#fff; line-height:1.33em; font-weight:600; font-family:var(--font-poppins); padding:8px 16px;}
.sBrand_case4 > div .t1 {font-size:1.875em; color:#191919; line-height:1.33em; font-weight:600; margin-top:24px;}
.sBrand_case4 > div .t2 {font-size:1.5em; color:#99cc00; line-height:1.45em; font-weight:600; margin-top:24px;}
.sBrand_case4 > div .s_txt1 {margin-top:16px;}
.sBrand_case4 > div .sub_list_box1 {margin-top:40px;}

.sBrand_slide {display:none;}

@media screen and (max-width:1024px){
    .sBrand_case1 > div {border-radius:5px;}
    .sBrand_case1 > div:before {width:120px; height:120px; border-radius:5px; font-size:2.5em;}
    .sBrand_case1 > div dl {width:calc(100% - 120px); padding:15px 30px;}
    .sBrand_case1 > div dl dt {font-size:1.5em;}
    .sBrand_case1 > div dl dd {font-size:1.125em; margin-top:10px;}

    .sBrand_case2 .img_box {gap:10px;}
    .sBrand_case2 .img_box > div {width:calc(33.33% - 6.66px); border-radius:5px;}
    .sBrand_case2 dl {margin-top:15px;}
    .sBrand_case2 dl dt {font-size:1.3em;}
    .sBrand_case2 dl dd {font-size:1.125em; margin-top:10px;}

    .sBrand_case3 .t1 {font-size:1.3em;}
    .sBrand_case3 .t2 {font-size:1.125em; margin-top:4px;}
    .sBrand_case3 .t3 {font-size:1em; margin-top:4px;}
    .sBrand_case3 .box1 {width:380px; padding:15px 0;}
    .sBrand_case3 .box2 {gap:0 50px;}
    .sBrand_case3 .box2:before {width:310px;}
    .sBrand_case3 .box2 > div {width:260px; padding:15px 0;}

    .sBrand_case4 > div {margin-bottom:8%;}
    .sBrand_case4 > div .tit {gap:0 15px; font-size:2em;}
    .sBrand_case4 > div .tit:before {padding:5px 12px;}
    .sBrand_case4 > div .t1 {font-size:1.5em; margin-top:2.5%;}
    .sBrand_case4 > div .t2 {font-size:1.3em; margin-top:2.5%;}
    .sBrand_case4 > div .s_txt1 {margin-top:1.5%;}
    .sBrand_case4 > div .sub_list_box1 {margin-top:4%;}
}
@media screen and (max-width:767px){
    .sBrand_case1 > div {align-items:revert; margin-bottom:5px;}
    .sBrand_case1 > div:before {width:60px; height:auto; border-radius:5px; font-size:1.8em;}
    .sBrand_case1 > div dl {width:calc(100% - 60px); padding:15px;}
    .sBrand_case1 > div dl dt {font-size:1.3em;}
    .sBrand_case1 > div dl dd {font-size:1em; margin-top:5px;}

    .sBrand_case2 .img_box {display:none; gap:10px;}
    .sBrand_case2 .img_box > div {width:calc(50% - 5px);}
    .sBrand_case2 dl dt {font-size:1.2em;}
    .sBrand_case2 dl dd {font-size:1em; margin-top:5px;}

    .sBrand_case3 .t1 {font-size:1.2em;}
    .sBrand_case3 .t2 {font-size:1em;}
    .sBrand_case3 .t3 {font-size:0.9375em;}
    .sBrand_case3 .box1 {width:100%; border-width:2px; border-radius:7px; padding:13px 0; margin-bottom:10px;}
    .sBrand_case3 .box1:before {width:15px; height:15px; border-width:3px; margin-top:1px;}
    .sBrand_case3 .box1:after {height:10px;}
    .sBrand_case3 .box2 {flex-wrap:wrap; gap:0;}
    .sBrand_case3 .box2:before {display:none;}
    .sBrand_case3 .box2 > div {width:100%; border-width:2px; border-radius:7px; padding:13px 0; margin-top:20px;}
    .sBrand_case3 .box2 > div:before {width:15px; height:15px; border-width:3px; margin-bottom:1px;}
    .sBrand_case3 .box2 > div:after {height:20px; margin-bottom:2px;}

    .sBrand_case4 > div .tit {gap:0 10px; font-size:1.5em;}
    .sBrand_case4 > div .tit:before {border-radius:5px; font-size:0.8em; padding:4px 10px;}
    .sBrand_case4 > div .t1 {font-size:1.3em;}
    .sBrand_case4 > div .t2 {font-size:1.2em;}
	
	.sBrand_slide {display:block; border-radius:5px; position:relative; overflow:hidden;}
	.sBrand_slide img {width:100%;}
    .sBrand_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px;}
    .sBrand_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
    .sBrand_slide .swiper-pagination-bullet {width:5px; height:5px; background:#fff; opacity:0.3;}
	.sBrand_slide .swiper-pagination-bullet-active {opacity:1;}
}


.sContact_case1 .form_box {width:100%;}
.sContact_case1 .form_box > div {display:flex; align-items:center; width:100%; margin-bottom:16px;}
.sContact_case1 .form_box > div:last-child {margin-bottom:0;}
.sContact_case1 .form_box > div > label {display:block; width:158px; font-size:1.25em; line-height:1.5; font-weight:600;}
.sContact_case1 .form_box > div > label i {color:#99cc00; font-style:normal;}
.sContact_case1 .form_box > div > div {width:calc(100% - 145px)}
.sContact_case1 .form_box .form_txt {display:block; width:100%; max-width:553px; height:60px; background:#fafafa; border:0 !important; border-radius:5px; font-size:1.125em; padding:0 20px;}
.sContact_case1 .form_box .form_txt::placeholder {color:#a4a4a4;}
.sContact_case1 .form_box .form_txt::-webkit-input-placeholder {color:#a4a4a4;}
.sContact_case1 .form_box .form_txt:-ms-input-placeholder {color:#a4a4a4;}
.sContact_case1 .form_box .form_txt:focus {outline:none; box-shadow:none !important;}
.sContact_case1 .form_box .select_box {width:100%; position:relative;}
.sContact_case1 .form_box .select_box:after {content:'\f107'; font-size:1.125em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sContact_case1 .form_box .select_box select {width:100%; height:60px; background:#fafafa; font-size:1.125em; color:#a4a4a4; padding:0 20px; border-radius:5px; border:0 !important; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sContact_case1 .form_box .select_box option {color:#191919;}
.sContact_case1 .form_box .select_box select:focus {outline:none; box-shadow:none !important;}
.sContact_case1 .form_box .form_textarea {width:100%; height:400px; background:#fafafa; font-size:1.125em; padding:20px; border-radius:5px; border:0 !important; resize:none;}
.sContact_case1 .form_box .form_textarea::placeholder {color:#a4a4a4;}
.sContact_case1 .form_box .form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
.sContact_case1 .form_box .form_textarea:-ms-input-placeholder {color:#a4a4a4;}
.sContact_case1 .form_box .form_textarea:focus {outline:none; box-shadow:none !important;}

.sContact_case1 .form_box .email_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.sContact_case1 .form_box .email_box .form_txt {max-width:260px;}
.sContact_case1 .form_box .email_box span {width:33px; font-size:1.25em; color:#666; text-align:center;}
.sContact_case1 .form_box .email_box .select_box {width:200px; margin-left:8px;}

.sContact_case1 .form_box .cate_box {display:flex; flex-wrap:wrap; gap:8px;}
.sContact_case1 .form_box .cate_box > div {width:179px; position:relative;}
.sContact_case1 .form_box .cate_box > div input {display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;}
.sContact_case1 .form_box .cate_box > div label {display:flex; justify-content:center; align-items:center; width:100%; height:60px; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:1.125em; color:#666; line-height:1.5em; text-align:center; transition:all 0.5s; transition-property:background, border, color;}
.sContact_case1 .form_box .cate_box > div:hover label {color:#191919; font-weight:600;}
.sContact_case1 .form_box .cate_box > div input:checked + label {background:#eee; border-color:#a4a4a4; color:#191919; font-weight:600;}

.sContact_case1 .check_box {margin-top:16px;}
.sContact_case1 .check_box input {display:none;}
.sContact_case1 .check_box label {display:flex; justify-content:end; align-items:center; gap:12px;}
.sContact_case1 .check_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:2px solid #ccc; border-radius:5px; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .check_box label p {font-size:1em; color:#666;}
.sContact_case1 .check_box label p a {color:#191919; font-weight:600; text-decoration:underline;}
.sContact_case1 .check_box input:checked + label:before {background:#231815; border-color:#231815;}

.sContact_case1 .submit_btn {display:flex; justify-content:center; align-items:center; width:320px; height:70px; background:#231815; border-radius:7px; font-size:1.25em; color:#fff; font-weight:600; margin:55px auto 0;}
.sContact_case1 .submit_btn div {display:block; width:fit-content; overflow:hidden;}
.sContact_case1 .submit_btn div p {position:relative; transform:translateY(100%); transition:transform 0.25s; position:relative}
.sContact_case1 .submit_btn i {margin-left:16px;}
.sContact_case1 .submit_btn p span {display:block; position:absolute; left:0; bottom:100%;}
.sContact_case1 .submit_btn:hover p {transform:translateY(0)}

@media screen and (max-width:1024px){
	.sContact_case1 .form_box > div {margin-bottom:10px;}
	.sContact_case1 .form_box > div > label {width:130px; font-size:1.125em;}
	.sContact_case1 .form_box > div > div {width:calc(100% - 130px)}
	.sContact_case1 .form_box .form_txt {max-width:428px; height:50px; font-size:1em; padding:0 15px;}
	.sContact_case1 .form_box .select_box:after {font-size:1em; right:15px;}
	.sContact_case1 .form_box .select_box select {height:50px; font-size:1em; padding:0 15px;}
	.sContact_case1 .form_box .form_textarea {height:300px; font-size:1em; padding:15px;}

	.sContact_case1 .form_box .email_box .form_txt {width:calc(33.33% - 13.33px); max-width:100%;}
	.sContact_case1 .form_box .email_box span {width:30px; font-size:1em;}
	.sContact_case1 .form_box .email_box .select_box {width:calc(33.33% - 13.33px);}

    .sContact_case1 .form_box .cate_box {gap:4px;}
    .sContact_case1 .form_box .cate_box > div {width:140px;}
    .sContact_case1 .form_box .cate_box > div label {height:50px; font-size:1em;}

    .sContact_case1 .submit_btn {width:240px; height:60px; border-radius:5px; font-size:1.125em; margin-top:5%;}
    .sContact_case1 .submit_btn i {margin-left:10px;}

}

@media screen and (max-width:767px){
	.sContact_case1 .form_box > div > label {width:90px; font-size:1em;}
	.sContact_case1 .form_box > div > div {width:calc(100% - 90px)}
    .sContact_case1 .form_box .form_txt {height:38px; padding:0 10px;}
    .sContact_case1 .form_box .select_box:after {right:10px;}
	.sContact_case1 .form_box .select_box select {height:38px; padding:0 10px;}
	.sContact_case1 .form_box .form_textarea {height:120px; padding:10px;}

	.sContact_case1 .form_box .email_box .form_txt {width:calc(50% - 10px);}
	.sContact_case1 .form_box .email_box span {width:20px;}
	.sContact_case1 .form_box .email_box .select_box {width:100%; margin-top:5px; margin-left:0;}

    .sContact_case1 .form_box .cate_box {gap:0 5px;}
    .sContact_case1 .form_box .cate_box > div {width:calc(33.33% - 3.33px)}
    .sContact_case1 .form_box .cate_box > div label {height:38px;}

    .sContact_case1 .check_box {margin-top:10px;}
    .sContact_case1 .check_box label {gap:8px;}
    .sContact_case1 .check_box label:before {width:20px; height:20px; border-radius:3px;}

    .sContact_case1 .submit_btn {width:160px; height:44px; font-size:1em;}
    .sContact_case1 .submit_btn i {margin-left:6px;}
}


.sAdboblock_case1 table {width:100%; border-collapse:collapse;}
.sAdboblock_case1 table thead th {background:#666; border-right:1px solid rgba(255,255,255,0.3); font-size:1.25em; color:#fff; line-height:1.5em; font-weight:600; padding:24px 10px;}
.sAdboblock_case1 table tbody th {background:#fafafa; border:1px solid #ccc; font-size:1.25em; color:#191919; font-weight:600; line-height:1.5em; padding:30px 10px;}
.sAdboblock_case1 table tbody td {border:1px solid #ccc; font-size:1.25em; color:#666; line-height:1.5em; padding:30px 10px; text-align:center;}

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

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