@charset "utf-8";


/* header */
#cmsa_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:115px; padding:0 50px; position:fixed; left:0; top:0; z-index:300; transition:all 0.6s; transition-property:height, background}
#cmsa_header:before {content:''; display:block; width:100%; height:1px; background:#dbdbdb; position:absolute; left:0; top:100%; z-index:1; opacity:0; visibility:hidden; transition:all 0.6s; transition-property:opacity, visibility,;}
#cmsa_header:after {content:''; display:block; width:100%; height:0; background:#fff; position:absolute; left:0; top:0; z-index:0; transition:height 0.6s;}

#cmsa_header .h_util {position:relative; z-index:10;}
#cmsa_header .h_member {float:left;}
#cmsa_header .h_member li {float:left; padding:0 20px; position:relative;}
#cmsa_header .h_member li:before {content:''; display:block; width:1px; height:16px; background:rgba(255,255,255,0.5); position:absolute; left:0; top:50%; transform:translateY(-50%); transition:background 0.6s}
#cmsa_header .h_member li:first-child:before {display:none;}
#cmsa_header .h_member li a {display:block; font-size:1em; color:#fff; line-height:115px; font-weight:600; transition:all 0.6s; transition-property:color, line-height;}

#cmsa_logo {width:128px; height:56px; background:url(../images/logo_w.png) no-repeat center center; background-size:contain; position:relative; z-index:10;}
#cmsa_logo a {display:block; width:100%; height:100%;}

#cmsa_gnb {width:100%; position:absolute; left:0; top:0; z-index:5;}
#cmsa_gnb > ul {display:flex; justify-content:center; width:100%;}
#cmsa_gnb > ul > li {text-align:center; position:relative;}
#cmsa_gnb > ul > li > a {display:block; font-size:1.25em; color:#fff; line-height:115px; font-weight:700; padding:0 40px; position:relative; transition:all 0.6s; transition-property:color, line-height;}
#cmsa_gnb > ul > li > a:after {content:''; display:block; width:0; height:5px; background:#237adb; position:absolute; left:50%; top:100%; transform:translateX(-50%); transition:width 0.5s;}
#cmsa_gnb > ul > li > ul {display:none; width:100%; padding:30px 0; position:absolute; left:0; top:100%;}
#cmsa_gnb > ul > li > ul > li > a {display:block; font-size:1em; line-height:1.6em; padding:10px 0; transition:color 0.5s;}
#cmsa_gnb > ul > li > ul > li:hover > a {color:#237adb !important;}
#cmsa_gnb > ul > li:hover > a:after {width:100%;}

#all_gnb {width:100%; height:100vh; background:#222; position:absolute; left:0; top:0; z-index:7; opacity:0; visibility:hidden; transition:all 0.6s; transition-property:opacity, visibility;}
#all_gnb .info {float:left; display:flex; justify-content:flex-end; flex-direction:column; width:37%; height:100%; background:#fff; padding:0 0 130px 50px;}
#all_gnb .info .sns_box {display:flex; align-items:center;}
#all_gnb .info .sns_box li {margin-right:30px;}
#all_gnb .info .sns_box li a {font-size:1.5em; color:#9a9a9a; line-height:1.4em; transition:color 0.5s;}
#all_gnb .info .sns_box li:first-child a {font-size:1.2em;}
#all_gnb .info .sns_box li a:hover {color:#237adb;}
#all_gnb .info .info_box {margin:50px 0 20px;}
#all_gnb .info .info_box a {font-size:1em; line-height:1.6em; font-weight:500;}
#all_gnb .info .copy {font-size:0.875em; color:#666;}
#all_gnb .site_gnb {float:right; display:flex; align-items:center; width:63%; height:100%; padding:0 50px 0 100px;}
#all_gnb .site_gnb > ul > li {width:100%; overflow:hidden; margin:5px 0;}
#all_gnb .site_gnb > ul > li > a {float:left; display:block; width:250px; font-size:3.125em; color:#666; line-height:1.4em; font-weight:800; transition:color 0.5s;}
#all_gnb .site_gnb > ul > li > a.active {color:#fff;}
#all_gnb .site_gnb > ul > li > ul {float:left; display:none; width:calc(100% - 250px); margin-top:10px;}
#all_gnb .site_gnb > ul > li > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:1.5em; padding:13px 0; transition:color 0.6s;}
#all_gnb .site_gnb > ul > li > ul > li:hover > a {color:#666;}

#menuToggle {float:right; width:24px; height:16px; margin:49px 0 0 50px; position:relative; transition:margin-top 0.6s;}
#menuToggle span {display:block; width:100%; height:2px; background:#fff; position:absolute; transition:all 0.6s;}
#menuToggle span:nth-child(1) {top:0; right:0;}
#menuToggle span:nth-child(2) {top:50%; left:0; margin-top:-1px;}
#menuToggle span:nth-child(3) {bottom:0; left:0;}
#menuToggle:hover span:nth-child(1), #menuToggle:hover span:nth-child(3) {width:50%;}


#cmsa_header.sub_header {background:#fff; box-shadow:0 0 15px rgba(25,25,25,0.2)}

#cmsa_header.sub_header .h_member li:before {background:rgba(25,25,25,0.5)}
#cmsa_header.sub_header .h_member li a {color:#191919;}

#cmsa_header.sub_header #cmsa_logo {background-image:url(../images/logo.png)}

#cmsa_header.sub_header #cmsa_gnb > ul > li > a {color:#191919;}

#cmsa_header.sub_header #menuToggle span {background:#191919;}


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

#cmsa_header.scroll_on .h_member li:before {background:rgba(25,25,25,0.5)}
#cmsa_header.scroll_on .h_member li a {color:#191919;}

#cmsa_header.scroll_on #cmsa_logo {background-image:url(../images/logo.png)}

#cmsa_header.scroll_on #cmsa_gnb > ul > li > a {color:#191919;}

#cmsa_header.scroll_on #menuToggle span {background:#191919;}


#cmsa_header.on:before {opacity:1; visibility:visible;}
#cmsa_header.on:after {height:355px;}

#cmsa_header.on .h_member li:before {background:rgba(25,25,25,0.5)}
#cmsa_header.on .h_member li a {color:#191919;}

#cmsa_header.on #cmsa_logo {background-image:url(../images/logo.png)}

#cmsa_header.on #cmsa_gnb > ul > li > a {color:#191919;}

#cmsa_header.on #menuToggle span {background:#191919;}


#cmsa_header.active .h_member li:before {background:rgba(255,255,255,0.5)}
#cmsa_header.active .h_member li a {color:#fff;}

#cmsa_header.active #cmsa_logo {background-image:url(../images/logo.png)}

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

#cmsa_header.active #menuToggle span {background:#fff;}
#cmsa_header.active #menuToggle span:nth-child(1) {width:100%; transform:translateY(7px) rotate(45deg)}
#cmsa_header.active #menuToggle span:nth-child(2) {width:0;}
#cmsa_header.active #menuToggle span:nth-child(3) {width:100%; transform:translateY(-7px) rotate(-45deg)}

