@charset "utf-8";

.process-v2-wrapper {padding-bottom:200px; overflow:hidden;}

.process-v2-heading {position:relative; height:780px; text-align:center; color:#fff; background:url("images/top_img.jpg") 50% 100% no-repeat; background-size:cover;}
.process-v2-heading .inner {position:relative; display:flex; align-items:center; height:100%;}
.process-v2-heading h2 {font-size:100px; font-weight:800; line-height:1.33em; letter-spacing:-.02em;}
.process-v2-heading p {font-size:18px; line-height:1.6em; letter-spacing:-.04em;}

.process-v2-content {padding:0 0 200px;}

.pcs-head {text-align:center; margin-bottom:140px;}
.pcs-head h3 {color:#242424; font-size:36px; line-height:1.33em; letter-spacing:-.03em;}
.pcs-head h3 strong {color:#ff695b;}

.pcs-step {margin-bottom:140px; text-align:center;}
.pcs-step .wrap {display:flex; margin:0 10px;}
.pcs-step .left {width:33.33333333%;}
.pcs-step .left .title {padding-right:13px;}
.pcs-step .right {width:66.66666667%}
.pcs-step .right .title {padding-left:13px;}
.pcs-step .title {margin-bottom:38px; padding:0 23px;}
.pcs-step .title p {color:#454545; font-size:18px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:10px;}
.pcs-step .title .arrow {position:relative; width:250px; height:1px; background:#ddd; margin:0 auto; transition:1.5s .2s;}
.pcs-step .title .arrow:before {content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:12px; height:24px; background:url("images/arrow.svg") 50% 50% no-repeat;}
.pcs-step .title .arrow:after {content:""; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(180deg); width:12px; height:24px; background:url("images/arrow.svg") 50% 50% no-repeat;}
.pcs-step .row {display:flex;}
.pcs-step .col {flex:1; cursor:pointer;}
.pcs-step .item {margin:0 -10px;}
.pcs-step .box {position:relative; padding-bottom:100%; color:#fff; font-size:26px; font-weight:700; line-height:1.33em; letter-spacing:-.03em;}
.pcs-step .box .inner {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:100%; background:#3046a0; box-shadow:3px 3px 20px rgba(0,0,0,.2);}
.pcs-step .box .ico {margin-bottom:13px;}
.pcs-step .box .ico svg {display:block;}
.pcs-step .cnt dt {height:64px; padding:0 15px 10px; margin-bottom:13px; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; border-bottom:1px solid #ddd; color:#242424; font-size:17px; font-weight:600; line-height:1.4em; letter-spacing:-.03em;}
.pcs-step .cnt dt .st {color:#3046a0; font-size:0.944em;}
.pcs-step .cnt dd {padding:0 20px; color:#454545; font-size:16px; line-height:1.471em; letter-spacing:-.03em;}
.pcs-step .st2 .box .inner {background:#ff695b;}
.pcs-step .st2 .cnt dt .st {color:#ff695b;}
.pcs-step.aos-animate .title .arrow {width:100%;}

.pcs-md {display:flex; align-items:center;}
.pcs-md .cnt {position:relative; width:47%; height:700px; display:flex; align-items:center; justify-content:flex-end; color:#fff; background:#2f3347; clip-path: polygon(0 0, 92% 8%, 100% 93%, 0% 100%); z-index:10;}
.pcs-md .cnt .inner {width:100%; max-width:695px; padding:0 50px;}
.pcs-md .cnt .txt1 {font-size:30px; font-weight:500; line-height:1.333em; letter-spacing:-.03em; margin-bottom:28px;}
.pcs-md .cnt .txt2 {font-size:25px; font-weight:600; line-height:1.333em; letter-spacing:-.03em;}
.pcs-md .cnt .c {color:#13bad6;}
.pcs-md .img {position:relative; width:63%; margin-left:-10%; top:200px; height:700px; background:url("images/md_img.jpg") 20% 100% no-repeat; clip-path: polygon(0 13%, 100% 0, 100% 100%, 6% 87%);}

.pcs-detail {padding-top:80px;}
.pcs-detail .group {position:relative; padding:100px 0;}
.pcs-detail .group .contain {display:flex; align-items:center; justify-content:space-between; position:relative;}
.pcs-detail .group.bg {padding:150px 0;}
.pcs-detail .group.bg:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#f4f6fa; clip-path: polygon(0 0, 100% 11%, 100% 100%, 0 89%);}
.pcs-detail .group.bg .contain {flex-direction:row-reverse;}
.pcs-detail .group.bg .right .circle-2 span:before {top:50%; left:0;}
.pcs-detail .group.bg.bg-st-2:before {clip-path: polygon(0 11%, 100% 0, 100% 89%, 0 100%);}
.pcs-detail .left {width:38.7%}
.pcs-detail .left .wrap {display:flex;}
.pcs-detail .left .ico {width:140px;}
.pcs-detail .left .cnt {flex:1 1 auto; min-width:0; width:1%;}
.pcs-detail .left .tit-area {padding:25px 0 22px; margin-bottom:35px; border-bottom:1px solid #aaa;}
.pcs-detail .left .tit-area p {color:#ff695b; font-size:18px; font-weight:700; line-height:1.33em; margin-bottom:2px;}
.pcs-detail .left .tit-area p.st2 {color:#3046a0;}
.pcs-detail .left .tit-area h3 {color:#242424; font-size:30px; line-height:1.33em; letter-spacing:-.03em;}
.pcs-detail .left .txt-area {color:#454545; font-size:17px; line-height:1.647em; letter-spacing:-.03em;}
.pcs-detail .left .btn {display:inline-flex; align-items:center; margin-top:47px; padding:0 25px; font-size:16px; font-weight:500; line-height:1.33em; color:#242424; height:50px; border:1px solid #ddd; border-radius:50px;}
.pcs-detail .left .btn i {margin-left:30px; line-height:0; transition:.2s;}
.pcs-detail .left .btn:hover {background:#3046a0; border-color:#3046a0; color:#fff;}
.pcs-detail .left .btn:hover i {transform:translateX(5px);}
.pcs-detail .left .btn:hover svg path {fill:#ffffff;}
.pcs-detail .right {width:55.8%; position:relative;}
.pcs-detail .right .circle-wrap {position:relative; width:82.2%;}
.pcs-detail .right .circle-1 {padding-bottom:calc(100% - 2px); border:1px dashed #f9e7e5; border-radius:100%;}
.pcs-detail .right .circle-2 {position:absolute; top:34px; left:34px; right:34px; bottom:34px; border-radius:100%;}
.pcs-detail .right .circle-2 span {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ffd2cd; border-radius:100%; animation:10s circle_rotate linear infinite;}
.pcs-detail .right .circle-2 span:before {content:""; position:absolute; top:0; left:50%; transform:translate(-50%,-50%); background:#ff695b; width:13px; height:13px; border-radius:100%;}
.pcs-detail .right .circle-3 {position:absolute; top:75px; left:75px; right:75px; bottom:75px; background:#ff695b; border-radius:100%;}
.pcs-detail .right .circle-wrap.st2 .circle-1 {border-color:#acb9ec;}
.pcs-detail .right .circle-wrap.st2 .circle-2 span {border-color:#6f81ca;}
.pcs-detail .right .circle-wrap.st2 .circle-2 span:before {background:#3046a0;}
.pcs-detail .right .circle-wrap.st2 .circle-3 {background:#3046a0;}
.pcs-detail .right .box-wrap {position:absolute; top:50%; right:0; transform:translateY(-47%); width:76.2%;}
.pcs-detail .right .box-wrap .box {width:82.4%; padding:10px; background:#fff; border-radius:12px; box-shadow:0px 18px 26px 0px rgba(0,0,0,.12); opacity:0; transition-property:opacity,transform; transition-duration:1s; transition-timing-function:cubic-bezier(.175,.885,.32,1.275);}
.pcs-detail .right .box-wrap .box dt {display:flex; align-items:center; height:80px; padding:0 20px; border-radius:12px; background:#fff7f7; color:#242424; font-size:18px; font-weight:500; line-height:1.33em; letter-spacing:-.03em;}
.pcs-detail .right .box-wrap .box dt .icon {margin-right:15px;}
.pcs-detail .right .box-wrap .box dt .icon .ico {display:block; width:48px; height:48px; background:#ff695b url("images/icon_customer.svg") 50% 50% no-repeat; border-radius:100%;}
.pcs-detail .right .box-wrap .box dt .tit {flex:1 1 auto; min-width:0; width:1%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.pcs-detail .right .box-wrap .box dt .part {color:#3046a0; font-size:16px; font-weight:500;}
.pcs-detail .right .box-wrap .box dd {padding:18px 20px 12px; color:#686868; letter-spacing:-.03em; line-height:1.4em;}
.pcs-detail .right .box-wrap .box dd strong {color:#242424; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; display:inline-block; margin-bottom:4px;}
.pcs-detail .right .box-wrap .box.cs {margin-bottom:15px; transform:translate3d(100px,0,0);}
.pcs-detail .right .box-wrap .box.ws {margin-left:16.8%; transform:translate3d(-100px,0,0);}
.pcs-detail .right .box-wrap .box.ws dt {background:#f4f6fa;}
.pcs-detail .right .box-wrap .box.ws dt .icon .ico {background-color:#3046a0; background-image:url("images/icon_website.svg");}
.pcs-detail .right .box-wrap.aos-animate .box.cs {opacity:1; transform:translate3d(0,0,0); transition-delay:.2s;}
.pcs-detail .right .box-wrap.aos-animate .box.ws {opacity:1; transform:translate3d(0,0,0); transition-delay:.3s;}

@keyframes circle_rotate{
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}

.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:#3046a0; 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:#ff695b; 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:#ff695b; 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) {
	.process-v2-heading {height:660px;}
	.process-v2-heading h2 {font-size:85px;}
	.process-v2-heading p {font-size:16px;}

	.pcs-head {margin-bottom:100px;}
	.pcs-head h3 {font-size:32px;}
	.pcs-head p {font-size:16px;}


}

@media (max-width: 1280px) {

	
}

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

	.process-v2-content {padding-bottom:140px;}

	.pcs-head {margin-bottom:80px;}
	.pcs-head h3 {font-size:26px;}
	.pcs-head p {font-size:15px;}

	.pcs-step {margin-bottom:100px;}
	.pcs-step .title p {font-size:16px;}
	.pcs-step .box {font-size:20px;}
	.pcs-step .box .ico svg {width:50px; height:50px;}
	.pcs-step .cnt dt {font-size:16px; padding-bottom:6px;}
	.pcs-step .cnt dd {font-size:14px;}

	.pcs-md .cnt {width:60%; height:500px;}
	.pcs-md .img {width:45%; margin-left:-5%; top:0; height:500px; background-size:300% auto;}
	.pcs-md .cnt .txt1 {font-size:26px;}
	.pcs-md .cnt .txt2 {font-size:21px;}

	.pcs-detail {padding-top:0;}
	.pcs-detail .left {width:40%;}
	.pcs-detail .left .ico {width:80px; margin-right:25px;}
	.pcs-detail .left .ico svg {width:80px; height:80px;}
	.pcs-detail .left .tit-area {padding:12px 0 12px; margin-bottom:20px;}
	.pcs-detail .left .tit-area p {font-size:14px;}
	.pcs-detail .left .tit-area h3 {font-size:24px;}
	.pcs-detail .left .txt-area {font-size:15px;}
	.pcs-detail .left .btn {margin-top:30px; height:44px; padding:0 18px; font-size:15px;}
	.pcs-detail .left .btn i {margin-left:20px;}
	.pcs-detail .left .btn svg {width:18px;}

	.pcs-detail .right .circle-wrap {width:90%;}
	.pcs-detail .right .box-wrap .box dt {padding:0 15px; height:65px; font-size:16px;}
	.pcs-detail .right .box-wrap .box dt .icon .ico {width:40px; height:40px; background-size:contain;}
	.pcs-detail .right .box-wrap .box dd {padding:15px 15px 10px; font-size:14px;}
	.pcs-detail .right .box-wrap .box dd strong {font-size:16px;}

	

	.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) {
	.pcs-step .box {font-size:16px;}

	.pcs-md .cnt .inner {padding:0 30px;}
	.pcs-md .cnt .txt1 {font-size:22px;}
	.pcs-md .cnt .txt2 {font-size:18px;}

	.pcs-detail .group .contain {display:block;}
	.pcs-detail .left {width:100%; max-width:550px; padding-right:50px; margin:0 auto 40px;}
	.pcs-detail .right {width:100%; max-width:680px; margin:0 auto;}
	.pcs-detail .right .circle-wrap {width:83%;}

	.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) {
	.process-v2-wrapper {padding-bottom:80px;}

	.process-v2-heading {height:calc(100vh - 190px); background-image:url("images/top_img_m.jpg")}
	.process-v2-heading h2 {font-size:50px; line-height:1em; margin-bottom:10px;}	
	.process-v2-heading p {font-size:13px;}

	.process-v2-content {padding:17px 0 80px;}

	.pcs-head {margin-bottom:65px;}
	.pcs-head h3 {font-size:23px;}

	.pcs-step {margin-bottom:70px;}
	.pcs-step .wrap {display:block; margin:7px 0;}
	.pcs-step .left {width:100%; display:flex;}
	.pcs-step .right {width:100%; display:flex;}
	.pcs-step .title {position:relative; width:26px; margin:0 20px 0 0; padding:0;}
	.pcs-step .title p {position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); writing-mode:vertical-lr; margin:0; font-size:14px;}
	.pcs-step .title .arrow {position:absolute; top:10px; right:0; width:1px; height:calc(100% - 10px); transition:none;}
	.pcs-step .title .arrow:before {top:0; left:1px; width:10px; height:21px; background-size:100% 100%; -webkit-transform:translate(0,50%) rotate(90deg); transform:translate(0,50%) rotate(90deg); -webkit-transform-origin:right top; transform-origin:right top;}
	.pcs-step .title .arrow:after {top:auto; right:auto; bottom:0; left:1px; width:10px; height:21px; background-size:100% 100%; -webkit-transform:translate(0,-50%) rotate(-90deg); transform:translate(0,-50%) rotate(-90deg); -webkit-transform-origin:right bottom; transform-origin:right bottom;}
	.pcs-step .row {display:block; flex:1 1 auto; min-width:0; width:1%;}
	.pcs-step .item {margin:-7px 0; display:flex; align-items:center;}
	.pcs-step .box {width:125px; height:125px; padding-bottom:0; margin-right:13px; font-size:15px;}
	.pcs-step .box .inner {box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.2);}
	.pcs-step .box .ico {margin-bottom:9px;}
	.pcs-step .box .ico svg {width:36px; height:36px;}
	.pcs-step .cnt {flex:1 1 auto; min-width:0; width:1%; text-align:left;}
	.pcs-step .cnt dt {font-size:16px; display:block; padding:0 0 7px; margin-bottom:7px; height:auto;}
	.pcs-step .cnt dd {font-size:14px; padding:0;}
	.pcs-step.aos-animate .title .arrow {width:1px;}

	.pcs-md .cnt {width:70%; height:330px;}
	.pcs-md .cnt .inner {padding:0 16px;}
	.pcs-md .cnt .txt1 {font-size:18px; margin-bottom:15px;}
	.pcs-md .cnt .txt1 br {display:none;}
	.pcs-md .cnt .txt2 {font-size:14px;}
	.pcs-md .img {width:50%; margin-left:-20%; height:290px; background-position:22% 95%; background-size:380% auto;}

	.pcs-detail .group.bg:before {clip-path:polygon(0 0, 100% 44px, 100% 100%, 0 calc(100% - 44px));}
	.pcs-detail .group.bg.bg-st-2:before {clip-path: polygon(0 44px, 100% 0, 100% calc(100% - 44px), 0 100%);}
	.pcs-detail .group {padding:50px 0;}
	.pcs-detail .group.bg {padding:70px 0;}
	.pcs-detail .left {max-width:100%; padding-right:5px; margin-bottom:25px;}
	.pcs-detail .left .ico {width:65px; margin-right:17px;}
	.pcs-detail .left .ico svg {width:65px; height:65px;}
	.pcs-detail .left .tit-area {padding:6px 0 12px; margin-bottom:16px;}
	.pcs-detail .left .tit-area p {font-size:12px; margin-bottom:0;}
	.pcs-detail .left .tit-area h3 {font-size:20px;}
	.pcs-detail .left .txt-area {font-size:14px; line-height:1.6em;}
	.pcs-detail .left .btn {margin-top:20px; height:38px; padding:0 14px; font-size:14px;}
	.pcs-detail .left .btn i {margin-left:15px;}
	.pcs-detail .left .btn svg {width:15px; height:11px;}
	.pcs-detail .right .circle-wrap {width:102%; margin-left:-1%;}
	.pcs-detail .right .circle-2 {top:6%; right:6%; bottom:6%; left:6%;}
	.pcs-detail .right .circle-3 {top:12%; right:12%; bottom:12%; left:12%;}
	.pcs-detail .right .box-wrap {width:78%; transform:translateY(-50%);}
	.pcs-detail .right .box-wrap .box {border-radius:8px; padding:8px; box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.12);}
	.pcs-detail .right .box-wrap .box dt {height:50px; padding:0 10px; font-size:14px; border-radius:8px;}
	.pcs-detail .right .box-wrap .box dt .icon {margin-right:8px;}
	.pcs-detail .right .box-wrap .box dt .icon .ico {width:28px; height:28px;}
	.pcs-detail .right .box-wrap .box dt .part {font-size:12px;}
	.pcs-detail .right .box-wrap .box dd {padding:10px 0 5px 10px; font-size:12px;}
	.pcs-detail .right .box-wrap .box dd strong {font-size:13px;}
	.pcs-detail .right .box-wrap .box.cs {margin-bottom:10px;}
	

	

	.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;}
	
}

@media (max-width: 375px) {
	.pcs-step .box {width:114px; height:114px; margin-right:10px;}
	.pcs-step .cnt dt {font-size:15px;}
	.pcs-step .cnt dd {font-size:13px;}
}