@charset "utf-8";

.theme0301_btn1 {display:flex; justify-content:space-between; align-items:center; width:170px; height:50px; border:2px solid #fff; border-radius:25px; font-size:0.875em; color:#fff; font-weight:500; font-family:'Poppins'; padding:0 30px; position:relative; transition:color 0.5s; overflow:hidden;}
.theme0301_btn1:before {content:''; display:block; width:0; height:100%; background:#fff; position:absolute; left:0; top:0; transition:width 0.5s;}
.theme0301_btn1:after {content:'\f105'; font-size:0.85em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:relative; z-index:5;}
.theme0301_btn1 span {position:relative; z-index:5;}
.theme0301_btn1:hover {color:#cb0303;}
.theme0301_btn1:hover:before {width:100%;}

@media screen and (max-width:1024px){
    .theme0301_btn1 {width:160px; height:45px; padding:0 15px;}
}

@media screen and (max-width:767px){
    .theme0301_btn1 {width:140px; height:40px;}
}


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

#theme0301_logo {float:left; width:192px; height:33px; margin-top:41px; position:relative; z-index:10; transition:margin-top 0.5s;}
#theme0301_logo a {display:block; width:100%; height:100%;}
#theme0301_logo a img {max-width:100%; max-height:100%;}
#theme0301_logo a img.bl {display:block;}
#theme0301_logo a img.wh {display:none;}

#theme0301_gnb {width:100%; position:absolute; left:0; top:0; z-index:1;}
#theme0301_gnb > ul {display:flex; justify-content:center; width:100%;}
#theme0301_gnb > ul > li > a {display:block; font-size:1.125em; color:#000; font-weight:500; line-height:115px; font-family:'Poppins'; padding:0 30px; transition:all 0.5s; transition-property:color, line-height;}
#theme0301_gnb > ul > li:hover > a {color:#cb0303 !important;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9; overflow:hidden; opacity:0; visibility:hidden; transition:all 0s; transition-property:opacity, visibility; transition-delay:1s;}
#all_gnb .box {display:flex; align-items:end; width:100%; padding:0 6%; position:relative; z-index:10;}
#all_gnb ul {width:65%;}
#all_gnb ul > li {overflow:hidden; margin-bottom:40px;}
#all_gnb ul > li:last-child {margin-bottom:0;}
#all_gnb ul > li > a {display:inline-block; font-size:5em; color:#fff; font-weight:700; line-height:1.2em; font-family:'Poppins'; transform:translateY(-100%); transition:transform 0.5s; transition-delay:0s;}
#all_gnb .info {width:35%;}
#all_gnb .info dl {width:100%; overflow:hidden;}
#all_gnb .info dl dt {font-size:0.75em; color:rgba(255,255,255,0.6); font-family:'Poppins'; text-transform:uppercase; overflow:hidden;}
#all_gnb .info dl dd {font-size:1.25em; color:#fff; font-weight:600; font-family:'Poppins'; margin-bottom:20px; overflow:hidden;}
#all_gnb .info dl span {display:inline-block; transform:translateY(-100%); transition:transform 0.5s; transition-delay:0s;}
#all_gnb .bg {width:100%; position:absolute; left:0; top:0; transform-origin:top; transform:translate(0, 100%); transition:transform 0.5s; animation-duration:1s; animation-fill-mode:forwards; animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#all_gnb .bg svg {min-width:100%; height:auto; min-height:130vh; position:relative; left:50%; transform:translateX(-50%)}

#all_gnb .bg svg:nth-child(2) {display:none;}

#all_gnb.show {opacity:1; visibility:visible; transition-delay:0s;}
#all_gnb.show ul > li > a {transform:translateY(0)}
#all_gnb.show ul > li:nth-child(1) > a {transition-delay:0.7s}
#all_gnb.show ul > li:nth-child(2) > a {transition-delay:0.6s}
#all_gnb.show ul > li:nth-child(3) > a {transition-delay:0.5s}
#all_gnb.show ul > li:nth-child(4) > a {transition-delay:0.4s}
#all_gnb.show .info dl span {transform:translateY(0); transition-delay:0.4s;}
#all_gnb.show .bg {animation-name:allGnbBG1;}
#all_gnb.hide .bg {animation-name:allGnbBG2; animation-timing-function:ease}

#menuToggle {float:right; width:42px; height:42px; margin-top:36px; position:relative; z-index:10; transition:margin-top 0.5s;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:3px; background:#191919; position:absolute; right:0; transition:all 0.5s;}
#menuToggle:before {top:50%; margin-top:-5px;}
#menuToggle:after {width:calc(100% - 10px); bottom:50%; margin-bottom:-5px;}

#theme0301_header.on #theme0301_logo a img.bl {display:none;}
#theme0301_header.on #theme0301_logo a img.wh {display:block;}
#theme0301_header.on #menuToggle:before, #theme0301_header.on #menuToggle:after {background:#fff;}
#theme0301_header.on #menuToggle:before {transform:translateY(4px) rotate(45deg)}
#theme0301_header.on #menuToggle:after {width:100%; transform:translateY(-4px) rotate(-45deg)}

#theme0301_header.scroll_on:not(.sub_header) {background:rgba(0,0,0,0.8)}
#theme0301_header.scroll_on:not(.sub_header) #theme0301_logo a img.bl {display:none;}
#theme0301_header.scroll_on:not(.sub_header) #theme0301_logo a img.wh {display:block;}
#theme0301_header.scroll_on:not(.sub_header) #theme0301_gnb > ul > li > a {color:#fff;}
#theme0301_header.scroll_on:not(.sub_header) #menuToggle:before, #theme0301_header.scroll_on:not(.sub_header) #menuToggle:after {background:#fff;}

#theme0301_header.sub_header {background:#fff;}

@media screen and (min-width:1080px){
    #all_gnb .bg svg:nth-child(1) {display:none;}
    #all_gnb .bg svg:nth-child(2) {display:block;}
}

@media screen and (min-width:1025px){
    #theme0301_header.scroll_on {height:70px;}
    #theme0301_header.scroll_on #theme0301_logo {margin-top:18px;}
    #theme0301_header.scroll_on #theme0301_gnb > ul > li > a {line-height:70px;}
    #theme0301_header.scroll_on #menuToggle {margin-top:14px;}
    
    #theme0301_header.scroll_on.sub_header {border-bottom:1px solid #ddd;}
}

@keyframes allGnbBG1 {
    0% {transform:translate(0, 100%)}
    100% {transform:translate(0, -10.3%)}
}

@keyframes allGnbBG2 {
    0% {transform:translate(0, -10.3%)}
    100% {transform:translate(0, -100%)}
}

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

    #theme0301_gnb {padding:0 50px 0 240px;}
}

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

    #theme0301_logo {width:157px; height:27px; margin-top:11px;}

    #theme0301_gnb {display:none;}

    #all_gnb {display:block; transition-delay:0.7s}
    #all_gnb .box {display:block; height:100%; padding-top:80px;}
    #all_gnb ul {width:100%;}
    #all_gnb ul > li {margin-bottom:3%;}
    #all_gnb ul > li > a {font-size:2.5em; font-weight:600;}
    #all_gnb .info {position:absolute; right:6vw; bottom:4vw; text-align:right;}
    #all_gnb .info dl dt {font-size:0.875em;}
    #all_gnb .info dl dd {font-size:1em; margin-bottom:10px;}
    #all_gnb .info dl dd:last-of-type {margin-bottom:0;}
    #all_gnb .bg {animation-duration:0.7s;}

    #all_gnb .bg svg:nth-child(1) {display:none;}
    #all_gnb .bg svg:nth-child(2) {display:block;}

    #menuToggle {width:30px; height:30px; margin-top:10px;}
    #menuToggle:before, #menuToggle:after {height:2px;}
    #menuToggle:before {margin-top:-4px;}
    #menuToggle:after {margin-bottom:-4px;}
    
    #theme0301_header.on #menuToggle:before {transform:translateY(3px) rotate(45deg)}
    #theme0301_header.on #menuToggle:after {transform:translateY(-3px) rotate(-45deg)}
}

@media screen and (max-width:767px){
    #all_gnb .box {padding-top:70px;}
    #all_gnb ul > li > a {font-size:2.2em;}
}


/* footer */
#theme0301_footer {width:100%; background:#191919; border-top:1px solid #666; padding:50px 0;}
#theme0301_footer > div {position:relative; padding-right:170px;}
#theme0301_footer .f_logo {width:192px; height:33px; background:url(../images/logo_w.png) no-repeat center center; background-size:contain; opacity:0.8;}
#theme0301_footer .f_info {overflow:hidden; margin:30px 0 15px;}
#theme0301_footer .f_info li {float:left; font-size:1em; color:#dcdcdc; line-height:1.5em; margin-right:15px; margin-bottom:5px;}
#theme0301_footer .f_info li:nth-child(5) {clear:both;}
#theme0301_footer .f_info li strong {font-weight:700; margin-right:10px;}
#theme0301_footer .copy {font-size:1em; color:#666; line-height:1.5em; font-weight:700; text-transform:uppercase;}
#theme0301_footer .f_sns {overflow:hidden; position:absolute; right:0; top:0;}
#theme0301_footer .f_sns li {float:left; margin-right:10px;}
#theme0301_footer .f_sns li:last-child {margin-right:0;}
#theme0301_footer .f_sns a {display:block; width:50px; line-height:50px; background:#404040; border-radius:50%; font-size:1.125em; color:#dcdcdc; text-align:center;}
#theme0301_footer .f_sns a img {vertical-align:middle;}
#theme0301_footer .f_member {display:inline-block; font-size:0.75em; color:rgba(255,255,255,0.6); font-weight:500; line-height:23px; border:1px solid rgba(255,255,255,0.6); padding:0 7px; vertical-align:middle; margin-top:10px;}

.go_top {display:block; width:60px; height:60px; background:#fff; border-radius:50%; font-size:1em; position:fixed; right:50px; bottom:50px; z-index:200; box-shadow:0 0 15px rgba(25,25,25,0.2)}
.go_top i {font-size:1.125em;}
.go_top span {display:block; width:100%; height:0; position:absolute; left:0; top:0; overflow:hidden;}
.go_top span i {display:flex; justify-content:center; align-items:center; width:100%; height:60px; background:#cb0303; border-radius:50%; color:#fff;}

@media screen and (max-width:1024px){
    #theme0301_footer {padding:5% 0;}
    #theme0301_footer .f_logo {width:157px; height:27px; margin-top:11px;}
    #theme0301_footer .f_info {margin:15px 0 10px;}
	#theme0301_footer .f_sns li {margin-right:5px;}
	#theme0301_footer .f_sns a {width:40px; line-height:40px; font-size:1em;}
	#theme0301_footer .f_sns a img {width:15px;}

	.go_top {width:40px; height:40px; right:30px; bottom:30px;}
    .go_top i {font-size:0.875em;}
    .go_top span i {height:40px;}
}

@media screen and (max-width:767px){
	#theme0301_footer > div {padding-right:0;}
    #theme0301_footer .f_info li:nth-child(5) {clear:none;}
	#theme0301_footer .f_sns {position:relative; margin-top:20px;}
	#theme0301_footer .f_sns a {width:32px; line-height:32px;}
	#theme0301_footer .f_sns a img {width:13px;}

    .go_top {width:32px; height:32px; right:15px; bottom:15px;}
    .go_top span i {height:32px;}
}


/* main */
#mVisu {width:100%; height:200vh; position:relative;}
#mVisu > div {width:100%; height:100vh; position:fixed; left:0; top:0;}
#mVisu .txt_box {width:100vw; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mVisu .txt_box .en {font-size:12.5em; line-height:1.2em; font-family:'Poppins'; font-weight:600; white-space:nowrap;}
#mVisu .txt_box .txt {width:100%; font-size:2.25em; line-height:1.66em; font-weight:600; position:absolute; left:0; top:100%; margin-top:30px;}
#mVisu .back_txt {width:100%; height:100vh; position:absolute; left:0; top:0; z-index:0;}
#mVisu .img_box {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:absolute; left:0; top:0; z-index:10;}
#mVisu .img_box > div {width:100%; height:100%; position:relative; clip-path:circle(22vw); transition:all 0.5s; /*clip:rect(auto, auto, auto, auto)*/}
#mVisu .img_box .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mVisu .img_box .img:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.2)}
#mVisu .img_box .txt_box {color:#fff; position:relative; z-index:10;}

#mVisu.complete > div {position:absolute; top:100vh;}

@media screen and (max-width:1699px){
    #mVisu .txt_box .en {font-size:10vw;}
}

@media screen and (max-width:1024px){
    #mVisu .txt_box .txt {font-size:1.25em; margin-top:20px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box .txt {font-size:1em; font-weight:500;}

}


.main_title .en {font-size:1.5em; color:#cb0303; line-height:1.3em; letter-spacing:0.2em; font-weight:500; font-family:'Poppins'; margin-bottom:10px;}
.main_title h2 {font-size:3.75em; color:#fff; line-height:1.4em; font-weight:500; font-family:'Poppins'}
.main_title .txt {font-size:1.125em; color:#fff; line-height:1.8em; margin-top:10px;}

@media screen and (max-width:1024px){
    .main_title .en {font-size:1.3em; margin-bottom:1%;}
    .main_title h2 {font-size:3em;}
    .main_title .txt {font-size:1em; margin-top:1%;}
}

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

#mAbout {width:100%; background:#000; padding:160px 0 150px;}
#mAbout .main_title {margin-bottom:100px;}
#mAbout .box > div {font-size:0; margin-bottom:50px; transition:transform 0.2s; white-space:nowrap;}
#mAbout .box > div:last-child {margin-bottom:0;}
#mAbout .box > div p {display:inline-block; font-size:7.5rem; color:transparent; line-height:1.2em; font-weight:700; -webkit-text-stroke:1px #a4a4a4; margin:0 5px; vertical-align:middle;}
#mAbout .box > div p span {font-size:1.5rem; color:#fff; line-height:1em; font-weight:500; -webkit-text-stroke:0px; position:absolute; top:0; left:0; transform:translateY(-100%)}
#mAbout .box > div p.on {color:#fff; -webkit-text-stroke:0px; position:relative;}
#mAbout .box > div .img_box {display:inline-block; width:250px; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:50%; margin:0 20px; vertical-align:middle;}

@media screen and (max-width:1024px){
    #mAbout {padding:13% 0;}
    #mAbout .main_title {margin-bottom:10%;}
    #mAbout .box > div {margin-bottom:5vw;}
    #mAbout .box > div p {font-size:5rem;}
    #mAbout .box > div p span {font-size:1.3rem;}
    #mAbout .box > div .img_box {width:180px; height:180px;}
}

@media screen and (max-width:767px){
    #mAbout .box > div p {font-size:2.7rem;}
    #mAbout .box > div p span {font-size:1rem;}
    #mAbout .box > div .img_box {width:130px; height:130px; margin:0 10px;}
}


#mWhat {width:100%; background:#000; padding-bottom:160px;}
#mWhat .inner {position:relative;}
#mWhat .more_btn {display:flex; justify-content:center; align-items:center; width:158px; height:158px; position:absolute; right:15px; top:15px;}
#mWhat .more_btn:before {content:''; display:block; width:100%; height:100%; background:url(../images/mWhat_btn.svg) no-repeat center center; background-size:contain; position:absolute; left:0; top:0; animation:mWhatBtn 15s linear infinite;}
#mWhat .more_btn i {font-size:2.18em; color:#fff; position:relative; z-index:5;}
#mWhat ul {display:flex; flex-wrap:wrap; width:100%; margin-top:50px; border:1px solid #666; overflow:hidden;}
#mWhat ul li {width:50%; height:100%; border-right:1px solid #666; padding:50px; position:relative;}
#mWhat ul li:last-child {border-right:0;}
#mWhat ul li .icon {display:block; width:115px; height:115px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:30px;}
#mWhat ul li dl dt {font-size:1.5em; color:#fff; font-weight:600;}
#mWhat ul li dl dd {font-size:1em; color:#a4a4a4; font-family:'Poppins'; margin-top:5px;}

#mWhat ul li .icon1 {background-image:url(../images/mWhat_icon1.png)}
#mWhat ul li .icon2 {background-image:url(../images/mWhat_icon2.png)}
#mWhat ul li .icon3 {background-image:url(../images/mWhat_icon3.png)}


@keyframes mWhatBtn {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(360deg)}
}

@media screen and (max-width:1024px){
    #mWhat {padding-bottom:13%;}
    #mWhat .more_btn {width:110px; height:110px; right:10px; top:10px;}
    #mWhat .more_btn i {font-size:1.8em;}
    #mWhat ul {margin-top:5%;}
	#mWhat ul li {padding:30px;}
    #mWhat ul li .icon {width:80px; height:80px; margin-bottom:15px;}
    #mWhat ul li dl dt {font-size:1.3em;}
}

@media screen and (max-width:767px){
    #mWhat .main_title {padding-right:80px;}
    #mWhat .more_btn {width:60px; height:60px;}
    #mWhat ul li {width:100%; height:auto; border-right:0; border-bottom:1px solid #666; padding:20px;}
    #mWhat ul li .icon {width:55px; height:55px; margin-bottom:10px;}
}



#mBusiness {width:100%; height:100vh; background:#cb0303; position:relative; overflow:hidden;}
.mBusiness_slide {float:right; width:calc(50% + 260px); height:100%;}
.mBusiness_slide .swiper-slide {display:flex; align-items:center;}
.mBusiness_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
.mBusiness_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.5)}
.mBusiness_slide .txt_box {width:100%; position:relative; z-index:10; padding-left:100px;}
.mBusiness_slide .txt_box .tit {font-size:3.125em; color:#fff; line-height:1.3em; font-weight:700;}
.mBusiness_slide .txt_box .txt {font-size:1.125em; color:#fff; line-height:1.8em; font-weight:500; margin-top:20px;}
.mBusiness_slide .txt_box .btn_box {margin-top:50px;}
.mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets {display:flex; justify-content:center; flex-direction:column; width:340px; height:100%; left:50%; bottom:0; margin-left:-600px; text-align:left; border-left:1px solid #e58181;}
.mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0 50px;}
.mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {margin-bottom:0;}
.mBusiness_slide .swiper-pagination-bullet {display:block; width:100%; height:auto; background:none; opacity:1; position:relative; padding-left:45px;}
.mBusiness_slide .swiper-pagination-bullet:before {content:''; display:block; width:10px; height:10px; background:#e58181; border-radius:50%; position:absolute; left:0; top:10px; transform:translateX(-50%)}
.mBusiness_slide .swiper-pagination-bullet p {font-size:1.25em; color:#fff; line-height:1.4em; font-weight:600;}
.mBusiness_slide .swiper-pagination-bullet span {display:block; font-size:0.875em; color:#ec9494; font-family:'Poppins'; margin-top:5px;}
.mBusiness_slide .swiper-pagination-bullet-active:before {background:#fff;}
.mBusiness_slide .swiper-pagination-bullet-active:after {content:''; display:block; width:30px; height:30px; border:1px solid #fff; border-radius:50%; position:absolute; left:0; top:0; transform:translateX(-50%)}

.mBusiness_slide .txt_box .tit, .mBusiness_slide .txt_box .txt, .mBusiness_slide .txt_box .btn_box {opacity:0; transform:translateY(40px); transition:all 0.8s; transition-property:opacity, transform;}
.mBusiness_slide .swiper-slide-active .txt_box .tit, .mBusiness_slide .swiper-slide-active .txt_box .txt, .mBusiness_slide .swiper-slide-active .txt_box .btn_box {opacity:1; transform:translateY(0)}
.mBusiness_slide .swiper-slide-active .txt_box .txt {transition-delay:0.2s;}
.mBusiness_slide .swiper-slide-active .txt_box .btn_box {transition-delay:0.4s;}

@media screen and (max-width:1220px){
    .mBusiness_slide {width:calc(94% - 300px)}
    .mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets {width:300px; left:6vw; margin-left:0;}
    .mBusiness_slide .swiper-pagination-bullet {padding-left:30px;}
    .mBusiness_slide .txt_box {padding:0 6vw 0 50px;}
}

@media screen and (max-width:1024px){
    .mBusiness_slide {float:none; width:100%;}
    .mBusiness_slide .txt_box {width:100%;padding:0 6%; text-align:center;}
    .mBusiness_slide .txt_box .tit {font-size:2.5em;}
    .mBusiness_slide .txt_box .txt {font-size:1em; margin-top:2%;}
    .mBusiness_slide .txt_box .btn_box {margin-top:7%;}
    .mBusiness_slide .txt_box .btn_box .theme0301_btn1 {margin:0 auto;}
    .mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets {flex-direction:row; width:100%; height:auto; left:0; bottom:70px; border-left:0;}
    .mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px;}
    .mBusiness_slide .swiper-pagination-bullet {width:6px; padding-left:0;}
    .mBusiness_slide .swiper-pagination-bullet:before {width:6px; height:6px; position:relative; top:0; transform:translateX(0); margin:0 auto;}
    .mBusiness_slide .swiper-pagination-bullet p, .mBusiness_slide .swiper-pagination-bullet span {display:none; position:absolute; left:50%; top:100%; white-space:nowrap; transform:translateX(-50%);}
    .mBusiness_slide .swiper-pagination-bullet p {font-size:1em; font-weight:500; margin-top:13px;}
    .mBusiness_slide .swiper-pagination-bullet span {font-size:0.75em; margin-top:33px;}
    .mBusiness_slide .swiper-pagination-bullet-active:after {width:20px; height:20px; left:50%; top:50%; transform:translate(-50%, -50%)}
    .mBusiness_slide .swiper-pagination-bullet-active p, .mBusiness_slide .swiper-pagination-bullet-active span {display:block;}
}



#mPartner {width:100%; background:#000; padding:130px 0 150px;}
#mPartner ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:50px;}
#mPartner ul li {display:flex; justify-content:center; align-items:center; width:calc(20% - 8px); height:70px; border:1px solid #666; font-size:1.125em; color:#666; font-weight:700; text-align:center;}

@media screen and (max-width:1024px){
    #mPartner {padding:10% 0;}
    #mPartner ul {margin-top:5%;}
    #mPartner ul li {width:calc(20% - 4px); height:50px; font-size:1em;}
    #mPartner ul li img {height:23px;}
}

@media screen and (max-width:767px){
    #mPartner ul {justify-content:center;}
    #mPartner ul li {width:calc(33.33% - 3.33px); height:45px; margin-right:5px;}
    #mPartner ul li:nth-child(3n), #mPartner ul li:last-child {margin-right:0;}
    #mPartner ul li:nth-child(3) ~ li {margin-top:5px;}
    #mPartner ul li img {height:16px;}
}



#mCareers {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative; overflow:hidden;}
#mCareers .img_box {width:100%; height:100%; background:url(../images/mCareersBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; transform:scale(1.3); transition:transform 0.3s;}
#mCareers .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3);}
#mCareers .txt_box {opacity:0; transform:translateY(70px); position:relative; z-index:10;}
#mCareers .txt_box .txt1 {font-size:1.5em; color:rgba(255,255,255,0.5); font-weight:500; letter-spacing:0.2em; font-family:'Poppins'; margin-bottom:10px;}
#mCareers .txt_box .theme0301_btn1 {margin-top:50px;}

@media screen and (max-width:1024px){
    #mCareers {height:auto; padding:15% 0;}
    #mCareers .txt_box .txt1 {font-size:1.3em; margin-bottom:1.5%;}
    #mCareers .txt_box .theme0301_btn1 {margin-top:5vw;}
}


#mContact {width:100%; background:#191919; padding:100px 0;}
#mContact .map_box {width:100%; height:350px; margin-top:70px; background:#fff;}
#mContact .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
#mContact ul {display:flex; flex-wrap:wrap; width:100%;}
#mContact ul li {width:calc(25% - 15px); margin-right:20px; position:relative;}
#mContact ul li:nth-child(4n) {margin-right:0;}
#mContact ul li:nth-child(4) ~ li {margin-top:20px;}
#mContact ul li img {width:100%;}
#mContact ul li .cate {display:inline-block; background:#cb0303; line-height:32px; border-radius:16px; padding:0 15px; font-size:1em; color:#fff; font-weight:500; position:absolute; left:15px; top:15px;}

@media screen and (max-width:1024px){
    #mContact {padding:10% 0;}
    #mContact .map_box {height:290px; margin-top:7%;}
	#mContact ul li {width:calc(25% - 7.5px); margin-right:10px;}
	#mContact ul li:nth-child(4) ~ li {margin-top:10px;}
	#mContact ul li .cate {padding:0 12px; line-height:28px; left:10px; top:10px;}
}

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



/* sub */
#sVisu {margin-top:200px;}
#sVisu .s-inner {position:relative; z-index:10;}
#sVisu .txt {font-size:1.875em; color:#191919; line-height:1.4em; font-weight:500; font-family:'Poppins'}
#sVisu h2 {font-size:7.5em; color:#191919; line-height:1.3em; font-weight:500; font-family:'Poppins'; overflow:hidden; margin-top:-20px;}
#sVisu h2 span {display:inline-block; min-width:30px; transform:translateY(50%) rotate(25deg); opacity:0; animation:sVisuTxt 0.25s linear forwards;}
#sVisu .img_box {width:100%; height:560px; margin-top:-80px; overflow:hidden;}
#sVisu .img_box > div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1); clip-path:circle(250px at 33vw 50%); animation:sVisuImg 3.5s 0.8s forwards;}

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

.sub_menu_box {overflow:hidden; margin-bottom:50px;}
.sub_menu_box li {float:left;}
.sub_menu_box li:after {content:''; display:inline-block; width:1px; height:16px; background:#a4a4a4; margin:0 20px;}
.sub_menu_box li:last-child:after {display:none;}
.sub_menu_box li a {display:inline-block; font-size:1.25em; color:#a4a4a4; font-family:'Poppins', 'Pretendard'}
.sub_menu_box li.on a {color:#cb0303; font-weight:500;}

@keyframes sVisuTxt {
    0% {transform:translateY(50%) rotate(25deg); opacity:0;}
    100% {transform:translateY(0) rotate(0); opacity:1;}
}

@keyframes sVisuImg {
    0% {clip-path:circle(250px at 33vw 50%); transform:scale(1.1);}
    100% {clip-path:circle(100vmax at 50vw 50%); transform:scale(1);}
}

@media screen and (max-width:1024px){
    #sVisu {margin-top:120px;}
    #sVisu .txt {font-size:1.5em;}
    #sVisu h2 {font-size:5em; margin-top:-10px;}
    #sVisu h2 span {min-width:15px;}
    #sVisu .img_box {height:350px; margin-top:-50px;}
    #sVisu .img_box > div {clip-path:circle(190px at 33vw 50%);}

    .sub_menu_box {margin-bottom:3%;}
    .sub_menu_box li:after {height:12px; margin:0 15px;}
    .sub_menu_box li a {font-size:1.125em;}

    @keyframes sVisuImg {
        0% {clip-path:circle(190px at 33vw 50%); transform:scale(1.1);}
        100% {clip-path:circle(100vmax at 50vw 50%); transform:scale(1);}
    }
}

@media screen and (max-width:767px){
    #sVisu .txt {font-size:1.3em;}
    #sVisu h2 {font-size:3.5em; margin-top:-5px;}
    #sVisu h2 span {min-width:10px;}
    #sVisu .img_box {height:180px; margin-top:-30px;}
    #sVisu .img_box > div {clip-path:circle(90px at 30vw 50%);}

    .sub_menu_box li:after {height:10px; margin:0 10px;}
    .sub_menu_box li a {font-size:1em;}

    @keyframes sVisuImg {
        0% {clip-path:circle(90px at 30vw 50%); transform:scale(1.1);}
        100% {clip-path:circle(100vmax at 50vw 50%); transform:scale(1);}
    }

}


.sub_content {width:100%; position:relative;}
.sub_section {padding:150px 0;}
.sub_section.bg1 {background:#f8f8f8;}

.s_tit1 {font-size:2.5em; color:#191919; line-height:1.2em; font-weight:700;}
.s_tit2 {font-size:1.5em; color:#cb0303; line-height:1.4em; font-weight:700;}
.s_tit3 {font-size:1.5em; color:#191919; line-height:1.4em; font-weight:600;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.8em;}
.s_txt2 {font-size:1em; color:#a4a4a4;}

@media screen and (max-width:1024px){
    .sub_section {padding:13% 0;}

    .s_tit1 {font-size:1.8em;}
    .s_tit2 {font-size:1.3em;}
    .s_tit3 {font-size:1.3em;}
    
    .s_txt1 {font-size:1em; line-height:1.6em;}
}


.sub_side_box {position:absolute; left:0; top:150px; z-index:100;}
.sub_side_box ul li {position:relative; padding-left:80px; margin-bottom:15px;}
.sub_side_box ul li:last-child {margin-bottom:0;}
.sub_side_box ul li a {font-size:1.125em; color:#a4a4a4; font-family:'Poppins', 'Pretendard'}
.sub_side_box ul li a:before {content:''; display:block; width:0; height:2px; background:#cb0303; position:absolute; left:0; top:50%; transform:translateY(-50%); transition:width 0.5s;}
.sub_side_box ul li.on a {color:#cb0303; font-weight:500;}
.sub_side_box ul li.on a:before {width:50px;}

.sub_side_box.scroll_on {position:fixed;}

@media screen and (max-width:1550px){
    .sub_side_box ul li {padding-left:40px;}
    .sub_side_box ul li.on a:before {width:25px;}
}

@media screen and (max-width:1420px){
    .sub_side_box {display:none;}
}

@media screen and (max-width:1024px){
    .sub_side_box {display:block; width:100%; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:fixed; top:50px;}
    .sub_side_box ul {display:flex; justify-content:center;}
    .sub_side_box ul li {margin-bottom:0; padding:0 13px;}
    .sub_side_box ul li:after {content:''; display:block; width:1px; height:10px; background:#a4a4a4; position:absolute; right:0; top:50%; transform:translateY(-50%)}
    .sub_side_box ul li:last-child:after {display:none;}
    .sub_side_box ul li a {display:block; font-size:1em; line-height:40px; position:relative;}
    .sub_side_box ul li a:before {left:50%; top:auto; bottom:0; transform:translateX(-50%)}
    .sub_side_box ul li.on a:before {width:100%;}
}


.half_box {width:100%; overflow:hidden;}
.half_box > div {float:left; width:calc(50% - 15px); margin-right:30px;}
.half_box > div:nth-child(even) {margin-right:0;}

@media screen and (max-width:1024px){
    .half_box > div {width:calc(50% - 5px); margin-right:10px;}
}

@media screen and (max-width:767px){
    .half_box > div {float:none; width:100%; margin:0 0 4%;}
    .half_box > div:last-child {margin-bottom:0;}
}


.sub_img_box1 {display:flex; flex-wrap:wrap; width:100%;}
.sub_img_box1 > div {width:calc(50% - 15px); margin-right:30px;}
.sub_img_box1 > div:nth-child(even) {margin-right:0;}
.sub_img_box1 > div:nth-child(2) ~ div {margin-top:50px;}
.sub_img_box1 > div .img_box {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:25px; border-radius:18px;}
.sub_img_box1 > div p {font-size:1.25em; color:#191919; font-weight:600; text-align:center;}
.sub_img_box1 > div dl {margin-top:30px;}
.sub_img_box1 > div dl dt {font-size:1.5em; color:#cb0303; font-weight:700;margin-bottom:10px;}
.sub_img_box1 > div dl dd {font-size:1.125em; color:#666; line-height:1.8em; margin-top:0px; position:relative; padding-left:25px;}
.sub_img_box1 > div dl dd:before {content:'\f058'; font-size:0.88em; color:#191919; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}

.sub_img_box2 > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%;margin-bottom:50px;}
.sub_img_box2 > div .img_box {width:calc(50% - 15px); height:350px; background-color:#f2f2f2; background-repeat:no-repeat; background-position:center center; background-size:cover;border-radius:18px;}
.sub_img_box2 > div .txt_box {width:calc(50% - 15px); padding:0 0 0 70px;}
.sub_img_box2 > div .txt_box dl dt {font-size:1.5em; color:#cb0303; font-weight:700;margin-bottom:24px;}
.sub_img_box2 > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.8em; margin-top:0px; position:relative; padding-left:25px;}
.sub_img_box2 > div .txt_box dl dd:before {content:'\f058'; font-size:0.88em; color:#191919; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.sub_img_box2 > div .txt_box .ps {font-size:1em; color:#666; margin-top:15px;}
.sub_img_box2 > div:nth-child(even) {flex-direction:row-reverse;}
.sub_img_box2 > div:nth-child(even) .txt_box {padding:0 70px 0 0;}

.sub_img_box3 {width:100%; overflow:hidden;}
.sub_img_box3 > div {float:left; width:calc(25% - 15px); margin-right:20px;}
.sub_img_box3 > div:nth-child(4) {margin-right:0;}
.sub_img_box3 > div .img_box {width:100%; height:580px; background-repeat:no-repeat; background-position:center center; background-size:cover;border-radius:18px;}
.sub_img_box3 > div .txt_box {margin-top:30px;}
.sub_img_box3 > div .txt_box dl dt {font-size:1.25em; color:#191919; font-weight:600;text-align:center;}
.sub_img_box3 > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.8em; margin-top:15px;text-align:center;}

.sub_img_box4 {width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.sub_img_box4 p {font-size:2.5em; color:#fff; line-height:1.2em; font-weight:600; position:absolute; left:30px; bottom:30px;}
.sub_img_box4.case2 {height:auto; border-radius:18px; overflow:hidden;}
.sub_img_box4.case2 img {width:100%;}

.sub_img_box5 {width:100%; overflow:hidden;}
.sub_img_box5 > div {float:left; width:calc(25% - 15px); margin-right:20px;}
.sub_img_box5 > div:nth-child(4) {margin-right:0;}
.sub_img_box5 > div .img_box {width:100%; border-radius:18px;}
.sub_img_box5 > div .img_box img {width:100%;}
.sub_img_box5 > div .txt_box {margin-top:30px;}
.sub_img_box5 > div .txt_box dl dt {font-size:1.25em; color:#191919; font-weight:600;text-align:center;}
.sub_img_box5 > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.8em; margin-top:15px;text-align:center;}

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

    .sub_img_box2 > div .img_box {height:27vw;}
    .sub_img_box2 > div .txt_box {padding-left:0 40px;}
    .sub_img_box2 > div:nth-child(even) .txt_box {padding-right:40px;}

    .sub_img_box3 > div .img_box {height:48vw;}

    .sub_img_box4 {height:35vw;}
}

@media screen and (max-width:1024px){
    .sub_img_box1 > div {width:calc(50% - 5px); margin-right:10px;}
    .sub_img_box1 > div:nth-child(2) ~ div {margin-top:30px;}
    .sub_img_box1 > div .img_box {margin-bottom:10px;}
    .sub_img_box1 > div p {font-size:1.125em; font-weight:500;}
    .sub_img_box1 > div dl {margin-top:15px;}
    .sub_img_box1 > div dl dt {font-size:1.3em; margin-bottom:0;}
    .sub_img_box1 > div dl dd {font-size:1em; line-height:1.7em; margin-top:1vw; padding-left:20px;}

    .sub_img_box2 > div .img_box {width:calc(50% - 5px)}
    .sub_img_box2 > div .txt_box {width:calc(50% - 5px); padding-left:20px;}
    .sub_img_box2 > div .txt_box dl dt {font-size:1.3em; margin-bottom:10px;}
    .sub_img_box2 > div .txt_box dl dd {font-size:1em; line-height:1.7em; margin-top:2vw; padding-left:20px;}
    .sub_img_box2 > div:nth-child(even) .txt_box {padding-right:20px;}

    .sub_img_box3 > div {width:calc(50% - 5px); margin-right:10px;}
    .sub_img_box3 > div .txt_box {margin-top:2vw;}
    .sub_img_box3 > div .txt_box dl dt {font-size:1.125em;}
    .sub_img_box3 > div .txt_box dl dd {font-size:1em; line-height:1.7em; margin-top:1vw;}

    .sub_img_box4 p {font-size:2em; left:20px; bottom:20px;}

    .sub_img_box5 > div {width:calc(25% - 7.5px); margin-right:10px;}
    .sub_img_box5 > div .txt_box {margin-top:2vw;}
    .sub_img_box5 > div .txt_box dl dt {font-size:1.125em;}
    .sub_img_box5 > div .txt_box dl dd {font-size:1em; line-height:1.7em; margin-top:1vw;}
}

@media screen and (max-width:767px){
    .sub_img_box1 {justify-content:center;}
    .sub_img_box1 > div {width:calc(50% - 2.5px); margin-right:5px;}
    .sub_img_box1 > div:nth-child(even) {margin-right:0;}
    .sub_img_box1 > div:nth-child(2) ~ div {margin-top:5vw;}
    .sub_img_box1 > div .img_box {height:28vw;}
    .sub_img_box1.case2 > div {width:100%; margin-right:0;}
    .sub_img_box1.case2 > div:nth-child(1) ~ div {margin-top:5vw;}
    .sub_img_box1.case2 > div .img_box {height:50vw;}

    .sub_img_box2 > div {display:block; margin-bottom:7%;}
    .sub_img_box2 > div:last-child {margin-bottom:0;}
    .sub_img_box2 > div .img_box {width:100%; height:50vw;}
    .sub_img_box2 > div .txt_box {width:100%; padding-left:0; margin-top:2vw;}
    .sub_img_box2 > div .txt_box dl dd {padding-left:16px;}
    .sub_img_box2 > div:nth-child(even) .txt_box {padding-right:0;}

    .sub_img_box3 > div {float:none; width:100%; margin-right:0;}
    .sub_img_box3 > div:nth-child(1) ~ div {margin-top:6vw;}
    .sub_img_box3 > div .img_box {height:50vw;}

    .sub_img_box4 p {font-size:1.25em; left:15px; bottom:15px;}

    .sub_img_box5 > div {width:calc(50% - 5px); margin-right:10px;}
    .sub_img_box5 > div:nth-child(2n) {margin-right:0 !important;}
    .sub_img_box5 > div:nth-child(2) ~ div {margin-top:6vw;}
}


.sub_table_box1 {width:100%; border-top:2px solid #191919;}
.sub_table_box1 tbody th {width:180px; background:#f8f8f8; border-bottom:1px solid #dcdcdc; font-size:1.125em; color:#191919; font-weight:600; padding:25px 5px;}
.sub_table_box1 tbody td {border-bottom:1px solid #dcdcdc; font-size:1.125em; color:#666; line-height:1.7em; padding:25px 30px;}

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

@media screen and (max-width:767px){
    .sub_table_box1, .sub_table_box1 tbody, .sub_table_box1 tr, .sub_table_box1 th, .sub_table_box1 td {display:block;}
    .sub_table_box1 tbody tr {display:flex; flex-wrap:wrap; width:100%;}
    .sub_table_box1 tbody th {display:flex; justify-content:center; align-items:center; width:110px; padding:10px 5px;}
    .sub_table_box1 tbody td {width:calc(100% - 110px); padding:10px;}
}


.sub_list_box1 {width:100%; background:#f8f8f8; padding:40px 50px;}
.sub_list_box1 > li {font-size:1.125em; color:#666; line-height:1.8em; padding-left:24px; position:relative;}
.sub_list_box1 > li:before {content:''; display:block; width:4px; height:4px; background:#191919; position:absolute; left:0; top:14px;}

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

@media screen and (max-width:767px){
    .sub_list_box1 {padding:15px;}
    .sub_list_box1 > li {padding-left:11px;}
}


.sub_number_box1 {counter-reset:counter;}
.sub_number_box1 > li {width:100%; margin-top:50px; padding:55px 0 0 185px; position:relative;}
.sub_number_box1 > li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:7.5em; color:#fff; line-height:1em; font-weight:500; font-family:'Poppins'; -webkit-text-stroke:1px #cb0303; position:absolute; left:0; top:0;}
.sub_number_box1 > li dl dt {font-size:1.5em; color:#cb0303; font-weight:700;}
.sub_number_box1 > li dl dd {width:100%; font-size:1.125em; color:#666; line-height:1.8em; margin-top:30px;}

.sub_number_box2 {counter-reset:counter;}
.sub_number_box2 > li {font-size:1.125em; color:#666; line-height:1.8em; padding:15px 0 15px 50px; border-bottom:1px solid #dcdcdc; position:relative;}
.sub_number_box2 > li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:1.11em; color:#191919; font-weight:600; font-family:'Poppins'; position:absolute; left:0; top:15px;}

@media screen and (max-width:1024px){
    .sub_number_box1 > li {padding:30px 0 0 120px; margin-top:6%;}
    .sub_number_box1 > li:before {font-size:5em;}
    .sub_number_box1 > li dl dt {font-size:1.3em;}
    .sub_number_box1 > li dl dd {font-size:1em; line-height:1.7em; margin-top:2vw;}

    .sub_number_box2 > li {font-size:1em; padding:10px 0 10px 30px;}
    .sub_number_box2 > li:before {top:10px;}
}

@media screen and (max-width:767px){
    .sub_number_box1 > li {padding:5px 0 0 55px;}
    .sub_number_box1 > li:before {font-size:2.5em;}

    .sub_number_box2 > li:before {top:11px;}
}


.sub_process_box1 {width:100%; height:400px; background:url(../images/sRecruit_img1.jpg) no-repeat center center; background-size:cover; position:relative;}
.sub_process_box1 ul {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; width:100%; height:100%; background:rgba(25,25,25,0.6); counter-reset:counter;}
.sub_process_box1 ul li {display:flex; justify-content:center; align-items:center; flex-direction:column; width:180px; height:180px; border:2px solid #fff; border-radius:50%; font-size:1.25em; color:#fff; font-weight:700; text-align:center; margin-right:20px; position:relative;}
.sub_process_box1 ul li:last-child {margin-right:0;}
.sub_process_box1 ul li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:block; font-size:1.2em; color:rgba(255,255,255,0.5); font-weight:400; font-family:'Poppins'; margin-bottom:5px;}
.sub_process_box1 ul li:after {content:''; display:block; width:20px; height:1px; background:rgba(255,255,255,0.5); position:absolute; left:100%; top:50%; margin-left:2px;}
.sub_process_box1 ul li:last-child:after {display:none;}

@media screen and (max-width:1220px){
    .sub_process_box1 ul li {width:15vw; height:15vw;}
}

@media screen and (max-width:1024px){
    .sub_process_box1 {height:300px;}
    .sub_process_box1 ul li {font-size:1.125em; margin-right:13px}
    .sub_process_box1 ul li:after {width:13px;}
}

@media screen and (max-width:767px){
    .sub_process_box1 {height:auto;}
    .sub_process_box1 ul {height:auto; padding:10% 0;}
    .sub_process_box1 ul li {width:26vw; height:26vw; font-size:1em; margin-right:5px;}
    .sub_process_box1 ul li:nth-child(3n) {margin-right:0;}
    .sub_process_box1 ul li:before {margin-bottom:3px;}
    .sub_process_box1 ul li:after {width:5px;}
    .sub_process_box1 ul li:nth-child(3n):after {display:none;}
}




.sCompany_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCompany_case1 > div {position:relative;}
.sCompany_case1 > div p {font-size:1.25em; color:#191919; line-height:1.5em; font-weight:600; position:absolute; left:0; top:0;}

.sHistory_case1 {width:100%; background:url(../images/sHistoryBG.png) no-repeat center center; background-size:cover; padding:150px 0 110px; position:relative;}
.sHistory_case1:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.6); position:absolute; left:0; top:0; z-index:0;}
.sHistory_case1:after {content:''; display:block; width:1px; height:100%; background:#929292; position:absolute; left:50%; top:0; margin-left:-600px; z-index:1;}
.sHistory_case1 > div {position:relative; z-index:5;}
.sHistory_case1 > div:after {content:''; display:block; width:100%; clear:both;}
.sHistory_case1 h3 {font-size:1.875em; color:#fff; line-height:1.2em; font-weight:500; font-family:'Poppins'; margin-bottom:50px; padding-left:90px;}
.sHistory_case1 .year_box {float:left; width:calc(100% - 500px);}
.sHistory_case1 .year_box ul li {font-size:1.5em; color:#929292; line-height:1em; font-weight:500; font-family:'Poppins'; margin-bottom:30px; cursor:pointer; padding-left:90px; position:relative;}
.sHistory_case1 .year_box ul li:before {content:''; display:block; width:10px; height:10px; background:#929292; border-radius:50%; position:absolute; left:0; top:8px; transform:translateX(-50%)}
.sHistory_case1 .year_box ul li:last-child {margin-bottom:0;}
.sHistory_case1 .year_box ul li br {display:none;}
.sHistory_case1 .year_box ul li.active {font-size:6.25em; color:#fff;}
.sHistory_case1 .year_box ul li.active:before {width:30px; height:30px; background:#fff; border:10px solid #cb0303; top:35px;}
.sHistory_case1 .year_box ul li.active br {display:block;}
.sHistory_case1 .history_box {float:right; width:500px; height:500px;}
.sHistory_case1 .history_box .box {margin-bottom:50px;}
.sHistory_case1 .history_box .box:last-child {margin-bottom:0;}
.sHistory_case1 .history_box .year {font-size:1.875em; color:#fff; font-weight:500; font-family:'Poppins'; margin-bottom:10px;}
.sHistory_case1 .history_box .year:not(:first-of-type) {margin-top:50px;}
.sHistory_case1 .history_box ul li {font-size:1.125em; color:#fff; line-height:1.9em;}
.sHistory_case1 .history_box .mCSB_scrollTools {opacity:1 !important;}
.sHistory_case1 .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {width:1px; background:#fff;}
.sHistory_case1 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .sHistory_case1 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background:#fff;}
.sHistory_case1 .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {background:#fff;}

.sClient_slide .swiper-slide {display:flex; justify-content:center; align-items:center; width:300px; height:90px; background:#f8f8f8; font-size:1.125em; color:#dcdcdc; font-weight:700; text-align:center;}
.sClient_slide .swiper-slide img {max-width:100%; max-height:100%;}

@media screen and (max-width:1220px){
    .sCompany_case1 > div img {height:32vw;}

    .sHistory_case1:after {left:6vw; margin-left:0;}
    .sHistory_case1 h3 {padding-left:50px;}
    .sHistory_case1 .year_box {width:calc(100% - 400px)}
    .sHistory_case1 .year_box ul li {padding-left:50px;}
    .sHistory_case1 .history_box {width:400px;}
}

@media screen and (max-width:1024px){
    .sCompany_case1 > div p {font-size:1.125em;}

    .sHistory_case1 {padding:13% 0;}
    .sHistory_case1 h3 {font-size:1.5em; margin-bottom:5%; padding-left:30px;}
    .sHistory_case1 .year_box {width:300px;}
    .sHistory_case1 .year_box ul li {font-size:1.3em; line-height:1.2em; padding-left:30px;}
    .sHistory_case1 .year_box ul li:before {width:8px; height:8px;}
    .sHistory_case1 .year_box ul li.active {font-size:3.5em;}
    .sHistory_case1 .year_box ul li.active:before {width:20px; height:20px; border-width:6px; top:23px;}
    .sHistory_case1 .history_box {width:calc(100% - 300px)}
    .sHistory_case1 .history_box .box {margin-bottom:25px;}
    .sHistory_case1 .history_box .year {font-size:1.5em;}
    .sHistory_case1 .history_box .year:not(:first-of-type) {margin-top:25px;}
    .sHistory_case1 .history_box ul li {font-size:1em; line-height:1.8em;}

    .sClient_slide .swiper-slide {width:200px; height:60px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sHistory_case1 h3 {padding-left:20px;}
    .sHistory_case1 .year_box {width:120px;}
    .sHistory_case1 .year_box ul li {font-size:1.125em; padding-left:20px;}
    .sHistory_case1 .year_box ul li:before {width:6px; height:6px; top:4px;}
    .sHistory_case1 .year_box ul li.active {font-size:1.5em;}
    .sHistory_case1 .year_box ul li.active:before {width:16px; height:16px; border-width:5px; top:3px;}
    .sHistory_case1 .history_box {width:calc(100% - 120px)}
    .sHistory_case1 .history_box .year {margin-bottom:5px;}

    .sClient_slide .swiper-slide {width:120px; height:40px;}
}

@media screen and (max-width:500px){
    .sCompany_case1 > div {width:100%; margin-bottom:5%;}
    .sCompany_case1 > div:last-child {margin-bottom:0;}
    .sCompany_case1 > div img {width:100%; height:auto;}
}



.culture_slide {width:100%; margin-top:50px;}
.culture_slide .swiper-slide div {width:100%; height:120px; background-repeat:no-repeat; background-position:center center; border:1px solid #ddd;border-radius:8px;}

@media screen and (max-width:1220px){
    .culture_slide .swiper-slide div {height:15vw;}
}

@media screen and (max-width:1024px){
    .culture_slide {margin-top:3vw;}
}

@media screen and (max-width:767px){
    .culture_slide .swiper-slide div {height:22vw;}
}



.sLocation_case {overflow:hidden;}
.sLocation_case .info_box {float:left; width:450px;}
.sLocation_case .info_box .logo img {height:50px;}
.sLocation_case .info_box dl {display:flex; flex-wrap:wrap; width:100%; margin-top:50px;}
.sLocation_case .info_box dl dt {width:75px; font-size:1.25em; color:#191919; font-weight:600; line-height:1.8em; font-family:'Poppins'; text-transform:uppercase; padding:13px 0 15px; border-bottom:1px solid #dcdcdc;}
.sLocation_case .info_box dl dd {width:calc(100% - 75px); font-size:1.125em; color:#666; line-height:1.8em; border-bottom:1px solid #dcdcdc; padding:15px 0;}
.sLocation_case .info_box dl dt:last-of-type, .sLocation_case .info_box dl dd:last-of-type {border-bottom:0;}
.sLocation_case .map_box {float:right; width:700px; height:450px; background:#f8f8f8;}
.sLocation_case .map_box .root_daum_roughmap .wrap_map {height:100% !important;}

@media screen and (max-width:1220px){
    .sLocation_case .map_box {width:calc(100% - 480px)}
}

@media screen and (max-width:1024px){
    .sLocation_case .info_box {width:300px;}
    .sLocation_case .info_box .logo img {height:50px;}
    .sLocation_case .info_box dl {margin-top:25px;}
    .sLocation_case .info_box dl dt {width:55px; font-size:1em; padding:10px 0;}
    .sLocation_case .info_box dl dd {width:calc(100% - 55px); font-size:1em; padding:10px 0;}
    .sLocation_case .map_box {width:calc(100% - 330px); height:350px;}
}

@media screen and (max-width:767px){
    .sLocation_case .info_box {float:none; width:100%;}
    .sLocation_case .info_box .logo img {height:30px;}
    .sLocation_case .map_box {float:none; width:100%; height:220px; margin-top:5%;}
}


.sContact_case1  {display:flex; height:100%; position:relative; z-index:5;}
.sContact_case1 .tit_box {width:calc(100% - 600px);}
.sContact_case1 .form_box {width:600px;}
.sContact_case1 .form_box:after {content:''; display:block; width:100%; clear:both;}
.sContact_case1 .form_box ul li {display:flex; width:100%; background:#fff; border-radius:10px; margin-bottom:10px; padding:25px; position:relative;}
.sContact_case1 .form_box ul li:before {content:''; display:block; width:100%; height:100%; border:1px solid #ccc; border-radius:10px; position:absolute; left:0; top:0; pointer-events:none}
.sContact_case1 .form_box ul li:last-child {margin-bottom:0;}
.sContact_case1 .form_box ul li > label {display:block; width:82px; font-size:1em; font-weight:600;}
.sContact_case1 .form_box ul li > label i {color:#cb0303; font-style:normal;}
.sContact_case1 .form_box ul li > div {width:calc(100% - 82px)}
.sContact_case1 .form_box ul li .form_txt {display:block; width:100%; height:100%; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0;}
.sContact_case1 .form_box ul li .form_txt:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li .form_textarea {display:block; width:100%; height:250px; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0; resize:none;}
.sContact_case1 .form_box ul li .form_textarea:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li.on:before {border:2px solid #cb0303; box-shadow:5px 5px 15px rgba(67,8,85,0.15)}
.sContact_case1 .form_box ul li .form_txt::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box .chk_box {position:relative; margin-top:20px;}
.sContact_case1 .form_box .chk_box input {display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;}
.sContact_case1 .form_box .chk_box label {display:flex; width:100%;}
.sContact_case1 .form_box .chk_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:rgba(25,25,25,0.2); border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
.sContact_case1 .form_box .chk_box label span {font-size:0.875em; font-weight:500; padding-left:10px; line-height:24px;}
.sContact_case1 .form_box .chk_box label span a {text-decoration:underline; position:relative; z-index:5;}
.sContact_case1 .form_box .chk_box input:checked + label:before {background:#cb0303}
.sContact_case1 .form_box .submit_btn {float:right; display:flex; justify-content:center; align-items:center; width:162px; height:59px; background:#cb0303; border-radius:30px; font-size:1em; color:#fff; font-weight:600; text-align:center; transition:all 0.4s; transition-property:background, color; font-family:'Pretendard'}

@media screen and (max-width:1220px){
    .sContact_case1 .tit_box {width:350px}
    .sContact_case1 .form_box {width:calc(100% - 350px)}
}

@media screen and (max-width:1024px){
    .sContact_case1 .tit_box {width:300px;}
    .sContact_case1 .form_box {width:calc(100% - 300px)}
    .sContact_case1 .form_box ul li {margin-bottom:5px; padding:18px 15px;}
    .sContact_case1 .form_box ul li > label {width:70px;}
    .sContact_case1 .form_box ul li > div {width:calc(100% - 70px)}
	.sContact_case1 .form_box ul li .form_textarea {height:100px;}
    .sContact_case1 .form_box .chk_box {margin-top:10px;}
	.sContact_case1 .form_box .submit_btn {width:140px; height:50px;}
}

@media screen and (max-width:767px){
    .sContact_case1 {display:block;}
    .sContact_case1 .tit_box {width:100%;}
    .sContact_case1 .tit_box p {margin-top:5px;}
    .sContact_case1 .form_box {width:100%; margin-top:5%;}
    .sContact_case1 .form_box ul li {padding:13px 10px; border-radius:5px;}
	.sContact_case1 .form_box ul li:before {border-radius:5px;}
    .sContact_case1 .form_box ul li > label {width:63px;}
    .sContact_case1 .form_box ul li > div {width:calc(100% - 63px)}
    .sContact_case1 .form_box ul li .form_textarea {height:90px;}
    .sContact_case1 .form_box .chk_box label:before {width:20px; height:20px;}
    .sContact_case1 .form_box .chk_box label span {line-height:20px;}
	.sContact_case1 .form_box .submit_btn {width:120px; height:38px;}
}

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


.ready_wrap {width:100%; padding:200px 0; text-align:center;}
.ready_wrap .icon {display:inline-block; font-size:4.375em; color:#cb0303; position:relative; font-style:normal; padding:20px 20px 0 0;}
.ready_wrap .icon:before {content:'\e41b'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'; position:relative; z-index:10;}
.ready_wrap .icon:after {content:''; display:block; width:80px; height:80px; background:#cb0303; opacity:0.1; border-radius:50%; position:absolute; right:0; top:0; z-index:0;}
.ready_wrap dl {margin-top:30px; text-align:center;}
.ready_wrap dl dt {font-size:1.875em; font-weight:700;}
.ready_wrap dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:5px;}

@media screen and (max-width:1024px){
    .ready_wrap {padding:15% 0;}
    .ready_wrap .icon {font-size:3.7em; padding:10px 10px 0 0;}
    .ready_wrap .icon:after {width:50px; height:50px;}
    .ready_wrap dl {margin-top:15px;}
    .ready_wrap dl dt {font-size:1.5em;}
    .ready_wrap dl dd {font-size:1em;}
}

@media screen and (max-width:767px){
    .ready_wrap .icon {padding:5px 5px 0 0;}
    .ready_wrap dl dt {font-size:1.3em;}
}