@charset "utf-8";

.yeawons_btn1 {display:inline-block; line-height:45px; border-radius:23px; background:rgba(0,165,228,0.2); font-size:1.125em; color:#00a5e4; font-weight:600; padding:0 25px; transition:all 0.5s; transition-property:background, color;}
.yeawons_btn1:hover {background:#00a5e4; color:#fff;}
.yeawons_btn1.case2 {background:rgba(255,255,255,0.2); color:#fff;}
.yeawons_btn1.case2:hover {background:#00a5e4;}

.yeawons_btn2 {display:flex; justify-content:center; align-items:center; width:257px; height:74px; border-radius:37px; background:rgba(0,165,228,0.2); font-size:1.25em; color:#00a5e4; font-weight:600; transition:all 0.5s; transition-property:background, color;}
.yeawons_btn2:hover {background:#00a5e4; color:#fff;}

@media screen and (max-width:1024px){
    .yeawons_btn1 {font-size:1em; line-height:38px; padding:0 20px;}

    .yeawons_btn2 {width:180px; height:55px; font-size:1.125em;}
}

@media screen and (max-width:767px){
    .yeawons_btn1 {line-height:32px; padding:0 13px;}

    .yeawons_btn2 {width:140px; height:40px; font-size:1em;}
}

/* header */
#yeawons_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:90px; padding:0 50px; position:fixed; left:0; top:0; z-index:300; transition:background 0.5s;}
#yeawons_header:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:0; opacity:0; visibility:hidden; transition:all 0.3s;}

#yeawons_header.scroll_none {position:absolute;}

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

#yeawons_gnb {width:100%; position:absolute; left:0; top:0;}
#yeawons_gnb:before {content:''; display:block; width:100%; height:0; background:#fff; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0; opacity:0; transition:height 0.3s ease-in-out, opacity 0.2s ease-in-out;}
#yeawons_gnb:after {content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; left:50%; top:90px; transform:translateX(-50%); z-index:1; opacity:0; transition:opacity 0.2s ease-in-out;}
#yeawons_gnb > ul {display:flex; justify-content:center; width:1200px; position:relative; z-index:10; margin:0 auto;}
#yeawons_gnb > ul > li {width:130px; position:relative; text-align:center; transition:all 0.8s cubic-bezier(.7, .1, .2, 1);}
#yeawons_gnb > ul > li > a {display:block; font-size:1.25em; color:#fff; line-height:90px; font-weight:600; transition:color 0.3s;}
#yeawons_gnb > ul > li > ul {width:100%; height:0; position:absolute; left:0; top:100%; padding:30px 0; opacity:0; visibility:hidden; transition:all 0.2s 0s;}
#yeawons_gnb > ul > li > ul:before {content:''; display:block; width:0; height:3px; background:#00a5e4; position:absolute; left:50%; top:-1.5px; transform:translateX(-50%); transition:all 0.4s cubic-bezier(.7, 0, .2, 1)}
#yeawons_gnb > ul > li > ul > li {margin-bottom:15px;}
#yeawons_gnb > ul > li > ul > li:last-child {margin-bottom:0;}
#yeawons_gnb > ul > li > ul > li > a {display:inline-block; font-size:1em; color:#555; line-height:1.3em; font-weight:500; padding:5px 0; position:relative; transition:color 0.4s;}
#yeawons_gnb > ul > li > ul > li > a:after {content:''; display:block; width:0; height:1px; background:#00a5e4; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.4s;}
#yeawons_gnb > ul > li:hover > ul:before {width:100%;}
#yeawons_gnb > ul > li > ul > li > a:hover {color:#00a5e4;}
#yeawons_gnb > ul > li > ul > li > a:hover:after {width:100%;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:10; opacity:0; visibility:hidden; transition:all 0s; transition-property:opacity, visibility; transition-delay:1s;}
#all_gnb:before {content:''; display:block; width:46px; height:46px; background:#f9f9f9; border-radius:50%; position:absolute; left:calc(97% - 23px); top:46px; z-index:2; transform:translate(-50%, -50%) scale(0); transition:all 0.8s ease-in-out;}
#all_gnb > div {display:flex; align-items:center; width:88%; max-width:1700px; position:relative; z-index:10; margin-top:20px; opacity:0; visibility:hidden; transition:all 0.2s; transition-property:opacity, visibility;}
#all_gnb > div .img_box {width:560px; height:760px; background:url(../images/sitemap_img.jpg) no-repeat center center; background-size:cover; border-radius:10px 10px 90px 10px; overflow:hidden; opacity:0; transform:translateX(-60px);}
#all_gnb > div > ul {display:flex; flex-wrap:wrap; width:calc(100% - 560px); padding-left:50px;}
#all_gnb > div > ul > li {width:33.33%; padding:0 40px 100px 40px; border-left:1px solid rgba(0,0,0,0.1); position:relative;}
#all_gnb > div > ul > li:nth-child(3) ~ li {padding-bottom:0;}
#all_gnb > div > ul > li:before {content:''; display:block; width:3px; height:25px; background:#00a5e4; position:absolute; left:0; top:5px; transform:scaleY(0); transition:transform 0.4s;}
#all_gnb > div > ul > li > a {display:block; font-size:1.6875em; color:#00a5e4; line-height:1.2em; font-weight:600; opacity:0; transform:translateX(-20px);}
#all_gnb > div > ul > li > ul {margin-top:35px;}
#all_gnb > div > ul > li > ul > li {margin-bottom:10px;}
#all_gnb > div > ul > li > ul > li:last-child {margin-bottom:0;}
#all_gnb > div > ul > li > ul > li > a {display:block; font-size:1.125em; color:rgba(0,0,0,0.6); line-height:1.4em; opacity:0; transform:translateX(-20px);}
#all_gnb > div > ul > li:hover:before {transform:scaleY(1)}
#all_gnb > div > ul > li > ul > li > a:hover {color:#191919; font-weight:700;}

#menuToggle {display:block; width:36px; height:16px; position:relative; z-index:15;}
#menuToggle span {display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.6s;}
#menuToggle span:nth-child(1) {top:0;}
#menuToggle span:nth-child(2) {width:calc(100% - 8px); left:4px; top:50%; margin-top:-1px;}
#menuToggle span:nth-child(3) {bottom:0;}


#yeawons_header.scroll_on {background:rgba(0,10,40,0.8); backdrop-filter:blur(15px);}


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

#yeawons_header.active #yeawons_logo {background-image:url(../images/logo.svg)}

#yeawons_header.active #yeawons_gnb:before {height:450px; opacity:1;}
#yeawons_header.active #yeawons_gnb:after {opacity:1;}
#yeawons_header.active #yeawons_gnb > ul > li {width:20%}
#yeawons_header.active #yeawons_gnb > ul > li > a {color:#191919;}
#yeawons_header.active #yeawons_gnb > ul > li > ul {height:360px; opacity:1; visibility:visible; transition:height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s, visibility 0.5s ease-in-out 0.2s, background 0.3s;}

#yeawons_header.active #menuToggle span {background:#191919;}


#yeawons_header.on #yeawons_logo {background-image:url(../images/logo.svg)}

#yeawons_header.on #all_gnb {opacity:1; visibility:visible; transition-delay:0s;}
#yeawons_header.on #all_gnb > div {opacity:1; visibility:visible; transition-delay:0.5s;}
#yeawons_header.on #all_gnb:before {transform:translate(-50%, -50%) scale(150);}
#yeawons_header.on #all_gnb > div .img_box {opacity:1; transform:translateX(0); transition:all 1.4s 0.8s; transition-property:opacity, transform;}
#yeawons_header.on #all_gnb > div > ul > li > a {opacity:1; transform:translateX(0); transition:all 1s 0.8s; transition-property:opacity, transform;}
#yeawons_header.on #all_gnb > div > ul > li > ul > li > a {opacity:1; transform:translateX(0); transition:all 1s 1s; transition-property:opacity, transform;}

#yeawons_header.on #menuToggle span {background:#191919;}
#yeawons_header.on #menuToggle span:nth-child(1) {transform:translateY(7px) rotate(45deg)}
#yeawons_header.on #menuToggle span:nth-child(2) {width:0;}
#yeawons_header.on #menuToggle span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)}

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

@media screen and (max-width:1399px){
    #all_gnb > div .img_box {width:35%; height:42vw}
    #all_gnb > div > ul {width:65%}
}

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

    #yeawons_gnb > ul {width:88%; padding:0 40px 0 200px;}
    #yeawons_gnb > ul > li {width:15%;}
    #yeawons_gnb > ul > li > a {font-size:1.125em;}

    #all_gnb > div .img_box {display:none;}
    #all_gnb > div > ul {width:100%; padding-left:0;}
}

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

    #yeawons_logo {width:130px; height:33px;}

    #yeawons_gnb {display:none;}
    
    #all_gnb {display:block; padding:80px 6% 0;}
    #all_gnb > div > ul > li {width:100%; padding-bottom:0; border-left:0; padding:0 15px;}
    #all_gnb > div > ul > li:before {height:20px; top:13px;}
    #all_gnb > div > ul > li > a {font-size:1.4em; color:#191919; padding:10px 0;}
    #all_gnb > div > ul > li > ul {display:none; margin-top:0;}
    #all_gnb > div > ul > li > ul > li {margin-bottom:0;}
    #all_gnb > div > ul > li > ul > li > a {font-size:1em; padding:6px 0;}
	#all_gnb > div > ul > li.on > a, #all_gnb > div > ul > li:hover > a {color:#00a5e4;}
    #all_gnb > div > ul > li.on:before {transform:scaleY(1)}

    #menuToggle {width:24px; height:14px;}
    #menuToggle span:nth-child(2) {width:calc(100% - 6px); left:3px;}
    
    #yeawons_header.on #menuToggle span:nth-child(1) {transform:translateY(6px) rotate(45deg)}
    #yeawons_header.on #menuToggle span:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}
}

@media screen and (max-width:767px){
    #all_gnb > div > ul > li:before {height:17px;}
}


/* footer */
#yeawons_footer {width:100%; background:#fff; padding:50px 0 70px;}
#yeawons_footer > div {display:flex; flex-wrap:wrap;}
#yeawons_footer > div > div:nth-child(1) {width:calc(100% - 290px)}
#yeawons_footer > div > div:nth-child(2) {width:290px;}
#yeawons_footer .f_logo img {height:50px;}
#yeawons_footer .copy {font-size:1em; font-weight:600; margin-top:10px;}
#yeawons_footer .f_info {margin-top:20px;}
#yeawons_footer .f_info li {display:inline-block; font-size:1em; color:#666; margin-top:10px;}
#yeawons_footer .f_info li:before {content:''; display:inline-block; width:1px; height:15px; background:#a4a4a4; margin:0 15px; vertical-align:middle;}
#yeawons_footer .f_info li:first-child:before, #yeawons_footer .f_info br + li:before {display:none;}
#yeawons_footer .f_tel {display:flex; align-items:center; font-size:3.125em; font-weight:600; line-height:1.1em; font-family:'Poppins'}
#yeawons_footer .f_tel:before {content:'\f8d3'; font-size:0.6em; font-weight:900; font-family:'Font Awesome 6 Pro'; margin-right:15px;}
#yeawons_footer .f_time {margin-top:15px;}
#yeawons_footer .f_time li {font-size:1em; color:#666; line-height:1.55em;}
#yeawons_footer .f_member {text-align:right; margin-top:8px;}
#yeawons_footer .f_member a {display:inline-block; border:1px solid #666; line-height:24px; font-size:0.75em; color:#666; padding:0 10px; text-transform:uppercase; margin:2px 0;}

@media screen and (max-width:1520px){
    #yeawons_footer .f_info li {margin-right:10px;}
    #yeawons_footer .f_info li:before {display:none;}
}

@media screen and (max-width:1024px){
    #yeawons_footer {padding:5% 0;}
    #yeawons_footer > div > div:nth-child(1) {width:calc(100% - 220px);}
    #yeawons_footer > div > div:nth-child(2) {width:220px;}
    #yeawons_footer .f_logo img {height:35px;}
    #yeawons_footer .copy {font-size:0.9375em;}
    #yeawons_footer .f_info {margin-top:10px;}
    #yeawons_footer .f_info li {font-size:0.9375em; margin-top:7px}
    #yeawons_footer .f_tel {font-size:2.5em;}
    #yeawons_footer .f_time {margin-top:5px;}
    #yeawons_footer .f_time li {font-size:0.9375em;}
}

@media screen and (max-width:767px){
	#yeawons_footer > div {flex-direction:column-reverse; padding-bottom:40px;}
    #yeawons_footer > div > div:nth-child(1) {width:100%;}
    #yeawons_footer > div > div:nth-child(2) {width:100%; margin-bottom:3%; padding-bottom:3%;}
    #yeawons_footer .f_logo img {height:30px;}
    #yeawons_footer .copy {margin-top:5px;}
    #yeawons_footer .f_info {margin-top:5px;}
    #yeawons_footer .f_info li {margin-right:7px; margin-top:5px}
    #yeawons_footer .f_tel {font-size:1.8em;}
    #yeawons_footer .f_tel:before {font-size:0.7em; margin-right:10px;}
    #yeawons_footer .f_member {text-align:left; position:absolute; left:0; bottom:0;}
    #yeawons_footer .f_member a {line-height:20px;}
}


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

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

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

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

/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative; overflow:hidden;}
#mVisu .txt_box {text-align:center; position:relative; z-index:5;}
#mVisu .txt_box span {display:block;}
#mVisu .txt_box .tit {font-size:6.875em; color:#fff; line-height:1.4em; font-weight:600; font-family:'Poppins', 'Pretendard';}
#mVisu .txt_box .tit p {overflow:hidden;}
#mVisu .txt_box .tit p:last-child {margin-top:-40px;}
#mVisu .txt_box .txt {font-size:1.875em; color:#fff; line-height:1.5em; font-weight:600; margin-top:25px; overflow:hidden;}
#mVisu .video_box {width:100%; height:100%; position:absolute; left:0; top:0;}
#mVisu .video_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4); position:absolute; left:0; top:0; z-index:3;}
#mVisu .video_box iframe {width:120%; height:120%; min-width:1920px; min-height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mVisu .scroll_box {display:block; font-size:0.875em; color:#fff; font-family:'Poppins'; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:5;}
#mVisu .scroll_box i {display:block; width:3px; height:100px; margin:20px auto 0; position:relative; overflow:hidden;}
#mVisu .scroll_box i:before {content:''; display:block; width:3px; height:24px; background:#fff; position:absolute; left:0; top:-24px; animation:mVisuScroll 2s infinite ease-in-out;}
#mVisu .scroll_box i:after {content:''; display:block; width:1px; height:100%; background:rgba(255,255,255,0.5); margin:0 auto;}

@keyframes mVisuScroll {
    0% {top:-24px;}
    100% {top:100%;}
}

@media screen and (min-height:1080px){
    #mVisu .video_box iframe {min-width:3000px;}
}

@media screen and (max-width:1024px){
    #mVisu .txt_box .tit {font-size:5em;}
    #mVisu .txt_box .tit p:last-child {margin-top:-20px;}
    #mVisu .txt_box .txt {font-size:1.5em;}
    #mVisu .video_box iframe {min-width:1500px; min-height:1300px;}
    #mVisu .scroll_box i {height:70px; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box .tit p:last-child {margin-top:-10px;}
    #mVisu .txt_box .tit {font-size:2.8em;}
    #mVisu .txt_box .txt {font-size:1.125em; margin-top:15px;}
    #mVisu .video_box iframe {min-width:1400px; min-height:1000px;}
    #mVisu .scroll_box {height:65px;}
    #mVisu .scroll_box i:before {height:15px;}
    
    @keyframes mVisuScroll {
        0% {top:-15px;}
        100% {top:100%;}
    }
}


.main_title h2 {font-size:1.5em; color:#00a5e4; font-weight:600; line-height:1.2em; font-family:'Poppins', 'Pretendard'; margin-bottom:20px;}
.main_title .tit {font-size:3.75em; line-height:1.16em; font-weight:600;}
.main_title .txt {font-size:1.25em; color:#666; line-height:1.5em; margin-top:30px; word-break:break-all;}

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

@media screen and (max-width:767px){
    .main_title h2 {font-size:1.2em;}
    .main_title .tit {font-size:2em;}
    .main_title .txt {font-size:1em; margin-top:10px;}
}


#mAbout {width:100%; background:#040d17 url(../images/mAboutBG.png) no-repeat center top; background-size:cover; position:relative; padding:200px 0;}
#mAbout:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, #003d8d, #003d8d); background-blend-mode:soft-light; mix-blend-mode:soft-light; position:absolute; left:0; top:0; z-index:1;}
#mAbout:after {content:''; display:block; width:100%; height:500px; background-image:linear-gradient(to bottom, rgba(0,10,40,0), #000a28); position:absolute; left:0; bottom:0; z-index:2}
#mAbout > div {display:flex; justify-content:space-between; align-items:start; position:relative; z-index:5;}
#mAbout .tit_box {width:470px; position:sticky; left:0; top:100px; padding-top:50px; overflow:hidden;}
#mAbout .tit_box h2 {transform:translateX(-100%); transition:transform 0.5s ease-in-out}
#mAbout .tit_box .tit span {display:block; transform:translateX(-100%); transition:transform 0.5s ease-in-out}
#mAbout .tit_box .txt {transform:translateX(-100%); transition:transform 0.5s ease-in-out}
#mAbout ul {width:890px; position:relative;}
#mAbout ul:after {content:''; display:block; width:100%; clear:both;}
#mAbout ul li {float:right; width:calc(50% - 25px); height:600px; border-radius:50px; overflow:hidden; clear:both; margin-bottom:50px;}
#mAbout ul li:last-child {margin-bottom:0;}
#mAbout ul li:nth-child(2) {position:absolute; left:0; top:50%; transform:translateY(-50%)}
#mAbout ul li > div {width:100%; height:0; position:relative; overflow:hidden; transition:height 0.6s ease-in-out;}
#mAbout ul li.on > div {height:100%;}
#mAbout ul li > div .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; position:absolute; left:0; top:0;}
#mAbout ul li > div .img_box:before {content:''; display:block; width:100%; height:600px; background-image:linear-gradient(to bottom, #003d8d, rgba(0,61,141,0) 69%)}
#mAbout ul li > div dl {width:100%; padding-top:70px; text-align:center; position:relative; z-index:5;}
#mAbout ul li > div dl dt {font-size:1.25em; color:rgba(255,255,255,0.5); font-weight:500; font-family:'Poppins'}
#mAbout ul li > div dl dd {font-size:2.1875em; color:#fff; line-height:1.28em; font-weight:600; margin-top:15px;}

#mAbout .tit_box.on h2 {transform:translateX(0)}
#mAbout .tit_box.on .tit span {transform:translateX(0); transition-delay:0.2s;}
#mAbout .tit_box.on .tit span:nth-child(2) {transition-delay:0.4s;}
#mAbout .tit_box.on .txt {transform:translateX(0); transition-delay:0.6s;}

@media screen and (max-width:1520px){
    #mAbout ul {width:calc(100% - 520px)}
    #mAbout ul li {height:35vw;}
    #mAbout ul li > div .img_box:before {height:35vw;}
    #mAbout ul li > div dl {padding-top:5vw;}
}

@media screen and (max-width:1220px){
    #mAbout .tit_box {width:330px;}
    #mAbout .tit_box .txt br {display:none;}
    #mAbout ul {width:calc(100% - 360px)}
    #mAbout ul li {width:calc(50% - 15px); height:40vw; margin-bottom:30px;}
    #mAbout ul li > div .img_box:before {height:40vw;}
    #mAbout ul li > div dl dd {font-size:1.8em;}
}

@media screen and (max-width:1024px){
    #mAbout {padding:15% 0;}
    #mAbout .tit_box {width:280px; padding-top:30px;}
    #mAbout ul {width:calc(100% - 300px)}
    #mAbout ul li {width:calc(50% - 7.5px); border-radius:25px; margin-bottom:15px;}
    #mAbout ul li > div dl dt {font-size:1.125em;}
    #mAbout ul li > div dl dd {font-size:1.5em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mAbout > div {display:block;}
    #mAbout .tit_box {width:100%; position:relative; top:0; margin-bottom:5%; padding-top:0;}
    #mAbout ul {width:100%;}
    #mAbout ul li {width:calc(50% - 5px); height:60vw; border-radius:10px; margin-bottom:10px;}
    #mAbout ul li > div .img_box:before {height:60vw;}
    #mAbout ul li > div dl dt {font-size:1em;}
    #mAbout ul li > div dl dd {font-size:1.3em; margin-top:5px;}
}


#mPartner {width:100%; background:#000a28 url(../images/mPartnerBG.png) no-repeat center bottom; overflow:hidden; padding-bottom:410px; padding-top:100px;}
#mPartner h2 {font-size:5em; color:#fff; line-height:1.125em; font-weight:600; font-family:'Poppins'; text-align:center; text-shadow:0 0 20px #00a5e4}
#mPartner h2 span {display:block;}
#mPartner .txt {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500; text-align:center; margin-top:20px;}
.mPartner_slide_wrap {width:100%; margin-top:150px; position:relative;}
.mPartner_slide_wrap:before {content:''; display:block; width:30%; height:50px; max-width:500px; background-image:linear-gradient(to right, #000a28 13%, rgba(0,10,40,0) 64%); position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:30; opacity:0.9;}
.mPartner_slide_wrap:after {content:''; display:block; width:30%; height:50px; max-width:500px; background-image:linear-gradient(to right, #000a28 13%, rgba(0,10,40,0) 64%); position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(180deg); z-index:30; opacity:0.9;}
.mPartner_slide {position:relative;}
.mPartner_slide:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;}
.mPartner_slide .swiper-wrapper {transition-timing-function:linear;}
.mPartner_slide .swiper-slide {width:auto;}

@media screen and (max-width:1520px){
    #mPartner {padding-bottom:350px;}
    #mPartner {background-size:1600px auto;}
    .mPartner_slide_wrap {margin-top:100px;}
    .mPartner_slide_wrap:before, .mPartner_slide_wrap:after {width:20%;}
}

@media screen and (max-width:1024px){
    #mPartner {padding-bottom:35%; padding-top:10%; background-size:150% auto;}
    #mPartner h2 {font-size:3.8em; text-shadow:0 0 10px #00a5e4}
    #mPartner .txt {font-size:1.3em; margin-top:10px;}
    .mPartner_slide_wrap {margin-top:10%;}
    .mPartner_slide .swiper-slide img {height:40px;}
}

@media screen and (max-width:767px){
    #mPartner {background-size:160% auto;}
    #mPartner h2 {font-size:2.8em;}
    #mPartner .txt {font-size:1em;}
    .mPartner_slide .swiper-slide img {height:30px;}
    .mPartner_slide_wrap:before, .mPartner_slide_wrap:after {width:10%; height:30px;}
}


#mBusiness {width:100%; background:#fff; border-radius:70px 70px 0 0; position:relative; padding-top:70px;}
#mBusiness:before {content:''; display:block; width:100%; height:100%; background:#040d17; position:absolute; left:0; top:0; z-index:-1;}
#mBusiness .tit_box {background:#fff; margin-bottom:50px;}
#mBusiness .tit_box > div {display:flex; justify-content:space-between; align-items:center;}
#mBusiness .box > div {background:#fff; padding:70px 0; position:relative;}
#mBusiness .box > div:first-child {padding-top:0;}
#mBusiness .box > div:nth-child(1) ~ div {margin-top:-100px;}
#mBusiness .box > div > a {display:flex; justify-content:space-between; align-items:center;}
#mBusiness .box > div > a .main_title {width:calc(100% - 700px); padding-right:250px;}
#mBusiness .box > div > a .img_box {width:700px; height:400px; border-radius:30px; overflow:hidden;}
#mBusiness .box > div > a .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
#mBusiness .box > div > a:hover .img_box div {transform:scale(1.1)}

#mBusiness .box > div.box2, #mBusiness .box > div.box3 {border-radius:70px 70px 0 0;}
#mBusiness .box > div.box2 {background:#eff1f6}
#mBusiness .box > div.box3 {background:#00a5e4;}

@media screen and (max-width:1520px){
    #mBusiness .box > div > a .main_title {width:600px; padding-right:50px;}
    #mBusiness .box > div > a .img_box {width:calc(100% - 600px); height:27vw;}
}

@media screen and (max-width:1220px){
    #mBusiness .box > div > a .main_title {width:50%; padding-right:30px;}
    #mBusiness .box > div > a .img_box {width:50%;}
}

@media screen and (max-width:1024px){
    #mBusiness {border-radius:50px 50px 0 0; padding-top:50px;}
    #mBusiness .tit_box {margin-bottom:5%;}
    #mBusiness .box > div {padding:50px 0;}
    #mBusiness .box > div > a .main_title {padding-right:15px;}
    #mBusiness .box > div > a .img_box {border-radius:15px;}
    
    #mBusiness .box > div.box2, #mBusiness .box > div.box3 {border-radius:50px 50px 0 0;}
}

@media screen and (max-width:767px){
    #mBusiness {border-radius:30px 30px 0 0; padding-top:30px;}
    #mBusiness .tit_box {margin-bottom:2%;}
    #mBusiness .box > div {padding:30px 0;}
    #mBusiness .box > div > a {display:block;}
    #mBusiness .box > div > a .main_title {width:100%; padding-right:0;}
    #mBusiness .box > div > a .img_box {width:100%; height:47vw; border-radius:10px; margin-top:5%;}
    
    #mBusiness .box > div.box2, #mBusiness .box > div.box3 {border-radius:30px 30px 0 0;}
}


#mProducts {width:100%; background:#000a28; padding:200px 0; overflow:hidden;}
.mProducts_slide {width:1720px; margin:100px auto 0;}
.mProducts_slide .img_box {width:100%; height:320px; border-radius:30px; overflow:hidden;}
.mProducts_slide .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s}
.mProducts_slide p {font-size:1.5em; color:#fff; font-weight:600; text-align:center; margin-top:30px;}
.mProducts_slide a:hover .img_box div {transform:scale(1.1);}

@media screen and (max-width:1740px){
    .mProducts_slide {width:100%; padding:0 50px;}
    .mProducts_slide .img_box {height:19vw;}
}

@media screen and (max-width:1520px){
    .mProducts_slide {width:88%; padding:0;}
}

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

@media screen and (max-width:1024px){
    #mProducts {padding:15% 0;}
    .mProducts_slide {margin-top:6%;}
    .mProducts_slide .img_box {border-radius:15px;}
    .mProducts_slide p {font-size:1.3em; margin-top:15px;}
}

@media screen and (max-width:1024px){
    .mProducts_slide .img_box {height:50vw; border-radius:10px;}
    .mProducts_slide p {font-size:1.2em; margin-top:10px;}
}


#mNews {padding:200px 0;}
#mNews .main_title {position:relative;}
#mNews .main_title .yeawons_btn1 {position:absolute; right:0; bottom:0;}
#mNews ul {width:100%; margin-top:50px; overflow:hidden;}
#mNews ul li {float:right; width:calc(50% - 55px); margin-bottom:30px;}
#mNews ul li:last-child {margin-bottom:0;}
#mNews ul li a {display:flex; align-items:center; flex-wrap:wrap; flex-direction:row-reverse; width:100%;}
#mNews ul li .img_box {width:252px; height:165px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
#mNews ul li .txt_box {width:calc(100% - 252px); padding-right:50px;}
#mNews ul li .txt_box .subject {font-size:1.25em; line-height:1.5em; font-weight:600; max-height:3em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; transition:color 0.4s}
#mNews ul li .txt_box .date {font-size:1em; color:#a4a4a4; font-weight:500; margin-top:15px;}
#mNews ul li a:hover .txt_box .subject {color:#00a5e4;}
#mNews ul li:first-child {float:left; width:calc(50% - 15px); margin-bottom:0;}
#mNews ul li:first-child .img_box {width:100%; height:450px; border-radius:30px;}
#mNews ul li:first-child .txt_box {width:100%; padding-right:0; margin-top:30px;}
#mNews ul li:first-child .txt_box .subject {font-size:1.875em; line-height:1.33em; max-height:2.66em;}
#mNews ul li:first-child .txt_box .date {font-size:1.125em;}

@media screen and (max-width:1520px){
    #mNews ul li .img_box {width:40%; height:10vw;}
    #mNews ul li .txt_box {width:60%; padding-right:30px;}
    #mNews ul li:first-child {width:50%;}
    #mNews ul li:first-child .img_box {height:28vw;}
}

@media screen and (max-width:1024px){
    #mNews {padding:15% 0;}
    #mNews ul {margin-top:5%;}
    #mNews ul li {width:calc(50% - 25px); margin-bottom:15px;}
    #mNews ul li .img_box {border-radius:10px;}
    #mNews ul li .txt_box {padding-right:15px;}
    #mNews ul li .txt_box .subject {font-size:1.125em;}
    #mNews ul li .txt_box .date {margin-top:8px;}
    #mNews ul li:first-child .img_box {border-radius:15px;}
    #mNews ul li:first-child .txt_box {margin-top:15px;}
    #mNews ul li:first-child .txt_box .subject {font-size:1.5em}
    #mNews ul li:first-child .txt_box .date {font-size:1em;}
}

@media screen and (max-width:767px){
	#mNews .main_title .yeawons_btn1 {display:none;}
    #mNews ul li {display:none; width:100%;}
    #mNews ul li:first-child {display:block;width:100%;}
    #mNews ul li:first-child .img_box {height:52vw; border-radius:10px;}
    #mNews ul li:first-child .txt_box .subject {font-size:1.125em;}
}


#mContact {width:100%; height:250vh; background:#000a28; position:relative;}
#mContact .box {width:100%; height:100vh; position:sticky; left:0; top:0; overflow:hidden;}
#mContact .txt_box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:relative; z-index:10; text-align:center;}
#mContact .txt_box h2 {font-size:5em; color:#fff; font-weight:600; font-family:'Poppins';}
#mContact .txt_box p {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500; margin:10px 0 50px;}
#mContact .img_box {width:100%; height:100%; background:url(../images/mContactBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; transform:translateX(100%)}
#mContact .img_box:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.3;}

@media screen and (max-width:1024px){
    #mContact .txt_box h2 {font-size:4em;}
    #mContact .txt_box p {font-size:1.3em; margin:1% 0 5%;}
}

@media screen and (max-width:767px){
    #mContact .txt_box h2 {font-size:3em;}
    #mContact .txt_box p {font-size:1.125em;}
}


/* sub */
#sVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; border-radius:0 0 50px 50px; overflow:hidden; position:relative;}
#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,1.1); animation:sVisu 5s linear 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 .txt_box {position:relative; z-index:5; text-align:center;}
#sVisu .txt_box h2 {font-size:5.625em; color:#fff; font-weight:600; font-family:'Poppins'}
#sVisu .txt_box p {font-size:1.5em; color:#fff; font-weight:500; margin-top:5px;}

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

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

@media screen and (max-width:1024px){
    #sVisu {border-radius:0 0 40px 40px;}
    #sVisu .txt_box h2 {font-size:4.5em;}
    #sVisu .txt_box p {font-size:1.3em; margin-top:0;}
}

@media screen and (max-width:767px){
    #sVisu {height:300px;}
    #sVisu {border-radius:0 0 20px 20px;}
    #sVisu .txt_box h2 {font-size:3em;}
    #sVisu .txt_box p {font-size:1.125em;}
}


.sub_menu_wrap {width:100%; margin-top:-150px; position:relative; z-index:30;}
.sub_menu_wrap button {display:none;}
.sub_menu_wrap ul {width:100%; background:rgba(0,165,228,0.2); padding:10px; border-radius:40px;}
.sub_menu_wrap ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:60px; border-radius:30px; font-size:1.125em; color:rgba(255,255,255,0.5); font-weight:500; text-align:center; transition:all 0.5s; transition-property:background, color;}

.sub_menu_wrap2 {height:55px;}
.sub_menu_wrap2 > div {width:100%; overflow-x:auto; padding:0 50px;}
.sub_menu_wrap2 ul {text-align:center; white-space:nowrap;}
.sub_menu_wrap2 ul li {display:inline-block; width:180px; margin-right:5px;}
.sub_menu_wrap2 ul li:last-child {margin-right:0;}
.sub_menu_wrap2 ul li button {display:block; width:100%; height:55px; background:#eee; border-radius:28px; font-size:1.125em; color:#a4a4a4; transition:all 0.5s; transition-property:background, color;}
.sub_menu_wrap2 ul li.on button, .sub_menu_wrap2 ul li:hover button {background:#00a5e4; color:#fff; font-weight:500;}

.sub_menu_wrap2.scroll_on > div {background:#fff; padding-top:10px; padding-bottom:10px; position:fixed; left:0; top:0; z-index:100;}

@media screen and (min-width:768px){
    .sub_menu_wrap ul {display:flex !important;}

    .sub_menu_wrap.col2 ul li {width:50%;}
    .sub_menu_wrap.col3 ul li {width:33.33%;}
    .sub_menu_wrap.col4 ul li {width:25%;}
    .sub_menu_wrap.col6 ul li {width:16.66%;}
    .sub_menu_wrap.col7 ul li {width:14.28%;}

    .sub_menu_wrap ul li.on a, .sub_menu_wrap ul li:hover a {background:#00a5e4; color:#fff;}
}

@media screen and (max-width:1220px){
	.sub_menu_wrap2 > div {padding:0 6%;}
	.sub_menu_wrap2 ul li:last-child {margin-right:6%}
}

@media screen and (max-width:1024px){
    .sub_menu_wrap {margin-top:-100px}
    .sub_menu_wrap ul {padding:8px;}
    .sub_menu_wrap ul li a {height:44px; font-size:1em;}

	.sub_menu_wrap2 {height:45px;}
    .sub_menu_wrap2 ul li {width:150px;}
    .sub_menu_wrap2 ul li button {height:45px; font-size:1em;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {margin-top:-55px;}
    .sub_menu_wrap button {display:block; width:100%; height:40px; border-radius:20px; background:rgba(0,165,228,0.2); font-size:1em; color:#fff; font-weight:500; text-align:left; padding:0 15px; position:relative; z-index:10; transition:all 0.2s; transition-property:background, color; transition-delay:0.5s}
    .sub_menu_wrap 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_menu_wrap button.on {background:#fff; color:#191919; transition-duration:0s; transition-delay:0s;}
    .sub_menu_wrap button.on:after {content:'\f106'}
    .sub_menu_wrap ul {display:none; width:100%; background:#fff; border-radius:0 0 20px 20px; position:absolute; left:0; top:20px; padding:20px 0 5px; box-shadow:0 0 10px rgba(25,25,25,0.1)}
    .sub_menu_wrap ul li a {display:block; height:auto; border-radius:0; color:#191919; text-align:left; padding:10px 25px;}

    .sub_menu_wrap ul li.on a, .sub_menu_wrap ul li:hover a {color:#00a5e4;}
	
	.sub_menu_wrap2 {height:32px;}
    .sub_menu_wrap2 ul li {width:auto; margin-right:2px;}
    .sub_menu_wrap2 ul li button {height:32px; padding:0 14px;}
}


#sub_content {width:100%; padding:150px 0; border-bottom:1px solid #ccc; overflow:hidden;}

.sub_title {text-align:center;}
.sub_title span {display:block; font-size:1.5em; color:#00a5e4; font-weight:600; font-family:'Poppins'; margin-bottom:20px;}
.sub_title h3 {font-size:3.75em; line-height:1.2em ;font-weight:600;}

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

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

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

    .sub_title span {font-size:1.3em; margin-bottom:1%;}
    .sub_title h3 {font-size:2.8em;}

    .s_tit1 {font-size:1.8em;}

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

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

    .s_tit1 {font-size:1.6em;}

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


.sub_img_box1 {width:100%; height:400px; border-radius:30px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.sub_img_box2 img {max-width:100%;}

.sub_img_box3 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sub_img_box3 > div {width:calc(50% - 10px)}
.sub_img_box3 > div:nth-child(2) ~ div {margin-top:50px;}
.sub_img_box3 > div .img_box {width:100%; height:400px; border-radius:30px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_img_box3 > div dl {margin-top:30px;}
.sub_img_box3 > div dl dt {font-size:1.375em; font-weight:600;}
.sub_img_box3 > div dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}

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

@media screen and (max-width:1024px){
    .sub_img_box1 {height:30vw; border-radius:15px;}

    .sub_img_box3 > div {width:calc(50% - 5px)}
    .sub_img_box3 > div:nth-child(2) ~ div {margin-top:5%;}
    .sub_img_box3 > div .img_box {border-radius:15px;}
    .sub_img_box3 > div dl {margin-top:15px;}
    .sub_img_box3 > div dl dt {font-size:1.2em;}
    .sub_img_box3 > div dl dd {font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sub_img_box1 {height:35vw; border-radius:10px;}

    .sub_img_box3 > div {width:100%}
    .sub_img_box3 > div:nth-child(1) ~ div {margin-top:5%;}
    .sub_img_box3 > div .img_box {height:52vw; border-radius:10px;}
    .sub_img_box3 > div dl {margin-top:3%;}
    .sub_img_box3 > div dl dt {font-size:1.125em;}
    .sub_img_box3 > div dl dd {font-size:1em;}
}


.sub_list_box1 li {font-size:1.25em; color:#666; line-height:2em; padding-left:19px; position:relative;}
.sub_list_box1 li:before {content:''; display:block; width:4px; height:4px; background:#00a5e4; border-radius:50%; position:absolute; left:0; top:19px;}

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

@media screen and (max-width:767px){
    .sub_list_box1 li {font-size:1em; padding-left:10px;}
    .sub_list_box1 li:before {width:3px; height:3px; top:12px;}
}


.sub_scroll_box {display:none;}

@media screen and (max-width:767px){
    .sub_scroll_box {display:flex; justify-content:end; margin-bottom:2%;}
    .sub_scroll_box p {font-size:0.875em; color:#666; margin-right:10px;}
    .sub_scroll_box div {width:50px; position:relative; margin-top:2px;}
    .sub_scroll_box div:before {content:''; display:block; width:100%; height:3px; background:#ccc; border-radius:5px; position:absolute; left:4px; right:0;}
    .sub_scroll_box div i {display:block; width:25px; font-size:1.5em; color:#aaa; text-align:center; position:relative; margin-top:-1px; padding-top:10px; animation:moveScrollAni 3s both infinite;}
    .sub_scroll_box div i:after {content:''; display:block; width:100%; height:5px; background:rgba(0,0,0,0.7); border-radius:5px; position:absolute; left:0; top:0;}

    @keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -20px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}



.sAbout_case1 {display:flex; align-items:center; width:100%; height:600px; background:url(../images/sAbout_img1_1.png) no-repeat center center; border-radius:30px; margin-top:100px; position:relative; padding:0 170px 0 800px;}
.sAbout_case1 .img_box {width:800px; position:absolute; left:0; bottom:0; padding-left:200px;}
.sAbout_case1 .txt_box .tit1 {font-size:2.5em; line-height:1.25em; font-weight:600; margin-bottom:25px;}
.sAbout_case1 .txt_box .tit1 span {color:#00a5e4}
.sAbout_case1 .txt_box .txt1 {font-size:1.25em; color:#666; line-height:1.5em; margin-top:15px; word-break:break-all;}
.sAbout_case1 .txt_box .name {font-size:1.25em; font-weight:500; text-align:right; margin-top:30px;}
.sAbout_case1 .txt_box .name strong {font-size:1.2em; font-weight:600;}

.sAbout_case2 {display:flex; align-items:center;}
.sAbout_case2 .txt_box {width:50%; padding-top:100px; padding-right:20px;}
.sAbout_case2 .txt_box dl {display:flex; flex-wrap:wrap; padding-left:60px; position:relative; margin-bottom:50px;}
.sAbout_case2 .txt_box dl:before {content:''; width:2px; height:50px; background:#00a5e4; position:absolute; left:0px; top:0; z-index:3;}
.sAbout_case2 .txt_box dl:after {content:''; width:1px; height:100%; background:#ccc; position:absolute; left:0px; top:0; z-index:0;}
.sAbout_case2 .txt_box dl dt {width:100px; font-size:1.25em; font-weight:600; line-height:1.5em; margin-bottom:25px;}
.sAbout_case2 .txt_box dl dd {width:calc(100% - 100px); font-size:1.25em; color:#666; line-height:1.5em; margin-bottom:25px;}
.sAbout_case2 .txt_box dl dd span {font-size:0.88em; color:#a4a4a4; margin-left:10px;}
.sAbout_case2 .txt_box dl dt:last-of-type, .sAbout_case2 .txt_box dl dd:last-of-type {margin-bottom:0;}
.sAbout_case2 .img_box {width:50%;}
.sAbout_case2 .img_box img {max-width:100%;}

.sAbout_case3 > div {margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid #ccc;}
.sAbout_case3 > div:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.sAbout_case3 > div .s_tit1 {width:100%;}
.sAbout_case3 .box1 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sAbout_case3 .box1 > div {width:calc(50% - 10px)}
.sAbout_case3 .box1 > div:first-of-type ~ div {margin-top:50px;}
.sAbout_case3 .box1 > div.w_100 {width:100%;}
.sAbout_case3 .box1 > div .img_box {display:flex; justify-content:center; align-items:center; width:100%; border:1px solid #ccc; border-radius:30px; padding:30px 0;}
.sAbout_case3 .box1 > div .img_box.case2 {background:url(../images/sAbout_img3.png) no-repeat center center; background-size:cover; padding:100px 0;}
.sAbout_case3 .box1 > div .img_box img {max-width:100%;}
.sAbout_case3 .box1 > div .t1 {font-size:1.375em; font-weight:600; margin-top:20px;}
.sAbout_case3 .box1 > div .t2 {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px; word-break:break-all;}
.sAbout_case3 .box2 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sAbout_case3 .box2 > div {display:flex; align-items:center; width:calc(50% - 10px)}
.sAbout_case3 .box2 > div .color_box {width:230px; height:200px; border-radius:30px; padding:30px;}
.sAbout_case3 .box2 > div .color_box p {font-size:1.25em; color:#fff; font-weight:600;}
.sAbout_case3 .box2 > div .txt_box {width:calc(100% - 230px); padding-left:50px;}
.sAbout_case3 .box2 > div .txt_box .t1 {font-size:1.375em; font-weight:600; line-height:1.45em;}
.sAbout_case3 .box2 > div .txt_box .t2 {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px; word-break:break-all; margin-top:10px;}
.sAbout_case3 .box2 > div .txt_box dl {margin-top:25px; overflow:hidden;}
.sAbout_case3 .box2 > div .txt_box dl dt {float:left; width:65px; font-size:1.125em; font-weight:500; line-height:1.55em;}
.sAbout_case3 .box2 > div .txt_box dl dd {float:left; width:calc(100% - 65px); font-size:1.125em; color:#666; line-height:1.55em;}

@media screen and (max-width:1520px){
    .sAbout_case1 {padding:0 100px 0 600px;}
    .sAbout_case1 .img_box {width:600px; text-align:center; padding-left:50px;}
    .sAbout_case1 .txt_box .tit1 br {display:none;}
}

@media screen and (max-width:1220px){
    .sAbout_case1 {padding:0 50px 0 450px;}
    .sAbout_case1 .img_box {width:450px; padding-left:50px;}
    .sAbout_case1 .img_box img {width:100%;}
    .sAbout_case1 .txt_box .txt1 {font-size:1.125em; margin-top:10px;}

    .sAbout_case3 .box2 > div {width:100%; margin-bottom:30px;}
    .sAbout_case3 .box2 > div:last-child {margin-bottom:0;}
}

@media screen and (max-width:1024px){
    .sAbout_case1 {height:auto; border-radius:15px; padding:10% 35px 10% 40%; margin-top:7%;}
    .sAbout_case1 .img_box {width:40%; padding-left:15px;}
    .sAbout_case1 .txt_box .tit1 {font-size:1.8em; margin-bottom:15px;}
    .sAbout_case1 .txt_box .txt1 {margin-top:5px;}
    .sAbout_case1 .txt_box .name {font-size:1.125em; margin-top:15px;}

    .sAbout_case2 .txt_box {padding-top:7%;}
    .sAbout_case2 .txt_box dl {padding-left:20px; margin-bottom:30px;}
    .sAbout_case2 .txt_box dl dt {width:80px; font-size:1.125em; margin-bottom:15px;}
    .sAbout_case2 .txt_box dl dd {width:calc(100% - 80px); font-size:1.125em; margin-bottom:15px;}

    .sAbout_case3 > div {margin-bottom:10%; padding-bottom:10%;}
    .sAbout_case3 .box1 > div {width:calc(50% - 5px)}
    .sAbout_case3 .box1 > div:first-of-type ~ div {margin-top:30px;}
    .sAbout_case3 .box1 > div .img_box {border-radius:15px;}
    .sAbout_case3 .box1 > div .img_box.case2 img {max-height:150px;}
    .sAbout_case3 .box1 > div .t1 {font-size:1.25em; margin-top:15px;}
    .sAbout_case3 .box1 > div .t2 {font-size:1.125em; margin-top:5px;}
    .sAbout_case3 .box1 > div .t2 br {display:none;}

    .sAbout_case3 .box2 > div {margin-bottom:3%;}
    .sAbout_case3 .box2 > div .color_box {width:170px; height:150px; border-radius:15px; padding:15px;}
    .sAbout_case3 .box2 > div .color_box p {font-size:1.125em;}
    .sAbout_case3 .box2 > div .txt_box {width:calc(100% - 170px); padding-left:25px;}
    .sAbout_case3 .box2 > div .txt_box .t1 {font-size:1.25em;}
    .sAbout_case3 .box2 > div .txt_box .t2 {font-size:1.125em; margin-top:5px;}
    .sAbout_case3 .box2 > div .txt_box dl {margin-top:15px;}
    .sAbout_case3 .box2 > div .txt_box dl dt {width:50px; font-size:1em;}
    .sAbout_case3 .box2 > div .txt_box dl dd {width:calc(100% - 50px); font-size:1em;}
}

@media screen and (max-width:767px){
    .sAbout_case1 {display:block; height:auto; background:none; border-radius:0; padding:0;}
    .sAbout_case1 .img_box {width:100%; padding-left:15px; position:relative;}
    .sAbout_case1 .img_box:before {content:''; display:block; width:100%; height:83%; background:url(../images/sAbout_img1_1.png) no-repeat center bottom; border-radius:10px; position:absolute; left:0; bottoM:0;}
    .sAbout_case1 .img_box img {width:70%; position:relative; z-index:2;}
    .sAbout_case1 .txt_box {width:100%; margin-top:5%;}
    .sAbout_case1 .txt_box .tit1 {font-size:1.5em; margin-bottom:3%;}
    .sAbout_case1 .txt_box .tit1 br {display:block;}
    .sAbout_case1 .txt_box .txt1 {font-size:1em; margin-top:1.5%;}
    .sAbout_case1 .txt_box .name {font-size:1em; margin-top:3%;}

	.sAbout_case2 {flex-direction:column-reverse;}
    .sAbout_case2 .txt_box {width:100%; padding-right:0; padding-top:0;}
    .sAbout_case2 .txt_box dl {padding-left:15px; margin-bottom:5%;}
    .sAbout_case2 .txt_box dl:before {height:30px;}
    .sAbout_case2 .txt_box dl dt {width:60px; font-size:1em; margin-bottom:7px;}
    .sAbout_case2 .txt_box dl dd {width:calc(100% - 60px); font-size:1em; margin-bottom:7px;}
    .sAbout_case2 .img_box {width:100%; margin-bottom:4%;}
    
    .sAbout_case3 .box1 > div {width:100%}
    .sAbout_case3 .box1 > div:first-of-type ~ div {margin-top:20px;}
    .sAbout_case3 .box1 > div .img_box {border-radius:10px; padding:4% 3%;}
    .sAbout_case3 .box1 > div .img_box.case2 {padding:15% 3%;}
    .sAbout_case3 .box1 > div .img_box.case2 img {max-height:80px;}
    .sAbout_case3 .box1 > div .t1 {font-size:1.125em; margin-top:10px;}
    .sAbout_case3 .box1 > div .t2 {font-size:1em;}
    .sAbout_case3 .box1 > div .t2 br {display:none;}
    
    .sAbout_case3 .box2 > div .color_box {width:120px; height:100px; border-radius:10px; padding:10px;}
    .sAbout_case3 .box2 > div .txt_box {width:calc(100% - 120px); padding-left:25px;}
    .sAbout_case3 .box2 > div .txt_box .t1 {font-size:1.125em;}
    .sAbout_case3 .box2 > div .txt_box .t2 {font-size:1em; margin-top:0;}
    .sAbout_case3 .box2 > div .txt_box dl {margin-top:10px;}
    .sAbout_case3 .box2 > div .txt_box dl dt {width:40px;}
    .sAbout_case3 .box2 > div .txt_box dl dd {width:calc(100% - 40px);}
}


.sVision_case1 .tit {display:inline-block; background:rgba(0,165,228,0.2); border-radius:30px; font-size:1.375em; color:#00a5e4; font-weight:600; padding:15px 30px; margin-bottom:70px;}
.sVision_case1 .img_box {margin-bottom:100px;}
.sVision_case1 .img_box:last-child {margin-bottom:0;}
.sVision_case1 .img_box img {max-width:100%;}

.sVision_case2 {width:100%; background:#fbfbfb; padding:150px 0;}
.sVision_case2 .img_box {width:100%; text-align:center;}
.sVision_case2 .txt_box {margin-top:100px;}
.sVision_case2 .txt_box .s_txt1 {margin-bottom:15px;}
.sVision_case2 .txt_box .s_txt1:last-child {margin-bottom:0;}

.sVision_slide {width:100%; margin-top:70px;}
.sVision_slide .swiper-slide {display:flex; align-items:center; height:200px; padding-left:60px; border-radius:30px;}
.sVision_slide .swiper-slide .icon {display:block; width:80px; height:80px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.sVision_slide .swiper-slide dl {width:calc(100% - 60px); padding-left:30px;}
.sVision_slide .swiper-slide dl dt {font-size:1.875em; color:#fff; font-weight:600;}
.sVision_slide .swiper-slide dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:10px;}

.sVision_slide .swiper-slide:nth-child(1) {background:#0b71d8}
.sVision_slide .swiper-slide:nth-child(2) {background:#00a5e4}
.sVision_slide .swiper-slide:nth-child(3) {background:#00d0a8}

.sVision_slide .swiper-slide .icon1 {background-image:url(../images/sVision_icon1.png)}
.sVision_slide .swiper-slide .icon2 {background-image:url(../images/sVision_icon2.png)}
.sVision_slide .swiper-slide .icon3 {background-image:url(../images/sVision_icon3.png)}

.sVision_case3 {display:flex; justify-content:center; align-items:center; width:100%; height:500px; background:url(../images/sVision_img4.jpg) no-repeat center center; background-size:cover; position:relative;}
.sVision_case3:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4); position:absolute; left:0; top:0; z-index:0;}
.sVision_case3 > div {position:relative; z-index:5;}
.sVision_case3 span {display:block; font-size:1.5em; color:rgba(255,255,255,0.5); font-weight:600; font-family:'Poppins'; text-align:center; margin-bottom:20px;}

@media screen and (max-width:1220px){
    .sVision_slide .swiper-slide {padding:0 20px;}
}

@media screen and (max-width:1024px){
    .sVision_case1 .tit {font-size:1.25em; padding:10px 15px; margin-bottom:30px;}
    .sVision_case1 .img_box {margin-bottom:10%;}

    .sVision_case2 {padding:15% 0;}
    .sVision_case2 .img_box img {width:420px;}
    .sVision_case2 .txt_box {margin-top:7%;}
    .sVision_case2 .txt_box .s_txt1 {margin-bottom:1.5%;}

    .sVision_slide {margin-top:5%;}
    .sVision_slide .swiper-slide {width:calc(33.33% - 6.66px); height:140px; border-radius:15px;}
    .sVision_slide .swiper-slide .icon {width:60px; height:60px;}
    .sVision_slide .swiper-slide dl {width:calc(100% - 60px); padding-left:20px;}
    .sVision_slide .swiper-slide dl dt {font-size:1.5em;}
    .sVision_slide .swiper-slide dl dd {font-size:1em; margin-top:5px;}

    .sVision_case3 {height:auto; padding:15% 0;}
    .sVision_case3 span {font-size:1.3em; margin-bottom:2%;}
}

@media screen and (max-width:767px){
    .sVision_case1 {overflow:hidden;}
    .sVision_case1 .tit {font-size:1.125em; padding:7px 13px; margin-bottom:5%;}
    
    .sVision_case2 .img_box img {width:250px;}
    .sVision_slide .swiper-slide {width:230px; height:auto; border-radius:10px; padding:20px 15px}
    .sVision_slide .swiper-slide:last-child {margin-bottom:0;}
    .sVision_slide .swiper-slide .icon {width:45px; height:45px;}
    .sVision_slide .swiper-slide dl {width:calc(100% - 45px); padding-left:15px;}
    .sVision_slide .swiper-slide dl dt {font-size:1.4em;}

    .sVision_case3 span {font-size:1.2em;}
}


.sHistory_case1 {width:100%; position:relative; margin-bottom:20%;}
.sHistory_case1 .bar_box {width:3px; height:100%; background:#e2e2e2; position:absolute; left:50%; top:0; margin-left:1.5px;}
.sHistory_case1 .bar_box .bar {width:100%; height:0; background:#00a5e4; position:absolute; left:0; top:0; transition:height 0.3s;}
.sHistory_case1 .bar_box .bar:after {content:''; display:block; width:60px; height:60px; background:#00a5e4 url(../images/sHistory_icon.svg) no-repeat center center; border-radius:50%; box-shadow:3px 3px 20px rgba(0,165,228,0.3); position:absolute; left:50%; bottom:0; transform:translate(-50%, 50%)}
.sHistory_case1 .list_box > div {display:flex; justify-content:space-between; width:100%; margin-bottom:180px;}
.sHistory_case1 .list_box > div:last-child {margin-bottom:0;}
.sHistory_case1 .list_box > div .year {width:calc(50% - 100px); font-size:5em; font-weight:600; line-height:1em; font-family:'Poppins'; text-align:right;}
.sHistory_case1 .list_box > div dl {width:calc(50% - 100px); overflow:hidden;}
.sHistory_case1 .list_box > div dl dt {float:left; width:45px; font-size:1.25em; line-height:2em; font-weight:600; clear:both;}
.sHistory_case1 .list_box > div dl dd {float:left; width:calc(100% - 45px); font-size:1.25em; color:#666; line-height:2em;}

@media screen and (max-width:1220px){
    .sHistory_case1 .list_box > div .year {width:calc(50% - 70px)}
    .sHistory_case1 .list_box > div dl {width:calc(50% - 70px)}
}

@media screen and (max-width:1024px){
    .sHistory_case1 .bar_box .bar:after {width:50px; height:50px; background-size:10px auto;}
    .sHistory_case1 .list_box > div {margin-bottom:15%;}
    .sHistory_case1 .list_box > div .year {font-size:3em;}
    .sHistory_case1 .list_box > div dl dt {width:35px; font-size:1.125em;}
    .sHistory_case1 .list_box > div dl dd {width:calc(100% - 35px); font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sHistory_case1 .bar_box {left:0; margin-left:0;}
    .sHistory_case1 .bar_box .bar:after {width:32px; height:32px; background-size:8px auto;}
    .sHistory_case1 .list_box > div {display:block; padding-left:40px;}
    .sHistory_case1 .list_box > div .year {width:100%; font-size:2.2em; text-align:left; margin-bottom:2%;}
    .sHistory_case1 .list_box > div dl {width:100%;}
    .sHistory_case1 .list_box > div dl dt {width:25px; font-size:1em;}
    .sHistory_case1 .list_box > div dl dd {width:calc(100% - 25px); font-size:1em;}
}


.sCertification_case1 {display:flex; flex-wrap:wrap; width:100%;}
.sCertification_case1 > div {width:calc(33.33% - 14px); border:1px solid #ccc; margin-right:21px;}
.sCertification_case1 > div:nth-child(3n) {margin-right:0;}
.sCertification_case1 > div:nth-child(3) ~ div {margin-top:24px;}
.sCertification_case1 > div img {max-width:100%;}

.sCertification_case2 {width:100%; border-top:2px solid #191919;}
.sCertification_case2 tbody th {width:250px; background:#fbfbfb; border-bottom:1px solid #ccc; font-size:1.375em; font-weight:600; text-align:center; padding:50px 20px;}
.sCertification_case2 tbody td {border-bottom:1px solid #ccc; padding:50px;}
.sCertification_case2 tbody td ul li {font-size:1.25em; color:#666; line-height:2em; padding-left:19px; position:relative;}
.sCertification_case2 tbody td ul li:before {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; left:0; top:18px;}
.sCertification_case2 tbody td div {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCertification_case2 tbody td div ul {width:calc(50% - 30px)}

.sCertification_case3 {display:flex; flex-wrap:wrap; width:100%;}
.sCertification_case3 > div {width:calc(25% - 15px); margin-right:20px;}
.sCertification_case3 > div:nth-child(4n) {margin-right:0;}
.sCertification_case3 > div:nth-child(4) ~ div {margin-top:50px;}
.sCertification_case3 > div .img img {max-width:100%}
.sCertification_case3 > div p {font-size:1.25em; font-weight:500; line-height:1.5em; margin-top:15px; text-align:center;}

.sCertification_slide .img img {max-width:100%;}
.sCertification_slide dl {text-align:center; margin-top:20px;}
.sCertification_slide dl dt {font-size:1.25em; font-weight:600;}
.sCertification_slide dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:5px;}

@media screen and (max-width:1220px){
    .sCertification_case2 tbody th {width:200px;}
    .sCertification_case2 tbody td div ul {width:calc(50% - 15px)}
}

@media screen and (max-width:1024px){
    .sCertification_case1 > div {width:calc(33.33% - 6.66px); margin-right:10px;}
    .sCertification_case1 > div:nth-child(3) ~ div {margin-top:10px;}

    .sCertification_case2 tbody th {width:150px; font-size:1.2em; padding:20px;}
    .sCertification_case2 tbody td {padding:20px;}
    .sCertification_case2 tbody td ul li {font-size:1.125em; padding-left:15px;}
    .sCertification_case2 tbody td ul li:before {top:14px;}
    .sCertification_case2 tbody td div ul {width:calc(50% - 5px)}

    .sCertification_case3 > div {width:calc(25% - 7.5px); margin-right:10px;}
    .sCertification_case3 > div:nth-child(4) ~ div {margin-top:30px;}
    .sCertification_case3 > div p {font-size:1.125em; margin-top:10px;}

    .sCertification_slide dl {margin-top:15px;}
    .sCertification_slide dl dt {font-size:1.125em;}
    .sCertification_slide dl dd {font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sCertification_case1 > div {width:calc(50% - 5px)}
    .sCertification_case1 > div:nth-child(3n) {margin-right:10px;}
    .sCertification_case1 > div:nth-child(2n) {margin-right:0;}
    .sCertification_case1 > div:nth-child(2) ~ div {margin-top:10px;}

    .sCertification_case2 tbody th {width:80px; font-size:1.125em; padding:15px;}
    .sCertification_case2 tbody td {padding:15px;}
    .sCertification_case2 tbody td ul li {font-size:1em; padding-left:10px;}
    .sCertification_case2 tbody td ul li:before {width:3px; height:3px; top:12px;}
    .sCertification_case2 tbody td div ul {width:100%}

    .sCertification_case3 > div {width:calc(50% - 5px)}
    .sCertification_case3 > div:nth-child(even) {margin-right:0;}
    .sCertification_case3 > div:nth-child(2) ~ div {margin-top:6%;}
    .sCertification_case3 > div p {font-size:1em; margin-top:5px;}

    .sCertification_slide dl {margin-top:10px;}
    .sCertification_slide dl dd {font-size:1em; margin-top:3px;}
}


.sWorkplace_case1 > div {margin-bottom:100px;}
.sWorkplace_case1 > div:last-child {margin-bottom:0;}
.sWorkplace_case1 > div dl {width:100%; margin-top:30px; overflow:hidden;}
.sWorkplace_case1 > div dl dt {float:left; width:90px; font-size:1.25em; font-weight:600; margin-bottom:15px; clear:both;}
.sWorkplace_case1 > div dl dd {float:left; width:calc(100% - 90px); font-size:1.25em; color:#666; margin-bottom:15px;}
.sWorkplace_case1 > div dl dt:last-of-type, .sWorkplace_case1 > div dl dd:last-of-type {margin-bottom:0;}
.sWorkplace_case1 > div dl dd a {color:#666;}
.sWorkplace_case1 > div .img {width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px;}

.sWorkplace_case1 > div.case2 {display:flex; justify-content:space-between;}
.sWorkplace_case1 > div.case2 .txt_box {width:calc(100% - 664px)}
.sWorkplace_case1 > div.case2 .txt_box ul {width:386px; margin-top:50px;}
.sWorkplace_case1 > div.case2 .txt_box ul li {margin-bottom:21px;}
.sWorkplace_case1 > div.case2 .txt_box ul li:last-child {margin-bottom:0;}
.sWorkplace_case1 > div.case2 .img_box {display:flex; align-items:end; width:665px;}
.sWorkplace_case1 > div.case2 .sWorkplace_slide {display:none;}

.sWorkplace_slide {width:100%; margin-top:50px;}

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

    .sWorkplace_case1 > div.case2 .txt_box {width:33%;}
    .sWorkplace_case1 > div.case2 .txt_box ul {width:100%;}
    .sWorkplace_case1 > div.case2 .img_box {width:calc(67% - 30px)}
    .sWorkplace_case1 > div.case2 .img_box img {width:100%;}
}

@media screen and (max-width:1024px){
    .sWorkplace_case1 > div {margin-bottom:10%;}
    .sWorkplace_case1 > div dl {margin-top:15px;}
    .sWorkplace_case1 > div dl dt {width:70px; font-size:1.125em; margin-bottom:10px;}
    .sWorkplace_case1 > div dl dd {width:calc(100% - 70px); font-size:1.125em; margin-bottom:10px;}
    .sWorkplace_case1 > div .img {border-radius:15px;}

    .sWorkplace_case1 > div.case2 .txt_box {width:40%;}
    .sWorkplace_case1 > div.case2 .txt_box ul {width:28vw; margin-top:25px;}
    .sWorkplace_case1 > div.case2 .txt_box ul li {margin-bottom:10px;}
    .sWorkplace_case1 > div.case2 .img_box {width:57%}

    .sWorkplace_slide {margin-top:5%;}
}


@media screen and (max-width:767px){
    .sWorkplace_case1 > div dl {margin-top:2%;}
    .sWorkplace_case1 > div dl dt {width:50px; font-size:1em; margin-bottom:5px;}
    .sWorkplace_case1 > div dl dd {width:calc(100% - 50px); font-size:1em; margin-bottom:5px;}
    .sWorkplace_case1 > div .img {border-radius:10px; height:27vw;}

    .sWorkplace_case1 > div.case2 {display:block;}
    .sWorkplace_case1 > div.case2 .txt_box {width:100%;}
    .sWorkplace_case1 > div.case2 .txt_box ul {display:flex; justify-content:space-between; width:100%; margin-top:3%; display:none;}
    .sWorkplace_case1 > div.case2 .txt_box ul li {width:calc(50% - 2.5px); margin-bottom:0;}
    .sWorkplace_case1 > div.case2 .img_box {display:none;}
	.sWorkplace_case1 > div.case2 .sWorkplace_slide {display:block;}

    .sWorkplace_slide {margin-top:3%;}
}


.sLocation_case1 .map_box {width:100%; height:600px; background:#fbfbfb; border-radius:30px; overflow:hidden;}
.sLocation_case1 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 .info_box {display:flex; justify-content:space-between; margin-top:50px;}
.sLocation_case1 .info_box .add {font-size:2.5em; line-height:1.25em; font-weight:600;}
.sLocation_case1 .info_box > div {display:flex;}
.sLocation_case1 .info_box > div dl {display:flex; margin-right:30px;}
.sLocation_case1 .info_box > div dl:last-child {margin-right:0;}
.sLocation_case1 .info_box > div dl dt {font-size:1.25em; font-weight:600; margin-right:10px;}
.sLocation_case1 .info_box > div dl dd {font-size:1.25em; color:#666;}
.sLocation_case1 .info_box > div dl dd a {color:#666;}

@media screen and (max-width:1220px){
    .sLocation_case1 .info_box {display:block;}
    .sLocation_case1 .info_box > div {margin-top:20px;}
}

@media screen and (max-width:1024px){
    .sLocation_case1 .map_box {height:400px; border-radius:15px;}
    .sLocation_case1 .info_box {margin-top:5%;}
    .sLocation_case1 .info_box .add {font-size:2em;}
    .sLocation_case1 .info_box > div {margin-top:2%;}
    .sLocation_case1 .info_box > div dl {margin-right:20px;}
    .sLocation_case1 .info_box > div dl dt {font-size:1.125em;}
    .sLocation_case1 .info_box > div dl dd {font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sLocation_case1 .map_box {height:200px; border-radius:10px;}
    .sLocation_case1 .info_box .add {font-size:1.5em;}
    .sLocation_case1 .info_box > div {display:block;}
    .sLocation_case1 .info_box > div dl {margin-right:0; margin-bottom:1.5%;}
    .sLocation_case1 .info_box > div dl:last-child {margin-bottom:0;}
    .sLocation_case1 .info_box > div dl dt {font-size:1em; margin-right:5px;}
    .sLocation_case1 .info_box > div dl dd {font-size:1em;}
}


.sConsulting_case1 {counter-reset:counter;}
.sConsulting_case1 > div {margin-bottom:100px;}
.sConsulting_case1 > div:last-child {margin-bottom:0;}
.sConsulting_case1 > div .s_tit1 {margin-bottom:25px;}
.sConsulting_case1 > div .s_tit1:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; color:#00a5e4; margin-right:15px;}
.sConsulting_case1 > div ul {display:flex; justify-content:space-between; flex-wrap:wrap; counter-reset:counter; width:100%; margin-top:50px; position:relative;}
.sConsulting_case1 > div ul:before {content:''; width:100%; height:1px; background:#e2e2e2; position:absolute; left:0; top:125px;}
.sConsulting_case1 > div ul li {width:250px;}
.sConsulting_case1 > div ul li .tit {display:flex; justify-content:center; align-items:center; width:100%; height:268px; background:#fff no-repeat center top; background-size:100% auto; font-size:1.375em; color:#fff; font-weight:600; line-height:1.45em; text-align:center; padding-bottom:18px; position:relative; margin-bottom:30px;}
.sConsulting_case1 > div ul li .tit:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:flex; justify-content:center; align-items:center; width:85px; height:85px; font-size:1.09em; font-weight:700; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:10;}
.sConsulting_case1 > div ul li .txt {display:flex; align-items:center; width:100%; height:calc(100% - 298px); background:#fbfbfb; border-radius:10px; font-size:1.125em; color:#666; line-height:1.55em; text-align:center; word-break:break-all; padding:15px 20px;}

.sConsulting_case1 > div ul li:nth-child(1) .tit {background-image:url(../images/sConsulting_icon1.svg);}
.sConsulting_case1 > div ul li:nth-child(1) .tit:before {color:#00a5e4;}
.sConsulting_case1 > div ul li:nth-child(2) .tit {background-image:url(../images/sConsulting_icon2.svg);}
.sConsulting_case1 > div ul li:nth-child(2) .tit:before {color:#4588f4;}
.sConsulting_case1 > div ul li:nth-child(3) .tit {background-image:url(../images/sConsulting_icon3.svg);}
.sConsulting_case1 > div ul li:nth-child(3) .tit:before {color:#4257c4;}
.sConsulting_case1 > div ul li:nth-child(4) .tit {background-image:url(../images/sConsulting_icon4.svg);}
.sConsulting_case1 > div ul li:nth-child(4) .tit:before {color:#19448a;}

.sConsulting_case2.bg1 {background:#fbfbfb; padding:150px 0;}
.sConsulting_case2 .box {margin-bottom:100px;}
.sConsulting_case2 .box:last-of-type {margin-bottom:0;}
.sConsulting_case2 .box .tit {font-size:1.375em; font-weight:600; margin-bottom:30px;}
.sConsulting_case2 .box img {max-width:100%;}
.sConsulting_case2 .box .video {width:100%; padding-bottom:56.3%; position:relative;}
.sConsulting_case2 .box .video iframe {width:100%; height:100%; position:absolute; left:0; bottom:0;}

.sConsulting_slide1 {padding-bottom:38px; position:relative;}
.sConsulting_slide1 .swiper-slide img {width:100%;}
.sConsulting_slide1.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sConsulting_slide1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:8px; height:8px; background:#e2e2e2; border-radius:50%; opacity:1; margin:0 7.5px;}
.sConsulting_slide1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#191919;}

.sConsulting_slide2 {padding-bottom:38px; position:relative;}
.sConsulting_slide2 .swiper-slide img {width:100%;}
.sConsulting_slide2.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sConsulting_slide2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:8px; height:8px; background:#e2e2e2; border-radius:50%; opacity:1; margin:0 7.5px;}
.sConsulting_slide2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#191919;}

@media screen and (max-width:1220px){
    .sConsulting_case1 > div ul:before {top:100px;}
    .sConsulting_case1 > div ul li {width:200px;}
    .sConsulting_case1 > div ul li .tit {height:214px;}
    .sConsulting_case1 > div ul li .tit:before {width:66px; height:66px;}
    .sConsulting_case1 > div ul li .txt {height:calc(100% - 244px)}
}

@media screen and (max-width:1024px){
    .sConsulting_case1 > div {margin-bottom:10%;}
    .sConsulting_case1 > div .s_tit1 {margin-bottom:2%;}
    .sConsulting_case1 > div ul {margin-top:5%;}
    .sConsulting_case1 > div ul:before {top:10vw;}
    .sConsulting_case1 > div ul li {width:calc(25% - 7.5px)}
    .sConsulting_case1 > div ul li .tit {height:22.5vw; font-size:1.125em; padding-bottom:2vw; margin-bottom:15px;}
    .sConsulting_case1 > div ul li .tit:before {width:7.5vw; height:7.5vw;}
    .sConsulting_case1 > div ul li .txt {height:calc(100% - 22.5vw - 15px); font-size:1em; padding:10px 15px;}

    .sConsulting_case2.bg1 {padding:15% 0;}
    .sConsulting_case2 .box {margin-bottom:10%;}
    .sConsulting_case2 .box .tit {font-size:1.2em; margin-bottom:3%;}
    
    .sConsulting_slide1 {padding-bottom:30px;}
    .sConsulting_slide1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; margin:0 5px;}
    
    .sConsulting_slide2 {padding-bottom:30px;}
    .sConsulting_slide2.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; margin:0 5px;}
}

@media screen and (max-width:767px){
    .sConsulting_case1 > div ul:before {display:none;}
    .sConsulting_case1 > div ul li {width:calc(50% - 5px);}
    .sConsulting_case1 > div ul li:nth-child(2) ~ li {margin-top:5%;}
    .sConsulting_case1 > div ul li .tit {width:140px; height:150px; padding-bottom:12px; margin:0 auto 15px;}
    .sConsulting_case1 > div ul li .tit:before {width:45px; height:45px;}
    .sConsulting_case1 > div ul li .txt {height:calc(100% - 165px);}
}


.sIntroducing_case1 > div {margin-bottom:100px;}
.sIntroducing_case1 > div:last-child {margin-bottom:0;}
.sIntroducing_case1 > div .img_box {width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px;}
.sIntroducing_case1 > div .txt_box {margin-top:50px; position:relative; padding-right:260px;}
.sIntroducing_case1 > div .txt_box .s_tit1 {margin-bottom:20px;}
.sIntroducing_case1 > div .txt_box .yeawons_btn2 {position:absolute; right:0; top:0;}

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

@media screen and (max-width:1024px){
    .sIntroducing_case1 > div {margin-bottom:10%;}
    .sIntroducing_case1 > div .img_box {border-radius:15px;}
    .sIntroducing_case1 > div .txt_box {margin-top:5%; padding-right:200px;}
    .sIntroducing_case1 > div .txt_box .s_tit1 {margin-bottom:2%;}
}

@media screen and (max-width:767px){
    .sIntroducing_case1 > div .img_box {border-radius:10px;}
    .sIntroducing_case1 > div .txt_box {padding-right:0; overflow:hidden;}
    .sIntroducing_case1 > div .txt_box .yeawons_btn2 {margin:20px auto 0; position:relative;}
}


.sSeeing_case1 {width:100%; background:#fbfbfb; border-radius:30px; padding:70px 120px;}
.sSeeing_case1 .img_box {display:flex; justify-content:space-between; align-items:center; margin:30px 0;}
.sSeeing_case1 .img_box .icon {display:block; width:50px; height:25px; background:url(../images/sSeeing_icon1.png) no-repeat center center; background-size:contain;}
.sSeeing_case1 .img_box .icon:last-of-type {transform:rotate(180deg)}

.sSeeing_case2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sSeeing_case2 > div {width:100%; margin-bottom:100px;}
.sSeeing_case2 > div:last-child {margin-bottom:0;}
.sSeeing_case2 > div.w_50 {width:calc(50% - 10px)}
.sSeeing_case2 > div .tit {font-size:1.375em; font-weight:600; margin-bottom:30px;}

.sSeeing_case3 {overflow-x:auto;}
.sSeeing_case3 table {width:100%; min-width:580px; border-top:2px solid #191919;}
.sSeeing_case3 table thead th {background:#eee; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1.25em; font-weight:600; text-align:center; padding:30px 20px;}
.sSeeing_case3 table thead th:first-child {border-left:0;}
.sSeeing_case3 table thead th:last-child {background:rgba(0,165,228,0.1); color:#00a5e4;}
.sSeeing_case3 table tbody th {background:#fbfbfb; border-bottom:1px solid #ccc; font-size:1.25em; font-weight:500; text-align:center; padding:20px 10px;}
.sSeeing_case3 table tbody td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1.25em; color:#666; line-height:1.5em; text-align:center; padding:20px 10px;}

.sSeeing_case4 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sSeeing_case4  > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:calc(16.66% - 30px); height:170px; background:rgba(0,165,228,0.1); border-radius:30px;}
.sSeeing_case4 .icon {display:block; width:70px; height:70px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.sSeeing_case4 p {font-size:1.125em; font-weight:600; text-align:center; margin-top:15px; padding:0 5px;}

.sSeeing_case4 .icon1 {background-image:url(../images/sSeeing_icon2_1.png)}
.sSeeing_case4 .icon2 {background-image:url(../images/sSeeing_icon2_2.png)}
.sSeeing_case4 .icon3 {background-image:url(../images/sSeeing_icon2_3.png)}
.sSeeing_case4 .icon4 {background-image:url(../images/sSeeing_icon2_4.png)}
.sSeeing_case4 .icon5 {background-image:url(../images/sSeeing_icon2_5.png)}
.sSeeing_case4 .icon6 {background-image:url(../images/sSeeing_icon2_6.png)}

.sSeeing_slide2 {text-align:center;}
.sSeeing_slide2 img {max-width:100%;}
.sSeeing_slide2 p {font-size:1.125em; color:#666; margin-top:20px;}

@media screen and (max-width:1220px){
    .sSeeing_case1 {padding:70px;}
    .sSeeing_case1 .img_box .img1 {width:calc(30% - 60px);}
    .sSeeing_case1 .img_box .img2 {width:calc(40% - 60px);}

    .sSeeing_case4 > div {width:calc(16.66% - 16.66px); height:13vw;}
}

@media screen and (max-width:1024px){
    .sSeeing_case1 {padding:35px; border-radius:15px;}
    .sSeeing_case1 .img_box {margin:20px 0;}
    .sSeeing_case1 .img_box .icon {width:40px; height:20px;}
    .sSeeing_case1 .img_box .img1 {width:calc(30% - 50px);}
    .sSeeing_case1 .img_box .img2 {width:calc(40% - 50px);}

    .sSeeing_case2 > div {margin-bottom:10%;}
    .sSeeing_case2 > div.w_50 {width:calc(50% - 5px)}
    .sSeeing_case2 > div .tit {font-size:1.2em; margin-bottom:15px;}

    .sSeeing_case3 table thead th {font-size:1.125em; padding:15px 10px;}
    .sSeeing_case3 table tbody th {font-size:1.125em; padding:13px 10px;}
    .sSeeing_case3 table tbody td {font-size:1.125em; padding:13px 10px;}

    .sSeeing_case4 > div {width:calc(16.66% - 8.33px); border-radius:15px;}
    .sSeeing_case4 .icon {width:50px; height:50px;}
    .sSeeing_case4 p {font-size:1em; margin-top:10px;}

    .sSeeing_slide2 p {font-size:1em; margin-top:15px;}
}

@media screen and (max-width:767px){
    .sSeeing_case1 {padding:25px 15px; border-radius:10px; overflow-x:auto;}
	.sSeeing_case1 > div {min-width:520px;}
    .sSeeing_case1 .img_box {margin:20px 0;}
    .sSeeing_case1 .img_box .icon {width:25px; height:13px; margin:15px auto;}
    .sSeeing_case1 .img_box .img1 {width:120px;}
    .sSeeing_case1 .img_box .img2 {width:190px;}

    .sSeeing_case2 > div.w_50 {width:calc(50% - 2.5px);}
    .sSeeing_case2 > div .tit {margin-bottom:10px}

    .sSeeing_case3 table thead th {font-size:1em; padding:12px 10px;}
    .sSeeing_case3 table tbody th {font-size:1em; padding:10px 10px;}
    .sSeeing_case3 table tbody td {font-size:1em; padding:10px 10px;}

    .sSeeing_case4 > div {width:calc(33.33% - 3.33px); height:26.5vw; border-radius:10px;}
	.sSeeing_case4 > div:nth-child(3) ~ div {margin-top:5px;}
    .sSeeing_case4 .icon {width:45px; height:45px;}

    .sSeeing_slide2 .swiper-slide {width:170px;}
}


.sMaintenance_case1 > div {margin-bottom:50px;}
.sMaintenance_case1 > div:last-child {margin-bottom:0;}
.sMaintenance_case1 > div .tit {display:inline-block; background:rgba(0,165,228,0.2); border-radius:30px; font-size:1.375em; color:#00a5e4; font-weight:600; padding:15px 30px; margin-bottom:30px;}

.sMaintenance_case2 table {width:100%; border-top:2px solid #00a5e4;}
.sMaintenance_case2 table thead tr:first-child th {background:rgba(0,165,228,0.1); border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1.25em; color:#00a5e4; font-weight:600; text-align:center; padding:30px 20px;}
.sMaintenance_case2 table thead tr:last-child th {background:#fbfbfb; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1.25em; font-weight:500; text-align:center; padding:20px 10px;}
.sMaintenance_case2 table thead tr th:first-child {border-left:0;}
.sMaintenance_case2 table tbody td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1.25em; color:#666; line-height:1.5em; text-align:center; padding:20px 10px;}
.sMaintenance_case2 table tbody td:first-child {border-left:0;}

.sMaintenance_slide1 .swiper-wrapper {align-items:normal;}
.sMaintenance_slide1 .swiper-slide {height:auto; background:#fbfbfb; border-radius:30px; padding:40px 40px 60px;}
.sMaintenance_slide1 .icon {display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:30px;}
.sMaintenance_slide1 dl dt {font-size:1.375em; font-weight:600;}
.sMaintenance_slide1 dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px; word-break:break-all;}

.sMaintenance_slide1 .icon1 {background-image:url(../images/sMaintenance_icon1_1.png)}
.sMaintenance_slide1 .icon2 {background-image:url(../images/sMaintenance_icon1_2.png)}
.sMaintenance_slide1 .icon3 {background-image:url(../images/sMaintenance_icon1_3.png)}
.sMaintenance_slide1 .icon4 {background-image:url(../images/sMaintenance_icon1_4.png)}
.sMaintenance_slide1 .icon5 {background-image:url(../images/sMaintenance_icon1_5.png)}
.sMaintenance_slide1 .icon6 {background-image:url(../images/sMaintenance_icon1_6.png)}

.sMaintenance_slide2 {width:calc(100% + 58px); margin-left:-29px;}
.sMaintenance_slide2 .swiper-slide {width:12.5%; position:relative;}
.sMaintenance_slide2 .swiper-slide:after {content:'\f0da'; font-size:1.5em; color:#ccc; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:100%; top:50px; transform:translate(-50%, -50%)}
.sMaintenance_slide2 .swiper-slide:last-child:after {display:none;}
.sMaintenance_slide2 .icon {display:block; width:100px; height:100px; background-color:#00a5e4; background-repeat:no-repeat; background-position:center center; border-radius:50px; background-size:40px auto; margin:0 auto;}
.sMaintenance_slide2 p {font-size:1.25em; font-weight:600; text-align:center; margin-top:15px;}
.sMaintenance_slide2 .swiper-slide.case2 {width:62.5%}
.sMaintenance_slide2 .swiper-slide.case2 p {position:relative; margin-top:38px;}
.sMaintenance_slide2 .swiper-slide.case2 p:before {content:''; display:block; width:100%; height:2px; background:#00a5e4; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.sMaintenance_slide2 .swiper-slide.case2 p:after {content:'\f0da'; font-size:1.5em; color:#00a5e4; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.sMaintenance_slide2 .swiper-slide.case2 p span {background:#fff; padding:0 26px; position:relative; z-index:5;}
.sMaintenance_slide2 .swiper-slide.case3:after {display:none;}

.sMaintenance_slide2 .icon1 {background-image:url(../images/sMaintenance_icon2_1.png)}
.sMaintenance_slide2 .icon2 {background-image:url(../images/sMaintenance_icon2_2.png)}
.sMaintenance_slide2 .icon3 {background-image:url(../images/sMaintenance_icon2_3.png)}
.sMaintenance_slide2 .icon4 {background-image:url(../images/sMaintenance_icon2_4.png)}
.sMaintenance_slide2 .icon5 {background-image:url(../images/sMaintenance_icon2_5.png)}
.sMaintenance_slide2 .icon6 {background-image:url(../images/sMaintenance_icon2_6.png)}
.sMaintenance_slide2 .icon7 {background-image:url(../images/sMaintenance_icon2_7.png)}
.sMaintenance_slide2 .icon8 {background-image:url(../images/sMaintenance_icon2_8.png)}

@media screen and (max-width:1024px){
    .sMaintenance_case1 > div {margin-bottom:0; margin-top:10%;}
    .sMaintenance_case1 > div .tit {font-size:1.2em; padding:10px 15px; margin-bottom:3.5%;}

    .sMaintenance_case2 table thead tr:first-child th {font-size:1.125em; padding:15px 10px;}
    .sMaintenance_case2 table thead tr:last-child th {font-size:1.125em; padding:12px 10px;}
    .sMaintenance_case2 table tbody td {font-size:1.125em; padding:12px 10px;}

    .sMaintenance_slide1 .swiper-slide {border-radius:15px; padding:25px;}
    .sMaintenance_slide1 .icon {width:40px; height:40px; margin-bottom:15px;}
    .sMaintenance_slide1 dl dt {font-size:1.2em;}
    .sMaintenance_slide1 dl dd {font-size:1.125em; margin-top:5px;}

    .sMaintenance_slide2 {width:100%; margin-left:0;}
    .sMaintenance_slide2 .swiper-slide {width:80px;}
    .sMaintenance_slide2 .swiper-slide:after {font-size:1.3em; left:calc(100% + 20px); top:40px;}
    .sMaintenance_slide2 .icon {width:80px; height:80px; background-size:30px auto;}
    .sMaintenance_slide2 p {font-size:1.125em; margin-top:10px;}
    .sMaintenance_slide2 .swiper-slide.case2 p {margin-top:28px;}
    .sMaintenance_slide2 .swiper-slide.case2 p:after {font-size:1.3em;}
}

@media screen and (max-width:767px){
    .sMaintenance_case1 > div .tit {font-size:1.125em; padding:7px 12px;}

    .sMaintenance_case2 table thead tr:first-child th {font-size:1em; padding:10px;}
    .sMaintenance_case2 table thead tr:last-child th {font-size:1em; padding:10px;}
    .sMaintenance_case2 table tbody td {font-size:1em; padding:10px;}

    .sMaintenance_slide1 .swiper-slide {width:85%; border-radius:10px; padding:6% 5%;}
    .sMaintenance_slide1 .icon {width:35px; height:35px;}
    
    .sMaintenance_slide2 .swiper-slide {width:60px;}
    .sMaintenance_slide2 .swiper-slide:after {font-size:1.2em; left:calc(100% + 15px); top:30px;}
    .sMaintenance_slide2 .icon {width:60px; height:60px; background-size:24px auto;}
    .sMaintenance_slide2 p {font-size:1em;}
    .sMaintenance_slide2 .swiper-slide.case2 p {margin-top:24px;}
    .sMaintenance_slide2 .swiper-slide.case2 p span {padding:0 15px;}
    .sMaintenance_slide2 .swiper-slide.case2 p:after {font-size:1.2em;}
}


.sContact_case1:after {content:''; display:block; width:100%; clear:both;}
.sContact_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sContact_case1 .form_box > div {width:calc(50% - 10px); margin-bottom:30px;}
.sContact_case1 .form_box > div.w_100 {width:100%;}
.sContact_case1 .form_box > div > label {display:block; font-size:1.25em; font-weight:600; margin-bottom:15px;}
.sContact_case1 .form_box > div .form_txt {display:block; width:100%; height:61px; background:#fff; border:1px solid #ccc; border-radius:10px; font-size:1.125em; padding:0 20px;}
.sContact_case1 .form_box > div .form_txt::placeholder {color:#ccc;}
.sContact_case1 .form_box > div .form_txt::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box > div .form_txt:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box > div .form_txt:focus {outline:none; border:2px solid #00a5e4 !important; box-shadow:3px 3px 10px rgba(0,165,228,0.2) !important}
.sContact_case1 .form_box > div .form_textarea {display:block; width:100%; height:300px; background:#fff; border:1px solid #ccc; border-radius:10px; font-size:1.125em; padding:20px; resize:none;}
.sContact_case1 .form_box > div .form_textarea::placeholder {color:#ccc;}
.sContact_case1 .form_box > div .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box > div .form_textarea:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box > div .form_textarea:focus {outline:none; border:2px solid #00a5e4 !important; box-shadow:3px 3px 10px rgba(0,165,228,0.2) !important}

.sContact_case1 .form_box .file_box {display:flex; justify-content:space-between; width:100%; position:relative;}
.sContact_case1 .form_box .file_box input[type="file"] {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.sContact_case1 .form_box .file_box .form_txt {width:calc(100% - 167px)}
.sContact_case1 .form_box .file_box button {display:block; width:162px; height:61px; background:#191919; border-radius:10px; font-size:1.125em; color:#fff; font-weight:500;}

.sContact_case1 .privacy_box {width:100%; height:150px; background:#f8f8f8; border-radius:10px; padding:20px;}
.sContact_case1 .privacy_box p {font-size:1.125em; color:#666; line-height:1.55em;}

.sContact_case1 .check_box {position:relative; margin-top:20px;}
.sContact_case1 .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.sContact_case1 .check_box label {display:flex; align-items:start;}
.sContact_case1 .check_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:28px; height:28px; background:#fff; border:2px solid #ccc; border-radius:50%; font-size:0.875em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .check_box label span {font-size:1.125em; font-weight:500; line-height:28px; padding-left:10px;}
.sContact_case1 .check_box input:checked + label:before {background:#00a5e4; border-color:#00a5e4}

.sContact_case1 .yeawons_btn2 {float:right; margin-top:50px;}


@media screen and (max-width:1024px){
    .sContact_case1 .form_box > div {width:calc(50% - 5px); margin-bottom:30px;}
    .sContact_case1 .form_box > div label {font-size:1.125em; margin-bottom:10px;}
    .sContact_case1 .form_box > div .form_txt {height:50px; font-size:1em; padding:0 15px;}
    .sContact_case1 .form_box > div .form_textarea {height:200px; font-size:1em; padding:15px;}

    .sContact_case1 .form_box .file_box .form_txt {width:calc(100% - 145px)}
    .sContact_case1 .form_box .file_box button {width:140px; height:50px; font-size:1em;}

    .sContact_case1 .privacy_box {height:120px; padding:15px;}
    .sContact_case1 .privacy_box p {font-size:1em;}

	.sContact_case1 .yeawons_btn2 {margin-top:7%;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box > div {width:100%; margin-bottom:5%;}
    .sContact_case1 .form_box > div label {font-size:1em; margin-bottom:5px;}
    .sContact_case1 .form_box > div .form_txt {height:38px; border-radius:5px; padding:0 10px;}
    .sContact_case1 .form_box > div .form_textarea {height:130px; border-radius:5px; padding:10px;}
    
    .sContact_case1 .form_box .file_box .form_txt {width:calc(100% - 85px)}
    .sContact_case1 .form_box .file_box button {width:80px; height:38px; border-radius:5px;}

    .sContact_case1 .privacy_box {height:100px; border-radius:5px; padding:10px;}

    .sContact_case1 .check_box {margin-top:10px;}
    .sContact_case1 .check_box label:before {width:22px; height:22px;}
    .sContact_case1 .check_box label span {line-height:22px; padding-left:5px;}
}