@charset "utf-8";


.oncare_btn1 {display:block; width:200px; height:70px; border:4px solid rgba(54,189,195,0.5); border-radius:35px; font-size:1em; color:#fff; font-weight:600; font-family:'Montserrat', 'Pretendard'; text-align:center; overflow:hidden; transition:border 0.5s;}
.oncare_btn1.kor {font-size:1.125em;}
.oncare_btn1 span {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#36bdc3; transition:background 0.5s, color 0.5s;}
.oncare_btn1 span:after {content:''; display:inline-block; width:8px; height:14px; background:url(../images/icon_arrow.svg) no-repeat center center; background-size:contain; margin-left:10px;}
.oncare_btn1:hover span {background:#0da7ae;}
.oncare_btn1.case2 {border-color:rgba(255,255,255,0.5)}
.oncare_btn1.case2 span {background:none;}
.oncare_btn1.case2:hover {border-color:rgba(54,189,195,0.5)}
.oncare_btn1.case2:hover span {background:#36bdc3;}
.oncare_btn1.case3 {border-color:#ccc; color:#666;}
.oncare_btn1.case3 span {background:none;}
.oncare_btn1.case3 span:after {background-image:url(../images/icon_arrow_gray.svg)}
.oncare_btn1.case3:hover {color:#fff;}
.oncare_btn1.case3:hover span {background:#191919;}
.oncare_btn1.case3:hover span:after {background-image:url(../images/icon_arrow.svg)}
.oncare_btn1.icon2 span:after {content:'\f33d'; background:none; font-size:0.9375em; font-weight:400; font-family:'Font Awesome 6 Pro';}

.btn_wrap {display:flex;}
.btn_wrap.end {justify-content:end;}
.btn_wrap.center {justify-content:center;}
.btn_wrap .oncare_btn1 {margin-right:5px;}
.btn_wrap .oncare_btn1:last-child {margin-right:0;}
.btn_wrap .oncare_btn1 span:after {margin-left:25px;}

@media screen and (max-width:1024px){
    .oncare_btn1 {width:170px; height:60px;}
    .oncare_btn1.kor {font-size:1em;}
    .oncare_btn1 span:after {width:6px; height:11px;}
}

@media screen and (max-width:767px){
    .oncare_btn1 {width:140px; height:45px; border-width:2px;}
    .oncare_btn1 span:after {width:5px; height:9px; margin-left:5px;}
}

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

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

#oncare_gnb {width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; transition:height 0.35s;}
#oncare_gnb:before {content:''; display:block; width:100%; height:100%; opacity:0.2; mix-blend-mode:multiply; background-image:linear-gradient(to bottom, #000, rgba(68, 68, 68, 0.5) 52%, rgba(255, 255, 255, 0)); position:absolute; left:0; top:0; z-index:0; transition:background 0.4s;}
#oncare_gnb > ul {display:flex; justify-content:center; width:100%; height:100%; text-align:center; position:relative; z-index:5;}
#oncare_gnb > ul > li {height:100%; transition:background 0.5s;}
#oncare_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:105px; font-weight:700; padding:0 35px; transition:padding 0.5s, color 0.4s;}
#oncare_gnb > ul > li > ul {padding-top:15px;}
#oncare_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:rgba(255,255,255,0.8); line-height:1.4em; padding:10px 0; transition:color 0.4s;}
#oncare_gnb > ul > li:hover {background:#36bdc3}
#oncare_gnb > ul > li:hover > a {color:#fff !important;}
#oncare_gnb > ul > li:hover > ul > li > a {color:rgba(255,255,255,0.8) !important;}
#oncare_gnb > ul > li > ul > li > a:hover {color:#fff !important;}

#oncare_header.hover #oncare_gnb {height:300px;}
#oncare_header.hover #oncare_gnb > ul > li > a {padding:0 45px;}

#all_gnb {display:flex; justify-content:center; align-items:center; backdrop-filter:blur(10px); width:100%; height:100vh; position:fixed; left:0; top:0; z-index:50; opacity:0; visibility:hidden; transition:all 0.3s; transition-property:opacity, visibility, right;}
#all_gnb .dim {width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:0; transform:translateY(-100%); transition:transform 0.5s 0.3s;}
#all_gnb > ul {width:1200px; position:relative; z-index:10;}
#all_gnb > ul:after {content:''; display:block; width:100%; clear:both;}
#all_gnb > ul > li {float:left; width:20%; opacity:0; transform:translateY(40px); transition:all 0.5s; transition-property:opacity, transform;}
#all_gnb > ul > li > a {display:block; font-size:1.5em; color:#fff; font-weight:600; line-height:1.3em; position:relative; margin-bottom:50px;}
#all_gnb > ul > li > a:before {content:''; display:block; width:12px; height:12px; background:#36bdc3; border-radius:50%; position:absolute; left:0; bottom:100%; transform:translateY(-40px); opacity:0; transition:all 0.5s; transition-property:transform opacity;}
#all_gnb > ul > li:hover > a:before {transform:translateY(-10px); opacity:1;}
#all_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#fff; line-height:1.5em; padding:7px 0; transition:color 0.4s}


#menuToggle {display:flex; justify-content:center; flex-direction:column; width:40px; height:40px; position:relative; z-index:10;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:4px; background:#fff; margin:3px 0; transition:transform 0.5s, background 0.5s;}


#oncare_header.scroll_on {background:#fff; box-shadow:0 0 15px rgba(25,25,25,0.1)}
#oncare_header.scroll_on #oncare_logo {background-image:url(../images/logo.svg)}
#oncare_header.scroll_on #oncare_gnb:before {background:#fff; opacity:1;}
#oncare_header.scroll_on #oncare_gnb > ul > li > a {color:#272a33;}
#oncare_header.scroll_on #oncare_gnb > ul > li > ul > li > a {color:rgba(39,42,51,0.8)}
#oncare_header.scroll_on #menuToggle:before, #oncare_header.scroll_on #menuToggle:after {background:#272a33;}



#oncare_header.on #oncare_gnb:before {display:none;}
#oncare_header.on #oncare_gnb > ul {opacity:0; visibility:hidden;}

#oncare_header.on #menuToggle:before, #oncare_header.on #menuToggle:after {background:#fff;}
#oncare_header.on #menuToggle:before {transform:translateY(5px) rotate(45deg)}
#oncare_header.on #menuToggle:after {transform:translateY(-5px) rotate(-45deg)}

#oncare_header.on + #all_gnb {opacity:1; visibility:visible;}
#oncare_header.on + #all_gnb .dim {transform:translateY(0); transition-delay:0s;}
#oncare_header.on + #all_gnb > ul > li {opacity:1; transform:translateY(0);}
#oncare_header.on + #all_gnb > ul > li:nth-child(1) {transition-delay:0.4s;}
#oncare_header.on + #all_gnb > ul > li:nth-child(2) {transition-delay:0.5s;}
#oncare_header.on + #all_gnb > ul > li:nth-child(3) {transition-delay:0.6s;}
#oncare_header.on + #all_gnb > ul > li:nth-child(4) {transition-delay:0.7s;}
#oncare_header.on + #all_gnb > ul > li:nth-child(5) {transition-delay:0.8s;}

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

    #all_gnb > ul > li:hover > ul > li > a {color:rgba(255,255,255,0.4)}
    #all_gnb > ul > li > ul > li > a:hover {color:#fff;}

    #oncare_header.on {background:none; border-bottom:0;}
    #oncare_header.on #oncare_logo {background-image:url(../images/logo_w.svg)}

}


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

    #oncare_gnb {padding:0 50px 0 170px;}
    #oncare_gnb > ul > li > a {padding:0 20px;}
    
    #oncare_header.hover #oncare_gnb > ul > li > a {padding:0 30px;}

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

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

    #oncare_logo {width:140px; height:39px;}

    #oncare_gnb {display:none;}

    #all_gnb {display:block; width:280px; background:#fff; backdrop-filter:unset; padding-top:59px; left:auto; right:-280px; transition-duration:0.6s;}
    #all_gnb .dim {display:none;}
    #all_gnb > ul {width:100%; border-top:1px solid #ddd;}
    #all_gnb > ul > li {float:none; width:100%; border-bottom:1px solid #ddd; opacity:1; transform:translateY(0);}
    #all_gnb > ul > li > a {font-size:1em; color:#191919; margin-bottom:0; padding:13px 15px;}
    #all_gnb > ul > li > a:before {display:none;}
    #all_gnb > ul > li > a:after {content:'\2b'; font-size:0.875em; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%)}
    #all_gnb > ul > li > a.active {color:#36bdc3}
    #all_gnb > ul > li > a.active:after {content:'\f068';}
    #all_gnb > ul > li > ul {display:none; background:#f2f2f2; padding:15px 0;}
    #all_gnb > ul > li > ul > li > a {font-size:0.9375em; color:#666; padding:5px 15px;}

    #menuToggle {width:26px; height:26px;}
    #menuToggle:before, #menuToggle:after {height:2px; margin:2px 0;}
    
    #oncare_header.on #menuToggle:before, #oncare_header.on #menuToggle:after {background:#191919;}
    #oncare_header.on #menuToggle:before {transform:translateY(3px) rotate(45deg)}
    #oncare_header.on #menuToggle:after {transform:translateY(-3px) rotate(-45deg)}

    #oncare_header.on + #all_gnb {right:0;}
}


/* footer */
#oncare_footer {padding:70px 0 100px;}
#oncare_footer > div {position:relative}
#oncare_footer > div:after {content:''; display:block; width:100%; clear:both;}
#oncare_footer .f_logo {float:left;}
#oncare_footer .f_logo img {width:160px;}
#oncare_footer .f_info {float:right; overflow:hidden;}
#oncare_footer .f_info dl {float:left; padding-right:50px; margin-right:50px; border-right:1px solid #ccc;}
#oncare_footer .f_info dl:last-child {padding-right:0; margin-right:0; border-right:0;}
#oncare_footer .f_info dl dt {font-size:1em; font-weight:600; margin-bottom:15px;}
#oncare_footer .f_info dl dd {font-size:1em; color:#666; margin-bottom:10px;}
#oncare_footer .f_info dl dd:last-of-type {margin-bottom:0;}
#oncare_footer .f_info dl dd a {color:#666;}
#oncare_footer .copy {font-size:1em; color:#666; position:absolute; left:0; bottom:0;}
#oncare_footer .go_top {display:block; width:60px; height:60px; background:#fff; border-radius:50%; box-shadow:0 3px 10px rgba(25,25,25,0.15); font-size:1.25em; position:fixed; right:50px; bottom:-60px; z-index:50; transition:all 0.4s ease-in-out;}
#oncare_footer .go_top.on {bottom:50px;}
#oncare_footer .member_box {position:absolute; left:0; bottom:-40px;}
#oncare_footer .f_member {display:inline-block; font-size:0.75em; color:rgba(25,25,25,0.6); font-weight:500; line-height:28px; border:1px solid rgba(25,25,25,0.6); padding:0 10px;}

@media screen and (max-width:1220px){
    #oncare_footer .f_info dl {padding-right:25px; margin-right:25px;}
    #oncare_footer .go_top {right:6%;}
}

@media screen and (max-width:1024px){
    #oncare_footer {padding:6% 0;}
    #oncare_footer > div {padding-bottom:30px;}
    #oncare_footer .f_logo img {width:130px;}
    #oncare_footer .f_info dl {padding-right:15px; margin-right:15px;}
    #oncare_footer .f_info dl dt {font-size:0.875em; margin-bottom:10px;}
    #oncare_footer .f_info dl dd {font-size:0.875em; margin-bottom:5px;}
    #oncare_footer .copy {font-size:0.875em; left:auto; right:0;}
    #oncare_footer .go_top {width:50px; height:50px; bottom:-50px;}
    #oncare_footer .go_top.on {bottom:25px;}
}

@media screen and (max-width:767px){
    #oncare_footer > div {padding-bottom:0;}
    #oncare_footer .f_logo {float:none;}
    #oncare_footer .f_logo img {width:100px;}
    #oncare_footer .f_info {float:none; margin-top:15px;}
    #oncare_footer .f_info dl {float:none; padding-right:0; margin-right:0; border-right:0; margin-top:15px;}
    #oncare_footer .f_info dl:first-child {margin-top:0;}
    #oncare_footer .f_info dl dt {margin-bottom:5px;}
    #oncare_footer .copy {position:relative; margin-top:10px;}
    #oncare_footer .go_top {width:40px; height:40px; bottom:-40px;}
    #oncare_footer .go_top.on {bottom:15px;}
	#oncare_footer .member_box {position:relative; bottom:0; margin-top:10px;}
	#oncare_footer .f_member {line-height:23px;}
}


#quick {width:60px; position:fixed; right:50px; bottom:50px; z-index:50; transition:all 0.4s ease-in-out;}
#quick a {display:block; width:60px; height:60px; background:rgba(25,25,25,0.3); border-radius:30px; box-shadow:0 3px 10px rgba(25,25,25,0.15); position:absolute; right:0; transition:all 0.4s ease-in-out;}
#quick a:last-child {background:#36bdc3}
#quick a .icon {display:block; width:60px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain; position:relative; z-index:1;}
#quick a p {font-size:1em; color:#fff; line-height:60px; font-weight:600; position:absolute; left:60px; top:0; opacity:0; transition:all 0.2s; transition-delay:0s;}
#quick a:hover {width:180px; background:#36bdc3;}
#quick a:hover p {opacity:1; transition:all 0.4s ease-in-out; transition-delay:0.2s;}

#quick a:nth-child(3) {bottom:0;}
#quick a:nth-child(2) {bottom:70px;}
#quick a:nth-child(1) {bottom:140px;}

#quick a .icon1 {background-image:url(../images/quick_icon1.png)}
#quick a .icon2 {background-image:url(../images/quick_icon2.png)}
#quick a .icon3 {background-image:url(../images/quick_icon3.png)}

#quick.on {bottom:120px;}

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

@media screen and (max-width:1024px){
    #quick {width:50px; bottom:25px;}
    #quick a {width:50px; height:50px;}
    #quick a .icon {width:50px;}
    #quick a P {line-height:50px; left:50px;}
    #quick a:hover {width:150px;}
    
    #quick a:nth-child(2) {bottom:55px;}
    #quick a:nth-child(1) {bottom:110px;}

    #quick.on {bottom:80px;}
}

@media screen and (max-width:767px){
    #quick {width:40px; bottom:15px;}
    #quick a {width:40px; height:40px;}
    #quick a .icon {width:40px;}
    #quick a P {line-height:40px; left:40px;}
    #quick a:hover {width:120px;}
    
    #quick a:nth-child(2) {bottom:45px;}
    #quick a:nth-child(1) {bottom:90px;}

    #quick.on {bottom:60px;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; overflow:hidden; position:relative;}
#mVisu:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4); position:absolute; left:0; top:0; z-index:5;}
#mVisu iframe {width:120%; height:120%; min-width:1930px; min-height:1500px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2;}
#mVisu .txt_box {position:relative; top:-30px; z-index:15;}
#mVisu .txt_box .tit {font-size:5em; color:#fff; line-height:1.18em; font-weight:200;}
#mVisu .txt_box .tit p {overflow:hidden;}
#mVisu .txt_box .tit p span, #mVisu .txt_box .tit p strong {display:block;}
#mVisu .txt_box .tit strong {font-weight:600;}
#mVisu .txt_box .txt {font-size:1.5em; color:#fff; line-height:1.3em; margin-top:30px; overflow:hidden;}
#mVisu .txt_box .txt strong {font-weight:600;}
#mVisu .scroll_box {width:100%; text-align:center; position:absolute; left:0; bottom:50px; z-index:15;}
#mVisu .scroll_box p {display:inline-block; font-size:0.75em; color:#fff; font-weight:500; font-family:'Montserrat'; animation:mVisuScroll 1.5s ease-in-out infinite; cursor:pointer;}

@keyframes mVisuScroll {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}

@media screen and (min-width:1931px){
	#mVisu iframe {min-width:2800px; min-height:1500px;}
}

@media screen and (min-height:960px){
	#mVisu iframe {min-width:2800px; min-height:1500px;}
}

@media screen and (max-width:1024px){
	#mVisu iframe {min-width:1900px; min-height:1500px;}
    #mVisu .txt_box .tit {font-size:4em;}
    #mVisu .txt_box .txt {font-size:1.3em; margin-top:4%;}
    #mVisu .scroll_box {bottom:25px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box {top:0;}
    #mVisu .txt_box .tit {font-size:2.8em;}
    #mVisu .txt_box .txt {font-size:1.125em;}
}


.main_title h2 {font-size:1.25em; color:#36bdc3; font-weight:600; font-family:'Montserrat'; margin-bottom:15px;}
.main_title .tit {font-size:3.75em; line-height:1.25em; font-weight:600; font-family:'Montserrat', 'Pretendard';}
.main_title .txt {font-size:1.125em; color:#666; line-height:1.9em; margin-top:45px;}
.main_title.white h2 {color:rgba(255,255,255,0.5)}
.main_title.white .tit {color:#fff;}
.main_title.white .txt {color:#fff;}

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

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


#mAbout {padding-top:150px;}
#mAbout .main_title {position:relative; margin-bottom:70px;}
#mAbout .main_title .txt {width:50%; word-break:normal;}
#mAbout .main_title .oncare_btn1 {position:absolute; right:0; bottom:0;}
#mAbout .box {width:100%; background:#f8f9fc; border-radius:30px; padding-top:100px; text-align:center;}
#mAbout .box .logo img {height:56px;}
#mAbout .box .tit {font-size:1.125em; font-weight:600; margin-top:15px;}
#mAbout .box ul {display:flex; justify-content:center; margin:70px 0;}
#mAbout .box ul li {width:90px; margin-right:30px; position:relative;}
#mAbout .box ul li:last-child {margin-right:0;}
#mAbout .box ul li a {cursor:default;}
#mAbout .box ul li i {display:block; width:100%; line-height:90px; background:#fff; border-radius:50%; box-shadow:0 0 20px rgba(25,25,25,0.05); font-size:1.875em; position:relative; z-index:5; transition:all 0.5s; transition-property:background, color;}
#mAbout .box ul li p {font-size:1.125em; font-weight:600; margin-top:15px;}
#mAbout .box ul li.active i/*, #mAbout .box ul li:hover i*/ {background:#36bdc3; color:#fff;}
#mAbout .box ul li.active:before/*, #mAbout .box ul li:hover:before*/ {content:''; display:block; width:100%; height:90px; background:#36bdc3; border-radius:50%; position:absolute; left:0; top:0; z-index:0; animation:uptocallmini 1.5s infinite;}
#mAbout .box .img_box img {max-width:100%;}
#mAbout .box2 {margin-top:100px;}
#mAbout .box2 ul {overflow:hidden;}
#mAbout .box2 ul li {float:left; width:calc(33.33% - 26.66px); margin-right:40px;}
#mAbout .box2 ul li:last-child {margin-right:0;}
#mAbout .box2 ul li .img_box {width:100%; height:194px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
#mAbout .box2 ul li p {font-size:1.25em; font-weight:600; text-align:center; margin-top:15px;}

@keyframes uptocallmini {
    0% {transform:scale(1,1); opacity:0.8;}
    80% {transform:scale(1.5,1.5); opacity:0;}
    85% {transform:scale(0.5,0.5); opacity:0;}
    100% {transform:scale(1,1); opacity:0.8;}
}

@media screen and (max-width:1220px){
    #mAbout .box2 ul li .img_box {height:15vw;}
}

@media screen and (max-width:1024px){
    #mAbout {padding-top:15%;}
    #mAbout .main_title {margin-bottom:7%;}
    #mAbout .main_title .txt {width:60%}
    #mAbout .box {padding-top:10%; border-radius:15px;}
    #mAbout .box .logo img {height:40px;}
    #mAbout .box .tit {font-size:1em; margin-top:10px;}
    #mAbout .box ul {margin:6% 0;}
    #mAbout .box ul li {width:8.5vw; margin-right:15px;}
    #mAbout .box ul li i {line-height:8.5vw; font-size:1.5em;}
    #mAbout .box ul li p {font-size:1em; margin-top:10px;}
    #mAbout .box ul li.active:before, #mAbout .box ul li:hover:before {height:8.5vw}
    #mAbout .box2 {margin-top:10%;}
    #mAbout .box2 ul li {width:calc(33.33% - 10px); margin-right:15px;}
    #mAbout .box2 ul li .img_box {border-radius:10px;}
    #mAbout .box2 ul li p {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mAbout .main_title .txt {width:100%;}
    #mAbout .main_title .oncare_btn1 {position:relative; margin-top:25px}
    #mAbout .box .logo img {height:30px;}
    #mAbout .box ul {flex-wrap:wrap;}
    #mAbout .box ul li {width:15vw; margin:2vw 2vw;}
    #mAbout .box ul li:last-child {margin-right:2vw;}
    #mAbout .box ul li i {line-height:15vw;}
    #mAbout .box ul li.active:before, #mAbout .box ul li:hover:before {height:15vw}
    #mAbout .box2 ul li {float:none; display:flex; align-items:center; width:100%; margin-right:0; margin-bottom:2%;}
    #mAbout .box2 ul li:last-child {margin-bottom:0;}
    #mAbout .box2 ul li:nth-child(even) {flex-direction:row-reverse;}
    #mAbout .box2 ul li .img_box {width:50%; height:25vw;}
    #mAbout .box2 ul li p {width:50%; text-align:center; padding:0 10px;}
}


#mFeatures {padding:200px 0;}
.mFeatures_slide {width:100%; margin-top:50px;}
.mFeatures_slide .swiper-wrapper {transition-timing-function:linear !important;}
.mFeatures_slide .swiper-slide {width:306px;}
.mFeatures_slide .swiper-slide:nth-child(even) {margin-top:40px;}
.mFeatures_slide a {display:block; width:100%; position:relative;}
.mFeatures_slide a:before {content:''; display:block; width:100%; height:100%; border:5px solid #36bdc3; border-radius:20px; box-shadow:10px 10px 30px rgba(25,25,25,0.15); position:absolute; left:0; top:0; z-index:15; opacity:0; transition:opacity 0.5s;}
.mFeatures_slide .img_box {width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; border-radius:20px; overflow:hidden; transition:box-shadow 0.5s;}
.mFeatures_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.2); position:absolute; left:0; top:0; z-index:0;}
.mFeatures_slide .img_box:after {content:''; display:block; width:100%; height:100%; opacity:0.5; mix-blend-mode:multiply; background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #191919); position:absolute; left:0; top:0; z-index:5;}
.mFeatures_slide .txt_box {width:100%; height:100%; position:absolute; left:0; top:0; padding:40px; z-index:10;}
.mFeatures_slide .txt_box dl {display:flex; justify-content:space-between; flex-direction:column; width:100%; height:100%; }
.mFeatures_slide .txt_box dl dt {font-size:1.5em; color:#fff; line-height:1.4em; font-weight:600; padding-right:35px;}
.mFeatures_slide .txt_box dl dd {min-height:3.2em; font-size:1.125em; color:#fff; line-height:1.6em; font-weight:600; word-break:normal;}
.mFeatures_slide .txt_box .icon {width:30px; height:26px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; right:40px; top:40px;}
.mFeatures_slide a:hover:before {opacity:1;}
.mFeatures_slide a:hover .img_box {box-shadow:10px 10px 30px rgba(25,25,25,0.1)}

.mFeatures_slide .txt_box .icon1 {background-image:url(../images/mFeatures_icon1.png)}
.mFeatures_slide .txt_box .icon2 {background-image:url(../images/mFeatures_icon2.png)}
.mFeatures_slide .txt_box .icon3 {background-image:url(../images/mFeatures_icon3.png)}
.mFeatures_slide .txt_box .icon4 {background-image:url(../images/mFeatures_icon4.png)}
.mFeatures_slide .txt_box .icon5 {background-image:url(../images/mFeatures_icon5.png)}
.mFeatures_slide .txt_box .icon6 {background-image:url(../images/mFeatures_icon6.png)}
.mFeatures_slide .txt_box .icon7 {background-image:url(../images/mFeatures_icon7.png)}
.mFeatures_slide .txt_box .icon8 {background-image:url(../images/mFeatures_icon8.png)}
.mFeatures_slide .txt_box .icon9 {background-image:url(../images/mFeatures_icon9.png)}
.mFeatures_slide .txt_box .icon10 {background-image:url(../images/mFeatures_icon10.png)}

@media screen and (max-width:1024px){
    #mFeatures {padding:15% 0;}
    .mFeatures_slide {margin-top:5%;}
    .mFeatures_slide .swiper-slide {width:250px;}
    .mFeatures_slide .swiper-slide:nth-child(even) {margin-top:20px;}
    .mFeatures_slide .img_box {height:327px;}
    .mFeatures_slide .txt_box {padding:20px;}
    .mFeatures_slide .txt_box dl dt {font-size:1.3em;}
    .mFeatures_slide .txt_box dl dd {font-size:1em;}
    .mFeatures_slide .txt_box .icon {top:20px; right:20px;}
}

@media screen and (max-width:767px){
    .mFeatures_slide .swiper-slide {width:190px;}
    .mFeatures_slide a:before {border-radius:10px; border-width:3px;}
    .mFeatures_slide .img_box {height:248px; border-radius:10px;}
    .mFeatures_slide .txt_box {padding:15px;}
    .mFeatures_slide .txt_box dl dt {padding-right:25px;}
    .mFeatures_slide .txt_box .icon {width:20px; height:17px; top:15px; right:15px;}
}


#mSpecialty {width:100%; background:url(../images/mSpecialtyBG.jpg) no-repeat center center; background-size:cover; padding:150px 0; position:relative;}
#mSpecialty:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.5); position:absolute; left:0; top:0; z-index:0;}
#mSpecialty > div {position:relative; z-index:10;}
#mSpecialty .main_title .txt {width:50%; word-break:normal;}
#mSpecialty .btn_box {display:flex; margin-top:70px;}
#mSpecialty .btn_box a {margin-right:10px}

@media screen and (max-width:1024px){
    #mSpecialty {padding:15% 0;}
    #mSpecialty .main_title .txt {width:60%;}
    #mSpecialty .btn_box {margin-top:7%;}
}

@media screen and (max-width:767px){
    #mSpecialty .main_title .txt {width:100%;}
    #mSpecialty .btn_box a {margin-right:5px}
}


#mAdvantage {width:100%; background:#f8f9fc; padding:150px 0;}
#mAdvantage > div:after {content:''; display:block; width:100%; clear:both;}
#mAdvantage h2 {font-size:2.5em; font-weight:600; margin-bottom:50px;}
#mAdvantage ul {float:left; width:calc(50% - 10px); margin-right:20px;}
#mAdvantage ul:last-of-type {margin-right:0;}
#mAdvantage ul li {width:100%; background:#fff; border-radius:20px; box-shadow:5px 5px 20px rgba(25,25,25,0.1);}
#mAdvantage ul li:nth-child(1) ~ li {margin-top:20px;}
#mAdvantage ul li button {display:block; width:100%; height:70px; border-radius:20px; font-size:1.25em; font-weight:600; font-family:'Pretendard'; text-align:left; padding:0 50px; position:relative;}
#mAdvantage ul li button:after {content:''; display:block; width:14px; height:7px; background:url(../images/icon_arrow_down.svg) no-repeat center center; background-size:contain; position:absolute; right:30px; top:50%; transform:translateY(-50%)}
#mAdvantage ul li .cont {display:none; width:100%; padding:30px 50px;}
#mAdvantage ul li .cont p {font-size:1.125em; color:#666; line-height:1.6em; font-weight:600; padding-left:22px; position:relative; margin-bottom:10px;}
#mAdvantage ul li .cont p:last-child {margin-bottom:0;}
#mAdvantage ul li .cont p:before {content:''; display:block; width:12px; height:9px; background:url(../images/icon_check.svg) no-repeat center center; background-size:contain; position:absolute; left:0; top:10px;}
#mAdvantage ul li button:hover {background:#36bdc3; color:#fff;}
#mAdvantage ul li button:hover:after {background-image:url(../images/icon_arrow_down_w.svg);}
#mAdvantage ul li button.active {background:#36bdc3; box-shadow:5px 5px 20px rgba(54,189,195,0.1); color:#fff;}
#mAdvantage ul li button.active:after {background-image:url(../images/icon_arrow_down_w.svg); transform:translateY(-50%) rotate(180deg);}

@media screen and (max-width:1024px){
    #mAdvantage {padding:15% 0;}
    #mAdvantage h2 {font-size:2em; margin-bottom:5%;}
    #mAdvantage ul {width:calc(50% - 5px); margin-right:10px;}
    #mAdvantage ul li:nth-child(1) ~ li {margin-top:10px;}
    #mAdvantage ul li button {height:60px; font-size:1.125em; padding:0 25px;}
    #mAdvantage ul li button:after {width:10px; height:5px; right:20px;}
    #mAdvantage ul li .cont {padding:15px 25px;}
    #mAdvantage ul li .cont p {font-size:1em; padding-left:20px; margin-bottom:5px;}
    #mAdvantage ul li .cont p:before {top:8px;}
}

@media screen and (max-width:767px){
    #mAdvantage h2 {font-size:1.8em;}
    #mAdvantage ul {float:none; width:100%; margin-right:0; margin-bottom:5px;}
    #mAdvantage ul:last-of-type {margin-bottom:0;}
    #mAdvantage ul li {border-radius:10px;}
    #mAdvantage ul li:nth-child(1) ~ li {margin-top:5px;}
    #mAdvantage ul li button {height:45px; border-radius:10px; font-size:1em; padding:0 20px;}
    #mAdvantage ul li button:after {width:10px; height:5px; right:20px;}
    #mAdvantage ul li .cont {padding:15px;}
    #mAdvantage ul li .cont p:before {top:6px;}
}


#mCommunity {display:flex; align-items:end; flex-wrap:wrap; padding:150px 0;}
#mCommunity > div {width:calc(50% - 50px); margin-right:100px;}
#mCommunity > div:last-child {margin-right:0;}
#mCommunity .news_box {position:relative;}
#mCommunity .news_box h2 {font-size:2.5em; font-weight:600; font-family:'Montserrat';}
#mCommunity .news_box .btn_box {display:flex; position:absolute; right:0; top:30px;}
#mCommunity .news_box .btn_box button {display:block; position:relative;}
#mCommunity .news_box .btn_box button:before {content:''; display:block; width:14px; height:7px; background:url(../images/icon_arrow_down.svg) no-repeat center center; background-size:contain;}
#mCommunity .news_box .btn_box .prev_btn {margin-right:40px;}
#mCommunity .news_box .btn_box .prev_btn:before {transform:rotate(90deg);}
#mCommunity .news_box .btn_box .prev_btn:after {content:''; display:block; width:1px; height:18px; background:#ccc; position:absolute; right:-20px; top:50%; transform:translateY(-50%)}
#mCommunity .news_box .btn_box .next_btn:before {transform:rotate(-90deg)}
#mCommunity .news_box .cont {margin-top:20px; border-top:2px solid #272a33;}
#mCommunity .news_box .cont li {display:flex; align-items:center; width:100%; padding:20px 0; border-bottom:1px solid #ccc;}
#mCommunity .news_box .cont li .date {width:95px; text-align:center; font-size:0.75em; color:#666;}
#mCommunity .news_box .cont li .date span {display:block; font-size:2.66em; color:#272a33; font-weight:600; font-family:'Montserrat'}
#mCommunity .news_box .cont li a {display:block; width:calc(100% - 95px); font-size:1.125em; color:#666; padding-left:30px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#mCommunity .news_box .cont li a:before {content:''; display:block; width:1px; height:18px; background:#ccc; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#mCommunity .news_box .cont li:hover a {color:#191919; font-weight:700;}
#mCommunity .quick_box > div {margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #ccc;}
#mCommunity .quick_box > div:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
#mCommunity .quick_box a {display:block; padding:0 10px; position:relative; }
#mCommunity .quick_box dl {padding-right:110px;}
#mCommunity .quick_box dl dt {font-size:2.25em; font-weight:600;}
#mCommunity .quick_box dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:15px;}
#mCommunity .quick_box .icon {display:block; width:54px; height:54px; background-repeat:no-repeat; background-position:center center; background-size:contain; position:absolute; right:60px; top:50%; transform:translateY(-50%)}
#mCommunity .quick_box .icon:before {content:''; display:block; width:30px; height:30px; background:#36bdc3 url(../images/icon_arrow_right_long.png) no-repeat center center; border-radius:50%; position:absolute; right:-10px; bottom:-10px;}
#mCommunity .quick_box .icon1 {background-image:url(../images/mCommunity_icon1.png)}
#mCommunity .quick_box .icon2 {background-image:url(../images/mCommunity_icon2.png)}
#mCommunity .quick_box a:hover .icon {animation:mCommunity 0.8s ease infinite alternate;}

@keyframes mCommunity {
	0% {margin-top:0;}
	100% {margin-top:-10px;}
}

@media screen and (max-width:1024px){
    #mCommunity {padding:15% 0;}
    #mCommunity > div {width:calc(50% - 15px); margin-right:30px;}
    #mCommunity .news_box h2 {font-size:2em;}
    #mCommunity .news_box .btn_box {top:15px;}
    #mCommunity .news_box .btn_box .prev_btn {margin-right:30px;}
    #mCommunity .news_box .btn_box .prev_btn:after {height:14px; right:-15px;}
    #mCommunity .news_box .cont {margin-top:15px;}
    #mCommunity .news_box .cont li {padding:15px 0;}
    #mCommunity .news_box .cont li .date {width:70px;}
    #mCommunity .news_box .cont li .date span {font-size:2.2em;}
    #mCommunity .news_box .cont li a {width:calc(100% - 70px); font-size:1em; padding-left:20px;}
    #mCommunity .news_box .cont li a:before {height:14px;}
    #mCommunity .quick_box > div {margin-bottom:25px; padding-bottom:25px;}
    #mCommunity .quick_box dl {padding-right:50px;}
    #mCommunity .quick_box dl dt {font-size:1.8em;}
    #mCommunity .quick_box dl dd {font-size:1em; margin-top:10px;}
    #mCommunity .quick_box .icon {width:45px; height:45px; right:10px;}
    #mCommunity .quick_box .icon:before {width:25px; height:25px; background-size:9px auto; right:-5px; bottom:-5px;}
}

@media screen and (max-width:767px){
    #mCommunity > div {width:100%; margin-right:0; margin-bottom:16%;}
    #mCommunity > div:last-child {margin-bottom:0;}
    #mCommunity .news_box h2 {font-size:1.8em;}
    #mCommunity .news_box .btn_box button:before {width:10px; height:5px;}
    #mCommunity .news_box .btn_box .prev_btn {margin-right:20px;}
    #mCommunity .news_box .btn_box .prev_btn:after {height:12px; right:-10px;}
    #mCommunity .news_box .cont {margin-top:15px;}
    #mCommunity .news_box .cont li {padding:10px 0;}
    #mCommunity .news_box .cont li .date {width:60px;}
    #mCommunity .news_box .cont li a {width:calc(100% - 60px);}
    #mCommunity .news_box .cont li a:before {height:12px;}
    #mCommunity .quick_box > div {margin-bottom:15px; padding-bottom:15px;}
    #mCommunity .quick_box dl {padding-right:40px;}
    #mCommunity .quick_box dl dt {font-size:1.5em;}
    #mCommunity .quick_box dl dd {margin-top:5px;}
    #mCommunity .quick_box .icon {width:30px; height:30px;}
    #mCommunity .quick_box .icon:before {width:18px; height:18px; background-size:7px auto;}
}


#mContact {width:100%; height:300px; background:url(../images/mContactBG.jpg) no-repeat center center; background-size:cover; position:relative;}
#mContact:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.5); position:absolute; left:0; top:0; z-index:0;}
#mContact > div {display:flex; justify-content:space-between; align-items:center; height:100%; position:relative; z-index:10;}
#mContact dl dt {font-size:2.5em; color:#fff; font-weight:600; font-family:'Montserrat'}
#mContact dl dd {font-size:1.125em; color:#fff; line-height:1.9em; font-weight:500; margin-top:15px;}

@media screen and (max-width:1024px){
    #mContact {height:250px;}
    #mContact dl dt {font-size:2.2em;}
    #mContact dl dd {font-size:1em;}
}

@media screen and (max-width:767px){
    #mContact {height:auto; padding:10% 0;}
    #mContact > div {display:block;}
    #mContact dl {margin-bottom:7%;}
    #mContact dl dt {font-size:2em;}
    #mContact dl dd {margin-top:5px;}
}



/* sub */
#sVisu {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.5, 1.5); animation:sVisu 8s ease;}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:2;}
#sVisu > div {height:100%; position:relative; z-index:10; padding-top:150px;}
#sVisu > div:before {content:''; display:block; width:2px; height:80px; background:#36bdc3; margin-bottom:30px;}
#sVisu > div:after {content:''; display:block; width:calc(50vw + 600px); height:80px; background:#fff; border-top-right-radius:40px; position:absolute; right:0; bottom:0;}
#sVisu h2 {font-size:3.125em; color:#fff; line-height:1.2em; font-weight:600; font-family:'Montserrat', 'Pretendard'}
#sVisu p {font-size:1.5em; color:rgba(255,255,255,0.5); 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.5, 1.5)}
    100% {transform:scale(1, 1)}
}

@media screen and (max-width:1024px){
    #sVisu {height:380px;}
    #sVisu > div {padding-top:110px;}
    #sVisu > div:before {height:60px; margin-bottom:15px;}
    #sVisu > div:after {height:60px; border-top-right-radius:30px;}
    #sVisu h2 {font-size:2.7em;}
    #sVisu p {font-size:1.3em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #sVisu {height:270px;}
    #sVisu > div {padding-top:85px;}
    #sVisu > div:before {height:40px; margin-bottom:10px;}
    #sVisu > div:after {height:40px; border-top-right-radius:20px;}
    #sVisu h2 {font-size:2.4em;}
    #sVisu p {font-size:1.125em;}
}



#sub_content {border-bottom:1px solid #ccc; padding:50px 0 150px;}
#sub_content.pb0 {border-bottom:0;}

.sub_title {margin-bottom:100px;}
.sub_title span {display:block; font-size:1.25em; color:#36bdc3; line-height:1.2em; font-weight:600; font-family:'Montserrat'; margin-bottom:20px;}
.sub_title .tit {font-size:2.81em; line-height:1.33em; font-weight:600;}
.sub_title .txt {font-size:1.125em; color:#666; line-height:1.6em; margin-top:25px;}

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

    .sub_title {margin-bottom:8%;}
    .sub_title span {font-size:1.125em; margin-bottom:1.5%;}
    .sub_title .tit {font-size:2.4em;}
    .sub_title .txt {font-size:1em; margin-top:2.5%;}
}

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


.reparing_wrap {text-align:center;}
.reparing_wrap:before {content:''; display:block; width:150px; height:150px; background:url(../images/reparing_icon.svg) no-repeat center center; background-size:contain; margin:0 auto;}
.reparing_wrap dl {margin-top:30px; text-align:center;}
.reparing_wrap dl dt {font-size:2.18em; color:#191919;}
.reparing_wrap dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-top:15px;}

@media screen and (max-width:1024px){
    .reparing_wrap:before {width:100px; height:100px;}
    .reparing_wrap dl {margin-top:3%;}
    .reparing_wrap dl dt {font-size:1.7em;}
    .reparing_wrap dl dd {font-size:1em; margin-top:1.5%;}
}

@media screen and (max-width:767px){
    .reparing_wrap:before {width:70px; height:70px;}
}


.sub_list_box1 > li {font-size:1.125em; color:#666; line-height:1.6em; padding-left:15px; position:relative; margin-bottom:15px;}
.sub_list_box1 > li:last-child {margin-bottom:0;}
.sub_list_box1 > li:before {content:''; display:block; width:5px; height:5px; background:#ccc; border-radius:50%; position:absolute; left:0; top:11px;}

@media screen and (max-width:1024px){
    .sub_list_box1 > li {font-size:1em; margin-bottom:5px;}
    .sub_list_box1 > li:before {top:8px;}
}

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


.sub_table_box1 {width:100%; border-top:2px solid #191919;}
.sub_table_box1 thead th {background:#f8f9fc; border-right:1px solid #ccc; font-size:1.125em; color:#191919; font-weight:600; text-align:center; padding:25px 0;}
.sub_table_box1 thead th:last-child {border-right:0;}
.sub_table_box1 tbody td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.125em; color:#666; text-align:center; padding:20px 0;}
.sub_table_box1 tbody td:last-child {border-right:0;}

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


.sAbout_case1 .img_box {width:100%; height:600px; border-radius:30px; background:url(../images/sAbout_img1.jpg) no-repeat center center; background-size:cover;}
.sAbout_case1 ul {display:flex; justify-content:center; flex-wrap:wrap; width:100%; padding:0 50px; position:relative; z-index:10; margin-top:-80px;}
.sAbout_case1 ul li {display:flex; justify-content:center; align-items:center; flex-direction:column; width:calc(14.28% - 17.14px); height:160px; border-radius:20px; background-color:rgba(255,255,255,0.5); backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); box-shadow:5px 5px 20px rgba(25,25,25,0.1); margin-right:20px; text-align:center; transition:all 0.4s; transition-property:background, color;}
.sAbout_case1 ul li:last-child {margin-right:0;}
.sAbout_case1 ul li i {font-size:1.875em;}
.sAbout_case1 ul li dl dt {font-size:1.125em; font-weight:600; margin:20px 0 5px;}
.sAbout_case1 ul li dl dd {font-size:0.75em; color:#a4a4a4; font-family:'Montserrat'; transition:color 0.5s;}
/*.sAbout_case1 ul li.active {background-color:#36bdc3; color:#fff;}
.sAbout_case1 ul li.active dl dd {color:rgba(255,255,255,0.5)}*/

.sAbout_case2 .tit_box {text-align:center; margin-bottom:70px;}
.sAbout_case2 .tit_box .logo img {height:75px;}
.sAbout_case2 .tit_box .txt {font-size:1.25em; margin-top:15px;}
.sAbout_case2 ul {overflow:hidden;}
.sAbout_case2 ul li {float:left; width:calc(33.33% - 26.66px); margin-right:40px;}
.sAbout_case2 ul li:last-child {margin-right:0;}
.sAbout_case2 ul li .img_box {width:100%; height:194px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
.sAbout_case2 ul li p {font-size:1.125em; font-weight:600; text-align:center; margin-top:20px;}

.sAbout_case3 {width:100%; background:#f8f9fc; padding:150px 0;}
.sAbout_case3 .tit {font-size:2.18em; color:#191919; line-height:1.28em; text-align:center; margin-bottom:50px;}
.sAbout_case3 .txt_box {display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-top:100px;}
.sAbout_case3 .txt_box .lottie_box {width:50%;}
.sAbout_case3 .txt_box .txt {width:50%; padding-left:100px}
.sAbout_case3 .txt_box .txt dl dt {font-size:2.18em; line-height:1.28em; font-weight:600;}
.sAbout_case3 .txt_box .txt dl dt span {color:#36bdc3;}
.sAbout_case3 .txt_box .txt dl dd {font-size:1.125em; color:#666; line-height:1.6em; margin-top:15px;}
.sAbout_case3 .txt_box .txt .btn_wrap {margin-top:50px;}

.sAbout_slide {width:100%;}
.sAbout_slide .swiper-slide {width:calc(20% - 16px); height:280px; background:#fff; border-radius:20px; box-shadow:5px 5px 20px rgba(25,25,25,0.1); margin-right:20px; text-align:center; padding-top:50px;}
.sAbout_slide .swiper-slide:last-child {margin-right:0;}
.sAbout_slide .icon {display:block; width:55px; height:55px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto;}
.sAbout_slide dl {margin-top:25px;}
.sAbout_slide dl dt {font-size:1.125em; line-height:1.5em; font-weight:600;}
.sAbout_slide dl dd {font-size:1em; color:#666; line-height:1.56em; margin-top:10px; padding:0 5px;}

.sAbout_slide .icon1 {background-image:url(../images/sAbout_icon1.png)}
.sAbout_slide .icon2 {background-image:url(../images/sAbout_icon2.png)}
.sAbout_slide .icon3 {background-image:url(../images/sAbout_icon3.png)}
.sAbout_slide .icon4 {background-image:url(../images/sAbout_icon4.png)}
.sAbout_slide .icon5 {background-image:url(../images/sAbout_icon5.png)}

@media screen and (max-width:1220px){
    .sAbout_case1 .img_box {height:45vw;}
    
    .sAbout_case2 ul li .img_box {height:15vw;}

    .sAbout_case3 .txt_box .txt {padding-left:50px;}

    .sAbout_slide .mo_br {display:none;}
}

@media screen and (max-width:1024px){
    .sAbout_case1 ul {padding:0 10px; margin-top:-70px;}
    .sAbout_case1 ul li {width:calc(14.28% - 8.57px); height:140px; margin-right:10px;}
    .sAbout_case1 ul li i {font-size:1.5em;}
    .sAbout_case1 ul li dl dt {margin-top:10px;}

    .sAbout_case2 .tit_box {margin-bottom:7%;}
    .sAbout_case2 .tit_box .logo img {height:50px;}
    .sAbout_case2 .tit_box .txt {font-size:1em; margin-top:1.5%;}
    .sAbout_case2 ul li {width:calc(33.33% - 10px); margin-right:15px;}
    .sAbout_case2 ul li .img_box {border-radius:10px;}
    .sAbout_case2 ul li p {font-size:1em; margin-top:10px;}

    .sAbout_case3 {padding:15% 0;}
    .sAbout_case3 .tit {font-size:1.7em; margin-bottom:5%;}
    .sAbout_case3 .txt_box {margin-top:10%;}
    .sAbout_case3 .txt_box .txt {padding-left:25px;}
    .sAbout_case3 .txt_box .txt dl dt {font-size:1.7em;}
    .sAbout_case3 .txt_box .txt dl dd {font-size:1em; margin-top:10px;}
    .sAbout_case3 .txt_box .txt .btn_wrap {margin-top:30px;}
	
    .sAbout_slide .swiper-slide {height:220px; padding-top:35px;}
    .sAbout_slide .icon {width:45px; height:45px;}
    .sAbout_slide dl {margin-top:15px;}
    .sAbout_slide dl dd {margin-top:5px; padding:0 10px;}
}

@media screen and (max-width:767px){
    .sAbout_case1 .img_box {height:50vw; border-radius:15px;}
    .sAbout_case1 ul {padding:0 10px; margin-top:-40px;}
    .sAbout_case1 ul li {width:calc(50% - 2.5px); height:100px; margin-right:5px; border-radius:10px;}
    .sAbout_case1 ul li:nth-child(2), .sAbout_case1 ul li:nth-child(4) {margin-right:0;}
	.sAbout_case1 ul li:nth-child(2) ~ li {margin-top:5px;}
    .sAbout_case1 ul li:nth-child(4) ~ li {width:calc(33.33% - 3.33px);}
    .sAbout_case1 ul li i {font-size:1.4em;}
    .sAbout_case1 ul li dt {font-size:1em; margin-bottom:3px;}
    
    .sAbout_case2 .tit_box .logo img {height:40px;}
    .sAbout_case2 ul li {float:none; display:flex; align-items:center; width:100%; margin-right:0; margin-bottom:2%;}
    .sAbout_case2 ul li:last-child {margin-bottom:0;}
    .sAbout_case2 ul li:nth-child(even) {flex-direction:row-reverse;}
    .sAbout_case2 ul li .img_box {width:50%; height:25vw;}
    .sAbout_case2 ul li p {width:50%; text-align:center; padding:0 10px;}
    
	.sAbout_case3 .scroll_box {width:100vw; overflow-x:scroll; margin-left:-6%}
    .sAbout_case3 .txt_box .lottie_box {width:100%; margin-bottom:7%;}
    .sAbout_case3 .txt_box .txt {width:100%; padding-left:0;}
    .sAbout_case3 .txt_box .txt dl dd {margin-top:1%;}
    .sAbout_case3 .txt_box .txt .btn_wrap {margin-top:5%;}
	
    .sAbout_slide .swiper-slide {height:170px; border-radius:10px; padding-top:30px;}
    .sAbout_slide .icon {width:35px; height:35px;}
    .sAbout_slide dl {margin-top:10px;}
}


.sAuthentication_case1 iframe {width:100%; height:675px;}
.sAuthentication_case1 .oncare_btn1 {margin:100px auto 0;}

@media screen and (max-width:1220px){
	.sAuthentication_case1 iframe {height:47.5vw}
}

@media screen and (max-width:1024px){
	.sAuthentication_case1 .oncare_btn1 {margin-top:7vw}
}


.sClient_case1 ul {overflow:hidden;}
.sClient_case1 ul li {float:left; width:calc(33.33% - 26.66px); margin-right:40px;}
.sClient_case1 ul li:nth-child(3n) {margin-right:0;}
.sClient_case1 ul li:nth-child(3) ~ li {margin-top:40px;}
.sClient_case1 ul li .logo {display:flex; justify-content:center; align-items:center; width:100%; height:120px; border:1px solid #ccc;}
.sClient_case1 ul li .logo img {max-width:60%; max-height:60%;}
.sClient_case1 ul li p {font-size:1.125em; font-weight:600; text-align:center; margin-top:20px;}

@media screen and (max-width:1024px){
    .sClient_case1 ul li {width:calc(33.33% - 10px); margin-right:15px;}
    .sClient_case1 ul li:nth-child(3) ~ li {margin-top:30px;}
    .sClient_case1 ul li .logo {height:10vw;}
    .sClient_case1 ul li p {margin-top:10px;}
}

@media screen and (max-width:767px){
    .sClient_case1 ul li {width:calc(50% - 5px); margin-right:10px;}
    .sClient_case1 ul li:nth-child(3n) {margin-right:10px;}
    .sClient_case1 ul li:nth-child(2n) {margin-right:0;}
    .sClient_case1 ul li:nth-child(2) ~ li {margin-top:25px;}
    .sClient_case1 ul li .logo {height:15vw;}
    .sClient_case1 ul li p {margin-top:5px;}
}


.sLocation_case1 > div {margin-bottom:100px;}
.sLocation_case1 > div:last-child {margin-bottom:0;}
.sLocation_case1 > div .map_box {width:100%; height:400px; background:#f8f9fc;}
.sLocation_case1 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sLocation_case1 > div .info_box {margin-top:50px; overflow:hidden;}
.sLocation_case1 > div .info_box .tit {float:left; width:175px; font-size:1.5em; font-weight:500;}
.sLocation_case1 > div .info_box ul {float:left; width:calc(100% - 175px); overflow:hidden;}
.sLocation_case1 > div .info_box ul li {float:left; font-size:1.125em; color:#666; margin-bottom:10px;}
.sLocation_case1 > div .info_box ul li:after {content:''; display:inline-block; width:1px; height:16px; background:#ccc; margin:0 15px; vertical-align:middle;}
.sLocation_case1 > div .info_box ul li.add {float:none;}
.sLocation_case1 > div .info_box ul li.add:after, .sLocation_case1 > div .info_box ul li:last-child:after {display:none;}
.sLocation_case1 > div .info_box ul li a {color:#666;}

@media screen and (max-width:1024px){
    .sLocation_case1 > div {margin-bottom:10%;}
    .sLocation_case1 > div .map_box {height:300px;}
    .sLocation_case1 > div .info_box {margin-top:5%;}
    .sLocation_case1 > div .info_box .tit {width:140px; font-size:1.3em;}
    .sLocation_case1 > div .info_box ul {width:calc(100% - 140px)}
    .sLocation_case1 > div .info_box ul li {font-size:1em; margin-bottom:5px;}
    .sLocation_case1 > div .info_box ul li:after {height:12px;}
}

@media screen and (max-width:767px){
    .sLocation_case1 > div .map_box {height:200px;}
    .sLocation_case1 > div .info_box .tit {width:110px;}
    .sLocation_case1 > div .info_box ul {width:calc(100% - 110px)}
    .sLocation_case1 > div .info_box ul li {float:none;}
    .sLocation_case1 > div .info_box ul li:after {display:none;}
}


.sWorks_case1 > div {display:flex; align-items:center; flex-wrap:wrap; width:100%; margin-bottom:100px; position:relative;}
.sWorks_case1 > div:last-child {margin-bottom:0;}
.sWorks_case1 > div:nth-child(even) {flex-direction:row-reverse;}
.sWorks_case1 > div .img_box {width:50%; border-radius:20px; box-shadow:5px 5px 20px rgba(25,25,25,0.1); position:relative; z-index:20;}
.sWorks_case1 > div .img_box .img {width:100%; height:290px; border-radius:20px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sWorks_case1 > div .txt_box {width:50%;}
.sWorks_case1 > div .txt_box .tit {font-size:1.875em; color:#191919; line-height:1.4em; font-weight:600; margin-bottom:30px;}
.sWorks_case1 > div .txt_box .tit span {display:inline-block; width:60px; line-height:30px; background:#36bdc3; border-radius:30px; font-size:0.46em; color:#fff; text-align:center; vertical-align:middle; margin-left:5px; position:relative; top:-1px;}
.sWorks_case1 > div .txt_box .tit.case2 {margin-bottom:10px;}
.sWorks_case1 > div .txt_box .tit.case2 + .txt {margin-bottom:30px;}
.sWorks_case1 > div .txt_box .txt {font-size:1.125em; color:#666; line-height:1.6em;}
.sWorks_case1 > div .txt_box.scroll {max-height:290px; overflow-y:auto; padding-top:30px; padding-bottom:30px;}
.sWorks_case1 > div .txt_box.scroll:before {content:''; display:block; width:50%; height:100px; background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); position:absolute; left:0; bottom:0; z-index:10;}
.sWorks_case1 > div .txt_box.scroll::-webkit-scrollbar {width:4px;}
.sWorks_case1 > div .txt_box.scroll::-webkit-scrollbar-thumb {background:#36bdc3; border-radius:2px;}
.sWorks_case1 > div .txt_box.scroll::-webkit-scrollbar-track {background:#eee;}

.sWorks_case1 > div:nth-child(odd) .txt_box {padding-left:70px;}
.sWorks_case1 > div:nth-child(odd) .txt_box.scroll:before {left:auto; right:0;}
.sWorks_case1 > div:nth-child(even) .txt_box {padding-right:70px;}
.sWorks_case1 > div:nth-child(even) .txt_box.scroll {width:calc(50% - 50px); margin-right:50px;}

.sWorks_slide .swiper-slide {opacity:0 !important;}
.sWorks_slide .swiper-slide-active {opacity:1 !important;}
.sWorks_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:-38px;}
.sWorks_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 7px;}
.sWorks_slide .swiper-pagination-bullet {width:8px; height:8px; background:#ccc; opacity:1;}
.sWorks_slide .swiper-pagination-bullet-active {background:#36bdc3;}

@media screen and (max-width:1220px){
    .sWorks_case1 > div .img_box .img {height:21vw;}
    .sWorks_case1 > div .txt_box.scroll {max-height:21vw;}
    
    .sWorks_case1 > div:nth-child(odd) .txt_box {padding-left:50px;}
    .sWorks_case1 > div:nth-child(even) .txt_box {padding-right:50px;}
}

@media screen and (max-width:1024px){
    .sWorks_case1 > div {margin-bottom:10%;}
    .sWorks_case1 > div .txt_box .tit {font-size:1.5em; margin-bottom:15px;}
    .sWorks_case1 > div .txt_box .tit span {width:40px; font-size:0.5em; line-height:24px; top:-3px;}
    .sWorks_case1 > div .txt_box .tit.case2 {margin-bottom:5px;}
    .sWorks_case1 > div .txt_box .tit.case2 + .txt {margin-bottom:15px;}
    .sWorks_case1 > div .txt_box .txt {font-size:1em;}
	.sWorks_case1 > div .txt_box.scroll {padding-top:15px; padding-bottom:15px;}
    .sWorks_case1 > div .txt_box.scroll:before {height:50px;}
    
    .sWorks_case1 > div:nth-child(odd) .txt_box {padding-left:25px;}
    .sWorks_case1 > div:nth-child(even) .txt_box {padding-right:25px;}
    .sWorks_case1 > div:nth-child(even) .txt_box.scroll {width:calc(50% - 20px); margin-right:20px;}

    .sWorks_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:-25px;}
    .sWorks_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
}

@media screen and (max-width:767px){
    .sWorks_case1 > div .img_box {width:100%; border-radius:10px;}
	.sWorks_case1 > div .img_box.case2 {margin-bottom:20px;}
    .sWorks_case1 > div .img_box .img {height:41vw; border-radius:10px;}
    .sWorks_case1 > div .txt_box {width:100%; margin-top:5%;}
    .sWorks_case1 > div .txt_box .tit {margin-bottom:1.5%;}
    .sWorks_case1 > div .txt_box .tit.case2 {margin-bottom:0.5%;}
    .sWorks_case1 > div .txt_box .tit.case2 + .txt {margin-bottom:1.5%;}
    .sWorks_case1 > div .txt_box.scroll {max-height:100%; overflow:hidden; padding-top:0; padding-bottom:0;}
    .sWorks_case1 > div .txt_box.scroll:before {display:none;}
    
    .sWorks_case1 > div:nth-child(odd) .txt_box {padding-left:0px;}
    .sWorks_case1 > div:nth-child(even) .txt_box {padding-right:0px;}
    .sWorks_case1 > div:nth-child(even) .txt_box.scroll {width:100%; margin-right:0;}
    
    .sWorks_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:-20px;}
    .sWorks_slide .swiper-pagination-bullet {width:6px; height:6px;}
}



.sSpecialty_case1 > ul {counter-reset:counter;}
.sSpecialty_case1 > ul > li {position:relative; padding-left:120px; margin-bottom:70px;}
.sSpecialty_case1 > ul > li:last-child {margin-bottom:0;}
.sSpecialty_case1 > ul > li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:3.125em; color:#36bdc3; font-weight:600; font-family:'Montserrat'; opacity:0.3; position:absolute; left:0; top:0;}
.sSpecialty_case1 > ul > li .tit {font-size:1.5em; color:191919; font-weight:500;}
.sSpecialty_case1 > ul > li .tit span {display:inline-block; width:60px; line-height:30px; background:#36bdc3; border-radius:30px; font-size:0.58em; color:#fff; text-align:center; vertical-align:middle; margin-left:5px; position:relative; top:-1px;}
.sSpecialty_case1 > ul > li .txt {font-size:1.125em; color:#666; line-height:1.6em; margin-top:15px;}
.sSpecialty_case1 > ul > li .sub_list_box1 {margin-top:25px;}

@media screen and (max-width:1024px){
    .sSpecialty_case1 > ul > li {padding-left:80px; margin-bottom:7%;}
    .sSpecialty_case1 > ul > li:before {font-size:2.5em;}
    .sSpecialty_case1 > ul > li .tit {font-size:1.3em;}
    .sSpecialty_case1 > ul > li .tit span {width:40px; line-height:24px;}
    .sSpecialty_case1 > ul > li .txt {font-size:1em; margin-top:1.5%;}
    .sSpecialty_case1 > ul > li .sub_list_box1 {margin-top:2%;}
}

@media screen and (max-width:767px){
    .sSpecialty_case1 > ul > li {padding-left:45px;}
    .sSpecialty_case1 > ul > li:before {font-size:2em;}
    .sSpecialty_case1 > ul > li .tit {font-size:1.3em;}
    .sSpecialty_case1 > ul > li .tit span {top:-2px;}
}



.sInformation_case1 {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.sInformation_case1 .img_box {width:50%; text-align:center;}
.sInformation_case1 .img_box img {max-width:100%;}
.sInformation_case1 .txt_box {width:50%; padding-left:70px; margin-top:-40px;}
.sInformation_case1 .txt_box .tit {font-size:1.5em; font-weight:500; margin-bottom:30px;}
.sInformation_case1 .txt_box .btn_wrap {margin-top:70px}

.sInformation_case2 {display:flex; flex-wrap:wrap; width:100%;}
.sInformation_case2 > div {width:calc(33.33% - 26.66px); background:#f8f9fc; border-radius:20px; padding:50px 60px; margin-right:40px; text-align:center;}
.sInformation_case2 > div:last-child {margin-right:0;}
.sInformation_case2 > div .tit {display:inline-block; font-size:1em; color:#fff; font-weight:600; line-height:36px; border-radius:18px; padding:0 18px;}
.sInformation_case2 > div .price {font-size:1.25em; font-weight:600; padding:20px 0 40px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.sInformation_case2 > div .price strong {font-size:2em; font-weight:600;}
.sInformation_case2 > div .price span {font-size:0.8em; color:#666; font-weight:400;}
.sInformation_case2 > div ul {display:inline-block;}
.sInformation_case2 > div ul li {font-size:1em; color:#666; line-height:1.8em; padding-left:26px; background:url(../images/icon_check.png) no-repeat left 10px; position:relative; text-align:left;}
.sInformation_case2 > div dl dt {font-size:1.125em; font-weight:600;}
.sInformation_case2 > div dl dd {font-size:1em; color:#666; line-height:1.56em; margin-top:15px;}

.sInformation_case2 > div:nth-child(1) .tit {background:#147ecf;}
.sInformation_case2 > div:nth-child(1) .price {color:#147ecf;}
.sInformation_case2 > div:nth-child(2) .tit {background:#2d4984;}
.sInformation_case2 > div:nth-child(2) .price {color:#2d4984;}
.sInformation_case2 > div:nth-child(2) ul li {background-image:url(../images/icon_check2.png)}
.sInformation_case2 > div:nth-child(3) .tit {background:#191919;}
.sInformation_case2 > div:nth-child(3) .price {color:#191919;}

@media screen and (max-width:1220px){
    .sInformation_case1 .txt_box {padding-left:50px;}

    .sInformation_case2 > div {padding-left:30px; padding-right:30px;}
}

@media screen and (max-width:1024px){
    .sInformation_case1 .txt_box {padding-left:25px;}
	.sInformation_case1 .txt_box .tit {font-size:1.3em; margin-bottom:10px;}
    .sInformation_case1 .txt_box .btn_wrap {margin-top:15px;}

    .sInformation_case2 > div {width:calc(33.33% - 10px); margin-right:15px; padding:40px 20px;}
    .sInformation_case2 > div .tit {line-height:30px; padding:0 15px;}
    .sInformation_case2 > div .price {font-size:1.125em; padding:10px 0 15px; margin-bottom:15px;}
    .sInformation_case2 > div .price strong {font-size:1.7em;}
    .sInformation_case2 > div ul li {padding-left:20px; background-position:left 9px;}
    .sInformation_case2 > div dl dd {margin-top:5px;}
}

@media screen and (max-width:767px){
    .sInformation_case1 .img_box {width:100%;}
    .sInformation_case1 .txt_box {width:100%; padding-left:0; margin-top:3%; text-align:center;}
	.sInformation_case1 .txt_box .sub_list_box1 {display:inline-block; text-align:left;}
    .sInformation_case1 .txt_box .btn_wrap {justify-content:center;}

    .sInformation_case2 > div {width:100%; margin:0 0 10px;}
    .sInformation_case2 > div:last-child {margin-bottom:0;}
    .sInformation_case2 > div ul li {background-position:left 8px;}
}


.sFaq_case1 {width:100%; border-top:2px solid #191919;}
.sFaq_case1 > div {border-bottom:1px solid #ccc; position:relative;}
.sFaq_case1 > div.active {border-bottom:0;}
.sFaq_case1 > div .chk_box {position:absolute; left:5px; top:5px; z-index:30;}
.sFaq_case1 > div button {display:block; width:100%; height:80px; font-size:1.125em; color:#191919; line-height:1.6em; font-weight:600; font-family:'Pretendard'; text-align:left; padding:0 40px 0 90px; position:relative;}
.sFaq_case1 > div button:before {content:'Q'; display:inline-block; width:40px; line-height:40px; background:#36bdc3; border-radius:50%; font-size:1.125em; color:#fff; font-weight:600; font-family:'Montserrat'; text-align:center; position:absolute; left:20px; top:50%; transform:translateY(-50%)}
.sFaq_case1 > div button:after {content:'\2b'; font-size:0.88em; color:#666; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.sFaq_case1 > div.active button:after {content:'\f068'}
.sFaq_case1 > div .cont {display:none; width:100%; background:#f8f9fc; padding:40px 90px; overflow:hidden;}
.sFaq_case1 > div .cont p {font-size:1.125em; color:#666; line-height:1.6em;}
.sFaq_case1 > div .cont a {float:right; margin-top:20px;}

@media screen and (max-width:1024px){
    .sFaq_case1 > div button {height:60px; font-size:1em; padding:0 30px 0 60px;}
    .sFaq_case1 > div button:before {width:32px; line-height:32px; left:15px;}
    .sFaq_case1 > div button:after {right:15px;}
    .sFaq_case1 > div .cont {padding:20px 60px;}
    .sFaq_case1 > div .cont p {font-size:1em;}
}

@media screen and (max-width:767px){
    .sFaq_case1 > div button {height:45px; font-size:1em; padding:0 20px 0 45px;}
    .sFaq_case1 > div button:before {width:28px; line-height:28px; left:10px;}
    .sFaq_case1 > div button:after {right:10px;}
    .sFaq_case1 > div .cont {padding:15px 15px 15px 45px;}
}


.sSupport_case1 {display:flex; flex-wrap:wrap; width:100%; counter-reset:counter;}
.sSupport_case1 li {float:left; width:calc(25% - 52.5px); height:350px; background:#f8f9fc; border-radius:20px; padding:40px; margin-right:70px; text-align:center; position:relative;}
.sSupport_case1 li:last-child {margin-right:0;}
.sSupport_case1 li:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:block; width:70px; line-height:36px; background:#2d4984; border-radius:18px; font-size:1.125em; color:#fff; font-weight:600; font-family:'Montserrat'; margin:0 auto 30px;}
.sSupport_case1 li:after {content:''; display:block; width:70px; height:8px; background:url(../images/sSupport_img1.png) no-repeat center center; background-size:auto 100%; position:absolute; left:100%; top:50%; transform:translateY(-50%)}
.sSupport_case1 li:last-child:after {display:none;}
.sSupport_case1 li dl dt {font-size:1.25em; color:#191919; font-weight:600;}
.sSupport_case1 li dl dd {font-size:1em; color:#666; line-height:1.56em; margin-top:15px;}
.sSupport_case1 li .icon {display:block; width:70px; height:55px; background-repeat:no-repeat; background-position:center center; background-size:contain; position:absolute; left:50%; bottom:40px; transform:translateX(-50%)}

.sSupport_case1 li .icon1 {background-image:url(../images/sSupport_icon1.png)}
.sSupport_case1 li .icon2 {background-image:url(../images/sSupport_icon2.png)}
.sSupport_case1 li .icon3 {background-image:url(../images/sSupport_icon3.png)}
.sSupport_case1 li .icon4 {background-image:url(../images/sSupport_icon4.png)}

@media screen and (max-width:1220px){
    .sSupport_case1 li {padding-left:20px; padding-right:20px;}
}

@media screen and (max-width:1024px){
    .sSupport_case1 li {width:calc(50% - 20px); height:auto; margin-right:40px; padding:30px 15px 80px 15px;}
    .sSupport_case1 li:nth-child(even) {margin-right:0;}
    .sSupport_case1 li:nth-child(2) ~ li {margin-top:50px;}
    .sSupport_case1 li:before {width:50px; line-height:30px; font-size:1em; margin-bottom:15px;}
    .sSupport_case1 li:after {width:40px; height:5px;}
    .sSupport_case1 li:nth-child(even):after {display:none;}
    .sSupport_case1 li dl dt {font-size:1.125em;}
    .sSupport_case1 li dl dd {margin-top:10px;}
    .sSupport_case1 li .icon {width:50px; height:39px; bottom:15px;}
}

@media screen and (max-width:767px){
    .sSupport_case1 li {width:calc(50% - 10px); height:auto; margin-right:20px; padding-bottom:70px;}
    .sSupport_case1 li:nth-child(2) ~ li {margin-top:20px;}
    .sSupport_case1 li:before {width:45px; line-height:28px; margin-bottom:10px;}
    .sSupport_case1 li:after {width:20px; height:2px;}
    .sSupport_case1 li dl dd {margin-top:6px;}
    .sSupport_case1 li .icon {width:40px; height:31px;}
}



.sPrivacy_case1 .tit {font-size:1.5em; color:#191919; line-height:1.5em; font-weight:500; margin:50px 0 15px;}
.sPrivacy_case1 .txt {font-size:1.125em; color:#666; line-height:1.6em;}
.sPrivacy_case1 .list1 {padding-left:20px; margin-top:15px;}
.sPrivacy_case1 .list1 > li {font-size:1.125em; color:#666; line-height:1.6em; padding-left:18px; position:relative;}
.sPrivacy_case1 .list1 > li:before {content:'-'; position:absolute; left:0; top:0;}
.sPrivacy_case1 .list2 {margin-top:30px;}
.sPrivacy_case1 .list2 > li {font-size:1em; color:#a4a4a4; line-height:1.8em; padding-left:15px; position:relative;}
.sPrivacy_case1 .list2 > li:before {content:'※'; position:absolute; left:0; top:0;}
.sPrivacy_case1 .sub_table_box1 {margin-top:50px}

@media screen and (max-width:1024px){
    .sPrivacy_case1 .tit {font-size:1.3em; margin:5% 0 2%;}
    .sPrivacy_case1 .txt {font-size:1em;}
    .sPrivacy_case1 .list1 {padding-left:10px; margin-top:2%;}
    .sPrivacy_case1 .list1 > li {font-size:1em; padding-left:14px;}
    .sPrivacy_case1 .list2 {margin-top:3%;}
    .sPrivacy_case1 .list2 > li {font-size:0.875em;}
    .sPrivacy_case1 .sub_table_box1 {margin-top:5%}
}