@charset "utf-8";

.text-green {color:#91ca0e;}
.text-blue {color:#242469;}

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

.planned-v2-heading {position:relative; height:740px; text-align:center; color:#fff; background:url("images/top_img.jpg") 50% 100% no-repeat; background-size:cover;}
.planned-v2-heading .inner {position:relative; display:flex; align-items:center; height:100%;}
.planned-v2-heading .contain {max-width:1500px;}
.planned-v2-heading h2 {font-size:100px; font-weight:800; line-height:1.1em; letter-spacing:-.02em; margin-bottom:20px;}
.planned-v2-heading p {font-size:18px; line-height:1.6em; letter-spacing:-.04em;}

.planned-head {text-align:center; margin-bottom:65px;}
.planned-head h3 {font-size:30px; line-height:1.33em; letter-spacing:-.03em;}
.planned-head p {color:#454545; font-size:18px; line-height:1.6em; letter-spacing:-.03em; margin-top:10px;}
.planned-head p strong {font-weight:600;}

/* 기획형 홈페이지가 필요한 경우? */
.planned-v2-need {padding:30px 0 150px; text-align:center; overflow:hidden;}
.planned-v2-need .head {margin-bottom:90px;}
.planned-v2-need .head h3 {font-size:36px; line-height:1.33em; letter-spacing:-.03em; margin-bottom:14px;}
.planned-v2-need .head p {color:#454545; font-size:18px; line-height:1.6em; letter-spacing:-.03em;}
.planned-v2-need .head p strong {display:inline-block; font-weight:600;}
.planned-v2-need .content {position:relative; padding:0 50px;}
.planned-v2-need .content .h-line {position:absolute; top:50%; left:0; margin-top:-1px; width:0; height:2px; background:#ddd; transition:1s;}
.planned-v2-need .content .wrap {position:relative; max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.planned-v2-need .content .tit {position:relative; width:580px; border-radius:100%; background:url("images/need_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.planned-v2-need .content .tit:before {content:""; display:block; padding-bottom:100%;}
.planned-v2-need .content .tit .in {position:absolute; top:50%; left:50%; width:300px; height:300px; display:flex; flex-direction:column; justify-content:center; align-items:center; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#fff; border-radius:100%;}
.planned-v2-need .content .tit svg {overflow:visible;}
.planned-v2-need .content .tit h3 {margin:25px 0 2px; font-size:30px; line-height:1.33em; letter-spacing:-.03em;}
.planned-v2-need .content .tit p {color:#686868; font-size:17px; font-weight:300; line-height:1.33em;}
.planned-v2-need .content .item {position:relative; width:300px; padding:0 20px;}
.planned-v2-need .content .item dt {position:relative; padding-bottom:100%; border-radius:100%; color:#fff; font-size:40px; font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.planned-v2-need .content .item dt span {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.planned-v2-need .content .item dd {position:absolute; top:100%; left:-20px; right:-20px; margin-top:15px; color:#454545; font-size:18px; font-weight:500; line-height:1.6em; letter-spacing:-.03em;}
.planned-v2-need .content .item dd strong {font-weight:600;}
.planned-v2-need .content .item.st1 {order:-1;}
.planned-v2-need .content .item.st1 dt {background:#91ca0e;}
.planned-v2-need .content .item.st2 dt {background:#242469;}
.planned-v2-need .content.aos-animate .h-line {width:100%;}

/* 기획형 홈페이지 제작의 장점 */
.planned-v2-merit {text-align:center; padding:0 0 90px;}
.planned-v2-merit .planned-head .line {width:2px; height:56px; background:#454545; margin:70px auto; transform:rotate(-45deg);}
.planned-v2-merit .planned-head p {color:#242424; font-size:20px; font-weight:500; line-height:1.5em; letter-spacing:-.04em;}
.planned-v2-merit .planned-head .tt {color:#15338a; font-size:22px; line-height:1.5em; letter-spacing:-.04em; margin-top:8px;}
.planned-v2-merit .planned-head .tt img {vertical-align:middle; margin:-.2em 5px 0 0;}
.planned-v2-merit .planned-head .tt strong {font-weight:600;}
.planned-v2-merit .items {display:grid; align-items:start; grid-template-columns:repeat(4, 1fr); gap:28px;}
.planned-v2-merit .item .box {position:relative;  background:#242469; color:#fff; border-radius:500px; overflow:hidden;}
.planned-v2-merit .item .box:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#91ca0e; transition:.75s;}
.planned-v2-merit .item:nth-child(even) {margin-top:80px;}
.planned-v2-merit .item:nth-child(even) .box {background:#91ca0e;}
.planned-v2-merit .item:nth-child(even) .box:after {background:#242469;}
.planned-v2-merit .item .in {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; height:500px; padding:20px;}
.planned-v2-merit .item .in:before,
.planned-v2-merit .item .in:after {content:""; position:absolute; width:305px; height:305px; border:1px solid #fff; border-radius:100%; opacity:.2;}
.planned-v2-merit .item .in:before {top:-27%; left:-55%;}
.planned-v2-merit .item .in:after {bottom:-5%; right:-65%;}
.planned-v2-merit .item h4 {height:110px; font-size:30px; line-height:1.2em; letter-spacing:-.03em; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.planned-v2-merit .item p {font-size:17px; font-weight:300; line-height:1.6em; letter-spacing:-.04em;}
.planned-v2-merit .item p strong {font-weight:600;}
.planned-v2-merit .item .underline {text-decoration:underline; text-underline-offset: 0.25em!important;}
.planned-v2-merit .item.aos-animate .box:after {transform:translate(0,-100%); -webkit-transform:translate(0,-100%); transition-delay:.5s;}

/* Planned Project */
.planned-v2-project {position:relative; padding:300px 0;}
.planned-v2-project:before {content:""; position:absolute; top:6%; left:0; width:100%; height:100%; background:url("images/project_bg.png") 20% 0 no-repeat; z-index:-1;}
.planned-v2-project:after {content:""; position:absolute; top:6%; left:0; width:100%; height:100%; background:url("images/project_bg.png") 95% 100% no-repeat; z-index:-1;}
.planned-v2-project .inner {position:relative;}
.planned-v2-project .planned-head {padding:0 4.5%; margin-bottom:55px; text-align:left;}
.planned-v2-project .planned-head h3 {font-size:60px; line-height:1.3em; letter-spacing:-.03em;}
.planned-v2-project .marquee {position:relative; overflow:hidden; display:flex;}
.planned-v2-project .st1 {margin-bottom:20px;}
.planned-v2-project .st1 .items {animation: marquee-top 40s linear infinite;}
.planned-v2-project .st2 .items {animation: marquee-bottom 40s linear infinite; justify-content:flex-end;}
.planned-v2-project .items {display:flex; width:calc(620px * var(--img-length)); -webkit-font-smoothing:antialiased; gap:20px;}
.planned-v2-project .item {flex-shrink:0; font-smooth:always; position:relative; border-radius:20px; overflow:hidden; color:#fff;}
.planned-v2-project .item .hover {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px; display:flex; flex-direction:column; justify-content:flex-end; background:rgba(36,36,105,.9); transition:.2s; opacity:0;}
.planned-v2-project .item .tit {font-size:20px; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.planned-v2-project .item .tit strong {font-weight:500;}
.planned-v2-project .item .txt {font-weight:300; line-height:1.55em; letter-spacing:-.03em;}
.planned-v2-project .item:hover .hover {opacity:1;}
.planned-v2-project .items:hover {animation-play-state:paused !important;}
.planned-v2-project .more {position:absolute; right:4.5%; top:20px; display:inline-flex; align-items:center; color:#454545;}
.planned-v2-project .more i {margin-left:12px; width:56px; height:56px; display:flex; align-items:center; justify-content:center; background:#f2f2f2; border-radius:100%; transition:.2s;}
.planned-v2-project .more svg {width:18px; height:auto; transition:.2s;}
.planned-v2-project .more:hover i {background:#15338a;}
.planned-v2-project .more:hover svg {transform:rotate(45deg);}
.planned-v2-project .more:hover path {fill:#fff;}

@keyframes marquee-top {
	0% {transform: translate3d(0, 0, 0);}
	100% {transform: translate3d(-100%, 0, 0);}
}
@keyframes marquee-bottom {
	0% {transform: translate3d(0, 0, 0);}
	100% {transform: translate3d(100%, 0, 0);}
}

/* 기획형 홈페이지 개발 방법론 */
.planned-v2-howto {padding:0 20px 150px;}
.planned-v2-howto .wrap {position:relative;}
.planned-v2-howto .circle-area-wrap {margin-left:16%;}
.planned-v2-howto .circle-area {position:relative; width:50%; max-width:610px; margin:0 auto; text-align:center; color:#fff; font-size:30px; font-weight:700; line-height:1.33em; letter-spacing:-.03em;}
.planned-v2-howto .circle-area .line {position:relative; border-radius:100%; border:1px dashed #91ca0e;}
.planned-v2-howto .circle-area .line:after {content:""; display:block; padding-bottom:100%;}
.planned-v2-howto .circle-area .dots {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; animation:10s circle_rotate linear infinite;}
.planned-v2-howto .circle-area .dots span {position:absolute; top:50%; width:13px; height:13px; background:#91ca0e; border-radius:100%;}
.planned-v2-howto .circle-area .dots span:nth-child(1) {left:0; transform:translate(-50%,-0);}
.planned-v2-howto .circle-area .dots span:nth-child(2) {right:0; transform:translate(50%,-0);}
.planned-v2-howto .circle-area .inner {position:absolute; top:30px; left:30px; right:30px; bottom:30px; padding-top:11%; background-image:linear-gradient(rgb(75,114,185), rgb(168,221,125)); border-radius:100%;}
.planned-v2-howto .items {position:absolute; top:150px; left:0; width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.planned-v2-howto .item {width:calc(16.6% - 20px); text-align:center; padding:35px 20px; background:#fff; border-radius:20px; box-shadow: 0px 0px 20px 0px rgba(36, 36, 105, 0.1);}
.planned-v2-howto .item .step {margin-top:25px; color:#686868; font-size:15px; line-height:1.33em;}
.planned-v2-howto .item .tit {font-size:20px; line-height:1.33em;}
.planned-v2-howto .item .tit strong {font-weight:600;}
.planned-v2-howto .item .bar {width:30px; height:2px; margin:15px auto; background:#91ca0e;}
.planned-v2-howto .item .txt {color:#686868; line-height:1.5em;}
.planned-v2-howto .item:nth-child(even) {margin-top:60px;}
.planned-v2-howto .item:nth-child(even) .bar {background:#242469}

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

/* 기획형 홈페이지 단계별 절차 */
.planned-v2-process {margin-bottom:200px;}
.planned-v2-process .back-svg-top svg {display:block; width:100%; height:auto; transform:scaleY(-1);}
.planned-v2-process .back-svg-bottom svg {display:block; width:100%; height:auto; transform:scaleX(-1);}
.planned-v2-process .inner {margin:-10px 0; padding:50px 20px 100px; background:#f8f8fa;}
.planned-v2-process .items {position:relative;}
.planned-v2-process .bar {position:absolute; top:0; left:49px; width:2px; height:100%; background:#ddd;}
.planned-v2-process .bar .track {position:absolute; top:0; left:0; width:100%; background:#242469;}
.planned-v2-process .item {position:relative; display:flex; align-items:flex-start;}
.planned-v2-process .item:not(:last-child) {margin-bottom:100px;}
.planned-v2-process .item .num {display:flex; justify-content:center; align-items:center; width:100px; height:100px; margin-right:50px; color:#fff; font-size:40px; font-weight:500; line-height:1.3em; background:#242469; border-radius:50% 0 50% 50%;}
.planned-v2-process .item .cnt {flex:1 1 auto; min-width:0; width:1%;}
.planned-v2-process .tit-area {padding:22px 0 25px; background-position:right 50px bottom -55px; background-repeat:no-repeat;}
.planned-v2-process .tit-area.bg1 {background-image:url("images/ps1.png");}
.planned-v2-process .tit-area.bg2 {background-image:url("images/ps2.png");}
.planned-v2-process .tit-area.bg3 {background-image:url("images/ps3.png");}
.planned-v2-process .tit-area.bg4 {background-image:url("images/ps4.png");}
.planned-v2-process .tit-area.bg5 {background-image:url("images/ps5.png");}
.planned-v2-process .tit-area.bg6 {background-image:url("images/ps6.png");}
.planned-v2-process .tit {margin-bottom:13px;}
.planned-v2-process .tit .en {color:#91ca0e; font-size:18px; font-weight:500; line-height:1.33em; letter-spacing:-.02em; margin-bottom:2px;}
.planned-v2-process .tit h4 {font-size:26px; line-height:1.33em; letter-spacing:-.03em;}
.planned-v2-process .txt {font-size:17px; color:#454545; line-height:1.65em;}
.planned-v2-process .txt ul li {padding-left:.6em; text-indent:-.6em;}
.planned-v2-process .box {padding:30px; background:#fff; border-radius:20px; box-shadow:0px 0px 20px 0px rgba(36, 36, 105, 0.1);}
.planned-v2-process .box dl {display:flex; align-items:flex-start;}
.planned-v2-process .box dl:not(:last-child) {margin-bottom:10px;}
.planned-v2-process .box dl:nth-child(2) dt {background:#16b187;}
.planned-v2-process .box dt {width:120px; margin-right:20px; text-align:center; color:#fff; font-size:18px; font-weight:600; line-height:40px; letter-spacing:-.02em; border-radius:40px; background:#91ca0e;}
.planned-v2-process .box dd {flex:1 1 auto; min-width:0; width:1%; padding:6px 0; font-size:17px; color:#454545; line-height:1.65em;}

/* 문의폼 */
.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:#242469; 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:#242469; 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) {
	.planned-v2-heading {height:660px;}
	.planned-v2-heading h2 {font-size:85px;}
	.planned-v2-heading p {font-size:16px;}

	.planned-head {margin-bottom:55px;}

	.planned-v2-need .head {margin-bottom:60px;}
	.planned-v2-need .head h3 {font-size:32px;}
	.planned-v2-need .content .tit {width:38%;}

	.planned-v2-merit {padding-bottom:50px;}
	.planned-v2-merit .planned-head .line {height:40px; margin:20px auto;}
	.planned-v2-merit .item .in {height:480px;}

	.planned-v2-project {padding:200px 0;}
	.planned-v2-project:before,
	.planned-v2-project:after {background-size:44% auto;}
	.planned-v2-project .planned-head h3 {font-size:50px;}
	.planned-v2-project .items {width:calc(470px * var(--img-length));}
	.planned-v2-project .item {width:450px;}

	
}

@media (max-width: 1280px) {
	.planned-v2-need .head {margin-bottom:45px;}
	.planned-v2-need .head h3 {font-size:30px;}
	.planned-v2-need .head p {font-size:16px;}
	.planned-v2-need .content .tit h3 {font-size:26px;}
	.planned-v2-need .content .tit p {font-size:15px;}
	.planned-v2-need .content .item {width:24%;}
	.planned-v2-need .content .item dt {font-size:2.6vw;}
	.planned-v2-need .content .item dd {font-size:16px;}

	.planned-head {margin-bottom:45px;}
	.planned-head h3 {font-size:28px;}
	.planned-head p {font-size:16px;}

	.planned-v2-merit .planned-head .line {height:30px;}
	.planned-v2-merit .planned-head p {font-size:18px;}
	.planned-v2-merit .planned-head .tt {font-size:20px;}
	.planned-v2-merit .item .in {height:400px;}
	.planned-v2-merit .item .in:before, .planned-v2-merit .item .in:after {width:240px; height:240px;}
	.planned-v2-merit .item .in:before {top:-20%; left:-60%;}
	.planned-v2-merit .item .in:after {bottom:-3%; right:-68%;}
	.planned-v2-merit .item svg {width:80px; height:auto;}
	.planned-v2-merit .item h4 {font-size:22px; height:80px;}
	.planned-v2-merit .item p {font-size:14px;}
	.planned-v2-merit .item p br {display:none;}

	.planned-v2-project {padding:140px 0 200px;}
	.planned-v2-project .planned-head {margin-bottom:40px;}
	.planned-v2-project .planned-head h3 {font-size:44px;}
	.planned-v2-project .items {width:calc(400px * var(--img-length));}
	.planned-v2-project .item {width:380px;}
	.planned-v2-project .item .hover {padding:25px;}

	.planned-v2-howto {padding-bottom:100px;}
	.planned-v2-howto .wrap {padding-top:140px;}
	.planned-v2-howto .circle-area-wrap {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding-left:16%;}
	.planned-v2-howto .circle-area {font-size:24px;}
	.planned-v2-howto .items {position:static;}
	.planned-v2-howto .item {width:15.5%; padding:30px 10px;}
	.planned-v2-howto .item:nth-child(even) {margin-top:45px;}
	.planned-v2-howto .item .ico {width:60px; margin:0 auto;}
	.planned-v2-howto .item .step {font-size:12px; margin-top:18px;}
	.planned-v2-howto .item .tit {font-size:18px;}
	.planned-v2-howto .item .txt {font-size:14px;}

	.planned-v2-process .bar {left:42px;}
	.planned-v2-process .item:not(:last-child) {margin-bottom:70px;}
	.planned-v2-process .item .num {width:86px; height:86px; font-size:34px; margin-right:40px;}
	.planned-v2-process .tit-area {padding:15px 0 20px; background-position:right 30px bottom -40px; background-size:120px;}
	.planned-v2-process .tit .en {font-size:16px;}
	.planned-v2-process .tit h4 {font-size:24px;}
	.planned-v2-process .txt {font-size:16px;}
	.planned-v2-process .box {padding:25px;}
	.planned-v2-process .box dt {width:100px; font-size:16px; line-height:36px;}
	.planned-v2-process .box dd {font-size:16px;}

	
}

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

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

	.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) {
	.planned-v2-need .content .tit {width:48%;}
	.planned-v2-need .content .tit .in {width:64%; height:64%;}
	.planned-v2-need .content .tit svg {width:70px; height:auto;}
	.planned-v2-need .content .tit h3 {font-size:22px; margin-top:15px;}
	.planned-v2-need .content .tit p {font-size:12px;}
	.planned-v2-need .content .item {padding:0; width:20%;}
	.planned-v2-need .content .item dd {font-size:15px;}

	.planned-v2-merit .items {max-width:520px; margin:0 auto; grid-template-columns: repeat(2, 1fr); gap:24px;}
	.planned-v2-merit .item:nth-child(even) {margin-top:0;}
	.planned-v2-merit .item:nth-child(even) .box {transform:translateY(60px);}

	.planned-v2-project {padding-bottom:100px;}
	.planned-v2-project:before {background-position:-60% 0;}
	.planned-v2-project:after {background-position:160% 100%;}
	.planned-v2-project:before, 
	.planned-v2-project:after {background-size:80% auto;}
	.planned-v2-project .more {position:static; margin-top:30px; margin-left:4.5%;}

	.planned-v2-howto {padding:50px 20px 100px;}
	.planned-v2-howto .wrap {padding:0 0 0 20%;}

	.planned-v2-howto .circle-area-wrap {left:0; top:50%; width:60%; height:auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0;}
	.planned-v2-howto .circle-area {width:100%; text-align:left; white-space:nowrap; font-size:19px;}
	.planned-v2-howto .circle-area .inner {padding:0;}
	.planned-v2-howto .circle-area p {position:absolute; top:50%; left:16%; width:1em; writing-mode:vertical-lr; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.planned-v2-howto .items {flex-wrap:wrap; gap:16px;}
	.planned-v2-howto .item {width:calc(50% - 10px); display:flex; align-items:center; gap:20px; padding:20px;}
	.planned-v2-howto .item[data-aos=fade-down] {transform:translate3d(0,100px,0);}
	.planned-v2-howto .item[data-aos^=fade][data-aos^=fade].aos-animate {transform: translateZ(0);}
	.planned-v2-howto .item:nth-child(even) {margin-top:0;}
	.planned-v2-howto .item .ico {width:50px;}
	.planned-v2-howto .item .cnt {flex:1 1 auto; min-width:0; width:1%; text-align:left;}
	.planned-v2-howto .item .step {margin-top:0;}
	.planned-v2-howto .item .bar {margin:10px 0; width:24px;}


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

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

	.planned-v2-need {padding:25px 0 75px;}
	.planned-v2-need .head {margin-bottom:20px;}
	.planned-v2-need .head h3 {font-size:23px; margin-bottom:7px;}
	.planned-v2-need .head p {font-size:13px;}
	.planned-v2-need .content {padding:0 24px;}
	.planned-v2-need .content .h-line {display:none;}
	.planned-v2-need .content .wrap {flex-direction:column; gap:20px;}
	.planned-v2-need .content .tit {width:100%; transition-delay:.2s !important;}
	.planned-v2-need .content .tit .in {width:52%; height:52%;}
	.planned-v2-need .content .tit svg {width:50px;}
	.planned-v2-need .content .tit h3 {font-size:18px; margin-top:13px;}
	.planned-v2-need .content .tit p {font-size:11px;}
	.planned-v2-need .content .item {width:100%; transition-delay:.2s !important;}
	.planned-v2-need .content .item dt {margin:0 auto; padding:0; width:190px; height:190px; font-size:24px;}
	.planned-v2-need .content .item dd {position:static; margin-top:10px; font-size:16px;}

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

	.planned-v2-merit {padding-bottom:70px;}
	.planned-v2-merit .planned-head .line {width:26px; height:1px; margin:25px auto;}
	.planned-v2-merit .planned-head p {font-size:14px;}
	.planned-v2-merit .planned-head .tt {font-size:16px;}
	.planned-v2-merit .planned-head .tt img {width:18px; margin-right:2px;}
	.planned-v2-merit .items {gap:15px 10px;}
	.planned-v2-merit .item .in {height:300px; padding:10px;}
	.planned-v2-merit .item .in:before, .planned-v2-merit .item .in:after {width:150px; height:150px;}
	.planned-v2-merit .item .in:before {top:-14%; left:-56%;}
	.planned-v2-merit .item .in:after {bottom:15%; right:-65%;}
	.planned-v2-merit .item svg {width:60px;}
	.planned-v2-merit .item h4 {font-size:20px; height:60px;}
	.planned-v2-merit .item p {font-size:13px;}

	.planned-v2-project {padding:140px 0 160px; overflow:hidden;}
	.planned-v2-project:before {top:0; left:-30%; width:130%;}
	.planned-v2-project:after {top:0; right:-40%; width:140%;}
	.planned-v2-project:before, 
	.planned-v2-project:after {background-size:94% auto;}
	.planned-v2-project .planned-head {padding:0 16px; margin-bottom:30px;}
	.planned-v2-project .planned-head h3 {font-size:38px;}
	.planned-v2-project .st1 {margin-bottom:10px;}
	.planned-v2-project .items {gap:10px; width:calc(310px * var(--img-length));}
	.planned-v2-project .item {width:300px; border-radius:10px;}
	.planned-v2-project .item .hover {padding:16px;}
	.planned-v2-project .item .tit {font-size:16px;}
	.planned-v2-project .item .txt {font-size:13px;}
	.planned-v2-project .more {margin-top:25px; margin-left:16px;}
	.planned-v2-project .more i {width:36px; height:36px; margin-left:8px;}
	.planned-v2-project .more svg {width:12px;}

	.planned-v2-howto {padding:0 0 50px;}
	.planned-v2-howto .wrap {padding-left:31%;}
	.planned-v2-howto .circle-area-wrap {width:100%;}
	.planned-v2-howto .circle-area {font-size:16px;}
	.planned-v2-howto .circle-area .inner {top:18px; right:18px; bottom:18px; left:18px;}
	.planned-v2-howto .circle-area p {left:12%;}
	.planned-v2-howto .items {flex-direction:column;}
	.planned-v2-howto .item {width:100%; padding:15px; gap:15px; border-radius:10px; box-shadow:0px 0px 10px 0px rgba(36, 36, 105, 0.1);}
	.planned-v2-howto .item:nth-child(odd) {margin-left:-15px;}
	.planned-v2-howto .item .step {font-size:10px;}
	.planned-v2-howto .item .tit {font-size:16px;}
	.planned-v2-howto .item .txt {font-size:13px;}
	.planned-v2-howto .item .bar {margin:10px 0; width:20px;}

	.planned-v2-process {margin-bottom:0;}
	.planned-v2-process .back-svg-top svg {width:120%;}
	.planned-v2-process .back-svg-bottom {display:none;}
	.planned-v2-process .inner {padding:40px 0 100px;}
	.planned-v2-process .bar {left:19px;}
	.planned-v2-process .item:not(:last-child) {margin-bottom:45px;}
	.planned-v2-process .item .num {width:40px; height:40px; font-size:20px; margin-right:15px;}
	.planned-v2-process .tit-area {padding:0 0 15px; background:none !important;}
	.planned-v2-process .tit {margin-bottom:7px;}
	.planned-v2-process .tit .en {font-size:14px;}
	.planned-v2-process .tit h4 {font-size:20px;}
	.planned-v2-process .txt {font-size:14px; line-height:1.5em;}
	.planned-v2-process .box {padding:15px; border-radius:10px; box-shadow:0px 0px 10px 0px rgba(36, 36, 105, 0.1);}
	.planned-v2-process .box dl {display:block;}
	.planned-v2-process .box dt {width:70px; font-size:14px; line-height:25px; margin:0 0 7px;}
	.planned-v2-process .box dd {width:auto; font-size:14px; line-height:1.5em; padding:0 7px;}

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