@charset "utf-8";

.bnfworld_btn1 {display:flex; justify-content:space-between; align-items:center; width:203px; height:59px; border:1px solid #ccc; border-radius:30px; font-size:1.125em; font-weight:600; padding:0 30px; transition:all 0.4s; transition-property:background, border, color;}
.bnfworld_btn1:after {content:''; display:block; width:14px; height:14px; border:2px solid #228b22; border-radius:50%; transition:border 0.4s;}
.bnfworld_btn1:hover {background:#228b22; border-color:#228b22; color:#fff;}
.bnfworld_btn1:hover:after {border-color:#fff;}
.bnfworld_btn1.case2 {background:#228b22; border-color:#228b22; color:#fff;}
.bnfworld_btn1.case2:after {border-color:#fff;}
.bnfworld_btn1.case2:hover {background:#006e00; border-color:#006e00;}
.bnfworld_btn1.white {border-color:#fff; color:#fff;}
.bnfworld_btn1.white:after {border-color:#fff;}
.bnfworld_btn1.white:hover {border-color:#228b22;}

@media screen and (max-width:1024px){
    .bnfworld_btn1 {width:160px; height:50px; font-size:1em; padding:0 15px;}
}

@media screen and (max-width:767px){
    .bnfworld_btn1 {width:130px; height:38px;}
    .bnfworld_btn1:after {width:12px; height:12px;}
}


/* header */
#bnfworld_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:130px; position:fixed; left:0; top:0; z-index:300; padding:0 50px; transition:all 0.4s; transition-property:height, background;}
#bnfworld_header .box {display:flex; align-items:center;}

#bnfworld_header .h_store {display:block; width:137px; line-height:43px; background:#228b22; border-radius:22px; font-size:1em; color:#fff; font-weight:600; text-align:center; transition:background 0.4s; margin-right:50px; position:relative; z-index:5;}
#bnfworld_header .h_store:hover {background:#161519;}

#bnfworld_header .h_lang {position:relative; z-index:15;}
#bnfworld_header .h_lang button {display:block; font-size:0.875em; color:#fff; font-weight:500; font-family:'Poppins'; text-transform:uppercase;}
#bnfworld_header .h_lang button:after {content:'\f107'; display:inline-block; font-size:1.14em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px; transition:transform 0.4s;}
#bnfworld_header .h_lang ul {width:68px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:5px; padding:4px; position:absolute; right:0; top:100%; margin-top:10px; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
#bnfworld_header .h_lang ul li a {display:block; font-size:0.875em; text-align:center; font-family:'Poppins'; text-transform:uppercase; padding:8px 16px; border-radius:5px;}
#bnfworld_header .h_lang ul li a:hover {background:#f6f6f7;}
#bnfworld_header .h_lang button.on:after {transform:rotate(-180deg)}
#bnfworld_header .h_lang button.on + ul {opacity:1; visibility:visible;}

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

#bnfworld_gnb {width:100%; position:absolute; left:0; top:0;}
#bnfworld_gnb > ul {display:flex; justify-content:center;}
#bnfworld_gnb > ul > li {position:relative;}
#bnfworld_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; font-weight:500; line-height:130px; font-family:'Poppins'; padding:0 35px; position:relative; transition:color 0.4s, line-height 0.4s;}
#bnfworld_gnb > ul > li > a:before {content:''; display:block; width:calc(100% - 54px); height:1px; background:#228b22; position:absolute; left:50%; top:50%; transform:translate(-50%, 19px); opacity:0; transition:opacity 0.4s}
#bnfworld_gnb > ul > li > ul {background:#fff; border-radius:8px; box-shadow:0 0 12px rgba(35,48,59,0.25); padding:12px 0; position:absolute; left:50%; top:80%; transform:translateX(-50%); opacity:0; margin-top:10px; visibility:hidden; transition:all 0.4s; transition-property:opacity, margin-top, visibility;}
#bnfworld_gnb > ul > li > ul > li > a {display:block; width:100%; font-size:1em; font-weight:500; padding:6px 30px; text-align:center; white-space:nowrap; transition:color 0.4s}
#bnfworld_gnb > ul > li > ul > li > a > span {display:inline-block; padding:2px 0; border-bottom:1px solid #fff; transition:border 0.4s;}
#bnfworld_gnb > ul > li > ul > li > a:hover {color:#228b22}
#bnfworld_gnb > ul > li > ul > li > a:hover > span {border-bottom-color:#228b22}
#bnfworld_gnb > ul > li > a:hover {color:#228b22 !important;}
#bnfworld_gnb > ul > li > a:hover:before {opacity:1;}
#bnfworld_gnb > ul > li:hover > ul {opacity:1; margin-top:0; visibility:visible;}

#all_gnb {display:flex; justify-content:center; align-items:end; width:100%; height:100vh; background:#111; padding-bottom:100px; position:fixed; left:0; top:0; z-index:10; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#all_gnb:before {content:''; display:block; width:100%; height:100%; background:url(../images/simbol.svg) no-repeat right bottom; background-size:auto 250px; opacity:0.1; pointer-events:none; position:absolute; left:0; top:0; z-index:0;}
#all_gnb > ul {width:1600px;}
#all_gnb > ul > li {display:flex; align-items:center;}
#all_gnb > ul > li > a {display:block; width:440px; font-size:3.75em; color:rgba(255,255,255,0.3); font-weight:600; font-family:'Poppins'; padding-left:30px; position:relative; transition:color 0.3s;}
#all_gnb > ul > li > a:before {content:''; display:block; width:14px; height:14px; border:2px solid #228b22; border-radius:50%; transition:all 0.3s; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#all_gnb > ul > li > ul {display:flex; width:calc(100% - 440px)}
#all_gnb > ul > li > ul > li {margin-right:60px; overflow:hidden;}
#all_gnb > ul > li > ul > li:last-child {margin-right:0;}
#all_gnb > ul > li > ul > li > a {display:block; font-size:1.25em; color:#fff; padding:5px 0; transition:all 0.5s; transition-property:transform, color; position:relative; transform:translateY(100%)}
#all_gnb > ul > li > ul > li > a:after {content:''; display:block; width:0; height:1px; background:#228b22; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.3s;}
#all_gnb > ul > li:hover > a {color:#fff;}
#all_gnb > ul > li:hover > a:before {border-width:7px;}
#all_gnb > ul > li > ul > li > a:hover {color:#228b22;}
#all_gnb > ul > li > ul > li > a:hover:after {width:100%;}

#menuToggle {display:block; width:24px; height:24px; font-size:1em; margin-left:30px; position:relative; z-index:15;}
#menuToggle:after {content:'\f00d'; font-size:1.5em; color:#fff; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5; opacity:0; transition:all 0.5s 0.3s;}
#menuToggle span {display:block; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; transition:all 0.3s;}
#menuToggle span:nth-child(1) {background:transparent; border:2px solid #228b22; top:0; left:0; z-index:1;}
#menuToggle span:nth-child(2) {top:0; left:calc(100% - 8px)}
#menuToggle span:nth-child(3) {top:calc(100% - 8px); left:0;}
#menuToggle span:nth-child(4) {top:calc(100% - 8px); left:calc(100% - 8px)}

#bnfworld_header.sub_header #bnfworld_logo {background-image:url(../images/logo.svg)}
#bnfworld_header.sub_header .h_lang button {color:#161519}
#bnfworld_header.sub_header #bnfworld_gnb > ul > li > a {color:#161519;}
#bnfworld_header.sub_header #menuToggle span:nth-child(1) ~ span {background:#161519}

#bnfworld_header.scroll_on {background:#fff; box-shadow:0 0 10px rgba(25,25,25,0.1)}
#bnfworld_header.scroll_on #bnfworld_logo {background-image:url(../images/logo.svg)}
#bnfworld_header.scroll_on .h_lang button {color:#161519}
#bnfworld_header.scroll_on #bnfworld_gnb > ul > li > a {color:#161519;}
#bnfworld_header.scroll_on #menuToggle span:nth-child(1) ~ span {background:#161519}

#bnfworld_header.on #all_gnb {opacity:1; visibility:visible;}
#bnfworld_header.on #bnfworld_logo {background-image:url(../images/logo_w.svg)}
#bnfworld_header.on .h_lang button {color:#fff}
#bnfworld_header.on #menuToggle span:nth-child(1) ~ span {background:#fff}



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

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

@keyframes circleScale{
	0%{ width: 8px; height: 8px; border:2px solid #228b22; }
	100%{ width: 16px; height: 16px; border:3px solid #228b22; }
}

@keyframes circleScale2{
	0%{ width: 8px; height: 8px; border:2px solid #228b22; }
	70%{ width: 16px; height: 16px; border:3px solid #228b22; opacity: 1;}
	100%{ width: 16px; height: 16px; border:3px solid #228b22; opacity: 0;}
}

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

@media screen and (min-width:1025px){
    #all_gnb > ul > li:hover > ul > li > a {transform:translateY(0)}

    #menuToggle:hover span {transform:translate(-50%, -50%); top:50%; left:50%; animation:fadeOut 0.3s 0.3s forwards;}
    #menuToggle:hover span:nth-child(1) {animation:circleScale 0.3s 0.3s forwards}

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

    #bnfworld_header.on #menuToggle:hover:after {animation:fadeIn 0.5s 0.7s forwards;}
    #bnfworld_header.on #menuToggle:hover span {animation:circleScale2 0.3s 0.5s forwards}
    #bnfworld_header.on #menuToggle:hover span:nth-child(1) {animation:fadeOut 0.3s 0.3s forwards;}
}

@media screen and (max-width:1620px){
    #bnfworld_gnb > ul > li > a {padding:0 20px;}

    #all_gnb > ul {width:88%;}
}

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

    #bnfworld_header .h_store {margin-right:15px;}

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

    #all_gnb > ul > li > a {width:370px; font-size:3.3em;}
    #all_gnb > ul > li > ul {width:calc(100% - 370px)}
    #all_gnb > ul > li > ul > li {margin-right:20px;}

    #menuToggle {margin-left:15px;}
}

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

    #bnfworld_header .h_store {display:none; width:50px; height:50px; line-height:50px; border-radius:0; margin-right:0; position:absolute; left:0; top:0; font-size:0;}
    #bnfworld_header .h_store:before {content:'\f54f'; font-size:1rem; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'}

    #bnfworld_header .h_lang {position:absolute; left:6%; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
    #bnfworld_header .h_lang button:after {margin-left:5px;}
    #bnfworld_header .h_lang ul {width:60px; right:auto; left:0;}
    #bnfworld_header .h_lang ul li a {padding:6px 0;}
    
    #bnfworld_logo {width:160px; height:33px;}

    #bnfworld_gnb {display:none;}
    
    #all_gnb {align-items:start; padding:90px 0;}
    #all_gnb > ul > li {margin-bottom:10px; position:relative;}
    #all_gnb > ul > li:last-child {margin-bottom:0;}
    #all_gnb > ul > li > a {width:300px; font-size:2.7em;}
    #all_gnb > ul > li > ul {display:block; width:calc(100% - 300px); position:absolute; left:300px; top:20px;}
    #all_gnb > ul > li > ul > li {margin:0 0 10px 0;}
    #all_gnb > ul > li > ul > li > a {display:inline-block; font-size:1em;}
	#all_gnb > ul > li.on {z-index:50;}
    #all_gnb > ul > li.on > a {color:#fff;}
    #all_gnb > ul > li.on > a:before {border-width:7px;}
    #all_gnb > ul > li.on > ul > li > a {transform:translateY(0)}

    #menuToggle {width:20px; height:20px;}
    #menuToggle span {width:7px; height:7px;}

    #bnfworld_header.on .h_lang {opacity:1; visibility:visible;}
}

@media screen and (max-width:767px){
    #all_gnb:before {background-size:auto 180px;}
    #all_gnb > ul > li > a {width:170px; font-size:2em; padding-left:20px;}
    #all_gnb > ul > li > a:before {width:10px; height:10px;}
    #all_gnb > ul > li > ul {width:calc(100% - 170px); left:180px; top:10px;}
    #all_gnb > ul > li:hover > a:before, #all_gnb > ul > li.on > a:before {border-width:5px;}

    #bnfworld_header.on #menuToggle:after {animation:fadeIn 0.5s 0.7s forwards;}
    #bnfworld_header.on #menuToggle span {transform:translate(-50%, -50%); top:50%; left:50%; animation:fadeOut 0.3s 0s forwards;}
    #bnfworld_header.on #menuToggle span:nth-child(1) {animation:fadeOut 0.3s 0.3s forwards;}
}


/* footer */
#bnfworld_footer {width:100%; background:#228b22; padding:185px 0 70px; margin-top:-65px;}
#bnfworld_footer > div {transform:translateY(-100%)}
#bnfworld_footer .f_logo {margin-bottom:20px;}
#bnfworld_footer .f_logo img {height:35px;}
#bnfworld_footer .f_info {overflow:hidden; padding-right:230px;}
#bnfworld_footer .f_info li {float:left; font-size:0.875em; color:rgba(255,255,255,0.7); font-weight:500; margin:10px 15px 0 0;}
#bnfworld_footer .f_info li strong {color:#fff; font-weight:600; margin-right:5px;}
#bnfworld_footer .f_info li a {color:rgba(255,255,255,0.7)}
#bnfworld_footer .copy {font-size:0.875em; color:#fff; font-weight:600; position:absolute; right:0; bottom:0}
#bnfworld_footer .f_member {position:absolute; right:0; bottom:26px;}
#bnfworld_footer .f_member a {display:inline-block; line-height:24px; border:1px solid #fff; font-size:0.75em; color:#fff; padding:0 12px; text-transform:uppercase;}
.footer_menu_box {width:100%; border-bottom:1px solid rgba(255,255,255,0.6); padding-bottom:50px; margin-bottom:30px;}
.footer_menu_box > ul {display:flex;}
.footer_menu_box > ul > li {width:150px;}
.footer_menu_box > ul > li > a {display:block; font-size:1.125em; color:#fff; font-weight:500; font-family:'Poppins';}
.footer_menu_box > ul > li > ul > li {margin-top:15px;}
.footer_menu_box > ul > li > ul > li > a {display:block; font-size:0.875em; color:rgba(255,255,255,0.5); font-weight:500;}

/*#bnfworld_footer .go_top {display:block; width:50px; height:50px; background:rgba(25,25,25,0.3); border:1px solid rgba(204,204,204,0.3); border-radius:50%; font-size:1em; color:#fff; position:fixed; right:50px; bottom:50px; z-index:150;}*/

@media screen and (min-width:1025px){
    #bnfworld_footer .f_info li:nth-child(4) {clear:both;}
}

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

@media screen and (max-width:1024px){
    #bnfworld_footer {padding:100px 0 7%; margin-top:-40px;}
    #bnfworld_footer .f_logo {margin-bottom:15px;}
    #bnfworld_footer .f_logo img {height:30px;}
    .footer_menu_box {padding-bottom:30px; margin-bottom:20px;}
    .footer_menu_box > ul > li {width:20%;}

    /*#bnfworld_footer .go_top {width:40px; height:40px; font-size:0.9375em; bottom:30px;}*/
}

@media screen and (max-width:767px){
    #bnfworld_footer {padding-top:80px;}
    #bnfworld_footer .f_info {padding-right:0;}
    #bnfworld_footer .f_info li {font-size:0.9375em; margin:7px 10px 0 0;}
    #bnfworld_footer .copy {font-size:0.9375em; margin-top:15px; position:relative;}
    #bnfworld_footer .f_member {position:relative; bottom:0; margin-top:15px;}
    .footer_menu_box {display:none;}

    /*#bnfworld_footer .go_top {width:35px; height:35px; bottom:15px;}*/
}

#Quick {width:50px; position:fixed; right:30px; bottom:30px; z-index:150;}
#Quick a {float:right; display:block; width:50px; height:50px; position:relative; margin-bottom:5px; transition:width 0.5s ease-in-out}
#Quick a i {display:flex; justify-content:center; align-items:center; width:50px; height:100%; background:#006800; border-radius:50%; font-size:1em; color:#fff; position:absolute; left:0; top:0; z-index:3;}
#Quick a span {display:flex; align-items:center; width:100%; height:100%; background:#006800; border-radius:25px; font-size:1em; color:#fff; font-weight:600; position:absolute; left:0; top:0; z-index:2; white-space:nowrap; overflow:hidden; padding-left:50px;}
#Quick .go_top {display:block; width:50px; height:50px; background:rgba(25,25,25,0.3); border:1px solid rgba(204,204,204,0.3); border-radius:50%; font-size:1em; color:#fff;}

@media screen and (min-width:1025px){
	#Quick a:hover {width:130px;}
	#Quick a.youtube:hover {width:120px;}
}

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

@media screen and (max-width:1024px){
    #Quick {width:40px; bottom:30px;}
    #Quick a {width:40px; height:40px;}
    #Quick a i {width:40px;}
    #Quick a span {font-size:0.9375em; padding-left:40px;}
    /*#Quick a:hover {width:110px;}*/
    #Quick .go_top {width:40px; height:40px;}
}

@media screen and (max-width:767px){
    #Quick {width:32px; bottom:15px;}
    #Quick a {width:32px; height:32px; margin-bottom:3px;}
    #Quick a i {width:32px;}
    #Quick a span {padding-left:32px;}
    /*#Quick a:hover {width:90px;}*/
    #Quick .go_top {width:32px; height:32px;}
}


/* main */
#mVisu {width:100%; height:100vh; overflow:hidden;}
#mVisu > div {display:flex; justify-content:center; align-items:end; width:100%; height:100vh; position:fixed; left:0; top:0; overflow:hidden; z-index:-1;}
#mVisu .txt_box {position:relative; z-index:10; margin-bottom:100px;}
#mVisu .txt_box .tit {font-size:6.875em; color:#fff; line-height:1.04em; font-weight:400; font-family:'Poppins';}
#mVisu .txt_box .scroll_box {display:flex; align-items:center; position:absolute; right:0; bottom:0;}
#mVisu .txt_box .scroll_box p {font-size:0.875em; color:#fff; font-weight:500; font-family:'Poppins'}
#mVisu .txt_box .scroll_box i {display:block; width:6px; height:36px; background:rgba(255,255,255,0.3); border-radius:3px; position:relative; margin-left:15px;}
#mVisu .txt_box .scroll_box i:before {content:''; display:block; width:6px; height:6px; background:#fff; border-radius:50%; position:absolute; left:0; top:0; animation:mVisu 1s ease-out infinite;}
#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%)}

@keyframes mVisu {
    0% {top:0;}
    100% {top:30px}
}

@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:6em;}
}

@media screen and (max-width:1024px){
    #mVisu .txt_box {margin-bottom:50px;}
    #mVisu .txt_box .tit {font-size:4em;}
    #mVisu .txt_box .scroll_box {display:none;}
    #mVisu .video_box iframe {min-width:1500px; min-height:1300px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box .tit {font-size:8vw; line-height:1.2em;}
    #mVisu .video_box iframe {min-width:1400px; min-height:1000px;}
}


.main_title h2 {font-size:5em; line-height:1.1em; font-weight:400; font-family:'Poppins'}
.main_title p {font-size:1.25em; line-height:1.6em; font-weight:500; margin-top:10px;}

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

@media screen and (max-width:767px){
    .main_title h2 {font-size:2.7em;}
   .main_title p {font-size:1em; margin-top:5px;}
}


#mCompany {width:100%; background:#fff; padding:200px 0;}
#mCompany .tit {font-size:4.375em; color:#228b22; line-height:1.28em; font-weight:500; text-align:center;}
#mCompany .tit span {transition:color 0.4s}
#mCompany .tit i {display:inline-block; width:100px; height:1px; background:#228b22; vertical-align:middle; position:relative; top:-5px; margin:0 10px;}
#mCompany .tit.on span {color:#ccc;}
#mCompany .txt {font-size:1.875em; line-height:1.33em; font-weight:500; text-align:center; margin-bottom:30px;}
#mCompany .img_box {width:700px; height:400px; background:url(../images/mCompany_img1.jpg) no-repeat center center; background-size:cover; border-radius:30px; margin:50px auto;}
#mCompany .bnfworld_btn1 {margin:0 auto;}

@media screen and (max-width:1024px){
    #mCompany {padding:20% 0;}
    #mCompany .tit {font-size:3.7em;}
    #mCompany .tit i {width:60px; margin:0;}
    #mCompany .txt {font-size:1.3em; margin-bottom:3%;}
    #mCompany .img_box {width:600px; height:343px; margin:5% auto;}
}

@media screen and (max-width:767px){
    #mCompany .tit {font-size:2.5em;}
    #mCompany .tit i {display:block; width:1px; height:50px; margin:5px auto; top:0;}
    #mCompany .txt {font-size:1.2em; margin-bottom:6%;}
    #mCompany .img_box {width:100%; height:50vw; border-radius:15px;}
}


#mBusiness {width:100%; background:#fff; position:relative; overflow:hidden;}
#mBusiness > div {width:100%; background:#228b22 url(../images/mBusinessBG.svg) no-repeat left bottom; border-radius:50px 50px 0 0; padding:150px 0;}
#mBusiness .box {position:relative; margin-top:50px;}
#mBusiness .tab_box {position:absolute; left:0; top:50%; transform:translateY(-50%)}
#mBusiness .tab_box li {background:rgba(0,110,0,0.3); border-radius:0 43px 43px 0; margin-bottom:15px; overflow:hidden; position:relative;}
#mBusiness .tab_box li:last-child {margin-bottom:0;}
#mBusiness .tab_box li:before {content:''; display:block; width:0; height:100%; border-radius:0 43px 43px 0; background:#006e00; position:absolute; left:0; top:0; transition:width 0.4s;}
#mBusiness .tab_box li button {display:block; width:285px; height:86px; font-size:1.875em; color:rgba(255,255,255,0.3); font-weight:600; text-align:left; padding-left:150px; position:relative; z-index:5; transition:color 0.4s;}
#mBusiness .tab_box li button:after {content:''; display:block; width:14px; height:14px; border:2px solid #fff; border-radius:50%; position:absolute; right:25px; top:50%; transform:translateY(-50%); opacity:0; margin-right:15px; transition:all 0.4s;}
#mBusiness .tab_box li.on:before, #mBusiness .tab_box li:hover:before {width:100%;}
#mBusiness .tab_box li.on button, #mBusiness .tab_box li:hover button {color:#fff;}
#mBusiness .tab_box li.on button:after, #mBusiness .tab_box li:hover button:after {opacity:1; margin-right:0;}
#mBusiness .circle_box {width:700px; height:700px; background:url(../images/mBusiness_cricle.svg) no-repeat center center; background-size:contain; position:absolute; right:150px; top:0; transition:transform 1s 0.2s}
.mBusiness_slide {width:100%; padding:0 150px 0 360px;}
.mBusiness_slide .swiper-slide {display:flex; justify-content:space-between; align-items:center; opacity:0 !important;}
.mBusiness_slide .swiper-slide-active {opacity:1 !important;}
.mBusiness_slide dl {width:500px; max-width:calc(100% - 700px)}
.mBusiness_slide dl dt {font-size:4.375em; color:#fff; line-height:1.2em; font-weight:500;}
.mBusiness_slide dl dt span {font-size:1.5rem; color:rgba(255,255,255,0.5); font-weight:500; font-family:'Poppins'; margin-left:10px;}
.mBusiness_slide dl dd {font-size:1.25em; color:#fff; line-height:1.6em; margin-top:25px;}
.mBusiness_slide .circle {width:700px; height:700px; padding:125px; position:relative;}
.mBusiness_slide .circle p {width:80px; font-size:1.5em; color:#fff; font-weight:600; text-align:right; position:absolute; left:0; top:60px;}
.mBusiness_slide .circle .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%;}

@media screen and (max-width:1620px){
    #mBusiness .circle_box {width:550px; height:550px; right:50px;}
    .mBusiness_slide {padding-right:50px;}
    .mBusiness_slide dl {width:calc(100% - 550px); max-width:100%;}
    .mBusiness_slide .circle {width:550px; height:550px; padding:80px;}
    .mBusiness_slide .circle p {width:70px; top:50px;}
}

@media screen and (max-width:1399px){
    #mBusiness .circle_box {width:600px; height:600px; right:auto; left:50%; top:auto; bottom:0; margin-left:-150px;}
    .mBusiness_slide {padding-right:6%;}
    .mBusiness_slide .swiper-slide {display:block;}
    .mBusiness_slide dl {width:100%; margin-bottom:30px;}
    .mBusiness_slide .circle {width:600px; height:600px; padding:80px; margin:0 auto;}
}

@media screen and (max-width:1024px){
    #mBusiness > div {border-radius:30px 30px 0 0; padding:15% 0; background-size:auto 80%;}
    #mBusiness .box {margin-top:5%;}
    #mBusiness .tab_box {top:0; transform:translateY(0)}
    #mBusiness .tab_box li button {width:220px; height:70px; padding-left:6vw;}
    #mBusiness .circle_box {width:calc(94vw - 260px); height:calc(94vw - 260px); left:260px; margin-left:0;}
    .mBusiness_slide {padding-left:260px;}
    .mBusiness_slide dl dt {font-size:3.2em;}
    .mBusiness_slide dl dt span {font-size:1.3rem; margin-left:10px;}
    .mBusiness_slide dl dd {font-size:1.125em; margin-top:10px;}
    .mBusiness_slide .circle {width:calc(94vw - 260px); height:calc(94vw - 260px); padding:7vw;}
    .mBusiness_slide .circle p {width:8vw; font-size:1.3em; top:9%; white-space:nowrap;}
}

@media screen and (max-width:767px){
    #mBusiness > div {border-radius:20px 20px 0 0;}
    #mBusiness .box {margin-top:3%;}
    #mBusiness .tab_box {display:flex; justify-content:center; position:relative; padding:0 6%;}
    #mBusiness .tab_box li {margin-bottom:0; margin-right:5px; border-radius:20px;}
    #mBusiness .tab_box li:last-child {margin-right:0;}
    #mBusiness .tab_box li button {width:auto; height:32px; font-size:1em; padding:0 15px;}
    #mBusiness .tab_box li button:after {display:none;}
    #mBusiness .circle_box {width:88vw; height:88vw; left:6vw;}
    .mBusiness_slide {padding-left:6%; margin-top:5%;}
    .mBusiness_slide dl dt {font-size:2.2em;}
    .mBusiness_slide dl dt span {font-size:1.125rem; margin-left:5px;}
    .mBusiness_slide dl dd {font-size:1em;}
    .mBusiness_slide .circle {width:88vw; height:88vw; padding:7vw;}
    .mBusiness_slide .circle p {font-size:1.125em;}
}


#mSolution {width:100%; background:#fff; padding-top:200px; overflow:hidden;}
#mSolution .main_title {display:flex; align-items:start; width:100%}
#mSolution .main_title h2 {width:calc(100% - 545px); padding-right:160px; position:relative;}
#mSolution .main_title h2:after {content:''; display:block; width:100px; height:1px; background:#161519; position:absolute; right:30px; top:50%;}
#mSolution .main_title > div {width:545px; font-size:1.25em; color:#666; line-height:1.6em;}
#mSolution .main_title > div > div {display:inline-block; color:#228b22; font-weight:600; position:relative;; margin-right:5px; cursor:pointer;}
#mSolution .main_title > div > div:after {content:'\f059'; font-size:0.8em; font-weight:400; font-family:'Font Awesome 6 Pro'}
#mSolution .main_title > div > div span {display:block; width:270px; background:#f8f8f8; border-radius:10px; font-size:1rem; color:#666; line-height:1.5em; font-weight:400; position:absolute; left:55px; bottom:100%; padding:15px 20px; margin-bottom:20px; opacity:0; visibility:hidden; box-shadow:0 0 20px rgba(22,21,25,0.2)}
#mSolution .main_title > div > div span:before {content:''; display:block; width:0; height:0; border-top:10px solid #f8f8f8; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; top:100%; left:50px;}
#mSolution .main_title > div > div:hover span {opacity:1; visibility:visible;}
.mSolution_slide {width:100%; margin-top:100px;}
.mSolution_slide .swiper-slide:nth-child(even) {margin-top:70px;}
.mSolution_slide .img_box {width:100%; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px; overflow:hidden;}
.mSolution_slide .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25,25,25,0), #000); opacity:0.3;}
.mSolution_slide dl {width:100%; text-align:center; position:absolute; left:0; bottom:70px;}
.mSolution_slide dl dt {font-size:1.5em; color:#fff; font-weight:600;}
.mSolution_slide dl dd {font-size:1.125em; color:#fff; line-height:1.55em; font-weight:500; margin-top:10px;}

@media screen and (max-width:1220px){
    #mSolution .main_title h2 {width:530px; padding-right:30px;}
    #mSolution .main_title h2:after {display:none;}
    #mSolution .main_title > div {width:calc(100% - 530px)}
    .mSolution_slide .img_box {height:37vw;}
}

@media screen and (max-width:1024px){
    #mSolution {padding-top:15%;}
    #mSolution .main_title {display:block;}
    #mSolution .main_title h2 {width:100%; padding-right:0;}
    #mSolution .main_title > div {width:100%; font-size:1.125em; margin-top:2%;}
    #mSolution .main_title > div > div span {left:40px; margin-bottom:15px; padding:15px 10px;}
    .mSolution_slide {margin-top:7%;}
    .mSolution_slide .swiper-slide:nth-child(even) {margin-top:35px;}
    .mSolution_slide .img_box {border-radius:15px;}
    .mSolution_slide dl {bottom:30px;}
    .mSolution_slide dl dt {font-size:1.3em;}
    .mSolution_slide dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #mSolution .main_title > div {font-size:1em;}
    #mSolution .main_title > div > div {margin-right:3px;}
    #mSolution .main_title > div > div span {width:220px; left:28px; border-radius:5px; margin-bottom:10px; padding:10px;}
    #mSolution .main_title > div > div span:before {border-top-width:8px; border-left-width:5px; border-right-width:5px; left:40px;}
    .mSolution_slide .swiper-slide {width:230px;}
    .mSolution_slide .swiper-slide:nth-child(even) {margin-top:0;}
    .mSolution_slide .img_box {height:300px;}
    .mSolution_slide dl {bottom:15px;}
    .mSolution_slide dl dt {font-size:1.2em;}
}


#mProducts {width:100%; background:#fff; padding:200px 0; overflow:hidden;}
#mProducts .tab_box {display:flex; justify-content:center; margin:30px 0;}
#mProducts .tab_box ul {display:flex; justify-content:center; background:#f8f8f8; border-radius:32px; padding:0 10px;}
#mProducts .tab_box ul li {position:relative;}
#mProducts .tab_box ul li:before {content:''; display:block; width:1px; height:18px; background:#ccc; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#mProducts .tab_box ul li:first-child:before {display:none;}
#mProducts .tab_box ul li button {display:block; height:64px; font-size:1.25em; color:#666; padding:0 20px;}
#mProducts .tab_box ul li.on button {color:#161519; font-weight:600;}
.mProducts_slide {position:relative; padding-bottom:45px;}
.mProducts_slide .swiper-slide {display:flex; justify-content:end; align-items:center; flex-wrap:wrap; opacity:0.3;}
.mProducts_slide .swiper-slide-active ~ .swiper-slide {justify-content:start;}
.mProducts_slide .img_box {width:750px;}
.mProducts_slide .img_box img {width:100%;}
.mProducts_slide .txt_box {display:none; width:calc(100% - 750px)}
.mProducts_slide .txt_box .name {font-size:1.875em; font-weight:600;}
.mProducts_slide .txt_box dl {display:flex; flex-wrap:wrap; margin-top:20px;}
.mProducts_slide .txt_box dl dt {width:70px; font-size:1.125em; font-weight:500;}
.mProducts_slide .txt_box dl dd {width:calc(100% - 70px); font-size:1.125em; color:#666; margin-bottom:10px;}
.mProducts_slide .txt_box dl dd:last-of-type {margin-bottom:0;}
.mProducts_slide .txt_box .bnfworld_btn1 {margin-top:50px;}
.mProducts_slide .swiper-button-prev, .mProducts_slide .swiper-button-next {width:auto; height:auto; font-size:2.5em; color:#161519;}
.mProducts_slide .swiper-button-prev {left:auto; right:100%;}
.mProducts_slide .swiper-button-next {right:auto; left:100%;}
.mProducts_slide .swiper-button-prev:after, .mProducts_slide .swiper-button-next:after {font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'}
.mProducts_slide .swiper-button-prev:after {content:'\f053'}
.mProducts_slide .swiper-button-next:after {content:'\f054'}
.mProducts_slide .swiper-slide-active {opacity:1;}
.mProducts_slide .swiper-slide-active .txt_box {display:block;}
.mProducts_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.mProducts_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;}
.mProducts_slide .swiper-pagination-bullet {width:8px; height:8px; background:#ccc; border-radius:50%; opacity:1; vertical-align:middle;}
.mProducts_slide .swiper-pagination-bullet-active {width:14px; height:14px; background:#fff; border:3px solid #228b22;}

@media screen and (max-width:1220px){
    .mProducts_slide .img_box {width:calc(100% - 300px)}
    .mProducts_slide .txt_box {width:300px;}
}

@media screen and (max-width:1024px){
    #mProducts {padding:15% 0;}
    #mProducts .tab_box {margin:3% 0;}
    #mProducts .tab_box ul li button {height:50px; font-size:1.125em;}
    .mProducts_slide .txt_box .name {font-size:1.5em;}
    .mProducts_slide .txt_box dl {margin-top:15px;}
    .mProducts_slide .txt_box dl dt {width:60px; font-size:1em;}
    .mProducts_slide .txt_box dl dd {width:calc(100% - 60px); font-size:1em; margin-bottom:5px;}
    .mProducts_slide .txt_box .bnfworld_btn1 {margin-top:30px;}
    .mProducts_slide .swiper-button-prev, .mProducts_slide .swiper-button-next {font-size:2em;}
}

@media screen and (max-width:767px){
    #mProducts .tab_box ul li:before {height:12px;}
    #mProducts .tab_box ul li button {height:38px; font-size:1em; padding:0 10px;}
    .mProducts_slide {padding-bottom:35px;}
    .mProducts_slide .img_box {width:100%;}
    .mProducts_slide .txt_box {width:100%; text-align:center;}
    .mProducts_slide .txt_box dl {display:inline-block; margin-top:10px; overflow:hidden;}
    .mProducts_slide .txt_box dl dt {float:left; width:auto; clear:both; padding-right:5px;}
    .mProducts_slide .txt_box dl dd {float:left; width:auto;}
    .mProducts_slide .txt_box .bnfworld_btn1 {margin:15px auto 0;}
    .mProducts_slide .swiper-button-prev, .mProducts_slide .swiper-button-next {display:none;}
    .mProducts_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
    .mProducts_slide .swiper-pagination-bullet {width:6px; height:6px;}
    .mProducts_slide .swiper-pagination-bullet-active {width:12px; height:12px; border-width:2px;}
}


#mEsg {width:100%; background:#fff; overflow:hidden;}
#mEsg .box {width:100%; height:100vh; min-height:850px; background:url(../images/mEsgBG.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative; transform-origin:center bottom;}
#mEsg .box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0; pointer-events:none;}
#mEsg .tit_box {padding-top:150px; opacity:0;}
#mEsg .tit_box h2 {font-size:6.875em; color:#fff; line-height:1.04em; font-weight:400; font-family:'Poppins';}
#mEsg .tit_box p {font-size:1.25em; color:#fff; line-height:1.6em; font-weight:500;}
#mEsg .tit_box .bnfworld_btn1 {margin-top:45px;}
#mEsg .txt_box {width:500px; height:100%; position:absolute; right:0; top:0; opacity:0;}
#mEsg .txt_box > div {width:100%; height:33.33%; border-left:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3)}
#mEsg .txt_box > div:last-child {border-bottom:0;}
#mEsg .txt_box > div a {display:flex; align-items:center; width:100%; height:100%; padding-left:100px; position:relative;}
#mEsg .txt_box > div h3 {font-size:3.125em; color:#fff; font-weight:400; font-family:'Poppins'; transition:all 0.4s; transition-property:opacity, visibility;}
#mEsg .txt_box > div dl {display:flex; justify-content:center; flex-direction:column; width:100%; height:100%; background:rgba(34,139,34,0.5); position:absolute; left:0; top:0; padding:0 100px; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
#mEsg .txt_box > div dl dt {font-size:1.5em; color:#fff; font-weight:600;}
#mEsg .txt_box > div dl dd {font-size:1.125em; color:#fff; line-height:1.5em; font-weight:500; margin-top:10px;}
#mEsg .txt_box > div:hover dl {opacity:1; visibility:visible;}
#mEsg .view {display:flex; justify-content:center; align-items:center; width:120px; height:120px; background:rgba(0,0,0,0.15); border-radius:50%; backdrop-filter:blur(20px); font-size:1.125em; color:#fff; font-weight:400; font-family:'Poppins'; text-align:center; white-space:nowrap; position:fixed; left:0; top:50%; pointer-events:none; transform:scale(0); margin-left:-60px; margin-top:-60px; transition:transform 0.4s;}
#mEsg .view.on {transform:scale(1)}

@media screen and (min-width:1025px){
    #mEsg .txt_box > div:hover h3 {opacity:0; visibility:hidden;}
}

@media screen and (max-width:1620px){
    #mEsg .txt_box {width:400px;}
    #mEsg .txt_box > div a {padding-left:50px;}
    #mEsg .txt_box > div dl {padding:0 50px;}
}

@media screen and (max-width:1220px){
    #mEsg .tit_box h2 {font-size:5.5em;}
}

@media screen and (max-width:1024px){
    #mEsg .box {height:auto; min-height:0; background-attachment:unset;}
    #mEsg .tit_box {padding:10% 0 10%;}
    #mEsg .tit_box h2 {font-size:4em;}
    #mEsg .tit_box p {font-size:1.125em; margin-top:10px;}
    #mEsg .tit_box .bnfworld_btn1 {margin-top:30px;}
    #mEsg .txt_box {display:flex; width:100%; height:auto; position:relative; border-top:1px solid rgba(255,255,255,0.3)}
    #mEsg .txt_box > div {width:33.33%; height:auto; border-bottom:0;}
    #mEsg .txt_box > div:first-child {border-left:0;}
    #mEsg .txt_box > div a {display:block; padding:25px;}
    #mEsg .txt_box > div h3 {font-size:1em; color:rgba(255,255,255,0.6)}
    #mEsg .txt_box > div dl {display:block; background:none; position:relative; padding:0; opacity:1; visibility:visible;}
    #mEsg .txt_box > div dl dt {font-size:1.3em;}
    #mEsg .txt_box > div dl dd {font-size:1em;}
    #mEsg .view {display:none;}
}

@media screen and (max-width:767px){
    #mEsg .tit_box h2 {font-size:3em;}
    #mEsg .tit_box p {font-size:1em;}
    #mEsg .txt_box {display:block;}
    #mEsg .txt_box > div {width:100%; border-left:0; border-bottom:1px solid rgba(255,255,255,0.3)}
    #mEsg .txt_box > div a {padding:25px 6%;}
}


#mNews {width:100%; background:#fff; padding:200px 0;}
#mNews ul {display:flex; flex-wrap:wrap; width:100%; margin-top:50px;}
#mNews ul li {width:50%;}
#mNews ul li:nth-child(2) ~ li {margin-top:30px; padding-top:30px; border-top:1px solid #ccc;}
#mNews ul li a {display:flex; align-items:center; width:100%;}
#mNews ul li .img_box {width:170px; height:170px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:15px;}
#mNews ul li .txt_box {width:calc(100% - 170px); padding-left:50px;}
#mNews ul li .txt_box dl dt {font-size:1.5em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color 0.4s;}
#mNews ul li .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.7em; margin-top:10px; max-height:3.4em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:color 0.4s}
#mNews ul li .txt_box .date {font-size:0.875em; color:#228b22; font-weight:500; font-family:'Poppins'; margin-top:15px;}
#mNews .bnfworld_btn1 {margin:70px auto 0;}

#mNews ul li a:hover .txt_box dl dt, #mNews ul li a:hover .txt_box dl dd {color:#228b22;}

#mNews ul li:nth-child(odd) {padding-right:25px;}
#mNews ul li:nth-child(even) {padding-left:25px;}

@media screen and (max-width:1220px){
    #mNews ul li .txt_box {padding-left:25px;}
}

@media screen and (max-width:1024px){
    #mNews {padding:15% 0;}
    #mNews ul {margin-top:5%;}
    #mNews ul li:nth-child(2) ~ li {margin-top:15px; padding-top:15px;}
    #mNews ul li .img_box {width:120px; height:120px; border-radius:10px;}
    #mNews ul li .txt_box {width:calc(100% - 120px); padding-left:15px;}
    #mNews ul li .txt_box dl dt {font-size:1.3em;}
    #mNews ul li .txt_box dl dd {font-size:1em; margin-top:5px;}
    #mNews ul li .txt_box .date {margin-top:10px;}
    #mNews .bnfworld_btn1 {margin-top:50px;}
    
    #mNews ul li:nth-child(odd) {padding-right:7.5px;}
    #mNews ul li:nth-child(even) {padding-left:7.5px;}
}

@media screen and (max-width:767px){
    #mNews ul li {width:100%;}
    #mNews ul li:nth-child(1) ~ li {margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
	#mNews ul li:nth-child(2) ~ li {display:none;}
    #mNews ul li .img_box {width:100px; height:100px;}
    #mNews ul li .txt_box {width:calc(100% - 100px);}
    #mNews ul li .txt_box dl dt {font-size:1.2em;}
    #mNews .bnfworld_btn1 {margin-top:30px;}
    
    #mNews ul li:nth-child(odd) {padding-right:0}
    #mNews ul li:nth-child(even) {padding-left:0}
}

#mContact {width:100%; background:#fff; padding-bottom:150px; border-radius:0 0 50px 50px; position:relative; z-index:5;}
#mContact > div {display:flex; justify-content:space-between; align-items:center; height:420px; background:url(../images/mContact_img1.png) no-repeat center center; background-size:cover; border-radius:30px; padding:0 175px 0 210px; overflow:hidden; position:relative;}
#mContact > div:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
#mContact > div .main_title {position:relative; z-index:5;}
#mContact > div ul {display:flex; position:relative; z-index:5;}
#mContact > div ul li {width:200px;}
#mContact > div ul li a {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:200px; border:1px solid #fff; border-radius:50%; text-align:center; transition:all 0.4s; transition-property:background, border;}
#mContact > div ul li a i {display:block; font-size:2.18em; color:#fff; margin-bottom:0; overflow:hidden; transition:margin 0.4s}
#mContact > div ul li a i:before {display:block; margin-bottom:-105%; transition:margin 0.4s}
#mContact > div ul li a p {font-size:1.125em; color:#fff; font-weight:500; font-family:'Poppins'}
#mContact > div ul li a:hover {background:#228b22; border-color:#228b22;}
#mContact > div ul li a:hover i {margin-bottom:10px;}
#mContact > div ul li a:hover i:before {margin-bottom:0;}

@media screen and (max-width:1620px){
    #mContact > div {padding:0 50px;}
    #mContact > div ul li {width:160px;}
    #mContact > div ul li a {height:160px;}
}

@media screen and (max-width:1220px){
    #mContact > div {justify-content:center; flex-direction:column; text-align:center;}
    #mContact > div ul {margin-top:30px;}
}

@media screen and (max-width:1024px){
    #mContact {padding-bottom:12%; border-radius:0 0 30px 30px;}
    #mContact > div {height:auto; border-radius:15px; padding:50px 30px;}
    #mContact > div ul li {width:140px;}
    #mContact > div ul li a {height:140px;}
    #mContact > div ul li a i {font-size:1.6em;}
    #mContact > div ul li a p {font-size:1em;}
}

@media screen and (max-width:767px){
    #mContact > div {padding:15% 0;}
    #mContact > div ul {margin-top:5%;}
    #mContact > div ul li {width:100px; margin-right:5px;}
    #mContact > div ul li:last-child {margin-right:0;}
    #mContact > div ul li a {height:100px;}
    #mContact > div ul li a i {font-size:1.4em; margin-bottom:5px;}
    #mContact > div ul li a i:before {margin-bottom:0;}
    #mContact > div ul li a:hover i {margin-bottom:5px;}
}


/* sub */
#sub_content {width:100%; background:#fff; border-radius:0 0 50px 50px; padding:150px 0 170px; position:relative; z-index:10; overflow:hidden;}

.sub_title {padding:250px 0 80px;}
.sub_title h2 {font-size:6.25em; line-height:1.15em; font-weight:400; font-family:'Poppins'}
.sub_title p {font-size:1.875em; line-height:1.3em; font-weight:500;}

.s_tit1 {display:flex; align-items:center; font-size:1.25em; font-weight:400; line-height:1.15em; font-family:'Poppins'; margin-bottom:40px;}
.s_tit1:before {content:''; display:block; width:14px; height:14px; background:#228b22; border-radius:50%; margin-right:10px;}
.s_tit1:after {content:''; display:block; width:100px; height:1px; background:#ccc; margin-left:20px;}
.s_tit2 {font-size:3.75em; line-height:1.16em; font-weight:500;}
.s_tit2 span {display:block; color:#228b22;}
.s_tit3 {font-size:2.5em; font-weight:600; line-height:1.2em;}
.s_tit4 {font-size:1.875em; color:#228b22; font-weight:600;}
.s_tit4 span {font-size:0.8em; font-weight:400;}

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

.s_txt_question {display:inline-block; position:relative;;}
.s_txt_question i {font-size:1rem; color:#228b22; cursor:pointer;}
.s_txt_question > div {display:none; width:310px; background:#f8f8f8; border-radius:10px; font-size:1rem; color:#666; line-height:1.5em; padding:15px 20px; position:absolute; left:-50px; bottom:100%; margin-bottom:10px; box-shadow:0 0 20px rgba(22,21,25,0.2)}
.s_txt_question > div:before {content:''; display:block; width:0; height:0; border-top:10px solid #f8f8f8; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; left:50px; top:100%;}
.s_txt_question:hover > div, .s_txt_question.on > div {display:block;}

@media screen and (max-width:1024px){
    #sub_content {border-radius:0 0 30px 30px; padding:15% 0;}

    .sub_title {padding:150px 0 8%;}
    .sub_title h2 {font-size:4.5em;}
    .sub_title p {font-size:1.5em;}

    .s_tit1 {font-size:1.125em; margin-bottom:4%;}
    .s_tit1:before {width:12px; height:12px;}
    .s_tit1:after {width:70px;}
    .s_tit2 {font-size:3em;}
    .s_tit3 {font-size:2em;}
    .s_tit4 {font-size:1.5em;}

    .s_txt1 {font-size:1.125em;}

    .s_txt_question i {font-size:0.875rem;}
    .s_txt_question > div {width:280px; font-size:0.9375rem; padding:10px 13px; border-radius:5px;}
}

@media screen and (max-width:767px){
    .sub_title {padding-top:90px;}
    .sub_title h2 {font-size:3em;}
    .sub_title p {font-size:1.125em;}

    .s_tit1:before {width:9px; height:9px; margin-right:5px;}
    .s_tit1:after {width:50px; margin-left:10px;}
    .s_tit2 {font-size:2.2em;}
    .s_tit3 {font-size:1.7em;}
    .s_tit4 {font-size:1.3em;}

    .s_txt1 {font-size:1em;}

    .s_txt_question > div {width:220px;}
}


#sVisu {width:100%; height:574px; border-radius:50px 50px 0 0; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;}

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

@media screen and (max-width:1220px){
    #sVisu {height:500px;}
}

@media screen and (max-width:1024px){
    #sVisu {height:350px; border-radius:30px 30px 0 0; background-attachment:unset;}
}

@media screen and (max-width:767px){
    #sVisu {height:200px; border-radius:15px 15px 0 0;}
}


.sub_scroll_box {display:none;}

@media screen and (max-width:1024px){
	.sub_scroll_box {display:flex; justify-content:end; margin-bottom:5%;}
	.sub_scroll_box p {font-size:0.875em; color:#666; margin-right:10px;}
	.sub_scroll_box div {width:50px; position:relative; margin-top:2px;}
	.sub_scroll_box div:before {content:''; display:block; width:100%; height:3px; background:#ccc; border-radius:5px; position:absolute; left:4px; right:0;}
	.sub_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;}
	.sub_scroll_box div i:after {content:''; display:block; width:100%; height:5px; background:rgba(0,0,0,0.7); border-radius:5px; position:absolute; left:0; top:0;}

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


.sub_menu_box {width:100%; height:64px;}
.sub_menu_box ul {display:flex; justify-content:space-between;}
.sub_menu_box ul li {width:calc(50% - 5px);}
.sub_menu_box a {display:block; width:100%; line-height:64px; background:#f8f8f8; border-radius:10px; font-size:1.25em; color:#666; text-align:center;}
.sub_menu_box a:hover {color:#228b22;}
.sub_menu_box a.on {background:#228b22; color:#fff; font-weight:600;}

.sub_menu_box.scroll_on > div {width:100%; background:#fff; position:fixed; left:0; top:90px; z-index:100; padding:10px 0;}
.sub_menu_box.scroll_on > div ul {width:1200px; margin:0 auto;}

@media screen and (max-width:1220px){
	.sub_menu_box.scroll_on > div ul {width:88%;}
}

@media screen and (max-width:1024px){
	.sub_menu_box {height:50px;}
    .sub_menu_box a {line-height:50px; font-size:1.125em;}

	.sub_menu_box.scroll_on > div {top:50px; padding:5px 0;}
}

@media screen and (max-width:767px){
	.sub_menu_box {height:38px;}
	.sub_menu_box ul li {width:calc(50% - 2.5px);}
    .sub_menu_box a {line-height:38px; font-size:1em; border-radius:5px;}
}


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

.sub_img_box2 {display:flex; justify-content:space-between; position:relative;}
.sub_img_box2 .point {width:225px; height:80px; background:url(../images/icon_arrow2.png) no-repeat center center; background-size:contain; font-size:1.125em; color:#fff; font-weight:600; text-align:center; line-height:80px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); padding-left:35px; z-index:5; margin-top:-25px;}
.sub_img_box2 > div {width:calc(50% - 10px)}
.sub_img_box2 > div .img {width:100%; border-radius:30px; overflow:hidden; position:relative;}
.sub_img_box2 > div .img img {width:100%;}
.sub_img_box2 > div p {font-size:1.25em; font-weight:600; text-align:center; margin-top:20px;}
.sub_img_box2 > div:last-child .img:before {content:''; display:block; width:100%; height:100%; border:4px solid #228b22; border-radius:30px; position:absolute; left:0; top:0;}
.sub_img_box2 > div:last-child p {color:#228b22;}
.sub_img_box2_wrap {display:flex; justify-content:space-between;}
.sub_img_box2_wrap > div {width:calc(50% - 20px)}
.sub_img_box2_wrap > div .sub_img_box2 .point {margin-top:0;}
.sub_img_box2_wrap > div dl {text-align:center; margin-top:30px;}
.sub_img_box2_wrap > div dl dt {font-size:1.25em; font-weight:600;}
.sub_img_box2_wrap > div dl dd {font-size:1.25em; color:#666; line-height:1.4em; margin-top:10px;}
.sub_img_box2_wrap2 {overflow-x:auto;}
.sub_img_box2_wrap2 .sub_img_box2 {min-width:590px;}

.sub_img_box3 {display:flex; border-radius:30px; width:100%; height:393px; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.sub_img_box3 > div {background-repeat:no-repeat; background-position:center center; background-size:cover; border-left:2px solid #fff; position:relative;}
.sub_img_box3 > div:first-child {border-left:0;}
.sub_img_box3 > div p {width:auto; background:rgba(34,139,34,0.8); border-radius:20px; font-size:1em; color:#fff; font-weight:600; line-height:39px; box-shadow:5px 5px 20px rgba(22,21,25,0.07); padding:0 15px; position:absolute; left:50%; bottom:30px; transform:translateX(-50%); white-space:nowrap;}
.sub_img_box3 > div p.bg_bl {background:rgba(22,21,25,0.8)}

.sub_img_box3.col2 > div {width:50%;}
.sub_img_box3.col3 > div {width:33.33%;}

@media screen and (max-width:1220px){
    .sub_img_box3 {height:30vw}
}

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

    .sub_img_box2 .point {width:169px; height:60px; font-size:1em; line-height:60px; margin-top:-15px;}
    .sub_img_box2 > div {width:calc(50% - 7.5px)}
    .sub_img_box2 > div .img {border-radius:15px;}
    .sub_img_box2 > div p {font-size:1.125em; margin-top:10px;}
    .sub_img_box2 > div:last-child .img:before {border-radius:15px;}

    .sub_img_box2_wrap > div {width:calc(50% - 10px)}
    .sub_img_box2_wrap > div dl {margin-top:15px;}
    .sub_img_box2_wrap > div dl dt {font-size:1.125em;}
    .sub_img_box2_wrap > div dl dd {font-size:1.125em; margin-top:5px;}

    .sub_img_box3 {border-radius:15px;}
    .sub_img_box3 > div p {font-size:0.9375em; line-height:30px; padding:0 12px; bottom:15px;}
}

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

    .sub_img_box2 .point {width:155px; height:55px; line-height:55px; padding-left:10px; margin-top:-10px;}
    .sub_img_box2 > div {width:calc(50% - 5px)}
    .sub_img_box2 > div .img {border-radius:10px;}
    .sub_img_box2 > div p {font-size:1em;}
    .sub_img_box2 > div:last-child .img:before {border-width:3px; border-radius:10px;}

    .sub_img_box2_wrap {display:block;}
    .sub_img_box2_wrap > div {width:100%; margin-bottom:7%;}
    .sub_img_box2_wrap > div:last-child {margin-bottom:0;}
    .sub_img_box2_wrap > div dl dt {font-size:1em;}
    .sub_img_box2_wrap > div dl dd {font-size:1em; margin-top:3px;}

    .sub_img_box3 {height:52vw; border-radius:10px;}
    .sub_img_box3 > div p {line-height:28px; bottom:10px;}
}


.sub_list_box1 > li {font-size:1.25em; color:#666; line-height:1.6em; padding-left:14px; position:relative;}
.sub_list_box1 > li:before {content:''; display:block; width:4px; height:4px; background:#161519; border-radius:50%; position:absolute; left:0; top:14px;}

@media screen and (max-width:1024px){
    .sub_list_box1 > li {font-size:1.125em;}
    .sub_list_box1 > li:before {top:11px;}
    .sub_list_box1 > li strong {width:105px;}
}

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


.sub_img_slide1 {width:100%;}
.sub_img_slide1 .img {width:100%; overflow:hidden; border-radius:30px;}
.sub_img_slide1 .img.case2 {border:1px solid #ccc;}
.sub_img_slide1 .img img {width:100%;}
.sub_img_slide1 .sub_img_box3 {height:280px;}
.sub_img_slide1 .t1 {font-size:1.25em; line-height:1.6em; font-weight:600; text-align:center; margin-top:15px;}
.sub_img_slide1 .t2 {font-size:1.25em; color:#666; line-height:1.6em; text-align:center; margin-top:15px;}
.sub_img_slide1 .t2 span {display:block; font-size:0.8em; color:#228b22; font-weight:500; line-height:1.4em;}
.sub_img_slide1 .t3 {font-size:1.5em; font-weight:600; text-align:center; margin:30px 0 20px;}
.sub_img_slide1 .bnfworld_btn1 {margin:0 auto;}
.sub_img_slide1 dl {margin-top:30px; text-align:center;}
.sub_img_slide1 dl dt {font-size:1.25em; font-weight:600;}
.sub_img_slide1 dl dd {font-size:1.25em; color:#666; line-height:1.4em; margin-top:10px;}

.sub_img_slide1.col2 .swiper-slide {width:calc(50% - 10px)}
.sub_img_slide1.col3 .swiper-slide {width:calc(33.33% - 13.33px)}

@media screen and (max-width:1220px){

    .sub_img_slide1 .sub_img_box3 {height:21vw;}
}

@media screen and (max-width:1024px){
    .sub_img_slide1 .img {border-radius:15px;}
    .sub_img_slide1 .t1 {font-size:1.125em; margin-top:10px;}
    .sub_img_slide1 .t2 {font-size:1.125em; margin-top:10px;}
    .sub_img_slide1 .t3 {font-size:1.3em; margin:15px 0 10px;}
    .sub_img_slide1 dl {margin-top:15px;}
    .sub_img_slide1 dl dt {font-size:1.125em;}
    .sub_img_slide1 dl dd {font-size:1.125em; margin-top:5px;}

    .sub_img_slide1.col3 .swiper-slide {width:calc(33.33% - 10px)}
}

@media screen and (max-width:767px){
    .sub_img_slide1 .img {border-radius:10px;}
    .sub_img_slide1 .sub_img_box3 {height:210px;}
    .sub_img_slide1 .t1 {font-size:1em;}
    .sub_img_slide1 .t2 {font-size:1em;}
    .sub_img_slide1 .t3 {font-size:1.2em;}
    .sub_img_slide1 dl dt {font-size:1em;}
    .sub_img_slide1 dl dd {font-size:1em; margin-top:3px;}
    
    .sub_img_slide1.col2 .swiper-slide {width:290px}
    .sub_img_slide1.col3 .swiper-slide {width:290px;}
}


.sub_table_box1 {width:100%; border-top:2px solid #161519;}
.sub_table_box1 tbody th {width:230px; background:#f8f8f8; border-bottom:1px solid #ccc; font-size:1.25em; font-weight:600;}
.sub_table_box1 tbody td {border-bottom:1px solid #ccc; padding:40px;}
.sub_table_box1 tbody td p {font-size:1.25em; color:#666; line-height:1.6em;}
.sub_table_box1 tbody td .list1 {counter-reset:counter;}
.sub_table_box1 tbody td .list1 li {font-size:1.25em; color:#666; line-height:1.4em; padding-left:26px; position:relative; margin-bottom:15px;}
.sub_table_box1 tbody td .list1 li:last-child {margin-bottom:0;}
.sub_table_box1 tbody td .list1 li:before {content:counter(counter)'.'; counter-increment:counter; position:absolute; left:0; top:0;}

.sub_table_box2 thead th {background:#191919; font-size:1.5em; color:#fff; font-weight:600; padding:25px 0;}
.sub_table_box2 thead th:last-child {background:#228b22;}
.sub_table_box2 tbody td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:30px 40px;}
.sub_table_box2 tbody td:last-child {border-right:0;}
.sub_table_box2 tbody td dl dt {font-size:1.25em; font-weight:600; margin-bottom:10px;}
.sub_table_box2 tbody td:last-child dl dt {color:#228b22;}

@media screen and (max-width:1024px){
    .sub_table_box1 tbody th {width:140px; font-size:1.125em;}
    .sub_table_box1 tbody td {padding:20px;}
    .sub_table_box1 tbody td p {font-size:1.125em;}
    .sub_table_box1 tbody td .list1 li {font-size:1.125em; padding-left:17px; margin-bottom:5px;}

    .sub_table_box2 thead th {font-size:1.3em; padding:15px 0;}
    .sub_table_box2 tbody td {padding:20px;}
    .sub_table_box2 tbody td dl dt {font-size:1.125em; margin-bottom:5px;}
}

@media screen and (max-width:767px){
    .sub_table_box1 tbody th {width:90px; font-size:1em;}
    .sub_table_box1 tbody td {padding:12px;}
    .sub_table_box1 tbody td p {font-size:1em;}
    .sub_table_box1 tbody td .list1 li {font-size:1em; padding-left:14px}

    .sub_table_box2 thead th {font-size:1.125em; padding:10px 0;}
    .sub_table_box2 tbody td {padding:10px;}
    .sub_table_box2 tbody td dl dt {font-size:1em;}
}


.sAbout_top {width:100%; height:200vh; position:relative;}
.sAbout_top > div {width:100%; height:100vh; position:sticky; left:0; top:0;}
.sAbout_top .img {min-width:1200px; height:100%; background:url(../images/sAbout_top.jpg) no-repeat center center; background-size:cover; border-radius:50px 50px 0 0; position:absolute; left:50%; top:0; transform:translateX(-50%)}
.sAbout_top .txt {display:flex; justify-content:center; align-items:center; min-width:1200px; height:100%; background:rgba(2,21,25,0.3); border-radius:50px 50px 0 0; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0;}
.sAbout_top .txt p {font-size:3.75em; color:#fff; line-height:1.16em; font-weight:500; text-align:center; transform:translateY(60px); opacity:0;}

.sAbout_case1 .name {font-size:1.25em; color:#666; text-align:right;}
.sAbout_case1 .name strong {font-size:1.2em; color:#161519; font-weight:600; margin-left:10px;}
.sAbout_case1 .box {display:flex; justify-content:end; align-items:center; width:100%; height:400px; background:url(../images/sAbout_img1.png) no-repeat center center; background-size:cover; border-radius:30px; overflow:hidden; position:relative;}
.sAbout_case1 .box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to right, rgba(0,0,0,0) 37%, #000 84%); opacity:0.5; position:absolute; left:0; top:0;}
.sAbout_case1 .box > div {position:relative; z-index:5; padding-right:100px;}
.sAbout_case1 .box dl {width:100%; overflow:hidden; margin-bottom:50px;}
.sAbout_case1 .box dl dt {float:left; width:70px; font-size:1.25em; color:rgba(255,255,255,0.7); font-weight:600; margin-bottom:15px; clear:both;}
.sAbout_case1 .box dl dt:last-of-type {margin-bottom:0;}
.sAbout_case1 .box dl dd {float:left; font-size:1.25em; color:#fff; font-weight:600;}

@media screen and (max-width:1220px){
    .sAbout_top .img {min-width:88%;}
    .sAbout_top .txt {min-width:88%;}
}

@media screen and (max-width:1024px){
    .sAbout_top {height:auto;}
    .sAbout_top > div {height:350px; position:relative;}
    .sAbout_top .img {min-width:100%; max-width:100%; border-radius:30px 30px 0 0;}
    .sAbout_top .txt {min-width:100%; max-width:100%; border-radius:30px 30px 0 0; opacity:1 !important; padding:0 6%;}
    .sAbout_top .txt p {font-size:3em; transform:translateY(0) !important; opacity:1 !important;}

    .sAbout_case1 .name {font-size:1.125em;}
    .sAbout_case1 .box {height:330px; border-radius:15px;}
    .sAbout_case1 .box > div {padding-right:50px;}
    .sAbout_case1 .box dl {margin-bottom:30px;}
    .sAbout_case1 .box dl dt {width:60px; font-size:1.125em; margin-bottom:10px;}
    .sAbout_case1 .box dl dd {font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sAbout_top > div {height:200px;}
    .sAbout_top .img {border-radius:15px 15px 0 0;}
    .sAbout_top .txt {border-radius:15px 15px 0 0;}
    .sAbout_top .txt p {font-size:1.7em; line-height:1.2em;}

    .sAbout_case1 .name {font-size:1em;}
    .sAbout_case1 .name strong {margin-left:5px;}
    .sAbout_case1 .box {display:block; height:auto; padding:10% 7%; border-radius:10px;}
    .sAbout_case1 .box:before {background:#161519;}
    .sAbout_case1 .box > div {padding-right:0;}
    .sAbout_case1 .box dl {margin-bottom:20px;}
    .sAbout_case1 .box dl dt {width:40px; font-size:1em; margin-bottom:5px;}
    .sAbout_case1 .box dl dd {font-size:1em;}
}


.sHistory_case1 {width:100%; padding-left:200px;}
.sHistory_case1 > div {display:flex; width:100%; border-bottom:1px solid #ccc; padding:50px 0;}
.sHistory_case1 > div:first-child {padding-top:0;}
.sHistory_case1 > div:last-child {border-bottom:0; padding-bottom:0;}
.sHistory_case1 > div .year {width:210px; font-size:3.75em; line-height:1.1em; font-family:'Poppins'}
.sHistory_case1 > div > ul {width:calc(100% - 210px)}
.sHistory_case1 > div > ul > li {margin-bottom:20px; padding-left:105px; position:relative;}
.sHistory_case1 > div > ul > li:last-child {margin-bottom:0;}
.sHistory_case1 > div > ul > li .month {font-size:1.25em; font-weight:500; line-height:1.6em; font-family:'Poppins'; position:absolute; left:0; top:0;}
.sHistory_case1 > div > ul > li .txt {font-size:1.25em; color:#666; line-height:1.6em;}
.sHistory_case1 > div > ul > li .list li {font-size:1.25em; color:#666; line-height:1.6em; padding-left:14px; position:relative;}
.sHistory_case1 > div > ul > li .list li:before {content:''; display:block; width:4px; height:4px; background:#161519; border-radius:50%; position:absolute; left:0; top:14px;}
.sHistory_case1 > div > ul > li .list li strong {display:inline-block; width:130px; color:#161519; font-weight:500;}

@media screen and (max-width:1220px){
    .sHistory_case1 {padding-left:100px;}
}

@media screen and (max-width:1024px){
    .sHistory_case1 {padding-left:0;}
    .sHistory_case1 > div {padding:5% 0;}
    .sHistory_case1 > div .year {width:140px; font-size:3em;}
    .sHistory_case1 > div > ul {width:calc(100% - 140px)}
    .sHistory_case1 > div > ul > li {padding-left:80px; margin-bottom:1.5%;}
    .sHistory_case1 > div > ul > li .month {font-size:1.125em;}
    .sHistory_case1 > div > ul > li .txt {font-size:1.125em;}
    .sHistory_case1 > div > ul > li .list li {font-size:1.125em;}
    .sHistory_case1 > div > ul > li .list li:before {top:11px;}
    .sHistory_case1 > div > ul > li .list li strong {width:105px;}
}

@media screen and (max-width:767px){
    .sHistory_case1 > div {display:block;}
    .sHistory_case1 > div .year {width:100%; font-size:2em; margin-bottom:2%;}
    .sHistory_case1 > div > ul {width:100%;}
    .sHistory_case1 > div > ul > li {padding-left:60px; margin-bottom:1%;}
    .sHistory_case1 > div > ul > li .month {font-size:1em;}
    .sHistory_case1 > div > ul > li .txt {font-size:1em;}
    .sHistory_case1 > div > ul > li .list li {font-size:1em; padding-left:10px;}
    .sHistory_case1 > div > ul > li .list li:before {width:3px; height:3px; top:8px;}
    .sHistory_case1 > div > ul > li .list li strong {width:80px;}
}


.sVision_case1 {display:flex; width:850px; position:relative; margin-left:auto; margin-right:auto; padding:0 60px;}
.sVision_case1:before {content:''; display:block; width:100%; height:360px; background:url(../images/sVisionBG.svg) no-repeat center center; background-size:contain; position:absolute; left:0; top:0;}
.sVision_case1 > div {width:33.33%; position:relative; z-index:5; text-align:center;}
.sVision_case1 > div i {display:flex; justify-content:center; align-items:center; width:100%; height:360px; font-size:3.125em;}
.sVision_case1 > div dl {margin-top:30px;}
.sVision_case1 > div dl dt {font-size:1.5em; font-weight:500;}
.sVision_case1 > div dl dd {font-size:1.25em; line-height:1.6em; font-weight:600; margin-top:10px;}

.sVision_case2 {display:none;}

@media screen and (max-width:1024px){
    .sVision_case1 {width:650px; padding:0 45px;}
    .sVision_case1:before {height:275px;}
    .sVision_case1 > div i {height:275px; font-size:2.5em;}
    .sVision_case1 > div dl {margin-top:15px;}
    .sVision_case1 > div dl dt {font-size:1.3em;}
    .sVision_case1 > div dl dd {font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sVision_case1 {display:block; width:100%; padding:0;}
    .sVision_case1:before {display:none;}
    .sVision_case1 > div {display:flex; align-items:center; width:100%; text-align:left; margin-bottom:4%;}
    .sVision_case1 > div:last-child {margin-bottom:0;}
    .sVision_case1 > div i {display:block; width:40px; height:auto; font-size:1.9em;}
    .sVision_case1 > div dl {width:calc(100% - 40px); margin-top:0;}
    .sVision_case1 > div dl dd {font-size:1em; margin-top:0.5%;}

	.sVision_case2 {display:flex; width:300px; height:127px; background:url(../images/sVisionBG.svg) no-repeat center center; background-size:contain; margin:0 auto 5%; padding:0 20px;}
	.sVision_case2 i {display:flex; justify-content:center; align-items:center; width:33.33%; height:127px; font-size:2em;}
}


.sBusiness_case1 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:100px;}
.sBusiness_case1 > div:last-child {margin-bottom:0;}
.sBusiness_case1 > div .img_box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:50%; height:420px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px; position:relative; text-align:center; overflow:hidden;}
.sBusiness_case1 > div .img_box:before {content:''; display:block; width:100%; height:100%; background:#161519; opacity:0.3; position:absolute; left:0; top:0;}
.sBusiness_case1 > div .img_box .s_tit2 {position:relative; z-index:5;}
.sBusiness_case1 > div .img_box p {font-size:1.5em; color:#fff; font-weight:500; font-family:'Poppins'; margin-top:5px;}
.sBusiness_case1 > div .txt_box {width:calc(50% - 100px);}
.sBusiness_case1 > div .txt_box .t1 {font-size:1.875em; line-height:1.3em; font-weight:600; border-bottom:1px solid #ccc; padding-bottom:30px;}
.sBusiness_case1 > div .txt_box .t1 span {display:block; color:#228b22;}
.sBusiness_case1 > div .txt_box .t2 {font-size:1.25em; font-weight:600; line-height:1.4em; margin:30px 0 10px;}

.sBusiness_case1 > div:nth-child(even) {flex-direction:row-reverse;}

@media screen and (max-width:1220px){
    .sBusiness_case1 > div .img_box {height:33vw;}
    .sBusiness_case1 > div .txt_box {width:calc(50% - 50px)}
    .sBusiness_case1 > div .txt_box .t1 span {display:inline;}
}

@media screen and (max-width:1024px){
    .sBusiness_case1 > div {margin-bottom:7%;}
    .sBusiness_case1 > div .img_box {border-radius:15px;}
    .sBusiness_case1 > div .img_box p {font-size:1.3em;}
    .sBusiness_case1 > div .txt_box {width:calc(50% - 25px)}
    .sBusiness_case1 > div .txt_box .t1 {font-size:1.5em; padding-bottom:15px;}
    .sBusiness_case1 > div .txt_box .t2 {font-size:1.125em; margin:15px 0 5px;}
}

@media screen and (max-width:767px){
    .sBusiness_case1 > div .img_box {width:100%; height:180px; border-radius:10px; background-position:center 30%;}
    .sBusiness_case1 > div .img_box p {font-size:1.2em; margin-top:0;}
    .sBusiness_case1 > div .txt_box {width:100%; margin-top:4%;}
    .sBusiness_case1 > div .txt_box .t1 {font-size:1.4em; padding-bottom:3%;}
    .sBusiness_case1 > div .txt_box .t1 span {display:block;}
    .sBusiness_case1 > div .txt_box .t2 {font-size:1em; margin:3% 0 1%;}
}


.sEsg_case1 > div {display:flex; width:100%; background:#fff; border-radius:30px; box-shadow:5px 5px 20px rgba(22,21,25,0.07); margin-bottom:20px; overflow:hidden;}
.sEsg_case1 > div:last-child {margin-bottom:0;}
.sEsg_case1 > div .t1 {display:flex; justify-content:center; align-items:center; width:320px; background:#228b22; font-size:1.5em; color:#fff; font-weight:500; font-family:'Poppins'; position:relative;}
.sEsg_case1 > div .t1:before {content:''; display:block; width:247px; height:240px; background:url(../images/simbol.svg) no-repeat center center; background-size:contain; position:absolute; left:-30px; top:-22px; opacity:0.07;}
.sEsg_case1 > div dl {width:calc(100% - 320px); padding:40px 70px;}
.sEsg_case1 > div dl dt {font-size:1.5em; font-weight:600; margin-bottom:15px;}

@media screen and (max-width:1024px){
    .sEsg_case1 > div {margin-bottom:2%; border-radius:15px;}
    .sEsg_case1 > div .t1 {width:180px; font-size:1.3em;}
    .sEsg_case1 > div .t1:before {width:150px; height:146px; left:-10px; top:-10px;}
    .sEsg_case1 > div dl {width:calc(100% - 180px); padding:25px;}
    .sEsg_case1 > div dl dt {font-size:1.3em; margin-bottom:5px;}
}

@media screen and (max-width:767px){
    .sEsg_case1 > div {display:block; border-radius:10px;}
    .sEsg_case1 > div .t1 {display:block; width:100%; font-size:1.2em; padding:10px 15px;}
    .sEsg_case1 > div .t1:before {width:30px; height:29px; left:auto; top:50%; right:15px; transform:translateY(-50%); opacity:0.2;}
    .sEsg_case1 > div dl {width:100%; padding:15px;}
    .sEsg_case1 > div dl dt {font-size:1.125em;}
}


.sLocation_case1 .map_box {width:100%; height:600px; border-radius:30px; overflow:hidden;}
.sLocation_case1 .map_box iframe {width:100%; height:100%;}
.sLocation_case1 .info_box {display:flex; justify-content:space-between; width:100%;}
.sLocation_case1 .info_box dl {border-left:2px solid #228b22; padding-left:30px;}
.sLocation_case1 .info_box dl dt {font-size:1.25em; color:#228b22; font-weight:500;}
.sLocation_case1 .info_box dl dd {font-size:1.25em; font-weight:600; margin-top:10px;}

@media screen and (max-width:1220px){
    .sLocation_case1 .info_box {display:block;}
    .sLocation_case1 .info_box dl {padding-top:25px;}
    .sLocation_case1 .info_box dl:first-child {padding-top:0;}
}

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

@media screen and (max-width:767px){
    .sLocation_case1 .map_box {height:240px; border-radius:10px;}
    .sLocation_case1 .info_box dl {padding-left:15px;}
    .sLocation_case1 .info_box dl dt {font-size:1em;}
    .sLocation_case1 .info_box dl dd {font-size:1em;}
}


.sCertifications_case1 {counter-reset:counter;}
.sCertifications_case1 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:50px;}
.sCertifications_case1 > div .img_box {width:450px; border:1px solid #ccc; overflow:hidden;}
.sCertifications_case1 > div .txt_box {width:calc(100% - 600px); padding-left:90px; position:relative;}
.sCertifications_case1 > div .txt_box:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:9.375em; color:#f8f8f8; line-height:1em; font-family:'Poppins'; position:absolute; left:0; bottom:100%; transform:translateY(10px)}
.sCertifications_case1 > div .txt_box dl {margin-top:-30px; position:relative; z-index:30;}
.sCertifications_case1 > div .txt_box dl dt {font-size:1.875em; font-weight:600;}
.sCertifications_case1 > div .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.6em; margin-top:15px;}

.sCertifications_case1 > div:nth-child(even) {flex-direction:row-reverse;}

@media screen and (max-width:1220px){
    .sCertifications_case1 > div .img_box {width:35%;}
    .sCertifications_case1 > div .img_box img {width:100%;}
    .sCertifications_case1 > div .txt_box {width:60%;}
}

@media screen and (max-width:1024px){
    .sCertifications_case1 > div {margin-bottom:5%;}
    .sCertifications_case1 > div .txt_box {width:62%; padding-left:70px;}
    .sCertifications_case1 > div .txt_box:before {font-size:7em;}
    .sCertifications_case1 > div .txt_box dl {margin-top:-15px;}
    .sCertifications_case1 > div .txt_box dl dt {font-size:1.5em;}
    .sCertifications_case1 > div .txt_box dl dd {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sCertifications_case1 > div {justify-content:center; margin-bottom:10%;}
    .sCertifications_case1 > div .img_box {width:70%; max-width:400px;}
    .sCertifications_case1 > div .txt_box {width:100%; padding-left:0; margin-top:3%;}
    .sCertifications_case1 > div .txt_box:before {display:none;}
    .sCertifications_case1 > div .txt_box dl {margin-top:0;}
    .sCertifications_case1 > div .txt_box dl dt {font-size:1.3em;}
    .sCertifications_case1 > div .txt_box dl dd {font-size:1em; margin-top:1%;}
}


.sTechnology_case1 {position:relative; overflow:auto;}
.sTechnology_case1 .top_box {text-align:center;}
.sTechnology_case1 .top_box .t1 {width:450px; height:450px; background:rgba(34,139,34,0.1); border-radius:50%; font-size:1.875em; color:#fff; font-weight:600; position:relative; padding:90px; margin:0 auto;}
.sTechnology_case1 .top_box .t1:before {content:''; display:block; width:calc(100% - 80px); height:calc(100% - 80px); background:rgba(34,139,34,0.1); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.sTechnology_case1 .top_box .t1 span {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#228b22; border:5px solid #fff; border-radius:50%; position:relative; z-index:3;}
.sTechnology_case1 .top_box .t2 {display:inline-block; font-size:1.875em; font-weight:600; margin-top:85px; position:relative;}
.sTechnology_case1 .top_box .t2:before {content:'\f0e7'; display:inline-block; width:42px; line-height:42px; background:#228b22; border-radius:50%; font-size:0.6em; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'; text-align:center; margin-right:15px; vertical-align:middle; margin-top:-6px;}
.sTechnology_case1 .top_box .t2:after {content:''; display:block; width:50px; height:115px; background:url(../images/icon_arrow.png) no-repeat center center; background-size:cover; position:absolute; left:50%; bottom:100%; transform:translateX(-50%); margin-bottom:30px;}
.sTechnology_case1 .info_box {width:100%; position:absolute; left:0; top:35px;}
.sTechnology_case1 .info_box > div {float:left; display:flex; align-items:center; width:440px; height:180px; background:#fff; border:2px solid #228b22; border-radius:30px; box-shadow:5px 5px 20px rgba(34,139,34,0.1); padding:25px 30px;}
.sTechnology_case1 .info_box > div:nth-child(odd) {clear:both;}
.sTechnology_case1 .info_box > div:nth-child(even) {float:right;}
.sTechnology_case1 .info_box > div:nth-child(2) ~ div {margin-top:20px;}
.sTechnology_case1 .info_box > div img {width:130px;}
.sTechnology_case1 .info_box > div dl {width:calc(100% - 130px); padding-left:20px;}
.sTechnology_case1 .info_box > div dl dt {font-size:1.25em; font-weight:600;}
.sTechnology_case1 .info_box > div dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:5px;}

.sTechnology_case2 {display:flex; justify-content:space-between; align-items:start; width:100%; background:#f9f9f9; overflow:hidden; padding:50px 70px; border-radius:30px;}
.sTechnology_case2 .txt_box {width:450px}
.sTechnology_case2 .txt_box dl dt {font-size:1.5em; font-weight:600; margin-bottom:10px;}
.sTechnology_case2 .txt_box table {width:100%; margin-top:30px;}
.sTechnology_case2 .txt_box table thead th {background:#161519; font-size:1.125em; color:#fff; font-weight:600; padding:15px 5px;}
.sTechnology_case2 .txt_box table tbody th {background:rgba(204,204,204,0.3); border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:1.125em; font-weight:600; padding:15px 5px;}
.sTechnology_case2 .txt_box table tbody th:last-child {border-right:0;}
.sTechnology_case2 .txt_box table tbody td {background:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:1.125em; color:#666; padding:15px 5px; text-align:center;}
.sTechnology_case2 .txt_box table tbody td:last-child {border-right:0;}
.sTechnology_case2 .sub_img_box2 {width:520px;}

.sTechnology_case3 {width:100%; background:#f9f9f9; overflow:hidden; padding:50px 70px; border-radius:30px;}
.sTechnology_case3 dl {margin-bottom:50px;}
.sTechnology_case3 dl dt {font-size:1.5em; font-weight:600; margin-bottom:10px;}
.sTechnology_case3 .img_box {display:flex; justify-content:space-between; align-items:center;}
.sTechnology_case3 .img_box > div {width:calc(50% - 70px)}
.sTechnology_case3 .img_box > div > img {width:100%; border-radius:30px;}
.sTechnology_case3 .img_box > p {width:85px; font-size:1.25em; font-weight:600; text-align:center; padding-bottom:15px; border-bottom:1px solid #161519; position:relative;}
.sTechnology_case3 .img_box > p:after {content:''; display:block; width:0; height:0; border-left:15px solid #161519; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; right:0; bottom:0; transform:translateY(50%)}
.sTechnology_case3 .img_box > p.case2 {color:#228b22; border-bottom-color:#228b22; margin-top:-45px;}
.sTechnology_case3 .img_box > p.case2:after {border-left-color:#228b22;}

.sTechnology_case4 > div {display:flex; width:100%; background:#fff; border-radius:30px; box-shadow:5px 5px 20px rgba(22,21,25,0.07); margin-bottom:20px; overflow:hidden;}
.sTechnology_case4 > div:last-child {margin-bottom:0;}
.sTechnology_case4 > div .t1 {width:265px; background:#666; font-size:1.5em; color:#fff; line-height:1.33em; font-weight:600; position:relative; padding:50px;}
.sTechnology_case4 > div .t1:before {content:''; display:block; width:247px; height:240px; background:url(../images/simbol.svg) no-repeat center center; background-size:contain; position:absolute; left:-30px; bottom:-30px; opacity:0.07;}
.sTechnology_case4 > div ul {width:calc(100% - 265px); padding:50px 70px;}
.sTechnology_case4 > div ul li {margin-bottom:15px;}
.sTechnology_case4 > div ul li:last-child {margin-bottom:0;}
.sTechnology_case4 > div:last-child .t1 {background:#228b22;}
.sTechnology_case4 > div:last-child ul li:before {background:#228b22;}

.sTechnology_slide_wrap {width:100%; position:relative;}
.sTechnology_slide_wrap:before {content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:162px;}
.sTechnology_slide {width:100%}
.sTechnology_slide .icon {display:block; width:120px; height:120px; background-color:#ccc; background-repeat:no-repeat; background-position:center center; background-size:contain; border-radius:50%; margin-bottom:85px; transition:background 0.4s;}
.sTechnology_slide dl {position:relative;}
.sTechnology_slide dl:before {content:''; display:block; width:8px; height:8px; background:#ccc; border-radius:50%; position:absolute; left:0; top:-46px; z-index:5;}
.sTechnology_slide dl:after {content:''; display:block; width:8px; height:8px; background:#e5f5ef; border-radius:50%; position:absolute; left:0; top:-46px;}
.sTechnology_slide dl dt {font-size:1.5em; font-weight:600; line-height:1.3em; transition:color 0.4s;}
.sTechnology_slide dl dd {font-size:1.25em; color:#666; line-height:1.6em; margin-top:15px;}

.sTechnology_slide .icon1 {background-image:url(../images/sTechnology_img2_1.png)}
.sTechnology_slide .icon2 {background-image:url(../images/sTechnology_img2_2.png)}
.sTechnology_slide .icon3 {background-image:url(../images/sTechnology_img2_3.png)}

@keyframes sTechnology {
    0% {transform:scale(1);}
    100% {transform:scale(3);}
}

@media screen and (min-width:768px){
    .sTechnology_slide .active .icon {background-color:#228b22;}
    .sTechnology_slide .active dl:before {width:12px; height:12px; background:#228b22; border:2px solid #fff; margin:-2px 0 0 -2px;}
    .sTechnology_slide .active dl:after {animation:sTechnology 1.5s ease-in-out 5}
    .sTechnology_slide .active dl dt {color:#228b22;}
}

@media screen and (max-width:1220px){
    .sTechnology_case1 .info_box > div {width:calc(50% - 160px); padding:15px;}
    .sTechnology_case1 .info_box > div img {width:100px;}
    .sTechnology_case1 .info_box > div dl {width:calc(100% - 100px); padding-left:10px;}

    .sTechnology_case2 {padding:40px;}
    .sTechnology_case2 .txt_box {width:43%;}
    .sTechnology_case2 .sub_img_box2 {width:52%;}

    .sTechnology_case3 {padding:40px;}

    .sTechnology_slide dl dd br {display:none;}
}

@media screen and (max-width:1024px){
	.sTechnology_case1 > div {min-width:850px;}
    .sTechnology_case1 .top_box .t1 {width:300px; height:300px; font-size:1.5em; padding:60px;}
    .sTechnology_case1 .top_box .t1:before {width:calc(100% - 50px); height:calc(100% - 50px)}
    .sTechnology_case1 .top_box .t2 {font-size:1.3em; margin-top:50px;}
    .sTechnology_case1 .top_box .t2:before {width:30px; line-height:30px; margin-right:10px;}
    .sTechnology_case1 .top_box .t2:after {width:35px; height:81px; margin-bottom:15px;}
	.sTechnology_case1 .info_box {min-width:850px;}
    .sTechnology_case1 .info_box > div {width:calc(50% - 120px); height:120px; border-radius:15px; padding:13px 13px 13px 5px}
    .sTechnology_case1 .info_box > div:nth-child(2) ~ div {margin-top:10px;}
    .sTechnology_case1 .info_box > div img {width:70px;}
    .sTechnology_case1 .info_box > div dl {width:calc(100% - 70px); padding-left:5px;}
    .sTechnology_case1 .info_box > div dl dt {font-size:1.125em;}
    .sTechnology_case1 .info_box > div dl dd {font-size:1em;}

    .sTechnology_case2 {padding:30px; border-radius:15px;}
    .sTechnology_case2 .txt_box dl dt {font-size:1.3em; margin-bottom:5px;}
    .sTechnology_case2 .txt_box table {margin-top:15px;}
    .sTechnology_case2 .txt_box table thead th {font-size:1em; padding-top:10px; padding-bottom:10px;}
    .sTechnology_case2 .txt_box table tbody th {font-size:1em; padding-top:10px; padding-bottom:10px;}
    .sTechnology_case2 .txt_box table tbody td {font-size:1em; padding-top:10px; padding-bottom:10px;}
    
    .sTechnology_case3 {padding:30px; border-radius:15px;}
    .sTechnology_case3 dl {margin-bottom:3%;}
    .sTechnology_case3 dl dt {font-size:1.3em; margin-bottom:5px;}
    .sTechnology_case3 .img_box > div {width:calc(50% - 40px)}
    .sTechnology_case3 .img_box > div img {border-radius:15px;}
    .sTechnology_case3 .img_box > p {width:60px; font-size:1.125em; padding-bottom:10px;}
    .sTechnology_case3 .img_box > p:after {border-left-width:8px; border-top-width:4px; border-bottom-width:4px;}
    
    .sTechnology_case4 > div {margin-bottom:2%; border-radius:15px;}
    .sTechnology_case4 > div .t1 {width:180px; font-size:1.3em; padding:25px;}
    .sTechnology_case4 > div .t1:before {width:150px; height:146px; left:-10px; bottom:-10px;}
    .sTechnology_case4 > div ul {width:calc(100% - 180px); padding:25px;}
    .sTechnology_case4 > div ul li {margin-bottom:5px;}

    .sTechnology_slide_wrap:before {top:115px;}
    .sTechnology_slide .icon {width:90px; height:90px; margin-bottom:50px;}
    .sTechnology_slide dl:before {top:-29px}
    .sTechnology_slide dl:after {top:-29px}
    .sTechnology_slide dl dt {font-size:1.3em;}
    .sTechnology_slide dl dd {font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.sTechnology_case1 > div {min-width:700px;}
    .sTechnology_case1 .top_box .t1 {width:220px; height:220px; font-size:1.3em; padding:40px;}
    .sTechnology_case1 .top_box .t1:before {width:calc(100% - 30px); height:calc(100% - 30px)}
    .sTechnology_case1 .top_box .t1 span {border-width:3px;}
    .sTechnology_case1 .top_box .t2 {font-size:1.2em; margin-top:40px;}
    .sTechnology_case1 .top_box .t2:before {width:26px; line-height:26px; margin-right:10px; margin-top:-4px;}
    .sTechnology_case1 .top_box .t2:after {width:25px; height:58px; margin-bottom:10px;}
    .sTechnology_case1 .info_box {min-width:700px; top:15px;}
    .sTechnology_case1 .info_box > div {width:calc(50% - 90px); height:90px; padding:10px 10px 10px 5px;border-radius:10px;}
    /*.sTechnology_case1 .info_box > div:nth-child(1) ~ div {margin-top:1%;}*/
    .sTechnology_case1 .info_box > div img {width:65px;}
    .sTechnology_case1 .info_box > div dl {width:calc(100% - 65px);}
    .sTechnology_case1 .info_box > div dl dd {margin-top:3px;}

    .sTechnology_case2 {display:block; padding:20px; border-radius:10px;}
    .sTechnology_case2 .txt_box {width:100%;}
    .sTechnology_case2 .txt_box dl dt {font-size:1.2em;}
    .sTechnology_case2 .txt_box table {margin-top:3%;}
    .sTechnology_case2 .sub_img_box2 {width:100%; margin-top:6%;}

    .sTechnology_case3 {padding:20px; border-radius:10px;}
    .sTechnology_case3 .img_box {display:block;}
    .sTechnology_case3 .img_box > div {width:100%;}
    .sTechnology_case3 .img_box > div > img {border-radius:10px;}
    .sTechnology_case3 .img_box > p {width:1px; height:60px; background:#161519; font-size:1em; margin:10px auto; border-bottom:0;}
    .sTechnology_case3 .img_box > p:after {border:0; border-top:9px solid #161519; border-left:4px solid transparent; border-right:4px solid transparent; transform:translate(50%, 0);}
    .sTechnology_case3 .img_box > p span {position:absolute; left:10px; top:50%; transform:translateY(-50%); white-space:nowrap;}
    .sTechnology_case3 .img_box > p.case2 {background:#228b22; margin-top:10px;}
    .sTechnology_case3 .img_box > p.case2:after {border-top-color:#228b22; border-left-color:snow;}
    
    .sTechnology_case4 > div {display:block; border-radius:10px;}
    .sTechnology_case4 > div .t1 {display:block; width:100%; font-size:1.2em; padding:20px 15px;}
    .sTechnology_case4 > div .t1:before {width:30px; height:29px; left:auto; top:50%; right:15px; transform:translateY(-50%); opacity:0.2;}
    .sTechnology_case4 > div ul {width:100%; padding:15px;}

    .sTechnology_slide_wrap:before {width:100vw; top:75px; left:-6vw;}
    .sTechnology_slide {width:230px;}
    .sTechnology_slide .icon {width:60px; height:60px; margin-bottom:30px;}
    .sTechnology_slide dl:before {width:7px; height:7px; top:-18px}
    .sTechnology_slide dl:after {width:7px; height:7px; top:-18px}
    .sTechnology_slide dl dt {font-size:1.2em;}
    .sTechnology_slide dl dd {font-size:1em;}
    
    .sTechnology_slide .swiper-slide-active .icon {background-color:#228b22;}
    .sTechnology_slide .swiper-slide-active dl:before {width:11px; height:11px; background:#228b22; border:2px solid #fff; margin:-2px 0 0 -2px;}
    .sTechnology_slide .swiper-slide-active dl:after {animation:sTechnology 1.5s ease-in-out 5}
    .sTechnology_slide .swiper-slide-active dl dt {color:#228b22;}
}


.sProject_case1 dl {display:flex; flex-wrap:wrap; width:100%;}
.sProject_case1 dl dt {width:82px; font-size:1.25em; font-weight:500; line-height:1.6em;}
.sProject_case1 dl dd {width:calc(100% - 82px); font-size:1.25em; color:#666; line-height:1.6em;}

.sProject_case2 .tab_box ul {display:flex;}
.sProject_case2 .tab_box ul li {margin-right:5px;}
.sProject_case2 .tab_box ul li:last-child {margin-right:0;}
.sProject_case2 .tab_box ul li button {display:block; width:83px; height:51px; background:#f8f8f8; border-radius:26px; font-size:1.125em; color:#666; transition:all 0.4s; transition-property:background, color;}
.sProject_case2 .tab_box ul li button:hover {color:#228b22;}
.sProject_case2 .tab_box ul li.on button {background:#228b22; color:#fff; font-weight:600;}
.sProject_case2 .cont_box > div:not(.on) {display:none;}

@media screen and (max-width:1024px){
    .sProject_case1 dl dt {width:70px; font-size:1.125em;}
    .sProject_case1 dl dd {width:calc(100% - 70px); font-size:1.125em;}

    .sProject_case2 .tab_box ul li button {width:60px; height:40px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sProject_case1 dl dt {width:55px; font-size:1em;}
    .sProject_case1 dl dd {width:calc(100% - 55px); font-size:1em;}

    .sProject_case2 .tab_box ul li {margin-right:3px;}
    .sProject_case2 .tab_box ul li button {width:48px; height:30px;}
}


.sBeorcare_case1 {overflow:hidden;}
.sBeorcare_case1 > div {float:left; border-left:2px solid #228b22; margin-right:70px; padding-left:30px;}
.sBeorcare_case1 > div dl {overflow:hidden;}
.sBeorcare_case1 > div dl dt {float:left; width:82px; font-size:1.25em; line-height:1.6em; font-weight:500; clear:both;}
.sBeorcare_case1 > div dl dd {float:left; width:calc(100% - 82px); font-size:1.25em; color:#666; line-height:1.6em;}

.sBeorcare_slide .swiper-slide {width:300px; text-align:center;}
.sBeorcare_slide dl {margin-top:30px;}
.sBeorcare_slide dl dt {font-size:1.5em; font-weight:600;}
.sBeorcare_slide dl dd {font-size:1.25em; color:#666; line-height:1.6em; margin-top:10px;}

@media screen and (max-width:1024px){
    .sBeorcare_case1 > div {float:none; margin-right:0;}
    .sBeorcare_case1 > div dl dt {width:70px; font-size:1.125em;}
    .sBeorcare_case1 > div dl dd {width:calc(100% - 70px); font-size:1.125em;}
    
    .sBeorcare_slide .swiper-slide {width:200px;}
    .sBeorcare_slide img {width:90%;}
    .sBeorcare_slide dl {margin-top:20px;}
    .sBeorcare_slide dl dt {font-size:1.3em;}
    .sBeorcare_slide dl dd {font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sBeorcare_case1 > div {padding-left:10px;}
    .sBeorcare_case1 > div dl dt {width:55px; font-size:1em;}
    .sBeorcare_case1 > div dl dd {width:calc(100% - 55px); font-size:1em;}
    
	.sBeorcare_slide .swiper-wrapper {flex-wrap:wrap; transform:none !important;}
    .sBeorcare_slide .swiper-slide {width:50%;}
	.sBeorcare_slide .swiper-slide:nth-child(2) ~ .swiper-slide {margin-top:7%;}
    .sBeorcare_slide img {width:80%; max-width:150px;}
    .sBeorcare_slide dl {margin-top:15px;}
    .sBeorcare_slide dl dt {font-size:1.2em;}
    .sBeorcare_slide dl dd {font-size:1em;}
}


.sBeorbio_case1 {display:flex; align-items:center;}
.sBeorbio_case1 .img_box {width:570px;}
.sBeorbio_case1 .txt_box {width:calc(100% - 570px); padding-left:100px;}
.sBeorbio_case1 .txt_box dl {display:flex; flex-wrap:wrap; margin-top:30px; padding-left:30px; border-left:2px solid #228b22;}
.sBeorbio_case1 .txt_box dl dt {width:82px; font-size:1.25em; font-weight:500; line-height:1.6em;}
.sBeorbio_case1 .txt_box dl dd {width:calc(100% - 82px); font-size:1.25em; color:#666; line-height:1.6em;}
.sBeorbio_case1 .txt_box > div {width:100%; background:#f8f8f8; border-radius:30px; padding:30px 40px; margin-top:30px;}
.sBeorbio_case1 .txt_box > div .t1 {font-size:1.25em; font-weight:500; margin-bottom:15px;}
.sBeorbio_case1.case2 .img_box {width:787px;}
.sBeorbio_case1.case2 .txt_box {width:calc(100% - 787px); padding-left:50px;}

.sBeorbio_case2 {position:relative; overflow-x:auto;}
.sBeorbio_case2 .top_box {text-align:center; margin-top:80px;}
.sBeorbio_case2 .top_box .t1 {width:450px; height:450px; background:rgba(34,139,34,0.1); border-radius:50%; font-size:1.875em; color:#fff; font-weight:600; position:relative; padding:90px; margin:0 auto;}
.sBeorbio_case2 .top_box .t1:before {content:''; display:block; width:calc(100% - 80px); height:calc(100% - 80px); background:rgba(34,139,34,0.1); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.sBeorbio_case2 .top_box .t1:after {content:''; display:block; width:calc(100% + 130px); height:calc(100% + 130px); background:url(../images/icon_line.svg) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.sBeorbio_case2 .top_box .t1 span {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#228b22; border:5px solid #fff; border-radius:50%; position:relative; z-index:3;}
.sBeorbio_case2 .top_box .t2 {display:inline-block; font-size:1.875em; font-weight:600; margin-top:125px; position:relative;}
.sBeorbio_case2 .top_box .t2:before {content:'\f06c'; display:inline-block; width:42px; line-height:42px; background:#228b22; border-radius:50%; font-size:0.6em; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'; text-align:center; margin-right:15px; vertical-align:middle; margin-top:-6px;}
.sBeorbio_case2 .top_box .t2:after {content:''; display:block; width:50px; height:115px; background:url(../images/icon_arrow.png) no-repeat center center; background-size:cover; position:absolute; left:50%; bottom:100%; transform:translateX(-50%); margin-bottom:30px;}
.sBeorbio_case2 .top_box .t2 span {display:block; font-size:0.66em; color:#666; font-weight:400; margin-top:15px;}
.sBeorbio_case2 .top_box .t2 span:before {content:''; display:block; width:95px; height:50px; background:#fff; position:absolute; left:50%; bottom:100%; transform:translateX(-50%); margin-bottom:30px;}
.sBeorbio_case2 .info_box {width:100%; position:absolute; left:0; top:115px;}
.sBeorbio_case2 .info_box > div {float:left; display:flex; align-items:center; width:440px; height:180px; background:#fff; border:2px solid #228b22; border-radius:30px; box-shadow:5px 5px 20px rgba(34,139,34,0.1); padding:25px 30px;}
.sBeorbio_case2 .info_box > div:nth-child(odd) {clear:both;}
.sBeorbio_case2 .info_box > div:nth-child(even) {float:right;}
.sBeorbio_case2 .info_box > div:nth-child(2) ~ div {margin-top:20px;}
.sBeorbio_case2 .info_box > div img {width:130px;}
.sBeorbio_case2 .info_box > div dl {width:calc(100% - 130px); padding-left:20px;}
.sBeorbio_case2 .info_box > div dl dt {font-size:1.25em; font-weight:600;}
.sBeorbio_case2 .info_box > div dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:5px;}

.sBeorbio_case3 {width:100%; background:#f8f8f8; padding:50px 80px; border-radius:30px;}
.sBeorbio_case3 .t1 {font-size:1.5em; font-weight:600;}
.sBeorbio_case3 table {width:100%;}
.sBeorbio_case3 table thead th {background:#ccc; border-left:1px solid #fff; font-size:1.125em; font-weight:600; padding:15px 0;}
.sBeorbio_case3 table thead th:first-child {width:160px; border-left:0;}
.sBeorbio_case3 table tbody th {background:rgba(204,204,204,0.3); border-bottom:1px solid #ccc; font-size:1.125em; color:#666; font-weight:600; padding:15px 0;}
.sBeorbio_case3 table tbody td {background:#fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.125em; color:#666; text-align:center; padding:15px 0;}

.sBeorbio_case4 {display:flex; justify-content:space-between; align-items:start; width:100%;}
.sBeorbio_case4 .txt_box {width:520px}
.sBeorbio_case4 .txt_box dl dt {font-size:1.5em; font-weight:600; margin-bottom:10px;}
.sBeorbio_case4 .txt_box table {width:100%; margin-top:30px;}
.sBeorbio_case4 .txt_box table thead th {background:#161519; font-size:1.125em; color:#fff; font-weight:600; padding:15px 5px;}
.sBeorbio_case4 .txt_box table tbody th {background:rgba(204,204,204,0.3); border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:1.125em; font-weight:600; padding:15px 5px;}
.sBeorbio_case4 .txt_box table tbody th:last-child {border-right:0;}
.sBeorbio_case4 .txt_box table tbody td {background:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:1.125em; color:#666; padding:15px 5px; text-align:center;}
.sBeorbio_case4 .txt_box table tbody td:last-child {border-right:0;}
.sBeorbio_case4 .sub_img_box2 {width:580px;}

@media screen and (max-width:1220px){
    .sBeorbio_case1 .img_box {width:calc(50% - 30px)}
    .sBeorbio_case1 .img_box img {width:100%;}
    .sBeorbio_case1 .txt_box {width:50%; padding-left:0;}
    .sBeorbio_case1.case2 .img_box {width:calc(60% - 20px);}
    .sBeorbio_case1.case2 .txt_box {width:40%; padding-left:0;}
    
    .sBeorbio_case2 .info_box > div {width:calc(50% - 160px); padding:15px;}
    .sBeorbio_case2 .info_box > div img {width:100px;}
    .sBeorbio_case2 .info_box > div dl {width:calc(100% - 100px); padding-left:10px;}
    
    .sBeorbio_case4 .txt_box {width:43%;}
    .sBeorbio_case4 .sub_img_box2 {width:52%;}
}

@media screen and (max-width:1024px){
    .sBeorbio_case1 .txt_box dl {margin-top:15px; padding-left:15px;}
    .sBeorbio_case1 .txt_box dl dt {width:70px; font-size:1.125em;}
    .sBeorbio_case1 .txt_box dl dd {width:calc(100% - 70px); font-size:1.125em;}
    .sBeorbio_case1 .txt_box > div {padding:20px; margin-top:15px; border-radius:15px;}
    .sBeorbio_case1 .txt_box > div .t1 {font-size:1.125em; margin-bottom:5px;}
    .sBeorbio_case1.case2 .img_box {width:60%;}
    
	.sBeorbio_case2 > div {min-width:850px;}
    .sBeorbio_case2 .top_box {margin-top:50px;}
    .sBeorbio_case2 .top_box .t1 {width:300px; height:300px; font-size:1.5em; padding:60px;}
    .sBeorbio_case2 .top_box .t1:before {width:calc(100% - 50px); height:calc(100% - 50px)}
    .sBeorbio_case2 .top_box .t1:after {width:calc(100% + 80px); height:calc(100% + 80px)}
    .sBeorbio_case2 .top_box .t2 {font-size:1.3em; margin-top:85px;}
    .sBeorbio_case2 .top_box .t2:before {width:30px; line-height:30px; margin-right:10px;}
    .sBeorbio_case2 .top_box .t2:after {width:35px; height:81px; margin-bottom:15px;}
    .sBeorbio_case2 .top_box .t2 span {margin-top:10px;}
    .sBeorbio_case2 .top_box .t2 span:before {width:50px; margin-bottom:15px;}
	.sBeorbio_case2 .info_box {min-width:850px; top:75px;}
    .sBeorbio_case2 .info_box > div {width:calc(50% - 120px); height:120px; border-radius:15px; padding:13px 13px 13px 5px}
    .sBeorbio_case2 .info_box > div:nth-child(2) ~ div {margin-top:10px;}
    .sBeorbio_case2 .info_box > div img {width:70px;}
    .sBeorbio_case2 .info_box > div dl {width:calc(100% - 70px); padding-left:5px;}
    .sBeorbio_case2 .info_box > div dl dt {font-size:1.125em;}
    .sBeorbio_case2 .info_box > div dl dd {font-size:1em;}

    .sBeorbio_case3 {padding:40px; border-radius:15px;}
    .sBeorbio_case3 .t1 {font-size:1.3em;}
    .sBeorbio_case3 table thead th {font-size:1em; padding:10px 0;}
    .sBeorbio_case3 table thead th:first-child {width:120px;}
    .sBeorbio_case3 table tbody th {font-size:1em; padding:10px 0;}
    .sBeorbio_case3 table tbody td {font-size:1em; padding:10px 5px;}

    .sBeorbio_case4 .txt_box dl dt {font-size:1.3em; margin-bottom:5px;}
    .sBeorbio_case4 .txt_box table {margin-top:15px;}
    .sBeorbio_case4 .txt_box table thead th {font-size:1em; padding-top:10px; padding-bottom:10px;}
    .sBeorbio_case4 .txt_box table tbody th {font-size:1em; padding-top:10px; padding-bottom:10px;}
    .sBeorbio_case4 .txt_box table tbody td {font-size:1em; padding-top:10px; padding-bottom:10px;}
}

@media screen and (max-width:767px){
    .sBeorbio_case1 {display:block;}
    .sBeorbio_case1 .img_box {width:100%; text-align:center;}
    .sBeorbio_case1 .img_box img {width:90%; max-width:450px;}
    .sBeorbio_case1 .txt_box {width:100%}
    .sBeorbio_case1 .txt_box dl {margin-top:3%; padding-left:10px;}
    .sBeorbio_case1 .txt_box dl dt {width:55px; font-size:1em;}
    .sBeorbio_case1 .txt_box dl dd {width:calc(100% - 55px); font-size:1em;}
    .sBeorbio_case1 .txt_box > div {padding:15px; margin-top:3%; border-radius:10px;}
    .sBeorbio_case1 .txt_box > div .t1 {font-size:1em;}
    .sBeorbio_case1.case2 .img_box {width:100%;}
    .sBeorbio_case1.case2 .txt_box {width:100%;}
    
	.sBeorbio_case2 > div {min-width:700px;}
    .sBeorbio_case2 .top_box {margin-top:30px;}
    .sBeorbio_case2 .top_box .t1 {width:220px; height:220px; font-size:1.3em; padding:40px;}
    .sBeorbio_case2 .top_box .t1:before {width:calc(100% - 30px); height:calc(100% - 30px)}
    .sBeorbio_case2 .top_box .t1:after {width:calc(100% + 50px); height:calc(100% + 50px)}
    .sBeorbio_case2 .top_box .t1 span {border-width:3px;}
    .sBeorbio_case2 .top_box .t2 {font-size:1.2em; margin-top:60px;}
    .sBeorbio_case2 .top_box .t2:before {width:26px; line-height:26px; margin-right:10px; margin-top:-4px;}
    .sBeorbio_case2 .top_box .t2:after {width:25px; height:58px; margin-bottom:10px;}
    .sBeorbio_case2 .top_box .t2 span {margin-top:5px;}
    .sBeorbio_case2 .top_box .t2 span:before {height:40px; margin-bottom:10px;}
    .sBeorbio_case2 .info_box {min-width:700px; top:45px;}
    .sBeorbio_case2 .info_box > div {width:calc(50% - 90px); height:90px; padding:10px 10px 10px 5px; border-radius:10px;}
    .sBeorbio_case2 .info_box > div:nth-child(1) ~ div {margin-top:1%;}
    .sBeorbio_case2 .info_box > div img {width:65px;}
    .sBeorbio_case2 .info_box > div dl {width:calc(100% - 65px);}
    .sBeorbio_case2 .info_box > div dl dd {margin-top:3px;}

    .sBeorbio_case3 {padding:15px 15px; border-radius:10px;}
    .sBeorbio_case3 .t1 {font-size:1.2em;}
    .sBeorbio_case3 table thead th:first-child {width:75px;}

    .sBeorbio_case4 {display:block;}
    .sBeorbio_case4 .txt_box {width:100%;}
    .sBeorbio_case4 .txt_box dl dt {font-size:1.2em;}
    .sBeorbio_case4 .txt_box table {margin-top:3%;}
    .sBeorbio_case4 .sub_img_box2 {width:100%; margin-bottom:6%;}
}


.sInquiry_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sInquiry_case1 .form_box > div {width:calc(50% - 10px)}
.sInquiry_case1 .form_box > div.w_100 {width:100%;}
.sInquiry_case1 .form_box > div:nth-child(2) ~ div {margin-top:30px;}
.sInquiry_case1 .form_box > div > label {display:block; font-size:1.25em; font-weight:500; margin-bottom:15px;}
.sInquiry_case1 .form_box > div > label i {color:#228b22; font-style:normal;}
.sInquiry_case1 .form_box > div > label span {font-size:0.8em; color: #228b22; margin-left:10px;}
.sInquiry_case1 .form_box > div .form_txt {display:block; width:100%; height:64px; background:#fff; border:1px solid #ccc; border-radius:10px; font-size:1.25em; color:#666; padding:0 20px;}
.sInquiry_case1 .form_box > div .form_txt::placeholder {color:#ccc;}
.sInquiry_case1 .form_box > div .form_txt::-webkit-input-placeholder {color:#ccc;}
.sInquiry_case1 .form_box > div .form_txt:-ms-input-placeholder {color:#ccc;}
.sInquiry_case1 .form_box > div .form_txt:focus {outline:none; box-shadow:none !important; border-color:#228b22 !important;}
.sInquiry_case1 .form_box > div .form_textarea {display:block; width:100%; height:300px; background:#fff; border:1px solid #ccc; border-radius:10px; font-size:1.25em; color:#666; line-height:1.6em; padding:30px; resize:none;}
.sInquiry_case1 .form_box > div .form_textarea::placeholder {color:#ccc;}
.sInquiry_case1 .form_box > div .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sInquiry_case1 .form_box > div .form_textarea:-ms-input-placeholder {color:#ccc;}
.sInquiry_case1 .form_box > div .form_textarea:focus {outline:none; box-shadow:none !important; border-color:#228b22 !important;}
.sInquiry_case1 .form_box > div .select_box {position:relative;}
.sInquiry_case1 .form_box > div .select_box:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sInquiry_case1 .form_box > div .select_box select {display:block; width:100%; height:64px; background:#fff; border:1px solid #ccc; border-radius:10px; font-size:1.25em; color:#666; padding:0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sInquiry_case1 .form_box > div .select_box select:focus {outline:none; box-shadow:none !important; border-color:#228b22 !important;}
.sInquiry_case1 .form_box > div .checkbox_wrap {display:flex; flex-wrap:wrap;}
.sInquiry_case1 .form_box > div .checkbox_wrap .check_box {margin:3px 30px 3px 0;}
.sInquiry_case1 .form_box > div .checkbox_wrap .check_box:last-child {margin-right:0;}
.sInquiry_case1 .form_box > div .check_box {position:relative;}
.sInquiry_case1 .form_box > div .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sInquiry_case1 .form_box > div .check_box label {display:flex; align-items:center;}
.sInquiry_case1 .form_box > div .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:32px; height:32px; border:2px solid #ccc; border-radius:8px; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sInquiry_case1 .form_box > div .check_box label span {font-size:1.25em; font-weight:400; padding-left:10px;}
.sInquiry_case1 .form_box > div .check_box input:checked + label:before {content:'\f00c'; background:#228b22; border-color:#228b22;}

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

.sInquiry_case1 .form_box > div .email_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.sInquiry_case1 .form_box > div .email_box span {display:block; width:30px; font-size:1.25em; color:#666; text-align:center;}
.sInquiry_case1 .form_box > div .email_box .form_txt {width:33.33%;}
.sInquiry_case1 .form_box > div .email_box .select_box {width:calc(33.33% - 40px); margin-left:10px;}

.sInquiry_case1 .privacy_box {width:100%; height:150px; background:#f8f8f8; border-radius:10px; overflow-y:auto; padding:30px; margin-top:20px;}
.sInquiry_case1 .privacy_box p {font-size:1.125em; color:#666; line-height:1.55em;}

.sInquiry_case1 .check_box2 {position:relative; margin-top:20px;}
.sInquiry_case1 .check_box2 input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sInquiry_case1 .check_box2 label {display:flex; align-items:center;}
.sInquiry_case1 .check_box2 label:before {content:''; display:flex; justify-content:center; align-items:center; width:28px; height:28px; border:2px solid #ccc; border-radius:50%; font-size:0.9375em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sInquiry_case1 .check_box2 label span {font-size:1.125em; font-weight:500; padding-left:10px;}
.sInquiry_case1 .check_box2 input:checked + label:before {content:'\f00c'; background:#228b22; border-color:#228b22;}

.sInquiry_case1 .btn_box {display:flex; justify-content:end;}

@media screen and (max-width:1024px){
    .sInquiry_case1 .form_box > div {width:calc(50% - 5px)}
    .sInquiry_case1 .form_box > div:nth-child(2) ~ div {margin-top:3%;}
    .sInquiry_case1 .form_box > div > label {font-size:1.125em; margin-bottom:1.5%;}
    .sInquiry_case1 .form_box > div .form_txt {height:50px; font-size:1.125em; padding:0 15px;}
    .sInquiry_case1 .form_box > div .form_textarea {height:200px; font-size:1.125em; padding:20px;}
    .sInquiry_case1 .form_box > div .select_box:after {right:15px;}
    .sInquiry_case1 .form_box > div .select_box select {height:50px; font-size:1.125em; padding:0 15px;}
    .sInquiry_case1 .form_box > div .check_box label:before {width:28px; height:28px;}
    .sInquiry_case1 .form_box > div .check_box label span {font-size:1.125em;}

    .sInquiry_case1 .form_box > div .phone_box span {width:15px; font-size:1.125em;}
    .sInquiry_case1 .form_box > div .phone_box .form_txt {width:calc(33.33% - 10px)}

    .sInquiry_case1 .form_box > div .email_box span {width:25px; font-size:1.125em;}
    .sInquiry_case1 .form_box > div .email_box .select_box {width:calc(33.33% - 30px); margin-left:5px;}

    .sInquiry_case1 .privacy_box {height:120px; padding:15px; margin-top:2%;}
    .sInquiry_case1 .privacy_box p {font-size:1em;}

    .sInquiry_case1 .check_box2 {margin-top:2%;}
    .sInquiry_case1 .check_box2 label:before {width:26px; height:26px;}
    .sInquiry_case1 .check_box2 label span {font-size:1em;}
}

@media screen and (max-width:767px){
    .sInquiry_case1 .form_box > div {width:100%}
    .sInquiry_case1 .form_box > div:nth-child(1) ~ div {margin-top:5%;}
    .sInquiry_case1 .form_box > div > label {font-size:1em;}
    .sInquiry_case1 .form_box > div .form_txt {height:38px; border-radius:5px; font-size:1em; padding:0 10px;}
    .sInquiry_case1 .form_box > div .form_textarea {height:150px; border-radius:5px; font-size:1em; padding:10px;}
    .sInquiry_case1 .form_box > div .select_box:after {right:10px;}
    .sInquiry_case1 .form_box > div .select_box select {height:38px; border-radius:5px; font-size:1em; padding:0 10spx;}
    .sInquiry_case1 .form_box > div .checkbox_wrap .check_box {margin-right:20px;}
    .sInquiry_case1 .form_box > div .check_box label:before {width:22px; height:22px; border-radius:5px;}
    .sInquiry_case1 .form_box > div .check_box label span {font-size:1em; padding-left:5px;}

    .sInquiry_case1 .form_box > div .phone_box span {width:10px; font-size:1em;}
    .sInquiry_case1 .form_box > div .phone_box .form_txt {width:calc(33.33% - 6.66px)}

    .sInquiry_case1 .form_box > div .email_box span {width:20px; font-size:1em;}
    .sInquiry_case1 .form_box > div .email_box .form_txt {width:calc(50% - 10px)}
    .sInquiry_case1 .form_box > div .email_box .select_box {width:100%; margin:5px 0 0;}

    .sInquiry_case1 .privacy_box {height:100px; border-radius:5px; padding:10px;}

    .sInquiry_case1 .check_box2 label:before {width:20px; height:20px;}
    .sInquiry_case1 .check_box2 label span {padding-left:5px;}
}