@media screen and (min-width:1025px){

    #cmsa_header.scroll_on {height:90px;}
    #cmsa_header.scroll_on.on:after {height:330px;}

    #cmsa_header.scroll_on .h_member li a {line-height:90px;}

    #cmsa_header.scroll_on #cmsa_gnb > ul > li > a {line-height:90px;}

    #cmsa_header.scroll_on #menuToggle {margin-top:37px;}
}

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

    #cmsa_header .h_member li {padding:0 10px;}
    #cmsa_header .h_member li a {font-size:0.875em;}

    #cmsa_gnb {padding:0 240px 0 190px;}
    #cmsa_gnb > ul > li > a {font-size:1em; padding:0 30px;}

    #all_gnb .info {padding-left:6vw;}
    #all_gnb .site_gnb {padding:0 6vw 0 50px;}

    #menuToggle {margin-left:30px;}
}

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

    #cmsa_header .h_member li:before {height:10px;}
    #cmsa_header .h_member li a {line-height:55px;}

    #cmsa_logo {width:91px; height:40px;}

    #cmsa_gnb {display:none;}

    #all_gnb .info {display:none;}
    #all_gnb .site_gnb {float:none; width:100%; padding:0 6%;}
    #all_gnb .site_gnb > ul {width:100%;}
    #all_gnb .site_gnb > ul > li {text-align:center; margin:10px 0;}
    #all_gnb .site_gnb > ul > li > a {float:none; width:100%; font-size:2.5em;}
    #all_gnb .site_gnb > ul > li > ul {float:none; width:100%; margin-top:0;}
    #all_gnb .site_gnb > ul > li > ul > li > a {font-size:1em; padding:8px 0;}

    #menuToggle {width:20px; height:14px; margin:20px 0 0 15px;}

    #cmsa_header.active #menuToggle span:nth-child(1) {transform:translateY(6px) rotate(45deg)}
    #cmsa_header.active #menuToggle span:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}
}

@media screen and (max-width:767px){
    #all_gnb .site_gnb > ul > li > a {font-size:2em;}
}



/* footer */
#cmsa_footer {width:100%; background:#2f2f2f; padding:65px 0; position:relative;}
#cmsa_footer > div {display:flex; flex-wrap:wrap;}
#cmsa_footer > div > div {width:calc(100% - 128px); padding-left:30px;}
#cmsa_footer .f_logo {width:128px;}
#cmsa_footer .f_logo img {width:100%; opacity:0.5}
#cmsa_footer .f_info {margin-bottom:5px;}
#cmsa_footer .f_info li {display:inline-block; font-size:0.875em; color:#a4a4a4; line-height:1.5em; font-weight:500; margin:0 20px 8px 0;}
#cmsa_footer .f_info li strong {font-weight:500; margin-right:10px;}
#cmsa_footer .copy {display:inline-block; font-size:0.875em; color:#a4a4a4; font-weight:700; vertical-align:middle;}
#cmsa_footer .f_member {display:inline-block; margin-left:20px;}
#cmsa_footer .f_member a {display:inline-block; border:1px solid rgba(164,164,164,0.8); font-size:0.75em; color:rgba(164,164,164,0.8); line-height:24px; padding:0 10px; text-transform:uppercase;}
#cmsa_footer .go_top {display:block; width:70px; height:70px; background:#237adb url(../images/icon_go_top.svg) no-repeat center center; background-size:11px auto; border-radius:50%; position:absolute; right:50px; bottom:30px;}

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

@media screen and (max-width:1024px){
    #cmsa_footer {padding:5% 0;}
    #cmsa_footer > div > div {width:calc(100% - 110px); padding-left:20px;}
    #cmsa_footer .f_logo {width:110px;}
    #cmsa_footer .f_info br {display:none;}
    #cmsa_footer .go_top {width:50px; height:50px; background-size:9px auto;}
}

@media screen and (max-width:767px){
    #cmsa_footer > div {display:block;}
    #cmsa_footer > div > div {width:100%; padding-left:0; margin-top:3%;}
    #cmsa_footer .f_logo {width:90px;}
    #cmsa_footer .f_info li {margin:0 10px 5px 0;}
    #cmsa_footer .f_member {margin-left:10px;}
    #cmsa_footer .f_member a {line-height:22px; padding:0 8px;}
    #cmsa_footer .go_top {width:32px; height:32px; background-size:7px auto; bottom:15px;}
}



