@charset "utf-8";


.rondakorea_btn1 {display:flex; justify-content:center; align-items:center; width:186px; height:59px; background:#132b88; border-radius:8px; font-size:1em; color:#fff; font-weight:600; text-align:center; transition:background 0.4s;}
.rondakorea_btn1:hover {background:#191919;}

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

@media screen and (max-width:767px){
    .rondakorea_btn1 {width:130px; height:38px; border-radius:5px;}
}


/* header */
#rondakorea_header {width:100%; height:100px; position:fixed; left:0; top:0; z-index:300; transition:background 0.4s;}
#rondakorea_header:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:0; opacity:0; visibility:hidden; transition:all 0.3s;}
#rondakorea_header .inner2 {display:flex; justify-content:space-between; align-items:center; height:100%; position:relative;}
#rondakorea_header .inner2 > div {display:flex; align-items:center; height:100%; position:relative; z-index:15;}

#rondakorea_header .h_lang {position:relative; margin-right:50px;}
#rondakorea_header .h_lang button {display:block; font-size:0.875em; font-weight:600; text-transform:uppercase; transition:color 0.3s;}
#rondakorea_header .h_lang button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:7px;}
#rondakorea_header .h_lang button.on:after {content:'\f106'}
#rondakorea_header .h_lang ul {display:none; width:60px; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:10px;}
#rondakorea_header .h_lang ul li {margin-bottom:2px;}
#rondakorea_header .h_lang ul li:last-child {margin-bottom:0;}
#rondakorea_header .h_lang ul li a {display:block; width:100%; line-height:30px; background:#fff; border-radius:15px; font-size:0.875em; font-weight:500; text-transform:uppercase; text-align:center;}
#rondakorea_header .h_lang ul li.on a {background:#5678ff; color:#fff; font-weight:600;}

#rondakorea_header .h_member {display:flex; align-items:center; margin-right:30px;}
#rondakorea_header .h_member li {padding:0 12px; position:relative;}
#rondakorea_header .h_member li:first-child {padding-left:0;}
#rondakorea_header .h_member li:last-child {padding-right:0;}
#rondakorea_header .h_member li:before {content:''; display:block; width:1px; height:11px; background:rgba(25,25,25,0.8); position:absolute; left:0; top:50%; transform:translateY(-50%)}
#rondakorea_header .h_member li:first-child:before {display:none;}
#rondakorea_header .h_member li a {display:block; font-size:0.875em; font-weight:500; text-transform:uppercase;}

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

#rondakorea_gnb {position:absolute; width:100%; height:100%; z-index:5;}
#rondakorea_gnb:before {content:''; display:block; width:100vw; height:0; background:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0; opacity:0; transition:height 0.3s ease-in-out, opacity 0.2s ease-in-out;}
#rondakorea_gnb:after {content:''; display:block; width:100vw; height:1px; background:#eee; position:absolute; left:50%; top:99px; transform:translateX(-50%); z-index:1; opacity:0; transition:opacity 0.2s ease-in-out;}
#rondakorea_gnb > ul {display:flex; justify-content:end; width:100%; padding:0 305px 0 290px; position:relative; z-index:10;}
#rondakorea_gnb > ul > li {width:130px; position:relative; text-align:center; transition:all 0.8s cubic-bezier(.7, .1, .2, 1);}
#rondakorea_gnb > ul > li > a {display:block; font-size:1.125em; line-height:100px; font-weight:600; transition:color 0.3s;}
#rondakorea_gnb > ul > li > ul {width:100%; height:0; position:absolute; left:0; top:100%; padding:30px 0; border-left:1px solid #eee; opacity:0; visibility:hidden; transition:all 0.2s 0s;}
#rondakorea_gnb > ul > li:last-child > ul {border-right:1px solid #eee;}
#rondakorea_gnb > ul > li > ul:before {content:''; display:block; width:0; height:3px; background:#132b88; position:absolute; left:50%; top:0; transform:translateX(-50%); transition:all 0.4s cubic-bezier(.7, 0, .2, 1)}
#rondakorea_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#333; line-height:1.3em; padding:7px 15px;}
#rondakorea_gnb > ul > li:hover > a {color:#132b88;}
#rondakorea_gnb > ul > li:hover > ul {background:#fafbff}
#rondakorea_gnb > ul > li:hover > ul:before {width:100%;}
#rondakorea_gnb > ul > li > ul > li > a:hover {color:#132b88; font-weight:600;}

#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;}
#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:#5678ff; 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:block; width:24px; height:24px; position:relative; z-index:15;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:2px; height:0; background:#fff; position:absolute; left:50%; top:50%; transition:all 0.4s 0s;}
#menuToggle:before {transform:translate(-50%, -50%) rotate(45deg)}
#menuToggle:after {transform:translate(-50%, -50%) rotate(-45deg);}
#menuToggle span {display:block; width:8px; height:8px; background:#191919; border-radius:50%; position:absolute; transition:all 0.4s 0.4s, opacity 0.4s;}
#menuToggle span:nth-child(1) {left:0; top:0;}
#menuToggle span:nth-child(2) {right:0; top:0;}
#menuToggle span:nth-child(3) {left:0; bottom:0;}
#menuToggle span:nth-child(4) {right:0; bottom:0;}

#rondakorea_header.scroll_on {background:#fff; box-shadow:0 0 15px rgba(25,25,25,0.15)}

#rondakorea_header.active:before {opacity:1; visibility:visible;}

#rondakorea_header.active #rondakorea_gnb:before {height:340px; opacity:1;}
#rondakorea_header.active #rondakorea_gnb:after {opacity:1;}
#rondakorea_header.active #rondakorea_gnb > ul > li {width:20%}
#rondakorea_header.active #rondakorea_gnb > ul > li > ul {height:240px; opacity:1; visibility:visible; transition:height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s, visibility 0.5s ease-in-out 0.2s, background 0.3s;}


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

#rondakorea_header.on #menuToggle:before, #rondakorea_header.on #menuToggle:after {height:24px; transition-delay:0.4s;}
#rondakorea_header.on #menuToggle span {opacity:0; transition:all 0.4s, opacity 0.4s 0.4s;}
#rondakorea_header.on #menuToggle span:nth-child(1) {left:50%; top:50%; transform:translate(-50%, -50%)}
#rondakorea_header.on #menuToggle span:nth-child(2) {right:50%; top:50%; transform:translate(50%, -50%)}
#rondakorea_header.on #menuToggle span:nth-child(3) {left:50%; bottom:50%; transform:translate(-50%, 50%)}
#rondakorea_header.on #menuToggle span:nth-child(4) {right:50%; bottom:50%; transform:translate(50%, 50%)}

@media screen and (min-width:2000px){
    #rondakorea_header.active #rondakorea_gnb > ul > li {width:17%;}
}

@media screen and (min-width:1025px){
    #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;}

    #rondakorea_header.on .h_lang button {color:#fff;}
    #rondakorea_header.on #rondakorea_logo {background-image:url(../images/logo_w.png)}

    #rondakorea_header.on #menuToggle span {background:#fff;}
}

@media screen and (max-width:1320px){
    #rondakorea_header .h_lang {margin-right:30px;}

    #rondakorea_gnb > ul {padding:0 270px 0 220px;}
    #rondakorea_gnb > ul > li {width:110px;}
    #rondakorea_gnb > ul > li > a {font-size:1em;}
}

@media screen and (max-width:1024px){
    #rondakorea_header {height:55px;}
    #rondakorea_header .h_lang {margin-right:20px;}
    #rondakorea_header .h_lang ul {width:50px;}
    #rondakorea_header .h_lang ul li a {line-height:26px;}

    #rondakorea_logo {width:145px; height:28px;}

    #rondakorea_gnb {display:none;}

    #all_gnb {display:block;}
    #all_gnb:before {background:#fff;}
    #all_gnb > ul {display:block; padding:80px 0;}
    #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; border-top:2px solid #132b88;}
    #all_gnb > ul > li > ul > li > a {color:#666; padding:7px 10px;}

    #menuToggle {width:18px; height:18px;}
    #menuToggle:before, #menuToggle:after {background:#191919;}
    #menuToggle span {width:6px; height:6px;}
    
    #rondakorea_header.on #menuToggle:before, #rondakorea_header.on #menuToggle:after {height:20px;}
}


/* footer */
#rondakorea_footer {width:100%; background:#191919; padding:50px 0 70px;}
#rondakorea_footer .f_logo img {height:35px;}
#rondakorea_footer .f_info {margin-top:25px;}
#rondakorea_footer .f_info li {display:inline-block; font-size:0.875em; color:#fff; line-height:1.78em;}
#rondakorea_footer .f_info li:before {content:'|'; color:#666; margin:0 10px; vertical-align:middle;}
#rondakorea_footer .f_info li:first-child:before, #rondakorea_footer .f_info br + li:before {display:none;}
#rondakorea_footer .copy {font-size:0.875em; color:#666; font-weight:600; margin-top:20px;}
#rondakorea_footer .f_member {position:absolute; right:0; bottom:0;}
#rondakorea_footer .f_member a {display:inline-block; border:1px solid #666; font-size:0.75em; color:#666; line-height:24px; padding:0 10px;}

@media screen and (max-width:1024px){
    #rondakorea_footer {padding:5% 0;}
    #rondakorea_footer .f_logo img {height:30px;}
    #rondakorea_footer .f_info {margin-top:15px;}
    #rondakorea_footer .f_info li:before {margin:0 7px;}
    #rondakorea_footer .copy {margin-top:10px;}
}

@media screen and (max-width:767px){
    #rondakorea_footer .f_logo img {height:27px;}
    #rondakorea_footer .f_info br {display:none;}
    #rondakorea_footer .f_info li {margin-right:8px;}
    #rondakorea_footer .f_info li:before {display:none;}
    #rondakorea_footer .f_member a {line-height:22px; padding:0 8px;}
}


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

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

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

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


/* main */
#mVisu {width:100%; height:100vh; position:relative; overflow:hidden;}
#mVisu .txt_box {position:relative; z-index:5; padding-top:200px;}
#mVisu .txt_box .tit {font-size:6.875em; line-height:1.1em; font-weight:600; letter-spacing:-0.04em;}
#mVisu .txt_box .tit p {overflow:hidden;}
#mVisu .txt_box .tit p span {display:block;}
#mVisu .img_box {width:100%; height:calc(100% - 480px); position:absolute; left:0; bottom:0; overflow:hidden;}
/*#mVisu .img_box:before {content:''; display:block; width:100%; height:100%; background:url(../images/mVisu_img1.jpg) no-repeat center center; background-size:cover; transform:scale(1.1); animation:mVisu 3000ms ease-in-out forwards;}*/
#mVisu .scroll_box {position:absolute; left:50%; top:50%; transform:translateY(-50%); margin-left:-810px;}
#mVisu .scroll_box .icon {display:block; width:12px; height:17px; border:2px solid #fff; border-radius:6px; margin:0px auto 10px; position:relative;}
#mVisu .scroll_box .icon:before {content:''; display:block; width:2px; height:3px; border-radius:50%; background-color:#fff; position:absolute; left:50%; margin-left:-1px; animation:scrollAni 1.1s infinite;}
#mVisu .scroll_box p {font-size:0.7em; color:rgba(255,255,255,0.5); letter-spacing:0.05em; font-weight:600; text-align:center; writing-mode:vertical-rl}
#mVisu .scroll_box p span {display:inline-block; animation:scroll-down-ani 2s ease-in-out 0s infinite;}
#mVisu .scroll_box p .space {width:5px; height:5px;}
#mVisu .scroll_box p span:nth-child(1) {animation-delay:calc(calc(60ms * 0))}
#mVisu .scroll_box p span:nth-child(2) {animation-delay:calc(calc(60ms * 1))}
#mVisu .scroll_box p span:nth-child(3) {animation-delay:calc(calc(60ms * 2))}
#mVisu .scroll_box p span:nth-child(4) {animation-delay:calc(calc(60ms * 3))}
#mVisu .scroll_box p span:nth-child(5) {animation-delay:calc(calc(60ms * 4))}
#mVisu .scroll_box p span:nth-child(6) {animation-delay:calc(calc(60ms * 5))}
#mVisu .scroll_box p span:nth-child(7) {animation-delay:calc(calc(60ms * 6))}
#mVisu .scroll_box p span:nth-child(8) {animation-delay:calc(calc(60ms * 7))}
#mVisu .scroll_box p span:nth-child(9) {animation-delay:calc(calc(60ms * 8))}
#mVisu .scroll_box p span:nth-child(10) {animation-delay:calc(calc(60ms * 9))}
#mVisu .scroll_box p span:nth-child(11) {animation-delay:calc(calc(60ms * 10))}

.mVisu_slide {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; overflow:hidden;}
.mVisu_slide .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mVisu_slide .video {width:100%; height:0; padding-bottom:56.25vw; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.mVisu_slide .video:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;}
.mVisu_slide .video:after {content:''; display:block; width:100%; height:100%; background:url(/images/mVisu_logo.png) no-repeat center center; background-size:100% auto; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:7; animation:mVisu2 2s ease-in-out 2s forwards;}
.mVisu_slide .video.on:after {animation:mVisu2 2s ease-in-out 1s forwards;}
.mVisu_slide iframe {width:100%; height:100%; min-height:calc(100vh - 380px); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px; display:none;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7.5px;}
.mVisu_slide .swiper-pagination-bullet {width:8px; height:8px; background:#fff; opacity:0.3; border-radius:50%; vertical-align:middle;}
.mVisu_slide .swiper-pagination-bullet-active {width:14px; height:14px; border:3px solid #fff; background:none; opacity:1;}

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

@keyframes mVisu2 {
	0% {
		transform:translate(-50%, -50%) scale(1); opacity:1;
	}
	100% {
		transform:translate(-50%, -50%) scale(4); opacity:0;
	}
}

@keyframes scrollAni {
	from { 
		top: 2px;
	}
	to {
		top: 10px;
		opacity: 0;
	}
}

@keyframes scroll-down-ani {
    0% {
        opacity: 0;
        transform: translateY(-50%) rotateX(90deg)
    }

    15%,85% {
        opacity: 1;
        transform: translateY(0) rotateX(0)
    }

    100% {
        opacity: 0;
        transform: translateY(50%) rotateX(-90deg)
    }
}

@media screen and (max-width:1620px){
    #mVisu .txt_box .tit {font-size:6em;}
    #mVisu .img_box {height:calc(100% - 480px)}
    #mVisu .scroll_box {left:6%; margin-left:0;}
}

@media screen and (max-width:1220px){
    #mVisu .txt_box .tit {font-size:5em;}
    #mVisu .img_box {height:calc(100% - 450px)}

	.mVisu_slide iframe {min-height:calc(100vh - 450px)}
}

@media screen and (max-width:1024px){
    #mVisu .txt_box {padding-top:130px;}
    #mVisu .txt_box .tit {font-size:7.5vw;}
    #mVisu .img_box {height:calc(100% - 200px - 12vw)}
	
	.mVisu_slide .video {width:1920px; height:1080px; padding-bottom:0;}
	.mVisu_slide .video:after {width:80%; height:80%;}
	.mVisu_slide iframe {min-height:100%}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px;}
	.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
	.mVisu_slide .swiper-pagination-bullet {width:6px; height:6px}
	.mVisu_slide .swiper-pagination-bullet-active {width:10px; height:10px; border-width:2px;}
}


.main_title h2 {font-size:4.375em; line-height:1.1em; font-weight:600; letter-spacing:-0.04em;}
.main_title .t1 {font-size:1.125em; color:#666; line-height:1.44em;}
.main_title .t2 {font-size:1.5em; line-height:1.4em; font-weight:500; margin-top:20px;}

@media screen and (max-width:1024px){
    .main_title h2 {font-size:3.3em;}
    .main_title .t1 {font-size:1em;}
    .main_title .t2 {font-size:1.3em; margin-top:2%;}
}

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


#mCompany {display:flex; justify-content:center; align-items:center; height:600px; margin-top:150px; position:relative;}
#mCompany .txt_box {position:relative; z-index:5; text-align:center; padding:0 15px;}
#mCompany .txt_box .tit {font-size:3.75em; color:#fff; line-height:1.1em; letter-spacing:-0.04em; font-weight:600; overflow:hidden;}
#mCompany .txt_box .tit span {display:block; opacity:0; transform:translateY(100%); transition:all 1.2s 0.5s; transition-property:opacity, transform;}
#mCompany .txt_box .txt {font-size:1.125em; color:#fff; line-height:1.44em; font-weight:600; margin-top:20px; opacity:0; transform:translateY(100%); transition:all 1.2s 0.5s; transition-property:opacity, transform;}
#mCompany .img_box {width:0; height:100%; background:url(../images/mCompany_img1.png) no-repeat center center; background-size:cover; position:absolute; left:50%; top:0; transform:translateX(-50%); border-radius:30px; z-index:0; overflow:hidden; transition:width 0.6s ease-in-out;}
#mCompany .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3);}

#mCompany.active .txt_box .tit span, #mCompany.active .txt {opacity:1; transform:translateY(0)}
#mCompany.active .img_box {width:100%;}

@media screen and (max-width:1024px){
    #mCompany {height:400px; margin-top:15%;}
    #mCompany .txt_box .tit {font-size:2.5em;}
    #mCompany .txt_box .txt {font-size:1em; margin-top:2%;}
    #mCompany .img_box {border-radius:15px;}
}

@media screen and (max-width:767px){
    #mCompany {height:auto; padding:20% 10px;}
    #mCompany .txt_box .tit {font-size:2em;}
    #mCompany .img_box {border-radius:10px;}
}


#mProducts {margin-top:150px;}
#mProducts .main_title {display:flex; flex-wrap:wrap; width:100%; margin-bottom:50px;}
#mProducts .main_title h2 {width:50%;}
#mProducts .main_title .t1 {width:50%; text-align:right;}
#mProducts ul {display:flex; justify-content:space-between; align-items:start;}
#mProducts ul > li {width:calc(50% - 15px); border-radius:30px; overflow:hidden; position:relative;}
#mProducts ul > li:last-child {margin-top:50px;}
#mProducts ul > li .txt_box {width:100%; padding:0 50px 50px; position:absolute; left:0; bottom:0;}
#mProducts ul > li .txt_box span {display:block; font-size:1em; color:#fff; font-weight:600; letter-spacing:-0.04em; margin-bottom:5px;}
#mProducts ul > li .txt_box h3 {font-size:1.875em; color:#fff; font-weight:600; letter-spacing:-0.04em;}
#mProducts ul > li .txt_box ol {display:flex; flex-wrap:wrap; margin-top:20px;}
#mProducts ul > li .txt_box ol li {background:rgba(255,255,255,0.2); line-height:39px; border-radius:7px; font-size:1em; color:#fff; font-weight:600; padding:0 15px; margin-right:5px;}
#mProducts ul > li:last-child .txt_box ol li {background:rgba(25,25,25,0.2);}
#mProducts ul > li .txt_box ol li:last-child {margin-right:0;}
#mProducts ul > li .img_box {width:100%; height:700px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.6s ease-in-out}
#mProducts ul > li .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25,25,25,0) 46%, #191919); opacity:0.3;}
#mProducts ul > li:hover .img_box {transform:scale(1.1)}

@media screen and (max-width:1220px){
    #mProducts .main_title .t1 br {display:none;}
    #mProducts ul > li .img_box {height:53vw;}
}

@media screen and (max-width:1024px){
    #mProducts {margin-top:15%;}
    #mProducts .main_title {margin-bottom:5%;}
    #mProducts ul > li {width:calc(50% - 5px); border-radius:15px;}
    #mProducts ul > li:last-child {margin-top:20px;}
    #mProducts ul > li .txt_box {padding:0 20px 20px;}
    #mProducts ul > li .txt_box h3 {font-size:1.5em;}
    #mProducts ul > li .txt_box ol {margin-top:10px;}
    #mProducts ul > li .txt_box ol li {line-height:32px; padding:0 12px; margin-right:3px;}
}

@media screen and (max-width:767px){
    #mProducts .main_title {display:block;}
    #mProducts .main_title h2 {width:100%;}
    #mProducts .main_title .t1 {width:100%; text-align:left; margin-top:1%;}
    #mProducts ul {display:block;}
    #mProducts ul > li {width:100%; border-radius:10px;}
    #mProducts ul > li:last-child {margin-top:1.5%;}
    #mProducts ul > li .txt_box {padding:0 15px 15px;}
    #mProducts ul > li .txt_box span {margin-bottom:0;}
    #mProducts ul > li .txt_box h3 {font-size:1.4em;}
    #mProducts ul > li .txt_box ol li {line-height:26px; padding:0 10px;}
    #mProducts ul > li .img_box {height:60vw;}
}


#mGlobal {width:100%; margin-top:150px; overflow:hidden;}
#mGlobal .map_box {width:100%; height:460px; margin-top:70px; position:relative;}
#mGlobal .map_box img {position:absolute; left:50%; top:0; transform:translateX(-50%)}
#mGlobal .map_box ul li {position:absolute; left:50%; bottom:50%; transform:translateX(-50%)}
#mGlobal .map_box ul li:nth-child(1) {margin-left:85px; margin-bottom:15px;}
#mGlobal .map_box ul li:nth-child(2) {margin-left:-50px; margin-bottom:5px;}
#mGlobal .map_box ul li:nth-child(3) {margin-left:25px; margin-bottom:-20px;}
#mGlobal .map_box ul li button {display:block; width:27px; height:39px; background:url(../images/mGlobal_point.png) no-repeat center center; background-size:contain;}
#mGlobal .map_box ul li.on button {width:32px; height:50px; background-image:url(../images/mGlobal_point_on.png)}
.mGlobal_slide_wrap {display:flex; justify-content:center;}
.mGlobal_slide {max-width:100%;}
.mGlobal_slide .swiper-slide {width:218px;}
.mGlobal_slide .img_box {width:100%; height:140px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px; opacity:0.3; transition:margin-top 0.4s}
.mGlobal_slide .on .img_box {opacity:1; margin-top:-20px;}
.mGlobal_slide .t1 {font-size:0.875em; color:#132b88; font-weight:600; letter-spacing:-0.04em; margin:20px 0 5px;}
.mGlobal_slide .t2 {font-size:1.125em; font-weight:600;}

@media screen and (max-width:1024px){
    #mGlobal {margin-top:15%;}
    #mGlobal .map_box {height:300px; margin-top:7%;}
    #mGlobal .map_box img {width:1200px;}
    #mGlobal .map_box ul li button {width:21px; height:30px;}
    #mGlobal .map_box ul li.on button {width:25px; height:39px;}
    #mGlobal .map_box ul li:nth-child(1) {margin-left:60px; margin-bottom:0px;}
    #mGlobal .map_box ul li:nth-child(2) {margin-left:-30px; margin-bottom:-5px;}
    #mGlobal .map_box ul li:nth-child(3) {margin-left:20px; margin-bottom:-20px;}
	.mGlobal_slide_wrap {display:block;}
	.mGlobal_slide {width:190px;}
    .mGlobal_slide .swiper-slide {width:190px;}
    .mGlobal_slide .img_box {height:122px;}
    .mGlobal_slide .t1 {margin:10px 0 3px;}
    .mGlobal_slide .t2 {font-size:1em;}
}


#mCore {/*height:300vh;*/ margin-top:150px; position:relative;}
#mCore > div {/*position:sticky; left:0; top:150px;*/}
#mCore .txt_box {margin-bottom:50px;}
#mCore .txt_box span {display:block; font-size:1.5em; color:#132b88; letter-spacing:-0.04em; line-height:1em; font-weight:600;}
#mCore .txt_box p {font-size:3.125em; line-height:1.3em; font-weight:600; margin-top:20px;}
#mCore .box {width:100%; max-width:1000px; margin:0 auto; position:relative;}
#mCore .box > div {width:100%; height:350px; position:relative; overflow:hidden; border-radius:30px; overflow:hidden; margin-bottom:20px;}
#mCore .box > div:last-child {margin-bottom:0;}
#mCore .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; z-index:1;}
#mCore .box > div .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3)}
#mCore .box > div dl {display:flex; align-items:center; flex-wrap:wrap; width:100%; height:100%; position:relative; z-index:5; padding:0 120px;}
#mCore .box > div dl dt {width:490px; font-size:3.125em; color:#fff; letter-spacing:-0.04em; line-height:1em; font-weight:600;}
#mCore .box > div dl dd {width:calc(100% - 490px); font-size:1.5em; color:#fff; line-height:1.4em; font-weight:600;}

@media screen and (max-width:1220px){
    #mCore .box > div dl {padding:0 50px;}
    #mCore .box > div dl dt {width:420px;}
    #mCore .box > div dl dd {width:calc(100% - 420px)}
}

@media screen and (max-width:1024px){
    #mCore {height:auto; margin-top:15%;}
    #mCore > div {top:10%;}
    #mCore .txt_box {margin-bottom:5%;}
    #mCore .txt_box span {font-size:1.3em;}
    #mCore .txt_box p {font-size:2.5em; margin-top:2%;}
    #mCore .box > div {height:250px; border-radius:15px; margin-bottom:2%;}
    #mCore .box > div dl {padding:0 30px;}
    #mCore .box > div dl dt {width:350px; font-size:2.5em;}
    #mCore .box > div dl dd {width:calc(100% - 350px); font-size:1.3em;}
}

@media screen and (max-width:767px){
    #mCore .txt_box span {font-size:1.125em;}
    #mCore .txt_box p {font-size:1.8em;}
    #mCore .box > div {height:200px; border-radius:10px; text-align:center;}
    #mCore .box > div dl {justify-content:center; align-items:center; flex-direction:column; padding:0 20px;}
    #mCore .box > div dl dt {width:100%; font-size:2em;}
    #mCore .box > div dl dd {width:100%; font-size:1.125em; margin-top:2%;}
}


#mCustomers {display:flex; justify-content:space-between; align-items:center; height:600px; background:url(../images/mCustomers_img1.png) no-repeat center center; background-size:cover; border-radius:30px; overflow:hidden; margin-top:150px; position:relative; padding:0 210px;}
#mCustomers:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.1); position:absolute; left:0; top:0; z-index:0;}
#mCustomers .main_title {position:relative; z-index:5;}
#mCustomers .main_title .t1 {margin-top:15px;}
#mCustomers ul {display:flex; position:relative; z-index:5;}
#mCustomers ul li {width:100px; margin-right:50px;}
#mCustomers ul li:last-child {margin-right:0;}
#mCustomers ul li i {display:block; width:100%; line-height:100px; background:rgba(255,255,255,0.3); backdrop-filter:blur(30px); border-radius:50%; font-size:1.875em; color:#fff; text-align:center; transition:background 0.4s;}
#mCustomers ul li p {font-size:1em; color:#fff; font-weight:600; text-align:center; margin-top:15px;}
#mCustomers ul li:hover i {background:#132b88}

@media all and (max-width:1620px) {
    #mCustomers {padding:0 100px;}
    #mCustomers ul li {margin-right:30px;}
}

@media all and (max-width:1220px) {
    #mCustomers {justify-content:center; flex-direction:column; align-items:start; padding:0 50px;}
    #mCustomers .main_title {width:100%; text-align:center;}
    #mCustomers ul {justify-content:center; width:100%; margin-top:30px;}
    #mCustomers ul li {margin-right:50px;}
}

@media screen and (max-width:1024px){
    #mCustomers {height:auto; padding:10% 2%; border-radius:15px; margin-top:15%;}
    #mCustomers .main_title .t1 {margin-top:1%;}
    #mCustomers ul {margin-top:5%;}
    #mCustomers ul li {width:80px; margin-right:30px;}
    #mCustomers ul li i {font-size:1.5em; line-height:80px; margin:0 auto;}
    #mCustomers ul li p {margin-top:10px;}
}

@media screen and (max-width:767px){
    #mCustomers {padding:18% 2%;}
    #mCustomers ul li {width:30%; margin-right:0;}
    #mCustomers ul li i {width:65px; font-size:1.3em; line-height:65px; margin:0 auto;}
    #mCustomers ul li p {margin-top:10px;}
}


#mNews {overflow:hidden; padding:150px 0;}
.mNews_slide {width:100%; position:relative; padding-bottom:65px; margin-top:100px;}
.mNews_slide a {display:block;}
.mNews_slide .cont {border-top:2px solid #191919; border-bottom:1px solid #ccc; padding:40px 0;}
.mNews_slide .subject {font-size:1.5em; line-height:1.4em; font-weight:700; max-height:2.8em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mNews_slide .content {font-size:1.125em; color:#666; line-height:1.4em; margin-top:20px; word-break:break-all; max-height:4.2em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mNews_slide .info {display:flex; justify-content:space-between; align-items:center; margin-top:20px;}
.mNews_slide .info p {font-size:1em; font-weight:600;}
.mNews_slide .info span {font-size:1em; color:#132b88; font-weight:600; text-transform:uppercase;}
.mNews_slide .info span:after {content:'\f14c'; font-size:1.125em; font-weight:900; font-family:'Font Awesome 6 Pro'; margin-left:5px;}
.mNews_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.mNews_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7.5px;}
.mNews_slide .swiper-pagination-bullet {width:8px; height:8px; background:#ccc; border-radius:50%; opacity:1; vertical-align:middle;}
.mNews_slide .swiper-pagination-bullet-active {width:14px; height:14px; background:#fff; border:3px solid #132b88;}

@media screen and (max-width:1024px){
    #mNews {padding:15% 0;}
    .mNews_slide {margin-top:5%; padding-bottom:45px;}
    .mNews_slide .cont {padding:20px 0;}
    .mNews_slide .subject {font-size:1.3em;}
    .mNews_slide .content {font-size:1em; margin-top:10px;}
    .mNews_slide .info {margin-top:15px;}
}

@media screen and (max-width:767px){
    .mNews_slide .subject {max-height:1.4em; -webkit-line-clamp:1;}
    .mNews_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
    .mNews_slide .swiper-pagination-bullet {width:6px; height:6px;}
    .mNews_slide .swiper-pagination-bullet-active {width:10px; height:10px; border:2px solid #132b88;}
}


#mContact {width:100%; height:300px; background:url(../images/mContact_img1.jpg) no-repeat center center; background-size:cover; position:relative;}
#mContact:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
#mContact > div {display:flex; justify-content:space-between; align-items:center; height:100%; position:relative;}
#mContact .main_title {display:flex; justify-content:space-between; align-items:center;}
#mContact .main_title .t2 {margin-top:0; margin-left:30px;}
#mContact a {font-size:6.25em; color:#fff;}

@media screen and (max-width:1024px){
    #mContact {height:250px;}
    #mContact .main_title .t2 {margin-left:15px;}
    #mContact a {font-size:5em;}
}

@media screen and (max-width:767px){
    #mContact {height:180px;}
    #mContact .main_title {display:block;}
    #mContact .main_title .t2 {margin-left:0; margin-top:1.5%;}
    #mContact a {font-size:3.8em;}
}


/* sub */
#sVisu {width:100%; padding-top:150px; position:relative;}
#sVisu .s-inner {position:unset;}
#sVisu h2 {font-size:1.5em; color:#132b88; letter-spacing:-0.04em; font-weight:600; text-transform:uppercase; margin-bottom:15px;}
#sVisu p {font-size:3.125em; line-height:1.3em; font-weight:600;}
#sVisu .img_box {width:100%; height:350px; position:relative; overflow:hidden;}
#sVisu .img_box:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1); animation:sVisu 5s linear forwards;}

#board {width:100%; height:50px; position:absolute; left:0; bottom:0; z-index:0; pointer-events:none;}

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

@keyframes sVisu {
    0% {transform:scale(1.1)}
    100% {transform:scale(1) rotate(0.002deg)}
}

@media screen and (max-width:1024px){
    #sVisu {padding-top:120px;}
    #sVisu h2 {font-size:1.3em; margin-bottom:10px;}
    #sVisu p {font-size:2.5em;}
    #sVisu .img_box {height:280px;}
}

@media screen and (max-width:767px){
    #sVisu {padding-top:90px; padding-bottom:55px;}
    #sVisu h2 {font-size:1.125em; margin-bottom:5px;}
    #sVisu p {font-size:2em;}
    #sVisu .img_box {height:160px; margin-top:20px;}

	#sVisu.case2 {padding-bottom:0;}
}


.sub_menu_wrap {margin-top:50px;}
.sub_menu_wrap button {display:none;}
.sub_menu_wrap ul {display:flex; justify-content:end; width:100%;}
.sub_menu_wrap ul li {margin-right:30px;}
.sub_menu_wrap ul li:last-child {margin-right:0;}
.sub_menu_wrap ul li a {display:block; font-size:1.125em; color:#666; padding:0 10px 15px; position:relative; transition:color 0.4s;}
.sub_menu_wrap ul li a:before {content:''; display:block; width:0; height:2px; background:#132b88; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.4s ease-in-out;}
.sub_menu_wrap ul li:hover a {color:#132b88; font-weight:600;}
.sub_menu_wrap ul li:hover a:before {width:100%;}

@keyframes sMenu1 {
    0% {color:#666;}
    100% {color:#132b88; font-weight:600;}
}

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

@media screen and (min-width:768px){
    .sub_menu_wrap ul li.on a {animation:sMenu1 0.4s forwards}
    .sub_menu_wrap ul li.on a:before {animation:sMenu2 0.4s ease-in-out forwards}
}

@media screen and (max-width:1024px){
    .sub_menu_wrap {margin-top:30px;}
    .sub_menu_wrap ul li {margin-right:20px;}
    .sub_menu_wrap ul li a {font-size:1em; padding:0 7px 10px;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {width:88%; margin-top:0; position:absolute; left:6%; bottom:0;}
    .sub_menu_wrap button {display:block; width:100%; height:40px; border:1px solid #ccc; border-radius:5px; font-size:1em; font-weight:500; text-align:left; padding:0 10px; position:relative;}
    .sub_menu_wrap button:after {content:'\2b'; font-size:0.88em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:10px; top:50%; transform:translateY(-50%)}
    .sub_menu_wrap button.on:after {content:'\f068'}
    .sub_menu_wrap ul {display:none; width:100%; background:#fff; border:1px solid #ccc; border-radius:5px; position:absolute; left:0; top:100%; margin-top:5px; z-index:50;}
    .sub_menu_wrap ul li {margin-right:0;}
    .sub_menu_wrap ul li a {font-size:1em; padding:12px 10px;}
    .sub_menu_wrap ul li a:before {width:100%; height:1px; background:#ccc;}
    .sub_menu_wrap ul li:last-child a:before {display:none;}
    .sub_menu_wrap button.on + ul {display:block;}
    
    .sub_menu_wrap ul li.on a {color:#132b88; font-weight:500;}

	#sVisu.case2 .sub_menu_wrap {display:none;}
}


#sub_content {min-height:60vh; padding:100px 0;}

.sub_title {font-size:2.5em; line-height:1.25em; font-weight:600;}

.s_tit1 {font-size:1.875em; color:#132b88; font-weight:600;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.44em; word-break:break-all;}

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

    .sub_title {font-size:2em;}

    .s_tit1 {font-size:1.5em;}

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

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

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


.sub_table_box1 {width:100%; border-top:1px solid #191919;}
.sub_table_box1 tbody th {background:#f9f9f9; border-bottom:1px solid #ccc; font-size:1.125em; font-weight:600; text-align:center; padding:30px 10px;}
.sub_table_box1 tbody td {border-bottom:1px solid #ccc; font-size:1.125em; color:#666; line-height:1.44em; padding:30px;}
.sub_table_box1 tbody td strong {display:block; color:#191919; font-weight:600; margin-bottom:10px;}
.sub_table_box1 tbody td ul li {margin-bottom:10px; position:relative; padding-left:14px;}
.sub_table_box1 tbody td ul li:last-child {margin-bottom:0;}
.sub_table_box1 tbody td ul li:before {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; left:0; top:11px;}

@media screen and (max-width:1024px){
    .sub_table_box1 tbody th {font-size:1em; padding:15px 10px;}
    .sub_table_box1 tbody td {font-size:1em; padding:15px;}
    .sub_table_box1 tbody td strong {margin-bottom:5px;}
    .sub_table_box1 tbody td ul li {margin-bottom:5px; padding-left:10px;}
    .sub_table_box1 tbody td ul li:before {width:3px; height:3px; top:8px;}
}

@media screen and (max-width:767px){
    .sub_table_box1 tbody th {padding:10px;}
    .sub_table_box1 tbody td {padding:10px;}
    .sub_table_box1 tbody td ul li:before {top:7px;}
}


.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 .img_box {width:50%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px;}
.sub_img_box1 > div .txt_box {width:calc(50% - 100px)}
.sub_img_box1 > div .txt_box .s_tit1 {margin-bottom:20px;}

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

@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 .s_tit1 {margin-bottom:15px;}
}

@media screen and (max-width:767px){
    .sub_img_box1 > div {margin-bottom:10%;}
    .sub_img_box1 > div .img_box {width:100%; height:50vw; border-radius:10px;}
    .sub_img_box1 > div .txt_box {width:100%; margin-top:4%;}
    .sub_img_box1 > div .txt_box .s_tit1 {margin-bottom:1.5%;}
}


.sCompany_case1 {display:flex; flex-wrap:wrap;}
.sCompany_case1 .img_box {width:50%; padding-right:100px;}
.sCompany_case1 .img_box img {width:100%;}
.sCompany_case1 .sub_title {width:50%;}
.sCompany_case1 .txt_box {width:50%;}
.sCompany_case1 .txt_box .s_txt1 {margin-top:20px;}
.sCompany_case1 .txt_box .s_txt1:first-child {margin-top:0;}
.sCompany_case1 .txt_box .name {font-size:1.125em; font-weight:600; margin-top:50px; text-align:right;}
.sCompany_case1 .txt_box .name strong {font-size:1.2em; font-weight:600; margin-left:10px;}

.sCompany_case2 .tit_box {display:flex; justify-content:space-between; align-items:end; width:100%;}
.sCompany_case2 .sub_table_box1 tbody th {width:250px;}

.sCompany_case3 {width:100%; overflow:hidden;}
.sCompany_case3 .tit_box {position:relative;}
.sCompany_case3 .tab_box {display:flex; position:absolute; right:0; bottom:0;}
.sCompany_case3 .tab_box li {margin-right:5px;}
.sCompany_case3 .tab_box li:last-child {margin-right:0;}
.sCompany_case3 .tab_box li button {display:inline-block; width:auto; height:49px; background:#f9f9f9; border-radius:8px; font-size:1em; padding:0 25px;}
.sCompany_case3 .tab_box li.on button {background:#132b88; color:#fff; font-weight:600;}
.sCompany_case3 .map_box {width:100%; height:460px; position:relative;}
.sCompany_case3 .map_box img {position:absolute; left:50%; top:0; transform:translateX(-50%)}
.sCompany_case3 .map_box ul li {position:absolute; left:50%; bottom:50%; transform:translateX(-50%)}
.sCompany_case3 .map_box ul li:nth-child(1) {margin-left:85px; margin-bottom:15px;}
.sCompany_case3 .map_box ul li:nth-child(2) {margin-left:-50px; margin-bottom:5px;}
.sCompany_case3 .map_box ul li:nth-child(3) {margin-left:25px; margin-bottom:-20px;}
.sCompany_case3 .map_box ul li button {display:block; width:27px; height:39px; background:url(../images/mGlobal_point.png) no-repeat center center; background-size:contain; cursor:auto}
.sCompany_case3 .map_box ul li.on button {width:32px; height:50px; background-image:url(../images/mGlobal_point_on.png)}

.sCompany_case4 {width:100%; background:url(../images/sCompany_img4.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; padding:200px 0; position:relative}
.sCompany_case4:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
.sCompany_case4 .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCompany_case4 .box > div {display:flex; align-items:center; width:calc(50% - 10px); height:280px; background:#fff; border-radius:20px; padding:0 50px 0 70px}
.sCompany_case4 .box > div p {font-size:1.875em; color:#132b88; font-weight:600; letter-spacing:-0.04em; text-transform:uppercase; margin-right:50px;}
.sCompany_case4 .box > div ul li {font-size:1.125em; color:#666; line-height:1.5em; margin-bottom:10px; padding-left:14px; position:relative;}
.sCompany_case4 .box > div ul li:last-child {margin-bottom:0;}
.sCompany_case4 .box > div ul li:before {content:''; display:block; width:4px; height:4px; background:#132b88; border-radius:50%; position:absolute; left:0; top:11px;}

.sCompany_case5 {display:flex; justify-content:space-between; width:100%; padding:0 50px}
.sCompany_case5 > div {width:200px;}
.sCompany_case5 > div .icon {display:block; width:100%; height:200px; background-color:#f9f9f9; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%;}
.sCompany_case5 > div p {font-size:1.125em; font-weight:600; text-align:center; margin-top:20px;}
.sCompany_case5 > div .icon1 {background-image:url(../images/sCompany_img5_1.png)}
.sCompany_case5 > div .icon2 {background-image:url(../images/sCompany_img5_2.png)}
.sCompany_case5 > div .icon3 {background-image:url(../images/sCompany_img5_3.png)}
.sCompany_case5 > div .icon4 {background-image:url(../images/sCompany_img5_4.png)}

.sCompany_case6 {display:flex; flex-wrap:wrap;}
.sCompany_case6 .sub_title {width:calc(100% - 600px);}
.sCompany_case6 .box {width:600px; position:relative;}
.sCompany_case6 .box:before {content:''; display:block; width:1px; height:calc(100% - 20px); background:#ccc; position:absolute; left:3px; bottom:0;}
.sCompany_case6 .box > div {margin-bottom:50px;}
.sCompany_case6 .box > div:last-child {margin-bottom:0;}
.sCompany_case6 .box > div .year {font-size:2.5em; color:#132b88; font-weight:600; line-height:1.1em; letter-spacing:-0.04em; position:relative; padding-left:67px;}
.sCompany_case6 .box > div .year:before {content:''; display:block; width:8px; height:8px; background:#132b88; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.sCompany_case6 .box > div dl {display:flex; align-items:start; flex-wrap:wrap; padding-left:67px;}
.sCompany_case6 .box > div dl dt {width:43px; font-size:1.125em; color:#132b88; font-weight:600; line-height:1.44em; margin-top:30px;}
.sCompany_case6 .box > div dl dd {width:calc(100% - 43px); font-size:1.125em; color:#666; line-height:1.44em; margin-top:30px;}

.sCompany_case7 .map_box {width:100%; height:600px; background:#f8f9fc; border-radius:30px; overflow:hidden;}
.sCompany_case7 .map_box iframe {width:100%; height:100%;}
.sCompany_case7 .info_box {display:flex; justify-content:space-between; align-items:start; width:100%;}
.sCompany_case7 .info_box .add {font-size:1.875em; line-height:1.33em; font-weight:600;}
.sCompany_case7 .info_box ul {display:flex;}
.sCompany_case7 .info_box ul li {padding:0 30px; position:relative;}
.sCompany_case7 .info_box ul li:first-child {padding-left:0;}
.sCompany_case7 .info_box ul li:last-child {padding-right:0;}
.sCompany_case7 .info_box ul li:before {content:''; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:0; top:0;}
.sCompany_case7 .info_box ul li:first-child:before {display:none;}
.sCompany_case7 .info_box ul li dl dt {font-size:1.125em; font-weight:600;}
.sCompany_case7 .info_box ul li dl dd {font-size:1.125em; color:#666; margin-top:10px;}
.sCompany_case7 .info_box ul li dl dd a {color:#666;}

@media screen and (max-width:1220px){
	.sCompany_case1 .img_box {width:470px; padding-right:50px;}
    .sCompany_case1 .sub_title {width:470px;}
    .sCompany_case1 .txt_box {width:calc(100% - 470px)}

    .sCompany_case4 .box > div {padding:0 30px;}
    .sCompany_case4 .box > div p {margin-right:30px;}

    .sCompany_case5 {padding:0;}

    .sCompany_case7 .info_box {display:block;}
    .sCompany_case7 .info_box ul {margin-top:20px;}
}

@media screen and (max-width:1024px){
	.sCompany_case1 .img_box {width:350px; padding-right:25px;}
    .sCompany_case1 .sub_title {width:350px;}
    .sCompany_case1 .txt_box {width:calc(100% - 350px)}
    .sCompany_case1 .txt_box .s_txt1 {margin-top:10px;}
    .sCompany_case1 .txt_box .name {font-size:1em; margin-top:30px;}

    .sCompany_case2 .sub_table_box1 tbody th {width:170px;}

    .sCompany_case3 .tab_box li button {height:40px; padding:0 15px;}
    .sCompany_case3 .map_box {height:300px; margin-top:7%;}
    .sCompany_case3 .map_box img {width:1200px;}
    .sCompany_case3 .map_box ul li button {width:21px; height:30px;}
    .sCompany_case3 .map_box ul li.on button {width:25px; height:39px;}
    .sCompany_case3 .map_box ul li:nth-child(1) {margin-left:60px; margin-bottom:0px;}
    .sCompany_case3 .map_box ul li:nth-child(2) {margin-left:-30px; margin-bottom:-5px;}
    .sCompany_case3 .map_box ul li:nth-child(3) {margin-left:20px; margin-bottom:-20px;}

    .sCompany_case4 {padding:17% 0; background-attachment:unset;}
    .sCompany_case4 .box > div {height:200px; padding:20px;}
    .sCompany_case4 .box > div p {font-size:1.5em;}
    .sCompany_case4 .box > div ul li {font-size:1em; padding-left:10px; margin-bottom:5px;}
    .sCompany_case4 .box > div ul li:before {width:3px; height:3px; top:9px;}

    .sCompany_case5 > div {width:140px;}
    .sCompany_case5 > div .icon {height:140px;}
    .sCompany_case5 > div p {font-size:1em; margin-top:15px;}

    .sCompany_case6 .sub_title {width:160px;}
    .sCompany_case6 .box {width:calc(100% - 160px)}
    .sCompany_case6 .box:before {height:calc(100% - 15px); left:2px; }
    .sCompany_case6 .box > div {margin-bottom:30px;}
    .sCompany_case6 .box > div .year {font-size:2em; padding-left:40px;}
    .sCompany_case6 .box > div .year:before {width:6px; height:6px;}
    .sCompany_case6 .box > div dl {padding-left:40px;}
    .sCompany_case6 .box > div dl dt {font-size:1em; margin-top:15px;}
    .sCompany_case6 .box > div dl dd {font-size:1em; margin-top:15px;}

    .sCompany_case7 .map_box {height:400px;}
    .sCompany_case7 .info_box .add {font-size:1.5em;}
    .sCompany_case7 .info_box ul {margin-top:3%;}
    .sCompany_case7 .info_box ul li {padding:0 20px;}
    .sCompany_case7 .info_box ul li dl dt {font-size:1em;}
    .sCompany_case7 .info_box ul li dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.sCompany_case1 .img_box {width:100%; padding-right:0;}
    .sCompany_case1 .sub_title {width:100%;}
    .sCompany_case1 .txt_box {width:100%; margin-top:3%;}
    .sCompany_case1 .txt_box .s_txt1 {margin-top:2%;}
    .sCompany_case1 .txt_box .name {margin-top:4%;}
    .sCompany_case1 .txt_box .name strong {margin-left:5px;}

    .sCompany_case2 {padding-bottom:55px;}
    .sCompany_case2 .tit_box {display:block;}
    .sCompany_case2 .tit_box .rondakorea_btn1 {position:absolute; left:50%; bottom:0; transform:translateX(-50%)}
    .sCompany_case2 .sub_table_box1 tbody th {width:100px;}

    .sCompany_case3 .tab_box {position:relative; margin-top:3%;}
    .sCompany_case3 .tab_box li button {height:32px; border-radius:5px; padding:0 12px;}

    .sCompany_case4 .box > div {display:block; width:100%; height:auto; margin-bottom:1.5%; border-radius:10px; padding:5%;}
    .sCompany_case4 .box > div:last-child {margin-bottom:0;}
    .sCompany_case4 .box > div p {margin-right:0; margin-bottom:1.5%;}

    .sCompany_case5 {flex-wrap:wrap;}
    .sCompany_case5 > div {width:50%;}
    .sCompany_case5 > div:nth-child(2) ~ div {margin-top:5%;}
    .sCompany_case5 > div .icon {width:110px; height:110px; margin:0 auto;}
    .sCompany_case5 > div p {margin-top:10px;}
    
    .sCompany_case6 .sub_title {width:100%;}
    .sCompany_case6 .box {width:100%; margin-top:3%;}
    .sCompany_case6 .box > div {margin-bottom:20px;}
    .sCompany_case6 .box > div .year {font-size:1.8em; padding-left:25px;}
    .sCompany_case6 .box > div dl {padding-left:25px;}
    .sCompany_case6 .box > div dl dt {width:30px; margin-top:10px;}
    .sCompany_case6 .box > div dl dd {width:calc(100% - 30px); margin-top:10px;}

    .sCompany_case7 .map_box {height:220px; border-radius:10px;}
    .sCompany_case7 .info_box .add {font-size:1.4em;}
    .sCompany_case7 .info_box ul {display:block;}
    .sCompany_case7 .info_box ul li {padding:0; margin-bottom:3%;}
    .sCompany_case7 .info_box ul li:last-child {margin-bottom:0;}
    .sCompany_case7 .info_box ul li:before {display:none;}
}

.sCompany_slide1_wrap {width:100%; overflow:hidden;}
.sCompany_slide1 {position:relative;}
.sCompany_slide1 .img {width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px; overflow:hidden;}
.sCompany_slide1 .img:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to left, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 0) 100%); opacity:0.5;}
.sCompany_slide1 p {width:450px; max-width:calc(50% - 50px); font-size:1.5em; color:#fff; line-height:1.4em; font-weight:500; position:absolute; left:50%; top:50%; transform:translateY(-50%)}
.sCompany_slide1.swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px;}
.sCompany_slide1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7.5px;}
.sCompany_slide1 .swiper-pagination-bullet {width:8px; height:8px; background:#fff; border-radius:50%; opacity:0.3; vertical-align:middle;}
.sCompany_slide1 .swiper-pagination-bullet-active {width:14px; height:14px; background:none; border:3px solid #fff; opacity:1;}

.sCompany_slide2 .img {width:100%; border:1px solid #ccc;}
.sCompany_slide2 .img img {width:100%;}
.sCompany_slide2 p {font-size:1em; color:#666; text-align:center; margin-top:15px;}

.sCompany_slide3 {position:relative; padding-bottom:54px;}
.sCompany_slide3 .swiper-slide {display:flex; align-items:center; flex-wrap:wrap; width:500px; background:#fff; border-radius:20px; box-shadow:0 3px 15px rgba(25,25,25,0.1); padding:20px;}
.sCompany_slide3 .img_box {width:218px; height:140px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sCompany_slide3 .txt_box {width:calc(100% - 218px); padding-left:30px;}
.sCompany_slide3 .txt_box .en {font-size:1.25em; font-weight:600; margin-bottom:5px;}
.sCompany_slide3 .txt_box .name {font-size:1.125em; color:#132b88; font-weight:600;}
.sCompany_slide3 .txt_box ul {margin-top:15px;}
.sCompany_slide3 .txt_box ul li {font-size:1em; color:#666; line-height:1.43em;}
.sCompany_slide3.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0px;}
.sCompany_slide3.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7.5px;}
.sCompany_slide3 .swiper-pagination-bullet {width:8px; height:8px; background:#ccc; border-radius:50%; opacity:1; vertical-align:middle;}
.sCompany_slide3 .swiper-pagination-bullet-active {width:14px; height:14px; background:none; border:3px solid #132b88;}

.sCompany_slide4 .img_box {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px; overflow:hidden;}
.sCompany_slide4 .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0,0,0,0), #000); opacity:0.5;}
.sCompany_slide4 dl {width:100%; padding:0 50px 40px; position:absolute; left:0; bottom:0;}
.sCompany_slide4 dl dt {font-size:1.125em; color:#fff; font-weight:600;}
.sCompany_slide4 dl dd {font-size:1em; color:#fff; font-weight:500; margin-top:10px;}

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

@media screen and (max-width:1024px){
    .sCompany_slide1 .img {height:350px; border-radius:15px;}
    .sCompany_slide1 p {font-size:1.3em;}
    .sCompany_slide1.swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px;}
    .sCompany_slide1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
    .sCompany_slide1 .swiper-pagination-bullet {width:6px; height:6px;}
    .sCompany_slide1 .swiper-pagination-bullet-active {width:10px; height:10px; border-width:2px;}

    .sCompany_slide2 p {margin-top:10px;}
    
    .sCompany_slide3 {padding-bottom:40px;}
    .sCompany_slide3 .swiper-slide {width:430px; padding:15px;}
    .sCompany_slide3 .img_box {width:180px; height:116px;}
    .sCompany_slide3 .txt_box {width:calc(100% - 180px); padding-left:15px;}
    .sCompany_slide3 .txt_box .en {font-size:1.125em;}
    .sCompany_slide3 .txt_box .name {font-size:1em;}
    .sCompany_slide3 .txt_box ul {margin-top:10px;}
    .sCompany_slide3.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
    .sCompany_slide3 .swiper-pagination-bullet {width:6px; height:6px;}
    .sCompany_slide3 .swiper-pagination-bullet-active {width:10px; height:10px; border-width:2px;}

    .sCompany_slide4 dl {padding:0 20px 20px;}
}

@media screen and (max-width:767px){
    .sCompany_slide1 .img {height:230px;}
    .sCompany_slide1 p {width:88%; max-width:88%; font-size:1.2em; left:6%;}
    
    .sCompany_slide3 .swiper-slide {width:100%; max-width:350px; border-radius:10px; padding:10px;}
    .sCompany_slide3 .img_box {width:140px; height:90px; border-radius:5px;}
    .sCompany_slide3 .txt_box {width:calc(100% - 140px); padding-left:10px;}
    .sCompany_slide3 .txt_box .en {margin-bottom:3px;}
    .sCompany_slide3 .txt_box ul {margin-top:5px;}

    .sCompany_slide4 .img_box {height:50vw; border-radius:15px;}
}


.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:250px; 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::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; 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 .email_box {display:flex; align-items:center; width:100%;}
.sContact_case1 .email_box .form_txt {width:calc(37.5% - 22px); max-width:280px;}
.sContact_case1 .email_box .form_select {width:25%; max-width:200px; margin-left:10px;}
.sContact_case1 .email_box span {display:block; width:34px; font-size:1em; text-align:center;}

@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 .rondakorea_btn1 {margin-top:7vw;}

    .sContact_case1 .form_txt {height:42px; padding:0 10px;}
    .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;}
}

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

.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:#5678ff;}
.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;}
}