@charset "utf-8";

.metadrone_btn1 {display:flex; justify-content:space-between; align-items:center; width:220px; height:67px; border:2px solid #fff; border-radius:34px; font-size:1.125em; color:#fff; font-weight:600; padding:0 30px; transition:all 0.5s; transition-property:background, border, color;}
.metadrone_btn1:after {content:'\e09f'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.metadrone_btn1:hover {background:#0098ee; border-color:#0098ee; color:#fff;}
.metadrone_btn1.case2 {background:#0098ee; border-color:#0098ee; color:#fff;}
.metadrone_btn1.case2:hover {background:#1130b4; border-color:#1130b4;}

.metadrone_btn2 {display:inline-block; font-size:1.125em; color:#666; font-weight:600; transition:color 0.5s}
.metadrone_btn2:after {content:'\e09f'; display:inline-block; width:29px; height:29px; background:#666; border-radius:50%; font-size:0.66em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; line-height:29px; margin-left:10px; text-align:center; vertical-align:middle; transition:background 0.5s, color 0.5s;}
.metadrone_btn2:hover {color:#0098ee;}
.metadrone_btn2:hover:after {background:#0098ee;}
.metadrone_btn2.case2 {color:#fff;}
.metadrone_btn2.case2:after {background:#fff; color:#191919;}
.metadrone_btn2.case2:hover {color:#0098ee;}
.metadrone_btn2.case2:hover:after {background:#0098ee; color:#fff;}

@media screen and (max-width:1024px){
    .metadrone_btn1 {width:170px; height:52px; font-size:1em; padding:0 15px;}

    .metadrone_btn2 {font-size:1em;}
    .metadrone_btn2:after {width:24px; height:24px; line-height:24px;}
}

@media screen and (max-width:767px){
    .metadrone_btn1 {width:140px; height:42px;}
    
    .metadrone_btn2:after {width:20px; height:20px; line-height:20px; margin-left:5px;}

}


/* header */
#metadrone_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:120px; position:fixed; left:0; top:0; padding:0 50px; transition:all 0.5s; transition-property:height, background, backdrop-filter; z-index:300;}
#metadrone_header .box {display:flex; align-items:center;}
#metadrone_header.scroll_none {position:absolute;}

#metadrone_header .h_store {display:block; width:182px; line-height:53px; background:rgba(255,255,255,0.3); border-radius:27px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; margin-right:30px; transition:background 0.5s; position:relative; z-index:8;}
#metadrone_header .h_store:after {content:'\e09f'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
#metadrone_header .h_store:hover {background:#0098ee}

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

#metadrone_gnb {width:100%; position:absolute; left:0; top:0;}
#metadrone_gnb > ul {display:flex; justify-content:center; width:100%;}
#metadrone_gnb > ul > li {position:relative;}
#metadrone_gnb > ul > li > a {display:block; font-size:1.25em; color:#fff; line-height:120px; font-weight:600; padding:0 35px; transition:line-height 0.5s, color 0.4s;}
#metadrone_gnb > ul > li > ul {display:none; background:#0098ee; position:absolute; left:50%; top:90%; transform:translateX(-50%); text-align:center; padding:14px 0;}
#metadrone_gnb > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#fff; font-weight:300; padding:8px 25px; white-space:nowrap;}
#metadrone_gnb > ul > li > ul > li > a:hover {font-weight:500;}
#metadrone_gnb > ul > li:hover > a {color:#0098ee !important;}
#metadrone_gnb > ul > li:hover > ul {display:block;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#fff url(../images/sitemap_bg.jpg) no-repeat left bottom; position:fixed; left:0; top:0; z-index:8; opacity:0; visibility:hidden; transition:all 0.6s; transition-property:opacity, visibility;}
#all_gnb > div {width:81%; position:relative;}
#all_gnb .menu_box {width:100%; position:relative;}
#all_gnb .menu_box > ul {counter-reset:counter;}
#all_gnb .menu_box > ul > li {margin-bottom:25px;}
#all_gnb .menu_box > ul > li:last-child {margin-bottom:0;}
#all_gnb .menu_box > ul > li:before {content:counter(counter); counter-increment:counter; display:block; font-size:1em; font-weight:300; line-height:1em; font-familY:'Roboto'; margin-bottom:-10px;}
#all_gnb .menu_box > ul > li > a {display:block; font-size:3.125em; line-height:1.2em; font-weight:600; padding-left:15px;}
#all_gnb .menu_box > ul > li > ul {position:absolute; left:45%; top:0; opacity:0; visibility:hidden; transition:all 0.6s; transition-property:left, opacity, visibility;}
#all_gnb .menu_box > ul > li > ul > li {margin-bottom:15px;}
#all_gnb .menu_box > ul > li > ul > li:last-child {margin-bottom:0;}
#all_gnb .menu_box > ul > li > ul > li > a {font-size:1.25em; color:#919191;}
#all_gnb .menu_box > ul > li > ul > li > a:hover {color:#0098ee;}
#metadrone_header.on #all_gnb .menu_box > ul > li.on > ul {left:50%; opacity:1; visibility:visible;}
#all_gnb .info_box {display:flex; flex-wrap:wrap; width:270px; position:absolute; right:0; top:0;}
#all_gnb .info_box dl {width:100%; margin-bottom:20px;}
#all_gnb .info_box dl.col2 {width:calc(50% - 15px)}
#all_gnb .info_box dl dt {font-size:1em; font-weight:500; font-familY:'Roboto', 'Pretendard'; margin-bottom:10px;}
#all_gnb .info_box dl dd {font-size:1em; color:#666; line-height:1.5em; font-familY:'Roboto', 'Pretendard';}
#all_gnb .info_box dl dd a {color:#666;}
#all_gnb .info_box dl dd.icon {display:flex;}
#all_gnb .info_box dl dd.icon a {display:flex; justify-content:center; align-items:center; width:46px; height:46px; background:#191919; border-radius:50%; font-size:1.125em; color:#fff; margin-right:5px; transition:background 0.5s;}
#all_gnb .info_box dl dd.icon a:hover {background:#0098ee;}

#menuToggle {display:flex; justify-content:space-between; flex-direction:column; width:24px; height:24px; font-size:1.875em; position:relative; z-index:10; transition:transform 0.6s;}
#menuToggle span {display:flex; justify-content:space-between; width:100%;}
#menuToggle span:before, #menuToggle span:after {content:''; display:block; width:8px; height:8px; background:#fff; border-radius:50%;}

#metadrone_header.scroll_on {background:rgba(255,255,255,0.8); backdrop-filter:blur(20px)}
#metadrone_header.scroll_on .h_store {background:#0098ee;}
#metadrone_header.scroll_on #metadrone_logo {background-image:url(../images/logo.png)}
#metadrone_header.scroll_on #metadrone_gnb > ul > li > a {color:#191919; line-height:100px;}
#metadrone_header.scroll_on #menuToggle span:before, #metadrone_header.scroll_on #menuToggle span:after {background:#191919;}

#metadrone_header.on #metadrone_logo {background-image:url(../images/logo.png)}
#metadrone_header.on #all_gnb {opacity:1; visibility:visible;}
#metadrone_header.on #menuToggle:after {content:'\f00d'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#metadrone_header.on #menuToggle span {display:none;}

@media screen and (min-width:1025px){
    #menuToggle:hover {transform:rotate(45deg)}

    #metadrone_header.scroll_on {height:100px;}
}

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

    #metadrone_header .h_store {width:160px; line-height:48px; font-size:1em;}

    #metadrone_gnb > ul > li > a {font-size:1em; padding:0 16px;}

    #all_gnb > div {width:88%;}
}

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

    #metadrone_header .h_store {width:120px; font-size:0.875em; line-height:38px; margin-right:20px;}
    #metadrone_header .h_store:after {margin-left:5px;}

    #metadrone_logo {width:111px; height:45px;}

    #metadrone_gnb {display:none;}

    #all_gnb {background-size:auto 70%; align-items:start; padding-top:100px;}
    #all_gnb .menu_box > ul > li {margin-bottom:20px;}
    #all_gnb .menu_box > ul > li:before {font-size:0.875em; margin-bottom:-5px;}
    #all_gnb .menu_box > ul > li > a {font-size:1.8em; padding-left:10px;}
    #all_gnb .menu_box > ul > li > ul > li {margin-bottom:10px;}
    #all_gnb .menu_box > ul > li > ul > li > a {font-size:1em;}
    #all_gnb .info_box {display:none;}

    #menuToggle {width:18px; height:18px; font-size:1.5em;}
    #menuToggle span:before, #menuToggle span:after {width:6px; height:6px;}
}

@media screen and (max-width:767px){
    #metadrone_header .h_store {width:100px; line-height:32px; margin-right:15px;}
}



/* footer */
#metadrone_footer {width:100%; background:#f9f9f9; padding:50px 0 60px;}
#metadrone_footer > div {display:flex; flex-wrap:wrap; position:relative;}
#metadrone_footer .f_logo {width:185px;}
#metadrone_footer .f_logo img {width:100%;}
#metadrone_footer .f_info {width:calc(100% - 185px); padding-left:50px;}
#metadrone_footer .f_info ul li {display:inline-block; font-size:1em; color:#666; margin:0 15px 10px 0;}
#metadrone_footer .f_info ul li strong {color:#191919; font-weight:500; margin-right:10px;}
#metadrone_footer .f_info ul li a {color:#666;}
#metadrone_footer .f_info .copy {font-size:1em; font-weight:600; margin-top:10px;}
#metadrone_footer .f_member {position:absolute; right:0; bottom:0;}
#metadrone_footer .f_member a {display:inline-block; border:1px solid #666; font-size:0.75em; color:#666; text-transform:uppercase; padding:6px 10px;}

@media screen and (max-width:1024px){
    #metadrone_footer {padding:5% 0;}
    #metadrone_footer .f_logo {width:130px;}
    #metadrone_footer .f_info {width:calc(100% - 130px); padding-left:25px;}
    #metadrone_footer .f_info ul li {font-size:0.9375em; margin:0 10px 7px 0;}
    #metadrone_footer .f_info ul li strong {margin-right:7px;}
    #metadrone_footer .f_info .copy {font-size:0.9375em; margin-top:5px;}
    #metadrone_footer .f_member a {padding:4px 8px;}
}

@media screen and (max-width:767px){
    #metadrone_footer .f_logo {display:none;}
    #metadrone_footer .f_info {width:100%; padding-left:0;}
    #metadrone_footer .f_info ul br {display:none;}
    #metadrone_footer .f_member {width:100%; position:relative; margin-top:15px;}
}


#Quick {width:50px; position:fixed; right:50px; bottom:50px; z-index:150;}
#Quick .go_top {display:block; width:100%; height:50px; background:rgba(255,255,255,0.1); border:1px solid #ccc; border-radius:50%; box-shadow:5px 5px 10px rgba(25,25,25,0.1); font-size:0.875em; color:#ccc; margin-top:5px;}
#Quick .more_btn {display:flex; justify-content:center; align-items:center; width:100%; height:50px; background:#0098ee; border-radius:50%; font-size:1em; color:#fff; box-shadow:5px 5px 10px rgba(25,25,25,0.1); position:relative; transition:background 0.5s;}
#Quick .more_btn:after {content:'\f00d'; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; transition:opacity 0.5s}
#Quick .more_btn span {display:block; width:5px; height:5px; background:#fff; border-radius:50%;}
#Quick .more_btn span:nth-child(2) {margin:0 5px;}
#Quick .quick_txt {width:180px; background:#fff; border-radius:15px; box-shadow:5px 5px 15px rgba(25,25,25,0.1); position:absolute; right:0; bottom:100%; margin-bottom:25px; font-size:1em; line-height:1.5em; font-weight:600; padding:15px 20px;}
#Quick .quick_txt:after {content:''; display:block; width:0; height:0; border-style:solid; border-width:15px 5px 0px 5px; border-color:#ffffff transparent transparent transparent; position:absolute; right:13px; top:100%; filter: drop-shadow(0px 1px 5px rgba(25,25,25,0.1));}
#Quick .quick_txt span {color:#0098ee;}
#Quick .quick_list {display:none; position:absolute; right:0; bottom:100%; padding-bottom:10px;}
#Quick .quick_list li {margin-bottom:5px;}
#Quick .quick_list li:last-child {margin-bottom:0;}
#Quick .quick_list li a {display:flex; justify-content:space-between; align-items:center; width:160px; height:49px; background:#fff; border:1px solid #ccc; border-radius:25px; padding:0 20px; transition:all 0.5s; transition-property:background, border, color;}
#Quick .quick_list li a span {font-size:1em; font-weight:500;}
#Quick .quick_list li a i {display:block; width:25px; font-size:1.25em; text-align:center;}
#Quick .quick_list li a i.icon {background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
#Quick .quick_list li a i.blog {height:11px; background-image:url(../images/icon_blog_b.svg)}
#Quick .quick_list li a i.kakao {height:21px; background-image:url(../images/icon_kakaoch_b.svg)}
#Quick .quick_list li a i.clip {height:19px; background-image:url(../images/icon_clip_b.png)}
#Quick .quick_list li a:hover {background:#0098ee; border-color:#0098ee; color:#fff;}
#Quick .quick_list li a:hover i.blog {background-image:url(../images/icon_blog.svg)}
#Quick .quick_list li a:hover i.kakao {background-image:url(../images/icon_kakaoch.svg)}
#Quick .quick_list li a:hover i.clip {background-image:url(../images/icon_clip.png)}

#Quick.on .more_btn {background:#191919;}
#Quick.on .more_btn:after {opacity:1;}
#Quick.on .more_btn span {opacity:0;}
#Quick.on .quick_txt {display:none;}
#Quick.on .quick_list {display:block;}

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

@media screen and (max-width:1024px){
    #Quick {width:40px; bottom:30px;}
    #Quick .go_top {height:40px;}
    #Quick .more_btn {height:40px;}
    #Quick .more_btn span {width:4px; height:4px;}
    #Quick .more_btn span:nth-child(2) {margin:0 4px;}
    #Quick .quick_txt {width:150px; padding:10px; border-radius:10px; margin-bottom:20px;}
    #Quick .quick_txt:after {border-width:10px 4px 0 4px;}
    #Quick .quick_list li a {width:140px; height:40px; padding:0 15px;}
    #Quick .quick_list li a i.blog {height:10px;}
    #Quick .quick_list li a i.kakao {height:17px;}
    #Quick .quick_list li a i.clip {height:18px;}
}

@media screen and (max-width:767px){
    #Quick {width:32px; bottom:15px;}
    #Quick .go_top {height:32px;}
    #Quick .more_btn {height:32px;}
    #Quick .more_btn span {width:3px; height:3px;}
    #Quick .more_btn span:nth-child(2) {margin:0 3px;}
    #Quick .quick_txt {display:none;}
    #Quick .quick_list li a {width:120px; height:36px; padding:0 12px;}
    #Quick .quick_list li a i {width:20px;}
    #Quick .quick_list li a i.blog {height:8px;}
    #Quick .quick_list li a i.kakao {height:14px;}
    #Quick .quick_list li a i.clip {height:16px;}
}


/* main */
#mVisu {width:100%; height:100vh; overflow:hidden;}
.mVisu_slide {width:100%; height:100%; position:relative;}
.mVisu_slide .swiper-slide {display:flex; justify-content:center; align-items:center;}
.mVisu_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transform:scale(1.2); transition:transform 6000ms ease-in-out}
.mVisu_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.4;}
.mVisu_slide .txt_box .tit {font-size:5.9375em; color:#fff; line-height:1.1em; font-weight:700; font-family:'Roboto'; overflow:hidden;}
.mVisu_slide .txt_box .txt {font-size:1.5em; color:#fff; font-weight:500; line-height:1.5em; overflow:hidden; margin-top:15px;}
.mVisu_slide .txt_box .button {margin-top:50px; overflow:hidden;}
.mVisu_slide .txt_box span {display:block; transform:translateY(100%); transition:transform 0.5s}
.mVisu_slide .txt_box .metadrone_btn1 {transform:translateY(100%); transition-property:background, border, color, transform;}
.mVisu_slide .swiper-slide-active .img_box {transform:scale(1)}
.mVisu_slide .swiper-slide-active .txt_box span, .mVisu_slide .swiper-slide-active .txt_box .metadrone_btn1 {transform:translateY(0)}
.mVisu_slide .btn_box {display:flex; justify-content:center; align-items:center; width:100%; position:absolute; left:0; bottom:100px; z-index:30;}
.mVisu_slide .btn_box .line {width:300px; height:2px; background:rgba(255,255,255,0.3); margin-right:20px;}
.mVisu_slide .btn_box .line span {content:''; display:block; width:0; height:100%; background:#fff;}
.mVisu_slide .swiper-pagination-fraction {display:flex; justify-content:space-between; align-items:center; width:auto; font-size:1em; color:rgba(255,255,255,0.5); position:relative; bottom:0; left:0; margin:0 15px;}
.mVisu_slide .swiper-pagination-fraction span {margin:0 5px;}
.mVisu_slide .swiper-pagination-fraction .swiper-pagination-current {color:#fff; font-weight:600;}
.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:auto; height:auto; font-size:1em; color:#fff; position:relative; left:0; top:0; right:0; margin-top:0;}
.mVisu_slide .swiper-button-prev:after, .mVisu_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro';}
.mVisu_slide .swiper-button-prev:after {content:'\f053';}
.mVisu_slide .swiper-button-next:after {content:'\f054';}

@media screen and (max-width:1024px){
    .mVisu_slide .txt_box .tit {font-size:4em;}
    .mVisu_slide .txt_box .txt {font-size:1.3em;}
    .mVisu_slide .txt_box .button {margin-top:35px;}
    .mVisu_slide .btn_box {bottom:50px;}
    .mVisu_slide .btn_box .line {width:200px;}
}

@media screen and (max-width:767px){
    .mVisu_slide .txt_box .tit {font-size:3em;}
    .mVisu_slide .txt_box .txt {font-size:1.125em; margin-top:10px;}
    .mVisu_slide .txt_box .button {margin-top:30px;}
    .mVisu_slide .btn_box {bottom:25px;}
    .mVisu_slide .btn_box .line {display:none;}
}


.main_title1 {font-size:3.125em; line-height:1.2em; font-weight:700;}
.main_title1:after {content:'.'; color:#0098ee;}

.main_title2 h2 {font-size:2.1875em; color:#0098ee; font-weight:700; font-family:'Roboto', 'Pretendard'; line-height:1.2em;}
.main_title2 p {font-size:1.5em; font-weight:500; margin-top:10px;}

@media screen and (max-width:1024px){
    .main_title1 {font-size:2.6em;}

    .main_title2 h2 {font-size:1.7em;}
    .main_title2 p {font-size:1.3em; margin-top:1%;}
}

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

    .main_title2 h2 {font-size:1.6em;}
    .main_title2 p {font-size:1.2em;}
}


#mCompany {padding-top:150px; overflow:hidden;}
#mCompany > div {display:flex; justify-content:space-between;}
#mCompany .txt_box {width:560px; position:relative; z-index:5;}
#mCompany .txt_box .txt1 {font-size:1.25em; color:#666; line-height:1.6em; margin:15px 0 50px;}
#mCompany .img_box {width:450px; height:450px; background:url(../images/mCompany_img1.png) no-repeat center center; background-size:cover; border-radius:50%; position:relative;}
#mCompany .img_box img {position:absolute; left:-200px; top:20px; animation:mCompanyImg 2s ease-in-out infinite alternate}

@keyframes mCompanyImg {
    0% {transform:translateY(0)}
    100% {transform:translateY(-15px)}
}

@media screen and (max-width:1220px){
    #mCompany .txt_box {width:calc(100% - 480px)}
    #mCompany .img_box img {width:150%; left:-18%;}
}

@media screen and (max-width:1024px){
    #mCompany {padding-top:15%;}
    #mCompany .txt_box {width:calc(100% - 350px)}
    #mCompany .txt_box .txt1 {font-size:1.125em; margin:10px 0 40px;}
    #mCompany .img_box {width:320px; height:320px;}
}

@media screen and (max-width:767px){
    #mCompany > div {display:block;}
    #mCompany .txt_box {width:100%;}
    #mCompany .txt_box .txt1 {font-size:1em; margin:1.5% 0 5%;}
    #mCompany .img_box {width:270px; height:270px; margin:6% auto 0}
    #mCompany .img_box img {width:170%; left:-25%; top:0;}
}


#mService {padding-top:100px;}
#mService ul {display:flex; width:100%; margin-top:85px;}
#mService ul li {width:25%; text-align:center;}
#mService ul li .icon {display:block; width:100%; height:175px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:30px;}
#mService ul li dl dt {font-size:1.5em; font-weight:600;}
#mService ul li dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

#mService ul li .icon1 {background-image:url(../images/mService_icon1.png)}
#mService ul li .icon2 {background-image:url(../images/mService_icon2.png)}
#mService ul li .icon3 {background-image:url(../images/mService_icon3.png)}
#mService ul li .icon4 {background-image:url(../images/mService_icon4.png)}

@media screen and (min-width:768px){
    #mService ul li {transition:transform 0.5s;}
    #mService ul li:hover {transform:translateY(-20px)}
}

@media screen and (max-width:1024px){
    #mService {padding-top:10%;}
    #mService ul {margin-top:6%;}
    #mService ul li .icon {height:120px; margin-bottom:20px;}
    #mService ul li dl dt {font-size:1.3em;}
    #mService ul li dl dd {font-size:1em;}
}

@media screen and (max-width:767px){
    #mService ul {flex-wrap:wrap;}
    #mService ul li {width:50%;}
    #mService ul li:nth-child(2) ~ li {margin-top:25px;}
    #mService ul li .icon {height:90px; margin-bottom:10px;}
    #mService ul li dl dt {font-size:1.2em;}
    #mService ul li dl dd {margin-top:5px;}
}


#mBusiness {width:100%; padding-top:150px; overflow:hidden;}
#mBusiness .tit_box {display:flex; justify-content:space-between; align-items:end; margin-bottom:50px;}
.mBusiness_slide {position:relative; padding-bottom:58px;}
.mBusiness_slide a {display:block; width:100%; border-radius:20px; overflow:hidden; position:relative; transition:transform 0.5s;}
.mBusiness_slide .img_box {width:100%; height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.mBusiness_slide .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25,25,25,0) 45%, #191919); mix-blend-mode:multiply; opacity:0.4; transition:all 0.5s;}
.mBusiness_slide dl {width:100%; padding:0 40px 40px; position:absolute; left:0; bottom:0; z-index:5;}
.mBusiness_slide dl dt {font-size:1.5em; color:#fff; font-weight:600;}
.mBusiness_slide dl dd {font-size:1.125em; color:#fff; font-weight:500; margin-top:15px;}
.mBusiness_slide .swiper-button-prev, .mBusiness_slide .swiper-button-next {display:flex; justify-content:center; align-items:center; width:54px; height:54px; background:rgba(255,255,255,0.8); border:1px solid #ccc; border-radius:50%; font-size:1.125em; color:#191919; top:225px;}
.mBusiness_slide .swiper-button-prev {left:0; transform:translateX(-50%)}
.mBusiness_slide .swiper-button-next {right:0; transform:translateX(50%)}
.mBusiness_slide .swiper-button-prev:after, .mBusiness_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mBusiness_slide .swiper-button-prev:after {content:'\f104'}
.mBusiness_slide .swiper-button-next:after {content:'\f105'}
.mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; border-radius:3px; opacity:1; margin:0 5px;}
.mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {width:24px; background:#0098ee;}

@media screen and (min-width:768px){
    .mBusiness_slide a:hover {transform:translateY(-20px)}
    .mBusiness_slide a:hover .img_box:after {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0,152,238,0) 45%, #0098ee); position:absolute; left:0; top:0; z-index:2;}
}

@media screen and (max-width:1220px){
    .mBusiness_slide .img_box {height:35vw;}
    .mBusiness_slide .swiper-button-prev, .mBusiness_slide .swiper-button-next {top:17.5vw;}
}

@media screen and (max-width:1024px){
    #mBusiness {padding-top:15%;}
    #mBusiness .tit_box {margin-bottom:5%;}
    .mBusiness_slide {padding-bottom:40px;}
    .mBusiness_slide a {border-radius:15px;}
    .mBusiness_slide dl {padding:0 20px 20px;}
    .mBusiness_slide dl dt {font-size:1.3em;}
    .mBusiness_slide dl dd {font-size:1em; margin-top:5px;}
    .mBusiness_slide .swiper-button-prev, .mBusiness_slide .swiper-button-next {width:44px; height:44px;}
}

@media screen and (max-width:767px){
    #mBusiness .tit_box {display:block;}
    #mBusiness .tit_box .metadrone_btn2 {margin-top:10px;}
    .mBusiness_slide {padding-bottom:30px;}
    .mBusiness_slide .swiper-slide {width:250px;}
    .mBusiness_slide a {border-radius:10px;}
    .mBusiness_slide .img_box {height:300px;}
    .mBusiness_slide dl dt {font-size:1.2em;}
    .mBusiness_slide .swiper-button-prev, .mBusiness_slide .swiper-button-next {display:none;}
    .mBusiness_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
}


#mNotice {padding-top:100px;}
#mNotice ul {border-top:1px solid #191919;}
#mNotice ul li {border-bottom:1px solid #ccc;}
#mNotice ul li a {display:flex; align-items:center; padding:30px 0;}
#mNotice ul li .subject {width:calc(100% - 115px); font-size:1.5em; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mNotice ul li .date {width:115px; font-size:1em; color:#666; text-align:center;}

@media screen and (max-width:1024px){
    #mNotice {padding-top:10%;}
    #mNotice ul li a {padding:20px 0;}
    #mNotice ul li .subject {width:calc(100% - 90px); font-size:1.3em;}
    #mNotice ul li .date {width:90px;}
}

@media screen and (max-width:767px){
    #mNotice ul li a {padding:15px 0;}
    #mNotice ul li .subject {width:calc(100% - 70px); font-size:1.125em;}
    #mNotice ul li .date {width:70px;}
}


#mGallery {padding-top:100px;}
#mGallery ul {display:flex; flex-wrap:wrap; margin-top:50px;}
#mGallery ul li {width:calc(25% - 24px); height:276px; margin-right:32px; overflow:hidden;}
#mGallery ul li:nth-child(4) ~ li {margin-top:32px;}
#mGallery ul li:nth-child(4n) {margin-right:0;}
#mGallery ul li a {display:block; width:100%; height:100%; position:relative;}
#mGallery ul li .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
#mGallery ul li p {width:100%; padding:0 20px 20px; font-size:1.125em; color:#fff; font-weight:500; position:absolute; left:0; bottom:0; opacity:0; transition:opacity 0.5s;}
#mGallery ul li:hover .img {transform:scale(1.2)}
#mGallery ul li:hover p {opacity:1;}

@media screen and (max-width:1220px){
    #mGallery ul li {height:20vw}
}

@media screen and (max-width:1024px){
    #mGallery {padding-top:10%;}
    #mGallery ul {margin-top:5%;}
    #mGallery ul li {width:calc(25% - 7.5px); margin-right:10px;}
    #mGallery ul li:nth-child(4) ~ li {margin-top:10px;}
    #mGallery ul li p {font-size:1em; padding:0 15px 15px; opacity:1;}
}

@media screen and (max-width:767px){
    #mGallery ul li {width:calc(50% - 5px); height:39vw;}
    #mGallery ul li:nth-child(2) ~ li {margin-top:10px;}
    #mGallery ul li:nth-child(2n) {margin-right:0;}
    #mGallery ul li:nth-child(6) ~ li {display:none;}
}


#mContact {padding:150px 0 100px; overflow:hidden;}
#mContact > div {position:relative;}
#mContact > div:before {content:''; display:block; width:500px; height:500px; background:url(../images/mContact_logo.png) no-repeat center center; background-size:contain; position:absolute; right:-150px; top:-100px; pointer-events:none;}
#mContact .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:50px;}
#mContact .form_box > div {width:calc(50% - 10px); margin-bottom:20px;}
#mContact .form_box > div.w_100 {width:100%;}
#mContact .form_box > div > label {display:block; font-size:1.125em; font-weight:600; margin-bottom:15px;}
#mContact .form_box > div .form_txt {display:block; width:100%; height:49px; background:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:0; font-size:1em; color:#666; padding:0 20px;}
#mContact .form_box > div .form_textarea {display:block; width:100%; height:180px; background:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:0; font-size:1em; color:#666; padding:20px; resize:none;}
#mContact .form_box > div .form_textarea::placeholder {color:#ccc;}
#mContact .form_box > div .form_textarea::-webkit-input-placeholder {color:#ccc;}
#mContact .form_box > div .form_textarea:-ms-input-placeholder {color:#ccc;}
#mContact .form_box > div .select_box {width:100%; position:relative;}
#mContact .form_box > div .select_box:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
#mContact .form_box > div .select_box select {display:block; width:100%; height:49px; background:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:0; font-size:1em; color:#666; padding:0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

#mContact .form_box > div .phone_box {display:flex; align-items:center;}
#mContact .form_box > div .phone_box span {width:28px; font-size:1.125em; color:#666; text-align:center}
#mContact .form_box > div .phone_box .form_txt, #mContact .form_box > div .phone_box .select_box {width:calc(33.33% - 18.66px)}

#mContact .form_box > div .email_box {display:flex; align-items:center;}
#mContact .form_box > div .email_box span {width:36px; font-size:1.125em; color:#666; text-align:center}
#mContact .form_box > div .email_box .form_txt {width:calc(50% - 108px)}
#mContact .form_box > div .email_box .select_box {width:170px; margin-left:10px;}

#mContact .privacy_box {width:100%; height:120px; background:#f9f9f9; overflow-y:auto; padding:20px;}
#mContact .privacy_box p {font-size:1em; color:#666; line-height:1.7em;}

#mContact .btn_box {display:flex; justify-content:space-between; width:100%; margin-top:15px;}

#mContact .check_box input {display:none;}
#mContact .check_box label {display:flex; align-items:center;}
#mContact .check_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:29px; height:29px; background:#ccc; border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
#mContact .check_box label span {font-size:1em; font-weight:500; padding-left:10px;}
#mContact .check_box input:checked + label:before {background:#0098ee;}

@media screen and (max-width:1024px){
    #mContact {padding:15% 0 10%;}
    #mContact > div:before {width:380px; height:380px; top:-100px; right:-50px;}
    #mContact .form_box {margin-top:5%;}
    #mContact .form_box > div {width:calc(50% - 5px); margin-bottom:15px;}
    #mContact .form_box > div > label {font-size:1em; margin-bottom:10px;}
    #mContact .form_box > div .form_txt {height:40px; padding:0 15px;}
    #mContact .form_box > div .form_textarea {height:120px; padding:15px;}
    #mContact .form_box > div .select_box:after {right:15px;}
    #mContact .form_box > div .select_box select {height:40px; padding:0 15px;}

    #mContact .form_box > div .phone_box span {width:20px; font-size:1em;}
    #mContact .form_box > div .phone_box .form_txt, #mContact .form_box > div .phone_box .select_box {width:calc(33.33% - 13.33px)}
    
    #mContact .form_box > div .email_box span {width:25px; font-size:1em;}
    #mContact .form_box > div .email_box .form_txt {width:calc(33.33% - 10px)}
    #mContact .form_box > div .email_box .select_box {width:calc(33.33% - 10px); margin-left:5px;}

    #mContact .privacy_box {height:100px; padding:15px;}
}

@media screen and (max-width:767px){
    #mContact > div:before {width:220px; height:220px; top:-40px; right:-20px;}
    #mContact .form_box > div {width:100%;}
    #mContact .form_box > div > label {margin-bottom:5px;}
    #mContact .form_box > div .form_txt {height:38px; padding:0 10px;}
    #mContact .form_box > div .form_textarea {height:100px; padding:10px;}
    #mContact .form_box > div .select_box:after {right:10px;}
    #mContact .form_box > div .select_box select {height:38px; padding:0 10px;}

    #mContact .form_box > div .phone_box span {width:15px;}
    #mContact .form_box > div .phone_box .form_txt, #mContact .form_box > div .phone_box .select_box {width:calc(33.33% - 10px)}
    
    #mContact .form_box > div .email_box span {width:15px; font-size:1em;}
    #mContact .form_box > div .email_box .form_txt {width:calc(33.33% - 6.66px)}
    #mContact .form_box > div .email_box .select_box {width:calc(33.33% - 6.66px);}

    #mContact .privacy_box {padding:10px;}

    #mContact .btn_box {display:block; overflow:hidden;}
    #mContact .btn_box button {float:right; margin-top:15px;}

    #mContact .check_box label:before {width:22px; height:22px;}
    #mContact .check_box label span {padding-left:5px;}
}


#mSafe {width:100%; background:url(../images/mSafeBG.jpg) no-repeat center center; background-size:cover; position:relative;}
#mSafe:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.4; position:absolute; left:0; top:0; z-index:0;}
#mSafe > div {display:flex; justify-content:space-between; align-items:center; height:400px; position:relative; z-index:10;}
#mSafe dl dt {font-size:2.5em; color:#fff; line-height:1.25em; font-weight:700;}
#mSafe dl dd {font-size:1.25em; color:#fff; font-weight:500; margin-top:20px;}

@media screen and (max-width:1024px){
    #mSafe > div {height:300px;}
    #mSafe dl dt {font-size:2em;}
    #mSafe dl dd {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mSafe {padding:12% 0;}
    #mSafe > div {display:block; height:auto;}
    #mSafe dl {margin-bottom:7%;}
    #mSafe dl dt {font-size:1.7em;}
}


/* sub */
#sVisu {display:flex; justify-content:center; align-items:center; width:100%; height:600px; position:relative; overflow:hidden;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; transform:scale(1.1); animation:sVisu 6000ms ease-in-out forwards}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.4; position:absolute; left:0; top:0; z-index:1;}
#sVisu > div {position:relative; z-index:5;}
#sVisu h2 {font-size:4.375em; color:#fff; line-height:1.2em; font-weight:700; font-family:'Roboto'}
#sVisu p {font-size:1.5em; color:#fff; font-weight:500; margin-top:10px;}

.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 h2 {font-size:3.7em;}
    #sVisu p {font-size:1.3em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #sVisu {height:300px;}
    #sVisu h2 {font-size:2.7em;}
    #sVisu p {font-size:1.125em;}
}


.sub_menu_wrap {margin-top:-35px; position:relative; z-index:10;}
.sub_menu_wrap > div {display:flex; width:640px; background:#fff; border-radius:36px; box-shadow:5px 5px 15px rgba(25,25,25,0.1); margin:0 auto;}
.sub_menu_wrap > div > div {width:50%; position:relative;}
.sub_menu_wrap > div > div button {display:block; width:100%; background:#fff; height:71px; font-size:1.125em; font-weight:500; text-align:left; padding:0 30px; position:relative; z-index:10;}
.sub_menu_wrap > div > div button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%)}
.sub_menu_wrap > div > div button.on:after {content:'\f106'}
.sub_menu_wrap > div > div ul {display:none; width:100%; background:#fff; border-radius:0 0 36px 36px; position:absolute; left:0; top:50%; padding:36px 0 10px; box-shadow:5px 5px 15px rgba(25,25,25,0.1);}
.sub_menu_wrap > div > div ul li a {display:block; font-size:0.9375em; color:#666; padding:10px 30px;}
.sub_menu_wrap > div > div ul li.on a {color:#0098ee; font-weight:600;}

.sub_menu_wrap > div > div.depth1 button {background:#0098ee; color:#fff; border-radius:36px 0 0 36px;}
.sub_menu_wrap > div > div.depth1 ul {background:#0098ee;}
.sub_menu_wrap > div > div.depth1 ul li a {color:rgba(255,255,255,0.7);}
.sub_menu_wrap > div > div.depth1 ul li.on a {color:#fff;}
.sub_menu_wrap > div > div.depth2 button {border-radius:0 36px 36px 0;}


.sub_menu_wrap2 {height:49px;}
.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; margin-right:5px;}
.sub_menu_wrap2 ul li:last-child {margin-right:0;}
.sub_menu_wrap2 ul li button {display:block; height:49px; background:#f9f9f9; border-radius:28px; font-size:1em; color:#a4a4a4; padding:0 20px; 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 (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:-25px;}
    .sub_menu_wrap > div {width:550px;}
    .sub_menu_wrap > div > div {border-radius:25px;}
    .sub_menu_wrap > div > div button {height:50px; font-size:1em; padding:0 15px;}
    .sub_menu_wrap > div > div button:after {right:15px;}
    .sub_menu_wrap > div > div ul {border-radius:0 0 25px 25px; padding-top:25px;}
    .sub_menu_wrap > div > div ul li a {padding:7px 15px;}

    .sub_menu_wrap > div > div.depth1 button {border-radius:25px 0 0 25px;}
    .sub_menu_wrap > div > div.depth2 button {border-radius:0 25px 25px 0;}


	.sub_menu_wrap2 {height:40px;}
    .sub_menu_wrap2 ul li button {height:40px; padding:0 15px;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {margin-top:-19px;}
    .sub_menu_wrap > div {width:100%;}
    .sub_menu_wrap > div > div {border-radius:19px;}
    .sub_menu_wrap > div > div button {height:38px; font-size:1em;}
    .sub_menu_wrap > div > div ul {border-radius:0 0 19px 19px; padding-top:19px;}

    .sub_menu_wrap > div > div.depth1 button {border-radius:19px 0 0 19px;}
    .sub_menu_wrap > div > div.depth2 button {border-radius:0 19px 19px 0;}
    
	.sub_menu_wrap2 {height:35px;}
    .sub_menu_wrap2 ul li {margin-right:2px;}
    .sub_menu_wrap2 ul li button {height:35px; padding:0 12px;}
}


#sub_content {min-height:60vh; margin:150px 0;}
#sub_content.case2 {overflow:hidden;}

.sub_title {font-size:3.125em; line-height:1.2em; font-weight:700;}

.s_tit1 {font-size:2.5em; line-height:1.25em; font-weight:600;}
.s_tit1 span {font-size:0.45em; color:#0098ee; font-weight:600; margin-left:15px;}
.s_tit2 {font-size:1.875em; font-weight:600; line-height:1.33em;}

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

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

    .sub_title {font-size:2.6em;}

    .s_tit1 {font-size:2em;}
    .s_tit1 span {font-size:0.5em; margin-left:10px;}
    .s_tit2 {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.7em;}
    .s_tit1 span {display:block; font-size:0.6em; margin-left:0;}
    .s_tit2 {font-size:1.4em;}
}


.sub_img_box1 > div {display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:50px;}
.sub_img_box1 > div:last-child {margin-bottom:0;}
.sub_img_box1 > div .img_box {width:50%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
.sub_img_box1 > div .txt_box {width:50%;}
.sub_img_box1 > div .txt_box dl dt {font-size:2.5em; font-weight:600;}
.sub_img_box1 > div .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px;}
.sub_img_box1 > div .txt_box ul {margin-top:20px;}
.sub_img_box1 > div .txt_box ul li {font-size:1em; color:#666; line-height:1.6em;}
.sub_img_box1 > div .txt_box ul li strong {display:inline-block; width:70px; color:#0098ee; font-weight:500;}

.sub_img_box1 > div:nth-child(odd) .txt_box {padding:0 80px 0 120px;}
.sub_img_box1 > div:nth-child(even) {flex-direction:row-reverse;}
.sub_img_box1 > div:nth-child(even) .txt_box {padding:0 120px 0 80px;}

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

@media screen and (max-width:1220px){
    .sub_img_box1 > div .img_box {height:28vw;}
    
    .sub_img_box1 > div:nth-child(odd) .txt_box {padding:0 0 0 50px;}
    .sub_img_box1 > div:nth-child(even) .txt_box {padding:0 50px 0 0;}

    .sub_img_box2 {height:30vw;}
}

@media screen and (max-width:1024px){
    .sub_img_box1 > div {margin-bottom:5%;}
    .sub_img_box1 > div .img_box {border-radius:15px;}
    .sub_img_box1 > div .txt_box dl dt {font-size:1.8em;}
    .sub_img_box1 > div .txt_box dl dd {font-size:1em; margin-top:10px;}
    .sub_img_box1 > div .txt_box ul {margin-top:2%;}
    .sub_img_box1 > div .txt_box ul li strong {width:60px;}
    
    .sub_img_box1 > div:nth-child(odd) .txt_box {padding:0 0 0 30px;}
    .sub_img_box1 > div:nth-child(even) .txt_box {padding:0 30px 0 0;}

    .sub_img_box2 {border-radius:10px;}
}

@media screen and (max-width:767px){
    .sub_img_box1 > div {margin-bottom:10%;}
    .sub_img_box1 > div .img_box {width:100%; height:50vw; border-radius:10px;}
    .sub_img_box1 > div .txt_box {width:100%; margin-top:3%;}
    .sub_img_box1 > div .txt_box dl dt {font-size:1.5em;}
    .sub_img_box1 > div .txt_box dl dd {margin-top:1.5%;}
    .sub_img_box1 > div .txt_box ul li strong {width:50px;}
    
    .sub_img_box1 > div:nth-child(odd) .txt_box {padding:0}
    .sub_img_box1 > div:nth-child(even) .txt_box {padding:0}
}


.sub_list_box1 > li {font-size:1.125em; color:#666; line-height:1.55em; position:relative; padding-left:21px; margin-bottom:7px;}
.sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_list_box1 > li:before {content:''; display:block; width:6px; height:6px; background:#0098ee; border-radius:50%; position:absolute; left:0; top:12px;}

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

@media screen and (max-width:767px){
    .sub_list_box1 > li {padding-left:10px;}
    .sub_list_box1 > li:before {width:3px; height:3px; top:8px;}
}


.sub_txt_box1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sub_txt_box1 > div {display:flex; align-items:center; width:calc(50% - 10px); background:#f2faff; border-radius:20px; padding:50px 60px;}
.sub_txt_box1 > div:nth-child(2) ~ div {margin-top:20px;}
.sub_txt_box1 > div .icon {display:block; width:154px; height:154px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.sub_txt_box1 > div dl {width:calc(100% - 154px); padding-left:50px;}
.sub_txt_box1 > div dl dt {font-size:1.5em; font-weight:600;}
.sub_txt_box1 > div dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

.sub_txt_box1 > div .icon1 {background-image:url(../images/sub_txt_icon1.png)}
.sub_txt_box1 > div .icon2 {background-image:url(../images/sub_txt_icon2.png)}
.sub_txt_box1 > div .icon3 {background-image:url(../images/sub_txt_icon3.png)}
.sub_txt_box1 > div .icon4 {background-image:url(../images/sub_txt_icon4.png)}
.sub_txt_box1 > div .icon5 {background-image:url(../images/sub_txt_icon5.png)}
.sub_txt_box1 > div .icon6 {background-image:url(../images/sub_txt_icon6.png)}
.sub_txt_box1 > div .icon7 {background-image:url(../images/sub_txt_icon7.png)}
.sub_txt_box1 > div .icon8 {background-image:url(../images/sub_txt_icon8.png)}
.sub_txt_box1 > div .icon9 {background-image:url(../images/sub_txt_icon9.png)}
.sub_txt_box1 > div .icon10 {background-image:url(../images/sub_txt_icon10.png)}
.sub_txt_box1 > div .icon11 {background-image:url(../images/sub_txt_icon11.png)}
.sub_txt_box1 > div .icon12 {background-image:url(../images/sub_txt_icon12.png)}
.sub_txt_box1 > div .icon13 {background-image:url(../images/sub_txt_icon13.png)}
.sub_txt_box1 > div .icon14 {background-image:url(../images/sub_txt_icon14.png)}
.sub_txt_box1 > div .icon15 {background-image:url(../images/sub_txt_icon15.png)}
.sub_txt_box1 > div .icon16 {background-image:url(../images/sub_txt_icon16.png)}

@media screen and (max-width:1200px){
    .sub_txt_box1 > div {padding:40px;}
    .sub_txt_box1 > div dl {padding-left:20px;}
}

@media screen and (max-width:1024px){
    .sub_txt_box1 > div {width:calc(50% - 5px); border-radius:15px; padding:25px;}
    .sub_txt_box1 > div:nth-child(2) ~ div {margin-top:10px;}
    .sub_txt_box1 > div .icon {width:120px; height:120px;}
    .sub_txt_box1 > div dl {width:calc(100% - 120px)}
    .sub_txt_box1 > div dl dt {font-size:1.3em;}
    .sub_txt_box1 > div dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sub_txt_box1 > div {width:100%; padding:15px; border-radius:10px;}
    .sub_txt_box1 > div:nth-child(1) ~ div {margin-top:5px;}
    .sub_txt_box1 > div .icon {width:70px; height:70px;}
    .sub_txt_box1 > div dl {width:calc(100% - 70px); padding-left:10px;}
    .sub_txt_box1 > div dl dt {font-size:1.2em;}
}


.sub_table_box1 {width:100%; border-top:2px solid #191919;}
.sub_table_box1 thead th {background:#f9f9f9; font-size:1.125em; font-weight:600; text-align:center; padding:30px 10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.sub_table_box1 thead th:first-child {border-left:0;}
.sub_table_box1 thead th.bg1 {background:#fff; border-left:0;}
.sub_table_box1 tbody th {background:#f9f9f9; font-size:1.125em; color:#666; padding:30px 10px; border-bottom:1px solid #ccc;}
.sub_table_box1 tbody td {font-size:1.125em; color:#666; line-height:1.55em; padding:30px 50px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.sub_table_box1 tbody td:first-of-type {border-left:0}
.sub_table_box1 tbody td.tc {padding-left:10px; padding-right:10px;}
.sub_table_box1 tfoot th {background:#0098ee; font-size:1.125em; color:#fff; font-weight:600; padding:30px 10px; border-bottom:1px solid #ccc;}
.sub_table_box1 tfoot td {background:rgba(0,152,238,0.05); font-size:1.125em; color:#0098ee; line-height:1.55em; font-weight:600; text-align:center; padding:30px 50px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.sub_table_box1 tfoot td:first-of-type {border-left:0}

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

@media screen and (max-width:767px){
    .sub_table_box1 thead th {padding:10px 5px;}
    .sub_table_box1 tbody th {padding:10px 5px;}
    .sub_table_box1 tbody td {padding:10px 10px;}
    .sub_table_box1 tfoot th {padding:10px 5px;}
    .sub_table_box1 tfoot td {padding:10px 10px;}
    .sub_table_box1 tbody td.tc {padding-left:5px; padding-right:5px;}
}


.sGreeting_case1 {width:100%; height:400vh; position:relative;}
.sGreeting_case1 .box {width:100%; height:100vh; position:sticky; left:0; top:0;}
.sGreeting_case1 .box > div {width:640px; height:360px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.sGreeting_case1 .box > div .txt_box {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.4); opacity:0; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.sGreeting_case1 .box > div .txt_box > div {display:flex; align-items:center;}
.sGreeting_case1 .box > div .txt_box > div .tit {width:calc(100% - 540px); font-size:3.125em; color:#fff; line-height:1.2em; font-weight:700;}
.sGreeting_case1 .box > div .txt_box > div .txt {width:540px;}
.sGreeting_case1 .box > div .txt_box > div .txt p {font-size:1.125em; color:#fff; line-height:1.55em; font-weight:500; margin-bottom:25px;}
.sGreeting_case1 .box > div .txt_box > div .txt p.name {text-align:right;}
.sGreeting_case1 .box > div .txt_box > div .txt p.name strong {font-size:1.33em; font-weight:600; margin-left:10px;}
.sGreeting_case1 .box > div .txt_box > div .txt p:last-child {margin-bottom:0;}

.sGreeting_case1 .box > div.box1 {background-image:url(../images/sGreeting_img1.jpg)}
.sGreeting_case1 .box > div.box2 {width:100%; height:100%; background-image:url(../images/sGreeting_img2.jpg); opacity:0;}

@media screen and (max-width:1024px){
    .sGreeting_case1 .box > div {width:500px; height:280px;}
    .sGreeting_case1 .box > div .txt_box > div .tit {width:400px; font-size:2.6em;}
    .sGreeting_case1 .box > div .txt_box > div .txt {width:calc(100% - 400px)}
    .sGreeting_case1 .box > div .txt_box > div .txt p {font-size:1em; margin-bottom:15px;}
}

@media screen and (max-width:767px){
    .sGreeting_case1 .box > div {width:270px; height:150px;}
    .sGreeting_case1 .box > div .txt_box > div {display:block;}
    .sGreeting_case1 .box > div .txt_box > div .tit {width:100%; font-size:2em;}
    .sGreeting_case1 .box > div .txt_box > div .txt {width:100%; margin-top:15px;}
    .sGreeting_case1 .box > div .txt_box > div .txt p {margin-bottom:10px;}
}


.sAbout_case1 table {width:100%; border-top:2px solid #191919;}
.sAbout_case1 table tbody th {width:175px; border-bottom:1px solid #ccc; font-size:1.125em; line-height:1.55em; font-weight:600; padding:30px; text-align:left;}
.sAbout_case1 table tbody td {border-bottom:1px solid #ccc; font-size:1.125em; color:#666; line-height:1.55em; padding:30px 20px;}

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

@media screen and (max-width:767px){
    .sAbout_case1 table tbody th {width:115px; padding:12px;}
    .sAbout_case1 table tbody td {padding:12px 0;}
}


.sCertificates_case1 {display:flex; flex-wrap:wrap; width:100%;}
.sCertificates_case1 > div {width:calc(25% - 24px); margin-right:32px;}
.sCertificates_case1 > div:nth-child(4) ~ div {margin-top:50px;}
.sCertificates_case1 > div:nth-child(4n) {margin-right:0;}
.sCertificates_case1 > div .img {width:100%; border:1px solid #ccc;}
.sCertificates_case1 > div .img img {width:100%;}
.sCertificates_case1 > div p {font-size:1.125em; font-weight:500; line-height:1.55em; text-align:center; margin-top:15px;}

@media screen and (max-width:1024px){
    .sCertificates_case1 > div {width:calc(25% - 7.5px); margin-right:10px;}
    .sCertificates_case1 > div:nth-child(4) ~ div {margin-top:30px;}
    .sCertificates_case1 > div p {font-size:1em; margin-top:10px;}
}

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


.sPartner_case1 {display:flex; flex-wrap:wrap; width:100%;}
.sPartner_case1 > div {width:calc(33.33% - 14px); margin-right:21px;}
.sPartner_case1 > div:nth-child(3) ~ div {margin-top:50px;}
.sPartner_case1 > div:nth-child(3n) {margin-right:0;}
.sPartner_case1 > div .img {width:100%; border:1px solid #ccc;}
.sPartner_case1 > div .img img {width:100%;}
.sPartner_case1 > div p {font-size:1.125em; font-weight:500; line-height:1.55em; text-align:center; margin-top:15px;}

@media screen and (max-width:1024px){
    .sPartner_case1 > div {width:calc(33.33% - 6.66px); margin-right:10px;}
    .sPartner_case1 > div:nth-child(3) ~ div {margin-top:30px;}
    .sPartner_case1 > div p {font-size:1em; margin-top:10px;}
}

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


.sGuide_case1 > div {display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:100px;}
.sGuide_case1 > div:last-child {margin-bottom:0;}
.sGuide_case1 > div .img {width:calc(50% - 10px)}
.sGuide_case1 > div .img img {max-width:100%;}
.sGuide_case1 > div .txt_box {width:calc(50% - 40px)}
.sGuide_case1 > div .txt_box .tit {font-size:1.875em; font-weight:700; line-height:1em; margin-bottom:20px;}
.sGuide_case1 > div .txt_box .tit img {vertical-align:middle;}
.sGuide_case1 > div .txt_box table {width:100%; border-top:2px solid #191919;}
.sGuide_case1 > div .txt_box table tbody th {width:155px; border-bottom:1px solid #ccc; font-size:1.125em; line-height:1.55em; font-weight:600; padding:20px 10px 20px 30px; text-align:left;}
.sGuide_case1 > div .txt_box table tbody td {border-bottom:1px solid #ccc; font-size:1.125em; color:#666; line-height:1.55em; padding:20px 15px;}
.sGuide_case1 > div .txt_box table tbody td span {display:block; font-size:0.77em; color:#a4a4a4; line-height:1.5em; font-weight:500; margin-bottom:7px}
.sGuide_case1 > div .txt_box table tbody td span:last-of-type {margin-bottom:0;}

.sGuide_case2 {display:flex; flex-wrap:wrap;}
.sGuide_case2 > div {width:calc(33.33% - 14px); margin-right:21px; transition:transform 0.5s;}
.sGuide_case2 > div:nth-child(3n) {margin-right:0;}
.sGuide_case2 > div:nth-child(3) ~ div {margin-top:20px;}
.sGuide_case2 > div button {display:block; width:100%; font-size:1em; position:relative; padding:30px 30px 40px;}
.sGuide_case2 > div button:before {content:''; display:block; width:100%; height:100%; border:1px solid #ccc; border-radius:20px; position:absolute; left:0; top:0; z-index:0; pointer-events:none;}
.sGuide_case2 > div .img {width:100%; text-align:center; position:relative;}
.sGuide_case2 > div .img:before {content:'\f002'; display:flex; justify-content:center; align-items:center; width:70px; height:70px; background:#0098ee; border-radius:50%; font-size:1.5em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; transition:opacity 0.5s;}
.sGuide_case2 > div .img img {max-width:100%;}
.sGuide_case2 > div .tit {font-size:1.5em; font-weight:700; margin-top:20px;}
.sGuide_case2 > div .view {font-size:1em; color:#666; font-weight:500; margin-top:10px;}

.sGuide_slide .swiper-slide {border-radius:20px; overflow:hidden; position:relative;}
.sGuide_slide .swiper-slide:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25,25,25,0) 72%, #191919); opacity:0.5; mix-blend-mode:multiply; position:absolute; left:0; top:0;}
.sGuide_slide .img img {width:100%;}
.sGuide_slide p {width:100%; font-size:1.5em; color:#fff; font-weight:600; padding:0 30px 30px; position:absolute; left:0; bottom:0; z-index:5;}

@media screen and (min-width:768px){
    .sGuide_case2 > div:hover {transform:translateY(-20px)}
    .sGuide_case2 > div:hover button:before {border:3px solid #0098ee; box-shadow:5px 5px 20px rgba(0,152,238,0.2);}
    .sGuide_case2 > div:hover .img:before {opacity:1;}
}

@media screen and (max-width:1024px){
    .sGuide_case1 > div {margin-bottom:10%;}
    .sGuide_case1 > div .img {width:50%;}
    .sGuide_case1 > div .txt_box {width:calc(50% - 20px)}
    .sGuide_case1 > div .txt_box .tit {font-size:1.5em; margin-bottom:10px;}
    .sGuide_case1 > div .txt_box .tit img {height:18px;}
    .sGuide_case1 > div .txt_box table tbody th {width:100px; font-size:1em; padding:15px 10px;}
    .sGuide_case1 > div .txt_box table tbody td {font-size:1em; padding:15px 10px;}

    .sGuide_case2 > div {width:calc(33.33% - 6.66px); margin-right:10px;}
    .sGuide_case2 > div:nth-child(3) ~ div {margin-top:10px;}
    .sGuide_case2 > div button {padding:25px;}
    .sGuide_case2 > div button:before {border-radius:15px;}
    .sGuide_case2 > div .img:before {width:60px; height:60px; font-size:1.3em;}
    .sGuide_case2 > div .tit {font-size:1.3em; margin-top:15px;}
    .sGuide_case2 > div .view {margin-top:5px;}

    .sGuide_slide .swiper-slide {border-radius:15px;}
    .sGuide_slide p {font-size:1.3em; padding:0 20px 20px;}
}

@media screen and (max-width:767px){
    .sGuide_case1 > div .img {width:100%; text-align:center;}
    .sGuide_case1 > div .txt_box {width:100%; margin-top:2%;}
    .sGuide_case1 > div .txt_box .tit img {height:16px;}
    .sGuide_case1 > div .txt_box table tbody th {width:90px; padding:10px}
    .sGuide_case1 > div .txt_box table tbody td {padding:10px;}

    .sGuide_case2 > div {width:calc(50% - 5px);}
    .sGuide_case2 > div:nth-child(3n) {margin-right:10px;}
    .sGuide_case2 > div:nth-child(2n) {margin-right:0;}
    .sGuide_case2 > div:nth-child(2) ~ div {margin-top:10px;}
    .sGuide_case2 > div button {padding:15px 20px;}
    .sGuide_case2 > div button:before {border-radius:10px;}
    .sGuide_case2 > div .tit {font-size:1.2em;}

    .sGuide_slide .swiper-slide {border-radius:10px;}
    .sGuide_slide p {font-size:1.2em; padding:0 15px 15px;}
}


.sLocation_case1 > div {margin-bottom:70px;}
.sLocation_case1 > div:last-child {margin-bottom:0;}
.sLocation_case1 > div .map_box {width:100%; height:600px; border-radius:20px; background:#f9f9f9; overflow:hidden;}
.sLocation_case1 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 > div .info_box {margin-top:30px;}
.sLocation_case1 > div .info_box .tit {font-size:1.875em; font-weight:600; margin-bottom:20px;}
.sLocation_case1 > div .info_box dl {width:100%; overflow:hidden;}
.sLocation_case1 > div .info_box dl dt {float:left; width:75px; font-size:1.125em; line-height:1.55em; font-weight:500; clear:both;}
.sLocation_case1 > div .info_box dl dd {float:left; width:calc(100% - 75px); font-size:1.125em; color:#666; line-height:1.55em;}
.sLocation_case1 > div .info_box dl dd a {color:#666;}

@media screen and (max-width:1024px){
    .sLocation_case1 > div {margin-bottom:7%;}
    .sLocation_case1 > div .map_box {height:400px; border-radius:15px;}
    .sLocation_case1 > div .info_box {margin-top:3%;}
    .sLocation_case1 > div .info_box .tit {font-size:1.5em; margin-bottom:1.5%;}
    .sLocation_case1 > div .info_box dl dt {width:60px; font-size:1em;}
    .sLocation_case1 > div .info_box dl dd {width:calc(100% - 60px); font-size:1em;}
}

@media screen and (max-width:767px){
    .sLocation_case1 > div .map_box {height:200px; border-radius:10px;}
    .sLocation_case1 > div .info_box .tit {font-size:1.3em;}
    .sLocation_case1 > div .info_box dl dt {width:55px;}
    .sLocation_case1 > div .info_box dl dd {width:calc(100% - 55px);}
}


.sTraining_slide .img {width:100%; height:150px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sTraining_slide p {font-size:1.125em; line-height:1.5em; font-weight:500; text-align:center; margin-top:15px;}

@media screen and (max-width:1220px){
    .sTraining_slide .img {height:11vw;}
}

@media screen and (max-width:1024px){
    .sTraining_slide .img {height:13vw; border-radius:5px;}
    .sTraining_slide p {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sTraining_slide .img {height:26vw;}
}


.sSafe_case1 .tit_box {display:flex; justify-content:space-between; align-items:end;}
.sSafe_case1 .tab_box {display:flex;}
.sSafe_case1 .tab_box li {margin-right:5px;}
.sSafe_case1 .tab_box li:last-child {margin-right:0;}
.sSafe_case1 .tab_box li button {display:block; height:49px; background:#f9f9f9; border-radius:25px; font-size:1em; color:#a4a4a4; padding:0 20px;}
.sSafe_case1 .tab_box li.on button {background:#0098ee; color:#fff; font-weight:600;}
.sSafe_case1 .cont_box {margin-top:50px;}
.sSafe_case1 .cont_box > div:not(.on) {height:0; overflow:hidden;}
.sSafe_case1 .cont_box .map_box {width:100%; height:600px; border-radius:20px; background:#f9f9f9; overflow:hidden; margin-bottom:30px;}
.sSafe_case1 .cont_box .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sSafe_case1 .cont_box .s_txt1 {margin-top:10px;}
.sSafe_case1 .cont_box .info_box {display:flex; align-items:center; border-top:1px solid #ccc; margin-top:50px; padding-top:50px;}
.sSafe_case1 .cont_box .info_box .tel {display:block; font-size:2.5em; font-weight:600; line-height:1.3em;}
.sSafe_case1 .cont_box .info_box .tel:before {content:'\f8d3'; font-size:0.75em; color:#0098ee; font-weight:900; font-family:'Font Awesome 6 Pro'; vertical-align:middle; margin-right:15px;}
.sSafe_case1 .cont_box .info_box ul {margin-top:20px;}
.sSafe_case1 .cont_box .info_box ul li {font-size:1em; color:#666; line-height:1.6em;}
.sSafe_case1 .cont_box .info_box ul li strong {display:inline-block; width:70px; color:#0098ee; font-weight:500;}
.sSafe_case1 .cont_box .info_box .qr {display:flex; align-items:center; margin-left:90px;}
.sSafe_case1 .cont_box .info_box .qr .img {width:168px; height:168px; border:5px solid #0098ee; padding:12px;}
.sSafe_case1 .cont_box .info_box .qr .img img {width:100%;}
.sSafe_case1 .cont_box .info_box .qr dl {padding-left:50px;}
.sSafe_case1 .cont_box .info_box .qr dl dt {font-size:1.5em; font-weight:600;}
.sSafe_case1 .cont_box .info_box .qr dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

@media screen and (max-width:1220px){
    .sSafe_case1 .cont_box .info_box {display:block;}
    .sSafe_case1 .cont_box .info_box .qr {margin-left:0; margin-top:50px;}
}

@media screen and (max-width:1024px){
    .sSafe_case1 .tab_box li button {height:40px; padding:0 15px;}
    .sSafe_case1 .cont_box {margin-top:5%;}
    .sSafe_case1 .cont_box .map_box {height:400px; border-radius:15px; margin-bottom:3%;}
    .sSafe_case1 .cont_box .s_txt1 {margin-top:1%;}
    .sSafe_case1 .cont_box .info_box {margin-top:5%; padding-top:5%;}
    .sSafe_case1 .cont_box .info_box .tel {font-size:2em;}
    .sSafe_case1 .cont_box .info_box ul {margin-top:2%;}
    .sSafe_case1 .cont_box .info_box ul li strong {width:60px;}
    .sSafe_case1 .cont_box .info_box .qr {margin-top:4%;}
    .sSafe_case1 .cont_box .info_box .qr .img {width:140px; height:140px; padding:8px;}
    .sSafe_case1 .cont_box .info_box .qr dl {padding-left:30px;}
    .sSafe_case1 .cont_box .info_box .qr dl dt {font-size:1.3em;}
    .sSafe_case1 .cont_box .info_box .qr dl dd {font-size:1em; margin-top:1%;}
}

@media screen and (max-width:767px){
    .sSafe_case1 .tit_box {display:block;}
    .sSafe_case1 .tab_box {margin-top:2%;}
    .sSafe_case1 .tab_box li button {height:35px; padding:0 12px;}
    .sSafe_case1 .cont_box .map_box {height:200px; border-radius:10px;}
    .sSafe_case1 .cont_box .info_box .tel {font-size:1.5em;}
    .sSafe_case1 .cont_box .info_box .qr .img {width:100px; height:100px; border-width:3px; padding:5px;}
    .sSafe_case1 .cont_box .info_box .qr dl {padding-left:15px;}
}


.sOperator_case1 > div {display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:70px;}
.sOperator_case1 > div:last-child {margin-bottom:0;}
.sOperator_case1 > div .s_tit1 {width:100%; margin-bottom:30px;}
.sOperator_case1 > div .txt_box {width:50%; padding-left:70px;}
.sOperator_case1 > div .txt_box p {font-size:1.125em; color:#666; line-height:1.55em; margin-bottom:15px;}
.sOperator_case1 > div .txt_box p:last-child {margin-bottom:0;}
.sOperator_case1 > div .txt_box p strong {color:#0098ee; font-weight:600;}
.sOperator_case1 > div .txt_box ul {margin-top:30px;}
.sOperator_case1 > div .txt_box ul li {font-size:1.125em; font-weight:500; line-height:1.5em; padding-left:28px; position:relative; margin-bottom:5px;}
.sOperator_case1 > div .txt_box ul li:last-child {margin-bottom:0;}
.sOperator_case1 > div .txt_box ul li:before {content:'\f058'; font-size:1em; color:#0098ee; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:2px;}
.sOperator_case1 > div table {width:100%; border-top:2px solid #191919;}
.sOperator_case1 > div table tbody th {width:175px; border-bottom:1px solid #ccc; font-size:1.125em; line-height:1.55em; font-weight:600; padding:30px; text-align:left; vertical-align:top;}
.sOperator_case1 > div table tbody td {border-bottom:1px solid #ccc; font-size:1.125em; color:#666; line-height:1.55em; padding:30px 20px;}

.sOperator_case1 > div.case2 {margin:100px 0; padding:100px 0; position:relative;}
.sOperator_case1 > div.case2:before {content:''; display:block; width:100vw; height:100%; background:#f9f9f9; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1;}

.sOperator_slide {width:50%; border-radius:20px; overflow:hidden; position:relative;}
.sOperator_slide .swiper-slide img {width:100%;}
.sOperator_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px;}
.sOperator_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; background:#fff; border-radius:50%; opacity:0.5; margin:0 7.5px;}
.sOperator_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {opacity:1;}

.sOperator_slide2 .swiper-slide {width:500px;}
.sOperator_slide2 img {width:100%;}

@media screen and (max-width:1220px){
    .sOperator_case1 > div .txt_box {padding-left:35px;}
}

@media screen and (max-width:1024px){
    .sOperator_case1 > div {margin-bottom:7%;}
    .sOperator_case1 > div .s_tit1 {margin-bottom:2%;}
    .sOperator_case1 > div .txt_box p {font-size:1em; margin-bottom:10px;}
    .sOperator_case1 > div .txt_box ul {margin-top:3%;}
    .sOperator_case1 > div .txt_box ul li {font-size:1em; padding-left:22px; margin-bottom:3px;}
    .sOperator_case1 > div .txt_box ul li:before {top:0;}
    .sOperator_case1 > div table tbody th {width:130px; font-size:1em; padding:15px;}
    .sOperator_case1 > div table tbody td {font-size:1em; padding:15px;}

    .sOperator_case1 > div.case2 {margin:10% 0; padding:10% 0;}

    .sOperator_slide {border-radius:15px;}
    .sOperator_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px;}
    .sOperator_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}

    .sOperator_slide2 .swiper-slide {width:350px;}
}

@media screen and (max-width:767px){
    .sOperator_case1 > div {margin-bottom:10%;}
    .sOperator_case1 > div .s_tit1 {margin-bottom:2%;}
    .sOperator_case1 > div .txt_box {width:100%; padding-left:0; margin-top:3%;}
    .sOperator_case1 > div .txt_box p {margin-bottom:1.5%;}
    .sOperator_case1 > div .txt_box ul li {padding-left:18px;}
    .sOperator_case1 > div table tbody th {width:115px; padding:12px;}
    .sOperator_case1 > div table tbody td {padding:12px 0;}

    .sOperator_slide {width:100%; border-radius:10px;}
    .sOperator_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px;}

    .sOperator_slide2 .swiper-slide {width:270px;}
}


.sContact_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:50px;}
.sContact_case1 .form_box > div {width:calc(50% - 10px); margin-bottom:20px;}
.sContact_case1 .form_box > div.w_100 {width:100%;}
.sContact_case1 .form_box > div > label {display:block; font-size:1.125em; font-weight:600; margin-bottom:15px;}
.sContact_case1 .form_box > div > label span {font-size:0.88em; color:#0098ee; font-weight:500; margin-left:10px;}
.sContact_case1 .form_box > div .form_txt {display:block; width:100%; height:49px; background:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:0; font-size:1em; color:#666; padding:0 20px;}
.sContact_case1 .form_box > div .form_textarea {display:block; width:100%; height:180px; background:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:0; font-size:1em; color:#666; 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 .select_box {width:100%; position:relative;}
.sContact_case1 .form_box > div .select_box:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sContact_case1 .form_box > div .select_box select {display:block; width:100%; height:49px; background:rgba(255,255,255,0.7); border:1px solid #ccc; border-radius:0; font-size:1em; color:#666; padding:0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.sContact_case1 .form_box > div .phone_box {display:flex; align-items:center;}
.sContact_case1 .form_box > div .phone_box span {width:28px; font-size:1.125em; color:#666; text-align:center}
.sContact_case1 .form_box > div .phone_box .form_txt, .sContact_case1 .form_box > div .phone_box .select_box {width:calc(33.33% - 18.66px)}

.sContact_case1 .form_box > div .email_box {display:flex; align-items:center;}
.sContact_case1 .form_box > div .email_box span {width:36px; font-size:1.125em; color:#666; text-align:center}
.sContact_case1 .form_box > div .email_box .form_txt {width:calc(50% - 108px)}
.sContact_case1 .form_box > div .email_box .select_box {width:170px; margin-left:10px;}

.sContact_case1 .form_box > div .date_box {position:relative;}
.sContact_case1 .form_box > div .date_box .form_txt {padding-right:40px;}
.sContact_case1 .form_box > div .date_box:after {content:'\f133'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}

.sContact_case1 .form_box > div .count_box {position:relative;}
.sContact_case1 .form_box > div .count_box .form_txt {padding-right:40px;}
.sContact_case1 .form_box > div .count_box span {font-size:1.125em; font-weight:600; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}

.sContact_case1 .form_box > div .add_box {display:flex; flex-wrap:wrap;}
.sContact_case1 .form_box > div .add_box button {display:block; width:125px; height:49px; background:#191919; border-radius:0; font-size:1em; color:#fff; font-weight:500; margin-left:5px;}
.sContact_case1 .form_box > div .add_box .form_txt:nth-child(1) {width:245px;}
.sContact_case1 .form_box > div .add_box .form_txt:nth-child(1) ~ .form_txt {margin-top:10px;}

.sContact_case1 .form_box > div .file_box {position:relative; margin-bottom:5px;}
.sContact_case1 .form_box > div .file_box:last-of-type {margin-bottom:0;}
.sContact_case1 .form_box > div .file_box:before {content:'\e09a'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sContact_case1 .form_box > div .file_box input[type="file"] {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}

.sContact_case1 .privacy_box {width:100%; height:120px; background:#f9f9f9; overflow-y:auto; padding:20px;}
.sContact_case1 .privacy_box p {font-size:1em; color:#666; line-height:1.7em;}

.sContact_case1 .btn_box {width:100%; margin-top:15px; overflow:hidden;}
.sContact_case1 .btn_box button {float:right; }

.sContact_case1 .check_box input {display:none;}
.sContact_case1 .check_box label {display:flex; align-items:center;}
.sContact_case1 .check_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:29px; height:29px; background:#ccc; border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
.sContact_case1 .check_box label span {font-size:1em; font-weight:500; padding-left:10px;}
.sContact_case1 .check_box input:checked + label:before {background:#0098ee;}

@media screen and (max-width:1024px){
    .sContact_case1 .form_box {margin-top:5%;}
    .sContact_case1 .form_box > div {width:calc(50% - 5px); margin-bottom:15px;}
    .sContact_case1 .form_box > div > label {font-size:1em; margin-bottom:10px;}
    .sContact_case1 .form_box > div .form_txt {height:40px; padding:0 15px;}
    .sContact_case1 .form_box > div .form_textarea {height:120px; padding:15px;}
    .sContact_case1 .form_box > div .select_box:after {right:15px;}
    .sContact_case1 .form_box > div .select_box select {height:40px; padding:0 15px;}

    .sContact_case1 .form_box > div .phone_box span {width:20px; font-size:1em;}
    .sContact_case1 .form_box > div .phone_box .form_txt, .sContact_case1 .form_box > div .phone_box .select_box {width:calc(33.33% - 13.33px)}
    
    .sContact_case1 .form_box > div .email_box span {width:25px; font-size:1em;}
    .sContact_case1 .form_box > div .email_box .form_txt {width:calc(33.33% - 10px)}
    .sContact_case1 .form_box > div .email_box .select_box {width:calc(33.33% - 10px); margin-left:5px;}

	.sContact_case1 .form_box > div .date_box:after {right:15px;}

	.sContact_case1 .form_box > div .count_box span {right:15px;}

	.sContact_case1 .form_box > div .add_box button {width:100px; height:40px; font-size:0.9375em;}
	.sContact_case1 .form_box > div .add_box .form_txt:nth-child(1) {width:200px;}
	.sContact_case1 .form_box > div .add_box .form_txt:nth-child(1) ~ .form_txt {margin-top:5px;}
	
    .sContact_case1 .form_box > div .file_box:before {right:15px;}

    .sContact_case1 .privacy_box {height:100px; padding:15px;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box > div {width:100%;}
    .sContact_case1 .form_box > div > label {margin-bottom:5px;}
	.sContact_case1 .form_box > div > label span {margin-left:5px;}
    .sContact_case1 .form_box > div .form_txt {height:38px; padding:0 10px;}
    .sContact_case1 .form_box > div .form_textarea {height:100px; padding:10px;}
    .sContact_case1 .form_box > div .select_box:after {right:10px;}
    .sContact_case1 .form_box > div .select_box select {height:38px; padding:0 10px;}

    .sContact_case1 .form_box > div .phone_box span {width:15px;}
    .sContact_case1 .form_box > div .phone_box .form_txt, .sContact_case1 .form_box > div .phone_box .select_box {width:calc(33.33% - 10px)}
    
    .sContact_case1 .form_box > div .email_box span {width:15px; font-size:1em;}
    .sContact_case1 .form_box > div .email_box .form_txt {width:calc(33.33% - 6.66px)}
    .sContact_case1 .form_box > div .email_box .select_box {width:calc(33.33% - 6.66px);}

	.sContact_case1 .form_box > div .date_box:after {right:10px;}
	.sContact_case1 .form_box > div .date_box .form_txt {padding-right:25px;}

	.sContact_case1 .form_box > div .count_box span {right:10px;}
	.sContact_case1 .form_box > div .count_box .form_txt {padding-right:25px;}
	
	.sContact_case1 .form_box > div .add_box button {width:90px; height:38px; margin-left:3px;}
	.sContact_case1 .form_box > div .add_box .form_txt:nth-child(1) {width:150px;}
	
    .sContact_case1 .form_box > div .file_box:before {right:10px;}

    .sContact_case1 .privacy_box {padding:10px;}

    .sContact_case1 .btn_box {display:block; overflow:hidden;}
    .sContact_case1 .btn_box button {float:right; margin-top:15px;}

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

.modal_popup2 {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.7); position:fixed; left:0; top:0; z-index:400;}
.modal_popup2.on {display:flex;}
.modal_inner2 {width:88%; max-width:580px; background:#fff; border-radius:20px; box-shadow:5px 5px 20px rgba(25,25,25,0.2); position:relative; padding:30px 40px 40px;}
.modal_inner2 .close_btn {font-size:1.875em; position:absolute; right:30px; top:30px;}
.modal_inner2 .img {width:100%; text-align:center;}
.modal_inner2 .img img {max-width:100%;}
.modal_inner2 .tit {font-size:1.5em; line-height:1.3em; font-weight:700; margin-top:30px;}
.modal_inner2 ul {margin-top:15px;}
.modal_inner2 ul li {font-size:1.125em; color:#666; line-height:1.55em; padding-left:18px; position:relative;}
.modal_inner2 ul li:before {content:''; display:block; width:3px; height:3px; background:#191919; border-radius:50%; position:absolute; left:0; top:12px;}

@media screen and (max-width:1024px){
    .modal_inner2 {max-width:500px; border-radius:15px; padding:25px;}
    .modal_inner2 .close_btn {font-size:1.5em; right:20px; top:15px;}
    .modal_inner2 .img img {max-height:200px;}
    .modal_inner2 .tit {font-size:1.3em; margin-top:15px;}
    .modal_inner2 ul {margin-top:5px;}
    .modal_inner2 ul li {font-size:1em; padding-left:12px;}
    .modal_inner2 ul li:before {top:10px;}
}

@media screen and (max-width:767px){
    .modal_inner2 {border-radius:10px; padding:20px;}
    .modal_inner2 .img img {max-height:140px;}
    .modal_inner2 .tit {font-size:1.2em;}
    .modal_inner2 ul li {padding-left:10px;}
    .modal_inner2 ul li:before {top:8px;}
}