/* 공간플래닝 소개 */
.planning_intro .main_banner{position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; height: 800px; box-sizing: border-box;}
.planning_intro .main_banner .banner_contents{position: absolute; display: inline-block; text-align: left;}
.planning_intro .main_banner .banner_contents._first{display: none;}
.planning_intro .main_banner._intro{background: url("/img/user/planning/main_banner_pc.jpg?v=2") center / cover no-repeat;}
.planning_intro .main_banner._intro .banner_contents{left: 16%;}
.planning_intro .main_banner._online{background: url("/img/user/planning/plnng_bg_img_pc1.jpg?v=1") center / cover no-repeat;}
.planning_intro .main_banner._online .banner_contents{left: 52%;}
.planning_intro .main_banner._offline{background: url("/img/user/planning/plnng_bg_img_pc2.jpg?v=1") center / cover no-repeat;}
.planning_intro .main_banner._offline .banner_contents{left: 52%;}
.planning_intro .main_banner .tag_list{display: inline-flex; gap: 10px; width: 100%;}
.planning_intro .main_banner .tag_list .tag{color: #fff; font-size: 14px; line-height: 22px; letter-spacing: 1px;}
.planning_intro .main_banner .banner_title{display: block; margin-bottom: 20px; color: #fff; font-size: 42px; font-style: normal; font-weight: 400; line-height: 78px; letter-spacing: 5px;}
.planning_intro .main_banner .contents{color: #fff; font-size: 22px; font-style: normal; font-weight: 400; line-height: 33px; letter-spacing: 2px;}
.planning_intro .main_banner._online .tag_list .tag, .planning_intro .main_banner._online .banner_title, .planning_intro .main_banner._online .contents{color: #282828;}

.planning_intro .content_section{display: inline-block; width: 100%; text-align: center; padding: 200px 0;}
.planning_intro .content_section._bg_gray{background-color: #F0F0F0;}
.planning_intro .content_section ._title{display: inline-block; width: 100%; text-align: center; margin-bottom: 20px; color: #282828; font-size: 42px; line-height: 63px; letter-spacing: 3px;}
.planning_intro .content_section ._desc{display: inline-block; width: 100%; text-align: center; color: #282828; font-size: 18px; line-height: 30px; letter-spacing: 2px;}
.planning_intro .body{display: inline-block; width: 100%; max-width: 1024px;}
.planning_intro .body .planning_type_list{display: inline-grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 34px; justify-content: center; width: 100%; margin-top: 70px;}
.planning_intro .planning_type_list .type_card{display: inline-block; text-align: left; width: 496px; padding: 36px 36px 40px 36px; border: 1px solid #000; background-color: #fff; box-sizing: border-box;}
.planning_intro .planning_type_list .type_card img{display: block; width: 60px; margin-bottom: 40px;}
.planning_intro .planning_type_list .type_card h3{display: block; margin-bottom: 17px; color: #00B441; font-size: 32px; font-weight: 700; line-height: 48px; letter-spacing: 5.5px;}
.planning_intro .planning_type_list .type_card .contents1{display: block; font-size: 18px; font-weight: 500; line-height: 30px; letter-spacing: 2px;}
.planning_intro .planning_type_list .type_card .contents2{display: block; margin-top: 8px; color: #515151; font-size: 16px; font-weight: normal; line-height: 26px; letter-spacing: 0.5px;}
.planning_intro .planning_type_list .type_card .feature_list{display: inline-flex; flex-direction: column; gap: 12px; width: 100%; margin: 44px 0 60px 0;}
.planning_intro .planning_type_list .type_card .feature_list ._item{position: relative; padding-left: 34px; display: block; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: 3px;}
.planning_intro .planning_type_list .type_card .feature_list ._item::before{content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 24px; height: 24px;
	background: url(/img/user/icn_chck_grn.svg) center / 24px no-repeat;}
.planning_intro .tbMnBx {margin-top: 64px;}
.planning_intro .planning_img_box{display: inline-flex; justify-content: space-between; width: 100%; gap: 34px; margin-top: 40px;}
.planning_intro .planning_img_box figure{display: inline-block; width: 50%; border: 1px solid #000; padding: 24px; box-sizing: border-box;}
.planning_intro .planning_img_box img{display: inline-block; width: 100%; height: 200px;}
.planning_intro .planning_img_box figcaption{display: block; margin-top: 24px; text-align: center; font-weight: 700; font-size: 16px; line-height: 26px; letter-spacing: 1px;}

.planning_intro .process_section{display: inline-block; width: 100%; text-align: center; margin-top: 160px; margin-bottom: 160px;}
.planning_intro .process_section .process_title{display: block; text-align: left; margin-bottom:40px; color: #282828; font-size: 42px; line-height: 63px; letter-spacing: 3px;}
.planning_intro .process_list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 50px; list-style: none; margin: 0; padding: 0;}
.planning_intro .process_list .process_item{position: relative;}
.planning_intro .process_list .process_item .process_card{text-align: left; border: 1px solid #282828; padding: 26px 34px; height: 100%; box-sizing: border-box;}
.planning_intro .process_list .process_step{position: relative; display: inline-flex; align-items: center; padding-left: 54px; font-size: 18px; font-weight: 700; color: #282828; line-height: 40px; letter-spacing: 3px;}
.planning_intro .process_list .process_step::before{content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 40px; height: 40px; background-size: 40px; background-repeat: no-repeat; background-position: center;}
.planning_intro .process_list .process_item[data-step="1"] .process_step::before{background-image: url("/img/user/planning/icon_monitor.svg");}
.planning_intro .process_list .process_item[data-step="2"] .process_step::before{background-image: url("/img/user/planning/icon_calender.svg");}
.planning_intro .process_list .process_item[data-step="3"] .process_step::before{background-image: url("/img/user/planning/icon_chat.svg");}
.planning_intro .process_list .process_item[data-step="4"] .process_step::before{background-image: url("/img/user/planning/icon_document.svg");}
.planning_intro .process_list .process_item[data-step="5"] .process_step::before{background-image: url("/img/user/planning/icon_cart.svg");}
.planning_intro .process_list .process_desc{display: block; margin-top: 24px; font-size: 16px; color: #282828; line-height: 26px; letter-spacing: 0.5px;}
.planning_intro .process_list .process_arrow{position: absolute; top: 50%; transform: translateY(-50%); right: -38px; width: 24px; height: 21px; background: url("/img/user/icn_allwHd_lftRgt.svg") center / contain no-repeat;}
.planning_intro .process_list .process_item:last-child .process_arrow{display: none;}
.planning_intro .process_list .process_item:nth-child(3) .process_arrow{display: none;}
.planning_intro ._offline .process_list .process_item[data-step="1"] .process_step::before{background-image: url("/img/user/planning/icon_person.svg");}
.planning_intro ._offline .process_list .process_item[data-step="2"] .process_step::before{background-image: url("/img/user/planning/icon_monitor.svg");}
.planning_intro ._offline .process_list .process_item[data-step="3"] .process_step::before{background-image: url("/img/user/planning/icon_pin.svg");}
.planning_intro ._offline .process_list .process_item[data-step="4"] .process_step::before{background-image: url("/img/user/planning/icon_document.svg");}
.planning_intro ._offline .process_list .process_item[data-step="5"] .process_step::before{background-image: url("/img/user/planning/icon_cart.svg");}
.planning_intro .process_section .info_txt{display: block; text-align: left; margin-top: 16px; color: #969696; font-size: 14px; line-height: 24px; letter-spacing: 0.5px;}

.planning_intro .review_section{display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 100px 0 120px 0; background-color: #F0F0F0;}
.planning_intro .review_section .review_title{display: block; width: 100%; max-width: 1024px; text-align: left; margin-bottom: 54px; color: #282828; font-size: 42px; line-height: 63px; letter-spacing: 3px;}
.planning_intro .review_section .review_list{display: inline-flex; gap: 16px; width: 100%; max-width: 1024px;}
.planning_intro .review_list .review_card{display: inline-block; width: 100%; border: 1px solid #282828; overflow: hidden; box-sizing: border-box;}
.planning_intro .review_list .review_card > figure{display: inline-block; width: 100%; box-sizing: border-box;}
.planning_intro .review_list .review_card .review_image_wrap{width: 100%; height: 245px; overflow: hidden;}
.planning_intro .review_list .review_card img{display: inline-block; width: 100%; height: 100%; object-fit: cover; object-position: right center;}
.planning_intro .review_list .review_card figcaption{display: inline-block; text-align: left; padding: 40px; box-sizing: border-box;}
.planning_intro .review_list .review_card .review_text{display: block; margin-bottom: 19px; color: #282828; font-size: 16px; line-height: 26px; letter-spacing: 0.5px;}
.planning_intro .review_list .review_card .review_type{display: block; margin-bottom: 8px; color: #969696; font-size: 16px; line-height: 26px; letter-spacing: 0.5px;}
.planning_intro .review_list .review_card .review_company, .planning_intro .review_list .review_card .review_name{display: inline-block; color: #515151; font-size: 14px; line-height: 24px; letter-spacing: 0.5px;}
.planning_intro .review_list .review_card .review_name{position: relative; padding-left: 24px;}
.planning_intro .review_list .review_card .review_name::before{content: ''; position: absolute; top: 7px; left: 12px; display: inline-block; width: 1px; height: 10px; border-left: 1px solid #515151;}

.planning_intro .body .btn_group{display: flex; gap: 34px; justify-content: center; margin-top: 60px;}
.planning_intro .body .btn_group .btn{width: 283px; font-size: 16px;}


@media screen and (min-width: 1280px) {
	.planning_intro .plnnSrvcdtl{min-width: 487px;}
	.planning_intro .stpBxLst{display: inline-flex; justify-content: space-between;}
}

@media screen and (max-width: 1279px) and (min-width: 280px) {
	.planning_intro .tb_mxw320{max-width: 320px;}
	.planning_intro .tb_mxw660{max-width: 660px;}
	.planning_intro .main_banner{position: relative; display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 700px;}
	.planning_intro .main_banner .banner_contents{position: unset; display: inline-block; text-align: center;}
	.planning_intro .main_banner .banner_contents._first{display: inline-block;}
	.planning_intro .main_banner._intro{padding-left: 0; padding-top: 90px; background: url("/img/user/planning/main_banner_mo.jpg?v=1") center / cover no-repeat;}
	.planning_intro .main_banner .banner_title{margin-bottom: 10px; font-size: 28px; line-height: 44px; letter-spacing: 2px;}
	.planning_intro .main_banner .contents{font-size: 14px; line-height: 21px; letter-spacing: 1px;}
	.planning_intro .content_section{display: inline-flex; width: 100%; flex-direction: column; align-items: center; padding: 100px 0;}
	.planning_intro .content_section ._title{margin-bottom: 24px; font-size: 22px; line-height: 33px; letter-spacing: 3px;}
	.planning_intro .content_section ._desc{font-size: 14px; line-height: 26px; letter-spacing: 2px; word-break: keep-all;}
	.planning_intro .body{width: calc(100% - 40px);}
	.planning_intro .body .planning_type_list{gap: 20px; grid-template-columns: repeat(auto-fit, minmax(0, 320px)); margin-top: 60px;}
	.planning_intro .planning_type_list .type_card{width: 100%; max-width: 320px; padding: 30px 15px;}
	.planning_intro .planning_type_list .type_card img{display: block; width: 50px; margin-bottom: 20px; margin-left: 10px;}
	.planning_intro .planning_type_list .type_card h3{margin-bottom: 8px; margin-left: 10px; font-size: 22px; line-height: 33px; letter-spacing: 4px;}
	.planning_intro .planning_type_list .type_card .contents1{margin-left: 10px; font-size: 14px; font-weight: 500;}
	.planning_intro .planning_type_list .type_card .feature_list{gap: 2px; margin: 36px 0 53px 10px;}
	.planning_intro .planning_type_list .type_card .feature_list ._item{padding-left: 27px; font-weight: 400; font-size: 14px; line-height: 26px; letter-spacing: 2px;}
	.planning_intro .body .planning_type_list .btn{max-width: none;}
	.planning_intro .tbMnBx{flex-wrap: wrap;}
	.planning_intro .tbMnBx .tbMnLst{width: 33.3333%;}
	.planning_intro .tbMnBx .tbMnLst:nth-child(n+4) .tbMn{border-top: 0;}
	.planning_intro .tbMnBx .tbMnLst:nth-child(4){border-left: 1px solid #000;}
	.planning_intro .planning_img_box{gap: 20px;}
	.planning_intro .planning_img_box figure{width: 100%;}

	.planning_intro .main_banner._online{height: 759px; padding-left: 0; padding-top: 80px; background: url("/img/user/planning/plnng_bg_img_mo1.jpg?v=1") center / cover no-repeat;}
	.planning_intro .main_banner .tag_list{justify-content: center;}
	.planning_intro .main_banner .banner_title{margin: 10px 0; font-size: 28px; line-height: 44px; letter-spacing: 2px;}
	.planning_intro .main_banner .btn{position: absolute; bottom: 80px; transform: translateX(-50%);}

	.planning_intro .process_section{display: inline-block; width: 100%; text-align: center; margin-top: 100px; margin-bottom: 100px;}
	.planning_intro .process_section .process_title{margin-bottom:24px; font-size: 24px; line-height: 36px; letter-spacing: 2px;}
	.planning_intro .process_list{display: inline-flex; flex-direction: column; width: 100%; gap: 36px;}
	.planning_intro .process_list .process_item .process_card{padding: 12px 24px;}
	.planning_intro .process_list .process_step{padding-left: 44px; font-size: 16px; line-height: 28px;}
	.planning_intro .process_list .process_step::before{width: 30px; height: 30px; background-size: 30px;}
	.planning_intro .process_list .process_desc{margin-top: 8px; font-size: 14px;}
	.planning_intro .process_list .process_arrow{position: absolute; right: unset; left: 50%; top: unset; bottom: -30px; transform: translateX(-50%) rotate(90deg); width: 24px; height: 24px;}
	.planning_intro .process_list .process_item:nth-child(3) .process_arrow{display: inline-block;}

	.planning_intro .main_banner._offline{height: 759px; padding-left: 0; padding-top: 80px; background: url("/img/user/planning/plnng_bg_img_mo2.jpg?v=1") center / cover no-repeat; margin-bottom: 100px;}
	.planning_intro .process_section .info_txt{font-size: 12px; margin-top: 12px;}

	.planning_intro .review_section{padding: 100px 0; overflow-x: hidden;}
	.planning_intro .review_section .review_title{max-width: unset; text-align: center; margin-bottom: 60px; font-size: 24px; line-height: 36px; letter-spacing: 2px;}
	.planning_intro .review_section .review_list{display: flex; flex-wrap: nowrap; overflow-x: auto; gap: unset; overflow-y: hidden; max-width: 98vw; box-sizing: border-box;}
	.planning_intro .review_list .review_card{display: inline-block; flex: 0 0 320px; width: 320px; margin-left: 10px;}
	.planning_intro .review_list .review_card:first-child{margin-left: 10px;}
	.planning_intro .review_list .review_card:last-child{margin-right: 10px;}

	.planning_intro .body .btn_group{display: flex; flex-direction: column; gap: 20px; justify-content: center; align-items: center; margin-top: 40px;}
	.planning_intro .body .btn_group .btn{width: 260px; font-size: 14px; letter-spacing: -3%;}
}

@media screen and (max-width: 767px) and (min-width: 280px) {
	.planning_intro .tb_mxw660{max-width: 320px;}
	.planning_intro .planning_img_box{flex-direction: column; gap: 20px;}
}