@charset "utf-8";

.waterlab_btn1 {display:block; width:fit-content; border-radius:50px; position:relative; padding:16px 32px; overflow:hidden;}
.waterlab_btn1:before {content:''; display:block; width:100%; height:100%; border:2px solid #fff; border-radius:50px; position:absolute; left:0; top:0; pointer-events:none;}
.waterlab_btn1 span {display:flex; align-items:center; font-size:1em; color:#fff; font-weight:600; font-family:var(--font-poppins); position:relative; z-index:5;}
.waterlab_btn1 span:after {content:''; display:block; width:8px; height:8px; background:#fff; border-radius:50%; margin-left:24px; position:relative; z-index:3;}
.waterlab_btn1 span:before {content:''; display:block; width:8px; height:8px; background:#132ecf; border-radius:50%; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:transform 0.4s ease-in-out; z-index:-1;}
.waterlab_btn1:hover span:before {transform:translateY(-50%) scale(50)}

@media screen and (max-width:1024px){
    .waterlab_btn1 {padding:12px 20px;}
    .waterlab_btn1 span:after {margin-left:16px;}
}

@media screen and (max-width:767px){
    .waterlab_btn1 {padding:9px 14px;}
    .waterlab_btn1 span:after {width:6px; height:6px; margin-left:12px;}
    .waterlab_btn1 span:before {width:6px; height:6px;}
}


/* header */
#waterlab_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:104px; padding:0 40px; position:fixed; left:0; top:0; z-index:500; transition:all 0.5s; transition-property:background, height;}
#waterlab_header.case2 {position:absolute;}

#waterlab_header .h_util {display:flex; align-items:center; gap:0 40px; position:relative; z-index:20;}
#waterlab_header .h_lang {background:rgba(255,255,255,0.2); border-radius:40px; position:relative; padding:4px;}
#waterlab_header .h_lang .circle {width:calc(100% - 8px); height:calc(100% - 8px); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#waterlab_header .h_lang .circle i {width:32px; height:32px; background:#132ecf; border-radius:50%; position:absolute; top:0;}
#waterlab_header .h_lang ul {display:flex; position:relative; z-index:5;}
#waterlab_header .h_lang ul li a {display:flex; justify-content:center; align-items:center; width:32px; height:32px; font-size:0.75em; color:#fff; font-weight:600; font-family:var(--font-poppins);}

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

#waterlab_gnb {width:100%; position:absolute; left:0; top:0;}
#waterlab_gnb > ul {display:flex; justify-content:center; width:100%;}
#waterlab_gnb > ul > li {position:relative;}
#waterlab_gnb > ul > li > a {display:block; font-size:1.25em; color:#fff; line-height:104px; font-weight:600; font-family:var(--font-poppins); text-transform:uppercase; padding:0 36px; transition:color 0.4s, line-height 0.5s;}
#waterlab_gnb > ul > li > ul {width:fit-content; position:absolute; left:50%; top:80%; transform:translateX(-50%); padding:15px 0; opacity:0; visibility:hidden; transition:all 0.2s; transition-property:opacity, visibility;}
#waterlab_gnb > ul > li > ul:before {content:''; display:block; width:100%; height:0; background:#4d7dff; border-radius:10px; position:absolute; left:0; top:0; transition:all 0.2s cubic-bezier(0.4, 0, 1, 1);}
#waterlab_gnb > ul > li > ul > li {position:relative; z-index:5; opacity:0; transition:opacity 0.6s;}
#waterlab_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#fff; line-height:1.4em; text-align:center; font-family:var(--font-poppins); padding:8px 40px; transition:color 0.4s; text-transform:uppercase; white-space:nowrap;}
#waterlab_gnb > ul > li > ul.on > li > a {color:rgba(255,255,255,0.5)}
#waterlab_gnb > ul > li > ul > li > a:hover {color:#fff;}

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

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:10; opacity:0; visibility:hidden; transition:all 0.2s;}
#all_gnb:before {content:''; display:block; width:100%; height:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); position:absolute; left:0; top:0; transition:height 0.5s; transition-delay:0.2s;}
#all_gnb > ul {display:flex; width:88%; max-width:1600px; text-align:center;}
#all_gnb > ul > li {width:20%; padding:0 20px; position:relative; opacity:0; transform:translateY(30px); transition:all 0.5s; transition-property:opacity, transform; transition-delay:0.2s;}
#all_gnb > ul > li > a {font-size:3em; color:#fff; font-weight:600; font-family:var(--font-poppins); margin-bottom:10px;}
#all_gnb > ul > li > ul > li > a {display:block; font-size:1.25em; color:#fff; font-family:var(--font-poppins); padding:10px 0; transition:opacity 0.3s; text-transform:uppercase}
#all_gnb > ul > li > ul:hover > li > a {opacity:0.4;}
#all_gnb > ul > li > ul > li > a:hover {opacity:1;}

#waterlab_header.on {background:none !important; backdrop-filter:unset !important}
#waterlab_header.on #all_gnb {opacity:1; visibility:visible;}
#waterlab_header.on #all_gnb:before {height:100%; transition-delay:0s;}
#waterlab_header.on #all_gnb > ul > li {opacity:1; transform:translateY(0)}
#waterlab_header.on #all_gnb > ul > li:nth-child(1) {transition-delay:0.3s;}
#waterlab_header.on #all_gnb > ul > li:nth-child(2) {transition-delay:0.4s;}
#waterlab_header.on #all_gnb > ul > li:nth-child(3) {transition-delay:0.5s;}
#waterlab_header.on #all_gnb > ul > li:nth-child(4) {transition-delay:0.6s;}
#waterlab_header.on #all_gnb > ul > li:nth-child(5) {transition-delay:0.7s;}

#menuToggle {display:block; width:36px; height:36px; position:relative;}
#menuToggle span {display:block; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:transform 0.4s ease-in-out}
#menuToggle span:before, #menuToggle span:after {content:''; display:block; width:100%; height:100%; background:#fff; border-radius:50%; position:absolute; top:0;}
#menuToggle span:before {right:100%; margin-right:6px;}
#menuToggle span:after {left:100%; margin-left:6px;}


#waterlab_header.on #menuToggle span:nth-child(1) {transform:translate(-50%, -50%) rotate(45deg)}
#waterlab_header.on #menuToggle span:nth-child(2) {transform:translate(-50%, -50%) rotate(-45deg)}

#waterlab_header.scroll_on {background:rgba(0,0,0,0.4); backdrop-filter:blur(15px);}

@media screen and (min-width:1025px){
    #all_gnb > ul > li:before {content:''; display:block; width:12px; height:12px; background:#4d7dff; border-radius:50%; position:absolute; left:12%; bottom:105%; opacity:0; transform:translateY(-30px); transition:all 0.8s ease-in-out;}
    #all_gnb > ul > li:hover:before {opacity:1; transform:translateY(0)}
    #all_gnb > ul > li > ul {display:block !important;}

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

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

    #waterlab_gnb {padding:0 6%;}
    #waterlab_gnb > ul {padding:0 150px 0 230px;}
    #waterlab_gnb > ul > li > a {font-size:1.125em; padding:0 20px;}
    #waterlab_gnb > ul > li > ul {width:fit-content;}
    #waterlab_gnb > ul > li > ul > li > a {padding:8px 25px; white-space:nowrap;}
}

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

    #waterlab_header .h_util {gap:0 20px;}
    #waterlab_header .h_lang {padding:3px;}
    #waterlab_header .h_lang .circle {width:calc(100% - 6px); height:calc(100% - 6px)}
    #waterlab_header .h_lang .circle i {width:28px; height:28px;}
    #waterlab_header .h_lang ul li a {width:28px; height:28px;}

    #waterlab_logo {width:153px; height:19px;}

    #waterlab_gnb {display:none;}

    #all_gnb > ul {display:block;}
    #all_gnb > ul > li {width:100%; padding:10px 0;}
    #all_gnb > ul > li > a {font-size:2em;}
    #all_gnb > ul > li > ul {display:none;}
    #all_gnb > ul > li > ul > li > a {font-size:1.125em; padding:7px 0;}

    #menuToggle {width:28px; height:28px;}
    #menuToggle span {width:6px; height:6px;}
    #menuToggle span:before {margin-right:5px;}
    #menuToggle span:after {margin-left:5px;}
}

@media screen and (max-width:767px){
    #waterlab_header .h_util {gap:0 13px;}
    #waterlab_header .h_lang .circle i {width:25px; height:25px;}
    #waterlab_header .h_lang ul li a {width:25px; height:25px;}

    #all_gnb > ul > li > a {font-size:1.7em;}
    #all_gnb > ul > li > ul > li > a {font-size:1em;}

    #menuToggle {width:25px; height:25px;}
    #menuToggle span {width:5px; height:5px;}
    #menuToggle span:before {margin-right:4px;}
    #menuToggle span:after {margin-left:4px;}
}


/* footer */
#waterlab_footer {width:100%; border-top:1px solid #bec1c7; padding:40px 0 60px;}
#waterlab_footer > div {display:flex; align-items:start; position:relative; padding-right:250px;}
#waterlab_footer .f_logo {width:97px;}
#waterlab_footer .f_logo img {width:100%;}
#waterlab_footer .f_info {width:calc(100% - 97px); padding-left:40px;}
#waterlab_footer .f_info ul li {display:inline-block; font-size:1em; color:#6b7280; line-height:1.4em; margin:0 16px 8px 0;}
#waterlab_footer .f_info ul li strong {color:#111827; font-weight:500; margin-right:8px;}
#waterlab_footer .f_info ul li a {color:#6b7280}
#waterlab_footer .f_info > div {display:flex; align-items:center; gap:8px; margin-top:16px;}
#waterlab_footer .f_info .copy {font-size:1em; font-weight:500;}
#waterlab_footer .f_member {display:flex; gap:5px;}
#waterlab_footer .f_member a {display:block; border:1px solid #6b7280; border-radius:30px; font-size:0.875em; color:#6b7280; padding:4px 10px; transition:all 0.5s; transition-property:background, border, color;}
#waterlab_footer .f_member a:hover {background:#132ecf; border-color:#132ecf; color:#fff}
#waterlab_footer .f_sns {display:flex; gap:16px; width:250px; position:absolute; right:0; top:0;}
#waterlab_footer .f_sns li a {display:flex; justify-content:center; align-items:center; width:32px; height:32px; font-size:1.375em; transition:color 0.4s; position:relative;}
#waterlab_footer .f_sns li.youtube a {font-size:1.25em;}
#waterlab_footer .f_sns li img {transition:opacity 0.5s;}
#waterlab_footer .f_sns li img.hover {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5; opacity:0;}
#waterlab_footer .f_sns li a:hover {color:#132ecf;}
#waterlab_footer .f_sns li a:hover img {opacity:0;}
#waterlab_footer .f_sns li a:hover img.hover {opacity:1;}
#waterlab_footer .go_top {display:block; width:48px; height:48px; background:#132ecf; border-radius:50%; font-size:1.125em; color:#fff; position:fixed; right:24px; bottom:24px; z-index:300;}

@media screen and (max-width:1220px){
    #waterlab_footer > div {padding-right:130px;}
    #waterlab_footer .f_info ul br {display:none;}
    #waterlab_footer .f_sns {width:auto;}
    #waterlab_footer .go_top {right:6%;}
}

@media screen and (max-width:1024px){
    #waterlab_footer {padding:5% 0;}
    #waterlab_footer .f_logo {width:75px;}
    #waterlab_footer .f_info {width:calc(100% - 75px); padding-left:25px;}
    #waterlab_footer .f_sns {gap:10px;}
    #waterlab_footer .go_top {width:42px; height:42px; font-size:1em;}
}

@media screen and (max-width:767px){
    #waterlab_footer > div {display:block; padding-right:0;}
    #waterlab_footer .f_logo {width:60px;}
    #waterlab_footer .f_info {width:100%; padding-left:0; margin-top:15px;}
    #waterlab_footer .f_info ul li {font-size:0.9375em; margin:0 8px 3px 0;}
    #waterlab_footer .f_info ul li strong {margin-right:5px;}
    #waterlab_footer .f_info > div {margin-top:10px;}
    #waterlab_footer .f_info .copy {font-size:0.9375em;}
    #waterlab_footer .f_sns {gap:3px; top:22px;}
    #waterlab_footer .f_sns li a {width:28px; height:28px; font-size:1.2em;}
    #waterlab_footer .f_sns li.youtube a {font-size:1.125em;}
    #waterlab_footer .f_sns li a img {width:48%;}
    #waterlab_footer .go_top {width:32px; height:32px;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:calc(100vh + 60px); position:relative; overflow:hidden;}
#mVisu .img_box {width:100%; height:100%; background:#132ecf url(../images/mVisu_img1.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; transform:scale(1.1); animation:mVisuImg 2s ease-in-out forwards}
#mVisu .txt_box p {overflow:hidden;}
#mVisu .txt_box p span {display:block;}
#mVisu .txt_box .tit {font-size:7.5em; color:#fff; line-height:1.1em; font-weight:600; font-family:var(--font-poppins)}
#mVisu .txt_box .txt {font-size:1.25em; color:#fff; line-height:1.5em; font-weight:500; margin-top:24px}
#mVisu .scroll_box {display:flex; align-items:center; margin-top:55px;}
#mVisu .scroll_box .icon {display:block; width:14px; height:32px; background:rgba(255,255,255,0.2); border-radius:20px; position:relative}
#mVisu .scroll_box .icon:before {content:''; display:block; width:6px; height:6px; background:#fff; border-radius:50%; position:absolute; left:4px; top:4px; animation:mVisuScroll 1.5s ease-in-out infinite}
#mVisu .scroll_box p {font-size:0.75em; color:#fff; font-weight:600; font-family:var(--font-poppins); text-transform:uppercase; margin-left:12px;}

#mVisu .wave_box {width:100%; position:absolute; left:0; bottom:0; z-index:30;}
#mVisu .wave_box div {width:100%; position:absolute; left:0; bottom:0; pointer-events:none; transform:translateY(100%); transition:transform 0.4s ease-in-out}
#mVisu .wave_box div:nth-child(1) {transition-delay:0s}
#mVisu .wave_box div:nth-child(2) {transition-delay:0.2s}
#mVisu .wave_box div img {width:100%;}

#mVisu.scroll_on .wave_box div {transform:translateY(0)}
#mVisu.scroll_on .wave_box div:nth-child(1) {transition-delay:0.2s}
#mVisu.scroll_on .wave_box div:nth-child(2) {transition-delay:0s}

@keyframes mVisuScroll {
	0% {opacity: 0; top:calc(50% - 0.8rem);}
	10% {opacity: 1; top:calc(50% - 0.8rem);}
	80% {opacity: 1; top:calc(50% + 0.4rem);}
	100% {opacity: 0; top:calc(50% + 0.4rem);}
}

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

@media screen and (max-width:1024px){
    #mVisu {height:100vh;}
    #mVisu .txt_box .tit {font-size:6em;}
    #mVisu .txt_box .txt {font-size:1.125em; margin-top:2%;}
    #mVisu .scroll_box {margin-top:5%;}

    #mVisu .wave_box {width:150%;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box .tit {font-size:3em;}
    #mVisu .txt_box .txt {font-size:1em;}
    #mVisu .scroll_box .icon {width:12px; height:24px;}
    #mVisu .scroll_box .icon:before {width:4px; height:4px;}
    #mVisu .scroll_box p {margin-left:6px;}

    #mVisu .wave_box {width:300%;}
}


.main_title .en {font-size:1.25em; font-weight:600; font-family:var(--font-poppins); text-transform:uppercase; margin-bottom:24px;}
.main_title h2 {font-size:4.375em; line-height:1.2em; font-weight:600; font-family:var(--font-poppins)}
.main_title .txt {font-size:1.25em; line-height:1.5em; font-weight:500; margin-top:16px;}
.main_title.white .en {color:rgba(255,255,255,0.5)}
.main_title.white h2 {color:#fff;}
.main_title.white .txt {color:#fff;}

@media screen and (max-width:1024px){
    .main_title .en {font-size:1.125em; margin-bottom:2%;}
    .main_title h2 {font-size:3.2em;}
    .main_title .txt {font-size:1.125em; margin-top:1.5%;}
}

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



#mCompany {width:100%; height:600vh; position:relative;}
#mCompany > div {width:100%; height:100vh; position:sticky; left:0; top:0; overflow:hidden;}
#mCompany .box1 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#132ecf; position:absolute; left:0; top:0; z-index:0;}
#mCompany .box1 .tit {font-size:10em; color:#fff; line-height:1em; font-weight:700; font-family:var(--font-poppins); text-transform:uppercase;}
#mCompany .box1 .tit .motion .char {display:inline-block; opacity:0; transform:translateY(50px);}
#mCompany .box1 .txt {font-size:2.5em; color:#fff; line-height:1.4em; font-weight:700; margin-top:24px; transform:translateY(60px); opacity:0; transition:all 0.7s 0.4s; transition-property:opacity, transform;}
#mCompany .box1.on .txt {opacity:1; transform:translateY(0)}

#mCompany .box2 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#fc5100; position:absolute; left:0; top:0; z-index:5;}
#mCompany .box2 .tit img {width:100%;}
#mCompany .box2 .img_box {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
#mCompany .box2 .img_box div {display:flex; justify-content:center; align-items:center;}

#mCompany .box3 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#04c048; position:absolute; left:0; top:0; z-index:10;}
#mCompany .box3 .tit img {width:100%;}
#mCompany .box3 .img_box {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
#mCompany .box3 .img_box div {display:flex; justify-content:center; align-items:center;}

@media screen and (max-width:1460px){
    #mCompany .box1 .tit {font-size:8em;}
}

@media screen and (max-width:1220px){
    #mCompany .box1 .tit {font-size:9.5vw;}

    #mCompany .box2 .img_box div {height:50vw;}
    #mCompany .box2 .img_box div img {height:100%;}
    
    #mCompany .box3 .img_box div {height:50vw;}
    #mCompany .box3 .img_box div img {height:100%;}
}

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

@media screen and (max-width:767px){
    #mCompany .box1 .txt {font-size:1.25em; margin-top:2%;}

    #mCompany .box2 .img_box {flex-wrap:wrap;}
    #mCompany .box2 .img_box div {width:50%; height:50vh;}
    #mCompany .box2 .img_box div img {height:70%;}

    #mCompany .box3 .img_box {flex-wrap:wrap;}
    #mCompany .box3 .img_box div {width:50%; height:50vh;}
    #mCompany .box3 .img_box div img {height:70%;}
}


#mProduct {width:100%; overflow:hidden; padding:160px 0;}
#mProduct .tab_box {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; width:100%; margin-top:40px;}
#mProduct .tab_box li button {display:block; border:1px solid #e5e7eb; border-radius:40px; font-size:1.125em; color:#6b7280; font-family:var(--font-poppins); padding:12px 32px; transition:all 0.5s; transition-property:background, border, color;}
#mProduct .tab_box li button:hover {border-color:#132ecf; color:#132ecf;}
#mProduct .tab_box li.on button {background:#132ecf; border-color:#132ecf; color:#fff; font-weight:600;}
.mProduct_slide {width:100%; margin-top:80px;}
.mProduct_slide a {display:block; text-align:center; transition:transform 0.5s}
.mProduct_slide .img {width:100%; border-radius:20px; position:relative;}
.mProduct_slide .img:before {content:''; display:block; width:100%; height:100%; border:3px solid #132ecf; border-radius:20px; box-shadow:5px 5px 20px rgba(19,46,207,0.15); position:absolute; left:0; top:0; pointer-events:none; opacity:0; transition:opacity 0.5s;}
.mProduct_slide .img > div {width:100%; height:0; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.mProduct_slide .img img {width:100%; border-radius:20px;}
.mProduct_slide .cate {font-size:1.125em; color:#132ecf; font-weight:500; font-family:var(--font-poppins); line-height:1.5em; margin-top:32px;}
.mProduct_slide .subject {font-size:1.5em; line-height:1.4em; font-weight:600; font-family:var(--font-poppins); margin-top:4px;}
.mProduct_slide .swiper-slide:hover a {transform:translateY(-24px)}
.mProduct_slide .swiper-slide:hover .img:before {opacity:1;}

@media screen and (max-width:1024px){
    #mProduct {padding:16% 0;}
    #mProduct .tab_box {gap:5px; margin-top:4%;}
    #mProduct .tab_box li button {font-size:1em; padding:10px 20px;}
    .mProduct_slide {margin-top:8%;}
    .mProduct_slide .img {border-radius:15px;}
    .mProduct_slide .img:before {border-radius:15px;}
    .mProduct_slide .img img {border-radius:15px;}
    .mProduct_slide .cate {font-size:1em; margin-top:20px;}
    .mProduct_slide .subject {font-size:1.3em;}
}

@media screen and (max-width:767px){
    #mProduct .tab_box {gap:3px;}
    #mProduct .tab_box li button {padding:6px 12px;}
    .mProduct_slide .img {border-radius:10px;}
    .mProduct_slide .img:before {border-radius:10px;}
    .mProduct_slide .img img {border-radius:10px;}
    .mProduct_slide .cate {margin-top:10px;}
    .mProduct_slide .subject {font-size:1.2em;}
}


#mRnd {width:100%; background:#132ecf url(../images/mRndBG.png) no-repeat center center; background-size:cover; padding:160px 0 320px; overflow:hidden; position:relative;}
#mRnd .waterlab_btn1 {margin-top:55px;}
#mRnd .t1 {font-size:12.5em; color:rgba(255,255,255,0.2); font-weight:600; font-family:var(--font-poppins); line-height:1em; white-space:nowrap; position:absolute; right:80px; bottom:80px;}

@media screen and (max-width:1220px){
    #mRnd .t1 {font-size:10em;}
}

@media screen and (max-width:1024px){
    #mRnd {padding:16% 0 6%;}
    #mRnd .waterlab_btn1 {margin-top:35px;}
    #mRnd .t1 {font-size:15vw; text-align:right; padding:0 6%; position:relative; right:0; bottom:0; margin-top:8%;}
}

@media screen and (max-width:767px){
    #mRnd .waterlab_btn1 {margin-top:20px;}
}


#mMedia {width:100%; padding:160px 0; overflow:hidden;}
.mMedia_slide {width:100%; margin-top:80px;}
.mMedia_slide .img_box {width:100%; height:309px; border-radius:20px; overflow:hidden;}
.mMedia_slide .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
.mMedia_slide .subject {font-size:1.25em; line-height:1.5em; font-weight:700; margin-top:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mMedia_slide .cont {font-size:1.125em; color:#6b7280; line-height:1.55em; margin-top:8px; max-height:3.1em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mMedia_slide .date {font-size:1em; color:#6b7280; margin-top:16px;}
.mMedia_slide a:hover .img_box div {transform:scale(1.1)}

@media screen and (max-width:1460px){
    .mMedia_slide .img_box {height:270px;}
}

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

@media screen and (max-width:1024px){
    #mMedia {padding:16% 0;}
    .mMedia_slide {margin-top:5%;}
    .mMedia_slide .img_box {border-radius:15px;}
    .mMedia_slide .subject {font-size:1.125em; margin-top:20px;}
    .mMedia_slide .cont {font-size:1em; margin-top:5px;}
    .mMedia_slide .date {font-size:0.9375em;}
}

@media screen and (max-width:767px){
    .mMedia_slide .img_box {height:52vw; border-radius:10px;}
    .mMedia_slide .subject {margin-top:15px;}
    .mMedia_slide .date {margin-top:10px;}
}


#mContact {display:flex; align-items:center; height:440px; background:#132ecf; border-radius:20px; margin-bottom:160px; position:relative; overflow:hidden; padding:0 120px;}
#mContact .img_box {width:100%; height:900px; background:url(../images/mContactBG.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0;}
#mContact .main_title {position:relative; z-index:10;}
#mContact .waterlab_btn1 {position:absolute; right:80px; bottom:80px; z-index:5;}

@media screen and (max-width:1220px){
    #mContact {padding:0 80px;}
}

@media screen and (max-width:1024px){
    #mContact {height:350px; border-radius:15px; padding:0 50px; margin-bottom:16%;}
    #mContact .img_box {height:700px;}
    #mContact .waterlab_btn1 {right:50px; bottom:50px;}
}

@media screen and (max-width:767px){
    #mContact {flex-direction:column; width:100%; height:auto; padding:15% 0; border-radius:0; margin-bottom:0;}
    #mContact .img_box {height:500px; opacity:0.8;}
    #mContact .main_title {text-align:center; margin-bottom:5%;}
    #mContact .waterlab_btn1 {position:relative; right:0; bottom:0;}
}


/* sub */
#sVisu {width:100%; height:480px; background-color:#132ecf; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; padding-top:200px;}
#sVisu h2 {font-size:5em; color:#fff; line-height:1.1em; font-weight:600; font-family:var(--font-poppins); text-align:center; text-transform:uppercase;}

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

@media screen and (max-width:1024px){
    #sVisu {height:370px; padding-top:150px;}
    #sVisu h2 {font-size:4em;}
}

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

.sub_menu_wrap {display:flex; width:100%; height:62px; margin-top:70px; padding:0 16px; position:relative; z-index:150;}
.sub_menu_wrap:before {content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,0.2); border-radius:40px; backdrop-filter:blur(30px); position:absolute; left:0; top:0; z-index:0;}
.sub_menu_wrap .home {display:flex; justify-content:center; align-items:center; width:50px; font-size:1em; color:#fff; position:relative; z-index:5;}
.sub_menu_wrap .home:after {content:''; display:block; width:1px; height:20px; background:rgba(255,255,255,0.2); position:absolute; right:0; top:50%; transform:translateY(-50%)}
.sub_menu_wrap > div {position:relative; z-index:5;}
.sub_menu_wrap > div:after {content:''; display:block; width:1px; height:20px; background:rgba(255,255,255,0.2); position:absolute; right:0; top:50%; transform:translateY(-50%)}
.sub_menu_wrap > div.depth1 {width:230px;}
.sub_menu_wrap > div.depth2 {width:250px;}
.sub_menu_wrap > div button {display:block; width:100%; height:100%; font-size:1.125em; color:#fff; font-weight:600; font-family:var(--font-poppins); text-align:left; padding:0 23px; position:relative; text-transform:uppercase;}
.sub_menu_wrap > div button:after {content:'\f0d7'; font-size:0.77em; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:16px; top:50%; transform:translateY(-50%)}
.sub_menu_wrap > div button.on:after {content:'\f0d8'}
.sub_menu_wrap > div ul {display:none; width:100%; background:rgba(0,0,0,0.12); padding:5px 0; border-radius:8px; backdrop-filter:blur(15px); position:absolute; left:0; top:calc(100% + 10px);}
.sub_menu_wrap > div ul li a {display:block; width:100%; font-size:0.875em; color:#fff; font-weight:500; font-family:var(--font-poppins); padding:10px 23px; text-transform:uppercase;}
.sub_menu_wrap > div ul li a:hover {color:#132ecf; font-weight:700;}
.sub_menu_wrap > div ul li.on a {/*color:#111827; font-weight:700;*/}

@media screen and (max-width:1024px){
    .sub_menu_wrap {height:50px; padding:0 12px;}
    .sub_menu_wrap .home {width:45px;}
    .sub_menu_wrap .home:after {height:15px;}
    .sub_menu_wrap > div:after {height:15px;}
    .sub_menu_wrap > div.depth1 {width:200px;}
    .sub_menu_wrap > div.depth2 {width:220px;}
    .sub_menu_wrap > div button {font-size:1em; padding:0 15px;}
    .sub_menu_wrap > div button:after {right:12px;}
    .sub_menu_wrap > div ul li a {font-size:0.9375em; padding:10px 15px;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {height:40px; padding:0 12px; margin-top:50px; padding:0 10px;}
    .sub_menu_wrap .home {width:40px; font-size:0.9375em;}
    .sub_menu_wrap .home:after {height:13px;}
    .sub_menu_wrap > div:after {height:13px;}
    .sub_menu_wrap > div:last-of-type:after {display:none;}
    .sub_menu_wrap > div.depth1 {width:calc(50% - 20px);}
    .sub_menu_wrap > div.depth2 {width:calc(50% - 20px);}
    .sub_menu_wrap > div button {padding:0 12px;}
    .sub_menu_wrap > div ul li a {padding:8px 12px;}
}


.sub_menu_wrap2 {width:100%; background:#fff; position:sticky; left:0; top:0; padding:10px 0; z-index:100;}
.sub_menu_wrap2 ul {display:flex; justify-content:center; gap:8px; width:100%;}
.sub_menu_wrap2 ul li button {display:block; width:fit-content; height:54px; background:#fff; border:1px solid #e5e7eb; border-radius:30px; font-size:1.125em; color:#6b7280; font-family:var(--font-poppins); text-transform:uppercase; padding:0 32px;}
.sub_menu_wrap2 ul li.on button {background:#fc5100; border-color:#fc5100; color:#fff; font-weight:600;}
.sub_menu_wrap2.case2 ul li.on button {background:#04c048; border-color:#04c048;}
.sub_menu_wrap2.scroll_on {background:rgba(0,0,0,0.4); backdrop-filter:blur(20px);}

@media screen and (max-width:1024px){
    .sub_menu_wrap2 {padding:8px 0;}
    .sub_menu_wrap2 ul {gap:5px;}
    .sub_menu_wrap2 ul li button {height:40px; font-size:1em; padding:0 15px;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap2 ul {gap:3px;}
    .sub_menu_wrap2 ul li button {height:32px; padding:0 12px;}
}

#sub_content {width:100%; margin:120px 0 160px; position:relative;}

.sub_title {font-size:4.675em; line-height:1.1em; font-weight:600; font-family:var(--font-poppins); text-transform:uppercase; text-align:center;}
.sub_title2 {font-size:3.125em; line-height:1.2em; font-weight:600; font-family:var(--font-poppins)}

.s_tit1 {font-size:1.875em; color:#132ecf; line-height:1.3em; font-weight:600;}
.s_tit2 {font-size:1.5em; line-height:1.3em; font-weight:600;}

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

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

    .sub_title {font-size:3.7em;}
    .sub_title2 {font-size:2.7em;}

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

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

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

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

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


.sub_img_box1 > div {display:flex; justify-content:space-between; 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%; border-radius:20px; overflow:hidden;}
.sub_img_box1 > div .img_box img {width:100%;}
.sub_img_box1 > div .txt_box {width:calc(50% - 120px)}
.sub_img_box1 > div .txt_box .t1 {font-size:1.875em; line-height:1.3em; font-weight:600; font-family:var(--font-poppins);}
.sub_img_box1 > div .txt_box .t1 span {font-size:0.53em; color:#bec1c7; margin-left:12px;}
.sub_img_box1 > div .txt_box .t2 {font-size:1.5em; line-height:1.4em; font-weight:600; margin-top:8px;}

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

.sub_img_box2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sub_img_box2 > div {display:flex; align-items:center; width:calc(50% - 40px)}
.sub_img_box2 > div .img_box {width:300px; border-radius:20px; overflow:hidden;}
.sub_img_box2 > div .img_box img {width:100%;}
.sub_img_box2 > div .txt_box {width:calc(100% - 300px); padding-left:55px;}
.sub_img_box2 > div .txt_box .t1 {font-size:1.875em; line-height:1.3em; font-weight:600; font-family:var(--font-poppins);}
.sub_img_box2 > div .txt_box .t2 {font-size:1.5em; line-height:1.4em; font-weight:600; margin-top:8px;}

.sub_img_box3 img {width:100%;}

.sub_img_box4 {width:calc(100% - 80px); height:480px; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; border-radius:20px; margin-left:auto; margin-right:auto;}

@media screen and (max-width:1460px){
    .sub_img_box1 > div .txt_box {width:calc(50% - 70px)}
    
    .sub_img_box1 > div:nth-child(even) .txt_box {padding-left:0;}
    .sub_img_box1.case2 > div:nth-child(even) .txt_box {padding-left:0;}

    .sub_img_box2 > div {width:calc(50% - 20px)}
    .sub_img_box2 > div .img_box {width:40%;}
    .sub_img_box2 > div .txt_box {width:60%; padding-left:40px;}
}

@media screen and (max-width:1220px){
    .sub_img_box1 > div .txt_box {width:calc(50% - 40px)}

    .sub_img_box2 > div {width:100%; margin-bottom:40px;}
    .sub_img_box2 > div:last-child {margin-bottom:0;}
    .sub_img_box2 > div .img_box {width:300px;}
    .sub_img_box2 > div .txt_box {width:calc(100% - 300px);}
}

@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 {width:calc(50% - 30px)}
    .sub_img_box1 > div .txt_box .t1 {font-size:1.5em;}
    .sub_img_box1 > div .txt_box .t2 {font-size:1.3em; margin-top:5px;}
    
    .sub_img_box2 > div {margin-bottom:4%;}
    .sub_img_box2 > div .img_box {width:30%; border-radius:15px;}
    .sub_img_box2 > div .txt_box {width:70%; padding-left:30px;}
    .sub_img_box2 > div .txt_box .t1 {font-size:1.5em;}
    .sub_img_box2 > div .txt_box .t2 {font-size:1.3em; margin-top:5px;}

    .sub_img_box4 {width:88%; height:380px; background-attachment:unset; border-radius:15px;}
}

@media screen and (max-width:767px){
    .sub_img_box1 > div {margin-bottom:10%;}
    .sub_img_box1 > div .img_box {width:100%; border-radius:10px;}
    .sub_img_box1 > div .txt_box {width:100%; margin-top:5%;}
    .sub_img_box1 > div .txt_box .t1 {font-size:1.3em;}
    .sub_img_box1 > div .txt_box .t1 span {font-size:0.7em; margin-left:8px;}
    .sub_img_box1 > div .txt_box .t2 {font-size:1.2em; margin-top:0;}
    
    .sub_img_box2 > div {align-items:start;}
    .sub_img_box2 > div .img_box {width:30%; border-radius:10px;}
    .sub_img_box2 > div .txt_box {width:70%; padding-left:15px;}
    .sub_img_box2 > div .txt_box .t1 {font-size:1.3em;}
    .sub_img_box2 > div .txt_box .t2 {font-size:1.125em; margin-top:0;}

    .sub_img_box4 {height:250px; border-radius:10px;}
}


.sub_list_box1 > li {display:flex; font-size:1.25em; color:#6b7280; line-height:1.5em; margin-bottom:8px; position:relative; padding-left:30px;}
.sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_list_box1 > li:before {content:'·'; display:block; width:30px; font-weight:900; text-align:center; position:absolute; left:0; top:0;}

@media screen and (max-width:1024px){
    .sub_list_box1 > li {font-size:1.125em; margin-bottom:5px; padding-left:20px;}
    .sub_list_box1 > li:before {width:20px;}
}

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


.sub_table_box1 {width:100%; border-top:2px solid #111827;}
.sub_table_box1 thead th {background:#f6f7fb; border-left:1px solid #bec1c7; font-size:1.25em; line-height:1.5em; font-weight:600; text-align:center; padding:24px 5px;}
.sub_table_box1 thead th:first-of-type {border-left:0;}
.sub_table_box1 tbody th {width:200px; background:#f6f7fb; border-bottom:1px solid #bec1c7; font-size:1.25em; line-height:1.5em; font-weight:600; text-align:center; padding:24px 5px;}
.sub_table_box1 tbody td {border-bottom:1px solid #bec1c7; border-left:1px solid #bec1c7; font-size:1.25em; color:#6b7280; line-height:1.5em; padding:24px;}
.sub_table_box1 tbody td:first-of-type {border-left:0;}

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

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


.sBrnad_case1 {display:flex; flex-wrap:wrap; gap:20px; width:100%;}
.sBrnad_case1 > li {width:calc(20% - 16px); background:#f6f7fb; border-radius:20px; padding:32px;}
.sBrnad_case1 > li .icon {display:block; width:64px; height:64px; background-color:#fc5100; background-repeat:no-repeat; background-position:center center; background-size:40px auto; border-radius:15px; margin-bottom:24px;}
.sBrnad_case1 > li dl dt {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sBrnad_case1 > li dl dd {font-size:1.125em; color:#6b7280; line-height:1.55em; margin-top:8px;}
.sBrnad_case1 > li .cmt_box {margin-top:12px; position:relative;}
.sBrnad_case1 > li .cmt_box button {display:block; font-size:1em; color:#fc5100; font-weight:600; padding-left:24px; position:relative; text-align:left;}
.sBrnad_case1 > li .cmt_box button:after {content:'\f059'; font-size:1em; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:2px;}
.sBrnad_case1 > li .cmt_box > div {display:none; background:#fff; border:2px solid #fc5100; border-radius:20px; box-shadow:5px 5px 15px rgba(252,81,0,0.1); position:absolute; left:24px; bottom:100%; margin-bottom:8px; padding:24px;}
.sBrnad_case1 > li .cmt_box > div .tit {font-size:1.5em; color:#fc5100; line-height:1.5em; font-weight:600; white-space:nowrap;}
.sBrnad_case1 > li .cmt_box > div ul {margin-top:8px;}
.sBrnad_case1 > li .cmt_box > div ul li {display:flex; font-size:1em; color:#6b7280; line-height:1.5em; white-space:nowrap; position:relative; padding-left:22px;}
.sBrnad_case1 > li .cmt_box > div ul li:before {content:'·'; display:block; width:22px; text-align:center; font-weight:900; position:absolute; left:0; top:0;}
.sBrnad_case1 > li .cmt_box button.on + div {display:block;}
.sBrnad_case1.case2 > li .icon {background-color:#04c048;}
.sBrnad_case1.case2 > li .cmt_box button {color:#04c048}
.sBrnad_case1.case2 > li .cmt_box > div {border-color:#04c048; box-shadow:5px 5px 15px rgba(4,192,72,0.1);}
.sBrnad_case1.case2 > li .cmt_box > div .tit {font-size:1.25em; color:#04c048; margin-bottom:8px;}
.sBrnad_case1.case2 > li .cmt_box > div dl {white-space:nowrap;}
.sBrnad_case1.case2 > li .cmt_box > div dl dt {font-size:1em; font-weight:600;}
.sBrnad_case1.case2 > li .cmt_box > div dl dd {font-size:1em; color:#6b7280; line-height:1.5em; margin-top:4px;}
.sBrnad_case1.case2 > li .cmt_box > div dl dd.t2 {font-size:0.875em; color:#04c048; font-weight:500;}

.sBrnad_case1 > li .icon1 {background-image:url(../images/sBrnad_icon1_1.png)}
.sBrnad_case1 > li .icon2 {background-image:url(../images/sBrnad_icon1_2.png)}
.sBrnad_case1 > li .icon3 {background-image:url(../images/sBrnad_icon1_3.png)}
.sBrnad_case1 > li .icon4 {background-image:url(../images/sBrnad_icon1_4.png)}
.sBrnad_case1 > li .icon5 {background-image:url(../images/sBrnad_icon1_5.png)}
.sBrnad_case1 > li .icon6 {background-image:url(../images/sBrnad_icon1_6.png)}
.sBrnad_case1 > li .icon7 {background-image:url(../images/sBrnad_icon1_7.png)}
.sBrnad_case1 > li .icon8 {background-image:url(../images/sBrnad_icon1_8.png)}
.sBrnad_case1 > li .icon9 {background-image:url(../images/sBrnad_icon1_9.png)}
.sBrnad_case1 > li .icon10 {background-image:url(../images/sBrnad_icon1_10.png)}
.sBrnad_case1 > li .icon11 {background-image:url(../images/sBrnad_icon1_11.png)}

@media screen and (min-width:1025px){
    .sBrnad_case1 > li .cmt_box button:hover + div {display:block;}

    .sBrnad_case1.case2 {gap:15px;}
    .sBrnad_case1.case2 > li {width:calc(25% - 11.25px)}
}

@media screen and (min-width:1221px){
    .sBrnad_case1.case2 {gap:24px;}
    .sBrnad_case1.case2 > li {width:calc(25% - 18px)}
}

@media screen and (max-width:1220px){
    .sBrnad_case1 {gap:15px;}
    .sBrnad_case1 > li {width:calc(25% - 12px)}
}

@media screen and (max-width:1024px){
    .sBrnad_case1 {gap:10px;}
    .sBrnad_case1 > li {width:calc(25% - 7.5px); border-radius:15px; padding:20px;}
    .sBrnad_case1 > li .icon {width:50px; height:50px; background-size:65% auto; border-radius:10px; margin-bottom:15px;}
    .sBrnad_case1 > li dl dt {font-size:1.3em;}
    .sBrnad_case1 > li dl dd {font-size:1em; margin-top:5px;}
    .sBrnad_case1 > li .cmt_box > div {border-radius:15px; padding:15px;}
    .sBrnad_case1 > li .cmt_box > div .tit {font-size:1.3em;}
    .sBrnad_case1 > li .cmt_box > div ul {margin-top:5px;}
    .sBrnad_case1.case2 > li .cmt_box > div .tit {font-size:1.125em; margin-bottom:5px;}
}

@media screen and (max-width:767px){
    .sBrnad_case1 {gap:5px;}
    .sBrnad_case1 > li {width:100%; border-radius:10px; padding:15px 15px 15px 75px; position:relative;}
    .sBrnad_case1 > li .icon {width:45px; height:45px; border-radius:5px; margin-bottom:0; position:absolute; left:15px; top:50%; transform:translateY(-50%)}
    .sBrnad_case1 > li dl {width:100%;}
    .sBrnad_case1 > li dl dt {font-size:1.2em;}
    .sBrnad_case1 > li dl dd {margin-top:3px;}
    .sBrnad_case1 > li .cmt_box {margin-top:10px;}
    .sBrnad_case1 > li .cmt_box button {padding-left:18px;}
    .sBrnad_case1 > li .cmt_box > div {max-width:75vw; border-radius:10px; padding:10px; left:-40px;}
    .sBrnad_case1 > li .cmt_box > div .tit {font-size:1.2em;}
	.sBrnad_case1 > li .cmt_box > div ul li {white-space:normal;}
	.sBrnad_case1.case2 > li .cmt_box > div dl {white-space:normal;}
}


.sBrand_slide1 .swiper-wrapper {transition-timing-function: linear;}
.sBrand_slide1 .swiper-slide {border-radius:20px; overflow:hidden;}
.sBrand_slide1 img {width:100%;}

.sBrand_slide2 .img {width:100%; border-radius:20px; overflow:hidden;}
.sBrand_slide2 .img img {width:100%;}
.sBrand_slide2 p {font-size:1.25em; line-height:1.5em; font-weight:600; text-align:center; margin-top:16px;}

@media screen and (min-width:1025px){
    .sBrand_slide2 .swiper-wrapper {display:flex; flex-wrap:wrap; gap:40px 20px; transform:none !important}
    .sBrand_slide2 .swiper-slide {width:calc(20% - 16px)}
}

@media screen and (max-width:1024px){
    .sBrand_slide1 .swiper-slide {border-radius:15px;}

    .sBrand_slide2 .img {border-radius:15px;}
    .sBrand_slide2 p {font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sBrand_slide1 .swiper-slide {border-radius:10px;}

    .sBrand_slide2 .img {border-radius:10px;}
    .sBrand_slide2 p {font-size:1em; margin-top:10px;}
}


.sRnd_case1 {width:100%; height:300vh; position:relative;}
.sRnd_case1 > div {width:100%; height:100vh; position:sticky; left:0; top:0; overflow:hidden;}
.sRnd_case1 .img_box {width:calc(100% - 40px); height:480px; background:#111827; border-radius:20px; position:absolute; left:50%; top:0; transform:translateX(-50%); overflow:hidden;}
.sRnd_case1 .img_box div {display:block; width:100%; height:100vh; background:url(../images/sRnd_img1.png) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.sRnd_case1 .txt_box > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; text-align:center; color:#fff;}
.sRnd_case1 .txt_box > div.box1 .tit {font-size:5em; line-height:1.1em; font-weight:600; font-family:var(--font-poppins)}
.sRnd_case1 .txt_box > div.box1 .tit .char-wrap {display:inline-block; overflow:hidden;}
.sRnd_case1 .txt_box > div.box1 .tit .char {display:inline-block;}
.sRnd_case1 .txt_box > div.box1 .txt {font-size:2.5em; line-height:1.3em; font-weight:700; margin-top:24px; overflow:hidden;}
.sRnd_case1 .txt_box > div.box2 {top:50%; opacity:0;}
.sRnd_case1 .txt_box > div.box2 p {font-size:2.5em; line-height:1.5em; font-weight:700;}
.sRnd_case1 .txt_box > div.box2 > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:absolute; left:0; top:0;}
.sRnd_case1 .txt_box > div.box2 > div:first-child p {color:rgba(255,255,255,0.5);}
.sRnd_case1 .txt_box > div.box2 > div:last-child p {clip-path:inset(0 100% 0 0);}

@media screen and (max-width:1024px){
    .sRnd_case1 .img_box {width:88%; height:380px; border-radius:15px;}
    .sRnd_case1 .txt_box > div.box1 .tit {font-size:3.8em;}
    .sRnd_case1 .txt_box > div.box1 .txt {font-size:2em; margin-top:15px;}
    .sRnd_case1 .txt_box > div.box2 p {font-size:2em;}
}

@media screen and (max-width:767px){
    .sRnd_case1 .img_box {height:250px;}
    .sRnd_case1 .txt_box > div.box1 .tit {font-size:2em;}
    .sRnd_case1 .txt_box > div.box1 .txt {font-size:1.125em; margin-top:10px;}
    .sRnd_case1 .txt_box > div.box2 p {font-size:1.25em;}
}


.sCertificate_case1 > div {margin-bottom:80px;}
.sCertificate_case1 > div:last-child {margin-bottom:0;}
.sCertificate_case1 dl {display:flex; align-items:end; gap:0 16px; width:100%;}
.sCertificate_case1 dl dt {font-size:1.875em; line-height:1.2em; font-weight:600;}
.sCertificate_case1 dl dt span {color:#132ecf; font-weight:600; font-family:var(--font-poppins); margin-right:8px;}
.sCertificate_case1 dl dd {font-size:1.25em; color:#6b7280; line-height:1.5em;}
.sCertificate_case1 .tag {display:flex; flex-wrap:wrap; gap:8px; margin-top:24px;}
.sCertificate_case1 .tag li {background:#f6f7fb; border-radius:40px; font-size:1.125em; color:#4d7dff; font-weight:500; padding:12px 24px;}
.sCertificate_case1 .t1 {font-size:1.5em; color:#132ecf; font-weight:600; line-height:1.5em; margin:55px 0 24px;}

.sCertificate_slide {width:100%; margin-top:55px;}
.sCertificate_slide .swiper-slide {border:1px solid #bec1c7; position:relative;}
.sCertificate_slide img {width:100%;}
.sCertificate_slide p {background:#4d7dff; border-radius:4px; font-size:1.125em; color:#fff; font-weight:500; padding:8px 16px; position:absolute; left:16px; top:16px;}

.sCertificate_case1 .t1 + .sCertificate_slide {margin-top:0;}

@media screen and (max-width:1024px){
    .sCertificate_case1 > div {margin-bottom:8%;}
    .sCertificate_case1 dl {display:block;}
    .sCertificate_case1 dl dt {font-size:1.5em;}
    .sCertificate_case1 dl dd {font-size:1.125em; margin-top:1%;}
    .sCertificate_case1 .tag {margin-top:2.5%; gap:6px;}
    .sCertificate_case1 .tag li {font-size:1em; padding:10px 15px;}
    .sCertificate_case1 .t1 {font-size:1.3em; margin:5% 0 2%;}

    .sCertificate_slide {margin-top:5%;}
    .sCertificate_slide p {font-size:1em; padding:6px 12px; left:10px; top:10px;}
}

@media screen and (max-width:767px){
    .sCertificate_case1 > div {margin-bottom:10%;}
    .sCertificate_case1 dl dt {font-size:1.3em;}
    .sCertificate_case1 dl dd {font-size:1em;}
    .sCertificate_case1 .tag {gap:4px;}
    .sCertificate_case1 .tag li {font-size:0.9375em; padding:8px 12px;}
    .sCertificate_case1 .t1 {font-size:1.2em;}

    .sCertificate_slide {margin-top:5%;}
    .sCertificate_slide p {border-radius:2px; font-size:0.9375em; padding:5px 10px; left:5px; top:5px;}
}


.sCompany_case1 {width:100%; height:300vh; position:relative;}
.sCompany_case1 > div {width:100%; height:100vh; position:sticky; left:0; top:0; overflow:hidden;}
.sCompany_case1 .img_box {width:calc(100% - 40px); height:480px; background:#111827; border-radius:20px; position:absolute; left:50%; top:0; transform:translateX(-50%); overflow:hidden;}
.sCompany_case1 .img_box div {display:block; width:100%; height:100vh; background:url(../images/sCompany_img1.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.sCompany_case1 .txt_box > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:absolute; left:0; top:50%; opacity:0; z-index:10; text-align:center; color:#fff;}
.sCompany_case1 .txt_box > div p {font-size:2.5em; line-height:1.5em; font-weight:700;}
.sCompany_case1 .txt_box > div > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:absolute; left:0; top:0;}
.sCompany_case1 .txt_box > div > div:first-child p {color:rgba(255,255,255,0.5);}
.sCompany_case1 .txt_box > div > div:last-of-type p {clip-path:inset(0 100% 0 0);}
.sCompany_case1 .txt_box > div .view_btn {display:inline-block; position:absolute; left:50%; top:50%; transform:translateX(-50%); margin-top:130px; width:256px; height:62px;}
.sCompany_case1 .txt_box > div .view_btn > div {position:relative; left:0; width:256px; height:62px; display:inline-flex; align-items:center; justify-content:center; border:2px solid #fff; border-radius:62px; box-sizing:border-box; overflow:hidden; transition:width 0.5s ease, left 0.5s ease, border 0.5s ease;}
.sCompany_case1 .txt_box > div .view_btn > div:before {position:absolute; top:-2px; left:-2px; width:calc(100% + 4px); height:calc(100% + 4px); background-color:#132ecf; opacity:0; border-radius:62px; content:'';}
.sCompany_case1 .txt_box > div .view_btn span {font-size:1.25em; font-weight:600; color:#fff; white-space:nowrap; text-transform:uppercase; font-family:var(--font-poppins); position:relative; z-index:1; transition:opacity 0.2s ease;}
.sCompany_case1 .txt_box > div .view_btn i {position:absolute; top:50%; left:50%; font-size:1.25em; color:#fff; transform:translate(-50%, -50%); opacity:0; z-index:1;}
.sCompany_case1 .txt_box > div .view_btn .circle {position:absolute; width:62px; height:62px; fill:none; stroke:#132ecf; stroke-width:2px; stroke-linecap:round; stroke-dasharray:301.59 301.59; stroke-dashoffset:0; opacity:0; left:0; right:0; top:0; bottom:0; margin:auto; pointer-events:none; transform:rotate(-90deg); overflow:visible !important;}
.sCompany_case1 .txt_box > div .view_btn:hover > div {width:62px; border-color:#132ecf;}
.sCompany_case1 .txt_box > div .view_btn:hover > div:before {opacity:1; transition:opacity 0.5s ease 0.4s;}
.sCompany_case1 .txt_box > div .view_btn:hover span {opacity:0; transition:opacity 0.2s ease;}
.sCompany_case1 .txt_box > div .view_btn:hover i {opacity:1; transition:opacity 0.5s ease 0.4s;}
.sCompany_case1 .txt_box > div .view_btn:hover .circle {animation:sCompanyBtnCircle 0.8s ease-out 0s both;}

.sCompany_case2 .img_box {display:flex; justify-content:center; align-items:center; width:100%; border:1px solid #bec1c7; border-radius:20px; padding:90px 0;}
.sCompany_case2 .img_box img {max-width:80%;}

.sCompany_case3 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCompany_case3 > div {width:calc(50% - 24px)}
.sCompany_case3 > div .img_box {display:flex; justify-content:center; align-items:center; width:100%; height:400px; background:#f6f7fb; border-radius:20px;}
.sCompany_case3 > div dl {margin-top:24px;}
.sCompany_case3 > div dl dt {font-size:1.875em; line-height:1.3em; font-weight:600; font-family:var(--font-poppins)}
.sCompany_case3 > div dl dd {font-size:1.25em; color:#6b7280; line-height:1.5em; margin-top:15px;}

.sCompany_slide1 .img_box {width:100%; height:540px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
.sCompany_slide1 dl {margin-top:24px;}
.sCompany_slide1 dl dt {font-size:1.875em; line-height:1.3em; font-weight:600; font-family:var(--font-poppins)}
.sCompany_slide1 dl dd {font-size:1.25em; color:#6b7280; line-height:1.5em; margin-top:15px;}

@keyframes sCompanyBtnCircle {
    0% {opacity:0; transform-origin:center; transform:rotate(-90deg) scale(0);}
    30% {opacity:0; transform-origin:center; transform:rotate(-90deg) scale(1);}
    50% {opacity:1; transform-origin:center; transform:rotate(-90deg) scale(1.35);}
    90%, 100% {opacity:0; stroke-dasharray:500 500; transform-origin:center; transform:rotate(-90deg) scale(2);}
}

@media screen and (max-width:1460px){
    .sCompany_slide1 .img_box {height:480px;}
}

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

@media screen and (max-width:1024px){
    .sCompany_case1 .img_box {width:88%; height:380px; border-radius:15px;}
    .sCompany_case1 .txt_box > div p {font-size:2em;}

    .sCompany_case1 .txt_box > div .view_btn {width:200px; height:55px; margin-top:100px;}
    .sCompany_case1 .txt_box > div .view_btn > div {width:200px; height:55px;}
    .sCompany_case1 .txt_box > div .view_btn span {font-size:1.125em;}
    .sCompany_case1 .txt_box > div .view_btn i {font-size:1.125em;}
    .sCompany_case1 .txt_box > div .view_btn .circle {width:55px; height:55px;}
    .sCompany_case1 .txt_box > div .view_btn:hover > div {width:55px;}

    .sCompany_case2 .img_box {border-radius:15px; padding:9% 0;}
    .sCompany_case2 .img_box img {width:250px;}

    .sCompany_case3 > div {width:calc(50% - 7.5px)}
    .sCompany_case3 > div .img_box {height:28vw; border-radius:15px;}
    .sCompany_case3 > div .img_box img {max-width:55%}
    .sCompany_case3 > div dl {margin-top:20px;}
    .sCompany_case3 > div dl dt {font-size:1.5em;}
    .sCompany_case3 > div dl dd {font-size:1.125em; margin-top:10px;}

    .sCompany_slide1 .img_box {border-radius:15px;}
    .sCompany_slide1 dl {margin-top:20px;}
    .sCompany_slide1 dl dt {font-size:1.5em;}
    .sCompany_slide1 dl dd {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sCompany_case1 .img_box {height:250px;}
    .sCompany_case1 .txt_box > div p {font-size:1.25em;}

    .sCompany_case1 .txt_box > div .view_btn {width:160px; height:55px; margin-top:60px;}
    .sCompany_case1 .txt_box > div .view_btn > div {width:160px; height:42px;}
    .sCompany_case1 .txt_box > div .view_btn span {font-size:1em;}
    .sCompany_case1 .txt_box > div .view_btn i {font-size:1em;}
    .sCompany_case1 .txt_box > div .view_btn .circle {width:42px; height:42px;}
    .sCompany_case1 .txt_box > div .view_btn:hover > div {width:42px;}
    
    .sCompany_case2 .img_box {border-radius:10px;}
    .sCompany_case2 .img_box img {width:160px;}

    .sCompany_case3 > div {width:100%; margin-bottom:8%;}
    .sCompany_case3 > div:last-child {margin-bottom:0;}
    .sCompany_case3 > div .img_box {height:40vw; border-radius:10px;}
    .sCompany_case3 > div .img_box img {max-width:40%}
    .sCompany_case3 > div dl {margin-top:15px;}
    .sCompany_case3 > div dl dt {font-size:1.3em;}
    .sCompany_case3 > div dl dd {font-size:1em; margin-top:5px;}

    .sCompany_slide1 .swiper-slide {width:270px;}
    .sCompany_slide1 .img_box {height:320px; border-radius:15px;}
    .sCompany_slide1 dl {margin-top:15px;}
    .sCompany_slide1 dl dt {font-size:1.3em;}
    .sCompany_slide1 dl dd {font-size:1em; margin-top:5px;}
}


.sHistory_case1 {display:flex; align-items:start; flex-wrap:wrap; width:100%; position:relative;}
.sHistory_case1 .symbol_box {width:50%; position:sticky; left:0; top:100px;}
.sHistory_case1 .symbol_box img {position:absolute; top:60px; left:-160px;}
.sHistory_case1 .txt_box {width:50%; position:relative;}
.sHistory_case1 .txt_box > div {padding:0 0 80px 120px; position:relative;}
.sHistory_case1 .txt_box > div:last-child {padding-bottom:0;}
.sHistory_case1 .txt_box > div:before, .sHistory_case1 .txt_box > div:after {content:''; display:block; width:2px; height:100%; position:absolute; left:0; top:20px;}
.sHistory_case1 .txt_box > div:before {background:#bec1c7;}
.sHistory_case1 .txt_box > div:after {background:#132ecf; height:var(--progress, 0%); transition:height 0.1s}
.sHistory_case1 .txt_box > div:last-child:before, .sHistory_case1 .txt_box > div:last-child:after {display:none;}
.sHistory_case1 .txt_box > div .year {font-size:3.125em; line-height:1.1em; font-weight:600; font-family:var(--font-poppins); margin-bottom:24px; transition:color 0.4s;}
.sHistory_case1 .txt_box > div .year:before, .sHistory_case1 .txt_box > div .year:after {content:''; display:block; width:10px; height:10px; background:#bec1c7; border-radius:50%; position:absolute; left:1px; top:20px; transform:translate(-50%, -50%); z-index:5; transition:all 0.5s;}
.sHistory_case1 .txt_box > div .year:before {z-index:10;}
.sHistory_case1 .txt_box > div .year:after {width:0; height:0; background:#132ecf;}
.sHistory_case1 .txt_box > div.active .year {color:#132ecf;}
.sHistory_case1 .txt_box > div.active .year:before {background:#132ecf}
.sHistory_case1 .txt_box > div.active .year:after {width:32px; height:32px; opacity:0.2;}

@property --progress {
    syntax: '<percentage>';
    inherits: true;
    initial-value: 0%;
}

@media screen and (min-height:1080px){
     .sHistory_case1 {padding-bottom:200px;}
}

@media screen and (max-width:1460px){
    .sHistory_case1 .symbol_box img {width:70%; left:6%;}
}

@media screen and (max-width:1220px){
    .sHistory_case1 .txt_box > div {padding:0 0 80px 80px;}
}

@media screen and (max-width:1024px){
    .sHistory_case1 {padding-bottom:20%;}
    .sHistory_case1 .symbol_box {width:40%;}
    .sHistory_case1 .symbol_box img {top:0;}
    .sHistory_case1 .txt_box {width:60%;}
    .sHistory_case1 .txt_box > div {padding:0 0 50px 40px;}
    .sHistory_case1 .txt_box > div .year {font-size:2.5em; margin-bottom:15px;}
    .sHistory_case1 .txt_box > div .year:before {width:8px; height:8px;}
    .sHistory_case1 .txt_box > div.active .year:after {width:24px; height:24px;}
}

@media screen and (max-width:767px){
    .sHistory_case1 .symbol_box {display:none;}
    .sHistory_case1 .symbol_box img {top:0;}
    .sHistory_case1 .txt_box {width:100%;}
    .sHistory_case1 .txt_box > div {padding:0 0 8% 35px;}
    .sHistory_case1 .txt_box > div:before, .sHistory_case1 .txt_box > div:after {top:15px;}
    .sHistory_case1 .txt_box > div .year {font-size:2em; margin-bottom:5px;}
    .sHistory_case1 .txt_box > div .year:before, .sHistory_case1 .txt_box > div .year:after {top:15px;}
}


.sExport_case1 {width:100%; position:relative;}
.sExport_case1 .map_txt {position:absolute; left:0; top:0;}
.sExport_case1 div {width:10px; height:10px; background:#132ecf; border-radius:50%; position:absolute; left:44.3%; top:44%;}
.sExport_case1 div:before {content:''; display:block; width:320%; height:320%; background:rgba(19,46,207,1); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0); animation:sExportCir 2s ease-in-out infinite;}
.sExport_case1 div:after {content:''; display:block; width:800%; height:800%; background:rgba(19,46,207,1); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0); animation:sExportCir 2s ease-in-out infinite;}
.sExport_case1 div p {width:fit-content; background:#fff; border:2px solid #132ecf; border-radius:50px; box-shadow:0 5px 10px rgba(19,46,207,0.2); padding:16px 20px; position:absolute; left:50%; bottom:100%; transform:translateX(-50%); margin-bottom:50px; animation:sExportImg 1.5s ease-in-out alternate infinite;}
.sExport_case1 div p img {display:block; height:20px; max-width:none;}

@keyframes sExportImg {
    0% {transform:translate(-50%, 0);}
    100% {transform:translate(-50%, -10px);}
}

@keyframes sExportCir {
    0% {transform:translate(-50%, -50%) scale(0); opacity:0.7;}
    100% {transform:translate(-50%, -50%) scale(1); opacity:0;}
}

@media screen and (max-width:1460px){
    .sExport_case1 img {max-width:100%;}
}

@media screen and (max-width:1024px){
    .sExport_case1 div {width:7px; height:7px;}
    .sExport_case1 div p {padding:10px 15px; margin-bottom:25px;}
    .sExport_case1 div p img {height:15px;}
}

@media screen and (max-width:767px){
    .sExport_case1 {width:100vw; margin-left:-6vw;}
    .sExport_case1 .map_txt {display:none;}
    .sExport_case1 div {width:5px; height:5px;}
    .sExport_case1 div p {padding:8px 12px; margin-bottom:15px;}
    .sExport_case1 div p img {height:11px;}
}


.sContact_case1 .map_box {width:100%; height:640px; background:#f6f7fb; border-radius:20px; overflow:hidden;}
.sContact_case1 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sContact_case1 .info_box {position:relative; padding-right:170px;}
.sContact_case1 .info_box .add {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sContact_case1 .info_box ul {display:flex; flex-wrap:wrap; gap:5px 0; margin-top:16px;}
.sContact_case1 .info_box ul li {display:flex; align-items:center;}
.sContact_case1 .info_box ul li:before {content:''; display:block; width:1px; height:16px; background:#bec1c7; margin:0 15px;}
.sContact_case1 .info_box ul li:first-child:before {display:none;}
.sContact_case1 .info_box ul li dl {display:flex; align-items:center;}
.sContact_case1 .info_box ul li dl dt {font-size:1.125em; font-weight:600; margin-right:8px;}
.sContact_case1 .info_box ul li dl dd {font-size:1.125em; color:#6b7280;}
.sContact_case1 .info_box .view_btn {background:#132ecf; border-radius:40px; font-size:1.25em; color:#fff; font-weight:600; font-family:var(--font-poppins); text-transform:uppercase; padding:16px 40px; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:background 0.4s}
.sContact_case1 .info_box .view_btn:hover {background:#4d7dff;}

@media screen and (max-width:1024px){
    .sContact_case1 .map_box {height:380px; border-radius:15px;}
    .sContact_case1 .info_box {padding-right:150px;}
    .sContact_case1 .info_box .add {font-size:1.3em;}
    .sContact_case1 .info_box ul li:before {height:14px; margin:0 10px;}
    .sContact_case1 .info_box ul li dl dt {font-size:1em;}
    .sContact_case1 .info_box ul li dl dd {font-size:1em;}
    .sContact_case1 .info_box .view_btn {font-size:1.125em; padding:12px 22px;}
}

@media screen and (max-width:767px){
    .sContact_case1 .map_box {height:220px; border-radius:10px;}
    .sContact_case1 .info_box {padding-right:0;}
    .sContact_case1 .info_box .add {font-size:1.2em;}
    .sContact_case1 .info_box ul {flex-direction:column;}
    .sContact_case1 .info_box ul li:before {display:none;}
    .sContact_case1 .info_box ul li dl {align-items:flex-start;}
    .sContact_case1 .info_box .view_btn {font-size:1em; padding:8px 15px; top:auto; bottom:0; transform:translateY(0)}
}


.sInquiry_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sInquiry_case1 .form_box > div {width:calc(50% - 7px)}
.sInquiry_case1 .form_box > div.w_100 {width:100%;}
.sInquiry_case1 .form_box > div:nth-child(2) ~ div {margin-top:24px;}
.sInquiry_case1 .form_box > div > label {display:block; font-size:1.25em; font-weight:600; margin-bottom:12px;}
.sInquiry_case1 .form_box > div > label i {color:#132ecf; font-style:normal;}
.sInquiry_case1 .form_box > div .form_txt {display:block; width:100%; height:70px; background:#fff; border:1px solid #bec1c7; border-radius:10px; font-size:1.25em; padding:0 24px;}
.sInquiry_case1 .form_box > div .form_txt:focus {border:2px solid #132ecf !important; box-shadow:5px 5px 10px rgba(19,46,207,0.3) !important; outline:none;}
.sInquiry_case1 .form_box > div .form_textarea {display:block; width:100%; height:320px; background:#fff; border:1px solid #bec1c7; border-radius:10px; font-size:1.25em; line-height:1.5em; padding:24px; resize:none;}
.sInquiry_case1 .form_box > div .form_textarea:focus {border:2px solid #132ecf !important; box-shadow:5px 5px 10px rgba(19,46,207,0.3) !important; outline:none;}
.sInquiry_case1 .form_box > div .select_box {position:relative;}
.sInquiry_case1 .form_box > div .select_box:after {content:'\f107'; font-size:1.25em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:24px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sInquiry_case1 .form_box > div .select_box select {display:block; width:100%; height:70px; background:#fff; border:1px solid #bec1c7; border-radius:10px; font-size:1.25em; color:#6b7280; padding:0 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sInquiry_case1 .form_box > div .select_box select:focus {border:2px solid #132ecf !important; box-shadow:5px 5px 10px rgba(19,46,207,0.3) !important; outline:none;}

.sInquiry_case1 .form_box > div .phone_box {display:flex; align-items:center;}
.sInquiry_case1 .form_box > div .phone_box span {display:block; width:29px; font-size:1.25em; text-align:center;}
.sInquiry_case1 .form_box > div .phone_box .form_txt {width:calc(33.33% - 19.33px)}

.sInquiry_case1 .form_box > div .email_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.sInquiry_case1 .form_box > div .email_box span {display:block; width:34px; font-size:1.25em; text-align:center;}
.sInquiry_case1 .form_box > div .email_box .form_txt {width:calc(33.33% - 21px);}
.sInquiry_case1 .form_box > div .email_box .select_box {width:33.33%; margin-left:8px;}

.sInquiry_case1 .privacy_box {width:100%; height:160px; background:#f6f7fb; border-radius:10px; overflow-y:auto; padding:24px; margin-top:24px;}
.sInquiry_case1 .privacy_box p {font-size:1.125em; color:#6b7280; line-height:1.55em;}

.sInquiry_case1 .box1 {display:flex; justify-content:space-between; align-items:center; margin-top:18px;}

.sInquiry_case1 .check_box {position:relative;}
.sInquiry_case1 .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.sInquiry_case1 .check_box label {display:flex; align-items:center;}
.sInquiry_case1 .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:1px solid #bec1c7; border-radius:4px; font-size:0.9375em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sInquiry_case1 .check_box label span {font-size:1.125em; font-weight:600; padding-left:12px;}
.sInquiry_case1 .check_box input:checked + label:before {content:'\f00c'; background:#132ecf; border-color:#132ecf;}

.sInquiry_case1 .btn_box {display:flex; justify-content:center; margin-top:24px;}
.sInquiry_case1 .btn_box .submit_btn {display:block; background:#132ecf; border-radius:40px; font-size:1.25em; color:#fff; font-weight:600; font-family:var(--font-poppins); text-transform:uppercase; padding:16px 40px; transition:background 0.5s;}
.sInquiry_case1 .btn_box .submit_btn:hover {background:#4d7dff}

@media screen and (max-width:1024px){
    .sInquiry_case1 .form_box > div {width:calc(50% - 5px)}
    .sInquiry_case1 .form_box > div:nth-child(2) ~ div {margin-top:2.5%;}
    .sInquiry_case1 .form_box > div > label {font-size:1.125em; margin-bottom:1.5%;}
    .sInquiry_case1 .form_box > div .form_txt {height:50px; font-size:1.125em; padding:0 15px;}
    .sInquiry_case1 .form_box > div .form_textarea {height:200px; font-size:1.125em; padding:20px;}
    .sInquiry_case1 .form_box > div .select_box:after {font-size:1.125em; right:15px;}
    .sInquiry_case1 .form_box > div .select_box select {height:50px; font-size:1.125em; padding:0 15px;}

    .sInquiry_case1 .form_box > div .phone_box span {width:15px; font-size:1.125em;}
    .sInquiry_case1 .form_box > div .phone_box .form_txt {width:calc(33.33% - 10px)}

    .sInquiry_case1 .form_box > div .email_box span {width:25px; font-size:1.125em;}
    .sInquiry_case1 .form_box > div .email_box .form_txt {width:calc(33.33% - 15px);}
    .sInquiry_case1 .form_box > div .email_box .select_box {margin-left:5px;}

    .sInquiry_case1 .privacy_box {height:120px; padding:15px; margin-top:2%;}
    .sInquiry_case1 .privacy_box p {font-size:1em;}

    .sInquiry_case1 .box1 {margin-top:2%;}

    .sInquiry_case1 .check_box label:before {width:22px; height:22px;}
    .sInquiry_case1 .check_box label span {font-size:1em; padding-left:6px;}
    
    .sInquiry_case1 .btn_box {margin-top:5%;}
    .sInquiry_case1 .btn_box .submit_btn {font-size:1.125em; padding:12px 22px;}
}

@media screen and (max-width:767px){
    .sInquiry_case1 .form_box > div {width:100%}
    .sInquiry_case1 .form_box > div:nth-child(1) ~ div {margin-top:5%;}
    .sInquiry_case1 .form_box > div > label {font-size:1em;}
    .sInquiry_case1 .form_box > div .form_txt {height:38px; border-radius:5px; font-size:1em; padding:0 10px;}
    .sInquiry_case1 .form_box > div .form_textarea {height:150px; border-radius:5px; font-size:1em; padding:10px;}
    .sInquiry_case1 .form_box > div .select_box:after {font-size:1em; right:10px;}
    .sInquiry_case1 .form_box > div .select_box select {height:38px; border-radius:5px; font-size:1em; padding:0 10spx;}

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

    .sInquiry_case1 .form_box > div .email_box span {width:20px; font-size:1em;}
    .sInquiry_case1 .form_box > div .email_box .form_txt {width:calc(50% - 10px)}
    .sInquiry_case1 .form_box > div .email_box .select_box {width:100%; margin:5px 0 0;}

    .sInquiry_case1 .privacy_box {height:100px; border-radius:5px; padding:10px;}
	
	.sInquiry_case1 .box1 {justify-content:start; align-items:start; flex-direction:column;}
	
	.sInquiry_case1 .check_box {margin-bottom:5%;}
    .sInquiry_case1 .check_box label:before {width:20px; height:20px;}
    .sInquiry_case1 .check_box label span {padding-left:5px;}
    
    .sInquiry_case1 .btn_box .submit_btn {font-size:1em; padding:8px 15px;}
}


.sOemodm_case1 > div {margin-bottom:55px;}
.sOemodm_case1 > div:last-child {margin-bottom:0;}
.sOemodm_case1 > div dl {display:flex; align-items:end; gap:0 16px; width:100%;}
.sOemodm_case1 > div dl dt {font-size:1.875em; line-height:1.2em; font-weight:600;}
.sOemodm_case1 > div dl dt span {color:#132ecf; font-weight:600; font-family:var(--font-poppins); margin-right:8px;}
.sOemodm_case1 > div dl dd {font-size:1.25em; color:#6b7280; line-height:1.5em;}

.sOemodm_case2 {display:flex; flex-wrap:wrap; gap:12px; width:100%;}
.sOemodm_case2 > li .icon {display:block; width:112px; height:112px; background-color:#f6f7fb; background-repeat:no-repeat; background-position:center center; border-radius:20px;}

.sOemodm_case2 > li .icon1 {background-image:url(../images/sOemodm_icon1.svg)}
.sOemodm_case2 > li .icon2 {background-image:url(../images/sOemodm_icon2.svg)}
.sOemodm_case2 > li .icon3 {background-image:url(../images/sOemodm_icon3.svg)}
.sOemodm_case2 > li .icon4 {background-image:url(../images/sOemodm_icon4.svg)}
.sOemodm_case2 > li .icon5 {background-image:url(../images/sOemodm_icon5.svg)}
.sOemodm_case2 > li .icon6 {background-image:url(../images/sOemodm_icon6.svg)}
.sOemodm_case2 > li .icon7 {background-image:url(../images/sOemodm_icon7.svg)}
.sOemodm_case2 > li .icon8 {background-image:url(../images/sOemodm_icon8.svg)}
.sOemodm_case2 > li .icon9 {background-image:url(../images/sOemodm_icon9.svg)}

.sOemodm_slide1 .swiper-slide {width:190px;}
.sOemodm_slide1 .swiper-slide:before {content:'\f138'; display:flex; justify-content:center; width:44px; font-size:1.25em; color:#132ecf; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:100%; top:50%; transform:translateY(-50%)}
.sOemodm_slide1 .swiper-slide:first-child:before {display:none;}
.sOemodm_slide1 p {display:flex; justify-content:center; align-items:center; width:100%; height:66px; border:2px solid #132ecf; border-radius:10px; font-size:1.25em; line-height:1.5em; font-weight:600; text-align:center;}

@media screen and (max-width:1220px){
    .sOemodm_case2 > li .icon {width:100px; height:100px; background-size:40% auto;}
}

@media screen and (max-width:1024px){
    .sOemodm_case1 > div {margin-bottom:5.5%;}
    .sOemodm_case1 > div dl {display:block;}
    .sOemodm_case1 > div dl dt {font-size:1.5em;}
    .sOemodm_case1 > div dl dd {font-size:1.125em; margin-top:1%;}

    .sOemodm_case2 {gap:10px;}
    .sOemodm_case2 > li .icon {width:80px; height:80px; border-radius:15px;}

    .sOemodm_slide1 .swiper-slide {width:160px;}
    .sOemodm_slide1 .swiper-slide:before {width:30px; font-size:1.125em;}
    .sOemodm_slide1 p {height:50px; font-size:1.125em;}
}

@media screen and (max-width:767px){
    .sOemodm_case1 > div dl dt {font-size:1.3em;}
    .sOemodm_case1 > div dl dd {font-size:1em;}

    .sOemodm_case2 {gap:5px;}
    .sOemodm_case2 > li .icon {width:50px; height:50px; border-radius:10px;}

    .sOemodm_slide1 .swiper-slide {width:130px;}
    .sOemodm_slide1 .swiper-slide:before {width:25px; font-size:1em;}
    .sOemodm_slide1 p {height:40px; border-radius:5px; font-size:1em;}
}


.sOemodm_slide2 .swiper-wrapper {gap:40px 24px;}
.sOemodm_slide2 .swiper-slide {width:calc(16.66% - 20px);}
.sOemodm_slide2 .img {width:100%; border:2px solid #e5e7eb; border-radius:20px;}
.sOemodm_slide2 .img img {width:100%;}
.sOemodm_slide2 .t1 {font-size:1.25em; line-height:1.5em; font-weight:600; text-align:center; margin-top:16px;}
.sOemodm_slide2 .t2 {display:flex; align-items:center; width:100%; min-height:72px; border:2px solid #4d7dff; border-radius:10px; font-size:1em; color:#4d7dff; line-height:1.5em; font-weight:600; padding:10px; position:relative; margin-top:20px;}
.sOemodm_slide2 .t2:before {content:''; display:block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:10px solid #4477ff; position:absolute; left:20px; bottom:100%;}
.sOemodm_slide2 .t2:after {content:''; display:block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:8px solid #fff; position:absolute; left:22px; bottom:100%;}
.sOemodm_slide2 dl {margin-top:16px;}
.sOemodm_slide2 dl dt {font-size:1.25em; line-height:1.5em; font-weight:600;}
.sOemodm_slide2 dl dd {font-size:1.125em; color:#6b7280; line-height:1.5em; margin-top:8px;}

@media screen and (min-width:768px){
	.sOemodm_slide2 .swiper-wrapper {display:flex; flex-wrap:wrap; transform:none !important;}
	.sOemodm_slide2 .swiper-slide {margin-right:0 !important;}
}

@media screen and (max-width:1024px){
	.sOemodm_slide2 .swiper-wrapper {gap:30px 15px;}
	.sOemodm_slide2 .swiper-slide {width:calc(33.33% - 10px);}
	.sOemodm_slide2 .img {border-radius:15px;}
	.sOemodm_slide2 .t1 {font-size:1.125em; margin-top:10px;}
	.sOemodm_slide2 dl {margin-top:10px;}
	.sOemodm_slide2 dl dt {font-size:1.125em;}
	.sOemodm_slide2 dl dd {font-size:1em; margin-top:4px;}
}

@media screen and (max-width:767px){
	.sOemodm_slide2 .swiper-wrapper {gap:0;}
	.sOemodm_slide2 .img {border-radius:10px;}
	.sOemodm_slide2 .t1 {font-size:1em;}
	.sOemodm_slide2 .t2 {min-height:57px;}
	.sOemodm_slide2 dl dd {margin-top:0;}
}


.scroll_box {display:none; justify-content:end; margin-bottom:2%;}
.scroll_box p {font-size:0.875em; color:#666; margin-right:10px;}
.scroll_box div {width:50px; position:relative; margin-top:2px;}
.scroll_box div:before {content:''; display:block; width:100%; height:3px; background:#ccc; border-radius:5px; position:absolute; left:4px; right:0;}
.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;}
.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;
	}
}

@media screen and (max-width:767px){
	.scroll_box {display:flex;}
}


.sAromica_case1 {display:flex; flex-wrap:wrap; gap:32px; width:100%; border:2px solid #e5e7eb; border-radius:20px; padding:30px;}
.sAromica_case1 > div {display:flex; align-items:center; width:calc(25% - 24px);}
.sAromica_case1 > div .img_box {width:120px; height:120px; border-radius:30px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sAromica_case1 > div dl {width:calc(100% - 120px); padding-left:24px;}
.sAromica_case1 > div dl dt {font-size:1.25em; line-height:1.3em; font-weight:600;}
.sAromica_case1 > div dl dd {font-size:1.125em; color:#6b7280; line-height:1.7em; margin-top:4px;}

@media screen and (max-width:1460px){
	.sAromica_case1 > div {width:calc(50% - 16px);}
}

@media screen and (max-width:1024px){
	.sAromica_case1 {gap:20px; border-radius:15px; padding:20px;}
	.sAromica_case1 > div {width:calc(50% - 10px);}
	.sAromica_case1 > div .img_box {width:110px; height:110px; border-radius:15px;}
	.sAromica_case1 > div dl {width:calc(100% - 110px); padding-left:15px;}
	.sAromica_case1 > div dl dt {font-size:1.125em;}
	.sAromica_case1 > div dl dd {font-size:1em;}
}

@media screen and (max-width:767px){
	.sAromica_case1 {gap:10px; padding:15px;}
	.sAromica_case1 > div {width:100%;}
	.sAromica_case1 > div .img_box {width:70px; height:70px; border-radius:10px;}
	.sAromica_case1 > div dl {width:calc(100% - 80px);}
}

@media (max-width: 768px) {
  .pc-br {
    display: none;
  }
}


/* PC - 전화번호 한 줄 표시 */
.sContact_case1 .info_box br.mo_br {
    display: none;
}

@media screen and (min-width:768px) {
    .sContact_case1 .info_box ul li:first-child dd {
        white-space: nowrap;
    }
}

/* 모바일 - 전화번호 두 줄 표시 */
@media screen and (max-width:767px) {
    .sContact_case1 .info_box br.mo_br {
        display: inline;
    }
}