@charset "utf-8";



:root{--radius:clamp(120px, 24vw, 235px);}


.verity_btn1 {display:block; width:160px; height:38px; border-bottom:2px solid #ccc; font-size:1.125em; font-weight:600; position:relative;}
.verity_btn1:before {content:''; display:block; width:calc(100% - 40px); height:2px; background:#191919; position:absolute; left:0; bottom:-2px; transition:width 0.4s ease-in-out;}
.verity_btn1:after {content:'\2b'; font-size:0.77em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:10px; top:4px;}
.verity_btn1:hover:before {width:100%;}

@media screen and (max-width:1024px){
    .verity_btn1 {width:130px; height:33px; font-size:1em;}
    .verity_btn1:before {width:calc(100% - 30px)}
    .verity_btn1:after {font-size:0.875em; right:5px; top:2px;}
}

@media screen and (max-width:767px){
    .verity_btn1 {width:100px; height:25px;}
    .verity_btn1:before {width:calc(100% - 20px)}
    .verity_btn1:after {right:3px;}
}


/* header */
#verity_header {width:100%; height:100px; background:#fff; position:fixed; left:0; top:0; z-index:300;}
#verity_header .inner {display:flex; justify-content:space-between; align-items:center; height:100%;}
#verity_header .inner > div {display:flex; align-items:center;}

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

#verity_gnb > ul {display:flex;}
#verity_gnb > ul > li {position:relative; text-align:center;}
#verity_gnb > ul > li > a {display:block; font-size:1.125em; line-height:100px; font-weight:600; padding:0 25px; position:relative;}
#verity_gnb > ul > li > a:after {content:''; display:block; width:0; height:2px; background:#ee8a00; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.6s;}
#verity_gnb > ul > li > ul {width:100%; height:230px; position:absolute; left:0; top:100%; padding:30px 0; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#verity_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#666; line-height:1.3em; padding:10px; transition:color 0.5s;}
#verity_gnb > ul > li.on > a {color:#ee8a00}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:10; opacity:0; visibility:hidden; transition:all 0.2s;}
#all_gnb:before {content:''; display:block; width:100%; height:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); position:absolute; left:0; top:0; transition:height 0.5s; transition-delay:0.2s;}
#all_gnb > ul {display:flex; width:1200px;}
#all_gnb > ul > li {width:20%; padding:0 20px; position:relative; opacity:0; transform:translateY(30px); transition:all 0.5s; transition-property:opacity, transform; transition-delay:0.2s;}
#all_gnb > ul > li:before {content:''; display:block; width:12px; height:12px; background:#ee8a00; border-radius:50%; position:absolute; left:20px; bottom:102%; opacity:0; transform:translateY(-30px); transition:all 0.8s ease-in-out;}
#all_gnb > ul > li:hover:before {opacity:1; transform:translateY(0)}
#all_gnb > ul > li > a {font-size:1.875em; color:#fff; font-weight:600;}
#all_gnb > ul > li > ul {margin-top:50px;}
#all_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#fff; padding:8px 0; transition:opacity 0.3s;}

#menuToggle {display:flex; justify-content:space-between; flex-direction:column; width:24px; height:24px; position:relative; margin-left:45px; z-index:15;}
#menuToggle span {display:block; width:4px; height:4px; background:#191919; border-radius:50%;}
#menuToggle span:before {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; left:50%; transform:translateX(-50%)}
#menuToggle span:after {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; right:0;}
#menuToggle span:nth-child(odd), #menuToggle span:nth-child(odd):after, #menuToggle span:nth-child(even):before {background:#f6c75e !important;}


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

@media screen and (min-width:1025px){
    #verity_header:before {content:''; display:block; width:100%; height:100px; background:#fff; position:absolute; left:0; top:0; z-index:0; transition:height 0.7s}
    #verity_header:after {content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0; z-index:5; opacity:0; visibility:hidden; transition:all 0.4s;}
    
    #verity_gnb > ul > li:hover > a:after {width:100%;}
    #verity_gnb > ul > li > ul > li:hover > a {color:#ee8a00;}
    
    #all_gnb > ul > li > ul {display:block !important;}
    #all_gnb > ul > li:hover > ul > li > a {opacity:0.4;}
    #all_gnb > ul > li > ul > li > a:hover {opacity:1;}
    
    #verity_header.scroll_on:before {box-shadow:0 0 15px rgba(25,25,25,0.15)}
    
    #verity_header.hover:before {height:330px;}
    #verity_header.hover:after {opacity:1; visibility:visible;}
    #verity_header.hover #verity_gnb > ul > li > ul {opacity:1; visibility:visible; transition-delay:0.3s}

    #verity_header.on #verity_logo {background-image:url(../images/logo_w.svg)}
    #verity_header.on #menuToggle span, #verity_header.on #menuToggle span:before, #verity_header.on #menuToggle span:after {background:#fff;}
}

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

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

    #verity_logo {width:142px; height:33px;}

    #verity_gnb {display:none;}

    #menuToggle {width:22px; height:22px;}

    #all_gnb {display:block;}
    #all_gnb:before {background:#fff;}
    #all_gnb > ul {display:block; padding:80px 0; margin:0 auto;}
    #all_gnb > ul > li {width:100%; transform:translateY(0); padding:0; border-bottom:1px solid #eee;}
    #all_gnb > ul > li:first-child {border-top:1px solid #eee;}
    #all_gnb > ul > li:before {display:none;}
    #all_gnb > ul > li > a {display:block; font-size:1.125em; font-weight:500; padding:13px 10px; color:#191919; position:relative}
    #all_gnb > ul > li > a:after {content:'\2b'; font-size:0.75em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:13px; top:50%; transform:translateY(-50%);}
    #all_gnb > ul > li > a.on:after {content:'\f068'}
    #all_gnb > ul > li > ul {display:none; background:#fafbff; margin-top:0; padding:8px;}
    #all_gnb > ul > li > ul > li > a {color:#666; padding:7px 10px;}

    #verity_header.scroll_on {box-shadow:0 0 15px rgba(25,25,25,0.15)}
}


/* footer */
#verity_footer {width:100%; padding:70px 0;}
#verity_footer > div {position:relative;}
#verity_footer .f_logo {width:172px;}
#verity_footer .f_logo img {width:100%;}
#verity_footer .f_info {margin:30px 0 20px; padding-bottom:30px; border-bottom:1px solid #ccc;}
#verity_footer .f_info li {display:inline-block; font-size:1em; color:#666; margin:0 10px 10px 0;}
#verity_footer .f_info li a {color:#666;}
#verity_footer .f_info li strong {color:#191919; font-weight:500; margin-right:5px;}
#verity_footer .copy {font-size:1em; font-weight:600;}
#verity_footer .go_top {font-size:1em; font-weight:600; padding-right:22px; position:absolute; right:0; bottom:0;}
#verity_footer .go_top:after {content:''; display:block; width:7px; height:7px; background:#191919; border-radius:50%; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:opacity 0.4s ease-in-out;}
#verity_footer .go_top .arrow {display:block; position:absolute; right:0; top:50%; margin-top:-7px; opacity:0; transition:opacity 0.4s ease-in-out;}
#verity_footer .go_top .arrow span {display:block; width:7px; height:7px; border-right:1px solid #000; border-bottom:1px solid #000; margin:0 0 3px 4px; transform:rotate(224deg); animation:goTop 1s infinite;}
#verity_footer .go_top .arrow span:nth-child(1) {margin-top:1px; animation-delay:.3s; animation-direction:alternate; animation-delay:alternate;}
#verity_footer .go_top .arrow span:nth-child(2) {animation-delay:.2s; animation-direction:alternate; margin-top:-6px;}
#verity_footer .go_top .arrow span:nth-child(3) {animation-direction:alternate; margin-top:-6px;}
#verity_footer .f_member {position:absolute; left:192px; top:14px;}
#verity_footer .f_member a {display:inline-block; border:1px solid #ccc; font-size:0.75em; color:#666; text-transform:uppercase; padding:6px 12px;}

@keyframes goTop {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

@media screen and (min-width:1025px){
	#verity_footer .go_top:hover:after {opacity:0;}
	#verity_footer .go_top:hover .arrow {opacity:1;}
}

@media screen and (max-width:1024px){
    #verity_footer {padding:7% 0;}
    #verity_footer .f_logo {width:150px;}
    #verity_footer .f_info {margin:20px 0 15px; padding-bottom:20px;}
	#verity_footer .go_top:after {opacity:0;}
	#verity_footer .go_top .arrow {opacity:1;}
    #verity_footer .f_member {left:165px; top:10px;}
    #verity_footer .f_member a {padding:4px 10px;}	
}

@media screen and (max-width:767px){
    #verity_footer .f_logo {width:130px;}
    #verity_footer .f_info {padding-bottom:15px;}
    #verity_footer .f_info li {font-size:0.9375em; margin:0 7px 7px 0;}
    #verity_footer .f_info br {display:none;}
	#verity_footer .copy {font-size:0.9375em;}
    #verity_footer .go_top {padding-right:17px;}
    #verity_footer .f_member {left:140px; top:8px;}
    #verity_footer .f_member a {padding:4px 7px;}
}


.intro_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#fff; position:fixed; left:0; top:0; z-index:400; overflow:hidden; transition:all 1s ease-in-out; transition-property:opacity, visibility;}
.intro_wrap.hide {opacity:0; visibility:hidden;}
.intro_wrap .sticks {width:1920px; height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.intro_wrap .stick {width:212px; height:7px; position:absolute; left:50%; top:50%; transform-origin:center; transform:translate(-50%,-50%) rotate(var(--deg)) translateY(calc(-1 * var(--radius))) scale(1); opacity:0; filter:blur(1.2px)}
.intro_wrap .stick:before {content:''; display:block; width:4.5px; height:100%; background:#fff; position:absolute; right:38px; top:0;}
.intro_wrap .txt_box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:537px; height:479px; text-align:center;}
.intro_wrap .txt_box .t1 {font-size:1.375em; line-height:1.3em; font-weight:500; opacity:0; filter:blur(10px); transition:opacity 1s ease, filter 1s ease;}
.intro_wrap .txt_box .t1:first-child {transition-delay:1.1s;}
.intro_wrap .txt_box .t1:last-child {transition-delay:1.5s;}
.intro_wrap .txt_box .logo {margin:40px 0; opacity:0; filter:blur(10px); transition:opacity 1s ease, filter 1s ease; transition-delay:0.7s;}
.intro_wrap .txt_box .logo img {width:280px;}

.intro_wrap .stick:nth-child(1) {background:#4eb997;}
.intro_wrap .stick:nth-child(2) {background:#f6c75e;}
.intro_wrap .stick:nth-child(3) {background:#ee8a00;}
.intro_wrap .stick:nth-child(4) {background:#4eb997;}
.intro_wrap .stick:nth-child(5) {background:#f6c75e;}
.intro_wrap .stick:nth-child(6) {background:#ee8a00;}

.intro_wrap .stick {transform:translate(-50%,-50%) rotate(var(--deg)) translateY(calc(-1 * (var(--radius) * 1.8))) scale(.7)}

.assemble .stick{opacity:1;filter:blur(0);transform:translate(-50%,-50%) rotate(var(--deg)) translateY(calc(-1 * var(--radius))) scale(1);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s ease,filter .6s ease;}
.assemble .stick:nth-child(1){transition-delay:.0s}
.assemble .stick:nth-child(2){transition-delay:.06s}
.assemble .stick:nth-child(3){transition-delay:.12s}
.assemble .stick:nth-child(4){transition-delay:.18s}
.assemble .stick:nth-child(5){transition-delay:.24s}
.assemble .stick:nth-child(6){transition-delay:.30s}
.assemble .txt_box .logo {opacity:1; filter:blur(0)}
.assemble .txt_box .t1 {opacity:1; filter:blur(0)}

.assembled .stick{animation:float 5s ease-in-out infinite;animation-delay:var(--delay)}

@keyframes float{
    0% {transform:translate(-50%,-50%) rotate(var(--deg)) translateY(calc(-1 * var(--radius))) }
    50% {transform:translate(-50%,-50%) rotate(var(--deg)) translateY(calc(-1 * var(--radius) - 6px)) }
    100% {transform:translate(-50%,-50%) rotate(var(--deg)) translateY(calc(-1 * var(--radius))) }
}

@media screen and (max-width:1024px){
    .intro_wrap .stick {width:22vw; height:6px;}
    .intro_wrap .stick:before {right:4vw;}
    .intro_wrap .txt_box .t1 {font-size:1.2em;}
    .intro_wrap .txt_box .logo {margin:25px 0;}
    .intro_wrap .txt_box .logo img {height:55px;}
}

@media screen and (max-width:767px){
    
    :root{--radius:clamp(31vw, 24vw, 235px);}

    .intro_wrap .stick {width:28vw; height:4px;}
    .intro_wrap .stick:before {right:4vw;}
    .intro_wrap .txt_box .t1 {font-size:1em;}
    .intro_wrap .txt_box .logo {margin:15px 0;}
    .intro_wrap .txt_box .logo img {width:auto; height:36px;}
}


/* main */
#mVisu {width:100%; height:100vh; padding-top:100px; overflow:hidden; position:relative;}
.mVisu_slide {width:100%; height:100%; position:relative;}
.mVisu_slide .swiper-slide {display:flex; justify-content:center; align-items:center;}
.mVisu_slide .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
.mVisu_slide .img:before {content:''; display:block; width:100%; height:100%; background:#09143d; opacity:0.3;}
.mVisu_slide .txt_box {position:relative; z-index:5; margin-top:-190px;}
.mVisu_slide .txt_box .tit {font-size:4.375em; color:#fff; line-height:1.1em; font-weight:200; opacity:0; filter:blur(20px); letter-spacing:0.05em;}
.mVisu_slide .txt_box .tit strong {display:block; font-weight:500;}
.mVisu_slide .txt_box .txt {font-size:1.125em; color:#fff; line-height:1.5em; margin-top:20px; opacity:0; transform:translateY(30px)}
.mVisu_slide .btn_box {display:flex; align-items:center; position:absolute; left:50%; top:50%; transform:translateX(-50%); margin-top:150px; z-index:10;}
.mVisu_slide .swiper-pagination-fraction {display:flex; justify-content:space-between; align-items:center; width:185px; height:20px; font-size:1em; color:#fff; font-weight:600; position:relative; bottom:0; left:0;}
.mVisu_slide .swiper-pagination-fraction .line {width:120px; height:2px; background:rgba(255,255,255,0.5);}
.mVisu_slide .swiper-pagination-fraction .line span {content:''; display:block; width:0; height:100%; background:#fff;}
.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:auto; height:auto; font-size:1em; color:#fff; position:relative; left:0; top:0; right:0; margin-top:0;}
.mVisu_slide .swiper-button-prev {margin:0 20px;}
.mVisu_slide .swiper-button-prev:after, .mVisu_slide .swiper-button-next:after {font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro';}
.mVisu_slide .swiper-button-prev:after {content:'\f053';}
.mVisu_slide .swiper-button-next:after {content:'\f054';}

.mVisu_slide .swiper-slide-active .tit {opacity:1; filter:blur(0); letter-spacing:-0.03em; transition:opacity 1s ease-in-out, filter 1s ease-in-out, letter-spacing 1s ease-in-out}
.mVisu_slide .swiper-slide-active .txt {opacity:1; transform:translateY(0); transition:opacity 1s, transform 1s; transition-delay:0.5s}

@media screen and (max-width:1024px){
    #mVisu {padding-top:55px;}
    .mVisu_slide .txt_box {margin-top:-170px;}
	.mVisu_slide .txt_box .tit {font-size:3.8em;}
    .mVisu_slide .txt_box .txt {font-size:1em; margin-top:15px;}
	.mVisu_slide .btn_box {margin-top:100px;}
}

@media screen and (max-width:767px){
	.mVisu_slide .txt_box {margin-top:-110px;}
	.mVisu_slide .txt_box .tit {font-size:2.5em;}
	.mVisu_slide .btn_box {margin-top:60px;}
    .mVisu_slide .swiper-pagination-fraction {width:130px;}
    .mVisu_slide .swiper-pagination-fraction .line {width:80px;}
	.mVisu_slide .swiper-button-prev {margin:0 15px;}
}


#mCompany {padding:150px 0; background:url(../images/mCompanyBG.png) no-repeat center top; background-size:cover; position:relative;}
#mCompany .symbol_box {width:200px; height:200px; margin:0 auto; position:relative;}
#mCompany .symbol_box img {display:block; width:100%; position:absolute; left:0; top:0;}
#mCompany .txt_box {width:100%; margin-top:30px;}
#mCompany .txt_box p {font-size:1.5em; line-height:1.28em; font-weight:500; text-align:center;}

@media screen and (max-width:1024px){
    #mCompany {padding:15% 0;}
    #mCompany .symbol_box {width:170px; height:170px;}
    #mCompany .txt_box p {font-size:1.3em;}
}

@media screen and (max-width:767px){
    #mCompany .symbol_box {width:150px; height:150px;}
    #mCompany .txt_box p {font-size:1.2em;}
}


#mRaochongqing {width:100%; background:#f9f9f9 /*url(../images/mRaochongqingBG.png) no-repeat right top*/; background-size:cover; padding:120px 0;}
#mRaochongqing > div {display:flex; align-items:center; width:1720px; margin:0 auto;}
#mRaochongqing .img_box {width:50%; height:627px; background:url(../images/mRaochongqing_img1.jpg) no-repeat center center; background-size:cover;}
#mRaochongqing .txt_box {width:600px; padding-left:150px;}
#mRaochongqing .txt_box dl {margin:50px 0;}
#mRaochongqing .txt_box dl dt {font-size:1.5em; line-height:1.3em; font-weight:500;}
#mRaochongqing .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:15px; word-break:break-all;}

@media screen and (max-width:1740px){
    #mRaochongqing > div {width:calc(100% - 100px)}
    #mRaochongqing .img_box {width:calc(50% + 100px); height:40vw;}
    #mRaochongqing .txt_box {width:500px; padding-left:50px;}
}

@media screen and (max-width:1220px){
    #mRaochongqing > div {width:88%;}
    #mRaochongqing .img_box {width:50%; height:37vw;}
    #mRaochongqing .txt_box {width:50%;}
    #mRaochongqing .txt_box .logo {height:120px;}
    #mRaochongqing .txt_box .logo img {height:100%;}
    #mRaochongqing .txt_box dl {margin:35px 0;}
}

@media screen and (max-width:1024px){
    #mRaochongqing {padding:12% 0;}
    #mRaochongqing .txt_box {padding-left:30px;}
    #mRaochongqing .txt_box .logo {height:80px;}
    #mRaochongqing .txt_box dl {margin:20px 0;}
    #mRaochongqing .txt_box dl dt {font-size:1.3em;}
    #mRaochongqing .txt_box dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mRaochongqing {background-size:auto 400px;}
    #mRaochongqing > div {display:block;}
    #mRaochongqing .img_box {width:100%; height:52vw;}
    #mRaochongqing .txt_box {width:100%; padding-left:0; margin-top:5%;}
    #mRaochongqing .txt_box .logo {width:53%; height:auto;}
	#mRaochongqing .txt_box .logo img {width:100%; height:auto;}
    #mRaochongqing .txt_box dl {margin:4% 0 7%;}
    #mRaochongqing .txt_box dl dt {font-size:1.2em;}
    #mRaochongqing .txt_box dl dd {margin-top:1%;}
}


#mNews {padding:150px 0;}
#mNews .tit_box {position:relative;}
#mNews .tit_box h2 {font-size:3.125em; line-height:1.2em; font-weight:500; text-align:center;}
#mNews .tit_box .view_btn {display:flex; align-items:center; font-size:1em; font-weight:600; position:absolute; right:0; top:50%; transform:translateY(-50%);}
#mNews .tit_box .view_btn:after {content:'\f054'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
.mNews_slide {width:calc(100% + 20px); overflow:hidden; position:relative; padding-right:20px; padding-bottom:60px;}
.mNews_slide .swiper-slide {height:auto; background:#fff; box-shadow:5px 10px 10px rgba(25,25,25,0.1)}
.mNews_slide .img_box {width:100%; height:267px; overflow:hidden;}
.mNews_slide .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s ease-in-out;}
.mNews_slide .txt_box {width:100%; padding:30px; position:relative;}
.mNews_slide .cate {width:calc(100% - 80px); font-size:1.125em; color:#ee8a00; font-weight:600; margin-bottom:5px;}
.mNews_slide .subject {font-size:1.25em; line-height:1.4em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mNews_slide .cont {font-size:1.125em; color:#666; line-height:1.5em; font-weight:500; margin-top:20px; height:4.5em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mNews_slide .date {font-size:1em; color:#666; position:absolute; right:30px; top:30px;}
.mNews_slide.swiper-container-horizontal>.swiper-pagination-bullets {width:calc(100% - 20px); bottom:0;}
.mNews_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:8px; height:8px; background:#ccc; opacity:1; margin:0 5px}
.mNews_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#ee8a00}

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

@media screen and (max-width:1024px){
    #mNews {padding:15% 0;}
    #mNews .tit_box h2 {font-size:2.7em;}
	#mNews .tit_box .view_btn {font-size:0.9375em;}
	#mNews .tit_box .view_btn:after {margin-left:5px;}
	.mNews_slide {width:100%; overflow:visible; padding-right:0; padding-bottom:40px;}
    .mNews_slide .img_box {height:25vw;}
	.mNews_slide .txt_box {padding:20px;}
    .mNews_slide .cate {width:calc(100% - 70px);}
    .mNews_slide .subject {font-size:1.125em;}
	.mNews_slide .cont {font-size:1em; margin-top:15px;}
    .mNews_slide .date {font-size:0.9375em; top:22px; right:20px;}
	.mNews_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; margin:0 4px;}
}

@media screen and (max-width:767px){
    #mNews .tit_box h2 {font-size:2.3em;}
    .mNews_slide .img_box {height:53vw;}
	.mNews_slide .txt_box {padding:15px;}
	.mNews_slide .cont {margin-top:10px;}
	.mNews_slide .date {top:16px; right:15px;}
}


#mContact {width:100%; padding:120px 0; background:url(../images/mContactBG.jpg) no-repeat center center; background-size:cover; position:relative;}
#mContact:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.7; position:absolute; left:0; top:0; z-index:0;}
#mContact > div {display:flex; flex-wrap:wrap; position:relative; z-index:5;}
#mContact a {display:block; width:33.33%; padding:50px; position:relative; transition:background 0.4s;}
#mContact a:before {content:''; display:block; width:1px; height:calc(100% - 60px); background:rgba(255,255,255,0.2); position:absolute; left:0; top:50%; transform:translateY(-50%);}
#mContact a:first-of-type:before {display:none;}
#mContact a h2 {font-size:1.125em; color:#ee8a00; font-weight:600; transition:color 0.4s}
#mContact a p {font-size:1.625em; color:#fff; line-height:1.34em; font-weight:500; margin-top:15px;}
#mContact a i {display:block; width:22px; height:22px; position:relative; font-size:1.25em; font-style:normal; margin-top:20px;}
#mContact a i:before, #mContact a i:after {content:'\f061'; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:0; top:0; transition:color 0.2s, opacity 0.2s, margin 0.2s;}
#mContact a i:before {margin-right:22px; opacity:0;}

#mContact a:hover i:before {animation:arrowAnimationBefore 0.3s forwards 0.3s;}
#mContact a:hover i:after {animation:arrowAnimationAfter 0.3s forwards;}

@keyframes arrowAnimationBefore {
  from {
    margin-right: 20px;
    opacity: 0;
  }
  to {
    margin-right: 0;
    opacity: 1;
  }
}
@keyframes arrowAnimationAfter {
  from {
    margin-right: 0;
    opacity: 1;
  }
  to {
    margin-right: -15px;
    opacity: 0;
  }
}

@media screen and (min-width:768px){
    #mContact a:hover {background:#ee8a00;}
    #mContact a:hover h2 {color:rgba(255,255,255,0.5)}
}

@media screen and (max-width:1220px){
    #mContact a {padding:30px;}
    #mContact a p br {display:none;}
}

@media screen and (max-width:1024px){
    #mContact {padding:12% 0;}
    #mContact a {padding:25px;}
    #mContact a:before {height:calc(100% - 30px)}
    #mContact a h2 {font-size:1em;}
    #mContact a p {font-size:1.4em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mContact a {width:100%; padding:6% 0; position:relative;}
    #mContact a:before {width:100%; height:1px; top:0; transform:translateY(0)}
    #mContact a p {font-size:1.3em; margin-top:1.5%;}
    #mContact a p br {display:block;}
    #mContact a i {position:absolute; right:0; top:50%; transform:translateY(-50%); margin-top:0;}
}


/* sub */
#sVisu {width:100%; height:500px; margin-top:100px; position:relative; overflow:hidden;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; animation:sVisu 5s linear}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.3; position:absolute; left:0; top:0; z-index:1;}
#sVisu h2 {font-size:4.375em; color:#fff; line-height:1.3em; font-weight:600; padding-top:170px; position:relative; z-index:10;}

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

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

@media screen and (max-width:1024px){
    #sVisu {height:350px; margin-top:55px;}
    #sVisu h2 {font-size:3.7em; padding-top:120px;}
}

@media screen and (max-width:767px){
    #sVisu {height:230px;}
    #sVisu h2 {font-size:3em; padding-top:75px;}
}


.sub_menu_wrap {width:100%; margin-top:-100px; position:relative; left:0; bottom:0; z-index:10; background: linear-gradient(to right, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);}
.sub_menu_wrap:before {content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.3); position:absolute; left:0; top:0; pointer-events:none;}
.sub_menu_wrap > div {display:flex; align-items:center;}
.sub_menu_wrap > div > div {position:relative;}
.sub_menu_wrap .home {display:block;font-size:1.25em; color:#fff;}
.sub_menu_wrap .home:before {content:'\e487'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'}
.sub_menu_wrap .depth1 {width:220px;}
.sub_menu_wrap .depth1 ul {display:none; width:100%; background:#fff; border:1px solid #ddd; border-top:0; position:absolute; left:0; top:100%;}
.sub_menu_wrap .depth1 ul li:first-child {padding-top:10px;}
.sub_menu_wrap .depth1 ul li:last-child {padding-bottom:10px;}
.sub_menu_wrap .depth1 ul li a {display:block; width:100%; font-size:1em; line-height:1.5em; padding:10px 15px;}
.sub_menu_wrap .depth1 ul li.on a {color:#ee8a00; font-weight:600;}
.sub_menu_wrap .depth2 button {display:none;}
.sub_menu_wrap .depth2 ul li a {display:block; font-size:1.125em; color:rgba(255,255,255,0.5); line-height:100px; padding:0 20px; position:relative; transition:color 0.4s;}
.sub_menu_wrap > div > div button {display:block; width:100%; height:100px; font-size:1.125em; color:#fff; font-weight:600; text-align:left; padding:0 30px 0 15px; position:relative;}
.sub_menu_wrap > div > div button:after {content:'\f107'; font-size:0.88em; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%)}
.sub_menu_wrap > div > div button.on:after {content:'\f106'}

@keyframes subMenu {
    0% {width:0%;}
    100% {width:100%;}
}

@media screen and (min-width:768px){
    .sub_menu_wrap .depth2 ul {display:flex !important}
    .sub_menu_wrap .depth2 ul li a:before {content:''; display:block; height:2px; background:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%)}
    .sub_menu_wrap .depth2 ul li a:hover {color:#fff;}
    .sub_menu_wrap .depth2 ul li.on a {color:#fff;}
    .sub_menu_wrap .depth2 ul li.on a:before {animation:subMenu 0.4s ease-in-out forwards}
}

@media screen and (max-width:1024px){
    .sub_menu_wrap {margin-top:-60px;}
    .sub_menu_wrap .home {font-size:1.125m;}
    .sub_menu_wrap .depth1 {width:170px;}
    .sub_menu_wrap .depth1 ul li a {padding:7px 15px;}
    .sub_menu_wrap .depth2 ul li a {font-size:1em; line-height:60px; padding:0 15px;}
    .sub_menu_wrap > div > div button {font-size:1em; height:60px; padding:0 15px;}
    .sub_menu_wrap > div > div button:after {right:15px;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {margin-top:-45px;}
    .sub_menu_wrap .home {width:20px; font-size:1em;}
    .sub_menu_wrap .depth1 {width:calc(50% - 10px);}
    .sub_menu_wrap .depth1 ul li a {padding:5px 10px;}
    .sub_menu_wrap .depth2 {width:calc(50% - 10px)}
    .sub_menu_wrap .depth2 button {display:block;}
    .sub_menu_wrap .depth2 ul {display:none; background:#fff; border:1px solid #ddd; border-top:0; width:100%; position:absolute; left:0; top:100%;}
    .sub_menu_wrap .depth2 ul li:first-child {padding-top:10px;}
    .sub_menu_wrap .depth2 ul li:last-child {padding-bottom:10px;}
    .sub_menu_wrap .depth2 ul li a {font-size:1em; color:#191919; line-height:1.5em; padding:5px 10px;}
    .sub_menu_wrap .depth2 ul li.on a {color:#ee8a00; font-weight:600;}
    .sub_menu_wrap > div > div button {height:45px; padding:0 10px;}
    .sub_menu_wrap > div > div button:after {right:10px;}
}


.side_menu_wrap {width:170px; background:#fff; border-radius:20px 0 0 20px; box-shadow:5px 5px 15px rgba(25,25,25,0.2); overflow:hidden; position:absolute; right:0; top:150px; z-index:10;}
.side_menu_wrap .tit {width:100%; background:#ee8a00; font-size:1em; color:#fff; font-weight:600; text-align:center; padding:10px 0;}
.side_menu_wrap ul {width:100%; padding:5px 20px;}
.side_menu_wrap ul li a {display:flex; align-items:center; width:100%; border-bottom:1px solid #ccc; font-size:1em; font-weight:600; padding:15px 0;}
.side_menu_wrap ul li:last-child a {border-bottom:0;}
.side_menu_wrap ul li a .icon {display:block; width:22px; height:22px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-right:15px;}
.side_menu_wrap ul li.on a {color:#ee8a00}
.side_menu_wrap.fixed {position:fixed;}

.side_menu_wrap ul li a .icon1 {background-image:url(../images/side_icon1.png);}
.side_menu_wrap ul li a .icon2 {background-image:url(../images/side_icon2.png);}
.side_menu_wrap ul li a .icon3 {background-image:url(../images/side_icon3.png);}
.side_menu_wrap ul li a .icon4 {background-image:url(../images/side_icon4.png);}
.side_menu_wrap ul li a .icon5 {background-image:url(../images/side_icon5.png);}

.side_menu_wrap ul li.on a .icon1 {background-image:url(../images/side_icon1_on.png);}
.side_menu_wrap ul li.on a .icon2 {background-image:url(../images/side_icon2_on.png);}
.side_menu_wrap ul li.on a .icon3 {background-image:url(../images/side_icon3_on.png);}
.side_menu_wrap ul li.on a .icon4 {background-image:url(../images/side_icon4_on.png);}
.side_menu_wrap ul li.on a .icon5 {background-image:url(../images/side_icon5_on.png);}

@media screen and (max-width:1024px) {
    .side_menu_wrap {width:100%; position:fixed; right:0; top:auto; bottom:0; border-radius:12px 12px 0 0;}
    .side_menu_wrap .tit {display:none;}
    .side_menu_wrap ul {display:flex; padding:0; justify-content:space-around;}
    .side_menu_wrap ul li {flex:1;}
    .side_menu_wrap ul li a {flex-direction:column; justify-content:center; padding:10px 0 5px; border-bottom:0; font-size:0.875em;}
    .side_menu_wrap ul li a .icon {width:20px; height:20px; margin-right:0; margin-bottom:3px;}
}


#sub_content {margin-bottom:70px; position:relative;}

.sub_title span {display:flex; align-items:center; font-size:1.125em; color:#ee8a00; font-weight:600; margin-bottom:20px;}
.sub_title span:after {content:''; display:block; width:100px; height:1px; background:#ee8a00; margin-left:15px;}
.sub_title p {font-size:2.5em; line-height:1.25em; font-weight:500;}
.sub_title.tc span {justify-content:center;}

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

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

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

    .sub_title span {font-size:1em; margin-bottom:10px;}
    .sub_title span:after {width:60px; margin-left:10px;}
    .sub_title p {font-size:2em;}

    .s_tit1 {font-size:1.3em;}

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

@media screen and (max-width:767px){
    .sub_title span {margin-bottom:5px;}
    .sub_title span:after {width:40px;}
    .sub_title p {font-size:1.8em;}

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


.sub_list_box1 > li {font-size:1.125em; color:#666; line-height:1.5em; margin-bottom:5px; position:relative; padding-left:19px;}
.sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_list_box1 > li:before {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; left:0; top:12px;}

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

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

.sub_img_box1 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:50px;}
.sub_img_box1 > div:last-child {margin-bottom:0;}
.sub_img_box1 > div:nth-child(even) {flex-direction:row-reverse;}
.sub_img_box1 > div .img_box {width:50%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_img_box1 > div .txt_box {width:calc(50% - 100px);}
.sub_img_box1 > div .txt_box .t1 {font-size:1.5em; font-weight:600; margin-bottom:30px;}

@media screen and (max-width:1220px){
    .sub_img_box1 > div .img_box {height:30vw;}
    .sub_img_box1 > div .txt_box {width:calc(50% - 50px)}
}

@media screen and (max-width:1024px){
    .sub_img_box1 > div {margin-bottom:5%;}
    .sub_img_box1 > div .txt_box {width:calc(50% - 25px)}
    .sub_img_box1 > div .txt_box .t1 {font-size:1.3em; margin-bottom:15px;}
}

@media screen and (max-width:767px){
    .sub_img_box1 > div {margin-bottom:7%;}
    .sub_img_box1 > div .img_box {width:100%; height:54vw}
    .sub_img_box1 > div .txt_box {width:100%; margin-top:4%;}
    .sub_img_box1 > div .txt_box .t1 {font-size:1.2em; margin-bottom:2%;}
}


.sub_contact_wrap {width:100%; height:200px; background:url(../images/sContactBG.jpg) no-repeat center center; background-size:cover; position:relative;}
.sub_contact_wrap:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
.sub_contact_wrap > div {display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; padding:0 150px; position:relative; z-index:5;}
.sub_contact_wrap > div dl dt {font-size:1.5em; color:#fff; font-weight:600;}
.sub_contact_wrap > div dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:15px;}
.sub_contact_wrap > div .view_btn {display:flex; justify-content:center; align-items:center; width:200px; height:61px; border:1px solid #fff; font-size:1.125em; color:#fff; font-weight:500; text-align:center; transition:all 0.5s; transition-property:background, border, color;}
.sub_contact_wrap > div .view_btn:hover {background:#ee8a00; border-color:#ee8a00; color:#fff;}

@media screen and (max-width:1220px){
    .sub_contact_wrap > div {padding:0 100px;}
}

@media screen and (max-width:1024px){
    .sub_contact_wrap > div {padding:0 50px;}
    .sub_contact_wrap > div dl dt {font-size:1.3em;}
    .sub_contact_wrap > div dl dd {font-size:1em; margin-top:10px;}
    .sub_contact_wrap > div .view_btn {width:150px; height:50px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_contact_wrap {height:auto;}
    .sub_contact_wrap > div {display:block; padding:12% 5%; text-align:center;}
    .sub_contact_wrap > div dl dd {margin-top:1.5%;}
    .sub_contact_wrap > div .view_btn {width:110px; height:38px; margin:6% auto 0;}
}


.sCompany_case1 {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.sCompany_case1 .img_box {width:50%; height:700px; position:relative;}
.sCompany_case1 .img_box:before {content:''; display:block; width:100%; height:100%; background:url(../images/sCompany_img1.jpg) no-repeat center center; background-size:cover;}
.sCompany_case1 .img_box:after {content:''; display:block; width:100%; height:100%; border:1px solid #ee8a00; position:absolute; left:30px; top:30px; z-index:-1;}
.sCompany_case1 .txt_box {width:calc(50% - 130px)}
.sCompany_case1 .sub_title {margin-bottom:30px;}
.sCompany_case1 .s_txt1 {margin-bottom:20px;}
.sCompany_case1 .s_txt1:last-child {margin-bottom:0;}

.sCompany_case2 {display:flex; justify-content:center; align-items:center; width:100%; height:600px; background:url(../images/sCompany_img2.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative;}
.sCompany_case2:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.6); position:absolute; left:0; top:0; z-index:0;}
.sCompany_case2 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative; z-index:10;}
.sCompany_case2 > div .tit {width:400px;}
.sCompany_case2 > div .tit img {width:100%;}
.sCompany_case2 > div .txt_box {width:470px;}
.sCompany_case2 > div .txt_box .sub_title {margin-bottom:30px;}
.sCompany_case2 > div .txt_box .s_txt1 {margin-bottom:20px;}
.sCompany_case2 > div .txt_box .s_txt1:last-child {margin-bottom:0;}

.sCompany_case3 .box1 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sCompany_case3 .box1 > div {width:calc(50% - 15px)}
.sCompany_case3 .box1 > div:nth-child(2) ~ div {margin-top:30px;}
.sCompany_case3 .box1 > div .img {width:100%; border:1px solid #ccc; text-align:center; padding:20px;}
.sCompany_case3 .box1 > div .img img {max-width:100%;}
.sCompany_case3 .box1 > div p {font-size:1.25em; font-weight:500; text-align:center; margin-top:20px;}
.sCompany_case3 .box2 {display:flex; justify-content:center; flex-wrap:wrap; gap:50px 100px; width:100%; background:#f9f9f9; padding:50px;}
.sCompany_case3 .box2 p {font-size:1.25em; font-weight:500; text-align:center; margin-top:20px;}
.sCompany_case3 .box3 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCompany_case3 .box3 > div {width:calc(25% - 9px);}
.sCompany_case3 .box3 > div .color {display:block; width:100%; height:100px;}
.sCompany_case3 .box3 > div dl {margin-top:20px; overflow:hidden;}
.sCompany_case3 .box3 > div dl dt {float:left; width:55px; font-size:1em; line-height:1.43em; font-weight:600; clear:both;}
.sCompany_case3 .box3 > div dl dd {float:left; width:calc(100% - 55px); font-size:1em; color:#666; line-height:1.43em;}

.sCompany_case4 {display:flex; justify-content:center; align-items:center; width:100%; height:800px; background:url(../images/sCompany_img6.jpg) no-repeat center center; background-size:cover; position:relative; text-align:center;}
.sCompany_case4:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.6); position:absolute; left:0; top:0; z-index:0;}
.sCompany_case4 > div {position:relative; z-index:10;}
.sCompany_case4 > div .sub_title span {justify-content:center;}

.sCompany_case5 ul {display:flex; justify-content:center; flex-wrap:wrap; gap:0 100px; width:100%;}
.sCompany_case5 ul li {width:250px;}
.sCompany_case5 ul li .icon {display:block; width:100%; height:250px; border:2px solid #4eb997; border-radius:50%; padding:25px; position:relative; margin-bottom:30px;}
.sCompany_case5 ul li .icon:before {content:''; display:block; width:100%; height:100%; border-radius:50%; background-color:#4eb997; opacity:0.05;}
.sCompany_case5 ul li .icon:after {content:''; display:block; width:100px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.sCompany_case5 ul li p {text-align:center; padding:0 15px;}

.sCompany_case5 ul li .icon1:after {background-image:url(../images/sCompany_img7_1.png)}
.sCompany_case5 ul li .icon2 {border-color:#f6c75e}
.sCompany_case5 ul li .icon2:before {background:#f6c75e}
.sCompany_case5 ul li .icon2:after {background-image:url(../images/sCompany_img7_2.png)}
.sCompany_case5 ul li .icon3 {border-color:#ee8a00}
.sCompany_case5 ul li .icon3:before {background:#ee8a00}
.sCompany_case5 ul li .icon3:after {background-image:url(../images/sCompany_img7_3.png)}

.sCompany_case6 .box {display:flex; flex-wrap:wrap; width:100%; height:500px; background:#000; position:relative;}
.sCompany_case6 .box > div {width:25%;}
.sCompany_case6 .box > div .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.sCompany_case6 .box > div .txt_box {display:flex; justify-content:end; flex-direction:column; width:100%; height:100%; position:relative; z-index:5; padding:0 40px 70px; border-left:1px solid rgba(255,255,255,0.3); transition:all 0.5s; transition-property:background, backdrop-filter, padding-bottom;}
.sCompany_case6 .box > div:first-child .txt_box {border-left:0;}
.sCompany_case6 .box > div .txt_box .icon {display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:15px; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.sCompany_case6 .box > div .txt_box dl dt {font-size:1.5em; color:#fff; font-weight:600;}
.sCompany_case6 .box > div .txt_box dl dd {font-size:1.125em; color:#fff; line-height:1.55em; font-weight:500; margin-top:15px;}

.sCompany_case6 .box > div .txt_box .icon1 {background-image:url(../images/sCompany_icon1.png)}
.sCompany_case6 .box > div .txt_box .icon2 {background-image:url(../images/sCompany_icon2.png)}
.sCompany_case6 .box > div .txt_box .icon3 {background-image:url(../images/sCompany_icon3.png)}
.sCompany_case6 .box > div .txt_box .icon4 {background-image:url(../images/sCompany_icon4.png)}

.sCompany_slide1 img {width:100%;}

@media screen and (min-width:768px){
    .sCompany_case6 .box > div.on .img_box {opacity:1; visibility:visible;}
    .sCompany_case6 .box > div.on .txt_box {background:rgba(25,25,25,0.3); backdrop-filter:blur(5px); padding-bottom:90px;}
    .sCompany_case6 .box > div.on .txt_box .icon {opacity:1; visibility:visible;}
}

@media screen and (max-width:1220px){
    .sCompany_case1 .img_box {height:58vw;}
    .sCompany_case1 .txt_box {width:calc(50% - 70px)}
	.sCompany_case3 .box2 > div {max-width:calc(50% - 50px);}
    .sCompany_case3 .box2 img {max-width:100%;}

    .sCompany_case5 ul {gap:0 50px;}

    .sCompany_case6 .box > div .txt_box dl dd br {display:none;}
}

@media screen and (max-width:1024px){
    .sCompany_case1 .img_box:after {left:20px; top:20px;}
    .sCompany_case1 .txt_box {width:calc(50% - 50px)}
    .sCompany_case1 .sub_title {margin-bottom:20px;}
    .sCompany_case1 .s_txt1 {margin-bottom:10px;}
    
    .sCompany_case2 {height:auto; padding:15% 0; background-attachment:unset;}
    .sCompany_case2 > div .tit {width:35%;}
    .sCompany_case2 > div .txt_box {width:60%;}
    .sCompany_case2 > div .txt_box .sub_title {margin-bottom:20px;}
    .sCompany_case2 > div .txt_box .s_txt1 {margin-bottom:10px;}

    .sCompany_case3 .box1 > div {width:calc(50% - 5px)}
    .sCompany_case3 .box1 > div .img {padding:15px;}
    .sCompany_case3 .box1 > div p {font-size:1.125em; margin-top:10px;}
    .sCompany_case3 .box2 {gap:30px 50px; padding:30px;}
	.sCompany_case3 .box2 p {font-size:1.125em; margin-top:15px;}
    .sCompany_case3 .box3 > div {width:calc(25% - 7.5px);}
    .sCompany_case3 .box3 > div .color {height:80px;}
    .sCompany_case3 .box3 > div dl {margin-top:10px; overflow:hidden;}
    .sCompany_case3 .box3 > div dl dt {width:50px;}
    .sCompany_case3 .box3 > div dl dd {width:calc(100% - 50px);}

    .sCompany_case4 {height:auto; padding:20% 0;}

    .sCompany_case5 ul {gap:0 30px;}
    .sCompany_case5 ul li {width:23vw;}
    .sCompany_case5 ul li .icon {height:23vw; padding:20px; margin-bottom:15px;}
    .sCompany_case5 ul li .icon:after {width:8vw; height:8vw;}
    .sCompany_case5 ul li p {padding:0;}

    .sCompany_case6 .box {height:370px;}
    .sCompany_case6 .box > div .txt_box {padding:0 20px 30px;}
    .sCompany_case6 .box > div .txt_box .icon {width:35px; height:35px; margin-bottom:10px;}
    .sCompany_case6 .box > div .txt_box dl dt {font-size:1.3em;}
    .sCompany_case6 .box > div .txt_box dl dd {font-size:1em; margin-top:10px;}
    .sCompany_case6 .box > div.on .txt_box {padding-bottom:40px;}
}

@media screen and (max-width:767px){
    .sCompany_case1 .img_box {width:calc(100% - 10px); height:92vw; margin-bottom:10px}
    .sCompany_case1 .img_box:after {left:10px; top:10px;}
    .sCompany_case1 .txt_box {width:100%; margin-top:5%;}
    .sCompany_case1 .sub_title {margin-bottom:3%;}
    .sCompany_case1 .s_txt1 {margin-bottom:2%;}
    
    .sCompany_case2 > div .tit {width:170px;}
    .sCompany_case2 > div .txt_box {width:100%; margin-top:5%;}
    .sCompany_case2 > div .txt_box .sub_title {margin-bottom:3%;}
    .sCompany_case2 > div .txt_box .s_txt1 {margin-bottom:2%;}

    .sCompany_case3 .box1 > div {width:calc(50% - 2.5px)}
    .sCompany_case3 .box1 > div:nth-child(2) ~ div {margin-top:20px;}
    .sCompany_case3 .box1 > div .img {padding:10px;}
    .sCompany_case3 .box1 > div p {font-size:1em;}
    .sCompany_case3 .box2 {gap:30px 10px; padding:20px 10px;}
    .sCompany_case3 .box2 > div {max-width:calc(50% - 10px)}
	.sCompany_case3 .box2 > div p {font-size:1em;}
    .sCompany_case3 .box3 > div {width:calc(50% - 2.5px);}
    .sCompany_case3 .box3 > div:nth-child(2) ~ div {margin-top:25px;}
    .sCompany_case3 .box3 > div .color {height:65px;}

    .sCompany_case5 ul {gap:0;}
    .sCompany_case5 ul li {width:50%;}
    .sCompany_case5 ul li:nth-child(2) ~ li {margin-top:30px;}
    .sCompany_case5 ul li .icon {width:130px; height:130px; padding:10px; margin:0 auto 10px;}
    .sCompany_case5 ul li .icon:after {width:60px; height:60px;}
    .sCompany_case5 ul li p {padding:0 10px;}

    .sCompany_case6 .box {height:auto; background:none;}
    .sCompany_case6 .box > div {width:100%; position:relative; margin-bottom:1%;}
    .sCompany_case6 .box > div:last-child {margin-bottom:0;}
    .sCompany_case6 .box > div .img_box {opacity:1; visibility:visible;}
    .sCompany_case6 .box > div .txt_box {background:rgba(25,25,25,0.7); padding:10% 4%;}
    .sCompany_case6 .box > div .txt_box .icon {width:32px; height:32px; opacity:1; visibility:visible;}
}


.sBrand_case1 .logo_img img {max-width:300px; max-height:145px;}
.sBrand_case1 .box {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap;}
.sBrand_case1 .box .txt_box {width:calc(100% - 420px);}
.sBrand_case1 .box .txt_box .t1 {font-size:2.5em; font-weight:500; line-height:1.3em;}
.sBrand_case1 .box .txt_box .t2 {font-size:1.5em; color:#666; line-height:1.3em; margin-top:10px;}
.sBrand_case1 .box .txt_box .t2 + .s_txt1 {margin-top:40px;}
.sBrand_case1 .box .txt_box .s_txt1 {margin-bottom:15px;}
.sBrand_case1 .box .txt_box .s_txt1:last-child {margin-bottom:0;}
.sBrand_case1 .box .img_box {width:350px; height:454px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}

.sBrand_case2 {width:100%; padding:150px 0;}
.sBrand_case2 .img {width:100%; border-radius:20px; overflow:hidden;}
.sBrand_case2 .img img {width:100%;}
.sBrand_case2 .tag_list {display:flex; flex-wrap:wrap; gap:10px;}
.sBrand_case2 .tag_list li {border:1px solid #ee8a00; border-radius:30px; font-size:1.125em; color:#ee8a00; font-weight:600; padding:15px 20px;}
.sBrand_case2 .tit1 {font-size:1.125em; color:#fff; font-weight:600; text-align:center; text-transform:uppercase;}
.sBrand_case2 .tit1 span {border-bottom:2px solid #fff; padding-bottom:10px;}
.sBrand_case2 .best_box {display:flex; flex-wrap:wrap; gap:20px; width:100%;}
.sBrand_case2 .best_box > div {display:flex; flex-wrap:wrap; width:calc(50% - 10px); background:#fff; padding:30px; border-radius:10px;}
.sBrand_case2 .best_box > div .txt_box {width:calc(100% - 208px); padding-right:30px;}
.sBrand_case2 .best_box > div .txt_box dl dt {font-size:1.125em; color:#890008; line-height:1.5em; font-weight:600;}
.sBrand_case2 .best_box > div .txt_box dl dd {font-size:1em; color:#666; line-height:1.4em; margin-top:15px;}
.sBrand_case2 .best_box > div .txt_box ul {display:flex; flex-wrap:wrap; gap:5px; margin-top:15px;}
.sBrand_case2 .best_box > div .txt_box ul li {border:1px solid #890008; border-radius:30px; font-size:0.875em; color:#890008; line-height:1em; font-weight:600; padding:10px;}
.sBrand_case2 .best_box > div .img_box {width:208px; height:208px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.sBrand_case2.bg1 {background:#890008}

.sBrand_case3 {position:relative}
.sBrand_case3 .tab_box {display:flex; gap:10px; width:calc(100% - 300px); overflow-x:auto; white-space:nowrap; margin-bottom:30px;}
.sBrand_case3 .tab_box li button {display:block; height:51px; background:#eee; border-radius:10px; font-size:1.125em; color:#666; font-weight:600; padding:0 15px; transition:all 0.4s; transition-property:background, color;}
.sBrand_case3 .tab_box li button span {display:inline-block; border:1px solid #666; border-radius:15px; font-size:0.77em; line-height:28px; padding:0 15px; margin-right:10px; transition:border 0.4s;}
.sBrand_case3 .tab_box li:hover button {color:#ee8a00;}
.sBrand_case3 .tab_box li:hover button span {border-color:#ee8a00;}
.sBrand_case3 .tab_box li.on button {background:#ee8a00; color:#fff;}
.sBrand_case3 .tab_box li.on button span {border-color:#fff;}
.sBrand_case3 .cont_box > div:not(.on) {display:none;}
.sBrand_case3 .cont_box > div .info {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sBrand_case3 .cont_box > div .info dl {display:flex; align-items:center; flex-wrap:wrap; width:calc(50% - 10px); border-bottom:1px solid #ccc; padding:30px 0;}
.sBrand_case3 .cont_box > div .info dl dt {width:110px; font-size:1.125em; line-height:1.55em; font-weight:600;}
.sBrand_case3 .cont_box > div .info dl dd {width:calc(100% - 110px); font-size:1.125em; color:#666; line-height:1.55em;}
.sBrand_case3 .cont_box > div .map {display:flex; gap:10px; position:absolute; right:0; top:10px;}
.sBrand_case3 .cont_box > div .map a {font-size:1.125em; font-weight:600;}
.sBrand_case3 .cont_box > div .map a:after {content:'\f054'; font-size:0.8em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
/*.sBrand_case3 .cont_box > div .map a {display:flex; align-items:center; border-radius:30px; font-size:1.125em; font-weight:600; line-height:51px; padding:0 15px;}
.sBrand_case3 .cont_box > div .map a:before {content:''; display:inline-block; width:39px; height:39px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.sBrand_case3 .cont_box > div .map a.naver {background:#03c75a; color:#fff;}
.sBrand_case3 .cont_box > div .map a.naver:before {background-image:url(../images/sLaochongqing_naver.png)}
.sBrand_case3 .cont_box > div .map a.kakao {background:#fae100;}
.sBrand_case3 .cont_box > div .map a.kakao:before {background-image:url(../images/sLaochongqing_kakao.png)}*/

.interior_slide {width:100%; position:relative;}
.interior_slide .swiper-slide {border-radius:20px; overflow:hidden; position:relative;}
.interior_slide img {width:100%;}
.interior_slide p {font-size:1.125em; color:#fff; font-weight:600; position:absolute; left:30px; top:30px;}
.interior_slide .swiper-button-prev, .interior_slide .swiper-button-next {width:30px; height:30px; background:rgba(25,25,25,0.3); border-radius:50%; font-size:1em; color:#fff;}
.interior_slide .swiper-button-prev {left:30px;}
.interior_slide .swiper-button-next {right:30px;}
.interior_slide .swiper-button-prev:after, .interior_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.interior_slide .swiper-button-prev:after {content:'\f104'}
.interior_slide .swiper-button-next:after {content:'\f105'}
.interior_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px;}
.interior_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:8px; height:8px; background:none; border:1px solid #fff; border-radius:50%; opacity:1; margin:0 5px;}
.interior_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#fff;}

.sBrand_case4 {position:relative;}
.sBrand_case4 .instagram_btn {display:flex; align-items:center; border:1px solid #ccc; border-radius:30px; font-size:1.125em; font-weight:600; line-height:51px; padding:0 15px; position:absolute; right:0; top:230px;}
.sBrand_case4 .instagram_btn:before {content:''; display:inline-block; width:39px; height:39px; background:url(../images/sLaochongqing_instagram.png) no-repeat center center; background-size:contain; margin-right:5px;}
.sBrand_case4 .box {display:flex; gap:20px; flex-wrap:wrap; width:100%;}
.sBrand_case4 .box > div {background:#fff; border-radius:20px; box-shadow:5px 5px 20px rgba(25,25,25,0.1); padding:30px;}
.sBrand_case4 .box > div:nth-child(1) {width:calc(58% - 10px)}
.sBrand_case4 .box > div:nth-child(2) {width:calc(42% - 10px)}
.sBrand_case4 .box > div img {width:100%;}
.sBrand_case4 .box > div.case2 {display:flex; flex-wrap:wrap; gap:10px;}
.sBrand_case4 .box > div.case2 > a {display:block; width:calc(50% - 5px);}

.sBrand_case5 {width:100%; background:#f9f9f9; padding:150px 0;}
.sBrand_case5 .tab_box {overflow-x:auto;}
.sBrand_case5 .tab_box ul {display:flex; gap:5px; white-space:nowrap;}
.sBrand_case5 .tab_box ul li a {display:block; line-height:43px; background:#eee; font-size:1em; color:#666; padding:0 15px;}
.sBrand_case5 .tab_box ul li.on a {background:#191919; color:#fff; font-weight:500;}
.sBrand_case5 .cont_box {width:100%; border-top:2px solid #191919;}
.sBrand_case5 .cont_box > div {width:100%;}
.sBrand_case5 .cont_box > div button {display:block; width:100%; border-bottom:1px solid #ccc; font-size:1.125em; color:#191919; font-weight:600; padding:30px 30px 30px 20px; position:relative; text-align:left;}
.sBrand_case5 .cont_box > div button:after {content:'\f107'; font-size:0.88em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.sBrand_case5 .cont_box > div button span {font-size:1em; color:#666; font-weight:400; }
.sBrand_case5 .cont_box > div button span:after {content:''; display:inline-block; width:1px; height:18px; background:#ccc; margin:0 15px; vertical-align:middle; position:relative; top:-2px;;}
.sBrand_case5 .cont_box > div .cont {display:none; width:100%; background:#eee; padding:30px;}
.sBrand_case5 .cont_box > div .cont p {font-size:1.125em; color:#666; line-height:1.5em;}
.sBrand_case5 .cont_box > div.on button:after {content:'\f106'}
.sBrand_case5 .cont_box > div.on .cont {display:block;}
.sBrand_case5 .cont_box > div.hide {display:none;}

@media screen and (max-width:1220px){
    .sBrand_case1 .box .txt_box {width:calc(100% - 380px)}

    .sBrand_case2 .best_box > div .txt_box {width:calc(100% - 15vw)}
    .sBrand_case2 .best_box > div .img_box {width:15vw; height:15vw;}
}

@media screen and (max-width:1024px){
    .sBrand_case1 .logo_img img {max-width:200px; max-height:120px;}
    .sBrand_case1 .box .txt_box {width:calc(100% - 300px)}
    .sBrand_case1 .box .txt_box .t1 {font-size:2em;}
    .sBrand_case1 .box .txt_box .t2 {font-size:1.3em; margin-top:5px;}
    .sBrand_case1 .box .txt_box .t2 + .s_txt1 {margin-top:20px;}
    .sBrand_case1 .box .txt_box .s_txt1 {margin-bottom:10px;}
    .sBrand_case1 .box .img_box {width:270px; height:360px; margin:5% auto 0;}

    .sBrand_case2 {padding:15% 0;}
    .sBrand_case2 .img {border-radius:10px;}
    .sBrand_case2 .tag_list li {font-size:1em; padding:12px 15px;}

    .sBrand_case2 .best_box {gap:10px;}
    .sBrand_case2 .best_box > div {width:100%; padding:20px;}
    .sBrand_case2 .best_box > div .txt_box {width:calc(100% - 180px); padding-right:20px;}
    .sBrand_case2 .best_box > div .txt_box dl dd {margin-top:10px;}
    .sBrand_case2 .best_box > div .txt_box ul {margin-top:10px;}
    .sBrand_case2 .best_box > div .txt_box ul li {padding:8px;}
    .sBrand_case2 .best_box > div .img_box {width:180px; height:180px;}

    .sBrand_case3 .tab_box {width:100%; margin-bottom:3%;}
    .sBrand_case3 .tab_box li button {height:41px; border-radius:5px; font-size:1em; padding:0 10px;}
    .sBrand_case3 .tab_box li button span {font-size:0.875em; line-height:26px; padding:0 10px; margin-right:5px;}
    .sBrand_case3 .cont_box > div .info dl {width:calc(50% - 5px); padding:20px 0;}
    .sBrand_case3 .cont_box > div .info dl dt {width:90px; font-size:1em;}
    .sBrand_case3 .cont_box > div .info dl dd {width:calc(100% - 90px); font-size:1em;}
    .sBrand_case3 .cont_box > div .map {justify-content:end; margin-top:5%; position:relative;}
	.sBrand_case3 .cont_box > div .map a {font-size:1em;}
	.sBrand_case3 .cont_box > div .map a:after {margin-left:5px;}
    /*.sBrand_case3 .cont_box > div .map a {font-size:1em; line-height:41px; padding:0 15px 0 10px;}
    .sBrand_case3 .cont_box > div .map a:before {width:32px; height:32px;}*/

    .interior_slide .swiper-slide {border-radius:10px;}
    .interior_slide p {font-size:1em; left:15px; top:15px;}
    .interior_slide .swiper-button-prev, .interior_slide .swiper-button-next {width:26px; height:26px;}
    .interior_slide .swiper-button-prev {left:15px;}
    .interior_slide .swiper-button-next {right:15px;}
    .interior_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px;}
    .interior_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px;  margin:0 4px;}

    .sBrand_case4 .instagram_btn {width:fit-content; font-size:1em; line-height:41px; position:relative; top:0; margin-top:30px; padding:0 10px;}
    .sBrand_case4 .instagram_btn:before {width:32px; height:32px;}
    .sBrand_case4 .box {gap:10px;}
    .sBrand_case4 .box > div {border-radius:10px; padding:3%;}
    .sBrand_case4 .box > div:nth-child(1) {width:calc(58% - 5px)}
    .sBrand_case4 .box > div:nth-child(2) {width:calc(42% - 5px)}

    .sBrand_case5 {padding:15% 0;}
    .sBrand_case5 .tab_box ul li a {line-height:38px; padding:0 15px;}
    .sBrand_case5 .cont_box > div button {font-size:1em; padding:15px 30px 15px 15px;}
    .sBrand_case5 .cont_box > div button:after {right:15px;}
    .sBrand_case5 .cont_box > div button span:after {height:14px; margin:0 10px; top:-1px;}
    .sBrand_case5 .cont_box > div .cont {padding:15px;}
    .sBrand_case5 .cont_box > div .cont p {font-size:1em;}
}

@media screen and (max-width:767px){
    .sBrand_case1 .logo_img img {max-width:140px; max-height:90px;}
    .sBrand_case1 .box .txt_box {width:100%}
    .sBrand_case1 .box .txt_box .t1 {font-size:1.7em;}
    .sBrand_case1 .box .txt_box .t2 {font-size:1.125em;}
    .sBrand_case1 .box .txt_box .t2 + .s_txt1 {margin-top:3%;}
    .sBrand_case1 .box .txt_box .s_txt1 {margin-bottom:2%;}
    .sBrand_case1 .box .img_box {width:75%; height:85vw; border-radius:10px;}

    .sBrand_case2 .tag_list {gap:5px;}
    .sBrand_case2 .tag_list li {padding:8px 10px;}

    .sBrand_case2 .best_box > div {padding:15px;}
    .sBrand_case2 .best_box > div .txt_box {width:calc(100% - 120px); padding-right:10px;}
    .sBrand_case2 .best_box > div .txt_box dl dd {margin-top:5px;}
    .sBrand_case2 .best_box > div .txt_box ul {gap:3px;}
    .sBrand_case2 .best_box > div .txt_box ul li {padding:6px;}
    .sBrand_case2 .best_box > div .img_box {width:120px; height:120px;}

    .sBrand_case3 .tab_box {gap:5px;}
    .sBrand_case3 .tab_box li button {height:35px; padding:0 8px;}
    .sBrand_case3 .tab_box li button span {line-height:22px; padding:0 8px; margin-right:3px;}
    .sBrand_case3 .cont_box > div .info dl {width:100%; padding:15px 0;}
    .sBrand_case3 .cont_box > div .info dl dt {width:100%;}
    .sBrand_case3 .cont_box > div .info dl dd {width:100%; margin-top:3px;}
    .sBrand_case3 .cont_box > div .map {gap:5px;}
    /*.sBrand_case3 .cont_box > div .map a {line-height:35px; padding:0 10px 0 7px;}
    .sBrand_case3 .cont_box > div .map a:before {width:26px; height:26px;}*/

    .interior_slide p {font-size:1em; left:10px; top:10px;}
    .interior_slide .swiper-button-prev, .interior_slide .swiper-button-next {display:none;}
    .interior_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px;}
    
    .sBrand_case4 .instagram_btn {line-height:35px; padding:0 8px;}
    .sBrand_case4 .instagram_btn:before {width:24px; height:24px;}
    .sBrand_case4 .box {gap:10px;}
    .sBrand_case4 .box > div {padding:4%;}
    .sBrand_case4 .box > div:nth-child(1) {width:100%;}
    .sBrand_case4 .box > div:nth-child(2) {width:100%;}

    .sBrand_case5 .tab_box ul li a {line-height:35px; padding:0 12px;}
    .sBrand_case5 .cont_box > div button {padding:13px 25px 13px 10px;}
    .sBrand_case5 .cont_box > div button:after {right:10px;}
    .sBrand_case5 .cont_box > div button span:after {height:13px;}
    .sBrand_case5 .cont_box > div .cont {padding:15px 10px;}
}


.sIntroduce_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sIntroduce_case1 > div {width:calc(50% - 15px)}
.sIntroduce_case1 > div:nth-child(2) ~ div {margin-top:50px;}
.sIntroduce_case1 > div .img_box {width:100%; height:350px; background-color:#f9f9f9; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sIntroduce_case1 > div .txt_box {width:100%; margin-top:30px; position:relative;}
.sIntroduce_case1 > div .txt_box dl dt {font-size:1.5em; font-weight:600; padding-right:75px;}
.sIntroduce_case1 > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:20px;}
.sIntroduce_case1 > div .txt_box .more_btn {display:flex; justify-content:space-between; align-items:center; width:71px; height:29px; border:1px solid #666; font-size:0.875em; color:#666; font-weight:600; padding:0 10px; position:absolute; right:0; top:0; transition:all 0.5s; transition-property:background, border, color;}
.sIntroduce_case1 > div .txt_box .more_btn:after {content:'+'; font-size:1em; font-weight:900;}
.sIntroduce_case1 > div .txt_box .more_btn:hover {background:#191919; border-color:#191919; color:#fff;}

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

@media screen and (max-width:1024px){
    .sIntroduce_case1 > div {width:calc(50% - 7.5px)}
    .sIntroduce_case1 > div .txt_box {margin-top:20px;}
    .sIntroduce_case1 > div .txt_box dl dt {font-size:1.3em; padding-right:65px;}
    .sIntroduce_case1 > div .txt_box dl dd {font-size:1em; margin-top:10px}
    .sIntroduce_case1 > div .txt_box .more_btn {width:60px; height:26px; padding:0 5px;}
}

@media screen and (max-width:767px){
    .sIntroduce_case1 > div {width:100%}
    .sIntroduce_case1 > div:nth-child(1) ~ div {margin-top:8%;}
    .sIntroduce_case1 > div .img_box {height:48vw;}
    .sIntroduce_case1 > div .txt_box {margin-top:4%;}
    .sIntroduce_case1 > div .txt_box dl dt {font-size:1.2em; padding-right:55px;}
    .sIntroduce_case1 > div .txt_box dl dd {margin-top:2%}
    .sIntroduce_case1 > div .txt_box .more_btn {width:50px; height:24px;}
}


.sProcess_case2 {display:flex; flex-wrap:wrap; gap:20px; counter-reset:counter;}
.sProcess_case2 > div {width:calc(20% - 16px); min-height:286px; background:#f9f9f9; padding:20px; position:relative; transition:background 0.5s;}
.sProcess_case2 > div:before {content:counter(counter); counter-increment:counter; display:block; border-bottom:1px solid #191919; font-size:2.5em; font-weight:800; padding-bottom:10px; margin-bottom:20px;}
.sProcess_case2 > div:after {content:''; display:block; width:60px; height:60px; background-repeat:no-repeat; background-position:center center; background-size:contain; position:absolute; right:20px; top:14px;}
.sProcess_case2 > div dl dt {font-size:1.25em; font-weight:600; line-height:1.4em;}
.sProcess_case2 > div dl dd {font-size:1em; color:#666; line-height:1.4em; margin-top:10px;}
.sProcess_case2 > div:hover {background:rgba(238,138,0,0.1);}

.sProcess_case2 > div:nth-child(1):after {background-image:url(../images/sProcess_icon1.png)}
.sProcess_case2 > div:nth-child(2):after {background-image:url(../images/sProcess_icon2.png)}
.sProcess_case2 > div:nth-child(3):after {background-image:url(../images/sProcess_icon3.png)}
.sProcess_case2 > div:nth-child(4):after {background-image:url(../images/sProcess_icon4.png)}
.sProcess_case2 > div:nth-child(5):after {background-image:url(../images/sProcess_icon5.png)}
.sProcess_case2 > div:nth-child(6):after {background-image:url(../images/sProcess_icon6.png)}
.sProcess_case2 > div:nth-child(7):after {background-image:url(../images/sProcess_icon7.png)}
.sProcess_case2 > div:nth-child(8):after {background-image:url(../images/sProcess_icon8.png)}
.sProcess_case2 > div:nth-child(9):after {background-image:url(../images/sProcess_icon9.png)}
.sProcess_case2 > div:nth-child(10):after {background-image:url(../images/sProcess_icon10.png)}

.sProcess_case2 > div:hover:nth-child(1):after {background-image:url(../images/sProcess_icon1_on.png)}
.sProcess_case2 > div:hover:nth-child(2):after {background-image:url(../images/sProcess_icon2_on.png)}
.sProcess_case2 > div:hover:nth-child(3):after {background-image:url(../images/sProcess_icon3_on.png)}
.sProcess_case2 > div:hover:nth-child(4):after {background-image:url(../images/sProcess_icon4_on.png)}
.sProcess_case2 > div:hover:nth-child(5):after {background-image:url(../images/sProcess_icon5_on.png)}
.sProcess_case2 > div:hover:nth-child(6):after {background-image:url(../images/sProcess_icon6_on.png)}
.sProcess_case2 > div:hover:nth-child(7):after {background-image:url(../images/sProcess_icon7_on.png)}
.sProcess_case2 > div:hover:nth-child(7):after {background-image:url(../images/sProcess_icon7_on.png)}
.sProcess_case2 > div:hover:nth-child(9):after {background-image:url(../images/sProcess_icon9_on.png)}
.sProcess_case2 > div:hover:nth-child(10):after {background-image:url(../images/sProcess_icon10_on.png)}

.sProcess_case3 {width:100%; border:1px solid #ccc; padding:40px;}
.sProcess_case3 .t1 {font-size:1.125em; font-weight:600; margin-bottom:20px;}



@media screen and (max-width:1024px){
    .sProcess_case2 {gap:10px;}
    .sProcess_case2 > div {width:calc(25% - 7.5px); min-height:220px; padding:15px;}
    .sProcess_case2 > div:before {font-size:2em; margin-bottom:12px;}
    .sProcess_case2 > div:after {width:50px; height:50px; right:15px; top:4px;}
    .sProcess_case2 > div dl dt {font-size:1.125em;}
    .sProcess_case2 > div dl dd {margin-top:7px;}

    .sProcess_case3 {padding:4%;}
    .sProcess_case3 .t1 {font-size:1em; margin-bottom:2%;}
}

@media screen and (max-width:767px){
    .sProcess_case2 {gap:5px;}
    .sProcess_case2 > div {width:calc(50% - 2.5px); min-height:0;}
    .sProcess_case2 > div:before {font-size:1.7em;}
    .sProcess_case2 > div:after {width:40px; height:40px; top:8px;}
    .sProcess_case2 > div dl dt {font-size:1.125em;}
    .sProcess_case2 > div dl dd {margin-top:7px;}
}


.sContact_case1 {margin-top:70px; margin-bottom:100px;}
.sContact_case1 .form_box {width:100%; border-top:1px solid #191919;}
.sContact_case1 .form_box tbody th {width:220px; background:#f9f9f9; border-bottom:1px solid #ccc; font-size:1.125em; font-weight:600; text-align:center; padding:20px 0;}
.sContact_case1 .form_box tbody td {border-bottom:1px solid #ccc; padding:20px;}
.sContact_case1 .form_box tbody td .file_txt {font-size:0.875em; color:#ccc; margin-top:10px;}
.sContact_case1 .agree_box {display:flex; align-items:center; margin-top:20px;}
.sContact_case1 .agree_box .privacy_btn {display:block; width:80px; height:30px; border:1px solid #ccc; font-size:0.75em; color:#666; margin-left:10px;}
.sContact_case1 .rondakorea_btn1 {margin:50px auto 0;}

.sContact_case1 .form_txt {display:block; width:100%; height:50px; border:1px solid #ccc; font-size:1em; padding:0 15px; border-radius:0;}
.sContact_case1 .form_txt.case2 {max-width:calc(36% - 19.5px)}
.sContact_case1 .form_txt::placeholder {color:#ccc;}
.sContact_case1 .form_txt::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_txt:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_textarea {display:block; width:100%; height:200px; border:1px solid #ccc; font-size:1em; padding:15px; resize:none; border-radius:0;}
.sContact_case1 .form_textarea::placeholder {color:#ccc;}
.sContact_case1 .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_textarea:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_select {position:relative}
.sContact_case1 .form_select:after {content:'\f107'; font-size:0.875em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sContact_case1 .form_select select {display:block; width:100%; height:50px; border:1px solid #ccc; font-size:1em; color:#666; padding:0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sContact_case1 .check_box {position:relative;}
.sContact_case1 .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sContact_case1 .check_box label {display:flex; align-items:start;}
.sContact_case1 .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:2px solid #ccc; border-radius:50%; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .check_box label p {font-size:1em; font-weight:500; line-height:24px; padding-left:10px;}
.sContact_case1 .check_box input:checked + label:before {content:'\f00c'; background:#191919; border-color:#191919;}
.sContact_case1 .submit_btn {display:block; width:200px; height:61px; background:#191919; font-size:1.125em; color:#fff; font-weight:500; margin:20px auto 0; transition:background 0.5s;}
.sContact_case1 .submit_btn:hover {background:#ee8a00;}

.sContact_case1 .email_box {display:flex; align-items:center; width:100%;}
.sContact_case1 .email_box .form_txt {width:calc(36% - 19.5px);}
.sContact_case1 .email_box .form_select {width:28%; margin-left:5px;}
.sContact_case1 .email_box span {display:block; width:34px; font-size:1em; text-align:center;}

.sContact_case1 .radio_box {display:flex; width:100%;}
.sContact_case1 .radio_box > div:nth-child(1) ~ div {margin-left:-1px;}
.sContact_case1 .radio_box > div input {display:none;}
.sContact_case1 .radio_box > div label {display:flex; justify-content:center; align-items:center; width:128px; height:50px; border:1px solid #ccc; font-size:1em; color:#ccc; text-align:center; position:relative;}
.sContact_case1 .radio_box > div input:checked + label {border-color:#191919; color:#191919; font-weight:500; z-index:5;}

@media screen and (max-width:1220px){
    .sContact_case1 .form_box tbody th {width:170px;}
}

@media screen and (max-width:1024px){
    .sContact_case1 {margin-top:7%; margin-bottom:10%;}
    .sContact_case1 .form_box tbody th {width:130px; font-size:1em; padding:10px 0;}
    .sContact_case1 .form_box tbody td {padding:10px;}
    .sContact_case1 .agree_box {margin-top:15px;}
    .sContact_case1 .submit_btn {width:140px; height:45px; font-size:1em;}

    .sContact_case1 .form_txt {height:42px; padding:0 10px;}
	.sContact_case1 .form_txt.case2 {max-width:100%}
    .sContact_case1 .form_textarea {height:150px; padding:10px;}
    .sContact_case1 .form_select:after {right:10px;}
    .sContact_case1 .form_select select {height:42px; padding:0 10px;}

    .sContact_case1 .email_box .form_txt {width:calc(36% - 15px)}
    .sContact_case1 .email_box .form_select {width:28%; margin-left:5px;}
    .sContact_case1 .email_box span {width:25px;}

	.sContact_case1 .radio_box > div label {width:100px; height:42px;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box, .sContact_case1 .form_box tbody {display:block; width:100%;}
    .sContact_case1 .form_box tr {display:flex; flex-wrap:wrap;}
    .sContact_case1 .form_box tbody th {display:flex; justify-content:center; align-items:center; width:90px; padding:5px;}
    .sContact_case1 .form_box tbody td {width:calc(100% - 90px); padding:5px;}
    .sContact_case1 .form_box tbody td .file_txt {margin-top:5px;}
    .sContact_case1 .agree_box {margin-top:10px;}
    .sContact_case1 .agree_box .privacy_btn {width:60px; height:25px;}
    .sContact_case1 .submit_btn {width:120px; height:40px;}

    .sContact_case1 .form_txt {height:38px;}
    .sContact_case1 .form_textarea {height:100px;}
    .sContact_case1 .form_select select {height:38px; padding:0 10px;}
    .sContact_case1 .check_box label:before {width:20px; height:20px;}
    .sContact_case1 .check_box label p {padding-left:5px; line-height:20px;}

    .sContact_case1 .email_box {flex-wrap:wrap;}
    .sContact_case1 .email_box .form_txt {width:calc(50% - 10px)}
    .sContact_case1 .email_box .form_select {width:100%; max-width:100%; margin:5px 0 0 0;}
    .sContact_case1 .email_box span {width:20px;}

	.sContact_case1 .radio_box > div label {width:60px; height:32px;}
}

.modal_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.75); position:fixed; left:0; top:0; z-index:400;}
.modal_popup.on {display:flex;}
.modal_inner {width:700px; max-height:calc(100vh - 120px); background:#fff; border-radius:20px; padding:40px; position:relative;}
.modal_inner .close_btn {display:block; width:90px; height:90px; background:#191919; border-radius:10px; font-size:3em; color:#fff; position:absolute; left:100%; top:0; margin-left:10px; transition:background 0.4s;}
.modal_inner .close_btn:hover {background:#ee8a00;}
.modal_inner .tit {font-size:1.5em; line-height:1.3em; font-weight:600; margin-bottom:15px;}
.modal_inner .cont {max-height:calc(100vh - 260px); overflow-y:auto;}
.modal_inner .cont p {font-size:0.875em; color:#666; line-height:1.5em;}

@media screen and (max-width:1024px){
    .modal_inner {max-width:600px; padding:25px; border-radius:20px;}
    .modal_inner .close_btn {width:70px; height:70px; font-size:2em;}
    .modal_inner .tit {font-size:1.3em; margin-bottom:2%;}
}

@media screen and (max-width:767px){
    .modal_inner {max-width:88%; padding:15px; border-radius:10px;}
    .modal_inner .close_btn {background:#5678ff; width:32px; height:32px; border-radius:5px; font-size:1.5em; left:auto; right:10px; top:10px; margin-left:0;}
    .modal_inner .tit {font-size:1.3em; margin-bottom:2%;}
    .modal_inner .cont p {font-size:0.9375em;}
}