@charset "utf-8";
.grublab_btn1 {display:inline-block; position:relative;}
.grublab_btn1 .txt_btn {display:flex; align-items:center; white-space:normal; transition:all 0.2s;}
.grublab_btn1 .txt_btn .btn_txt {display:inline-block; font-size:1.125em; color:#0e762d; line-height:1em; font-family:'Poppins'; margin-right:20px;}
.grublab_btn1 .arrow {width:38px;transition:all 0.2s;}
.grublab_btn1 .arrow i {display:block;height:1px;position:relative;background-color:#0e762d;transition:all 0.2s;}
.grublab_btn1 .arrow i:before,.grublab_btn1 .arrow i:after {content:"";position:absolute;top:0;right:0;display:block;height:1px;background-color:#0e762d;transition:all 0.2s;}
.grublab_btn1 .arrow i:before {transform-origin:top right;}
.grublab_btn1 .arrow i:after {transform-origin:bottom right;}
.grublab_btn1 .arrow.left {position:absolute;top:50%;left:0;}
.grublab_btn1 .arrow.left i {width:0;}
.grublab_btn1 .arrow.left i:before,.grublab_btn1 .arrow.left i:after {width:0;}
.grublab_btn1 .arrow.left i:before {transform:rotate(0);}
.grublab_btn1 .arrow.left i:after {transform:rotate(0);}
.grublab_btn1 .arrow.right {position:relative;top:1px;}
.grublab_btn1 .arrow.right i {width:38px;transition-delay:0.2s;}
.grublab_btn1 .arrow.right i:before,.grublab_btn1 .arrow.right i:after {width:8px;transition:all 0.5s;transition-delay:0.3s;}
.grublab_btn1 .arrow.right i:before {transform:rotate(40deg);}
.grublab_btn1 .arrow.right i:after {transform:rotate(-40deg);}
.grublab_btn1:hover .txt_btn {transform:translateX(56px);}
.grublab_btn1:hover .arrow.left i {width:38px;transition-delay:0.1s;}
.grublab_btn1:hover .arrow.left i:before,.grublab_btn1:hover .arrow.left i:after {width:8px;transition-delay:0.1s;}
.grublab_btn1:hover .arrow.left i:before {transform:rotate(40deg);}
.grublab_btn1:hover .arrow.left i:after {transform:rotate(-40deg);}
.grublab_btn1:hover .arrow.right i {width:0;transform:translateX(200%);}
.grublab_btn1:hover .arrow.right i:before,.grublab_btn1:hover .arrow.right i:after {width:0;transition:all 0.1s;}
.grublab_btn1:hover .arrow.right i:before {transform:rotate(0);}
.grublab_btn1:hover .arrow.right i:after {transform:rotate(0);}

.grublab_btn2 {display:flex; justify-content:center; align-items:center; width:140px; height:45px; font-size:1em; position:relative;}
.grublab_btn2:before {content:''; display:block; width:100%; height:100%; background:#0e762d; border-radius:23px; position:absolute; left:0; top:0; z-index:0; transition:transform 0.5s;}
.grublab_btn2 span {display:inline-block; font-size:0.875em; color:#fff; font-weight:500; font-family:'Poppins'; position:relative; z-index:5;}
.grublab_btn2:hover:before {transform:scale(1.1)}
.grublab_btn2:hover span {opacity:0; animation:grublabBtn2 0.3s linear 0.2s forwards;}
.grublab_btn2.case2:before {background:#33a254;}
.grublab_btn2.case3:before {background:#1d71d8;}

@keyframes grublabBtn2 {
    0% {opacity:0; transform:translateY(10px)}
    100% {opacity:1; transform:translateY(0)}
}

@media screen and (max-width:1024px){
    .grublab_btn1 .txt_btn .btn_txt {font-size:1em;}

    .grublab_btn2 {width:120px; height:40px;}
}

@media screen and (max-width:767px){
    .grublab_btn2 {width:110px; height:35px;}
}

/* header */
#grublab_header {width:100%; height:105px; position:fixed; left:0; top:0; z-index:300; padding:0 50px; transition:all 0.5s; transition-property:background, height;}

#grublab_logo {float:left; width:148px; height:25px; background:url(/images/logo_w.svg) no-repeat center center; background-size:148px 25px; position:relative; z-index:10; margin-top:40px; transition:margin-top 0.5s}
#grublab_logo a {display:block; width:100%; height:100%;}

#grublab_gnb {width:100%; position:absolute; left:0; top:0;}
#grublab_gnb > ul {display:flex; justify-content:center; width:100%;}
#grublab_gnb > ul > li {position:relative;}
#grublab_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:105px; font-weight:500; font-family:'Poppins'; padding:0 40px; transition:all 0.5s; transition-property:color, line-height;}
#grublab_gnb > ul > li > a > span {position:relative; z-index:5;}
#grublab_gnb > ul > li > a > span:after {content:''; display:block; width:0; height:40%; background:#0e762d; opacity:0.2; position:absolute; left:-10%; bottom:0; transition:width 0.5s;}
#grublab_gnb > ul > li:hover > a > span:after {width:120%;}
#grublab_gnb > ul > li > ul {background:#fff; border:1px solid #eee; border-top:2px solid #0e762d; padding:20px 25px; position:absolute; left:50%; top:70%; transform:translateX(-50%); opacity:0; visibility:hidden; transition:all 0.3s; transition-property:opacity, visibility;}
#grublab_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
#grublab_gnb > ul > li > ul > li > a {display:block; font-size:1em; padding:10px 50px 10px 0; white-space:nowrap; position:relative;}
#grublab_gnb > ul > li > ul > li > a:after {content:'\f105'; font-size:0.75em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:10px; top:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s; transition-property:right, opacity;}
#grublab_gnb > ul > li > ul > li > a:hover:after {opacity:1; right:0;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#fff; position:fixed; left:0; top:0; z-index:310; overflow-y:auto; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
#all_gnb .inner {padding:50px 0;}
#all_gnb .tit {font-size:2.875em; line-height:1.4em; font-weight:600; font-family:'Poppins'; text-align:center;}
#all_gnb .menu {width:100%; margin-top:70px; overflow:hidden;}
#all_gnb .menu > li {float:left; width:25%; text-align:center;}
#all_gnb .menu > li > a {display:block; font-size:1.5em; font-weight:800; padding-bottom:15px; border-bottom:1px solid #dcdcdc; position:relative;}
#all_gnb .menu > li > a:after {content:''; width:54px; height:3px; background:#191919; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#all_gnb .menu > li:hover > a:after {opacity:1; visibility:visible;}
#all_gnb .menu > li > ul {margin-top:15px;}
#all_gnb .menu > li > ul > li > a {display:block; font-size:1em; color:#666; padding:8px 0; transition:color 0.5s;}
#all_gnb .menu > li > ul > li > a:hover {color:#191919;}

#menuOpen {float:right; width:35px; height:9px; position:relative; z-index:10; margin-top:47px; transition:margin-top 0.5s;}
#menuOpen:before, #menuOpen:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:background 0.5s;}
#menuOpen:before {top:0;}
#menuOpen:after {bottom:0;}

#menuClose {display:block; width:50px; height:50px; background:#0e762d; border-radius:50%; font-size:1em; margin:0 auto 30px;}
#menuClose:before {content:'\f00d'; font-size:1.625em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}

#grublab_header.scroll_on {background:#fff; box-shadow:0 0 20px rgba(25,25,25,0.15)}
#grublab_header.scroll_on #grublab_logo {background-image:url(../images/logo.svg)}
#grublab_header.scroll_on #menuOpen:before, #grublab_header.scroll_on #menuOpen:after {background:#191919;}

#grublab_header.active #all_gnb {opacity:1; visibility:visible;}

@media screen and (min-width:1025px){
    #grublab_header.scroll_on {height:80px;}
    #grublab_header.scroll_on #grublab_logo {margin-top:27px;}
    #grublab_header.scroll_on #grublab_gnb > ul > li > a {color:#191919; line-height:80px;}
    #grublab_header.scroll_on #menuOpen {margin-top:35px;}

	#all_gnb .menu > li > ul {display:block !important;}
}

@media screen and (max-width:1220px){
    #grublab_header {padding:0 6%;}
    
    #grublab_gnb > ul > li > a {padding:0 30px;}
}

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

    #grublab_logo {width:130px; height:22px; background-size:130px 22px; margin-top:16px;}

    #grublab_gnb {display:none;}

	#all_gnb {display:block; opacity:1; visibility:visible; top:-100vh; transition-property:top;}
    #all_gnb .tit {font-size:2.2em; display:none;}
    #all_gnb .menu {margin-top:15px;}
	#all_gnb .menu > li {float:none; width:100%; opacity:0; transform:translateY(-20px); transition:all 0.8s; transition-property:opacity, transform;}
    #all_gnb .menu > li > a {font-size:1.6em; padding:15px 0; border-color:#fff;}
    #all_gnb .menu > li > a:after {display:none; width:45px; opacity:1; visibility:visible;}
	#all_gnb .menu > li > a.active {border-color:#dcdcdc;}
	#all_gnb .menu > li > a.active:after {display:block;}
    #all_gnb .menu > li > ul {display:none; padding:15px 0; margin-top:0;}
	#all_gnb .menu > li > ul > li > a {font-size:1.125em;}

    #menuOpen {width:25px; height:7px; margin-top:24px;}

    #menuClose {width:40px; height:40px; margin-bottom:20px;}
    #menuClose:before {font-size:1.4em;}

	#grublab_header.active #all_gnb {top:0;}
	#grublab_header.active #all_gnb .menu > li {opacity:1; transform:translateY(0);}
	#grublab_header.active #all_gnb .menu > li:nth-child(1) {transition-delay:0.3s;}
	#grublab_header.active #all_gnb .menu > li:nth-child(2) {transition-delay:0.6s;}
	#grublab_header.active #all_gnb .menu > li:nth-child(3) {transition-delay:0.9s;}
	#grublab_header.active #all_gnb .menu > li:nth-child(4) {transition-delay:1.2s;}
}

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

    #menuClose {width:35px; height:35px; margin-bottom:15px;}
}


/* footer */
#grublab_footer {width:100%; background:#232323; padding:70px 0 135px;}
#grublab_footer > div:after {content:''; display:block; width:100%; clear:both;}
#grublab_footer .txt_box {float:left; width:calc(100% - 500px);}
#grublab_footer .txt_box .tit {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700;}
#grublab_footer .txt_box .txt {font-size:1.25em; color:#fff; line-height:1.3em; margin-top:10px;}
#grublab_footer .txt_box .btn_box {display:flex; margin-top:30px;}
#grublab_footer .txt_box .btn_box > a {margin-right:10px;}
#grublab_footer .txt_box .btn_box > a:last-child {margin-right:0;}
#grublab_footer .txt_box .btn_box > a:before {background:#0e762d;}
#grublab_footer .info_box {float:left; width:500px;}
#grublab_footer .info_box .f_info {font-size:0.875em; color:#fff; line-height:1.78em;}
#grublab_footer .info_box .f_info span {margin:0 5px;}
#grublab_footer .info_box .f_info a {color:#fff;}
#grublab_footer .info_box .copy {font-size:0.875em; color:#fff; line-height:1.4em; font-weight:700; margin-top:20px;}
#grublab_footer .f_member {display:inline-block; font-size:0.75em; color:#a4a4a4; font-weight:500; line-height:28px; border:1px solid #a4a4a4; padding:0 10px; margin-top:10px;}

@media screen and (max-width:1024px){
    #grublab_footer {padding:6% 0 7%;}
    #grublab_footer .txt_box {float:none; width:100%;}
    #grublab_footer .txt_box .tit {font-size:1.5em;}
    #grublab_footer .txt_box .txt {font-size:1.125em; margin-top:5px;}
    #grublab_footer .txt_box .btn_box {margin-top:15px;}
    #grublab_footer .txt_box .btn_box > a {margin-right:5px;}
    #grublab_footer .info_box {float:none; width:100%; margin-top:5%;}
    #grublab_footer .info_box .copy {margin-top:10px;}
}

@media screen and (max-width:767px){
    #grublab_footer .txt_box .tit {font-size:1.3em;}
    #grublab_footer .txt_box .txt {font-size:1em;}
	#grublab_footer .f_member {line-height:20px;}
}


#Quick {position:fixed; right:50px; bottom:50px; z-index:250;}
#Quick a {display:block; height:60px; border-radius:30px; position:relative; margin-bottom:5px;}
#Quick a p {display:flex; align-items:center; width:60px; height:100%; background:#fff; border:2px solid #0e762d; border-radius:30px; position:absolute; right:0; top:0; transition:width 0.5s; transition-delay:0.2s; box-shadow:5px 5px 10px rgba(25,25,25,0.2);}
#Quick a p span {display:inline-block; font-size:1em; color:#0e762d; font-weight:600; text-indent:20px; white-space:nowrap; opacity:0; visibility:hidden; transition:all 0.2s; transition-property:opacity, visibility; transition-delay:0s;}
#Quick a.active p {width:220px; transition-delay:0s;}
#Quick a.active p span {opacity:1; visibility:visible; transition-delay:0.5s;}
#Quick a i {display:flex; justify-content:center; align-items:center; width:60px; height:100%; background:#0e762d; border-radius:50%; font-size:1em; color:#fff; position:relative; z-index:5;}
#Quick .go_top {display:block; width:60px; height:60px; background:#3a3a3a; border-radius:50%; box-shadow:5px 5px 10px rgba(25,25,25,0.2); font-size:0.75em; color:#fff; font-weight:600; font-family:'Poppins'; text-transform:uppercase; opacity:0; visibility:hidden; margin-bottom:-65px; transition:all 0.5s; transition-property:opacity, visibility, margin-bottom;}

#Quick.on .go_top {opacity:1; visibility:visible; margin-bottom:0;}

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

@media screen and (max-width:1024px){
    #Quick {bottom:30px;}
    #Quick a {height:50px;}
    #Quick a p {width:50px;}
    #Quick a p span {text-indent:15px;}
    #Quick a.active p {width:185px;}
    #Quick a i {width:50px;}
    #Quick .go_top {width:50px; height:50px; margin-bottom:-55px;}
}

@media screen and (max-width:767px){
    #Quick a {height:38px;}
    #Quick a p {width:38px; border-width:1px;}
    #Quick a.active p {width:160px;}
    #Quick a i {width:38px; font-size:0.875em;}
    #Quick .go_top {width:38px; height:38px; margin-bottom:-43px;}
}


#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative; overflow:hidden;}
#mVisu:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:1;}
#mVisu video {min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mVisu iframe {width:135%; height:135%; min-width:1920px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#mVisu .txt_box {margin-top:-80px; position:relative; z-index:10;}
#mVisu .txt_box p {overflow:hidden;}
#mVisu .txt_box span {display:block;}
#mVisu .txt_box .tit {font-size:6.25em; color:#fff; line-height:1em; font-weight:600; font-family:'Poppins'}
#mVisu .txt_box .txt {font-size:1.875em; color:#fff; line-height:1.4em ;font-weight:500; margin-top:20px}
#mVisu .scroll_box {position:absolute; left:50%; bottom:85px; z-index:10; margin-left:-600px; animation:scrollBox 1.5s ease-in-out infinite; cursor:pointer;}
#mVisu .scroll_box .icon {display:flex; justify-content:center; align-items:center; width:40px; height:40px; background:#191919; border-radius:50%; margin:-8px auto 0; position:relative;}
#mVisu .scroll_box .icon:before {content:''; display:block; width:14px; height:20px; border:2px solid #fff; border-radius:7px;}
#mVisu .scroll_box .icon:after {content:''; display:block; width:2px; height:3px; background:#fff; position:absolute; left:50%; top:19px; transform:translate(-50%, -3px); animation:mouseScroll 1.5s infinite;}

@keyframes scrollBox {
    0% {transform:translateY(-5px)}
    50% {transform:translateY(5px)}
    100% {transform:translateY(-5px)}
}

@keyframes mouseScroll {
    0% { opacity:1; transform:translate(-50%, -3px) }
    100% {opacity:0; transform:translate(-50%, 3px)}
}

@media screen and (max-width:1220px){
    #mVisu .scroll_box {left:6vw; margin-left:0;}
}

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

@media screen and (max-width:767px){
    #mVisu .txt_box {margin-top:0;}
    #mVisu .txt_box .tit {font-size:3em;}
    #mVisu .txt_box .txt {font-size:1.3em;}
    #mVisu .scroll_box {bottom:30px;}
    #mVisu .scroll_box p img {width:50px;}
    #mVisu .scroll_box .icon {width:30px; height:30px; margin-top:-6px;}
    #mVisu .scroll_box .icon:before {width:12px; height:17px;}
    #mVisu .scroll_box .icon:after {top:14px;}
	#mVisu iframe {min-width:1920px;}
}

@media screen and (min-height:1080px){
	#mVisu iframe {width:120%; height:120%; min-width:2500px;}
}


.main_title {text-align:center;}
.main_title h2 {font-size:4.375em; line-height:1.2em; font-weight:600; font-family:'Poppins';}
.main_title p {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}

.main_title2 h2 {display:flex; align-items:center; font-size:1.5em; color:#0e762d; line-height:1.3em; font-weight:500; font-family:'Poppins'}
.main_title2 h2:after {content:''; display:block; width:30px; height:2px; background:#0e762d; margin-left:20px;}
.main_title2 .tit {font-size:4.375em; line-height:1.21em; font-weight:600; font-family:'Poppins'; margin-top:15px;}
.main_title2 .txt {font-size:1.25em; color:#666; line-height:1.75em; margin:100px 0 50px;}

@media screen and (max-width:1024px){
    .main_title h2 {font-size:3.5em;}
    .main_title p {font-size:1.125em; margin-top:5px;}
    
    .main_title2 h2 {font-size:1.3em;}
    .main_title2 h2:after {margin-left:10px;}
    .main_title2 .tit {font-size:3.5em;}
    .main_title2 .txt {font-size:1.125em; margin:50px 0 30px;}
}

@media screen and (max-width:767px){
    .main_title h2 {font-size:2.7em;}
    .main_title p {font-size:1em;}
    
    .main_title2 h2 {font-size:1.2em;}
    .main_title2 h2:after {width:20px;}
    .main_title2 .tit {font-size:2.7em;}
    .main_title2 .txt {font-size:1em; margin:30px 0 15px;}
}


#mTechnology {padding:150px 0; text-align:center;}
#mTechnology h2 {font-size:5.31em; color:#33a254; line-height:1.2em; font-weight:600; font-family:'Poppins'; margin-bottom:15px;}
#mTechnology .img_box {display:flex; justify-content:center; align-items:center;}
#mTechnology .img_box .img {width:380px; height:110px; margin-right:30px;}
#mTechnology .img_box .img div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:55px; box-shadow:5px 5px 30px rgba(25,25,25,0.15)}
#mTechnology .img_box p img {height:65px;}
#mTechnology .txt {font-size:1.5em; color:#666; line-height:1.45em; margin:50px 0 100px;}

@media screen and (max-width:1024px){
    #mTechnology {padding:15% 0;}
    #mTechnology h2 {font-size:4.5em; margin-bottom:2%;}
    #mTechnology .img_box .img {width:300px; height:80px; margin-right:20px;}
    #mTechnology .img_box p img {height:50px;}
    #mTechnology .txt {font-size:1.3em; margin:5% 0 10%;}
}

@media screen and (max-width:767px){
    #mTechnology h2 {font-size:3.2em;}
    #mTechnology .img_box {display:block;}
    #mTechnology .img_box .img {width:90%; height:70px; margin:0 auto 5%;}
    #mTechnology .img_box p img {height:28px;}
    #mTechnology .txt {font-size:1.125em;}
}


#mBusiness {width:100%; height:calc(100vh + 2500px); background:#f5fbf8; position:relative}
#mBusiness > div {display:flex; justify-content:center; align-items:center; width:100%; height:100vh;}
#mBusiness .inner > div {width:2500px; transition:transform 0.2s ease-in-out;}
#mBusiness .inner > div:after {content:''; display:block; width:100%; clear:both;}
#mBusiness .txt_box {float:left; width:750px;}
#mBusiness ul {float:left; width:calc(100% - 750px);}
#mBusiness ul li {float:left; width:450px; margin-right:200px;}
#mBusiness ul li:last-child {margin-right:0;}
#mBusiness ul li .img_box {width:100%; height:550px; overflow:hidden;}
#mBusiness ul li .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
#mBusiness ul li dl {margin-top:30px;}
#mBusiness ul li dl dt {font-size:1.25em; line-height:1.4em; font-weight:600; font-family:'Poppins';}
#mBusiness ul li dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-top:15px;}

#mBusiness ul li:hover .img_box div {transform:scale(1.1)}

#mBusiness.animate > div {position:fixed; left:0; bottom:0;}

#mBusiness.end > div {position:absolute;}

@media screen and (max-width:1024px){
    #mBusiness {height:calc(100vh + 1650px)}
    #mBusiness .inner > div {width:1650px; transition:none;}
    #mBusiness .txt_box {width:500px;}
    #mBusiness ul {width:calc(100% - 500px)}
    #mBusiness ul li {width:350px; margin-right:50px;}
    #mBusiness ul li .img_box {height:450px;}
    #mBusiness ul li dl {margin-top:15px;}
    #mBusiness ul li dl dt {font-size:1.125em;}
    #mBusiness ul li dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #mBusiness {height:calc(100vh + 1140px)}
    #mBusiness .inner > div {width:1140px}
    #mBusiness .txt_box {width:350px; padding-right:30px;}
    #mBusiness ul {width:calc(100% - 350px);}
    #mBusiness ul li {width:250px; margin-right:20px;}
    #mBusiness ul li .img_box {height:306px;}
}


#mPartners {padding:150px 0;}
.mPartners_slide {margin-top:100px;}
.mPartners_slide .swiper-wrapper {transition-timing-function:linear;}
.mPartners_slide .swiper-slide {width:264px;}
.mPartners_slide .swiper-slide img {width:100%;}

@media screen and (max-width:1024px){
    #mPartners {padding:15% 0;}
    .mPartners_slide {margin-top:10%;}
    .mPartners_slide .swiper-slide {width:220px;}
}

@media screen and (max-width:767px){
    .mPartners_slide .swiper-slide {width:150px;}
}


#mVision {width:100%; padding:140px 0; background:url(/images/mVisonBG.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative;}
#mVision .main_title2 h2 {color:#38c461;}
#mVision .main_title2 h2:after {background:#38c461;}
#mVision:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
#mVision > div {position:relative; z-index:10;}

@media screen and (max-width:1024px){
    #mVision {padding:13% 0; background-attachment:unset;}
}


#mNews {padding:150px 0;}
#mNews ul {width:100%; overflow:hidden; margin:70px 0 50px;}
#mNews ul li {float:left; width:calc(33.33% - 20px); margin-right:30px;}
#mNews ul li:last-child {margin-right:0;}
#mNews ul li a {display:block;}
#mNews ul li .img_box {width:100%; height:250px; border:1px solid #dcdcdc; overflow:hidden;}
#mNews ul li .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
#mNews ul li .subject {font-size:1.125em; line-height:1.6em; font-weight:700; margin:30px 0 20px; max-height:3.2em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mNews ul li .date {font-size:1em; color:#a4a4a4;}

#mNews ul li:hover .img_box div {transform:scale(1.1);}

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

@media screen and (max-width:1024px){
    #mNews {padding:15% 0;}
    #mNews ul {margin:7% 0 5%;}
    #mNews ul li {width:calc(33.33% - 10px); margin-right:15px;}
    #mNews ul li .subject {font-size:1em; margin:15px 0 10px;}
    #mNews ul li .date {font-size:0.875em;}
}

@media screen and (max-width:767px){
    #mNews ul li {float:none; width:100%; margin:0 0 5%;}
    #mNews ul li:last-child {margin-bottom:0;}
    #mNews ul li .img_box {height:45vw;}
    #mNews ul li .subject {margin:10px 0 5px;}
}


/* sub */
#sVisu {width:100%; height:700px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; padding-top:300px;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
#sVisu > div {position:relative; z-index:5;}
#sVisu h2 {font-size:5em; color:#fff; line-height:1.2em; font-weight:600; font-family:'Poppins';}
#sVisu h3 {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:600;}

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

@media screen and (max-width:1024px){
    #sVisu {height:420px; padding-top:170px;}
    #sVisu h2 {font-size:4em}
    #sVisu h3 {font-size:1.5em;}
}

@media screen and (max-width:767px){
    #sVisu {height:260px; padding-top:110px;}
    #sVisu h2 {font-size:2.5em}
    #sVisu h3 {font-size:1.25em;}
}


.sub_menu_wrap {width:100%; height:100px; margin-top:-100px; position:relative; z-index:10;}
.sub_menu_wrap > div {height:100%; background:#fff;}
.sub_menu_wrap > div button {display:none;}
.sub_menu_wrap > div ul {width:calc(100% - 200px); margin:0 auto; overflow:hidden;}
.sub_menu_wrap > div ul:after {content:''; display:block; width:100%; height:1px; background:#dcdcdc; clear:both;}
.sub_menu_wrap > div ul li {float:left; margin-right:50px;}
.sub_menu_wrap > div ul li:last-child {margin-right:0;}
.sub_menu_wrap > div ul li a {display:block; font-size:1.125em; line-height:99px; position:relative; transition:color 0.4s;}
.sub_menu_wrap > div ul li a:hover {color: #0e762d;}
.sub_menu_wrap > div ul li.active a {color:#0e762d; font-weight:700;}
.sub_menu_wrap > div ul li.active a:after {content:''; display:block; width:100%; height:3px; background:#0e762d; position:absolute; left:0; bottom:-1px;}

.sub_depth3_menu {margin-bottom:100px;}
.sub_depth3_menu ul {display:flex; justify-content:center; flex-wrap:wrap;}
.sub_depth3_menu ul li {margin:2.5px 2.5px;}
.sub_depth3_menu ul li a {display:block; width:140px; line-height:43px; border:1px solid #a4a4a4; border-radius:23px; font-size:0.875em; color:#a4a4a4; text-align:center; transition:all 0.5s; transition-property:background, border, color;}
.sub_depth3_menu ul li a:hover {background:#0e762d; border-color:#0e762d; color:#fff; font-weight:700;}

@media screen and (max-width:1220px){
    .sub_menu_wrap > div ul {width:calc(100% - 100px)}
}

@media screen and (max-width:1024px){
    .sub_menu_wrap {height:50px; margin-top:-50px;}
    .sub_menu_wrap > div button {display:block; width:calc(100% - 40px); height:50px; border-bottom:1px solid #dcdcdc; margin:0 auto; font-size:1em; font-weight:500; font-family:'Pretendard'; text-align:left; padding:0 10px; position:relative;}
    .sub_menu_wrap > div button:before, .sub_menu_wrap > div button:after {content:''; display:block; background:#191919; position:absolute; transition:transform 0.5s;}
    .sub_menu_wrap > div button:before {width:11px; height:1px; right:5px; top:50%; transform:translateY(-50%)}
    .sub_menu_wrap > div button:after {width:1px; height:11px; right:10px; top:50%; transform:translateY(-50%);}
    .sub_menu_wrap > div ul {width:100%; background:#fff; position:absolute; left:0; top:100%; z-index:30; padding:0 20px; box-shadow:0 5px 10px rgba(25,25,25,0.1); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
    .sub_menu_wrap > div ul:after {display:none;}
    .sub_menu_wrap > div ul li {float:none; margin-right:0;}
    .sub_menu_wrap > div ul li a {font-size:1em; line-height:1.5em; padding:10px 5px; border-bottom:1px dotted #dcdcdc;}
    .sub_menu_wrap > div ul li:last-child a {border-bottom:0;}
    .sub_menu_wrap > div ul li.active a:after {display:none;}

    .sub_menu_wrap.active > div button:before {transform:translateY(-50%) rotate(180deg)}
    .sub_menu_wrap.active > div button:after {transform:translateY(-50%) rotate(90deg)}
    .sub_menu_wrap.active > div ul {opacity:1; visibility:visible;}

    .sub_depth3_menu {margin-bottom:7%;}
    .sub_depth3_menu ul li {width:calc(20% - 5px)}
    .sub_depth3_menu ul li a {width:100%; line-height:38px;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {height:40px; margin-top:-40px;}
    .sub_menu_wrap > div button {width:calc(100% - 30px); height:40px; padding:0 5px;}
    .sub_menu_wrap > div ul {padding:0 15px;}

    .sub_depth3_menu ul li {width:calc(33.33% - 5px)}
    .sub_depth3_menu ul li a {line-height:33px;}
}


#sub_content {margin:100px 0 150px;}
#sub_content h3:not(#bo_v_title) {font-size:1.875em; line-height:1.33em; font-weight:700; margin-bottom:50px;}

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

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

hr.line {display:block; width:100%; height:1px; background:#dcdcdc; border:0; margin:70px 0;}

@media screen and (max-width:1024px){
    #sub_content {margin:10% 0 13%;}
    #sub_content h3:not(#bo_v_title) {font-size:1.5em; margin-bottom:5%;}

    .s_tit1 {font-size:1.3em;}

    .s_txt1 {font-size:1em;}

    hr.line {margin:7% 0;}
}

@media screen and (max-width:767px){
    #sub_content h3:not(#bo_v_title) {font-size:1.4em;}
}


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


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

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

@media screen and (max-width:767px){
    .sub_list_box1 > li {padding-left:12px;}
    .sub_list_box1 > li:before {width:4px; height:4px; top:8px;}
}


.sub_table_box1 {width:100%; border-top:2px solid #191919;}
.sub_table_box1 tbody th {width:250px; background:#f8f9fc; border-bottom:1px solid #dcdcdc; font-size:1.25em; font-weight:600; padding:20px 0;}
.sub_table_box1 tbody td {border-bottom:1px solid #dcdcdc; font-size:1.125em; color:#666; line-height:1.6em; padding:20px 20px 20px 50px;}

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

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


.sub_map_box1 .map {width:100%; height:500px; background:#f8f9fc;}
.sub_map_box1 .map .root_daum_roughmap .wrap_map {height:100% !important;}
.sub_map_box1 .add {display:flex; align-items:center; margin-top:20px;}
.sub_map_box1 .add dt {font-size:1.25em; font-weight:600; margin-right:20px;}
.sub_map_box1 .add dd {font-size:1.125em; color:#666;}

@media screen and (max-width:1024px){
    .sub_map_box1 .map {height:45vw;}
    .sub_map_box1 .add {margin-top:2%;}
    .sub_map_box1 .add dt {font-size:1.125em; margin-right:10px;}
    .sub_map_box1 .add dd {font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_map_box1 .add {display:block; margin-top:3%;}
    .sub_map_box1 .add dt {margin-right:0;}
    .sub_map_box1 .add dd {margin-top:1%;}
}



.img_popup_slide {position:relative; padding-bottom:85px;}
.img_popup_slide img {width:100%; cursor:pointer;}
.img_popup_slide .swiper-button-prev, .img_popup_slide .swiper-button-next {width:55px; height:55px; background:#a4a4a4; border-radius:50%; top:auto; bottom:0; margin-top:0; transition:background 0.5s;}
.img_popup_slide .swiper-button-prev:hover, .img_popup_slide .swiper-button-next:hover {background:#191919;}
.img_popup_slide .swiper-button-prev {left:0;}
.img_popup_slide .swiper-button-next {right:auto; left:60px;}
.img_popup_slide .swiper-button-prev:after, .img_popup_slide .swiper-button-next:after {font-size:1.25em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.img_popup_slide .swiper-button-prev:after {content:'\f053'}
.img_popup_slide .swiper-button-next:after {content:'\f054'}
.img_popup_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 165px); height:1px; background:#cecece; left:auto; right:0; top:auto; bottom:27px;}
.img_popup_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height:3px; background:#191919; margin-top:-1px;}

@media screen and (max-width:1024px){
    .img_popup_slide {padding-bottom:65px;}
    .img_popup_slide .swiper-button-prev, .img_popup_slide .swiper-button-next {width:45px; height:45px;}
    .img_popup_slide .swiper-button-next {left:50px;}
    .img_popup_slide .swiper-button-prev:after, .img_popup_slide .swiper-button-next:after {font-size:1.125em;}
    .img_popup_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 120px); bottom:22px;}
}

@media screen and (max-width:767px){
    .img_popup_slide {padding-bottom:50px;}
    .img_popup_slide .swiper-button-prev, .img_popup_slide .swiper-button-next {width:35px; height:35px;}
    .img_popup_slide .swiper-button-next {left:40px;}
    .img_popup_slide .swiper-button-prev:after, .img_popup_slide .swiper-button-next:after {font-size:1em;}
    .img_popup_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 90px); bottom:17px;}
}


.img_popup_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:400; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.img_popup_wrap.on {opacity:1; visibility:visible;}
.img_popup_wrap .dim {width:100%; height:100%; background:rgba(25,25,25,0.7); position:absolute; left:0; top:0; z-index:0;}
.img_popup_wrap .close_btn {display:block; font-size:1em; position:absolute; right:50px; top:50px; z-index:5;}
.img_popup_wrap .close_btn:before {content:'\f00d'; font-size:4.375em; color:#fff; font-weight:100; font-family:'Font Awesome 6 Pro'}
.img_popup_wrap .popup_inner {width:1000px; position:relative; z-index:10;}
.img_popup_wrap .popup_inner .img_box img {max-width:100%; max-height:95vh; box-shadow:5px 5px 30px rgba(25,25,25,0.1);}

@media screen and (max-width:1024px){
    .img_popup_wrap .close_btn {right:6%; top:25px;}
    .img_popup_wrap .close_btn:before {font-size:3em;}
    .img_popup_wrap .popup_inner {width:88%}
}

@media screen and (max-width:767px){
    .img_popup_wrap .close_btn {top:15px;}
    .img_popup_wrap .close_btn:before {font-size:2em;}
}


.skill_slide {position:relative; padding-bottom:85px;}
.skill_slide .swiper-slide {display:flex; align-items:center; height:230px; background:#fff; border:1px solid #dcdcdc; padding:0 70px;}
.skill_slide .number {font-size:1.25em; color:#0e762d; line-height:1.3em; font-weight:600; font-family:'Poppins'; margin-bottom:10px;}
.skill_slide .txt {font-size:1.25em; line-height:1.5em; font-weight:600;}
.skill_slide dl {margin-top:15px; overflow:hidden;}
.skill_slide dl dt {float:left; width:40px; font-size:1em; color:#666; line-height:1.8em; font-weight:700;}
.skill_slide dl dd {float:left; width:calc(100% - 40px); font-size:1em; color:#666; line-height:1.8em;}
.skill_slide .swiper-button-prev, .skill_slide .swiper-button-next {width:55px; height:55px; background:#33a254; border-radius:50%; top:auto; bottom:0; margin-top:0; transition:background 0.5s;}
.skill_slide .swiper-button-prev:hover, .skill_slide .swiper-button-next:hover {background:#0e762d;}
.skill_slide .swiper-button-prev {left:0;}
.skill_slide .swiper-button-next {right:auto; left:60px;}
.skill_slide .swiper-button-prev:after, .skill_slide .swiper-button-next:after {font-size:1.25em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.skill_slide .swiper-button-prev:after {content:'\f053'}
.skill_slide .swiper-button-next:after {content:'\f054'}
.skill_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 165px); height:1px; background:#cecece; left:auto; right:0; top:auto; bottom:27px;}
.skill_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height:3px; background:#0e762d; margin-top:-1px;}

@media screen and (max-width:1024px){
    .skill_slide {padding-bottom:65px;}
    .skill_slide .swiper-slide {height:180px; padding:0 25px;}
    .skill_slide .number {font-size:1.125em; margin-bottom:5px;}
    .skill_slide .txt {font-size:1.125em;}
    .skill_slide dl {margin-top:10px;}
    .skill_slide dl dt {width:35px; font-size:1em;}
    .skill_slide dl dd {width:calc(100% - 35px); font-size:1em;}
    .skill_slide .swiper-button-prev, .skill_slide .swiper-button-next {width:45px; height:45px;}
    .skill_slide .swiper-button-next {left:50px;}
    .skill_slide .swiper-button-prev:after, .skill_slide .swiper-button-next:after {font-size:1.125em;}
    .skill_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 120px); bottom:22px;}
}

@media screen and (max-width:767px){
    .skill_slide {padding-bottom:50px;}
    .skill_slide .swiper-slide {height:140px; padding:0 15px;}
    .skill_slide dl {margin-top:5px;}
    .skill_slide .swiper-button-prev, .skill_slide .swiper-button-next {width:35px; height:35px;}
    .skill_slide .swiper-button-next {left:40px;}
    .skill_slide .swiper-button-prev:after, .skill_slide .swiper-button-next:after {font-size:1em;}
    .skill_slide.swiper-container-horizontal>.swiper-pagination-progressbar {width:calc(100% - 90px); bottom:17px;}
}


.sCompany_case1 {width:100%; background:url(/images/sCompany_img2.jpg) no-repeat center center; background-size:cover; padding:100px 0 110px; position:relative;}
.sCompany_case1:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.5); position:absolute; left:0; top:0;}
.sCompany_case1 > div {position:relative; z-index:10;}
.sCompany_case1 > div:after {content:''; display:block; width:100%; clear:both;}
.sCompany_case1 h3 {float:left; width:calc(100% - 600px)}
.sCompany_case1 ul {float:left; width:600px;}
.sCompany_case1 ul li {display:flex; align-items:center; width:100%; height:80px; background:#fff; box-shadow:5px 5px 20px rgba(25,25,25,0.1); margin-bottom:10px;}
.sCompany_case1 ul li:last-child {margin-bottom:0;}
.sCompany_case1 ul li i {display:flex; justify-content:center; align-items:center; width:80px; height:100%; background:#1d71d8; font-size:1.875em; color:#fff; text-align:center;}
.sCompany_case1 ul li p {width:calc(100% - 80px); font-size:1.125em; color:#666; line-height:1.6em; padding:0 30px;}

.sCompany_case2 {display:flex; justify-content:center; align-items:center; width:100%;}
.sCompany_case2 .tit_box {width:370px; height:370px; background:#38c461; border-radius:50%; padding:35px; position:relative; z-index:5;}
.sCompany_case2 .tit_box dl {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; background:#0e762d; border-radius:50%; text-align:center;}
.sCompany_case2 .tit_box dl dt {font-size:1.875em; color:#fff; line-height:1.4em; font-weight:600;}
.sCompany_case2 .tit_box dl dd {font-size:1.25em; color:#fff; line-height:1.4em; font-weight:600; margin-top:5px;}
.sCompany_case2 ul {width:320px; margin-left:115px;}
.sCompany_case2 ul li {display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:#fff; border:3px solid #33a254; border-radius:35px; font-size:1.25em; color:#33a254; line-height:1.5em; font-weight:600; margin-bottom:15px; position:relative;}
.sCompany_case2 ul li:last-child {margin-bottom:0;}
.sCompany_case2 ul li:before {content:''; display:block; width:18px; height:18px; background:#33a254; border:5px solid #fff; border-radius:50%; position:absolute; right:100%; top:50%; transform:translate(50%, -50%); z-index:5;}
.sCompany_case2 ul li:after {content:''; display:block; width:26px; height:26px; background:#fff; border:5px solid #38c461; border-radius:50%; position:absolute; right:100%; top:50%; transform:translate(50%, -50%); margin-right:118px; z-index:5;}
.sCompany_case2 ul li:nth-child(odd):after {margin-right:138px;}
.sCompany_case2 ul li p:before {content:''; display:block; width:100%; height:1px; background:#38c461; position:absolute; right:100%; top:50%;} 

.sCompany_case3 {width:100%; background:#f5fbf8; padding:70px 0 150px;}
.sCompany_case3 .cont p {width:250px; line-height:70px; font-size:1.25em; color:#fff; font-weight:700; text-align:center; margin:0 auto; position:relative;}
.sCompany_case3 .cont p.txt1 {background:#0e762d; margin-bottom:50px;}
.sCompany_case3 .cont p.txt1:before {content:''; display:block; width:1px; height:50px; background:#cecece; position:absolute; left:50%; top:100%;}
.sCompany_case3 .cont p.txt2 {background:#33a254;}
.sCompany_case3 .cont p.txt3 {background:#38c461; margin-bottom:80px;}
.sCompany_case3 .cont p.txt3:before {content:''; display:block; width:1px; height:80px; background:#cecece; position:absolute; left:50%; top:100%;}
.sCompany_case3 .cont dl dt {width:100%; line-height:60px; background:#1d71d8; font-size:1.125em; color:#fff; font-weight:600; text-align:center; margin-bottom:15px;}
.sCompany_case3 .cont dl dd {width:100%; line-height:58px; background:#fff; border:1px solid #a4a4a4; font-size:1.125em; color:#666; text-align:center; margin-bottom:5px;}
.sCompany_case3 .cont dl dd:last-of-type {margin-bottom:0;}
.sCompany_case3 .cont .box1 {display:flex; justify-content:center; padding-bottom:50px; position:relative;}
.sCompany_case3 .cont .box1:before {content:''; display:block; width:140px; height:1px; background:#cecece; position:absolute; left:50%; top:35px; transform:translateX(-50%);}
.sCompany_case3 .cont .box1:after {content:''; display:block; width:1px; height:100%; background:#cecece; position:absolute; left:50%; top:0;}
.sCompany_case3 .cont .box1 p.txt2 {margin:0 140px 0 0;}
.sCompany_case3 .cont .box1 p.txt2:last-child {margin-right:0;}
.sCompany_case3 .cont .box2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; position:relative;}
.sCompany_case3 .cont .box2:before {content:''; display:block; width:calc(75% + 15px); height:1px; background:#cecece; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.sCompany_case3 .cont .box2 dl {width:calc(25% - 15px); padding-top:40px; position:relative;}
.sCompany_case3 .cont .box2 dl:before {content:''; display:block; width:1px; height:40px; background:#cecece; position:absolute; left:50%; top:0;}

@media screen and (max-width:1024px){
    .sCompany_case1 {padding:10% 0;}
    .sCompany_case1 h3 {width:300px;}
    .sCompany_case1 ul {width:calc(100% - 300px)}
    .sCompany_case1 ul li {height:60px; margin-bottom:5px;}
    .sCompany_case1 ul li i {width:60px; font-size:1.5em;}
    .sCompany_case1 ul li p {width:calc(100% - 60px); font-size:1em; padding:0 15px;}

    .sCompany_case2 .tit_box {width:260px; height:260px; padding:15px;}
    .sCompany_case2 .tit_box dl dt {font-size:1.5em;}
    .sCompany_case2 .tit_box dl dd {font-size:1.125em; margin-top:3px;}
    .sCompany_case2 ul {width:270px; margin-left:60px;}
    .sCompany_case2 ul li {height:55px; font-size:1.125em; margin-bottom:10px;}
    .sCompany_case2 ul li:before {width:16px; height:16px; border-width:4px;}
    .sCompany_case2 ul li:after {width:22px; height:22px; border-width:4px; margin-right:63px;}
    .sCompany_case2 ul li:nth-child(odd):after {margin-right:83px;}

    .sCompany_case3 {padding:10% 0 15%;}
    .sCompany_case3 .cont p {width:190px; line-height:55px; font-size:1.125em;}
    .sCompany_case3 .cont p.txt1 {margin-bottom:25px;}
    .sCompany_case3 .cont p.txt1:before {height:25px;}
    .sCompany_case3 .cont p.txt3 {margin-bottom:25px;}
    .sCompany_case3 .cont p.txt3:before {height:25px;}
    .sCompany_case3 .cont dl dt {line-height:45px; font-size:1em; margin-bottom:5px;}
    .sCompany_case3 .cont dl dd {line-height:43px; font-size:1em; margin-bottom:3px;}
    .sCompany_case3 .cont .box1 {padding-bottom:25px;}
    .sCompany_case3 .cont .box1:before {width:60px; top:27px;}
    .sCompany_case3 .cont .box1 p.txt2 {margin-right:60px;}
    .sCompany_case3 .cont .box2 dl {width:calc(25% - 7.5px); padding-top:20px;}
    .sCompany_case3 .cont .box2 dl:before {height:20px;}
}

@media screen and (max-width:767px){
    .sCompany_case1 h3 {float:none; width:100%;}
    .sCompany_case1 ul {float:none; width:100%; margin-top:3%;}
    .sCompany_case1 ul li {height:40px;}
    .sCompany_case1 ul li i {width:40px; font-size:1.3em;}
    .sCompany_case1 ul li p {width:calc(100% - 40px); padding:0 10px;}

    .sCompany_case2 {flex-wrap:wrap;}
    .sCompany_case2 .tit_box {width:220px; height:220px;}
    .sCompany_case2 ul {width:100%; margin-left:0; padding-top:30px;}
    .sCompany_case2 ul li {height:45px; border-width:2px; font-size:1em; margin-bottom:5px;}
    .sCompany_case2 ul li:before {width:12px; height:12px; border-width:3px; right:50%; top:0;}
    .sCompany_case2 ul li:after {width:16px; height:16px; border-width:3px; right:50%; top:-40px; margin-right:0 !important; transform:translate(50%, 0)}
    .sCompany_case2 ul li:nth-child(1) ~ li:before, .sCompany_case2 ul li:nth-child(1) ~ li:after {display:none;}
    .sCompany_case2 ul li p:before {width:1px; height:8px; right:50%; top:auto; bottom:100%;}
    .sCompany_case2 ul li:first-child p:before {height:32px;}
    
    .sCompany_case3 .cont p {width:140px; line-height:45px; font-size:1em;}
    .sCompany_case3 .cont dl dt {line-height:40px;}
    .sCompany_case3 .cont dl dd {line-height:38px;}
    .sCompany_case3 .cont .box1:before {width:40px; top:20px;}
    .sCompany_case3 .cont .box1 p.txt2 {margin-right:40px;}
    .sCompany_case3 .cont .box2:before {width:calc(50% + 5px)}
    .sCompany_case3 .cont .box2 dl {width:calc(50% - 5px); padding-top:10px;}
    .sCompany_case3 .cont .box2 dl:before {height:10px;}
    .sCompany_case3 .cont .box2 dl:nth-child(2) ~ dl:before {display:none;}
    
}


.sEsg_case1 {overflow:hidden; position:relative}
.sEsg_case1 .tit {font-size:3.75em; color:#33a254; line-height:1.4em; font-weight:600; font-family:'Poppins'; position:absolute; right:0; top:160px; z-index:10;}
.sEsg_case1 > div {overflow:hidden; position:relative;}
.sEsg_case1 .txt_box {position:absolute; top:50%; transform:translateY(-50%)}
.sEsg_case1 .txt_box .tit {display:none;}
.sEsg_case1 .txt_box dl dt {font-size:1.875em; line-height:1.4em; font-weight:600; margin-bottom:15px;}
.sEsg_case1 > div:nth-of-type(1) .txt_box {left:600px;}
.sEsg_case1 > div:nth-of-type(2) {margin:-100px 0 50px;}
.sEsg_case1 > div:nth-of-type(2) .img_box {float:right;}
.sEsg_case1 > div:nth-of-type(2) .txt_box {top:250px; transform:translateY(0)}
.sEsg_case1 > div:nth-of-type(3) .txt_box {right:0;}

@media screen and (max-width:1220px){
    .sEsg_case1 .tit {top:10%;}
    .sEsg_case1 img {width:100%;}
    .sEsg_case1 > div:nth-of-type(1) .img_box {width:50%;}
    .sEsg_case1 > div:nth-of-type(1) .txt_box {left:50%; margin-left:100px;}
    .sEsg_case1 > div:nth-of-type(2) .img_box {width:calc(50% - 100px);}
    .sEsg_case1 > div:nth-of-type(2) .txt_box {top:auto; bottom:60px;}
    .sEsg_case1 > div:nth-of-type(3) .img_box {width:calc(50% + 50px);}
}

@media screen and (max-width:1024px){
    .sEsg_case1 .tit {font-size:3em;}
    .sEsg_case1 .txt_box dl dt {font-size:1.5em; margin-bottom:10px;}
    .sEsg_case1 > div:nth-of-type(1) .txt_box {margin-left:50px;}
    .sEsg_case1 > div:nth-of-type(2) .img_box {width:calc(50% - 50px);}
}

@media screen and (max-width:767px){
    .sEsg_case1 .tit {font-size:2.4em; position:relative; top:0; margin-bottom:3%; display:none;}
    .sEsg_case1 .txt_box {position:relative; top:0; transform:translate(0); margin-top:15px;}
	.sEsg_case1 .txt_box .tit {display:block;}
    .sEsg_case1 .txt_box dl dt {font-size:1.3em; margin-bottom:5px;}
    .sEsg_case1 > div:nth-of-type(1) .img_box {width:100%;}
    .sEsg_case1 > div:nth-of-type(1) .txt_box {left:0; margin-left:0;}
    .sEsg_case1 > div:nth-of-type(2) {margin:8% 0;}
    .sEsg_case1 > div:nth-of-type(2) .img_box {float:none; width:100%;}
    .sEsg_case1 > div:nth-of-type(2) .txt_box {bottom:0;}
    .sEsg_case1 > div:nth-of-type(3) .img_box {width:100%;}
}


.sCertification_case1 ul:after {content:''; display:block; width:100%; clear:both;}
.sCertification_case1 ul li {float:left; width:calc(33.33% - 13.33px); margin-right:20px; box-shadow:5px 5px 20px rgba(25,25,25,0.1);}
.sCertification_case1 ul li img {width:100%;}

.sCertification_case2 {background:#f5fbf8; padding:100px 0 150px;}

@media screen and (min-width:768px){
    .sCertification_case1 ul li:nth-child(3n) {margin-right:0;}
}

@media screen and (max-width:1024px){
    .sCertification_case1 ul li {width:calc(33.33% - 6.66px); margin-right:10px;}

    .sCertification_case2 {padding:12% 0 15%;}
}

@media screen and (max-width:767px){
    .sCertification_case1 ul li {width:calc(50% - 5px);}
    .sCertification_case1 ul li:nth-child(even) {margin-right:0;}
    .sCertification_case1 ul li:nth-child(2) ~ li {margin-top:10px;}
}


.sLocation_case1 {overflow:hidden;}
.sLocation_case1 dl {float:left; margin-right:50px; overflow:hidden;}
.sLocation_case1 dl:last-child {margin-right:0;}
.sLocation_case1 dl dt {float:left; width:100px; font-size:1.25em; line-height:1.3em; font-weight:600; clear:both;}
.sLocation_case1 dl dd {float:left; width:calc(100% - 100px); font-size:1.125em; color:#666; line-height:1.5em; margin-bottom:10px;}
.sLocation_case1 dl dd a {color:#0e762d; font-weight:700;}
.sLocation_case1 dl dd:last-of-type {margin-bottom:0;}

@media screen and (max-width:1024px){
    .sLocation_case1 dl {float:none; margin-right:0; margin-bottom:5px;}
    .sLocation_case1 dl:last-child {margin-bottom:0;}
    .sLocation_case1 dl dt {width:70px; font-size:1.125em;}
    .sLocation_case1 dl dd {width:calc(100% - 70px); font-size:1em; margin-bottom:5px;}
}

@media screen and (max-width:767px){
    .sLocation_case1 dl dt {width:60px; font-size:1em; line-height:1.5em;}
    .sLocation_case1 dl dd {width:calc(100% - 60px);}
}

.sIntroduce_case1 {width:100%; overflow:hidden;}
.sIntroduce_case1 > div {float:left; display:flex; align-items:center; width:calc(50% - 30px);}
.sIntroduce_case1 > div:nth-child(even) {float:right;}
.sIntroduce_case1 > div:nth-child(odd) {clear:both;}
.sIntroduce_case1 > div:nth-child(2) ~ div {margin-top:30px;}
.sIntroduce_case1 > div .img_box {width:180px; height:180px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%;}
.sIntroduce_case1 > div dl {width:calc(100% - 180px); padding-left:50px;}
.sIntroduce_case1 > div dl dt {font-size:1.25em; line-height:1.4em; font-weight:600;}
.sIntroduce_case1 > div dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-top:5px;}

.sIntroduce_case2 {margin-top:70px; padding-top:70px; border-top:1px solid #dcdcdc;}
.sIntroduce_case2 .box > div {display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-top:30px;}
.sIntroduce_case2 .box > div .img_box {width:450px; position:relative;}
.sIntroduce_case2 .box > div .img_box img {width:100%;}
.sIntroduce_case2 .box > div .img_box p {font-size:1em; color:#666; position:absolute; right:20px; bottom:20px;}
.sIntroduce_case2 .box > div .s_txt1 {width:calc(100% - 450px); padding-left:70px;}
.sIntroduce_case2 .box > div:nth-child(even) {flex-direction:row-reverse;}
.sIntroduce_case2 .box > div:nth-child(even) .s_txt1 {padding-left:0; padding-right:70px;}

.sIntroduce_case3 {margin-top:120px;}
.sIntroduce_case3 .top_box {display:flex; justify-content:center; align-items:center; width:100%; height:350px; background:url(/images/sIntroduce_img3.jpg) no-repeat center center; background-size:cover; position:relative; margin-bottom:100px;}
.sIntroduce_case3 .top_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.5); position:absolute; left:0; top:0;}
.sIntroduce_case3 .top_box > div {position:relative; z-index:5; overflow:hidden;}
.sIntroduce_case3 .top_box h3 {float:left; width:calc(100% - 450px)}
.sIntroduce_case3 .top_box .txt {float:left; width:450px; font-size:1.25em; color:#fff; line-height:1.5em; font-weight:600;}
.sIntroduce_case3 ul li {width:100%; border-top:1px solid #cecece; padding:30px 0 50px; position:relative;}
.sIntroduce_case3 ul li:last-child {padding-bottom:0;}
.sIntroduce_case3 ul li:before {content:''; display:block; width:300px; height:3px; background:#1d71d8; position:absolute; left:0; top:-2px;}
.sIntroduce_case3 ul li dl {display:flex; flex-wrap:wrap; width:100%;}
.sIntroduce_case3 ul li dl dt {width:300px; font-size:1.25em; color:#1d71d8; font-weight:600;}
.sIntroduce_case3 ul li dl dt span {font-size:1.2em; position:relative; top:1px; margin-right:10px;}
.sIntroduce_case3 ul li dl dd {width:calc(100% - 300px); font-size:1.125em; color:#666; line-height:1.6em; padding-left:50px;}

@media screen and (max-width:1024px){
    .sIntroduce_case1 > div {width:calc(50% - 7.5px)}
    .sIntroduce_case1 > div:nth-child(2) ~ div {margin-top:20px;}
    .sIntroduce_case1 > div .img_box {width:140px; height:140px;}
    .sIntroduce_case1 > div dl {width:calc(100% - 140px); padding-left:15px;}
    .sIntroduce_case1 > div dl dt {font-size:1.125em;}
    .sIntroduce_case1 > div dl dd {font-size:1em;}

    .sIntroduce_case2 {padding-top:7%; margin-top:7%;}
    .sIntroduce_case2 .box > div {margin-top:3%;}
    .sIntroduce_case2 .box > div .img_box {width:45%}
    .sIntroduce_case2 .box > div .img_box p {right:10px; bottom:10px;}
    .sIntroduce_case2 .box > div .s_txt1 {width:55%; padding-left:25px;}
    .sIntroduce_case2 .box > div:nth-child(even) .s_txt1 {padding-right:25px;}

    .sIntroduce_case3 {margin-top:12%;}
    .sIntroduce_case3 .top_box {height:280px; margin-bottom:10%;}
    .sIntroduce_case3 .top_box h3 {width:40%;}
    .sIntroduce_case3 .top_box .txt {width:60%; font-size:1.125em;}
    .sIntroduce_case3 ul li {padding:5% 0;}
    .sIntroduce_case3 ul li:before {width:180px;}
    .sIntroduce_case3 ul li dl dt {width:180px; font-size:1.125em;}
    .sIntroduce_case3 ul li dl dt span {margin-right:5px;}
    .sIntroduce_case3 ul li dl dd {width:calc(100% - 180px); font-size:1em; padding-left:25px;}
}

@media screen and (max-width:767px){
    .sIntroduce_case1 > div {display:block; width:50%; text-align:center;}
    .sIntroduce_case1 > div:nth-child(2) ~ div {margin-top:7%;}
    .sIntroduce_case1 > div .img_box {width:120px; height:120px; margin:0 auto 10px;}
    .sIntroduce_case1 > div dl {width:100%; padding-left:0;}
    .sIntroduce_case1 > div dl dd {margin-top:3px;}

    .sIntroduce_case2 .box > div {display:block;}
    .sIntroduce_case2 .box > div .img_box {width:100%;}
    .sIntroduce_case2 .box > div .s_txt1 {width:100%; padding:0 !important; margin-top:3%;}

    .sIntroduce_case3 .top_box {height:auto; padding:15% 0;}
    .sIntroduce_case3 .top_box h3 {float:none; width:100%; margin-bottom:2% !important;}
    .sIntroduce_case3 .top_box .txt {float:none; width:100%;}
    .sIntroduce_case3 ul li:before {display:none;}
    .sIntroduce_case3 ul li dl dt {width:100%;}
    .sIntroduce_case3 ul li dl dd {width:100%; padding-left:0; margin-top:2%;}
}


.sSmartfarm_case1 .img_box {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sSmartfarm_case1 .img_box img {display:block; width:100%; margin-bottom:20px;}
.sSmartfarm_case1 .img_box img:nth-child(1) ~ img {width:calc(50% - 10px)}
.sSmartfarm_case1 p {font-size:1.25em; line-height:1.4em; font-weight:600; text-align:center;}

.sSmartfarm_case2 {background:#f5fbf8; padding:70px 0 150px;}
.sSmartfarm_case2 .cont {overflow-x:auto;}
.sSmartfarm_case2 .cont > div {display:flex; justify-content:space-between; width:100%; min-width:550px; position:relative;}
.sSmartfarm_case2 .cont .box1 {width:calc(50% - 10px); overflow:hidden;}
.sSmartfarm_case2 .cont .box1 .img_box {width:100%; height:320px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; margin-bottom:80px;}
.sSmartfarm_case2 .cont .box1 .img_box p {width:100%; line-height:60px; background:#666; border-radius:30px; font-size:1.25em; color:#fff; font-weight:600; text-align:center; position:absolute; left:0; bottom:0; transform:translateY(50%);}
.sSmartfarm_case2 .cont .box1 ul {width:380px;}
.sSmartfarm_case2 .cont .box1 ul li {display:flex; justify-content:center; align-items:center; height:70px; background:#fff; border:1px solid #666; border-radius:35px; font-size:1.125em; color:#666; line-height:1.4em; text-align:center; margin-bottom:15px; position:relative}
.sSmartfarm_case2 .cont .box1 ul li:last-child {margin-bottom:0;}
.sSmartfarm_case2 .cont .box1 ul li:before {content:''; display:block; width:18px; height:18px; background:#666; border:5px solid #fff; border-radius:50%; position:absolute; left:100%; top:50%; transform:translate(-50%, -50%); z-index:5;}
.sSmartfarm_case2 .cont .box1 ul li:after {content:''; display:block; width:30px; height:1px; background:#666; position:absolute; left:100%; top:50%;}
.sSmartfarm_case2 .cont .box1.case2 .img_box p {background:#0e762d;}
.sSmartfarm_case2 .cont .box1.case2 ul {float:right;}
.sSmartfarm_case2 .cont .box1.case2 ul li {border:3px solid #33a254; font-size:1.25em; color:#33a254; font-weight:600;}
.sSmartfarm_case2 .cont .box1.case2 ul li:before {background:#33a254; left:auto; right:100%; transform:translate(50%, -50%);}
.sSmartfarm_case2 .cont .box1.case2 ul li:after {background:#33a254; left:auto; right:100%;}
.sSmartfarm_case2 .cont .box2 {width:170px; position:absolute; left:50%; bottom:0; transform:translateX(-50%)}
.sSmartfarm_case2 .cont .box2 ul li {display:flex; justify-content:center; align-items:center; height:70px; font-size:1.25em; line-height:1.6em; font-weight:600; text-align:center; margin-bottom:15px; position:relative}
.sSmartfarm_case2 .cont .box2 ul li:last-child {margin-bottom:0;}

.sSmartfarm_btn1 {display:flex; justify-content:end;}
.sSmartfarm_btn1 a {margin-right:5px; width:180px; height:60px;}
.sSmartfarm_btn1 a:before {border-radius:30px;}
.sSmartfarm_btn1 a:last-child {margin-right:0;}

@media screen and (max-width:1220px){
    .sSmartfarm_case2 .cont .box1 .img_box {height:28vw;}
    .sSmartfarm_case2 .cont .box1 ul {width:calc(100% - 110px)}
    .sSmartfarm_case2 .cont .box2 {width:180px;}
}

@media screen and (max-width:1024px){
    .sSmartfarm_btn1 a {width:160px; height:50px;}

    .sSmartfarm_case1 .img_box img {margin-bottom:10px;}
    .sSmartfarm_case1 .img_box img:nth-child(1) ~ img {width:calc(50% - 5px)}
    .sSmartfarm_case1 p {font-size:1.125em; margin-top:10px;}

    .sSmartfarm_case2 {padding:10% 0 15%;}
    .sSmartfarm_case2 .cont .box1 {width:calc(50% - 5px);}
    .sSmartfarm_case2 .cont .box1 .img_box {margin-bottom:50px;}
    .sSmartfarm_case2 .cont .box1 .img_box p {line-height:50px; font-size:1.125em;}
    .sSmartfarm_case2 .cont .box1 ul li {height:55px; font-size:1em; margin-bottom:10px;}
    .sSmartfarm_case2 .cont .box1 ul li:before {width:16px; height:16px; border-width:4px;}
    .sSmartfarm_case2 .cont .box1.case2 ul li {border-width:2px; font-size:1.125em;}
    .sSmartfarm_case2 .cont .box2 ul li {height:55px; font-size:1.125em; margin-bottom:10px;}
}

@media screen and (max-width:767px){
    .sSmartfarm_btn1 a {width:130px; height:40px;}
    
    .sSmartfarm_case1 .img_box img {margin-bottom:5px;}
    .sSmartfarm_case1 .img_box img:nth-child(1) ~ img {width:calc(50% - 2.5px)}
    
    .sSmartfarm_case2 .cont .box1 {width:calc(50% - 2.5px)}
    .sSmartfarm_case2 .cont .box1 .img_box {min-height:200px; margin-bottom:40px;}
    .sSmartfarm_case2 .cont .box1 .img_box p {line-height:40px; font-size:1em;}
    .sSmartfarm_case2 .cont .box1 ul {width:calc(100% - 70px)}
    .sSmartfarm_case2 .cont .box1 ul li {height:40px; margin-bottom:5px;}
    .sSmartfarm_case2 .cont .box1 ul li:before {width:12px; height:12px; border-width:3px;}
    .sSmartfarm_case2 .cont .box1 ul li:after {width:15px;}
    .sSmartfarm_case2 .cont .box1.case2 ul li {font-size:1em;}
    .sSmartfarm_case2 .cont .box2 {width:115px;}
    .sSmartfarm_case2 .cont .box2 ul li {height:40px; font-size:1em; margin-bottom:5px;}
}


.sMaterial_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sMaterial_case1 dl {display:flex; justify-content:center; flex-direction:column; width:calc(33.33% - 13.33px); height:200px; border:1px solid #dcdcdc; padding:0 30px 0 50px;}
.sMaterial_case1 dl:nth-child(3) ~ dl {margin-top:20px;}
.sMaterial_case1 dl dt {font-size:1.25em; font-weight:600;}
.sMaterial_case1 dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-top:10px;}

.sMaterial_case2 > div {display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:30px;}
.sMaterial_case2 > div:last-child {margin-bottom:0;}
.sMaterial_case2 > div .img_box {width:450px; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sMaterial_case2 > div dl {width:calc(100% - 450px); padding-left:70px;}
.sMaterial_case2 > div dl dd {margin-top:15px;}

@media screen and (max-width:1024px){
    .sMaterial_case1 dl {padding:0 25px; width:calc(33.33% - 6.66px); height:160px;}
    .sMaterial_case1 dl:nth-child(3) ~ dl {margin-top:10px;}
    .sMaterial_case1 dl dt {font-size:1.125em;}
    .sMaterial_case1 dl dd {font-size:1em; margin-top:5px;}

    .sMaterial_case2 > div {margin-bottom:4%;}
    .sMaterial_case2 > div .img_box {width:45%; height:22vw;}
    .sMaterial_case2 > div dl {width:55%; padding-left:25px;}
    .sMaterial_case2 > div dl dd {margin-top:10px;}
}

@media screen and (max-width:767px){
    .sMaterial_case1 dl {width:100%; height:100px;}
    .sMaterial_case1 dl:nth-child(1) ~ dl {margin-top:5px;}

    .sMaterial_case2 > div .img_box {width:100%; height:47vw;}
    .sMaterial_case2 > div dl {width:100%; padding-left:0; margin-top:10px;}
    .sMaterial_case2 > div dl dd {margin-top:5px;}
}


.sProduct_case1 > div {display:flex; align-items:center; width:100%; margin-bottom:70px;}
.sProduct_case1 > div:last-child {margin-bottom:0;}
.sProduct_case1 > div .img_box {width:550px; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sProduct_case1 > div dl {width:calc(100% - 550px); padding-left:70px;}
.sProduct_case1 > div dl dt {font-size:1.875em; font-weight:600; margin-bottom:15px;}
.sProduct_case1 > div:nth-child(even) {flex-direction:row-reverse;}
.sProduct_case1 > div:nth-child(even) dl {padding-left:0; padding-right:70px;}

@media screen and (max-width:1024px){
    .sProduct_case1 > div {margin-bottom:7%;}
    .sProduct_case1 > div .img_box {width:55%; height:30vw;}
    .sProduct_case1 > div dl {width:45%; padding-left:25px;}
    .sProduct_case1 > div dl dt {font-size:1.5em; margin-bottom:10px;}
    .sProduct_case1 > div:nth-child(even) dl {padding-right:25px;}
}

@media screen and (max-width:767px){
    .sProduct_case1 > div {display:block;}
    .sProduct_case1 > div .img_box {width:100%; height:50vw;}
    .sProduct_case1 > div dl {width:100%; padding-left:0; margin-top:15px;}
    .sProduct_case1 > div dl dt {font-size:1.3em; margin-bottom:4px;}
    .sProduct_case1 > div:nth-child(even) dl {padding-right:0;}
}


.sContact_case1:after {content:''; display:block; width:100%; clear:both;}
.sContact_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sContact_case1 .form_box li {width:calc(50% - 16px); overflow:hidden; margin-bottom:50px;}
.sContact_case1 .form_box li.w_100 {width:100%;}
.sContact_case1 .form_box li:last-child {margin-bottom:0;}
.sContact_case1 .form_box li label {float:left; display:block; width:82px; font-size:1.125em; line-height:35px; font-weight:600;}
.sContact_case1 .form_box li > div {float:left; width:calc(100% - 82px)}
.sContact_case1 .form_box li .form_txt {display:block; width:100%; height:35px; border:0; border-bottom:1px solid #dcdcdc; font-size:1.125em; font-family:'Pretendard'; padding:0 10px;}
.sContact_case1 .form_box li .form_textarea {display:block; width:100%; height:300px; border:1px solid #dcdcdc; font-size:1.125em; font-family:'Pretendard'; padding:5px 10px; resize:none;}
.sContact_case1 .form_box li .form_txt::placeholder, .sContact_case1 .form_box li .form_textarea::placeholder {color:#a4a4a4;}
.sContact_case1 .form_box li .form_txt::-webkit-input-placeholder, .sContact_case1 .form_box li .form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
.sContact_case1 .form_box li .form_txt:-ms-input-placeholder, .sContact_case1 .form_box li .form_textarea:-ms-input-placeholder {color:#a4a4a4;}
.sContact_case1 .form_box li .form_txt:focus {outline:none; border:0 !important; box-shadow:none !important; border-bottom:2px solid #0e762d !important}
.sContact_case1 .form_box li .form_textarea:focus {outline:none; box-shadow:none !important; border:2px solid #0e762d !important;}
.sContact_case1 .check_box {margin:20px 0 0 82px;}
.sContact_case1 .grublab_btn2 {float:right; width:180px; height:60px;}
.sContact_case1 .grublab_btn2:before {border-radius:30px;}

@media screen and (max-width:1024px){
    .sContact_case1 .form_box li {width:calc(50% - 12px); margin-bottom:25px;}
    .sContact_case1 .form_box li label {width:65px; font-size:1em;}
    .sContact_case1 .form_box li > div {width:calc(100% - 65px)}
    .sContact_case1 .form_box li .form_txt {font-size:1em;}
    .sContact_case1 .form_box li .form_textarea {height:200px; font-size:1em;}
    .sContact_case1 .check_box {margin:10px 0 0 65px;}
    .sContact_case1 .grublab_btn2 {width:160px; height:50px;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box li {width:100%; margin-bottom:10px;}
    .sContact_case1 .form_box li label {width:55px;}
    .sContact_case1 .form_box li > div {width:calc(100% - 55px)}
    .sContact_case1 .form_box li .form_txt {padding:0 5px;}
    .sContact_case1 .form_box li .form_textarea {height:100px; padding:5px;}
    .sContact_case1 .check_box {margin-left:55px; margin-bottom:5px;}
    .sContact_case1 .grublab_btn2 {width:130px; height:40px;}
}

.check_box {display:inline-block; position:relative;}
.check_box input {display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0; z-index:5;}
.check_box label {display:inline-block; min-height:30px; padding-left:30px; line-height:30px; position:relative;}
.check_box label:before {content:'\f00c'; display:block; width:30px; height:30px; background:#dde1ec; border-radius:50%; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0; text-align:center;}
.check_box label p {font-size:1em; padding-left:15px;}
.check_box label p a {text-decoration:underline; position:relative; z-index:6;}
.check_box input:checked + label:before {background:#0e762d;}

@media screen and (max-width:1024px){
    .check_box label {min-height:24px; padding-left:24px; line-height:24px;}
    .check_box label:before {width:24px; height:24px; font-size:0.75em;}
    .check_box label p {padding-left:10px;}
}


.sPrivacy_case1 .t1 {font-size:1.25em; line-height:1.5em; font-weight:600; margin:50px 0 20px;}
.sPrivacy_case1 .list1 {padding:0 20px; margin-top:30px;}
.sPrivacy_case1 .list1 > li {margin-bottom:30px;}
.sPrivacy_case1 .list1 > li dl dt {font-size:1em; line-height:1.5em; font-weight:500;}
.sPrivacy_case1 .list1 > li dl dd {font-size:1em; color:#666; line-height:1.5em; margin-top:5px; margin-bottom:20px}
.sPrivacy_case1 .list1 > li dl dd:last-of-type {margin-bottom:0;}
.sPrivacy_case1 .list2 {padding:0 20px; margin-top:5px;}
.sPrivacy_case1 .list2 > li {font-size:1em; color:#666; line-height:1.5em; position:relative; padding-left:10px;}
.sPrivacy_case1 .list2 > li:before {content:'-'; position:absolute; left:0; top:0;}
.sPrivacy_case1 .list3 {padding:0 20px; margin:10px 0;}
.sPrivacy_case1 .list3 > li {font-size:1em; line-height:1.5em; font-weight:500;}

@media screen and (max-width:1024px){
    .sPrivacy_case1 .t1 {font-size:1.125em; margin:25px 0 5px;}
    .sPrivacy_case1 .list1 {padding:0 10px; margin-top:15px;}
    .sPrivacy_case1 .list1 > li {margin-bottom:15px;}
    .sPrivacy_case1 .list1 > li dl dd {margin-top:0; margin-bottom:10px;}
    .sPrivacy_case1 .list2 {padding:0 10px; margin-top:3px;}
    .sPrivacy_case1 .list3 {padding:0 10px; margin:5px 0;}
}