@charset "utf-8";

.webiste-v2-wrapper {padding-bottom:200px;}

.webiste-v2-heading {position:relative; height:780px; text-align:center; color:#fff;}
.webiste-v2-heading:before {content:""; position:absolute; top:0; left:0; width:100%; height:calc(100% - 56px); background:#ffc45f; clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 75%, 0 100%);}
.webiste-v2-heading .inner {position:relative; display:flex; align-items:center; height:100%; background:url("images/top_img.jpg") 50% 50% fixed no-repeat; background-size:cover; clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 77%);}
.webiste-v2-heading h2 {font-size:100px; font-weight:800; line-height:1.33em; letter-spacing:-.02em;}
.webiste-v2-heading p {font-size:18px; line-height:1.6em; letter-spacing:-.04em;}

.ws-check-point {padding:60px 20px 90px; text-align:center;}
.ws-check-point .contain {max-width:1260px;}
.ws-check-point .head {margin-bottom:90px;}
.ws-check-point .head h3 {font-size:36px; line-height:1.33em; letter-spacing:-.03em;}
.ws-check-point .head h3 strong {color:#ff695b;}
.ws-check-point .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:60px;}
.ws-check-point .item {display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.ws-check-point .item .in {width:100%;}
.ws-check-point .item .img {position:relative; width:100%; border-radius:100%; margin-bottom:25px; overflow:hidden; background-color:#7d61f2; color:#fff; transition:.2s;}
.ws-check-point .item .img:before {content:""; display:block; padding-bottom:100%;}
.ws-check-point .item .img:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ffc45f; transition:.75s;}
.ws-check-point .item .img.st1 {background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.ws-check-point .item .img.st2 .num {color:#dafc60;}
.ws-check-point .item .img.bg1 {background-image:url("images/why_top_img1.jpg");}
.ws-check-point .item .img.bg2 {background-image:url("images/why_top_img2.jpg");}
.ws-check-point .item .img.bg3 {background-image:url("images/why_top_img3.jpg");}
.ws-check-point .item .img .num {position:absolute; bottom:-35px; left:0; width:100%; font-family:"Roboto",sans-serif; font-size:150px; font-weight:300; line-height:1em;}
.ws-check-point .item .img .tt {position:absolute; top:50%; left:0; width:100%; padding:10px; font-size:28px; font-weight:700; line-height:1.33em; transform:translateY(-70%); -webkit-transform:translateY(-70%);}
.ws-check-point .item .tit {font-size:26px; line-height:1.33em; letter-spacing:-.03em; margin-bottom:8px;}
.ws-check-point .item .txt {color:#454545; font-size:17px; line-height:1.65em; letter-spacing:-.03em;}
.ws-check-point .item .more {margin-top:25px; width:50px; height:50px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:100%; transition:.2s;}
.ws-check-point .item:hover .img {transform:scale(1.08); -webkit-transform:scale(1.08);}
.ws-check-point .item:hover .more {background:#7d61f2; border-color:#7d61f2;}
.ws-check-point .item:hover .more path {fill:#fff}
.ws-check-point .item.aos-animate .img:after {transform:translate(0,-100%); -webkit-transform:translate(0,-100%); transition-delay:.5s;}

.ws-num {position:relative; width:180px; margin:0 auto 57px;}
.ws-num p {position:absolute; top:50%; left:50%; color:#dafc60; font-family:"Roboto",sans-serif; font-size:100px; line-height:1em; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.ws-num svg {display:block; width:100%; height:auto;}

.ws-head {text-align:center; margin-bottom:73px;}
.ws-head h3 {font-size:30px; font-weight:400; line-height:1.33em; letter-spacing:-.03em;}
.ws-head p {color:#454545; font-size:18px; line-height:1.56em; letter-spacing:-.03em; margin-top:10px;}
.ws-head p strong {font-weight:600;}
.ws-head .underline {position:relative; display:inline-block;}
.ws-head .underline:after {content:""; position:absolute; bottom:2px; left:0; width:0; height:2px; background:#454545; opacity:.7; transition:1.2s;}
.ws-head.white h3 {color:#fff;}
.ws-head.white p {color:#fff; font-weight:300;}
.ws-head.white .underline:after {background:#fff;}
.ws-head.st2 {margin-bottom:35px;}
.ws-head .aos-animate .underline:after {width:100%; transition-delay:.6s;}
.ws-head .aos-animate .underline.delay:after {transition-delay:1s;}
.ws-head .aos-animate .underline.delay2:after {transition-delay:1.4s;}
.ws-head .aos-animate .underline.delay3:after {transition-delay:1.8s;}

/* 01 */
.ws-sec-1 {color:#fff; padding-top:110px;}
.ws-sec-1 .sec-inner {padding:0 20px; background:#3c3e48 url("images/why_1_bg.jpg") 50% 0 no-repeat;}
.ws-sec-1 .contain {position:relative; max-width:1260px; padding-top:165px; padding-bottom:165px;}
.ws-sec-1 .content:not(:last-child) {margin-bottom:150px;}
.ws-sec-1 .ws-num {position:absolute; top:-105px; left:30px; margin:0;}
.ws-sec-1 .ws-head {text-align:left;}

.ws-counter {display:grid; grid-template-columns:repeat(4, 1fr); gap:26px; text-align:center;}
.ws-counter .item {position:relative; border:1px solid #9d9d9d; border-radius:100%;}
.ws-counter .item:before {content:""; display:block; padding-bottom:100%;}
.ws-counter .item .in {position:absolute; top:19px; right:19px; bottom:19px; left:19px; background:rgba(255,255,255,.2); border-radius:100%; display:flex; align-items:center; justify-content:center;}
.ws-counter .item dt {color:#dafc60; font-size:50px; font-weight:700; line-height:1.33em; letter-spacing:-.03em; margin-bottom:15px;}
.ws-counter .item dd {font-size:20px; font-weight:500; line-height:1.33em; letter-spacing:-.03em;}

.ws-certificate {display:grid; grid-template-columns:repeat(4, 1fr); gap:26px; text-align:center;}
.ws-certificate .item .img {position:relative; border-radius:12px; margin-bottom:20px; overflow:hidden;}
.ws-certificate .item .img span {position:absolute; bottom:0; left:0; width:100%; min-height:56px; padding:8px; letter-spacing:-.03em; line-height:1.33em; font-weight:300; display:flex; flex-direction:column; justify-content:center; align-items:center; background:rgba(0,0,0,.6);}

.ws-certificate-v2 {position:relative; text-align:center;}
.ws-certificate-v2 .item .img {position:relative; border-radius:12px; margin-bottom:20px; overflow:hidden;}
.ws-certificate-v2 .item .img span {position:absolute; bottom:0; left:0; width:100%; min-height:56px; padding:8px; letter-spacing:-.03em; line-height:1.33em; font-weight:300; display:flex; flex-direction:column; justify-content:center; align-items:center; background:rgba(0,0,0,.6);}
.ws-certificate-v2 .slide-btn {position:absolute; top:50%; margin-top:-70px; z-index:50; width:70px; height:70px; border:1px solid rgba(255,255,255,.3); border-radius:100%; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat;}
.ws-certificate-v2 .slide-btn:hover {background-color:#0c71b0; border-color:#0c71b0;}
.ws-certificate-v2 .slide-btn.prev {left:-100px; background-image:url('images/slide_prev.svg');}
.ws-certificate-v2 .slide-btn.next {right:-100px; background-image:url('images/slide_next.svg');}

.ws-clients {background:#fff; border-radius:24px; overflow:hidden;}
.ws-clients ul {display:flex; flex-wrap:wrap; text-align:center;}
.ws-clients ul li {width:20%; overflow:hidden;}
.ws-clients ul li a {display:block;}
.ws-clients ul li div {margin:-10px 0;}
.ws-clients ul li .on {display:none;}
.ws-clients ul li:hover .off {display:none;}
.ws-clients ul li:hover .on {display:block;}
.ws-clients ul li:hover div {animation:subZoonIn .5s forwards;}

/* 02 */
.ws-sec-2 {padding:150px 20px;}
.ws-sec-2 .contain {max-width:1260px;}

.ws-process {position:relative;}
.ws-process .bar {position:absolute; top:0; left:50%; width:2px; height:100%; background:#ddd; margin-left:-1px;}
.ws-process .bar .track {position:absolute; top:0; left:0; width:100%; background:#7d61f2;}
.ws-process .items {position:relative; display:grid; gap:80px;}
.ws-process .item {position:relative; display:flex; justify-content:space-between;}
.ws-process .item .num {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:100px; height:100px; font-family:"Roboto",sans-serif; font-size:24px; line-height:1em; border:20px solid #fff; border-radius:100%; background:#dafc60;}
.ws-process .item .img {width:calc(50% - 100px);}
.ws-process .item .img img {border-radius:30px;}
.ws-process .item .cnt {width:calc(50% - 100px); padding:30px 0; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start;}
.ws-process .item .cnt h4 {font-size:30px; line-height:1.33em; letter-spacing:-.03em; margin-bottom:10px; margin-top:-5px;}
.ws-process .item .cnt p {color:#454545; font-size:17px; line-height:1.65em; letter-spacing:-.03em;}
.ws-process .item .cnt .btn {position:relative; overflow:hidden; padding:13px 19px; display:inline-flex; align-items:center; border:1px solid #ddd; color:#454545; line-height:1.33em; border-radius:40px;}
.ws-process .item .cnt .btn:before {content:""; position:absolute; top:0; left:-10%; width:0; height:100%; background:#7d61f2; transition:.3s; transform:skew(-45deg)}
.ws-process .item .cnt .btn span {position:relative;}
.ws-process .item .cnt .btn svg {margin:0 -3px 0 20px;}
.ws-process .item .cnt .btn:hover {color:#fff; border-color:#7d61f2;}
.ws-process .item .cnt .btn:hover::before {width:120%;}
.ws-process .item .cnt .btn:hover path {fill:#fff;}
.ws-process .item:nth-child(odd) .cnt {order:3;}
.ws-process .item:nth-child(even) .img {order:3;}

.ws-process-detail {position:relative; width:70vw; max-width:1200px; border-radius:12px; overflow:hidden;}
.ws-process-detail .title {display:flex; align-items:center; padding:20px 30px; color:#fff; background:#454545;}
.ws-process-detail .title .num {display:flex; align-items:center; justify-content:center; width:60px; height:60px; color:#242424; font-family:"Roboto",sans-serif; font-size:24px; line-height:1em; border-radius:100%; background:#dafc60;}
.ws-process-detail .title .tit {margin-left:15px; margin-right:40px; display:flex; align-items:center; flex-wrap:wrap;}
.ws-process-detail .title .tit h4 {font-size:24px; line-height:1.33em; letter-spacing:-.03em; margin-right:10px;}
.ws-process-detail .title .tit p {color:#868686; font-weight:300; line-height:1.5em; margin-top:8px;}
.ws-process-detail .content {padding:30px; background:#fff;}

.ws-process-close {position:absolute; top:38px; right:27px; width:20px; height:20px;}
.ws-process-close:before,
.ws-process-close:after {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#fff;}
.ws-process-close:before {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.ws-process-close:after {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

.fancybox-overlay {background:rgba(0,0,0,.6);}

/* 03 */
.ws-sec-3 {background:#f2f2f2; text-align:center; overflow:hidden;}

.ws-motion-text {padding:130px 0;}
.ws-motion-text .intro-text {font-size:150px; font-weight:800; line-height:1.3em; margin-bottom:10px;}
.ws-motion-text .marquee {position:relative; overflow: hidden; -webkit-font-smoothing: antialiased; width:fit-content; display:flex; flex:auto; flex-direction:row; color:#c3c3c3; font-size:100px; font-weight:800; line-height:1.3em;}
.ws-motion-text .mar_ch {flex-shrink:0; padding:0 .5em; font-smooth:always;}

.ws-skill {position:relative; padding:0 20px; color:#fff; background:#5837e4;}
.ws-skill .back-svg {position:absolute; top:0; left:0; width:100%; padding-top:45px; background:#f2f2f2;}
.ws-skill .back-svg:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:5px; background:#5837e4;}
.ws-skill .back-svg svg {display:block; width:100%; height:auto; vertical-align:top;}
.ws-skill .inner {position:relative;}
.ws-skill .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:40px;}
.ws-skill .img {margin-bottom:25px; transition:.2s;}
.ws-skill .img img {border-radius:30px;}
.ws-skill dt {font-size:30px; font-weight:700; line-height:1.33em;}
.ws-skill dt:after {content:""; display:block; width:48px; height:1px; margin:20px auto; background:#e5ecf3;}
.ws-skill dd {color:#d9d9d9; font-size:17px; line-height:1.65em; letter-spacing:-.03em;}
.ws-skill .item:hover .img {transform:scale(1.08); -webkit-transform:scale(1.08);}

/* 04 */
.ws-sec-4.bg {background:#5837e4 url('images/sfa_bg.png') 50% 23px no-repeat;}
.ws-sec-4 {position:relative; padding:150px 20px 280px; background:#5837e4; text-align:center;}
.ws-sec-4 .contain {position:relative; z-index:2;}
.ws-sec-4 .back-svg {position:absolute; bottom:0; left:0; width:100%; background:#333;}
.ws-sec-4 .back-svg:after {content:""; position:absolute; top:0; left:0; width:100%; height:5px; background:#5837e4;}
.ws-sec-4 .back-svg svg {display:block; width:100%; height:auto; vertical-align:top;}
.ws-sec-4 .ws-num p {color:#242424;}
.ws-sec-4 .sfa {width:80%; max-width:920px; margin:0 auto;}
.ws-sec-4 .sfa .shadow {border-radius:30px; box-shadow:0 0 40px rgba(0,0,0,.4);}
.ws-sec-4 .text-point {color:#dafc60;}
.ws-sec-4 .text-point.underline:after {background:#dafc60;}

.sfa-wrap {color:#fff; text-align:center;}
.sfa-wrap:not(:last-child) {margin-bottom:100px;}
.sfa-wrap h4 {display:inline-block; margin-bottom:25px; padding:10px 20px; border-radius:30px; background:#222; font-size:20px; line-height:1.33em; letter-spacing:-.03em;}
.sfa-wrap .underline {position:relative; display:inline-block;}
.sfa-wrap .underline:after {content:""; position:absolute; bottom:2px; left:0; width:0; height:2px; background:#fff; opacity:.7; transition:1.2s;}
.sfa-wrap .aos-animate .underline:after {width:100%; transition-delay:.6s;}
.sfa-wrap .aos-animate .underline.delay:after {transition-delay:1s;}
.sfa-wrap strong {font-weight:600;}
.sfa-wrap .tit {margin-bottom:10px; font-size:36px; line-height:1.33em; letter-spacing:-.03em; color:#dafc60;}
.sfa-wrap .tit strong {font-weight:700;}
.sfa-wrap .txt-1 {margin-bottom:5px; font-size:20px; font-weight:300; line-height:1.45em; letter-spacing:-.03em;}
.sfa-wrap .txt-2 {font-size:18px; font-weight:300; line-height:1.56em; letter-spacing:-.03em;}
.sfa-wrap .img {margin:50px -10px 0;}

/* 05 */
.ws-sec-5 {padding:20px 20px 150px; background:#333;}
.ws-sec-5 .contain {max-width:1660px;}

.ws-benefits {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-bottom:100px;}
.ws-benefits .item {display:flex; align-items:center; min-height:235px; padding:30px 50px; background:#dafc60; border-radius:16px;}
.ws-benefits .item:nth-child(odd) {background:#7d61f2; color:#fff;}
.ws-benefits .item:nth-child(odd) .badge {background:#dafc60; color:#242424; font-weight:500;}
.ws-benefits .item:nth-child(odd) p {color:#fff; font-weight:300;}
.ws-benefits .item:nth-child(even) u {color:#5837e4;}
.ws-benefits .item .ico {display:flex; align-items:center; justify-content:center; width:120px; height:120px; margin-right:25px; background:#fff; border-radius:100%;}
.ws-benefits .item .cnt {flex:1 1 auto; min-width:0; width:1%; line-height:1.4em; letter-spacing:-.03em;}
.ws-benefits .item h4 {display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; margin-bottom:8px; font-size:24px; font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.ws-benefits .item p {color:#454545;}
.ws-benefits .item .badge {display:inline-block; padding:4px 8px; color:#fff; font-size:16px; font-weight:400; line-height:1.33em; background:#7d61f2; border-radius:30px;}
.ws-benefits .item .tt {margin:2px 0; font-size:18px; font-weight:500 !important; line-height:1.4em;}
.ws-benefits .item u {font-weight:500; text-underline-offset: 0.25em !important;}

.ws-service {display:grid; grid-template-columns:repeat(5, 1fr); gap:10px;}
.ws-service .item {position:relative; padding:30px 15px 27px 30px; background:#fff; border-radius:12px;}
.ws-service .item .ico {margin-bottom:27px; line-height:0;}
.ws-service .item .ico svg {display:block;}
.ws-service .item .badge {position:absolute; top:30px; right:22px; width:64px; height:64px; display:flex; justify-content:center; align-items:center; padding:2px 0 0; text-align:center; font-size:15px; font-weight:500; line-height:1.25em; letter-spacing:-.03em; background:#dafc60; border-radius:100%;}
.ws-service .item .cnt {line-height:1.4em; letter-spacing:-.03em;}
.ws-service .item h4 {margin-bottom:6px; font-size:20px; font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.ws-service .item p {color:#686868; font-weight:300;}

/* 06 */
.ws-sec-6 {padding:150px 20px; margin-bottom:10px;}
.ws-sec-6 .contain {max-width:1660px;}

.ws-chart {display:grid; grid-template-columns:auto 24% 24%; gap:30px;}
.ws-chart .box {padding:30px 10px 25px; background:#333; border-radius:16px;}
.ws-chart .tit {text-align:center; margin-bottom:25px;}
.ws-chart .tit h4 {color:#fff; font-size:18px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:4px;}
.ws-chart .tit p {color:#686868; line-height:1.33em; letter-spacing:-.03em;}
.ws-chart .chart foreignObject  {overflow:visible !important;}
.ws-chart .chart svg {overflow:visible !important;}
.ws-chart .chart svg * {font-family:'Pretendard',sans-serif !important;}
.ws-chart .chart .apexcharts-legend-marker {margin-right:6px; width:16px !important; height:16px !important;}
.ws-chart .chart .apexcharts-xaxis text,
.ws-chart .chart .apexcharts-yaxis text {fill:#aaa !important;}
.ws-chart .chart .apexcharts-legend-text {font-size:16px !important; font-weight:500; color:#aaa !important; line-height:1em;}
.ws-chart .chart .apexcharts-datalabels-group {font-size:17px; transform:translate(0, -5px) !important;}
.ws-chart .chart .apexcharts-pie-label {font-size:20px; font-weight:700;}
.ws-chart .chart .apexcharts-datalabel-value {font-size:22px; font-weight:700; line-height:1.2em;}


/* 문의폼 */
.event-v2-heading {text-align:center; margin-bottom:60px;}
.event-v2-heading h2 {font-size:36px; line-height:1.333em; letter-spacing:-.03em;}
.event-v2-heading p {color:#454545; font-size:18px; line-height:1.44em; letter-spacing:-.03em; margin-top:10px;}
.event-v2-heading .point {color:#254699}

.event-v2-section-7 {position:relative; background:#aaaaaa; padding:155px 0 170px;}
.event-v2-section-7:before {content:""; position:absolute; top:-120px; bottom:-120px; left:0; right:0; background:#7d61f2; clip-path:polygon(0 0, 23% 0, 100% 29%, 100% 100%, 77% 100%, 0 71%);}
.event-v2-section-7 .event-v2-heading {}
.event-v2-section-7 .event-v2-heading * {color:#fff;}
.event-v2-section-7 .form {max-width:1100px; margin:0 auto; background:#fff; border-radius:16px; padding:50px 90px; box-shadow:0 0 16px rgba(0,0,0,.1);}
.event-v2-section-7 .form .txt1 {text-align:center; color:#7d61f2; font-size:20px; font-weight:700; line-height:1.44em; letter-spacing:-.03em;}
.event-v2-section-7 .form .txt2 {text-align:center; color:#242424; font-size:24px; font-weight:700; line-height:1.44em; letter-spacing:-.03em; margin-bottom:30px;}
.event-v2-section-7 .form .input-group {display:flex; margin-bottom:15px;}
.event-v2-section-7 .form .input {width:50%; height:50px; margin-right:10px; border:1px solid #ddd; border-radius:6px; background:#fff;}
.event-v2-section-7 .form .submit {flex:0 0 160px; width:160px; height:50px; background:#454545; border-radius:6px; border:0; color:#fff; font-size:18px; font-weight:600;}
.event-v2-section-7 .form .agree {color:#686868; font-size:16px; line-height:1.6em;}
.event-v2-section-7 .form .checkbox label:before {width:22px; height:22px; background:#fff url("images/checkbox_off.png") 50% 50% no-repeat; border-radius:100%; border:0;}
.event-v2-section-7 .form .checkbox input:checked + label:before {background-image:url("images/checkbox_on.png"); outline:none;}

@media (max-width: 1600px) {
	.webiste-v2-heading {height:660px;}
	.webiste-v2-heading h2 {font-size:85px;}
	.webiste-v2-heading p {font-size:16px;}

	.ws-check-point .head {margin-bottom:60px;}
	.ws-check-point .head h3 {font-size:32px;}

	.ws-motion-text .intro-text {font-size:7vw;}
	.ws-motion-text .marquee {font-size:4vw;}

	.sfa-wrap .tit {font-size:32px;}

	.ws-certificate-v2 .slide-btn.prev {left:-85px;}
	.ws-certificate-v2 .slide-btn.next {right:-85px;}
}

@media (max-width: 1400px) {
	.ws-certificate-v2 {margin:0 50px;}
}

@media (max-width: 1280px) {
	.ws-check-point {padding-bottom:60px;}
	.ws-check-point .item .img {margin-bottom:18px;}
	.ws-check-point .item .img .num {font-size:110px; bottom:-25px;}
	.ws-check-point .item .img .tt {font-size:22px;}
	.ws-check-point .item .tit {font-size:20px;}
	.ws-check-point .item .txt {font-size:15px;}
	.ws-check-point .item .more {margin-top:18px; width:44px; height:44px;}
	.ws-check-point .item .more svg {width:40%;}

	.ws-num {width:140px; margin-bottom:30px;}
	.ws-num p {font-size:70px;}

	.ws-head {margin-bottom:45px;}
	.ws-head h3 {font-size:26px;}
	.ws-head p {font-size:16px;}
	.ws-head.st2 {margin-bottom:20px;}

	.ws-sec-1 {padding-top:85px;}
	.ws-sec-1 .content:not(:last-child) {margin-bottom:100px;}
	.ws-sec-1 .ws-num {top:-85px;}
	.ws-sec-1 .contain {padding-top:120px; padding-bottom:100px;}

	.ws-counter .item .in {top:12px; right:12px; bottom:12px; left:12px;}
	.ws-counter .item dt {font-size:40px;}
	.ws-counter .item dd {font-size:18px;}

	.ws-certificate .item .img {margin-bottom:12px;}
	.ws-certificate .item .img span {min-height:44px; font-size:14px;}
	.ws-certificate .item .mark {padding:0 20px;}

	.ws-sec-2 {padding:100px 20px;}

	.ws-process .item .num {width:80px; height:80px; border-width:12px; font-size:20px;}
	.ws-process .item .img {width:calc(50% - 80px);}
	.ws-process .item .cnt {width:calc(50% - 80px); padding:25px 0;}
	.ws-process .item .cnt h4 {font-size:24px;}
	.ws-process .item .cnt p {font-size:16px;}
	.ws-process .item .cnt .btn {padding:10px 15px;}
	.ws-process .item .cnt .btn svg {margin-left:15px;}

	.ws-skill {padding-bottom:50px;}
	.ws-skill dt {font-size:24px;}
	.ws-skill dd {font-size:16px;}

	.ws-sec-4 {padding:50px 20px 180px;}

	.sfa-wrap .txt-1 {font-size:18px;}
	.sfa-wrap .txt-2 {font-size:16px;}
	.sfa-wrap .img {margin:30px 0 0;}

	.ws-sec-5 {padding-bottom:100px;}

	.ws-benefits {gap:15px;}
	.ws-benefits .item {padding:20px; min-height:190px;}
	.ws-benefits .item .ico {width:80px; height:80px; margin-right:20px;}
	.ws-benefits .item .ico svg {width:60%;}
	.ws-benefits .item .cnt {font-size:14px;}
	.ws-benefits .item h4 {flex-direction:column-reverse; align-items:flex-start; font-size:20px;}
	.ws-benefits .item p br {display:none;}
	.ws-benefits .item .badge {font-size:12px;}
	.ws-benefits .item .tt {font-size:16px;}

	.ws-service {grid-template-columns:repeat(3, 1fr);}
	.ws-service .item {padding:20px;}
	.ws-service .item .ico {margin-bottom:15px;}
	.ws-service .item .ico svg {width:50px; height:auto;}
	.ws-service .item .badge {top:20px; right:15px; width:50px; height:50px; font-size:13px;}
	.ws-service .item h4 {font-size:18px;}
	.ws-service .item p {font-size:14px;}

	.ws-sec-6 {padding:100px 20px; margin-bottom:120px;}

	.ws-chart {display:flex; flex-wrap:wrap; gap:20px;}
	.ws-chart .box {width:calc(50% - 10px);}
	.ws-chart .box:first-child {width:100%;}
	

	
}

@media (max-width: 1024px) {
	.webiste-v2-heading {height:580px;}
	.webiste-v2-heading h2 {font-size:65px;}
	.webiste-v2-heading p {font-size:15px;}

	.ws-head p {font-size:15px;}

	.ws-check-point {padding-top:30px;}
	.ws-check-point .head {margin-bottom:40px;}
	.ws-check-point .head h3 {font-size:26px;}
	.ws-check-point .items {gap:60px 40px;}

	.ws-certificate-v2 .slide-btn {margin-top:-50px; width:50px; height:50px; background-size:auto 50%;}
	.ws-certificate-v2 .slide-btn.prev {left:-65px;}
	.ws-certificate-v2 .slide-btn.next {right:-65px;}

	.ws-process .item .cnt {padding:10px 0;}
	.ws-process .item .cnt p {font-size:15px;}
	.ws-process .item .cnt p br {display:none;}

	.ws-skill .items {gap:30px;}
	.ws-skill .img {margin-bottom:18px;}
	.ws-skill dt {font-size:21px;}
	.ws-skill dt:after {width:30px; margin:15px auto;}
	.ws-skill dd {font-size:14px;}

	.ws-benefits {grid-template-columns:repeat(2, 1fr);}
	.ws-benefits .item {min-height:160px;}

	.event-v2-heading {margin-bottom:47px;}
	.event-v2-heading h2 {font-size:30px;}
	.event-v2-heading p {font-size:16px;}

	.event-v2-section-7 {padding:80px 0;}
	.event-v2-section-7:before {top:-80px; bottom:-80px;}
	.event-v2-section-7 .form {width:80%; padding:40px 70px;}
	.event-v2-section-7 .form .txt1 {font-size:18px; margin-bottom:2px;}
	.event-v2-section-7 .form .txt2 {font-size:20px;}
	
}


@media (max-width: 900px) {
	.ws-check-point .items {gap:50px 25px;}
	.ws-check-point .item .img .num {font-size:90px; bottom:-20px;}

	.ws-counter {gap:20px;}
	.ws-counter .item dt {font-size:28px; margin-bottom:5px;}
	.ws-counter .item dd {font-size:14px;}

	.ws-process .items {gap:60px;}
	.ws-process .item .num {width:70px; height:70px; font-size:18px;}
	.ws-process .item .img {width:calc(50% - 50px);}
	.ws-process .item .cnt {width:calc(50% - 50px); padding:0;}
	.ws-process .item .cnt h4 {font-size:20px; margin-bottom:8px; margin-top:-2px;}
	.ws-process .item .cnt p {font-size:14px;}
	.ws-process .item .cnt .btn {font-size:14px;}


	.event-v2-section-7 .form {width:90%; padding:40px;}
	.event-v2-section-7 .form .submit {width:120px; flex:0 0 120px;}
}

@media (max-width: 760px) {
	.webiste-v2-wrapper {padding-bottom:80px; overflow:hidden;}

	.webiste-v2-heading {height:calc(100vh - 190px);}
	.webiste-v2-heading:before {height:calc(100% - 27px); clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 80%);}
	.webiste-v2-heading .inner {background:url("images/top_img_m.jpg") 50% 50% no-repeat; background-size:cover; clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 80%, 0 100%);}
	.webiste-v2-heading h2 {font-size:44px; line-height:1em; margin-bottom:10px;}
	.webiste-v2-heading p {font-size:13px;}

	.ws-check-point {padding:25px 0 75px;}
	.ws-check-point .head {margin-bottom:20px;}
	.ws-check-point .head h3 {font-size:23px;}
	.ws-check-point .items {gap:30px 12px; grid-template-columns:repeat(2, 1fr);}
	.ws-check-point .item .img {margin-bottom:12px;}
	.ws-check-point .item .img .num {font-size:70px; bottom:-15px;}
	.ws-check-point .item .img .tt {font-size:17px;}
	.ws-check-point .item .tit {font-size:18px; margin-bottom:6px;}
	.ws-check-point .item .txt {font-size:13px;}
	.ws-check-point .item .more {margin-top:10px; width:38px; height:38px;}

	.ws-num {width:120px;}
	.ws-num p {font-size:65px;}

	.ws-head {margin-bottom:30px;}
	.ws-head h3 {font-size:22px;}
	.ws-head p {font-size:14px; margin-top:7px;}

	.ws-sec-1 {padding-top:74px;}
	.ws-sec-1 .sec-inner {padding:0; background-size:220% auto;}
	.ws-sec-1 .contain {padding-top:100px;}
	.ws-sec-1 .content:not(:last-child) {margin-bottom:50px;}
	.ws-sec-1 .ws-num {top:-74px; left:50%; margin-left:-70px;}

	.ws-counter {grid-template-columns:repeat(2, 1fr); gap:12px;}

	.ws-certificate {grid-template-columns:repeat(2, 1fr); gap:30px 12px;}
	.ws-certificate .item .img {border-radius:6px;}
	.ws-certificate .item .img span {min-height:32px; font-size:11px; padding:4px;}
	.ws-certificate .item .mark {padding:0 10px;}

	.ws-certificate-v2 {margin:0 20px;}
	.ws-certificate-v2 .item .img {border-radius:6px; margin-bottom:10px;}
	.ws-certificate-v2 .item .img span {min-height:32px; font-size:11px; padding:4px;}
	.ws-certificate-v2 .item .mark {padding:0 5px;}
	.ws-certificate-v2 .slide-btn {margin-top:-40px; width:40px; height:40px; background-color:rgba(0,0,0,.8); border:0;}
	.ws-certificate-v2 .slide-btn.prev {left:-26px;}
	.ws-certificate-v2 .slide-btn.next {right:-26px;}

	.ws-clients {border-radius:12px;}
	.ws-clients ul li {width:50%;}

	.ws-sec-2 {padding:100px 0;}

	.ws-process {margin-top:70px;}
	.ws-process .bar {left:15px; margin-left:0;}
	.ws-process .items {gap:50px;}
	.ws-process .item {flex-direction:column; padding-left:50px;}
	.ws-process .item:nth-child(even) .img {order:-1;}
	.ws-process .item .num {position:absolute; top:24vw; left:15px; width:60px; height:60px; font-size:14px; font-weight:500;}
	.ws-process .item .img {width:100%; margin-bottom:15px;}
	.ws-process .item .img img {border-radius:15px;}
	.ws-process .item .cnt {width:100%;}
	.ws-process .item .cnt h4 {margin:0 0 2px;}
	.ws-process .item .cnt .btn {margin-top:15px; font-size:13px;}
	.ws-process .item .cnt .btn svg {margin:-.15em 0 0 8px; vertical-align:middle; width:5px; height:auto;}

	.ws-process-detail {width:92vw;}
	.ws-process-detail .title {padding:12px 15px;}
	.ws-process-detail .title .num {width:36px; height:36px; font-size:14px; font-weight:500;}
	.ws-process-detail .title .tit {margin-left:10px; margin-right:30px;}
	.ws-process-detail .title .tit h4 {font-size:20px; margin-right:8px;}
	.ws-process-detail .title .tit p {font-size:14px; margin-top:5px;}
	.ws-process-detail .content {padding:15px;}

	.ws-process-close {top:19px; right:10px;}

	.ws-motion-text {padding:100px 0 55px;}
	.ws-motion-text .intro-text {font-size:9vw;}
	.ws-motion-text .marquee {font-size:6vw;}

	.ws-skill {padding:0;}
	.ws-skill .back-svg svg {width:200%;}
	
	.ws-skill .items {grid-template-columns:unset; gap:60px; width:84%; max-width:310px; margin:0 auto;}
	.ws-skill .img {margin-bottom:12px;}
	.ws-skill .img img {border-radius:15px;}
	.ws-skill dt {font-size:25px;}

	.ws-sec-4 {padding:100px 0 80px;}
	.ws-sec-4.bg {background-size:200%; background-position:50% 120px;}
	.ws-sec-4 .sfa {max-width:260px; margin-top:40px;}
	.ws-sec-4 .back-svg {overflow:hidden;}
	.ws-sec-4 .back-svg svg {width:150%;}

	.sfa-wrap {margin-top:40px;}
	.sfa-wrap:not(:last-child) {margin-bottom:70px;}
	.sfa-wrap h4 {padding:8px 18px; margin-bottom:10px; font-size:15px;}
	.sfa-wrap .tit {font-size:20px;}
	.sfa-wrap .txt-1 {font-size:15px; margin-bottom:10px;}
	.sfa-wrap .txt-2 {font-size:12px;}

	.ws-sec-5 {padding:40px 0 100px;}

	.ws-benefits {margin-top:40px; margin-bottom:75px; grid-template-columns:unset; gap:10px;}
	.ws-benefits .item {min-height:150px; padding:20px 30px; border-radius:10px;}
	.ws-benefits .item .ico {width:76px; height:76px; margin-right:15px;}
	.ws-benefits .item .cnt {font-size:12px;}
	.ws-benefits .item .badge {font-size:11px; padding:4px 6px;}
	.ws-benefits .item h4 {margin-bottom:4px; gap:2px;}
	.ws-benefits .item .tt {font-size:14px;}
	.ws-benefits .item u {display:inline-block;}

	.ws-service {grid-template-columns:unset; gap:10px;}
	.ws-service .item {border-radius:10px;}
	.ws-service .item .ico svg {width:40px;}
	.ws-service .item h4 {font-size:16px;}
	.ws-service .item p {font-size:14px;}
	.ws-service .item .badge {top:16px; right:16px; width:48px; height:48px; font-size:12px;}

	.ws-sec-6 {padding:100px 0; margin-bottom:0;}

	.ws-chart {margin-top:40px; gap:16px;}
	.ws-chart .box {width:100%; padding:25px 10px 20px; border-radius:10px;}
	.ws-chart .tit {margin-bottom:25px;}
	.ws-chart .tit h4 {font-size:16px;}
	.ws-chart .tit p {font-size:12px;}

	.ws-chart .chart .apexcharts-legend-marker {margin-right:5px; width:12px !important; height:12px !important;}
	.ws-chart .chart .apexcharts-legend-text {font-size:12px !important;}
	.ws-chart .chart .apexcharts-datalabels-group {font-size:12px;}
	.ws-chart .chart .apexcharts-pie-label {font-size:17px;}
	.ws-chart .chart .apexcharts-datalabel-label {font-size:14px;}
	.ws-chart .chart .apexcharts-datalabel-value {font-size:18px; transform:translateY(-5px);}

	#chart_as_monthly {margin-left:-15px; margin-top:-20px;}

	.event-v2-heading {margin-bottom:47px;}
	.event-v2-heading h2 {font-size:22px;}
	.event-v2-heading p {font-size:13px;}

	.event-v2-section-7 {padding:80px 0 100px;}
	.event-v2-section-7:before {top:-20px; bottom:-20px; clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);}
	.event-v2-section-7 .event-v2-heading {margin-bottom:15px;}
	.event-v2-section-7 .form {width:100%; padding:30px 16px 25px;}
	.event-v2-section-7 .form .txt1 {font-size:14px;}
	.event-v2-section-7 .form .txt2 {font-size:17px; margin-bottom:20px;}
	.event-v2-section-7 .form .input-group {display:block; margin-bottom:-20px;}
	.event-v2-section-7 .form .input {display:block; width:100%; height:44px; margin-bottom:6px;}
	.event-v2-section-7 .form .submit {width:100%; height:50px; font-size:18px; margin-top:40px;}
	.event-v2-section-7 .form .agree {position:relative; top:-64px; font-size:14px;}
	.event-v2-section-7 .form .checkbox label:before {width:20px; height:20px; background-size:contain;}	
}