@charset "utf-8";

.btn_wrap1 {display:flex;}
.btn_wrap1.end {justify-content:end;}
.btn_wrap1.center {justify-content:center;}
.btn_wrap1 a {display:flex; justify-content:center; align-items:center; width:185px; height:60px; border:1px solid #191919; font-size:1em; font-weight:500; margin-right:5px; transition:all 0.5s; transition-property:background, border, color;}
.btn_wrap1 a:last-child {margin-right:0;}
.btn_wrap1 a:after {content:'\f105'; display:block; width:0; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; text-align:right; overflow:hidden; transition:width 0.5s;}
.btn_wrap1 a:hover {background:#0086ff; border-color:#0086ff; color:#fff;}
.btn_wrap1 a:hover:after {width:25px;}

.btn_wrap1.pc_hide {display:none;}

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

@media screen and (max-width:767px){
    .btn_wrap1 a {width:140px; height:40px;}
    .btn_wrap1 a:hover:after {width:15px;}
	
	.btn_wrap1.mo_hide {display:none;}
	.btn_wrap1.pc_hide {display:flex;}
}


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

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

#snkmotors_gnb {width:100%; position:absolute; left:0; top:0;}
#snkmotors_gnb > ul {display:flex; justify-content:center; width:100%;}
#snkmotors_gnb > ul > li {position:relative;}
#snkmotors_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:103px; font-weight:600; padding:0 30px; transition:color 0.4s;}
#snkmotors_gnb > ul > li > ul {width:calc(100% + 40px); position:absolute; left:50%; top:80%; transform:translateX(-50%); padding:15px 0; opacity:0; visibility:hidden; transition:all 0.2s; transition-property:opacity, visibility;}
#snkmotors_gnb > ul > li > ul:before {content:''; display:block; width:100%; height:0; background:#0086ff; border-radius:10px; position:absolute; left:0; top:0; transition:height 0.5s;}
#snkmotors_gnb > ul > li > ul > li {position:relative; z-index:5; opacity:0; transition:opacity 0.6s;}
#snkmotors_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:rgba(255,255,255,0.6); line-height:1.4em; text-align:center; padding:8px 5px; transition:color 0.4s;}
#snkmotors_gnb > ul > li > ul > li > a:hover {color:#fff;}

#snkmotors_gnb > ul > li:hover > a {color:#0086ff !important}
#snkmotors_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
#snkmotors_gnb > ul > li:hover > ul:before {height:100%;}
#snkmotors_gnb > ul > li:hover > ul > li {opacity:1;}
#snkmotors_gnb > ul > li:hover > ul > li:nth-child(1) {transition-delay:0.1s;}
#snkmotors_gnb > ul > li:hover > ul > li:nth-child(2) {transition-delay:0.2s;}
#snkmotors_gnb > ul > li:hover > ul > li:nth-child(3) {transition-delay:0.3s;}
#snkmotors_gnb > ul > li:hover > ul > li:nth-child(4) {transition-delay:0.4s;}
#snkmotors_gnb > ul > li:hover > ul > li:nth-child(5) {transition-delay:0.5s;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:url(../images/sitemap_bg.jpg) no-repeat center center; background-size:cover; position:fixed; left:0; top:0; z-index:10; transform:translateY(-100%); transition:transform 1s;}
#all_gnb > div {display:flex; align-items:start; width:88%; position:relative;}
#all_gnb > div:before, #all_gnb > div:after {content:''; display:block; width:1px; height:100vh; background:rgba(255,255,255,0.1); position:absolute; top:50%; transform:translateY(-50%)}
#all_gnb > div:before {left:0;}
#all_gnb > div:after {right:0;}
#all_gnb .s_logo {width:25%;}
#all_gnb .s_logo:before, #all_gnb .s_logo:after {content:''; display:block; width:1px; height:100vh; background:rgba(255,255,255,0.1); position:absolute; top:50%; transform:translateY(-50%)}
#all_gnb .s_logo:before {left:25%;}
#all_gnb .s_logo:after {left:50%;}
#all_gnb .s_logo img {width:215px;}
#all_gnb .menu_box {width:75%;}
#all_gnb .menu_box:before {content:''; display:block; width:1px; height:100vh; background:rgba(255,255,255,0.1); position:absolute; left:75%; top:50%; transform:translateY(-50%)}
#all_gnb .menu_box > ul {display:flex; flex-wrap:wrap; width:100%;}
#all_gnb .menu_box > ul > li {width:33.33%; padding:0 35px;}
#all_gnb .menu_box > ul > li:nth-child(3) ~ li {margin-top:70px;}
#all_gnb .menu_box > ul > li > a {font-size:1.875em; color:#fff; line-height:1.4em; position:relative;}
#all_gnb .menu_box > ul > li > a:before {content:''; display:block; width:2px; height:26px; background:#0086ff; position:absolute; top:50%; left:-35px; transform:translateY(-50%);}
#all_gnb .menu_box > ul > li > ul {margin-top:30px;}
#all_gnb .menu_box > ul > li > ul > li {margin-bottom:5px;}
#all_gnb .menu_box > ul > li > ul > li:last-child {margin-bottom:0;}
#all_gnb .menu_box > ul > li > ul > li > a {font-size:1em; color:rgba(255,255,255,0.6); line-height:1.5em; font-weight:300; transition:color 0.4s;}
#all_gnb .menu_box > ul > li > ul > li > a:hover {color:#0086ff;}

#menuToggle {display:block; width:50px; height:12px; position:relative; z-index:15;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:calc(100% - 10px); height:2px; background:#fff; position:absolute; transition:all 0.4s;}
#menuToggle:before {top:0; right:0;}
#menuToggle:after {bottom:0; left:0;}

#snkmotors_header.scroll_on {background:#fff; box-shadow:0 0 15px rgba(25,25,25,0.15)}
#snkmotors_header.scroll_on #snkmotors_logo {background-image:url(../images/logo.svg)}
#snkmotors_header.scroll_on #snkmotors_gnb > ul > li > a {color:#191919;}
#snkmotors_header.scroll_on #menuToggle:before, #snkmotors_header.scroll_on #menuToggle:after {background:#191919;}

#snkmotors_header.on #all_gnb {transform:translateY(0)}
#snkmotors_header.on #menuToggle:before, #snkmotors_header.on #menuToggle:after {width:100%; background:#fff;}
#snkmotors_header.on #menuToggle:before {transform:translateY(5px) rotate(45deg)}
#snkmotors_header.on #menuToggle:after {transform:translateY(-5px) rotate(-45deg)}

@media screen and (min-width:1025px){
    #all_gnb .menu_box > ul > li > ul {display:block !important;}
}

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

    #snkmotors_gnb {padding:0 100px 0 270px;}
    #snkmotors_gnb > ul > li > a {padding:0 20px;}
}

@media screen and (max-width:1024px){
    #snkmotors_header {height:55px; padding-left:4%;}

    #snkmotors_logo {width:175px; height:35px; z-index:15}

    #snkmotors_gnb  {display:none;}

    #all_gnb > div:before, #all_gnb > div:after {display:none;}
    #all_gnb .s_logo {display:none;}
    #all_gnb .menu_box {width:100%;}
    #all_gnb .menu_box:before {display:none;}
    #all_gnb .menu_box > ul {display:block;}
    #all_gnb .menu_box > ul > li {width:100%; padding:0; text-align:center; margin-bottom:3%;}
    #all_gnb .menu_box > ul > li:last-child {margin-bottom:0;}
    #all_gnb .menu_box > ul > li:nth-child(3) ~ li {margin-top:0;}
    #all_gnb .menu_box > ul > li > a {font-size:1.5em;}
    #all_gnb .menu_box > ul > li > a:before {display:none;}
    #all_gnb .menu_box > ul > li > ul {display:none; margin-top:3%;}
    #all_gnb .menu_box > ul > li > ul > li {margin-bottom:1.5%;}

    #menuToggle {width:34px; height:8px;}
    #menuToggle:before, #menuToggle:after {width:calc(100% - 7px)}
    #snkmotors_header.on #menuToggle:before {transform:translateY(3px) rotate(45deg)}
    #snkmotors_header.on #menuToggle:after {transform:translateY(-3px) rotate(-45deg)}
}


/* footer */
#snkmotors_footer {width:100%; background:#191919; padding:50px 0 70px;}
#snkmotors_footer .inner {position:relative; padding-right:230px;}
#snkmotors_footer .f_info {margin-top:15px;}
#snkmotors_footer .f_info li {display:inline-block; font-size:0.875em; color:#fff; font-weight:500; margin:15px 15px 0 0;}
#snkmotors_footer .f_info li strong {color:#999; margin-right:5px;}
#snkmotors_footer .f_info li a {color:#fff;}
#snkmotors_footer .copy {font-size:0.875em; color:#999; font-weight:500; position:absolute; right:0; bottom:0;}
#snkmotors_footer .f_sns {display:flex; align-items:center; position:absolute; right:0; top:0;}
#snkmotors_footer .f_sns li {font-size:1.5em; margin-right:20px;}
#snkmotors_footer .f_sns li a {display:flex; align-items:center; color:#666;}
#snkmotors_footer .f_sns li:last-child {margin-right:0;}
#snkmotors_footer .f_sns li a:hover {color:#fff;}
#snkmotors_footer .f_sns li a .icon {display:block; width:30px; height:14px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#snkmotors_footer .f_sns li a .icon.blog {background-image:url(../images/icon_blog.svg)}
#snkmotors_footer .f_sns li a .icon.ch {width:22px; height:23px; background-image:url(../images/icon_ch.svg)}
#snkmotors_footer .f_sns li a:hover .icon.blog {background-image:url(../images/icon_blog_on.svg)}
#snkmotors_footer .f_sns li a:hover .icon.ch {background-image:url(../images/icon_ch_on.svg)}
#snkmotors_footer .go_top {display:block; width:45px; height:45px; background:rgba(25,25,25,0.5); border-radius:50%; font-size:0.875em; color:#fff; position:fixed; right:30px; bottom:30px; z-index:200; opacity:0; visibility:hidden; transform:translateY(100%); transition:all 0.5s; transition-property:opacity, visibility, transform;}
#snkmotors_footer .go_top i {transition:transform 0.4s;}
#snkmotors_footer .go_top.on {opacity:1; visibility:visible; transform:translateY(0)}
#snkmotors_footer .go_top:hover i {transform:translateY(-5px)}
#snkmotors_footer .f_member {display:inline-block; font-size:0.875em; color:rgba(255,255,255,0.6); line-height:23px; font-family:'Poppins', 'Pretendard'; padding:0 10px; border:1px solid rgba(255,255,255,0.4); margin:10px 2px 0 0; text-transform:uppercase;}

@media screen and (max-width:1024px){
    #snkmotors_footer {padding:6% 0;}
    #snkmotors_footer .f_logo img {height:30px;}
    #snkmotors_footer .f_info {margin-top:10px;}
    #snkmotors_footer .f_info li {margin:10px 10px 0 0;}
    #snkmotors_footer .f_info br {display:none;}
    #snkmotors_footer .f_sns li {font-size:1.3em; margin-right:15px;}
    #snkmotors_footer .f_sns li a .icon {width:25px;}
	#snkmotors_footer .f_sns li a .icon.ch {width:17px;}
    #snkmotors_footer .go_top {width:40px; height:40px; right:6%; bottom:20px;}
}

@media screen and (max-width:767px){
    #snkmotors_footer .inner {padding-right:0;}
    #snkmotors_footer .copy {position:relative; margin-top:15px;}
    #snkmotors_footer .f_sns {top:7px;}
    #snkmotors_footer .go_top {width:32px; height:32px; bottom:15px;}
}


/* main */
#mVisu {width:100%; height:100vh; position:relative;}
#mVisu .scroll_box {display:flex; align-items:center; position:absolute; left:50%; bottom:70px; transform:translateX(-50%); z-index:20;}
#mVisu .scroll_box p {font-size:1em; color:#fff; font-family:'Poppins';}
#mVisu .scroll_box i {display:block; width:60px; height:60px; border:1px solid rgba(255,255,255,0.5); border-radius:50%; margin-left:10px; position:relative;}
#mVisu .scroll_box i:before {content:''; display:block; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:50%; margin-left:-4px; animation:scrollIcon 1.1s infinite;}
.mVisu_slide {width:100%; height:100%; position:relative;}
.mVisu_slide .swiper-slide {display:flex; justify-content:center; align-items:center;}
.mVisu_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
.mVisu_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4);}
.mVisu_slide .txt_box {margin-top:-70px;}
.mVisu_slide .txt_box p {opacity:0; transform:translateY(-50px); transition:all 1.5s; transition-property:opacity, transform;}
.mVisu_slide .txt_box .tit {font-size:5.625em; color:#fff; line-height:1.05em; font-family:'Poppins'; transition-delay:0.3s;}
.mVisu_slide .txt_box .txt {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500; margin-top:30px; transition-delay:0.5s}
.mVisu_slide .swiper-slide-active p {opacity:1; transform:translateY(0)}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {display:flex; width:1200px; left:50%; bottom:auto; top:50%; transform:translateX(-50%); margin-top:150px; text-align:left;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 24px 0 0;}
.mVisu_slide .swiper-pagination-bullet {display:flex; width:20px; height:20px; background:none; opacity:1; position:relative;}
.mVisu_slide .swiper-pagination-bullet:before {content:''; display:block; width:7px; height:7px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.mVisu_slide .swiper-pagination-bullet span {display:block; width:50%; height:100%; overflow:hidden;}
.mVisu_slide .swiper-pagination-bullet span:nth-child(1):before {content:''; display:block; width:100%; height:100%; border:2px solid #fff; border-right:0; border-radius:30px 0 0 30px; transform:rotate(180deg); transform-origin:center right;}
.mVisu_slide .swiper-pagination-bullet span:nth-child(2):before {content:''; display:block; width:100%; height:100%; border:2px solid #fff; border-left:0; border-radius:0 30px 30px 0; transform:rotate(180deg); transform-origin:center left;}
.mVisu_slide .swiper-pagination-bullet-active span:before {animation:circle1 2.5s linear forwards;}
.mVisu_slide .swiper-pagination-bullet-active span:nth-child(2):before {animation-delay:2.4s;}
.mVisu_slide .swiper-pagination-bullet svg {opacity:0; width:100%; height:100%; transform:rotate(-90deg)}
.mVisu_slide .swiper-pagination-bullet svg circle {fill:transparent; stroke:#fff; stroke-width:3px; stroke-linecap:round; stroke-dashoffset:50; stroke-dasharray:100;}
.mVisu_slide .swiper-pagination-bullet-active:before {display:none;}
.mVisu_slide .swiper-pagination-bullet-active svg {opacity:1;}
.mVisu_slide .swiper-pagination-bullet-active svg circle {animation:circle 5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.mVisu_slide .swiper-pagination-bullet-active svg circle.mo_circle {opacity:0;}


@keyframes circle {
    0% {stroke-dashoffset:-50;}
    100% {stroke-dashoffset:0;}
}

@keyframes circle1 {
    0% {transform:rotate(180deg)}
    100% {transform:rotate(0)}
}

@keyframes scrollIcon {
    0% {top:20%;}
    100% {top:70%; opacity:0;}
}

@media screen and (max-width:1220px){
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {width:88%;}
}

@media screen and (max-width:1024px){
    #mVisu .scroll_box {bottom:30px;}
    #mVisu .scroll_box i {width:50px; height:50px;}
    #mVisu .scroll_box i:before {width:6px; height:6px; margin-left:-3px;}
    .mVisu_slide .txt_box {margin-top:-50px;}
    .mVisu_slide .txt_box .tit {font-size:4em;}
    .mVisu_slide .txt_box .txt {font-size:1.3em; margin-top:15px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {margin-top:100px;}
}

@media screen and (max-width:767px){
    #mVisu .scroll_box {bottom:15px;}
    #mVisu .scroll_box i {width:32px; height:32px;}
    #mVisu .scroll_box i:before {width:4px; height:4px; margin-left:-2px;}
    .mVisu_slide .txt_box {margin-top:-70px;}
    .mVisu_slide .txt_box .tit {font-size:2.5em;}
    .mVisu_slide .txt_box .txt {font-size:1em;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {margin-top:70px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px 0 0;}
    .mVisu_slide .swiper-pagination-bullet {width:14px; height:14px;}
    .mVisu_slide .swiper-pagination-bullet:before {width:5px; height:5px;}
    .mVisu_slide .swiper-pagination-bullet svg circle {stroke-width:2px;}
    .mVisu_slide .swiper-pagination-bullet-active svg circle.mo_circle {opacity:1;}
    .mVisu_slide .swiper-pagination-bullet-active svg circle.circle {opacity:0;}
}


.main_title h2 {font-size:3.75em; line-height:1.2em; font-weight:400; font-family:'Poppins'}
.main_title .tit {font-size:1.5em; line-height:1.45em; font-weight:500; margin-top:15px;}

@media screen and (max-width:1024px){
    .main_title h2 {font-size:3em;}
    .main_title .tit {font-size:1.3em; margin-top:10px;}
}

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


#mAbout {padding-top:150px;}
#mAbout .txt_box {display:flex; align-items:end; margin-top:20px;}
#mAbout .txt_box .txt {width:670px; font-size:1.25em; color:#666; line-height:1.6em;}
#mAbout .txt_box .btn_box {display:flex; justify-content:end; width:calc(100% - 670px);}
#mAbout .txt_box .btn_box a {display:flex; align-items:center; width:auto; height:60px; border:1px solid #191919; font-size:1em; font-weight:500; padding:0 30px; margin-right:5px; transition:all 0.5s; transition-property:background, border, color;}
#mAbout .txt_box .btn_box a:last-child {margin-right:0;}
#mAbout .txt_box .btn_box a:after {content:'\f105'; display:block; width:0; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; text-align:right; overflow:hidden; transition:width 0.5s;}
#mAbout .txt_box .btn_box a:hover {background:#0086ff; border-color:#0086ff; color:#fff;}
#mAbout .txt_box .btn_box a:hover:after {width:55px;}
#mAbout .img_box {width:100%; margin-top:50px; position:relative; padding-bottom:70px;}
#mAbout .img_box p {display:block; width:100%; position:absolute; left:50%; top:20px; transform:translateX(-50%); z-index:5;}
#mAbout .img_box p img {width:100%;}
#mAbout .img_box .shadow_box {display:block; width:100vw; height:300px; background:url(../images/mAbout_img2.png) no-repeat center bottom; background-size:contain; position:relative; left:50%; transform:translateX(-50%);}
#mAbout .img_box .car_box {position:absolute; bottom:0; right:0; z-index:15;}
#mAbout .img_box .car_box p {width:auto; background:#222; font-size:1.125em; color:#fff; font-weight:500; padding:10px 20px;position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

@keyframes carBox {
    0% {transform:translateX(100%)}
    100% {transform:translateX(0)}
}

@media screen and (max-width:1220px){
    #mAbout .txt_box .txt {width:calc(100% - 400px);}
    #mAbout .txt_box .btn_box {width:400px;}
    #mAbout .img_box .car_box {width:70%;}
    #mAbout .img_box .car_box img {width:100%}
}

@media screen and (max-width:1024px){
    #mAbout {padding-top:15%;}
    #mAbout .txt_box {margin-top:15px;}
    #mAbout .txt_box .txt {width:calc(100% - 300px); font-size:1.125em;}
    #mAbout .txt_box .btn_box {width:300px;}
    #mAbout .txt_box .btn_box a {height:50px; padding:0 20px;}
    #mAbout .txt_box .btn_box a:hover:after {width:30px;}
    #mAbout .img_box {padding-bottom:50px; margin-top:5%;}
    #mAbout .img_box p {top:10px;}
    #mAbout .img_box .shadow_box {height:250px;}
	#mAbout .img_box .car_box p {padding:5px 15px;}
}

@media screen and (max-width:767px){
    #mAbout .txt_box {display:block; margin-top:2%;}
    #mAbout .txt_box .txt {width:100%; font-size:1em;}
    #mAbout .txt_box .btn_box {width:100%; margin-top:6%;}
    #mAbout .txt_box .btn_box a {height:40px; padding:0 15px;}
    #mAbout .txt_box .btn_box a:hover:after {width:20px;}
    #mAbout .img_box {padding-bottom:30px;}
    #mAbout .img_box .shadow_box {height:30vw;}
    #mAbout .img_box .car_box {width:90%;}
}


#mBusiness {padding-top:150px;}
#mBusiness ul {display:flex; justify-content:space-between; width:1670px; max-width:88%; margin:70px auto 0;}
#mBusiness ul > li {width:calc(25% - 37.5px); height:500px; overflow:hidden;}
#mBusiness ul > li a {display:block; width:100%; height:100%; position:relative; }
#mBusiness ul > li a:before {content:''; display:block; width:100%; height:100%; border:0 solid #0086ff; position:absolute; left:0; top:0; z-index:7; transition:border 0.3s;}
#mBusiness ul > li .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; z-index:5; transform:scale(1.1); transition:transform 0.5s;}
#mBusiness ul > li .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.2);}
#mBusiness ul > li .txt_box {width:100%; position:absolute; left:0; bottom:70px; padding:0 30px 0 40px; z-index:10; transition:transform 0.5s;}
#mBusiness ul > li .txt_box p {font-size:1.5em; color:#fff; line-height:1.2em; font-weight:600;}
#mBusiness ul > li .txt_box ol {display:flex; align-items:center; flex-wrap:wrap; min-height:3.32em; font-size:1.125em; margin-top:20px;}
#mBusiness ul > li .txt_box ol li {width:100%; color:#fff; line-height:1.66em; position:relative; padding-left:13px;}
#mBusiness ul > li .txt_box ol li:before {content:''; display:block; width:3px; height:3px; background:#fff; position:absolute; left:0; top:14px;}
#mBusiness ul > li:hover {box-shadow:15px 15px 30px rgba(25,25,25,0.15)}
#mBusiness ul > li:hover a:before {border-width:5px;}
#mBusiness ul > li:hover .img_box {transform:scale(1)}
#mBusiness ul > li:hover .txt_box {transform:translateY(-20px)}

@media screen and (max-width:1599px){
    #mBusiness ul > li {width:calc(25% - 22.5px); height:30vw;}
    #mBusiness ul > li .txt_box {bottom:40px; padding:0 25px;}
    #mBusiness ul > li .txt_box p {font-size:1.3em;}
    #mBusiness ul > li .txt_box ol {font-size:1em; margin-top:10px;}
    #mBusiness ul > li .txt_box ol li:before {top:11px;}
}

@media screen and (max-width:1220px){
    #mBusiness ul > li {width:calc(25% - 7.5px);}
    #mBusiness ul > li .txt_box {bottom:20px; padding:0 20px;}
}

@media screen and (max-width:1024px){
    #mBusiness {padding-top:15%;}
    #mBusiness ul {flex-wrap:wrap; margin-top:5%;}
    #mBusiness ul > li {width:100%; height:35vw;}
    #mBusiness ul > li:nth-child(1) ~ li {margin-top:10px;}
    #mBusiness ul > li .txt_box {bottom:15px;}
    #mBusiness ul > li .txt_box ol {justify-content:start; flex-direction:column; min-height:0; margin-top:5px;}
    #mBusiness ul > li .txt_box ol li {width:100%; display:inline-block; padding-left:10px}
    #mBusiness ul > li .txt_box ol li:before {top:9px;}
}

@media screen and (max-width:767px){
    #mBusiness ul > li {height:45vw;}
}


#mNews {padding:0 0 120px;}
#mNews .main_title {display:flex; align-items:center; width:100%;}
#mNews .main_title h2 {margin-right:30px;}
#mNews ul {margin-top:50px; border-top:1px solid #ccc;}
#mNews ul li {border-bottom:1px solid #ccc;}
#mNews ul li a {display:flex; align-items:center; width:100%; padding:30px 20px;}
#mNews ul li a .date {width:60px; text-align:center;}
#mNews ul li a .date p {font-size:3.125em; line-height:1em; font-family:'Poppins';}
#mNews ul li a .date span {font-size:0.875em; line-height:1em; font-family:'Poppins'}
#mNews ul li a dl {width:calc(100% - 110px); padding:0 70px}
#mNews ul li a dl dt {font-size:1.5em; line-height:1.2em; font-weight:600;}
#mNews ul li a dl dd {font-size:1.125em; color:#666; line-height:1.2em; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mNews ul li a i {display:block; width:50px; height:50px; line-height:50px; background:#e8eaf1; border-radius:50%; text-align:center; font-style:normal; position:relative; overflow:hidden;}
#mNews ul li a i:before {content:'\2b'; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:relative; z-index:5;}
#mNews ul li a i:after {content:''; display:block; width:100%; height:0; background:#0086ff; position:absolute; left:0; bottom:0; transition:height 0.5s;}
#mNews ul li a:hover i:after {height:100%;}

@media screen and (max-width:1024px){
    #mNews {padding:0 0 12%;}
    #mNews .main_title h2 {margin-right:15px;}
    #mNews ul {margin-top:5%;}
    #mNews ul li a {padding:20px 15px;}
    #mNews ul li a .date {width:50px;}
    #mNews ul li a .date p {font-size:2.8em;}
    #mNews ul li a dl {width:calc(100% - 90px); padding:0 30px;}
    #mNews ul li a dl dt {font-size:1.3em;}
    #mNews ul li a dl dd {font-size:1em; margin-top:5px;}
    #mNews ul li a i {width:40px; height:40px; line-height:40px;}
}

@media screen and (max-width:767px){
    #mNews .main_title {display:block;}
    #mNews .main_title h2 {margin-right:0;}
    #mNews ul li a {padding:15px 10px;}
    #mNews ul li a .date {width:40px;}
    #mNews ul li a .date p {font-size:2.2em;}
    #mNews ul li a .date span {font-size:0.75em;}
    #mNews ul li a dl {width:calc(100% - 40px); padding:0 0 0 15px;}
    #mNews ul li a i {display:none; width:32px; height:32px; line-height:32px;}
}


#mMedia {width:1005; background:#f8f9fc; padding:100px 0 140px;}
#mMedia .tit_box {display:flex; justify-content:space-around; align-items:end;}
#mMedia .main_title {display:flex; align-items:center; width:100%;}
#mMedia .main_title h2 {margin-right:30px;}
#mMedia .tab_box {display:flex;}
#mMedia .tab_box li {margin-right:5px;}
#mMedia .tab_box li:last-child {margin-right:0;}
#mMedia .tab_box li button {display:block; height:49px; background:#e8eaf1; border-radius:25px; font-size:1em; color:#999; font-weight:500; font-family:'Pretendard'; padding:0 20px; white-space:nowrap;}
#mMedia .tab_box li.active button {background:#0086ff; color:#fff;}
#mMedia .content_box {margin-top:50px;}
#mMedia .content_box > div:not(.active) {display:none;}
.mMedia_slide a {display:block;}
.mMedia_slide a img {width:100%;}

@media screen and (max-width:1220px){
    #mMedia .tab_box li button {font-size:0.875em;}
}

@media screen and (max-width:1024px){
    #mMedia {padding:13% 0;}
    #mMedia .main_title h2 {margin-right:15px;}
    #mMedia .tab_box li button {height:40px; padding:0 10px;}
    #mMedia .content_box {margin-top:5%;}
}

@media screen and (max-width:767px){
    #mMedia .tit_box {display:block;}
    #mMedia .main_title {display:block; text-align:center;}
    #mMedia .main_title h2 {margin-right:0;}
    #mMedia .tab_box {justify-content:center; margin-top:3%;}
    #mMedia .tab_box li button {height:32px;}
}


#mPartners {padding:180px 0;}
.mPartners_slide {margin-top:100px;}
.mPartners_slide .swiper-wrapper {transition-timing-function:linear;}
.mPartners_slide .swiper-slide {width:auto;}

@media screen and (max-width:1024px){
    #mPartners {padding:15% 0;}
    .mPartners_slide {margin-top:7%;}
    .mPartners_slide img {height:45px;}
}

@media screen and (max-width:767px){
    .mPartners_slide img {height:38px;}
}


#mCommunity {height:650px; padding-top:120px; position:relative; /*margin-top:120px;*/ margin-bottom:100px;}
#mCommunity .img_box {width:calc(50% + 455px); height:calc(100% - 100px); background:url(../images/mCommunity_img1.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0;}
#mCommunity .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.2);}
#mCommunity .cont {width:900px; display:flex; position:absolute; left:50%; bottom:0; margin-left:-65px;}
#mCommunity .cont > div {width:50%; height:350px;}
#mCommunity .cont > div.box1 {background:#0086ff;}
#mCommunity .cont > div.box2 {background:#313133;}
#mCommunity .cont > div a {display:flex; justify-content:end; flex-direction:column; width:100%; height:100%; padding:70px;}
#mCommunity .cont > div a dl {width:100%;}
#mCommunity .cont > div a dl dt {font-size:1.875em; color:#fff; font-weight:600;}
#mCommunity .cont > div a dl dd {font-size:1.125em; color:#fff; line-height:1.6em; font-weight:500; margin-top:15px;}
#mCommunity .cont > div a p {width:100%; height:40px; border-bottom:1px solid #fff; font-size:1em; color:#fff; font-family:'Poppins'; position:relative; margin-top:60px; margin-bottom:-100px; opacity:0; transition:all 0.5s; transition-property:margin-bottom, opacity;}
#mCommunity .cont > div a p:after {content:'\2b'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:10px; top:3px;}
#mCommunity .cont > div:hover {box-shadow:15px 15px 30px rgba(25,25,25,0.15)}
#mCommunity .cont > div:hover a p {margin-bottom:0; opacity:1;}

@media screen and (max-width:1699px){
    #mCommunity .cont {width:50vw;}
    #mCommunity .cont > div a {padding:70px 40px;}
}

@media screen and (max-width:1220px){
    #mCommunity {height:550px;}
    #mCommunity .cont {width:calc(88% - 420px); left:480px; margin-left:6%;}
    #mCommunity .cont > div {height:260px;}
    #mCommunity .cont > div a {padding:40px 30px;}
    #mCommunity .cont > div a dl dt {font-size:1.5em;}
    #mCommunity .cont > div a dl dd {font-size:1em; margin-top:10px;}
    #mCommunity .cont > div a dl dd .mo_br {display:none;}
    #mCommunity .cont > div a p {height:30px; margin-top:50px; margin-bottom:-80px;}
}

@media screen and (max-width:1024px){
    #mCommunity {height:auto; padding-top:10%; /*margin-top:12%;*/ margin-bottom:10%;}
    #mCommunity .img_box {width:90%; height:calc(100% - 50px)}
    #mCommunity .cont {width:75%; position:relative; left:25%; margin-left:0; margin-top:3%;}
    #mCommunity .cont > div {height:220px;}
    #mCommunity .cont > div a {padding:30px 20px;}
    #mCommunity .cont > div a dl dt {font-size:1.3em;}
    #mCommunity .cont > div a dl dd {margin-top:5px;}
    #mCommunity .cont > div a dl dd .mo_br {display:block;}
    #mCommunity .cont > div a p {height:25px; font-size:0.875em; margin-bottom:-75px;}
    #mCommunity .cont > div a p:after {right:0;}
}

@media screen and (max-width:767px){
    #mCommunity .cont {display:block; margin-top:5%;}
    #mCommunity .cont > div {width:100%; height:auto;}
    #mCommunity .cont > div a p {margin-top:30px; display:none;}
}


.media_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.9); position:fixed; left:0; top:0; z-index:400;}
.media_popup.active {display:flex;}
.media_popup .close_btn {display:block; font-size:1.5em; color:rgba(255,255,255,0.8); position:absolute; right:20px; top:20px;}
.media_popup .popup_inner {width:1200px; max-width:88%; text-align:center;}
.media_popup .popup_inner img {max-width:100%; max-height:80vh;}
.media_popup .subject {font-size:1.125em; color:#fff; font-weight:500; position:absolute; left:20px; bottom:20px;}



/* sub */
#sVisu {width:100%; height:500px; position:relative; overflow:hidden;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; transform:scale(1.1); animation:sVisu 5000ms ease-in-out forwards;}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4); position:absolute; left:0; top:0; z-index:1;}
#sVisu > div {position:relative; z-index:10; padding-top:230px;}
#sVisu h2 {font-size:4.375em; color:#fff; line-height:1.2em; font-weight:400; font-family:'Poppins', 'Pretendard'; text-align:center;}

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

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

@media screen and (max-width:1024px){
    #sVisu {height:360px;}
    #sVisu > div {padding-top:160px;}
    #sVisu h2 {font-size:3.6em;}
}

@media screen and (max-width:767px){
    #sVisu {height:240px;}
    #sVisu > div {padding-top:110px;}
    #sVisu h2 {font-size:2.8em;}
}


.sub_menu_wrap {width:100%; border-bottom:1px solid #e0e0e0;}
.sub_menu_wrap button {display:none;}
.sub_menu_wrap ul {width:100%;}
.sub_menu_wrap ul:after {content:''; display:block; clear:both;}
.sub_menu_wrap ul li {float:left; position:relative;}
.sub_menu_wrap ul li:before {content:''; display:block; width:1px; height:18px; background:#e0e0e0; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.sub_menu_wrap ul li:first-child:before {display:none;}
.sub_menu_wrap ul li a {display:flex; width:100%; height:79px; justify-content:center; align-items:center; font-size:1.125em; color:#666; text-align:center; position:relative; transition:color 0.4s;}
.sub_menu_wrap ul li.active a {color:#0086ff; font-weight:600;}
.sub_menu_wrap ul li.active a:after {content:''; display:block; width:100%; height:3px; background:#0086ff; position:absolute; left:0; bottom:-2px;}

@media screen and (min-width:768px){
    .sub_menu_wrap ul {display:block !important; height:auto !important;}
    .sub_menu_wrap ul li:hover a {color:#0086ff;}

    .sub_menu_wrap.col2 ul li {width:50%;}
    .sub_menu_wrap.col4 ul li {width:25%;}
}

@media screen and (max-width:1024px){
    .sub_menu_wrap ul li:before {height:13px;}
    .sub_menu_wrap ul li a {height:59px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {position:relative;}
    .sub_menu_wrap button {display:block; width:100%; height:40px; font-size:1em; font-weight:500; font-family:'Pretendard'; text-align:left; position:relative;}
    .sub_menu_wrap button:after {content:'\2b'; font-size:0.875em; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:0; top:50%; transform:translateY(-50%)}
    .sub_menu_wrap button.active:after {content:'\f068'}
    .sub_menu_wrap ul {display:none; width:100vw; background:#0086ff; position:absolute; left:-6vw; top:100%; z-index:30; margin-top:1px;}
    .sub_menu_wrap ul li {float:none;}
    .sub_menu_wrap ul li:before {display:none;}
    .sub_menu_wrap ul li a {display:block; height:auto; color:#fff; text-align:left; padding:11px 6%; border-bottom:1px solid rgba(255,255,255,0.3);}
    .sub_menu_wrap ul li:last-child a {border-bottom:0;}
    .sub_menu_wrap ul li.active a {color:#fff;}
    .sub_menu_wrap ul li.active a:after {display:none;}
}


.sub_tab_menu {padding:0 100px; margin-bottom:100px;}
.sub_tab_menu button {display:none;}
.sub_tab_menu ul {width:100%; background:#f8f9fc;; overflow:hidden;}
.sub_tab_menu ul li {float:left; position:relative;}
.sub_tab_menu ul li:before {content:''; display:block; width:1px; height:18px; background:#e0e0e0; position:absolute; left:0; top:50%; transform:translateY(-50%); transition:opacity 0.4s;}
.sub_tab_menu ul li:first-child:before {display:none;}
.sub_tab_menu ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:70px; font-size:1.125em; color:#666; text-align:center; transition:all 0.4s; transition-property:color, background;}
.sub_tab_menu ul li.active:before, .sub_tab_menu ul li.active + li:before, .sub_tab_menu ul li:hover:before, .sub_tab_menu ul li:hover + li:before {opacity:0;}
.sub_tab_menu ul li.active a, .sub_tab_menu ul li:hover a {background:#0086ff; color:#fff; font-weight:600;}

@media screen and (min-width:768px){
    .sub_tab_menu ul {display:block !important; height:auto !important;}

    .sub_tab_menu.col4 ul li {width:25%;}
    .sub_tab_menu.col5 ul li {width:20%;}
}

@media screen and (max-width:1220px){
    .sub_tab_menu {padding:0;}
}

@media screen and (max-width:1024px){
    .sub_tab_menu {margin-bottom:6%;}
    .sub_tab_menu ul li:before {height:13px;}
    .sub_tab_menu ul li a {height:50px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_tab_menu {position:relative;}
    .sub_tab_menu button {display:block; width:100%; height:40px; border:1px solid #e0e0e0; font-size:1em; font-family:'Pretendard'; text-align:left; padding:0 15px; position:relative;}
    .sub_tab_menu button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%)}
    .sub_tab_menu button.active:after {content:'\f106'}
    .sub_tab_menu ul {display:none; width:100%; background:#fff; border:1px solid #e0e0e0; border-top:0; position:absolute; left:0; top:100%; z-index:20;}
    .sub_tab_menu ul li {float:none;}
    .sub_tab_menu ul li:before {display:none;}
    .sub_tab_menu ul li a {justify-content:start; height:35px; text-align:left; padding:0 15px;}
}



#sub_content {width:100%; margin:100px 0 150px;}

.s_tit1 {font-size:2.81em; line-height:1.22em; font-weight:600;}
.s_tit2 {font-size:1.875em; line-height:1.33em; font-weight:600;}
.s_tit3 {font-size:1.5em; line-height:1.3em; font-weight:600;}
.s_tit4 {font-size:1.25em; line-height:1.4em; font-weight:600;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.55em;}
.s_txt1 a {color:#191919; font-weight:600;}
.s_txt1 a i {font-size:0.88em;}

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

    .s_tit1 {font-size:2.1em;}
    .s_tit2 {font-size:1.5em;}
	.s_tit3 {font-size:1.3em;}
	.s_tit4 {font-size:1.125em;}

    .s_txt1 {font-size:1em; line-height:1.6em;}
}

@media screen and (max-width:767px){
    .s_tit1 {font-size:2em;}
    .s_tit2 {font-size:1.3em;}
	.s_tit3 {font-size:1.2em;}
}


.sub_img_box1 {width:100%; height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.sub_img_box2 {width:100%; overflow:hidden;}
.sub_img_box2 > div {float:left; width:calc(50% - 25px); margin-right:50px;}
.sub_img_box2 > div:nth-child(even) {margin-right:0;}
.sub_img_box2 > div:nth-child(2) ~ div {margin-top:50px;}
.sub_img_box2 > div .img_box {width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_img_box2 > div dl {margin-top:30px; overflow:hidden;}
.sub_img_box2 > div dl dt {float:left; width:195px; font-size:1.5em; font-weight:600;}
.sub_img_box2 > div dl dd {float:left; width:calc(100% - 195px); font-size:1.125em; color:#666; line-height:1.5em;}

.sub_img_box3 {text-align:center;}
.sub_img_box3 img {width:485px; max-width:80%;}

@media screen and (max-width:1220px){
    .sub_img_box1 {height:33vw;}

    .sub_img_box2 > div .img_box {height:22vw;}
}

@media screen and (max-width:1024px){
    .sub_img_box2 > div {width:calc(50% - 10px); margin-right:20px;}
    .sub_img_box2 > div:nth-child(2) ~ div {margin-top:30px;}
    .sub_img_box2 > div dl {margin-top:15px;}
    .sub_img_box2 > div dl dt {width:150px; font-size:1.3em;}
    .sub_img_box2 > div dl dd {width:calc(100% - 150px); font-size:1em; line-height:1.6em;}
}

@media screen and (max-width:767px){
    .sub_img_box2 > div {float:none; width:100%; margin-right:0;}
    .sub_img_box2 > div:nth-child(1) ~ div {margin-top:6%;}
    .sub_img_box2 > div .img_box {height:43vw;}
    .sub_img_box2 > div dl {margin-top:3%;}
    .sub_img_box2 > div dl dt {width:120px; font-size:1.2em;}
    .sub_img_box2 > div dl dd {width:calc(100% - 120px)}
}


.sub_img_slide1 img {width:100%;}


.sub_table_box1 {width:100%; border-top:2px solid #191919; border-collapse:collapse;}
.sub_table_box1 thead th {background:#f8f9fc; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font-size:1.125em; font-weight:600; padding:30px 10px;}
.sub_table_box1 thead th:first-child {border-left:0;}
.sub_table_box1 tbody th {background:#f8f9fc; border-bottom:1px solid #e0e0e0; font-size:1.125em; font-weight:600; text-align:center; padding:30px 10px;}
.sub_table_box1 tbody td {border-bottom:1px solid #e0e0e0; font-size:1.125em; color:#666; padding:30px 20px 30px 40px;}

.sub_table_box2 {width:100%; border-top:2px solid #191919; border-collapse:collapse;}
.sub_table_box2 thead th {background:#f8f9fc; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font-size:1.125em; font-weight:600; padding:30px 10px;}
.sub_table_box2 thead th:first-child {border-left:0;}
.sub_table_box2 tbody th {width:200px; background:#f8f9fc; border-bottom:1px solid #e0e0e0; font-size:1.125em; font-weight:600; text-align:center; padding:30px 10px;}
.sub_table_box2 tbody td {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; font-size:1.125em; color:#666; line-height:1.55em; padding:30px 40px; word-break:keep-all;}
.sub_table_box2 tbody td:first-of-type {border-left:0;}
.sub_table_box2.case2 thead th:first-of-type {width:200px;}

@media screen and (max-width:1024px){
    .sub_table_box1 tbody th {font-size:1em; padding:15px 5px;}
    .sub_table_box1 tbody td {font-size:1em; padding:15px;}
	
    .sub_table_box2 thead th {font-size:1em; padding:15px 5px;}
    .sub_table_box2 tbody th {width:130px; font-size:1em; padding:15px 5px;}
    .sub_table_box2 tbody td {font-size:1em; padding:15px;}
	.sub_table_box2.case2 thead th:first-of-type {width:130px;}
}

@media screen and (max-width:767px){
    .sub_table_box1, .sub_table_box1 tr, .sub_table_box1 tbody, .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 {width:105px !important; padding:12px 5px;}
    .sub_table_box1 tbody td {width:calc(100% - 105px) !important; padding:12px 10px;}
	
    .sub_table_box2 thead th {padding:12px 5px;}
    .sub_table_box2 tbody th {width:105px; padding:12px 5px;}
    .sub_table_box2 tbody td {padding:12px 10px;}
	.sub_table_box2.case2 thead th:first-of-type {width:105px;}
}


.sub_list_box1 > li {font-size:1em; color:#999; line-height:1.5em; padding-left:12px; position:relative;}
.sub_list_box1 > li:before {content:'※'; position:absolute; left:0; top:0;}


.sub_sns_box1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sub_sns_box1 a {display:flex; align-items:center; width:calc(25% - 15px); height:70px; border-radius:35px; padding:0 10px 0 30px; color:#fff; transition:transform 0.5s;}
.sub_sns_box1 a p {font-size:1.125em; font-weight:600; padding-left:20px;}
.sub_sns_box1 a.instagram {background:url(../images/instagramBG.jpg) no-repeat center center; background-size:cover}
.sub_sns_box1 a.instagram i {font-size:2.18em;}
.sub_sns_box1 a.kakao {background:#ffe100; color:#000;}
.sub_sns_box1 a.kakao span {display:block; width:34px; height:35px; background:url(../images/icon_ch2.svg) no-repeat center center; background-size:contain;}
.sub_sns_box1 a.blog {background:#03c75a;}
.sub_sns_box1 a.blog span {display:block; width:44px; height:20px; background:url(../images/icon_blog_on.svg) no-repeat center center; background-size:contain;}
.sub_sns_box1 a.youtube {background:#f00}
.sub_sns_box1 a.youtube i {font-size:1.875em;}
.sub_sns_box1 a:hover {transform:translateY(-15px)}

@media screen and (max-width:1024px){
    .sub_sns_box1 a {width:calc(25% - 7.5px); height:50px; padding-left:15px;}
    .sub_sns_box1 a p {font-size:1em; padding-left:10px;}
    .sub_sns_box1 a.instagram i {font-size:1.6em;}
    .sub_sns_box1 a.kakao span {width:22px;}
    .sub_sns_box1 a.blog span {width:30px;}
    .sub_sns_box1 a.youtube i {font-size:1.4em;}
}

@media screen and (max-width:767px){
    .sub_sns_box1 a {width:calc(50% - 2.5px); height:40px;}
    .sub_sns_box1 a:nth-child(2) ~ a {margin-top:5px;}
    .sub_sns_box1 a.instagram i {font-size:1.4em;}
    .sub_sns_box1 a.kakao span {width:18px;}
    .sub_sns_box1 a.blog span {width:25px;}
    .sub_sns_box1 a.youtube i {font-size:1.2em;}
}


.sIntroduce_case1 .s_tit1 {margin-bottom:30px;}
.sIntroduce_case1 .s_txt1 {margin-top:20px;}
.sIntroduce_case1 .name {font-size:1.125em; color:#666; font-weight:600; text-align:right;}
.sIntroduce_case1 .name strong {font-size:1.33em; color:#191919; margin-left:10px;}
.sIntroduce_case1 .sub_table_box1 tbody th {width:200px;}
.sIntroduce_case1 .sub_table_box1 tbody td:first-of-type {width:60%}
.sIntroduce_case1 .sub_table_box1 tbody td:last-of-type {width:40%}

.sIntroduce_case2 .tit {font-size:1.875em; font-weight:600; margin-bottom:20px;}
.sIntroduce_case2 .tit span {display:inline-block; font-size:0.6em; color:#666; font-weight:400; margin-left:15px; vertical-align:middle;}
.sIntroduce_case2 ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sIntroduce_case2 ul > li {width:calc(25% - 22.5px); padding-top:90px; position:relative;}
.sIntroduce_case2 ul > li .t1 {display:block; width:100%; position:absolute; left:0; top:0; white-space:nowrap; text-align:center;}
.sIntroduce_case2 ul > li .t1 span {display:inline-block; background:#0086ff; border-radius:25px; font-size:1.25em; color:#fff; font-weight:600; line-height:50px; padding:0 25px;}
.sIntroduce_case2 ul > li .t2 {font-size:1.5em; font-weight:500; text-align:center; padding-left:55px; margin-top:30px;}
.sIntroduce_case2 ul > li > div {position:relative;}
.sIntroduce_case2 ul > li ol li {width:100%; height:1px; background:#999; position:relative; margin-bottom:39px;}
.sIntroduce_case2 ul > li ol li:last-child {margin-bottom:0;}
.sIntroduce_case2 ul > li ol li p {width:55px; background:#fff; font-size:1em; color:#666; text-align:right; position:absolute; left:0; top:50%; transform:translateY(-50%); padding-right:10px;}
.sIntroduce_case2 ul > li .graph {display:flex; justify-content:center; align-items:end; width:calc(100% - 55px); height:100%; position:absolute; right:0; bottom:1px; padding:0 35px;}
.sIntroduce_case2 ul > li .graph > div {width:calc(50% - 10px); max-width:70px; padding-top:15px; margin-right:20px;}
.sIntroduce_case2 ul > li .graph > div:nth-child(1) {background:#e7e9f1}
.sIntroduce_case2 ul > li .graph > div:nth-child(2) {background:#0086ff; margin-right:0;}
.sIntroduce_case2 ul > li .graph > div p {font-size:1em; font-weight:600; text-align:center;}
.sIntroduce_case2 ul > li .graph > div:nth-child(2) p {color:#fff;}
/*.sIntroduce_case2 ul > li .graph > div.case1 {height:calc(65% + 15px);}
.sIntroduce_case2 ul > li .graph > div.case2 {height:calc(100% - 27px);}
.sIntroduce_case2 ul > li .graph > div.case3 {height:43%;}
.sIntroduce_case2 ul > li .graph > div.case4 {height:16.66%;}
.sIntroduce_case2 ul > li .graph > div.case5 {height:87.5%;}
.sIntroduce_case2 ul > li .graph > div.case6 {height:75%;}
.sIntroduce_case2 ul > li .graph > div.case7 {height:calc(87.5% + 15px);}*/

.sIntroduce_case3 .tit_box {display:flex; justify-content:space-between; align-items:center; width:100%;}
.sIntroduce_case3 .cate {text-align:center;}
.sIntroduce_case3 .cate li {display:inline-block; font-size:1.125em; color:#666; margin-right:15px;}
.sIntroduce_case3 .cate li:last-child {margin-right:0;}
.sIntroduce_case3 .cate li i {display:inline-block; width:18px; height:18px; margin-right:10px; vertical-align:middle;}
.sIntroduce_case3 .cate li i.case1 {background:#03045e;}
.sIntroduce_case3 .cate li i.case2 {background:#e0e0e0;}
.sIntroduce_case3 .tit {font-size:1.875em; font-weight:600; margin-bottom:20px;}
.sIntroduce_case3 .tit span {display:inline-block; font-size:0.6em; color:#666; font-weight:400; margin-left:15px; vertical-align:middle;}
.sIntroduce_case3 .t1 {text-align:center; margin-bottom:50px;}
.sIntroduce_case3 .t1 p {display:inline-block; background:#03045e; border-radius:25px; font-size:1.25em; color:#fff; line-height:50px; font-weight:600; padding:0 35px;}
.sIntroduce_case3 ol {display:flex; justify-content:space-between; width:100%;}
.sIntroduce_case3 ol li {width:calc(33.33% - 50px); text-align:center;}
.sIntroduce_case3 ol li img {width:100%; max-width:250px;}
.sIntroduce_case3 ol li p {font-size:1.5em; font-weight:500; margin-top:20px;}
.sIntroduce_case3 ol li p span {display:inline-block; font-size:0.75em; color:#666; font-weight:400; margin-left:5px; vertical-align:center;}

.sIntroduce_case4 {display:flex; justify-content:center; align-items:center; width:100%; height:400px; background:url(../images/sIntroduce_img3.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative;}
.sIntroduce_case4:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.2); position:absolute; left:0; top:0; z-index:0;}
.sIntroduce_case4 > div {position:relative; z-index:10;}
.sIntroduce_case4 .s_txt1 {max-width:650px; word-break:normal;}

.sIntroduce_case5 .ceo {display:flex; justify-content:center; align-items:center; width:200px; height:200px; border:1px solid #0086ff; border-radius:50%; margin:0 auto 70px; position:relative;}
.sIntroduce_case5 .ceo:after {content:''; display:block; width:1px; height:70px; background:#ccc; position:absolute; left:50%; top:100%; margin-top:1px;}
.sIntroduce_case5 .ceo span {display:flex; justify-content:center; align-items:center; width:calc(100% - 30px); height:calc(100% - 30px); background:#0086ff; border-radius:50%; font-size:1.5em; color:#fff; font-weight:600; text-align:center;}
.sIntroduce_case5 ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; position:relative;}
.sIntroduce_case5 ul:before {content:''; display:block; width:calc(80% + 9px); height:1px; background:#ccc; position:absolute; left:50%; top:0; transform:translateX(-50%); margin-left:1px;}
.sIntroduce_case5 ul li {width:calc(20% - 9.6px); margin-top:50px; position:relative;}
.sIntroduce_case5 ul li:before {content:''; display:block; width:1px; height:50px; background:#ccc; position:absolute; left:50%; bottom:100%; margin-left:1px;}
.sIntroduce_case5 ul li dl {width:100%; height:100%;}
.sIntroduce_case5 ul li dl dt {width:100%; line-height:60px; background:#03045e; font-size:1.125em; color:#fff; font-weight:500; text-align:center; margin-bottom:10px;}
.sIntroduce_case5 ul li dl dd {display:flex; justify-content:center; align-items:center; width:100%; height:calc(100% - 70px); background:#f8f9fc; border:1px solid #e7e9f1; font-size:1.125em; color:#666; line-height:1.5em; text-align:center; padding:25px 5px;}
.sIntroduce_case5 ul li dl dd.dot {align-items:start; flex-direction:column; text-align:left; padding-left:30px; padding-right:30px;}
.sIntroduce_case5 ul li dl dd.dot p {padding-left:14px; position:relative;}
.sIntroduce_case5 ul li dl dd.dot p:before {content:''; display:block; width:4px; height:4px; background:#03045e; border-radius:50%; position:absolute; left:0; top:12px;}

.sHistory_slide {position:relative;}
.sHistory_slide .swiper-slide {padding-top:60px; position:relative}
.sHistory_slide .swiper-slide:before, .sHistory_slide .swiper-slide:after {content:''; display:block; background:#0086ff; border-radius:50%; position:absolute;}
.sHistory_slide .swiper-slide:before {width:30px; height:30px; opacity:0.2; left:0; top:0; z-index:1;}
.sHistory_slide .swiper-slide:after {width:10px; height:10px; left:10px; top:10px; z-index:2;}
.sHistory_slide .swiper-slide:last-child .year:before {width:100vw;}
.sHistory_slide .year {font-size:1.875em; color:#0086ff; font-weight:600; margin-bottom:20px;}
.sHistory_slide .year:before {content:''; display:block; width:100%; height:1px; background:#e0e0e0; position:absolute; left:0; top:14px; z-index:0;}
.sHistory_slide ul li {font-size:1.125em; color:#666; line-height:1.5em; padding-left:12px; position:relative;}
.sHistory_slide ul li:before {content:''; display:block; width:4px; height:4px; background:#0086ff; border-radius:50%; position:absolute; left:0; top:12px;}

@media screen and (max-width:1220px){
    .sIntroduce_case2 ul > li {width:calc(25% - 15px)}
    .sIntroduce_case2 ul > li .graph {padding:0 10px;}
    
    .sIntroduce_case5 .ceo:after {margin-left:1px;}
}

@media screen and (max-width:1024px){
    .sIntroduce_case1 .s_tit1 {margin-bottom:3%;}
    .sIntroduce_case1 .s_txt1 {margin-top:2%;}
    .sIntroduce_case1 .name {font-size:1em;}
    .sIntroduce_case1 .sub_table_box1 tbody th {width:130px;}

    .sIntroduce_case2 .tit {font-size:1.5em; margin-bottom:2%;}
    .sIntroduce_case2 .tit span {margin-left:10px;}
    .sIntroduce_case2 ul > li {width:calc(50% - 10px); padding-top:70px;}
    .sIntroduce_case2 ul > li:nth-child(2) ~ li {margin-top:30px;}
    .sIntroduce_case2 ul > li .t1 span {font-size:1.125em; line-height:40px; padding:0 15px;}
    .sIntroduce_case2 ul > li .t2 {font-size:1.3em; margin-top:15px;}
    
    .sIntroduce_case3 .cate li {font-size:1em; margin-right:10px;}
    .sIntroduce_case3 .cate li i {width:14px; height:14px; margin-right:5px;}
    .sIntroduce_case3 .tit {font-size:1.5em; margin-bottom:2%;}
    .sIntroduce_case3 .tit span {margin-left:10px;}
    .sIntroduce_case3 .t1 {margin-bottom:5%;}
    .sIntroduce_case3 .t1 p {font-size:1.125em; line-height:40px; padding:0 20px;}
    .sIntroduce_case3 ol li {width:calc(25% - 15px)}
    .sIntroduce_case3 ol li p {font-size:1.3em; margin-top:10px;}

    .sIntroduce_case4 {height:auto; padding:13% 0; background-attachment:unset;}
    
    .sIntroduce_case5 .ceo {width:160px; height:160px; margin-bottom:40px;}
    .sIntroduce_case5 .ceo:after {height:40px;}
    .sIntroduce_case5 .ceo span {width:calc(100% - 20px); height:calc(100% - 20px); font-size:1.3em;}
    .sIntroduce_case5 ul:before {width:calc(80% + 8px)}
    .sIntroduce_case5 ul li {width:calc(20% - 8px); margin-top:30px;}
    .sIntroduce_case5 ul li:before {height:30px;}
    .sIntroduce_case5 ul li dl dt {font-size:1em; line-height:50px; margin-bottom:5px;}
    .sIntroduce_case5 ul li dl dd {height:calc(100% - 55px); font-size:1em; padding:15px 5px;}
	.sIntroduce_case5 ul li dl dd.dot {padding-left:15px; padding-right:15px;}
	.sIntroduce_case5 ul li dl dd.dot p:before {top:9px;}

    .sHistory_slide .swiper-slide {padding-top:50px;}
    .sHistory_slide .year {font-size:1.5em; margin-bottom:10px}
    .sHistory_slide ul li {font-size:1em;}
	.sHistory_slide ul li:before {top:9px;}
}

@media screen and (max-width:767px){
    .sHistory_slide .swiper-slide {padding-top:30px;}
    .sHistory_slide .swiper-slide:before {width:20px; height:20px;}
    .sHistory_slide .swiper-slide:after {width:8px; height:8px; left:6px; top:6px;}
    .sHistory_slide .year {font-size:1.3em; margin-bottom:5px;}
    .sHistory_slide .year:before {top:9px;}

    .sIntroduce_case2 ul > li {width:calc(50% - 5px); padding-top:55px;}
    .sIntroduce_case2 ul > li .t1 span {font-size:1em; line-height:35px;}
    .sIntroduce_case2 ul > li .t2 {padding-left:45px;}
    .sIntroduce_case2 ul > li ol li p {width:45px; padding-right:5px;}
    .sIntroduce_case2 ul > li .graph {width:calc(100% - 45px);}
    .sIntroduce_case2 ul > li .graph > div {width:calc(50% - 2.5px); margin-right:5px; padding-top:10px;}
    
    .sIntroduce_case3 .cate li i {width:10px; height:10px; margin-right:2px;}
    .sIntroduce_case3 .t1 p {font-size:1em; line-height:35px; padding:0 15px;}
    .sIntroduce_case3 ol {flex-wrap:wrap;}
    .sIntroduce_case3 ol li {width:calc(50% - 10px)}
    .sIntroduce_case3 ol li:nth-child(2) ~ li {margin-top:30px;}
    .sIntroduce_case3 ol li img {max-width:200px;}
    
    .sIntroduce_case5 .ceo {width:120px; height:120px; margin-bottom:20px;}
    .sIntroduce_case5 .ceo:after {height:20px;}
    .sIntroduce_case5 .ceo span {width:calc(100% - 10px); height:calc(100% - 10px); font-size:1.2em;}
    .sIntroduce_case5 ul:before {width:calc(50% + 5px)}
    .sIntroduce_case5 ul li {width:calc(50% - 5px); margin-top:10px;}
    .sIntroduce_case5 ul li:before {height:10px;}
    .sIntroduce_case5 ul li dl dt {line-height:40px; margin-bottom:3px;}
    .sIntroduce_case5 ul li dl dd {height:calc(100% - 43px); padding:10px 5px;}
	.sIntroduce_case5 ul li dl dd.dot {padding-left:10px; padding-right:10px;}
	.sIntroduce_case5 ul li dl dd.dot p {padding-left:10px;}
	.sIntroduce_case5 ul li dl dd.dot p:before {width:3px; height:3px; top:8px;}

	.sHistory_slide ul li {padding-left:10px;}
	.sHistory_slide ul li:before {width:3px; height:3px; top:8px;}
}
/*
@media screen and (max-width:500px){
	.sIntroduce_case2 ul > li {width:100%;}
	.sIntroduce_case2 ul > li:nth-child(1) ~ li {margin-top:30px;}
}*/


.sHistory_case {display:flex; flex-wrap:wrap;}
.sHistory_case .s_tit1 {width:313px;}
.sHistory_case > div {width:calc(100% - 313px);}
.sHistory_case > div > div {padding-left:80px; padding-bottom:65px; position:relative;}
.sHistory_case > div > div:last-child {margin-bottom:0;}
.sHistory_case > div > div:before, .sHistory_case > div > div:after {content:''; display:block; background:#0086ff; border-radius:50%; position:absolute;}
.sHistory_case > div > div:before {width:30px; height:30px; opacity:0.2; left:0; top:0; z-index:1;}
.sHistory_case > div > div:after {width:10px; height:10px; left:10px; top:10px; z-index:2;}
.sHistory_case > div > div .year {font-size:1.875em; color:#0086ff; font-weight:600; margin-bottom:20px;}
.sHistory_case > div > div .year:before {content:''; display:block; width:1px; height:100%; background:#e0e0e0; position:absolute; left:15px; top:15px; z-index:0;}
.sHistory_case > div > div:last-child .year:before {display:none;}
.sHistory_case > div > div ul li {font-size:1.125em; color:#666; line-height:1.5em; padding-left:14px; position:relative;}
.sHistory_case > div > div ul li:before {content:''; display:block; width:4px; height:4px; background:#0086ff; border-radius:50%; position:absolute; left:0; top:12px;}

@media screen and (max-width:1024px){
	.sHistory_case .s_tit1 {width:200px;}
	.sHistory_case > div {width:calc(100% - 200px);}
    .sHistory_case > div > div {padding-left:50px; padding-bottom:40px;}
	.sHistory_case > div > div:before {width:24px; height:24px;}
	.sHistory_case > div > div:after {width:8px; height:8px; left:8px; top:8px;}
    .sHistory_case > div > div .year {font-size:1.5em; margin-bottom:10px}
	.sHistory_case > div > div .year:before {left:12px; top:12px;}
    .sHistory_case > div > div ul li {font-size:1em;}
	.sHistory_case > div > div ul li:before {top:9px;}
}

@media screen and (max-width:767px){
	.sHistory_case .s_tit1 {width:100%; margin-bottom:5%;}
	.sHistory_case > div {width:100%;}
	.sHistory_case > div > div {padding-left:35px; padding-bottom:10%;}
    .sHistory_case > div > div:before {width:20px; height:20px;}
    .sHistory_case > div > div:after {width:8px; height:8px; left:6px; top:6px;}
    .sHistory_case > div > div .year {font-size:1.3em; margin-bottom:5px;}
    .sHistory_case > div > div .year:before {top:10px; left:10px;}
	.sHistory_case > div > div ul li {padding-left:10px;}
	.sHistory_case > div > div ul li:before {width:3px; height:3px; top:8px;}
}


.sVision_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sVision_case1 > div {width:calc(50% - 25px); height:650px; position:relative; overflow:hidden;}
.sVision_case1 > div .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.8s;} 
.sVision_case1 > div .img_box:before {content:''; display:block; width:100%; height:100%; mix-blend-mode:multiply; background-image:linear-gradient(to bottom, #fff, #808080);}
.sVision_case1 > div dl {width:100%; padding:0 0 80px; position:absolute; left:0; bottom:0;}
.sVision_case1 > div dl dt {font-size:1.875em; color:#fff; font-weight:600; text-align:center;}
.sVision_case1 > div dl dt span {display:block; font-size:0.8em; font-weight:400; opacity:0.5; margin-top:10px;}
.sVision_case1 > div dl dd {margin-top:20px;/* word-break:normal;*/ text-align:center;}
.sVision_case1 > div:hover .img_box {transform:scale(1.1)}

.sVision_case2 .tit {display:flex; justify-content:center; align-items:center; width:300px; height:300px; border:1px solid #0086ff; border-radius:50%; margin:0 auto -170px;}
.sVision_case2 .tit p {display:flex; justify-content:center; align-items:center; flex-direction:column; width:calc(100% - 50px); height:calc(100% - 50px); background:#0086ff; border-radius:50%; font-size:1.875em; color:#fff; font-weight:600; text-align:center;}
.sVision_case2 .tit p span {font-size:0.8em; font-weight:400; opacity:0.5; margin-top:10px;}
.sVision_case2 ul {display:flex; justify-content:space-between; width:900px; margin:0 auto; position:relative; background:url(../images/sVision_img3.svg) no-repeat top center; background-size:100% auto; padding-top:100px;}
.sVision_case2 ul li:nth-child(2) {margin-top:155px;}
.sVision_case2 ul li .icon {display:block; width:160px; height:160px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin:0 auto;}
.sVision_case2 ul li dl {margin-top:30px; text-align:center;}
.sVision_case2 ul li dl dt {font-size:1.5em; font-weight:600;}
.sVision_case2 ul li dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px;}
.sVision_case2 ul li .icon1 {background-image:url(../images/sVision_img2_1.png)}
.sVision_case2 ul li .icon2 {background-image:url(../images/sVision_img2_2.png)}
.sVision_case2 ul li .icon3 {background-image:url(../images/sVision_img2_3.png)}

@media screen and (max-width:1220px){
    .sVision_case1 > div {width:calc(50% - 15px); height:55vw;}
    .sVision_case1 > div dl {padding:0 0 50px;}
}

@media screen and (max-width:1024px){
    .sVision_case1 > div {width:calc(50% - 10px);}
    .sVision_case1 > div dl {padding:0 0 30px;}
    .sVision_case1 > div dl dt {font-size:1.5em;}
    .sVision_case1 > div dl dt span {margin-top:5px;}
    .sVision_case1 > div dl dd {margin-top:10px;}

    .sVision_case2 .tit {width:200px; height:200px; margin-bottom:-10vw;}
    .sVision_case2 .tit p {width:calc(100% - 30px); height:calc(100% - 30px); font-size:1.5em;}
    .sVision_case2 .tit p span {margin-top:5px;}
    .sVision_case2 ul {width:100%; padding-top:10vw;}
    .sVision_case2 ul li:nth-child(2) {margin-top:16vw;}
    .sVision_case2 ul li .icon {width:14vw; height:14vw;}
    .sVision_case2 ul li dl {margin-top:15px;}
    .sVision_case2 ul li dl dt {font-size:1.3em;}
    .sVision_case2 ul li dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sVision_case1 > div {width:100%; height:50vw; margin-bottom:10px;}
    .sVision_case1 > div:last-child {margin-bottom:0;}
    .sVision_case1 > div dl {padding:0 0 5%;}
    .sVision_case1 > div dl dt {font-size:1.3em;}
    .sVision_case1 > div dl dt span {margin-top:3px;}

    .sVision_case2 .tit {display:none;}
    .sVision_case2 ul {justify-content:center; flex-wrap:wrap; background:none; padding-top:0;}
    .sVision_case2 ul li {width:50%;}
    .sVision_case2 ul li:nth-child(2) {margin-top:0;}
    .sVision_case2 ul li:nth-child(2) ~ li {margin-top:30px;}
    .sVision_case2 ul li .icon {width:100px; height:100px;}
}


.sCi_case1 .tit_box {display:flex; align-items:end; flex-wrap:wrap; width:100%; margin-bottom:50px;}
.sCi_case1 .tit_box .txt {width:calc(100% - 185px);}
.sCi_case1 .tit_box .txt .s_tit2 {margin-bottom:15px;}
.sCi_case1 .ci_box {display:flex; justify-content:center; align-items:center; width:100%; height:449px; border:1px solid #e0e0e0; background:url(../images/sCi_img1.png) repeat left top;}
.sCi_case1 .ci_box img {width:720px;}
.sCi_case1 .color_box {overflow:hidden;}
.sCi_case1 .color_box div {float:left; width:400px; height:200px; margin-right:20px; position:relative;}
.sCi_case1 .color_box div:last-child {margin-right:0;}
.sCi_case1 .color_box div .t1 {font-size:1.25em; color:#fff; font-weight:600; position:absolute; right:30px; top:30px;}
.sCi_case1 .color_box div .t2 {font-size:1.125em; color:#fff; line-height:1.55em; font-weight:500; position:absolute; left:30px; bottom:25px;}
.sCi_case1 .color_box div.bg1 {background:#0086ff;}
.sCi_case1 .color_box div.bg2 {background:#03045e;}

@media screen and (max-width:1024px){
    .sCi_case1 .tit_box {margin-bottom:5%;}
    .sCi_case1 .tit_box .txt {width:calc(100% - 160px)}
    .sCi_case1 .tit_box .txt .s_tit2 {margin-bottom:1.5%;}
    .sCi_case1 .ci_box {height:380px;}
    .sCi_case1 .ci_box img {width:600px;}
    .sCi_case1 .color_box div {width:calc(45% - 5px); height:160px; margin-right:10px;}
    .sCi_case1 .color_box div .t1 {font-size:1.125em; top:15px; right:15px;}
    .sCi_case1 .color_box div .t2 {font-size:1em; left:15px; bottom:15px;}
}

@media screen and (max-width:767px){
    .sCi_case1 .tit_box .txt {width:100%}
    .sCi_case1 .tit_box .btn_wrap1 {width:100%; margin-top:3%;}
    .sCi_case1 .ci_box {height:200px; background-size:12px auto;}
    .sCi_case1 .ci_box img {width:280px;}
    .sCi_case1 .color_box div {float:none; width:100%; height:140px; margin-right:0; margin-bottom:5px;}
    .sCi_case1 .color_box div:last-child {margin-bottom:0;}
}


.sLocation_case1 > div {width:100%; margin-bottom:100px;}
.sLocation_case1 > div dl {width:100%; overflow:hidden; margin-top:15px;}
.sLocation_case1 > div dl dt {float:left; width:45px; font-size:1.125em; font-weight:600; line-height:1.55em;}
.sLocation_case1 > div dl dd {float:left; width:calc(100% - 45px); font-size:1.125em; color:#666; line-height:1.55em;}
.sLocation_case1 > div .map_box {width:100%; height:450px; background:#f8f9fc; margin-top:50px;}
.sLocation_case1 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 > div .add_box .s_tit3 {margin:50px 0 15px;}
.sLocation_case1 > div .add_box ul li {font-size:1.125em; color:#666; line-height:1.55em; padding-left:20px; position:relative;}
.sLocation_case1 > div .add_box ul li .num {position:absolute; left:0; top:0;}

@media screen and (max-width:1024px){
    .sLocation_case1 > div {margin-bottom:10%;}
    .sLocation_case1 > div dl {margin-top:1.5%;}
    .sLocation_case1 > div dl dt {width:35px; font-size:1em;}
    .sLocation_case1 > div dl dd {width:calc(100% - 35px); font-size:1em;}
    .sLocation_case1 > div .map_box {height:370px; margin-top:5%;}
	.sLocation_case1 > div .add_box .s_tit3 {margin:5% 0 1%;}
	.sLocation_case1 > div .add_box ul li {font-size:1em; padding-left:17px;}
}

@media screen and (max-width:767px){
    .sLocation_case1 > div .map_box {height:220px;}
	.sLocation_case1 > div .add_box ul li {padding-left:15px;}
}


.sPartner_case1 ul {display:flex; flex-wrap:wrap; width:100%;}
.sPartner_case1 ul li {width:calc(33.33% - 13.33px); margin-right:20px;}
.sPartner_case1 ul li:nth-child(3n) {margin-right:0;}
.sPartner_case1 ul li:nth-child(3) ~ li {margin-top:50px;}
.sPartner_case1 ul li .img_box {display:flex; justify-content:center; align-items:center; width:100%; height:100px; border:1px solid #e0e0e0;}
.sPartner_case1 ul li p {font-size:1.125em; color:#666; text-align:center; margin-top:15px;}

@media screen and (max-width:1024px){
    .sPartner_case1 ul li {width:calc(33.33% - 6.66px); margin-right:10px;}
    .sPartner_case1 ul li:nth-child(3) ~ li {margin-top:30px;}
    .sPartner_case1 ul li .img_box {height:80px;}
    .sPartner_case1 ul li .img_box img {height:35px;}
    .sPartner_case1 ul li p {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sPartner_case1 ul li {width:calc(50% - 5px);}
    .sPartner_case1 ul li:nth-child(3n) {margin-right:10px;}
    .sPartner_case1 ul li:nth-child(2n) {margin-right:0;}
    .sPartner_case1 ul li:nth-child(2) ~ li {margin-top:25px;}
    .sPartner_case1 ul li .img_box {height:60px;}
    .sPartner_case1 ul li .img_box img {max-width:95%; height:30px;}
    .sPartner_case1 ul li p {margin-top:5px;}
}


.sBusiness_case1 {width:100%; background:#f8f9fc; padding:100px 0;}

.sBusiness_slide {width:100%; padding-left:70px; margin-top:-125px; position:relative; z-index:10;}
.sBusiness_slide .swiper-slide {width:386px; height:250px; background:#fff; box-shadow:5px 5px 20px rgba(25,25,25,0.05); padding:50px 40px;}
.sBusiness_slide span {display:block; font-size:1.875em; font-weight:600; margin-bottom:25px;}

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

    .sBusiness_slide {padding-left:30px; margin-top:-90px;}
    .sBusiness_slide .swiper-slide {width:320px; height:180px; padding:25px;}
    .sBusiness_slide span {font-size:1.5em; margin-bottom:15px;}
}

@media screen and (max-width:767px){
    .sBusiness_slide {margin-top:-6vw; padding-left:15px;}
    .sBusiness_slide .swiper-slide {width:270px; height:130px; padding:15px;}
    .sBusiness_slide span {font-size:1.3em; margin-bottom:10px;}
}


.sRecruit_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sRecruit_case1 > div {width:160px;}
.sRecruit_case1 > div .icon {display:block; width:100%; height:160px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.sRecruit_case1 > div p {font-size:1.125em; color:#666; text-align:center; margin-top:20px;}

.sRecruit_case1 > div .icon1 {background-image:url(../images/sRecruit_img2_1.png)}
.sRecruit_case1 > div .icon2 {background-image:url(../images/sRecruit_img2_2.png)}
.sRecruit_case1 > div .icon3 {background-image:url(../images/sRecruit_img2_3.png)}
.sRecruit_case1 > div .icon4 {background-image:url(../images/sRecruit_img2_4.png)}
.sRecruit_case1 > div .icon5 {background-image:url(../images/sRecruit_img2_5.png)}
.sRecruit_case1 > div .icon6 {background-image:url(../images/sRecruit_img2_6.png)}

@media screen and (max-width:1220px){
    .sRecruit_case1 > div {width:13vw;}
    .sRecruit_case1 > div .icon {height:13vw;}
}

@media screen and (max-width:1024px){
    .sRecruit_case1 > div p {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sRecruit_case1 > div {width:33.33%;}
    .sRecruit_case1 > div:nth-child(3) ~ div {margin-top:30px;}
    .sRecruit_case1 > div .icon {width:25vw; height:25vw; max-width:120px; max-height:120px; margin:0 auto;}
}


.sContact_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sContact_case1 .form_box li {display:flex; align-items:center; width:calc(50% - 10px); height:70px; border:1px solid #e0e0e0; margin-bottom:20px; padding:0 30px;}
.sContact_case1 .form_box li label {display:block; width:75px; font-size:1.125em; font-weight:600; position:relative;}
.sContact_case1 .form_box li label:after {content:''; display:block; width:1px; height:30px; background:#e0e0e0; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.sContact_case1 .form_box li > div {width:calc(100% - 75px)}
.sContact_case1 .form_box li input {display:block; width:100%; height:30px; padding-left:20px; border:0; font-size:1em; font-family:'Pretendard'}
.sContact_case1 .form_box li textarea {width:100%; height:200px; padding-top:10px; border:0; font-size:1em; font-family:'Pretendard'; resize:none;}
.sContact_case1 .form_box li input:focus, .sContact_case1 .form_box li textarea:focus {outline:none; box-shadow:none !important; border:0 !important;}
.sContact_case1 .form_box li.w_100 {display:block; width:100%; height:auto; padding:20px 25px;}
.sContact_case1 .form_box li.w_100 label {width:100%;}
.sContact_case1 .form_box li.w_100 label:after {width:100%; height:1px; position:relative; top:0; transform:translateY(0); margin-top:15px;}
.sContact_case1 .form_box li.w_100 > div {width:100%;}
.sContact_case1.eng .form_box li label {width:100px;}
.sContact_case1.eng .form_box li > div {width:calc(100% - 100px);}
.sContact_case1.eng .form_box li.w_100 label {width:100%;}
.sContact_case1.eng .form_box li.w_100 > div {width:100%;}

.sContact_case1 .privacy_box {width:100%; padding:50px; background:#f8f9fc;}
.sContact_case1 .privacy_box > div {max-height:120px; overflow-y:auto; padding-right:45px;}
.sContact_case1 .privacy_box > div::-webkit-scrollbar {width:5px;}
.sContact_case1 .privacy_box > div::-webkit-scrollbar-thumb {background:#ccc; border-radius:3px;}
.sContact_case1 .privacy_box > div::-webkit-scrollbar-track {background:#f8f9fc;}
.sContact_case1 .privacy_box .t1 {font-size:1.125em; font-weight:600; margin-bottom:20px;}

.sContact_case1 .check_box {float:right; display:block; overflow:hidden; margin:20px 0 50px;}
.sContact_case1 .check_box input {display:none;}
.sContact_case1 .check_box p {float:right; font-size:1.125em; line-height:26px; font-weight:500; padding-left:36px; position:relative;}
.sContact_case1 .check_box p a {color:#666; text-decoration:underline;}
.sContact_case1 .check_box p:before {content:''; display:block; width:26px; height:26px; line-height:24px; border:1px solid #e0e0e0; border-radius:50%; position:absolute; left:0; top:0;}
.sContact_case1 .check_box input:checked + p:before {content:'\f00c'; background:#0086ff; border-color:#0086ff; font-size:0.77em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; text-align:center;}

.sContact_case1 .submit_btn {display:block; width:185px; height:60px; background:#0086ff; border-radius:0; font-size:1em; color:#fff; font-weight:500; font-family:'Pretendard'; clear:both; margin:0 auto;}

@media screen and (max-width:1024px){
    .sContact_case1 .form_box li {width:calc(50% - 2.5px); height:50px; margin-bottom:5px; padding:0 15px;}
    .sContact_case1 .form_box li label {width:50px; font-size:1em;}
    .sContact_case1 .form_box li label:after {height:20px;}
    .sContact_case1 .form_box li textarea {height:150px;}
    .sContact_case1 .form_box li > div {width:calc(100% - 50px)}
    .sContact_case1 .form_box li input {padding-left:10px;}
    .sContact_case1 .form_box li.w_100 {padding:15px;}
    .sContact_case1 .form_box li.w_100 label:after {margin-top:5px;}
	.sContact_case1.eng .form_box li label {width:80px;}
	.sContact_case1.eng .form_box li > div {width:calc(100% - 80px);}

    .sContact_case1 .privacy_box {padding:20px;}
    .sContact_case1 .privacy_box > div {max-height:100px; padding-right:20px;}
    .sContact_case1 .privacy_box .t1 {font-size:1em; margin-bottom:5px;}
    
    .sContact_case1 .check_box {margin:10px 0 30px;}
    .sContact_case1 .check_box p {font-size:1em; line-height:20px; padding-left:27px;}
    .sContact_case1 .check_box p:before {width:20px; height:20px; line-height:18px;}

    .sContact_case1 .submit_btn {width:160px; height:45px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box li {width:100%; height:40px; padding:0 10px;}
    .sContact_case1 .form_box li label:after {height:15px;}
    .sContact_case1 .form_box li textarea {height:100px;}
    .sContact_case1 .form_box li.w_100 {padding:10px;}
	.sContact_case1.eng .form_box li label {width:100px;}
	.sContact_case1.eng .form_box li > div {width:calc(100% - 100px);}

    .sContact_case1 .privacy_box {padding:15px;}
    .sContact_case1 .privacy_box > div {max-height:80px;}

    .sContact_case1 .submit_btn {width:140px; height:40px;}
}