@charset "utf-8";


.lawhanbrand_btn1 {display:flex; justify-content:center; align-items:center; width:180px; height:55px; background:#00cca3; border-radius:7px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; transition:background 0.4s;}
.lawhanbrand_btn1:hover {background:#00c29b;}
.lawhanbrand_btn1.case2 {background:#4361ee;}
.lawhanbrand_btn1.case2:hover {background:#2d4de2;}

@media screen and (max-width:1024px){
    .lawhanbrand_btn1 {width:150px; height:45px; font-size:1em;}
}

@media screen and (max-width:767px){
    .lawhanbrand_btn1 {width:125px; height:38px;}
}

/* header */
#lawhanbrand_header {width:100%; height:100px; position:fixed; left:0; top:0; z-index:300;}
#lawhanbrand_header > div {display:flex; justify-content:space-between; align-items:center; height:100%;}

#lawhanbrand_logo {width:202px; height:43px; background:url(../images/logo.svg) no-repeat center center; background-size:contain;}
#lawhanbrand_logo a {display:block; width:100%; height:100%;}

#lawhanbrand_gnb > ul {display:flex;}
#lawhanbrand_gnb > ul > li {margin-right:50px;}
#lawhanbrand_gnb > ul > li:last-child {margin-right:0;}
#lawhanbrand_gnb > ul > li > a {display:block; font-size:1.125em; line-height:100px; font-weight:700; position:relative;}
#lawhanbrand_gnb > ul > li > a:after {content:''; display:block; width:0; height:2px; background:#191919; position:absolute; left:50%; top:50%; transform:translateX(-50%); margin-top:20px; transition:width 0.5s;}
#lawhanbrand_gnb > ul > li > a:hover:after {width:100%;}

#menuToggle {display:none; width:20px; height:14px; position:relative;}
#menuToggle span {display:block; width:100%; height:2px; background:#191919; position:absolute; left:0; transition:all 0.5s;}
#menuToggle span:nth-child(1) {top:0;}
#menuToggle span:nth-child(2) {top:50%; margin-top:-1px;}
#menuToggle span:nth-child(3) {bottom:0;}


#lawhanbrand_header .h_banner {background-image:linear-gradient(106deg, #ff3b7e 17%, #f10541 70%); line-height:24px; border-radius:12px; font-size:0.625em; color:#fff; font-weight:600; padding:0 10px;position:absolute; right:-42px; top:12px; animation:hBanner 1s ease-in-out alternate infinite;}
#lawhanbrand_header .h_banner strong {font-size:1.3em; font-weight:700; margin-left:5px;}


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


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


@keyframes hBanner {
    0% {transform:translateY(0)}
    100% {transform:translateY(-5px)}
}

@media screen and (min-width:1025px){
    #lawhanbrand_header {transition:background 0.4s, height 0.4s;}

    #lawhanbrand_gnb {display:block !important;}
    #lawhanbrand_gnb > ul > li > a {transition:line-height 0.4s;}

    #lawhanbrand_header.scroll_on {height:80px;}
    #lawhanbrand_header.scroll_on #lawhanbrand_gnb > ul > li > a {line-height:80px;}

    #lawhanbrand_header.scroll_on .h_banner {top:5px;}
}

@media screen and (max-width:1309px){
	#lawhanbrand_header .h_banner {right:0;}
}

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

    #lawhanbrand_logo {width:164px; height:35px;}

    #lawhanbrand_gnb {display:none; width:100%; background:#fff; border-top:1px solid #ebebeb; box-shadow:0 10px 10px rgba(25,25,25,0.1); position:fixed; left:0; top:50px; padding:10px 6%;}
    #lawhanbrand_gnb > ul {display:block;}
    #lawhanbrand_gnb > ul > li {width:100%; border-bottom:1px solid #ebebeb; margin-right:0;}
    #lawhanbrand_gnb > ul > li:last-child {border-bottom:0;}
    #lawhanbrand_gnb > ul > li > a {font-size:1em; line-height:1.5em; font-weight:500; padding:10px 0;}
    #lawhanbrand_gnb > ul > li > a:after {display:none;}

    #menuToggle {display:block;}

    #lawhanbrand_header .h_banner {border-radius:10px; font-size:0.75em; line-height:1.3em; padding:5px; text-align:center; right:33px; top:9px;}
    #lawhanbrand_header .h_banner strong {display:block; font-size:1.1em; margin-left:0;}
}


/* footer */
#lawhanbrand_footer {width:100%; background:#191919; padding:50px 0;}
#lawhanbrand_footer > div {display:flex; flex-direction:row-reverse; flex-wrap:wrap;}
#lawhanbrand_footer .f_customer {width:295px;}
#lawhanbrand_footer .f_customer dl dt {font-size:1em; color:#fff; font-weight:600; margin-bottom:10px;}
#lawhanbrand_footer .f_customer dl dd {display:flex; align-items:center;}
#lawhanbrand_footer .f_customer dl dd .mail {display:inline-block; font-size:1.5em; color:#fff; font-weight:600;}
#lawhanbrand_footer .f_customer dl dd .kakao {display:flex; justify-content:center; align-items:center; width:29px; height:29px; background:#ffdb11; border-radius:50%; margin-left:10px;}
#lawhanbrand_footer .f_customer dl dd .kakao img {position:relative; left:1px; top:1px;}
#lawhanbrand_footer .f_customer ul {margin-top:15px;}
#lawhanbrand_footer .f_customer ul li {font-size:0.875em; color:#aaa; line-height:1.7em;}
#lawhanbrand_footer .f_info {width:calc(100% - 295px)}
#lawhanbrand_footer .f_info ul li {display:inline-block; font-size:1em; color:#aaa; margin:0 15px 10px 0;}
#lawhanbrand_footer .f_info ul li strong {font-weight:500; margin-right:5px;}
#lawhanbrand_footer .f_info .copy {font-size:1em; color:#aaa; font-weight:500; margin-top:10px;}
#lawhanbrand_footer .f_member_box {width:100%;}
#lawhanbrand_footer .f_member {display:inline-block; border:1px solid rgba(255,255,255,0.6); font-size:0.9375em; color:rgba(255,255,255,0.8); line-height:25px; padding:0 10px; margin-top:10px; margin:5px 1px 0;}

@media screen and (max-width:1024px){
    #lawhanbrand_footer {padding:5% 0;}
    #lawhanbrand_footer .f_customer {width:250px;}
    #lawhanbrand_footer .f_customer dl dt {margin-bottom:5px;}
    #lawhanbrand_footer .f_customer dl dd .mail {font-size:1.3em;}
    #lawhanbrand_footer .f_customer dl dd .kakao {width:25px; height:25px;}
    #lawhanbrand_footer .f_customer dl dd .kakao img {width:50%; left:0; top:0;}
    #lawhanbrand_footer .f_customer ul {margin-top:10px;}
    #lawhanbrand_footer .f_info {width:calc(100% - 250px)}
    #lawhanbrand_footer .f_info ul li {margin-right:10px;}
    #lawhanbrand_footer .f_info ul br {display:none;}
}

@media screen and (max-width:767px){
    #lawhanbrand_footer .f_customer {width:100%;}
    #lawhanbrand_footer .f_customer dl dd .kakao {display:none; width:22px; height:22px;}
    #lawhanbrand_footer .f_info {width:100%; margin-top:3%;}
    #lawhanbrand_footer .f_info ul li {margin:0 5px 7px 0;}
    #lawhanbrand_footer .f_info ul li strong {margin-right:3px;}
}


#Quick {width:60px; position:fixed; right:50px; bottom:50px; z-index:200;}
#Quick a {display:block; width:100%; height:60px; border-radius:50%; position:relative; margin-bottom:6px; box-shadow:5px 5px 20px rgba(25,25,25,0.1);}
#Quick a i {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:50%; font-size:1.25em; color:#fff; position:relative; z-index:10;}
#Quick a i img {width:28px;}
#Quick a p {display:flex; align-items:center; width:0; height:100%; border-radius:30px 0 0 30px; font-size:1.125em; color:#fff; font-weight:700; text-indent:25px; white-space:nowrap; position:absolute; right:30px; top:0; transition:width 0.6s; overflow:hidden;}
#Quick a.kakao_btn p {color:#000;}
#Quick a:hover p {width:150px}
#Quick .go_top {display:block; width:100%; height:60px; background:none; border:1px solid #ccc; border-radius:50%; box-shadow:5px 5px 20px rgba(25,25,25,0.1); font-size:1.25em; color:#ccc;}

#Quick a.online_btn i, #Quick a.online_btn p {background:#00cca3;}
#Quick a.kakao_btn i, #Quick a.kakao_btn p {background:#ffdb11;}

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

@media screen and (max-width:1024px){
    #Quick {width:50px; bottom:30px;}
    #Quick a {height:50px; margin-bottom:4px;}
    #Quick a i img {width:45%;}
    #Quick a p {font-size:1em; text-indent:15px; right:25px;}
    #Quick a:hover p {width:120px}
    #Quick .go_top {height:50px; font-size:1.125em;}
}

@media screen and (max-width:1024px){
    #Quick {width:50px; bottom:20px;}
    #Quick a {height:50px; margin-bottom:4px;}
    #Quick a p {text-indent:10px; right:25px;}
    #Quick a:hover p {width:120px}
    #Quick .go_top {height:50px; font-size:1em;}
}


/* main */
#mVisu {width:100%; height:800px;}
.mVisu_slide {width:100%; height:100%; position:relative;}
.mVisu_slide .swiper-slide {background:#f9faff;}
.mVisu_slide .txt_box {padding-top:230px; position:relative; z-index:10;}
.mVisu_slide .txt_box .tit {font-size:4.06em; line-height:1.15em; font-weight:200;}
.mVisu_slide .txt_box .tit strong {font-weight:700;}
.mVisu_slide .txt_box .txt {font-size:1.25em; color:#666; line-height:1.6em; margin-top:20px;}
.mVisu_slide .txt_box .btn_box {display:flex; margin-top:50px;}
.mVisu_slide .txt_box .btn_box a {margin-right:10px;}
.mVisu_slide .txt_box .btn_box a:last-child {margin-right:0;}
.mVisu_slide .img_box {position:absolute; left:50%; top:130px; margin-left:95px;}
.mVisu_slide .img_box img {display:block; height:100%; transition:all 1s ease-in-out 0.2s; transition-property:opacity, transform;}
.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:auto; height:auto; top:auto; bottom:40px; margin-top:0; font-size:1.25em; z-index:30;}
.mVisu_slide .swiper-button-prev {left:50%; margin-left:-50px;}
.mVisu_slide .swiper-button-next {right:50%; margin-right:-50px;}
.mVisu_slide .swiper-button-prev:after, .mVisu_slide .swiper-button-next:after {font-size:1em; color:#191919; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mVisu_slide .swiper-button-prev:after {content:'\f053';}
.mVisu_slide .swiper-button-next:after {content:'\f054';}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {height:21px; bottom:40px;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.mVisu_slide .swiper-pagination-bullet {width:8px; height:8px; background:#191919; opacity:0.2;}
.mVisu_slide .swiper-pagination-bullet-active {opacity:1;}

.mVisu_slide .img1 img:nth-child(2) {opacity:0; transform:translateX(80px); position:absolute; left:0; top:0;}
.mVisu_slide .swiper-slide-active .img1 img:nth-child(2) {opacity:1; transform:translateX(0)}

.mVisu_slide .img2 img:nth-child(2) {opacity:0; position:absolute; left:0; top:0;}
.mVisu_slide .img2 img:nth-child(3) {opacity:0; transform:translateY(80px); position:absolute; left:0; top:0; transition-delay:0.6s}
.mVisu_slide .swiper-slide-active .img2 img:nth-child(2) {opacity:1;}
.mVisu_slide .swiper-slide-active .img2 img:nth-child(3) {opacity:1; transform:translateY(0)}

@media screen and (max-width:1024px){
    #mVisu {height:650px;}
    .mVisu_slide .txt_box {padding-top:180px;}
    .mVisu_slide .txt_box .tit {font-size:3em;}
    .mVisu_slide .txt_box .txt {font-size:1.125em; margin-top:10px;}
    .mVisu_slide .txt_box .btn_box {margin-top:30px;}
    .mVisu_slide .txt_box .btn_box a {margin-right:5px;}
    .mVisu_slide .img_box {height:480px; top:100px; margin-left:0;}
    .mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {bottom:30px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {height:20px; bottom:30px;}
}

@media screen and (max-width:767px){
    #mVisu {height:auto;}
    .mVisu_slide .txt_box {padding-top:420px; padding-bottom:60px;}
    .mVisu_slide .txt_box .tit {font-size:2em;}
    .mVisu_slide .txt_box .txt {font-size:1em; margin-top:5px;}
    .mVisu_slide .txt_box .btn_box {margin-top:20px; display:none;}
    .mVisu_slide .txt_box .btn_box a {margin-right:3px;}
    .mVisu_slide .img_box {height:350px; left:50%; top:60px; transform:translateX(-50%);}
    .mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {bottom:15px; font-size:1.125em;}
    .mVisu_slide .swiper-button-prev {margin-left:-40px;}
    .mVisu_slide .swiper-button-next {margin-right:-40px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {height:17px; bottom:15px;}
    .mVisu_slide .swiper-pagination-bullet {width:6px; height:6px;}

	.mVisu_slide .img1 {transform:translateX(-40%)}

    .mVisu_slide .img2 {height:400px;}
    .mVisu_slide .img2 img:nth-child(2) {top:0; left:0px;}
}


.mTitle {font-size:2.5em; line-height:1.2em; font-weight:700; margin-bottom:50px;}

@media screen and (max-width:1024px){
    .mTitle {font-size:2em; margin-bottom:5%;}
}

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


#mPartners {margin-top:100px;}
.mPartners_slide {padding:0 55px;}
.mPartners_slide .img_box {width:100%; border-radius:20px; box-shadow:5px 5px 25px rgba(25,25,25,0.1); overflow:hidden;}
.mPartners_slide .img_box img {width:100%;}
.mPartners_slide dl {margin-top:30px; text-align:center;}
.mPartners_slide dl dt {font-size:1.5em; font-weight:700;}
.mPartners_slide dl dd {font-size:1.125em; color:#666; margin-top:10px;}

@media screen and (max-width:1220px){
    .mPartners_slide {padding:0;}
}

@media screen and (max-width:1024px){
    #mPartners {margin-top:10%;}
    .mPartners_slide dl {margin-top:15px;}
    .mPartners_slide dl dt {font-size:1.3em;}
    .mPartners_slide dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .mPartners_slide {width:240px; margin:0 auto;}
    .mPartners_slide .img_box {border-radius:10px;}
}

#mService {padding:100px 0;}
#mService ul {display:flex; justify-content:center; flex-wrap:wrap; width:100%;}
#mService ul li {display:flex; justify-content:space-between; align-items:center; flex-direction:column; width:calc(50% - 10px); max-width:407px; background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(25,25,25,0.1); margin-right:20px; padding:50px 10px; text-align:center; position:relative; transition:transform 0.6s;}
#mService ul li:last-child {margin-right:0;}
#mService ul li:before {content:''; display:block; width:146px; height:130px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-bottom:20px;}
#mService ul li:after {content:''; display:block; width:100%; height:100%; border:0 solid #00cca3; border-radius:20px; position:absolute; left:0; top:0; pointer-events:none; transition:border 0.4s;}
#mService ul li:last-child:after {border-color:#4361ee;}
#mService ul li:nth-child(1):before {background-image:url(../images/mService_icon1.png)}
#mService ul li:nth-child(2):before {background-image:url(../images/mService_icon2.png)}
#mService ul li p {font-size:1.25em; line-height:1.6em; font-weight:600;}
#mService ul li .lawhanbrand_btn1 {margin-top:30px;}

#mService ul li:hover {transform:translateY(-20px)}
#mService ul li:hover:after {border-width:4px;}

@media screen and (max-width:1024px){
    #mService {padding:12% 0;}
    #mService ul li {width:calc(50% - 5px); max-width:350px; padding:40px 10px; margin-right:10px;}
    #mService ul li:before {width:120px; height:107px; margin-bottom:10px;}
    #mService ul li p {font-size:1.125em;}
    #mService ul li .lawhanbrand_btn1 {margin-top:20px;}
}

@media screen and (max-width:767px){
	#mService ul {width:80%; margin:0 auto;}
    #mService ul li {width:100%; max-width:100%; border-radius:10px; margin-right:0; margin-bottom:10px; padding:6% 2%;}
    #mService ul li:last-child {margin-bottom:0;}
    #mService ul li:before {width:90px; height:80px;}
    #mService ul li:after {border-radius:10px;}
    #mService ul li p {font-size:1em;}
    #mService ul li .lawhanbrand_btn1 {margin-top:15px;}
    
    #mService ul li:hover {transform:translateY(-10px)}
    #mService ul li:hover:after {border-width:3px;}
}


#mSupport {width:100%; background:#f2fdfa; padding:70px 0 100px;}
#mSupport ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:1520px; margin:0 auto;}
#mSupport ul li {width:calc(25% - 15px); background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(0,204,163,0.15); padding:50px 0 40px; transition:transform 0.6s;}
#mSupport ul li:hover {transform:translateY(-20px)}
#mSupport ul li .icon {display:block; width:105px; height:75px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto 40px;}
#mSupport ul li dl {padding:0 55px 0 45px;}
#mSupport ul li dl dt {font-size:1.5em; line-height:1.33em; font-weight:700;}
#mSupport ul li dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

#mSupport ul li .icon1 {background-image:url(../images/mSupport_icon1.png)}
#mSupport ul li .icon2 {background-image:url(../images/mSupport_icon2.png)}
#mSupport ul li .icon3 {background-image:url(../images/mSupport_icon3.png)}
#mSupport ul li .icon4 {background-image:url(../images/mSupport_icon4.png)}

@media screen and (max-width:1540px){
    #mSupport ul {width:calc(100% - 100px);}
}

@media screen and (max-width:1220px){
    #mSupport ul {width:88%;}
    #mSupport ul li {width:calc(50% - 10px)}
    #mSupport ul li:nth-child(2) ~ li {margin-top:20px}
}

@media screen and (max-width:1024px){
    #mSupport {padding:10% 0;}
    #mSupport ul li {width:calc(50% - 5px); padding:30px 0;}
    #mSupport ul li:nth-child(2) ~ li {margin-top:10px;}
    #mSupport ul li .icon {width:90px; height:64px; margin-bottom:20px;}
    #mSupport ul li dl {padding:0 30px;}
    #mSupport ul li dl dt {font-size:1.3em;}
    #mSupport ul li dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #mSupport ul li {width:100%; border-radius:10px; padding:5%;}
    #mSupport ul li:nth-child(1) ~ li {margin-top:5px;}
	#mSupport ul li .icon {width:80px; height:57px; margin-left:0; margin-right:0;}
    #mSupport ul li dl {width:100%; padding:0;}
    #mSupport ul li dl dt {font-size:1.2em;}
}


#mBusiness {padding:100px 0 150px;}
.mBusiness_slide {width:100%; padding:0 55px;}
.mBusiness_slide .swiper-slide {width:140px; position:relative; padding-top:10px;}
.mBusiness_slide .icon {display:block; width:120px; height:120px; background:#fff no-repeat center center; background-size:contain; border-radius:40px; box-shadow:5px 5px 25px rgba(67,97,238,0.15); margin:0 auto;}
.mBusiness_slide .swiper-slide.best .icon:before {content:''; display:block; width:100%; height:100%; border:4px solid #4361ee; border-radius:40px;}
.mBusiness_slide p {font-size:1.25em; line-height:1.4em; font-weight:600; text-align:center; margin-top:20px;}
.mBusiness_slide span {display:block; width:48px; line-height:29px; background:#4361ee; border-radius:5px; font-size:1em; color:#fff; font-weight:700; text-align:center; position:absolute; right:6px; top:0;}
.mBusiness_slide.swiper-container-horizontal>.swiper-scrollbar {display:none;}

.mBusiness_slide .icon1 {background-image:url(../images/mBusiness_icon1.png)}
.mBusiness_slide .icon2 {background-image:url(../images/mBusiness_icon2.png)}
.mBusiness_slide .icon3 {background-image:url(../images/mBusiness_icon3.png)}
.mBusiness_slide .icon4 {background-image:url(../images/mBusiness_icon4.png)}
.mBusiness_slide .icon5 {background-image:url(../images/mBusiness_icon5.png)}
.mBusiness_slide .icon6 {background-image:url(../images/mBusiness_icon6.png)}

@media screen and (max-width:1220px){
    .mBusiness_slide {padding:0;}
}

@media screen and (max-width:1024px){
    #mBusiness {padding:12% 0 15%;}
    .mBusiness_slide .swiper-slide {width:120px; padding-top:7px;}
    .mBusiness_slide .icon {width:100px; height:100px; border-radius:30px;}
    .mBusiness_slide .swiper-slide.best .icon:before {border-radius:30px;}
    .mBusiness_slide p {font-size:1.125em; margin-top:10px;}
    .mBusiness_slide span {width:40px; line-height:25px; font-size:0.9375em;}
}

@media screen and (max-width:767px){
    .mBusiness_slide .swiper-slide {padding-top:5px;}
    .mBusiness_slide .icon {width:80px; height:80px; border-radius:20px;}
    .mBusiness_slide .swiper-slide.best .icon:before {border-width:3px; border-radius:20px;}
    .mBusiness_slide p {font-size:1em;}
    .mBusiness_slide span {width:35px; line-height:22px; font-weight:600; right:auto; left:50%; margin-left:10px;}
	.mBusiness_slide.swiper-container-horizontal>.swiper-scrollbar {display:block; width:100%; height:2px; background:#ccc; border-radius:0; position:relative; left:0; bottom:0; margin-top:6%;}
	.mBusiness_slide swiper-scrollbar-drag {border-radius:0; background:#191919;}
}



.question_wrap {margin-bottom:100px;}
.question_wrap .tit {font-size:2.5em; line-height:1.2em; font-weight:700; margin-bottom:50px;}
.question_wrap ul {width:100%; border-top:2px solid #191919}
.question_wrap ul li {width:100%; border-bottom:1px solid #ebebeb;}
.question_wrap ul li:nth-child(5) ~ li {display:none;}
.question_wrap ul li > button {display:block; width:100%; min-height:80px; background:none; font-size:1.25em; line-height:1.4em; font-weight:600; font-family:'Pretendard'; text-align:left; padding:20px 48px; position:relative;}
.question_wrap ul li > button:before {content:'Q.'; position:absolute; left:20px; top:50%; transform:translateY(-50%)}
.question_wrap ul li > button:after {content:'\f107'; font-size:0.9em; font-weight:300; font-family:'Font Awesome 6 pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.question_wrap ul li > button.active:after {content:'\f106'}
.question_wrap ul li .cont {display:none; width:100%; background:#fbfbfb; padding:40px 48px;}
.question_wrap ul li .cont p {font-size:1.125em; color:#666; line-height:1.55em;}
.question_wrap ul li .cont img {max-width:100%;}
.question_wrap .more_btn {display:flex; justify-content:space-between; align-items:center; width:180px; height:55px; background:#fff; border:1px solid #191919; border-radius:7px; font-size:1.125em; font-weight:600; font-family:'Pretendard'; text-align:left; padding:0 20px 0 30px; margin:50px auto 0; transition:all 0.4s; transition-property:background, color;}
.question_wrap .more_btn:after {content:'\f107'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro';}
.question_wrap .more_btn:hover {background:#191919; color:#fff;}

@media screen and (max-width:1024px){
    .question_wrap {margin-bottom:12%}
    .question_wrap .tit {font-size:2em; margin-bottom:5%;}
    .question_wrap ul li > button {min-height:60px; font-size:1.125em; padding:10px 40px;}
    .question_wrap ul li > button:before {left:15px;}
    .question_wrap ul li > button:after {right:15px;}
    .question_wrap ul li .cont {padding:30px 40px;}
    .question_wrap ul li .cont p {font-size:1em;}
    .question_wrap .more_btn {width:150px; height:45px; font-size:1em; padding:0 15px; margin-top:5vw;}
}

@media screen and (max-width:767px){
    .question_wrap .tit {font-size:1.7em;}
    .question_wrap ul li > button {min-height:45px; font-size:1em; padding:10px 30px;}
    .question_wrap ul li > button:before {left:10px;}
    .question_wrap ul li > button:after {right:10px;}
    .question_wrap ul li .cont {padding:20px 30px;}
    .question_wrap .more_btn {width:125px; height:38px; padding:0 10px;}
}



/* sub */
#sVisu {width:100%; height:700px; background:#f9faff; padding-top:230px; position:relative; margin-bottom:100px;}
#sVisu .txt_box {position:relative; z-index:10;}
#sVisu .txt_box h2 {font-size:4.06em; line-height:1.2em; font-weight:700; margin-bottom:30px;}
#sVisu .txt_box dl {width:50%}
#sVisu .txt_box dl dt {font-size:1.5em; color:#4361ee; line-height:1.4em; font-weight:700;}
#sVisu .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.6em; margin-top:15px;}
#sVisu .img_box {height:550px; position:absolute; right:50%; bottom:-100px; margin-right:-600px;}
#sVisu .img_box img {height:100%;}

@media screen and (max-width:1024px){
    #sVisu {height:480px; margin-bottom:50px; padding-top:150px;}
    #sVisu .txt_box h2 {font-size:3em; margin-bottom:15px;}
    #sVisu .txt_box dl dt {font-size:1.3em;}
    #sVisu .txt_box dl dd {font-size:1.125em; margin-top:5px;}
    #sVisu .img_box {height:450px; right:2%; bottom:-50px; margin-right:0;}
}

@media screen and (max-width:767px){
    #sVisu {height:auto; padding:60px 0 6%; margin-bottom:30px;}
    #sVisu .txt_box h2 {font-size:2em; margin-bottom:10px;}
    #sVisu .txt_box dl {width:100%;}
    #sVisu .txt_box dl dt {font-size:1.2em;}
    #sVisu .txt_box dl dd {font-size:1em;}
    #sVisu .img_box {height:70vw; position:relative; right:0; bottom:0; text-align:center; margin-bottom:2%;}
}


#sub_content {margin-bottom:100px;}

.sub_bg1 {padding:70px 0 100px; background:#f2fdfa;}
.sub_bg2 {padding:70px 0 100px; background:#f9faff;}

.s_tit1 {font-size:2.5em; line-height:1.2em; font-weight:700; margin-bottom:50px;}

.s_txt1 {font-size:1.25em; color:#666; line-height:1.6em;}
.s_txt1 strong {font-weight:600;}

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

    .sub_bg1 {padding:12% 0;}
    .sub_bg2 {padding:12% 0;}
    
    .s_tit1 {font-size:2em; margin-bottom:5%;}

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

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

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


.sub_dl_list1 dt {font-size:1.5em; line-height:1.33em; font-weight:600;}
.sub_dl_list1 dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

@media screen and (max-width:1024px){
    .sub_dl_list1 dt {font-size:1.3em;}
    .sub_dl_list1 dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sub_dl_list1 dt {font-size:1.125em;}
}


.sub_list_box1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sub_list_box1 > li {width:calc(33.33% - 13.33px); background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(25,25,25,0.1); padding:50px 35px;}
.sub_list_box1 > li:nth-child(3) ~ li {margin-top:20px;}
.sub_list_box1 > li i {display:block; width:50px; line-height:50px; background:#4361ee; border-radius:15px; font-size:1.25em; color:#fff; text-align:center; margin-bottom:30px;}
.sub_list_box1 > li dl dt {font-size:1.25em; color:#4361ee; line-height:1.3em; font-weight:700;}
.sub_list_box1 > li dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px; }

@media screen and (max-width:1024px){
    .sub_list_box1 > li {width:calc(50% - 5px); padding:25px;}
    .sub_list_box1 > li:nth-child(2) ~ li {margin-top:10px;}
    .sub_list_box1 > li i {width:40px; line-height:40px; border-radius:10px; font-size:1.125em; margin-bottom:20px;}
    .sub_list_box1 > li dl dt {font-size:1.125em;}
    .sub_list_box1 > li dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sub_list_box1 > li {width:100%; padding:6% 5% 5%; border-radius:10px;}
    .sub_list_box1 > li:nth-child(1) ~ li {margin-top:1.5%;}
    .sub_list_box1 > li i {width:38px; line-height:38px; margin-bottom:15px;}
}


.sub_refund_wrap {position:relative;}
.sub_refund_wrap .sub_refund_box {position:absolute; right:0; top:0; transform:translate(20%, -50%); z-index:100;}
.sub_refund_box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:180px; height:180px; background:url(../images/sRefundBG.svg) no-repeat center center; background-size:contain; text-align:center;}
.sub_refund_box p {font-size:1em; color:#fff; line-height:1.43em; font-weight:600;}
.sub_refund_box strong {display:block; font-size:1.5em; color:#fff; font-weight:700; margin-top:5px;}

@media screen and (max-width:1340px){
    .sub_refund_wrap .sub_refund_box {}
}

@media screen and (max-width:1024px){
    .sub_refund_wrap .sub_refund_box {transform:translate(20%, -35%);}
    .sub_refund_box {width:140px; height:140px;}
    .sub_refund_box p {font-size:0.875em;}
    .sub_refund_box strong {font-size:1.3em; margin-top:0;}
}

@media screen and (max-width:767px){
    .sub_refund_wrap .sub_refund_box {right:-10px; transform:translate(5%, -25%)}
    .sub_refund_box {width:110px; height:110px;}
    .sub_refund_box p {font-size:0.875em;}
    .sub_refund_box strong {font-size:1.125em; margin-top:0px;}
}


.sub_case_box1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sub_case_box1 > div {display:flex; flex-wrap:wrap; width:calc(50% - 10px); background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(25,25,25,0.1); padding:50px;}
.sub_case_box1 > div:nth-child(2) ~ div {margin-top:20px;}
.sub_case_box1 > div i {display:block; width:107px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.sub_case_box1 > div dl {width:calc(100% - 107px); padding-left:30px;}
.sub_case_box1 > div dl dd:first-of-type {margin-top:15px;}

@media screen and (max-width:1024px){
    .sub_case_box1 > div {width:100%; padding:25px;}
    .sub_case_box1 > div:nth-child(1) ~ div {margin-top:2%;}
    .sub_case_box1 > div i {width:90px; height:84px;}
    .sub_case_box1 > div dl {width:calc(100% - 90px); padding-left:15px;}
    .sub_case_box1 > div dl dd:first-of-type {margin-top:10px}
}

@media screen and (max-width:767px){
    .sub_case_box1 > div {border-radius:10px; padding:5%;}
    .sub_case_box1 > div dl {width:100%; padding-left:0; margin-top:4%;}
    .sub_case_box1 > div dl dd:first-of-type {margin-top:5px;}
}


.sub_guide_box1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sub_guide_box1 > div {background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(0,204,163,0.15); padding:50px 35px 35px; position:relative;}
.sub_guide_box1 > div .icon {display:block; width:100%; height:51px; background:no-repeat left center; background-size:auto 100%; margin-bottom:30px;}
.sub_guide_box1 > div dl dt {font-size:1.25em; line-height:1.4em; font-weight:700;}
.sub_guide_box1 > div dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}
.sub_guide_box1 > div > p {display:inline-block; width:75px; line-height:29px; background:#00cca3; border-radius:5px; font-size:1em; color:#fff; font-weight:700; text-align:center; margin-bottom:20px;}

.sub_guide_box1 > div .icon1 {background-image:url(../images/sGuide_icon1.png)}
.sub_guide_box1 > div .icon2 {background-image:url(../images/sGuide_icon2.png)}
.sub_guide_box1 > div .icon3 {background-image:url(../images/sGuide_icon3.png)}
.sub_guide_box1 > div .icon4 {background-image:url(../images/sGuide_icon4.png)}
.sub_guide_box1 > div .icon5 {background-image:url(../images/sGuide_icon5.png)}

.sub_guide_box1.col3 > div {width:calc(33.33% - 13.33px)}
.sub_guide_box1.col4 > div {width:calc(25% - 15px)}
.sub_guide_box1.col5 > div {width:calc(33.33% - 14px)}
.sub_guide_box1.col5 > div:nth-child(3) ~ div {width:calc(50% - 10.5px); margin-top:21px;}


@media screen and (max-width:1220px){
    .sub_guide_box1 > div {padding:40px 25px;}
}

@media screen and (max-width:1024px){
    .sub_guide_box1 > div {padding:25px 20px;}
    .sub_guide_box1 > div .icon {height:40px; margin-bottom:20px;}
    .sub_guide_box1 > div dl dt {font-size:1.125em;}
    .sub_guide_box1 > div dl dd {font-size:1em; margin-top:5px;}
	.sub_guide_box1 > div > p {width:65px; line-height:25px; font-size:0.9375em; margin-bottom:10px;}

    .sub_guide_box1.col4 > div {width:calc(50% - 5px)}
    .sub_guide_box1.col4 > div:nth-child(2) ~ div {margin-top:10px;}
    
    .sub_guide_box1.col3 > div {width:calc(33.33% - 6.66px)}
	.sub_guide_box1.col5 > div {width:calc(33.33% - 6.66px)}
	.sub_guide_box1.col5 > div:nth-child(3) ~ div {width:calc(50% - 5px); margin-top:10px;}
}

@media screen and (max-width:767px){
    .sub_guide_box1 > div {width:100% !important; padding:6% 5%; border-radius:10px;}
    .sub_guide_box1 > div:nth-child(1) ~ div {margin-top:2% !important;}
    .sub_guide_box1 > div .icon {height:35px; margin-bottom:15px;}
	.sub_guide_box1 > div > p {width:60px;}
}


.sub_form_box {width:100%; background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(67,97,238,0.15); padding:50px 50px 70px;}
.sub_form_box .form_list {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sub_form_box .form_list > li {width:100%; margin-bottom:30px;}
.sub_form_box .form_list > li.w_50 {width:calc(50% - 15px)}
.sub_form_box .form_list > li > label {display:block; font-size:1.25em; line-height:1.2em; font-weight:600; margin-bottom:15px;}
.sub_form_box .form_list > li > label i {font-style:normal; color:#4361ee;}
.sub_form_box .form_list > li .form_txt {display:block; width:100%; height:51px; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:1.125em; font-family:'Pretendard'; padding:0 20px;}
.sub_form_box .form_list > li .form_txt::placeholder {color:#ccc;}
.sub_form_box .form_list > li .form_txt::-webkit-input-placeholder {color:#ccc;}
.sub_form_box .form_list > li .form_txt:-ms-input-placeholder {color:#ccc;}
.sub_form_box .form_list > li .form_textarea {display:block; width:100%; height:200px; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:1.125em; font-family:'Pretendard'; padding:20px; resize:none;}
.sub_form_box .form_list > li .form_textarea::placeholder {color:#ccc;}
.sub_form_box .form_list > li .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sub_form_box .form_list > li .form_textarea:-ms-input-placeholder {color:#ccc;}
.sub_form_box .form_list > li .radio_list_box1 {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub_form_box .form_list > li .radio_list_box1 li {width:calc(25% - 7.5px);}
.sub_form_box .form_list > li .radio_list_box1 .radio_box {margin-bottom:10px;}
.sub_form_box .form_list > li .radio_list_box2 li {margin-bottom:20px;}
.sub_form_box .form_list > li .radio_list_box2 li:last-child {margin-bottom:0;}
.sub_form_box .form_list > li .radio_list_box2 .radio_box {margin-bottom:10px;}

.sub_form_box .form_list > li .txt1 {font-size:1.125em; font-weight:500; margin:20px 0 10px;}
.sub_form_box .form_list > li .txt1:first-of-type {margin-top:0;}

.sub_form_box .form_list > li .file_box {display:flex; justify-content:space-between;}
.sub_form_box .form_list > li .file_box .form_txt {width:calc(100% - 156px)}
.sub_form_box .form_list > li .file_box .file_btn {width:151px; position:relative;}
.sub_form_box .form_list > li .file_box .file_btn input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.sub_form_box .form_list > li .file_box .file_btn button {display:block; width:100%; height:51px; background:#191919; border-radius:5px; font-size:1.125em; color:#fff; font-weight:500; font-family:'Pretendard'}

.sub_form_box  .radio_box {position:relative;}
.sub_form_box  .radio_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer; z-index:5;}
.sub_form_box  .radio_box label {display:flex; align-items:center; position:relative}
.sub_form_box  .radio_box label:before {content:''; display:block; width:26px; height:26px; background:#fff; border:2px solid #ccc; border-radius:50%;}
.sub_form_box  .radio_box label p {width:calc(100% - 26px); padding-left:10px; font-size:1.125em; font-weight:500;}
.sub_form_box  .radio_box input:checked + label:after {content:''; display:block; width:14px; height:14px; background:#4361ee; border-radius:50%; position:absolute; left:6px; top:6px;}

.sub_form_box  .check_box {position:relative;}
.sub_form_box  .check_box input {display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; cursor:pointer; z-index:5;}
.sub_form_box  .check_box label {display:block; position:relative; padding-left:25px;}
.sub_form_box  .check_box label:before {content:'\f058'; font-size:1.25em; color:#ccc; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}
.sub_form_box  .check_box label p {font-size:1em; color:#666; line-height:1.4em;}
.sub_form_box  .check_box input:checked + label:before {color:#4361ee; font-weight:900;}

.sub_form_box .select_box {width:100%; position:relative;}
.sub_form_box .select_box:after {content:'\f107'; font-size:1.125em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
.sub_form_box .select_box select {display:block; width:100%; height:51px; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:1.125em; color:#ccc; font-family:'Pretendard'; padding:0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.sub_form_box .select_box.on select {color:#191919;}
.sub_form_box .select_box select option {color:#191919;}

.sub_form_box .privacy_box {width:100%; height:120px; background:#fbfbfb; border-radius:5px; padding:20px; overflow-y:auto;}
.sub_form_box .privacy_box p {font-size:1.125em; color:#666; line-height:1.55em;}

.sub_form_box .agree_box {display:flex; justify-content:end; margin-top:15px;}

.sub_form_box .btn_box {display:flex; justify-content:center; margin-top:50px;}
.sub_form_box .btn_box a, .sub_form_box .btn_box button {display:flex; justify-content:center; align-items:center; width:180px; height:55px; border-radius:7px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; font-family:'Pretendard';}
.sub_form_box .btn_box a {background:#ffdb11; color:#000; margin-right:5px;}
.sub_form_box .btn_box a img {width:19px; margin-right:10px;}
.sub_form_box .btn_box button {background:#4361ee;}

@media screen and (max-width:1024px){
    .sub_form_box {padding:5% 5% 8%;}
    .sub_form_box .form_list > li {margin-bottom:25px;}
    .sub_form_box .form_list > li.w_50 {width:calc(50% - 5px)}
    .sub_form_box .form_list > li > label {font-size:1.125em; margin-bottom:10px;}
    .sub_form_box .form_list > li .form_txt {height:43px; font-size:1em; padding:0 10px;}
    .sub_form_box .form_list > li .form_textarea {height:150px; font-size:1em; padding:10px;}
    .sub_form_box .form_list > li .radio_list_box1 li {width:calc(25% - 3.75px);}
    .sub_form_box .form_list > li .radio_list_box1 .radio_box {margin-bottom:7px;}
    .sub_form_box .form_list > li .radio_list_box2 li {margin-bottom:15px;}
	.sub_form_box .form_list > li .txt1 {font-size:1em; margin:15px 0 5px;}

    .sub_form_box .form_list > li .file_box .form_txt {width:calc(100% - 115px)}
    .sub_form_box .form_list > li .file_box .file_btn {width:110px;}
    .sub_form_box .form_list > li .file_box .file_btn button {height:43px; font-size:1em;}

    .sub_form_box  .radio_box label:before {width:20px; height:20px;}
    .sub_form_box  .radio_box label p {width:calc(100% - 20px); font-size:1em; padding-left:7px;}
    .sub_form_box  .radio_box input:checked + label:after {width:10px; height:10px; left:5px; top:5px;}

    .sub_form_box .select_box:after {font-size:1em; right:10px;}
    .sub_form_box .select_box select {height:43px; font-size:1em; padding:0 10px;}

    .sub_form_box .privacy_box {padding:15px;}
    .sub_form_box .privacy_box p {font-size:1em;}

    .sub_form_box .btn_box {margin-top:7%;}
    .sub_form_box .btn_box a, .sub_form_box .btn_box button {width:150px; height:45px; font-size:1em;}
    .sub_form_box .btn_box a img {width:15px; margin-right:7px;}
}

@media screen and (max-width:767px){
    .sub_form_box .form_list > li {margin-bottom:7%;}
    .sub_form_box .form_list > li.w_50 {width:100%;}
    .sub_form_box .form_list > li > label {font-size:1.125em;}
    .sub_form_box .form_list > li .form_txt {height:38px; }
    .sub_form_box .form_list > li .form_textarea {height:100px;}
    .sub_form_box .form_list > li .radio_list_box1 li {width:calc(50% - 2.5px);}
    .sub_form_box .form_list > li .radio_list_box1 li:nth-child(2) ~ li {margin-top:15px;}
    .sub_form_box .form_list > li .radio_list_box1 .radio_box {margin-bottom:5px;}

    .sub_form_box .form_list > li .file_box .form_txt {width:calc(100% - 85px)}
    .sub_form_box .form_list > li .file_box .file_btn {width:80px;}
    .sub_form_box .form_list > li .file_box .file_btn button {height:38px;}

    .sub_form_box  .radio_box label:before {width:18px; height:18px;}
    .sub_form_box  .radio_box label p {width:calc(100% - 18px); padding-left:5px;}
    .sub_form_box  .radio_box input:checked + label:after {width:8px; height:8px;}

    .sub_form_box .select_box select {height:38px;}

    .sub_form_box  .check_box label {padding-left:22px;}

    .sub_form_box .privacy_box {height:90px; padding:10px;}

    .sub_form_box .btn_box a, .sub_form_box .btn_box button {width:125px; height:38px;}
    .sub_form_box .btn_box a {margin-right:3px;}
    .sub_form_box .btn_box a img {width:13px; margin-right:5px;}
}


.sCompany_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCompany_case1 > div {width:calc(33.33% - 13.33px); background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(25,25,25,0.1); padding:40px 40px 50px;}
.sCompany_case1 > div .icon {display:block; width:100%; height:100px; background:no-repeat center center; background-size:auto 100%; margin-bottom:40px;}
.sCompany_case1 > div .t1 {font-size:1.5em; line-height:1.2em; font-weight:700; margin-bottom:15px;}
.sCompany_case1 > div ul li {font-size:1.125em; color:#666; line-height:1.55em; padding-left:14px; position:relative;}
.sCompany_case1 > div ul li:before {content:''; display:block; width:4px; height:4px; background:#4361ee; border-radius:50%; position:absolute; left:0; top:10px;}

.sCompany_case1 > div .icon1 {background-image:url(../images/sCompany_icon1_1.png)}
.sCompany_case1 > div .icon2 {background-image:url(../images/sCompany_icon1_2.png)}
.sCompany_case1 > div .icon3 {background-image:url(../images/sCompany_icon1_3.png)}


.sCompany_case2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sCompany_case2 > div {width:calc(50% - 10px); background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(0,204,163,0.15); padding:60px 45px;}
.sCompany_case2 > div:nth-child(2) ~ div {margin-top:20px;}
.sCompany_case2 > div ul {margin-top:30px;}
.sCompany_case2 > div ul li {font-size:1.125em; color:#00cca3; line-height:1.55em; font-weight:600; padding-left:28px; position:relative;}
.sCompany_case2 > div ul li:before {content:'\f058'; font-size:1em; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}


.sCompany_case3 {width:100%; max-width:792px; margin:0 auto;}
.sCompany_case3 > div {display:flex; align-items:center; flex-wrap:wrap; width:100%; background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(25,25,25,0.1); padding:50px 65px; position:relative; margin-bottom:20px;}
.sCompany_case3 > div:last-child {margin-bottom:0;}
.sCompany_case3 > div .img_box {width:180px;}
.sCompany_case3 > div .img_box .icon {display:block; width:100%; height:130px; background:no-repeat center center; background-size:contain; margin-bottom:20px;}
.sCompany_case3 > div .txt_box {width:calc(100% - 180px); padding-left:50px;}
.sCompany_case3 > div .txt_box .t1 {font-size:1.25em; font-weight:700; line-height:1.4em; margin-bottom:15px;}
.sCompany_case3 > div .txt_box .t2 {font-size:1.125em; color:#666; line-height:1.55em;}
.sCompany_case3 > div .txt_box ul li {font-size:1.125em; color:#666; line-height:1.55em; padding-left:14px; position:relative; margin-bottom:10px;}
.sCompany_case3 > div .txt_box ul li:last-child {margin-bottom:0;}
.sCompany_case3 > div .txt_box ul li:before {content:''; display:block; width:4px; height:4px; background:#4361ee; border-radius:50%; position:absolute; left:0; top:10px;}
.sCompany_case3 > div .sub_refund_box {position:absolute; right:-104px; top:-55px;}

.sCompany_case3 > div .img_box .icon1 {background-image:url(../images/mService_icon1.png)}
.sCompany_case3 > div .img_box .icon2 {background-image:url(../images/mService_icon2.png)}

@media screen and (max-width:1024px){
    .sCompany_case1 > div {width:calc(33.33% - 6.66px); padding:25px;}
    .sCompany_case1 > div .icon {height:80px; margin-bottom:20px;}
    .sCompany_case1 > div .t1 {font-size:1.3em; margin-bottom:10px;}
    .sCompany_case1 > div ul li {font-size:1em; padding-left:10px;}
    .sCompany_case1 > div ul li:before {top:8px;}

    .sCompany_case2 > div {width:calc(50% - 5px); padding:25px;}
    .sCompany_case2 > div:nth-child(2) ~ div {margin-top:10px;}
    .sCompany_case2 > div ul {margin-top:15px;}
    .sCompany_case2 > div ul li {font-size:1em; padding-left:23px;}

    .sCompany_case3 {width:calc(100% - 100px);}
    .sCompany_case3 > div {padding:30px 40px;}
    .sCompany_case3 > div .img_box {width:150px;}
    .sCompany_case3 > div .img_box .icon {height:100px;}
    .sCompany_case3 > div .txt_box {width:calc(100% - 150px); padding-left:30px;}
    .sCompany_case3 > div .txt_box .t1 {font-size:1.125em; margin-bottom:10px;}
    .sCompany_case3 > div .txt_box .t2 {font-size:1em;}
    .sCompany_case3 > div .txt_box ul li {font-size:1em; padding-left:10px; margin-bottom:5px;}
    .sCompany_case3 > div .txt_box ul li:before {top:8px; }
    .sCompany_case3 > div .sub_refund_box {right:-50px; top:-30px;}
}

@media screen and (max-width:767px){
    .sCompany_case1 > div {width:100%; border-radius:10px; padding:6% 3% 6% 90px; position:relative; margin-bottom:1.5%;}
    .sCompany_case1 > div:last-child {margin-bottom:0;}
    .sCompany_case1 > div .icon {width:60px; height:56px; position:absolute; left:15px; top:50%; transform:translateY(-50%)}
    .sCompany_case1 > div .t1 {font-size:1.125em; font-weight:600; margin-bottom:5px;}
    .sCompany_case1 > div ul li {padding-left:8px;}
    .sCompany_case1 > div ul li:before {width:3px; height:3px;}

    .sCompany_case2 > div {width:100%; padding:6% 5%; border-radius:10px;}
    .sCompany_case2 > div:nth-child(1) ~ div {margin-top:1.5%;}
    .sCompany_case2 > div ul li {padding-left:20px;}

    .sCompany_case3 {width:100%;}
    .sCompany_case3 > div {border-radius:10px; padding:6% 5%;}
    .sCompany_case3 > div .img_box {width:100%;}
    .sCompany_case3 > div .img_box .icon {}
    .sCompany_case3 > div .img_box .lawhanbrand_btn1 {position:absolute; left:50%; bottom:5%; transform:translateX(-50%);}
    .sCompany_case3 > div .txt_box {width:100%; padding-bottom:50px; padding-left:0;}
	.sCompany_case3 > div .txt_box .t1 {text-align:center;}
    .sCompany_case3 > div .sub_refund_box {right:-10px; top:-20px;}
}


.sApplication_case1 {display:flex; justify-content:center; align-items:center; margin:50px 0;}
.sApplication_case1:before {content:'\f063'; display:block; width:50px; line-height:50px; border-radius:15px; background:#00cca3; font-size:1.25em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; text-align:center; margin-right:20px;}
.sApplication_case1 p {font-size:1.25em; line-height:1.3em; font-weight:700;}

.sApplication_case2 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sApplication_case2 > div {width:calc(33.33% - 13.33px); background:#fff; border-radius:20px; box-shadow:5px 5px 25px rgba(0,204,163,0.15); padding:35px 30px 45px;}
.sApplication_case2 > div .t1 {display:inline-block; width:75px; line-height:29px; background:#00cca3; border-radius:5px; font-size:1em; color:#fff; font-weight:700; text-align:center;}
.sApplication_case2 > div .t2 {font-size:1.125em; color:#666; line-height:1.55em; margin:15px 0 10px;}
.sApplication_case2 > div .t3 {font-size:1.5em; font-weight:700; padding-left:34px; position:relative;}
.sApplication_case2 > div .t3:before {content:'\f0a9'; font-size:1em; color:#00cca3; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:2px}

@media screen and (max-width:1220px){
    .sApplication_case2 > div .t2 br {display:none;}
}

@media screen and (max-width:1024px){
    .sApplication_case1 {margin:7% 0;}
    .sApplication_case1:before {width:45px; line-height:45px; font-size:1.125em; margin-right:15px}
    .sApplication_case1 p {font-size:1.125em;}

    .sApplication_case2 > div {width:calc(33.33% - 6.66px); padding:25px 20px;}
    .sApplication_case2 > div .t1 {width:65px; line-height:25px; font-size:0.9375em;}
    .sApplication_case2 > div .t2 {font-size:1em;}
    .sApplication_case2 > div .t3 {font-size:1.25em; padding-left:27px;}
}

@media screen and (max-width:767px){
    .sApplication_case1:before {width:38px; line-height:38px; font-size:1em; margin-right:10px; border-radius:8px;}
    .sApplication_case1 p {font-size:1.125em;}

    .sApplication_case2 > div {width:100%; padding:6% 5%; border-radius:10px;}
    .sApplication_case2 > div:nth-child(1) ~ div {margin-top:2%;}
    .sApplication_case2 > div .t1 {width:60px;}
    .sApplication_case2 > div .t2 {margin:10px 0;}
    .sApplication_case2 > div .t2 br {display:block;}
    .sApplication_case2 > div .t3 {padding-left:24px;}
}