/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative; overflow:hidden;}
#mVisu .txt_box {position:relative; z-index:5;}
#mVisu .txt_box .tit {font-size:4.375em; color:#fff; line-height:1.21em; font-weight:300; letter-spacing:0;}
#mVisu .txt_box .tit strong {font-weight:700}
#mVisu .txt_box .txt {font-size:1.5em; color:#fff; line-height:1.41em; font-weight:500; letter-spacing:0; margin-top:15px;}
#mVisu .txt_box p {overflow:hidden;}
#mVisu .txt_box p span {display:block;}
.mVisu_slide {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;}
.mVisu_slide .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transform:scale(1.1); transition:transform 5s ease-in-out;}
.mVisu_slide .img:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:14px; height:29px; background:url(../images/mVisu_arrow.svg) no-repeat center center; background-size:contain; top:auto; bottom:115px;}
.mVisu_slide .swiper-button-prev {left:50%; margin-left:-100px;}
.mVisu_slide .swiper-button-next {right:50%; margin-right:-100px; transform:rotate(180deg);}
.mVisu_slide .swiper-button-prev:after, .mVisu_slide .swiper-button-next:after {display:none;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {display:flex; justify-content:center; align-items:center; bottom:116px;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {display:flex; justify-content:center; align-items:center; width:4px; height:4px; background:rgba(255,255,255,0.5); opacity:1; margin:0 10px;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {width:24px; height:24px;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before {content:''; display:block; width:6px; height:6px; background:#fff; border-radius:50%;}

.mVisu_slide .swiper-slide-active .img {transform:scale(1)}

@media screen and (max-width:1024px){
    #mVisu .txt_box .tit {font-size:3.5em;}
    #mVisu .txt_box .txt {font-size:1.3em; margin-top:10px;}
    .mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {bottom:50px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:51px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box .tit {font-size:2.4em;}
    #mVisu .txt_box .txt {font-size:1em;}
    .mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:8px; height:18px; bottom:30px;}
    .mVisu_slide .swiper-button-prev {margin-left:-60px;}
    .mVisu_slide .swiper-button-next {margin-right:-60px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:31px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {width:16px; height:16px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before {width:4px; height:4px;}
}


.main_title .en {font-size:1.25em; color:#237adb; font-weight:700; margin-bottom:5px;}
.main_title .tit {font-size:3.125em; line-height:1.46em; font-weight:700;}
.main_title .txt {font-size:1.25em; color:#666; line-height:1.75em; margin-top:15px;}

@media screen and (max-width:1024px){
    .main_title .en {font-size:1.125em;}
    .main_title .tit {font-size:2.7em;}
    .main_title .txt {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .main_title .en {font-size:1em;}
    .main_title .tit {font-size:2.2em;}
    .main_title .txt {font-size:1em;}
}


#mCompany {padding:130px 0;}
#mCompany .tit_box {display:flex; flex-wrap:wrap;}
#mCompany .tit_box > div:nth-child(1) {width:400px;}
#mCompany .tit_box .t1 img {height:110px;}
#mCompany .tit_box .view_btn {display:flex; align-items:center; font-size:1.125em; color:#237adb; font-weight:600; margin-top:50px;}
#mCompany .tit_box .view_btn:after {content:''; display:block; width:52px; height:52px; background:url(../images/icon_arrow1.svg) no-repeat center center; background-size:18px auto; border:2px solid #237adb; border-radius:50%; margin-left:20px; transition:background 0.4s;}
#mCompany .tit_box .view_btn:hover:after {background-color:#237adb; background-image:url(../images/icon_arrow2.svg)}
#mCompany .tit_box .main_title {width:calc(100% - 400px)}
#mCompany ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:115px;}
#mCompany ul li {width:calc(33.33% - 36.66px); height:365px; border:2px solid #d9d9d9; text-align:center; transition:all 0.5s; transition-property:background, border, box-shadow;}
#mCompany ul li a {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%;}
#mCompany ul li .icon {display:block; width:100%; height:95px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#mCompany ul li dl {margin-top:50px;}
#mCompany ul li dl dt {font-size:1.25em; font-weight:700; transition:color 0.5s;}
#mCompany ul li dl dd {font-size:0.9375em; color:#666; line-height:1.86em; margin-top:10px; transition:color 0.5s;}

#mCompany ul li:hover {background:#237adb; border-color:#237adb; box-shadow:5px 5px 20px rgba(25,25,25,0.2);}
#mCompany ul li:hover dl dt {color:#fff;}
#mCompany ul li:hover dl dd {color:#fff;}

#mCompany ul li .icon1 {background-image:url(../images/mCompany_icon1.png)}
#mCompany ul li:hover .icon1 {background-image:url(../images/mCompany_icon1_w.png)}
#mCompany ul li .icon2 {background-image:url(../images/mCompany_icon2.png)}
#mCompany ul li:hover .icon2 {background-image:url(../images/mCompany_icon2_w.png)}
#mCompany ul li .icon3 {background-image:url(../images/mCompany_icon3.png)}
#mCompany ul li:hover .icon3 {background-image:url(../images/mCompany_icon3_w.png)}

@media screen and (max-width:1220px){
    #mCompany ul li {width:calc(33.33% - 20px)}
}

@media screen and (max-width:1024px){
    #mCompany {padding:13% 0;}
    #mCompany .tit_box > div:nth-child(1) {width:250px;}
    #mCompany .tit_box .t1 img {height:90px;}
    #mCompany .tit_box .view_btn {font-size:1em; margin-top:30px;}
    #mCompany .tit_box .view_btn:after {width:40px; height:40px; background-size:13px auto; margin-left:15px;}
    #mCompany .tit_box .main_title {width:calc(100% - 250px)}
    #mCompany ul {margin-top:7%;}
    #mCompany ul li {width:calc(33.33% - 10px); height:280px;}
    #mCompany ul li .icon {height:80px;}
    #mCompany ul li dl {margin-top:20px; padding:0 5px;}
    #mCompany ul li dl dt {font-size:1.125em;}
    #mCompany ul li dl dd {margin-top:5px;}
}

@media screen and (max-width:767px){
    #mCompany .tit_box {flex-direction:column-reverse;}
    #mCompany .tit_box > div:nth-child(1) {width:100%;}
    #mCompany .tit_box .t1 {display:none;}
    #mCompany .tit_box .t1 img {height:60px;}
    #mCompany .tit_box .view_btn {font-size:1em; margin-top:20px;}
    #mCompany .tit_box .view_btn:after {width:32px; height:32px; background-size:11px auto; margin-left:10px;}
    #mCompany .tit_box .main_title {width:100%}
    #mCompany ul li {width:100%; height:auto; margin-bottom:2%; padding:7% 0;}
    #mCompany ul li:last-child {margin-bottom:0;}
    #mCompany ul li .icon {height:60px;}
    #mCompany ul li dl {margin-top:10px;}
}


#mGuide {width:100%; height:calc(100vh + 2610px); background:#f5fbf8; position:relative}
#mGuide > div {display:flex; justify-content:center; align-items:center; width:100%; height:100vh;}
#mGuide .inner > div {width:2610px; transition:transform 0.2s ease-in-out;}
#mGuide .inner > div:after {content:''; display:block; width:100%; clear:both;}
#mGuide .txt_box {float:left; width:750px; padding-top:100px;}
#mGuide .main_title .txt {margin-top:90px;}
#mGuide .main_title .view_btn {display:flex; justify-content:center; align-items:center; width:140px; height:45px; font-size:1em; position:relative; margin-top:45px;}
#mGuide .main_title .view_btn:before {content:''; display:block; width:100%; height:100%; background:#237adb; border-radius:23px; position:absolute; left:0; top:0; z-index:0; transition:transform 0.5s;}
#mGuide .main_title .view_btn span {display:inline-block; font-size:0.875em; color:#fff; font-weight:500; font-family:'Poppins'; position:relative; z-index:5;}
#mGuide .main_title .view_btn:hover:before {transform:scale(1.1)}
#mGuide .main_title .view_btn:hover span {opacity:0; animation:grublabBtn2 0.3s linear 0.2s forwards;}
#mGuide ul {float:left; width:calc(100% - 750px);}
#mGuide ul li {float:left; width:450px; margin-right:20px;}
#mGuide ul li:last-child {margin-right:0;}
#mGuide ul li .img_box {width:100%; height:550px; overflow:hidden;}
#mGuide ul li .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
#mGuide ul li dl {margin-top:30px;}
#mGuide ul li dl dt {font-size:1.5em; line-height:1.4em; font-weight:600; font-family:'Poppins';}
#mGuide ul li dl dd {font-size:1.125em; line-height:1.6em; margin-top:10px;}

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

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

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

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

@media screen and (max-width:1024px){
    #mGuide {height:calc(100vh + 1945px)}
    #mGuide .inner > div {width:1945px; transition:none;}
    #mGuide .txt_box {width:500px; padding-top:80px;}
    #mGuide .main_title .txt {margin-top:50px;}
    #mGuide .main_title .view_btn {width:120px; height:40px; margin-top:30px;}
    #mGuide ul {width:calc(100% - 500px)}
    #mGuide ul li {width:350px; margin-right:15px;}
    #mGuide ul li .img_box {height:450px;}
    #mGuide ul li dl {margin-top:15px;}
    #mGuide ul li dl dt {font-size:1.3em;}
    #mGuide ul li dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #mGuide {height:calc(100vh + 1380px)}
    #mGuide .inner > div {width:1380px}
    #mGuide .txt_box {width:350px; padding-right:30px;}
    #mGuide .main_title .txt {margin-top:10px;}
    #mGuide .main_title .view_btn {width:110px; height:35px; margin-top:20px;}
    #mGuide ul {width:calc(100% - 350px);}
    #mGuide ul li {width:250px; margin-right:10px;}
    #mGuide ul li .img_box {height:306px;}
}


#mSociety {display:flex; justify-content:center; align-items:center; width:100%; height:550px; background:url(../images/mSocietyBG.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative;}
#mSociety:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.55); position:absolute; left:0; top:0; z-index:0;}
#mSociety > div {position:relative; z-index:10; text-align:center;}
#mSociety .view_btn {display:block; width:230px; height:60px; background:rgba(255,255,255,0.1); border-radius:30px; font-size:1.125em; color:#fff; line-height:60px; font-weight:600; text-align:left; font-family:'Pretendard'; padding-left:74px; position:relative; overflow:hidden; margin:50px auto 0;}
#mSociety .view_btn:before {content:''; display:block; width:48px; height:48px; background:rgba(255,255,255,0.2); border-radius:150px; position:absolute; left:6px; top:50%; transform:translateY(-50%); transition:all 0.65s cubic-bezier(.785,.135,.15,.86); transition-property:width, transform;}
#mSociety .view_btn:after {content:''; display:block; width:18px; height:12px; background:url(../images/icon_arrow2.svg) repeat-x left top; background-size:100% auto; position:absolute; left:20px; top:50%; transform:translateY(-50%); transition:all 0.65s cubic-bezier(.785,.135,.15,.86); transition-property:background;}
#mSociety .view_btn:hover:before {width:calc(100% - 12px); transform:translateY(-50%) scale(1.2, 1.4)}
#mSociety .view_btn:hover:after {background-position:18px top;}

@media screen and (max-width:1024px){
    #mSociety {height:400px; background-attachment:unset;}
    #mSociety .view_btn {width:180px; height:50px; font-size:1em; line-height:50px; padding-left:55px; margin-top:30px;}
    #mSociety .view_btn:before {width:44px; height:44px; left:3px;}
    #mSociety .view_btn:after {left:16px;}
}

@media screen and (max-width:767px){
    #mSociety {height:auto; padding:15% 0;}
    #mSociety .view_btn {width:160px; height:42px; line-height:42px; padding-left:50px; margin-top:20px;}
    #mSociety .view_btn:before {width:36px; height:36px;}
    #mSociety .view_btn:after {width:14px; height:10px; left:15px;}
    #mSociety .view_btn:hover:after {background-position:14px top;}
}


#mNews {padding:185px 0 160px;}
.mNews_slide {width:100%; margin-top:100px;}
.mNews_slide .img_box {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mNews_slide .subject {font-size:1.125em; line-height:1.66em; font-weight:600; margin-top:25px; max-height:3.32em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mNews .view_btn {display:inline-block; font-size:1.125em; color:#237adb; font-weight:600; margin-top:45px;}
#mNews .view_btn:after {content:''; display:inline-block; width:38px; height:13px; background:url(../images/icon_arrow3.svg) no-repeat center center; background-size:100% auto; margin-left:25px; transition:transform 0.5s}
#mNews .view_btn:hover:after {transform:translateX(10px)}

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

@media screen and (max-width:1024px){
    #mNews {padding:15% 0;}
    .mNews_slide {margin-top:7%;}
    .mNews_slide .subject {font-size:1em; margin-top:15px;}
    #mNews .view_btn {font-size:1em; margin-top:30px;}
    #mNews .view_btn:after {width:30px; height:10px; margin-left:15px;}
}

@media screen and (max-width:767px){
    .mNews_slide .img_box {height:50vw;}
    .mNews_slide .subject {margin-top:10px;}
    #mNews .view_btn {font-size:1em; margin-top:20px;}
    #mNews .view_btn:after {width:25px; height:9px; margin-left:10px;}
}


/* sub */
#sVisu {width:100%; height:700px; position:relative; overflow:hidden;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; animation:sVisu 6000ms ease-in-out forwards;}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:#000; opacity:0.3; position:absolute; left:0; top:0; z-index:2;}
#sVisu > div {position:relative; z-index:10; padding-top:280px;}
#sVisu h2 {font-size:3.75em; color:#fff; line-height:1.2em; font-weight:700;}
#sVisu p {font-size:1.25em; color:#fff; line-height:1.7em; font-weight:600; margin-top:20px;}

.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)}

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

@media screen and (max-width:1024px){
    #sVisu {height:450px;}
    #sVisu > div {padding-top:190px;}
    #sVisu h2 {font-size:3em;}
    #sVisu p {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #sVisu {height:290px;}
    #sVisu > div {padding-top:135px;}
    #sVisu h2 {font-size:2.2em;}
    #sVisu p {font-size:1em;}
}


.sub_menu_wrap {width:100%; height:90px; border-bottom:1px solid #e0e0e0;}
.sub_menu_wrap > div {display:flex; align-items:center;}
.sub_menu_wrap .home {display:block; width:16px; height:90px; background:url(../images/icon_home.svg) no-repeat center center; background-size:contain; margin-right:52px; position:relative;}
.sub_menu_wrap .home:after {content:''; display:block; width:52px; height:100%; background:url(../images/icon_menu_arrow.svg) no-repeat center center; background-size:5px auto; position:absolute; left:100%; top:0;}
.sub_menu_wrap .depth1 {width:150px; font-size:1.25em; font-weight:700;}
.sub_menu_wrap .depth2 {width:calc(100% - 150px)}
.sub_menu_wrap .depth2 button {display:none;}
.sub_menu_wrap .depth2 ul {justify-content:end; width:100%;}
.sub_menu_wrap .depth2 ul li {margin-right:60px;}
.sub_menu_wrap .depth2 ul li:last-child {margin-right:0;}
.sub_menu_wrap .depth2 ul li a {display:block; font-size:1.25em; color:#d6d6d6; font-weight:700; line-height:90px; position:relative; transition:color 0.4s}
.sub_menu_wrap .depth2 ul li a:hover {color:#191919;}
.sub_menu_wrap .depth2 ul li.on a {color:#191919; }

@media screen and (min-width:1025px){
    .sub_menu_wrap .depth2 ul {display:flex !important}
    .sub_menu_wrap .depth2 ul li.on a:after {content:''; display:block; width:100%; height:3px; background:#191919; position:absolute; left:0; bottom:0;}
}

@media screen and (max-width:1024px){
    .sub_menu_wrap {height:50px;}
    .sub_menu_wrap .home {width:13px; height:50px; margin-right:30px;}
    .sub_menu_wrap .home:after {width:30px;}
    .sub_menu_wrap .depth1 {width:calc(50% - 21.5px); font-size:1em; font-weight:500;}
    .sub_menu_wrap .depth2 {width:calc(50% - 21.5px); position:relative;}
    .sub_menu_wrap .depth2 button {display:block; width:100%; height:50px; font-size:1em; font-weight:500; text-align:left; padding:0 12px; position:relative;}
    .sub_menu_wrap .depth2 button:before {content:''; display:block; width:1px; height:12px; background:#e0e0e0; position:absolute; left:0; top:50%; transform:translateY(-50%)}
    .sub_menu_wrap .depth2 button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:5px; top:50%; transform:translateY(-50%)}
    .sub_menu_wrap .depth2 button.on:after {content:'\f106'}
    .sub_menu_wrap .depth2 ul {display:none; width:100%; background:#fff; border:1px solid #e0e0e0; border-top:0; position:absolute; left:0; top:100%; z-index:30;}
    .sub_menu_wrap .depth2 ul li {margin-right:0;}
    .sub_menu_wrap .depth2 ul li a {width:100%; font-size:1em; font-weight:400; line-height:1.3em; padding:8px 12px; border-bottom:1px solid #e0e0e0;}
    .sub_menu_wrap .depth2 ul li:first-child {padding-top:2px;}
    .sub_menu_wrap .depth2 ul li:last-child a {border-bottom:0;}
    .sub_menu_wrap .depth2 ul li.on a {font-weight:500;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {height:40px;}
    .sub_menu_wrap .home {height:40px; background-size:11px auto;}
    .sub_menu_wrap .depth2 button {height:40px;}
}


#sub_content {margin:150px 0;}

#sub_content2 {min-height:70vh; background:#f8f9fc; margin-top:90px; padding:200px 0;}

.sub_title {font-size:3em; line-height:1.3em; font-weight:700;}

.s_tit1 {font-size:1.875em; line-height:1.5em; font-weight:700;}

.s_txt1 {font-size:1.125em; line-height:1.6em; font-weight:500;}

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

	#sub_content2 {margin-top:55px; padding:15% 0;}

    .sub_title {font-size:2.5em;}

    .s_tit1 {font-size:1.5em;}

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

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

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


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

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

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


.sub_list_box1 > li {font-size:1.125em; line-height:1.66em; font-weight:500; padding-left:25px; position:relative;}
.sub_list_box1 > li:before {content:'·'; display:block; width:25px; text-align:center; font-weight:900; position:absolute; left:0; top:0;}

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


.sCompany_case1 .img_box {width:100%; height:500px; position:relative; padding:240px 0 0 530px;}
.sCompany_case1 .img_box:before {content:''; display:block; width:calc(50vw + 600px); height:100%; background:url(../images/sCompany_img1.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0;}
.sCompany_case1 .img_box:after {content:''; display:block; width:calc(50vw + 600px); height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2;}
.sCompany_case1 .img_box p {font-size:1.875em; color:#fff; line-height:1.5em; font-weight:700; position:relative; z-index:10;}
.sCompany_case1 .txt_box .s_txt1 {margin-bottom:20px;}
.sCompany_case1 .txt_box .name {font-size:1.25em; margin-top:30px; text-align:right;}
.sCompany_case1 .txt_box .name img {vertical-align:middle; margin-left:15px;}

.sCompany_case2 {width:100%; background:#f8f9fc; padding:150px 0;}
.sCompany_case2 .box {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%;}
.sCompany_case2 .box:before {content:''; display:block; width:650px; height:424px; background:url(../images/sCompany_img2.jpg) no-repeat center center; background-size:cover;}
.sCompany_case2 .box .txt_box {width:calc(100% - 740px);}
.sCompany_case2 .box .txt_box dl {margin-bottom:20px;}
.sCompany_case2 .box .txt_box dl:last-child {margin-bottom:0;}
.sCompany_case2 .box .txt_box dl dt {font-size:1.25em; font-weight:600; line-height:1.4em;}
.sCompany_case2 .box .txt_box dl dd {font-size:1.125em; color:#737c7f; font-weight:500; line-height:1.55em;}

.sCompany_case3 {width:100%; position:relative;}
.sCompany_case3:before {content:''; display:block; width:1px; height:100%; background:#d9d9d9; position:absolute; left:50%;  top:0;}
.sCompany_case3 > div {display:flex; justify-content:center; gap:0 80px; margin-bottom:80px; position:relative; z-index:5;}
.sCompany_case3 > div:last-child {margin-bottom:0;}
.sCompany_case3 > div dl {width:232px; background:#fff; border-width:4px; border-style:solid; border-radius:20px; text-align:center; box-shadow:4px 4px 15px rgba(0,0,0,0.15); position:relative;}
.sCompany_case3 > div dl:after {content:''; display:block; width:80px; height:1px; background:#d9d9d9; position:absolute; left:100%; top:50%; margin-left:4px;}
.sCompany_case3 > div dl:last-child:after {display:none;}
.sCompany_case3 > div dl dt {width:100%; line-height:40px; font-size:1.25em; color:#fff; font-weight:700; border-radius:13px 13px 0 0;}
.sCompany_case3 > div dl dd {padding:20px; font-size:1.25em; line-height:1.4em; font-weight:600;}
.sCompany_case3 > div dl dd span {display:block; font-size:0.9em;}

.sCompany_case3 > div:nth-child(1) dl {border-color:#237adb;}
.sCompany_case3 > div:nth-child(1) dl dt {background:#237adb;}
.sCompany_case3 > div:nth-child(1) dl dd {color:#237adb;}
.sCompany_case3 > div:nth-child(2) dl {border-color:#51bad7;}
.sCompany_case3 > div:nth-child(2) dl dt {background:#51bad7;}
.sCompany_case3 > div:nth-child(2) dl dd {color:#51bad7;}
.sCompany_case3 > div:nth-child(3) dl {border-color:#d6d9e2;}
.sCompany_case3 > div:nth-child(3) dl dt {background:#d6d9e2;}
.sCompany_case3 > div:nth-child(3) dl dd {color:#737c7f;}

.sCompany_case4 .img_box {width:100%; height:350px; background:url(../images/sCompany_img3.jpg) no-repeat center center; background-size:cover; position:relative; padding-top:140px;}
.sCompany_case4 .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:0;}
.sCompany_case4 .img_box p {font-size:1.875em; color:#fff; font-weight:700; padding:0 100px; position:relative; z-index:5;}
.sCompany_case4 .txt_box {width:100%; background:#f8f9fc; padding:100px 0;}
.sCompany_case4 .txt_box ul {width:100%; padding:0 100px; counter-reset:counter;}
.sCompany_case4 .txt_box ul li dl {display:flex; flex-wrap:wrap; width:100%;}
.sCompany_case4 .txt_box ul li dl dt {width:300px; font-size:1.375em; color:#237adb; font-weight:600; padding:30px 0; border-top:3px solid #237adb;}
.sCompany_case4 .txt_box ul li dl dt:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:1.09em; margin-right:10px;}
.sCompany_case4 .txt_box ul li dl dd {width:calc(100% - 300px); font-size:1.125em; line-height:1.6em; padding:30px 0 30px 50px; border-top:3px solid #d9d9d9;}
.sCompany_case4 .txt_box ul li:last-child dl dt, .sCompany_case4 .txt_box ul li:last-child dl dd {padding-bottom:0;}

.sCompany_case5 .box {margin-top:140px; position:relative;}
.sCompany_case5 .box ul {display:flex; justify-content:center; gap:0 60px;}
.sCompany_case5 .box ul li {display:flex; justify-content:center; align-items:center; flex-direction:column; width:150px; height:150px; border:3px solid #51bad7; border-radius:50%; box-shadow:4px 4px 10px rgba(0,0,0,0.1); text-align:center; position:relative;}
.sCompany_case5 .box ul li:after {content:''; display:block; width:60px; height:100%; background:url(../images/sCompany_img4.png) no-repeat center center; background-size:16px auto; position:absolute; left:100%; top:0; margin-left:3px;}
.sCompany_case5 .box ul li:last-child:after {display:none;}
.sCompany_case5 .box ul li p {font-size:1.25em; color:#51bad7; line-height:1.3em; font-weight:700;}
.sCompany_case5 .box ul li span {width:100%; font-size:1em; color:#51bad7; line-height:1.125em; font-weight:600; position:absolute; left:0; top:100%; margin-top:20px;}
.sCompany_case5 .box ul li .icon {display:block; width:100%; height:45px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:10px;}
.sCompany_case5 .box .t1 {width:840px; margin:3px auto 0; text-align:center;}
.sCompany_case5 .box .t1 div {width:100%; height:85px; border:1px dotted #737c7f; border-top:0; position:relative;}
.sCompany_case5 .box .t1 div:before {content:''; display:block; width:0; height:0; border-bottom:4px solid #737c7f; border-left:3px solid transparent; border-right:3px solid transparent; position:absolute; left:0; top:0; transform:translateX(-55%)}
.sCompany_case5 .box .t1 div:after {content:''; display:block; width:6px; height:6px; background:#237adb; border-radius:50%; position:absolute; left:100%; top:0; transform:translateX(-45%)}
.sCompany_case5 .box .t1 p {font-size:1.25em; color:#237adb; font-weight:700; text-align:center; margin-top:10px;}

.sCompany_case5 .box ul li.bg1 {background:#237adb; border-color:#237adb;}
.sCompany_case5 .box ul li.bg1 p {color:#fff;}
.sCompany_case5 .box ul li.bg2 {background:#51bad7;}
.sCompany_case5 .box ul li.bg2 p {color:#fff;}
.sCompany_case5 .box ul li .icon1 {background-image:url(../images/sCompany_img4_1.png)}
.sCompany_case5 .box ul li .icon2 {background-image:url(../images/sCompany_img4_2.png)}

.sCompany_case6 {width:100%; background:#f8f9fc; padding:90px 0 130px;}
.sCompany_slide .swiper-slide {width:calc(33.33% - 100px)}
.sCompany_slide .img {width:100%; border:1px solid #ccc;}
.sCompany_slide .img img {width:100%;}
.sCompany_slide p {font-size:1.125em; color:#737c7f; line-height:1.33em; font-weight:600; text-align:center; margin-top:15px;}

.sCompany_case7 .map_box {width:100%; height:495px; background:#f8f9fc;}
.sCompany_case7 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sCompany_case7 .add {font-size:1.875em; line-height:1.43em; font-weight:600; margin-top:70px;}
.sCompany_case7 .mail {font-size:1.25em; color:#737c7f; font-weight:600; margin-top:30px;}

@media screen and (max-width:1220px){
    .sCompany_case1 .img_box {padding-left:35%;}
    .sCompany_case1 .img_box:before {width:calc(100% + 6vw);}
    .sCompany_case1 .img_box:after {width:calc(100% + 6vw);}

    .sCompany_case2 .box:before {width:calc(50% + 30px); height:30vw;}
    .sCompany_case2 .box .txt_box {width:calc(50% - 80px)}

    .sCompany_case4 .img_box p {padding:0;}
    .sCompany_case4 .txt_box ul {padding:0}

    .sCompany_case5 .box ul {gap:0 40px;}
    .sCompany_case5 .box ul li:after {width:40px;}
    .sCompany_case5 .box .t1 {width:765px}

    .sCompany_slide .swiper-slide {width:calc(33.33% - 66.66px)}
}

@media screen and (max-width:1024px){
    .sCompany_case1 .img_box {height:auto; padding:20% 0 10% 30%;}
    .sCompany_case1 .img_box p {font-size:1.5em;}
    .sCompany_case1 .txt_box .s_txt1 {margin-bottom:2%;}
    .sCompany_case1 .txt_box .name {font-size:1.125em; margin-top:3%;}
    .sCompany_case1 .txt_box .name img {height:35px;}

    .sCompany_case2 {padding:15% 0;}
    .sCompany_case2 .box:before {width:calc(50% + 20px)}
    .sCompany_case2 .box .txt_box {width:calc(50% - 50px)}
    .sCompany_case2 .box .txt_box dl {margin-bottom:10px;}
    .sCompany_case2 .box .txt_box dl dt {font-size:1.125em;}
    .sCompany_case2 .box .txt_box dl dd {font-size:1em;}

    .sCompany_case3 > div {gap:0 50px; margin-bottom:50px;}
    .sCompany_case3 > div dl {width:200px; border-radius:10px; border-width:3px;}
    .sCompany_case3 > div dl:after {width:50px; margin-left:3px;}
    .sCompany_case3 > div dl dt {font-size:1.125em; line-height:35px; border-radius:6px 6px 0 0;}
    .sCompany_case3 > div dl dd {font-size:1.125em; padding:10px;}

    .sCompany_case4 .img_box {height:auto; padding:12% 0;}
    .sCompany_case4 .img_box p {font-size:1.5em;}
    .sCompany_case4 .txt_box {padding:10% 0;}
    .sCompany_case4 .txt_box ul li dl dt {width:220px; font-size:1.25em; padding:20px 0;}
    .sCompany_case4 .txt_box ul li dl dd {width:calc(100% - 220px); font-size:1em; padding:20px 0 20px 20px;}

    .sCompany_case5 .box {margin-top:6%;}
    .sCompany_case5 .box ul {gap:0 20px;}
    .sCompany_case5 .box ul li {width:calc(20% - 16px); height:15.5vw; border-width:2px;}
    .sCompany_case5 .box ul li:after {width:20px; background-size:10px auto;}
    .sCompany_case5 .box ul li p {font-size:1.125em;}
    .sCompany_case5 .box ul li span {margin-top:10px;}
    .sCompany_case5 .box ul li .icon {height:37px; margin-bottom:5px;}
    .sCompany_case5 .box .t1 {width:calc(80% + 16px)}
    .sCompany_case5 .box .t1 div {height:60px;}
    .sCompany_case5 .box .t1 p {font-size:1.125em;}

    .sCompany_case6 {padding:13% 0;}
    .sCompany_slide .swiper-slide {width:calc(33.33% - 20px)}
    .sCompany_slide p {font-size:1em; margin-top:10px;}
    
    .sCompany_case7 .map_box {height:350px;}
    .sCompany_case7 .add {font-size:1.5em; margin-top:5%;}
    .sCompany_case7 .mail {font-size:1.125em; margin-top:2%;}
}

@media screen and (max-width:767px){
    .sCompany_case1 .img_box {padding:25% 0 11% 15%;}
    .sCompany_case1 .img_box p {font-size:1.125em;}
    .sCompany_case1 .txt_box .name {font-size:1em;}
    .sCompany_case1 .txt_box .name img {height:22px; margin-left:5px;}
    
    .sCompany_case2 .box:before {width:100%; height:52vw;}
    .sCompany_case2 .box .txt_box {width:100%; margin-top:4%;}
    .sCompany_case2 .box .txt_box dl {margin-bottom:1.5%;}

    .sCompany_case3 > div {gap:0 5px; margin-bottom:10px;}
    .sCompany_case3 > div dl {width:calc(33.33% - 3.33px); border-width:2px;}
    .sCompany_case3 > div dl:after {width:5px; margin-left:2px;}
    .sCompany_case3 > div dl dt {font-size:1em; line-height:30px;}
    .sCompany_case3 > div dl dd {font-size:1em;}

    .sCompany_case4 .img_box {padding:17% 0;}
    .sCompany_case4 .img_box p {font-size:1.3em;}
    .sCompany_case4 .txt_box ul li dl dt {width:100%; font-size:1.125em; padding:15px 0 10px !important; border-top:1px solid #d9d9d9;}
    .sCompany_case4 .txt_box ul li dl dt:before {margin-right:5px;}
    .sCompany_case4 .txt_box ul li dl dd {width:100%; padding:0 0 15px; border-top:0;}

    .sCompany_case5 .box ul {flex-direction:column; gap:30px;}
    .sCompany_case5 .box ul li {width:110px; height:110px;}
    .sCompany_case5 .box ul li:after {width:30px; left:100%; top:100%; transform:rotate(90deg); transform-origin:left top; margin-left:0; margin-top:3px;}
    .sCompany_case5 .box ul li span {left:100%; top:50%; transform:translateY(-50%); margin-top:0;}
    .sCompany_case5 .box ul li .icon {height:30px;}
    .sCompany_case5 .box .t1 {width:120px; height:100%; position:absolute; left:120px; top:0;}
    .sCompany_case5 .box .t1 div {width:100%; height:560px; border-top:1px dotted #737c7f; border-left:0; top:50px;}
    .sCompany_case5 .box .t1 div:before {border:0; border-right:4px solid #737c7f; border-top:3px solid transparent; border-bottom:3px solid transparent; transform:translateY(-50%)}
    .sCompany_case5 .box .t1 div:after {left:0; top:auto; bottom:0; transform:translateY(55%)}
    .sCompany_case5 .box .t1 p {position:absolute; left:100%; top:50%; transform:translateY(-50%); white-space:nowrap; margin-left:10px;}

    .sCompany_slide .swiper-slide {width:240px;}
    
    .sCompany_case7 .map_box {height:230px;}
    .sCompany_case7 .add {font-size:1.25em;}
    .sCompany_case7 .mail {font-size:1em;}
}


.sGuide_case1 {display:flex; flex-wrap:wrap; width:100%; background:#f8f9fc; padding:50px 90px;}
.sGuide_case1 .s_tit1 {width:100%; margin-bottom:30px;}
.sGuide_case1 dl {width:50%; padding-top:10px; padding-bottom:20px;}
.sGuide_case1 dl:first-of-type {padding-right:50px;}
.sGuide_case1 dl:last-of-type {border-left:1px solid #737c7f; padding-left:50px;}
.sGuide_case1 dl dt {font-size:1.25em; font-weight:700; line-height:1.3em;}
.sGuide_case1 dl dt span {color:#237adb;}
.sGuide_case1 dl dd {font-size:1.125em; line-height:1.55em; margin-top:10px;}

.sGuide_case2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sGuide_case2 > div {width:calc(33.33% - 22px); background:#fff; box-shadow:0px 4px 15px rgba(0,0,0,0.15); padding:65px 30px; text-align:center;}
.sGuide_case2 > div .icon {display:block; width:100%; height:92px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto 30px;}
.sGuide_case2 > div dl dt {font-size:1.25em; line-height:1.5em; font-weight:700;}
.sGuide_case2 > div dl dd {font-size:1.125em; color:#737c7f; line-height:1.33em; margin-top:10px;}

.sGuide_case2 > div .icon1 {background-image:url(../images/sGuide_img1.png)}
.sGuide_case2 > div .icon2 {background-image:url(../images/sGuide_img2.png)}
.sGuide_case2 > div .icon3 {background-image:url(../images/sGuide_img3.png)}

@media screen and (max-width:1220px){
    .sGuide_case1 {padding:40px 50px;}
    .sGuide_case1 dl:first-of-type {padding-right:30px;}
    .sGuide_case1 dl:last-of-type {padding-left:30px;}

    .sGuide_case2 > div dl dd br {display:none;}
}

@media screen and (max-width:1024px){
    .sGuide_case1 {padding:30px;}
    .sGuide_case1 .s_tit1 {margin-bottom:15px;}
    .sGuide_case1 dl {padding-top:5px; padding-bottom:5px;}
    .sGuide_case1 dl:first-of-type {padding-right:15px;}
    .sGuide_case1 dl:last-of-type {padding-left:15px;}
    .sGuide_case1 dl dt {font-size:1.125em;}
    .sGuide_case1 dl dd {font-size:1em; margin-top:5px;}

    .sGuide_case2 > div {width:calc(33.33% - 6.66px); padding:30px 15px;}
    .sGuide_case2 > div .icon {height:70px; margin-bottom:15px;}
    .sGuide_case2 > div dl dt {font-size:1.125em;}
    .sGuide_case2 > div dl dd {font-size:1em; margin-top:5px}
}

@media screen and (max-width:767px){
    .sGuide_case1 {padding:5%;}
    .sGuide_case1 .s_tit1 {margin-bottom:2%;}
    .sGuide_case1 dl {width:100%;}
    .sGuide_case1 dl:first-of-type {padding-right:0;}
    .sGuide_case1 dl:last-of-type {border-left:0; padding-left:0; margin-top:2%;}
    .sGuide_case1 dl dd {margin-top:1%;}

    .sGuide_case2 > div {width:100%; margin-bottom:1%; padding:6% 2%;}
    .sGuide_case2 > div:last-child {margin-bottom:0;}
    .sGuide_case2 > div .icon {height:55px; margin-bottom:10px;}
}


.sBusiness_case1 > div {display:flex; align-items:start; flex-wrap:wrap; padding-top:150px;}
.sBusiness_case1 > div .sub_title {width:390px;}
.sBusiness_case1 > div > div {width:calc(100% - 390px)}
.sBusiness_case1 > div > div .img {width:100%; height:404px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-top:70px;}
.sBusiness_case1 > div > div .s_tit1 {margin-top:50px;}
.sBusiness_case1 > div > div .t1 {font-size:1.125em; color:#737c7f; line-height:1.66em;}
.sBusiness_case1 > div > div dl {margin-top:30px;}
.sBusiness_case1 > div > div dl dt {font-size:1.25em; line-height:1.5em; font-weight:700; margin-top:20px;}
.sBusiness_case1 > div > div dl dt:first-of-type {margin-top:0;}
.sBusiness_case1 > div > div dl dd {font-size:1.125em; color:#737c7f; line-height:1.66em; font-weight:500;}
.sBusiness_case1 > div > div .sub_list_box1 {margin-top:15px;}
.sBusiness_case1 > div > div .s_txt1 {margin-top:15px;}
.sBusiness_case1 > div > div .box {width:100%; background:#f8f9fc; padding:30px;}
.sBusiness_case1 > div > div .box .tit {font-size:1.25em; font-weight:600; line-height:1.5em; margin-bottom:10px;}
.sBusiness_case1 > div > div .box .tit span {color:#237adb;}
.sBusiness_case1 > div > div .box ul li {font-size:1.125em; line-height:1.66em; font-weight:500;}
.sBusiness_case1 > div > div .box ul.number li {padding-left:20px; position:relative;}
.sBusiness_case1 > div > div .box ul.number li span {color:#237adb; position:absolute; left:0; top:0;}

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

@media screen and (max-width:1024px){
    .sBusiness_case1 > div {padding-top:15%;}
    .sBusiness_case1 > div .sub_title {width:100%;}
    .sBusiness_case1 > div > div {width:100%; margin-top:1%;}
    .sBusiness_case1 > div > div .img {height:50vw; margin-top:5%;}
    .sBusiness_case1 > div > div .s_tit1 {margin-top:5%;}
    .sBusiness_case1 > div > div .t1 {font-size:1em;}
    .sBusiness_case1 > div > div dl {margin-top:3%;}
    .sBusiness_case1 > div > div dl dt {font-size:1.125em; margin-top:2%;}
    .sBusiness_case1 > div > div dl dd {font-size:1em;}
    .sBusiness_case1 > div > div .sub_list_box1 {margin-top:1%;}
    .sBusiness_case1 > div > div .s_txt1 {margin-top:1%;}
    .sBusiness_case1 > div > div .box {padding:3%;}
    .sBusiness_case1 > div > div .box .tit {font-size:1.125em; margin-bottom:1%;}
    .sBusiness_case1 > div > div .box ul li {font-size:1em;}
    .sBusiness_case1 > div > div .box ul.number li {padding-left:17px;}
}

.sContact_case1 .form_box {width:100%; border-top:1px solid #737c7f; border-bottom:1px  solid #b8b8b9;}
.sContact_case1 .form_box > div {width:100%; padding:24px 0; border-bottom:2px solid #b8b8b9; overflow:hidden;}
.sContact_case1 .form_box > div:last-child {border-bottom:0;}
.sContact_case1 .form_box > div > label {float:left; display:block; width:135px; font-size:1.125em; line-height:50px; font-weight:600;}
.sContact_case1 .form_box > div > div {float:left; width:calc(100% - 135px)}
.sContact_case1 .form_box .form_txt {display:block; width:100%; max-width:430px; height:50px; background:#f8f9fc; border:0; font-size:1.125em; font-weight:600; font-family:'Pretendard'; padding:0 20px; border-radius:0;}
.sContact_case1 .form_box .form_txt::placeholder {color:#b8b8b9;}
.sContact_case1 .form_box .form_txt::-webkit-input-placeholder {color:#b8b8b9;}
.sContact_case1 .form_box .form_txt:-ms-input-placeholder {color:#b8b8b9;}
.sContact_case1 .form_box .select_box {width:100%; max-width:430px; position:relative;}
.sContact_case1 .form_box .select_box:after {content:'\f078'; font-size:0.875em; color:#b8b8b9; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.sContact_case1 .form_box .select_box.none select {color:#b8b8b9}
.sContact_case1 .form_box .select_box select {width:100%; height:50px; background:#f8f9fc; font-size:1.125em; font-weight:600; padding:0 20px; font-family:'Pretendard'; border-radius:0; border:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sContact_case1 .form_box .select_box option {color:#191919;}
.sContact_case1 .form_box .form_textarea {width:100%; height:250px; background:#f8f9fc; font-size:1.125em; font-weight:600; font-family:'Pretendard'; padding:15px 20px; border-radius:0; border:0; resize:none;}
.sContact_case1 .form_box .form_textarea::placeholder {color:#b8b8b9;}
.sContact_case1 .form_box .form_textarea::-webkit-input-placeholder {color:#b8b8b9;}
.sContact_case1 .form_box .form_textarea:-ms-input-placeholder {color:#b8b8b9;}

.sContact_case1 .form_box .email_box {display:flex; align-items:center; width:100%;}
.sContact_case1 .form_box .email_box .form_txt {max-width:250px;}
.sContact_case1 .form_box .email_box span {width:35px; font-size:1.125em; font-weight:500; text-align:center;}
.sContact_case1 .form_box .email_box .select_box {width:250px; margin-left:8px;}

.sContact_case1 .form_box .phone_box {display:flex; align-items:center; width:100%;}
.sContact_case1 .form_box .phone_box .form_txt {width:200px;}
.sContact_case1 .form_box .phone_box span {width:25px; font-size:1.125em; font-weight:500; text-align:center;}

.sContact_case1 .check_box {float:right; margin:35px 0 0;}
.sContact_case1 .check_box input {display:none;}
.sContact_case1 .check_box p {font-size:1.125em; line-height:20px; font-weight:500; padding-left:30px; position:relative;}
.sContact_case1 .check_box p:before {content:'\f00c'; display:block; width:20px; line-height:18px; background:#fff; border:1px solid #dcdcdc; border-radius:50%; font-size:0.625em; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'; text-align:center; position:absolute; left:0; top:0;}
.sContact_case1 .check_box p a {}
.sContact_case1 .check_box input:checked + p:before {background:#191919; border-color:#191919;}

.sContact_case1 .btn_box {display:flex; justify-content:center; gap:0 5px; width:100%; padding-top:15px; clear:both;}
.sContact_case1 .btn_box a, .sContact_case1 .btn_box button {display:flex; justify-content:center; align-items:center; width:270px; height:75px; border-radius:0; font-size:1.25em; color:#fff; font-weight:700; text-align:center;}
.sContact_case1 .btn_box .cancel_btn {background:#666}
.sContact_case1 .btn_box .submit_btn {background:#237adb}

@media screen and (max-width:1024px){
	.sContact_case1 .form_box > div {padding:10px 0;}
	.sContact_case1 .form_box > div > label {width:110px; font-size:1em; line-height:40px; padding-left:10px;}
	.sContact_case1 .form_box > div > div {width:calc(100% - 110px)}
	.sContact_case1 .form_box .form_txt {height:40px; font-size:1em; padding:0 10px;}
	.sContact_case1 .form_box .select_box:after {right:10px;}
	.sContact_case1 .form_box .select_box select {height:40px; font-size:1em; padding:0 10px;}
	.sContact_case1 .form_box .form_textarea {height:200px; font-size:1em; padding:10px;}


	.sContact_case1 .form_box .email_box .form_txt {width:calc(33.33% - 13.33px); max-width:100%;}
	.sContact_case1 .form_box .email_box span {width:30px; font-size:1em;}
	.sContact_case1 .form_box .email_box .select_box {width:calc(33.33% - 13.33px)}

	.sContact_case1 .form_box .phone_box .form_txt {width:calc(33.33% - 16.66px)}
	.sContact_case1 .form_box .phone_box span {font-size:1em;}

	.sContact_case1 .check_box {margin:20px 0;}
	.sContact_case1 .check_box p {font-size:1em;}

	.sContact_case1 .btn_box a, .sContact_case1 .btn_box button {width:170px; height:50px; font-size:1em;}
}

@media screen and (max-width:767px){
	.sContact_case1 .form_box > div > label {width:80px;}
	.sContact_case1 .form_box > div > div {width:calc(100% - 80px)}
	.sContact_case1 .form_box .form_textarea {height:100px;}

	.sContact_case1 .form_box .email_box .form_txt {width:calc(33.33% - 8.33px);}
	.sContact_case1 .form_box .email_box span {width:20px;}
	.sContact_case1 .form_box .email_box .select_box {margin-left:5px;}
	.sContact_case1 .form_box .email_box .select_box {width:calc(33.33% - 8.33px)}

	.sContact_case1 .form_box .phone_box .form_txt {width:calc(33.33% - 8.33px)}
	.sContact_case1 .form_box .phone_box span {width:20px;}

    .sContact_case1 .check_box {margin:10px 0 0;}
	.sContact_case1 .check_box p {padding-left:25px; line-height:18px;}
	.sContact_case1 .check_box p:before {width:18px; line-height:16px;}

	.sContact_case1 .btn_box {gap:0 3px;}
	.sContact_case1 .btn_box a, .sContact_case1 .btn_box button {width:120px; height:40px;}
}


.privacy_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;}
.privacy_popup.on {display:flex;}
.privacy_inner {width:700px; max-height:calc(100vh - 120px); background:#fff; border-radius:20px; padding:40px; position:relative;}
.privacy_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;}
.privacy_inner .close_btn:hover {background:#237adb;}
.privacy_inner .tit {font-size:1.5em; line-height:1.3em; font-weight:600; margin-bottom:15px;}
.privacy_inner .cont {max-height:calc(100vh - 260px); overflow-y:auto;}
.privacy_inner .cont p {font-size:0.875em; color:#666; line-height:1.5em;}

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

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