.blind{margin:-1px!important;padding:0!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);position:absolute}.accordion_list{padding:0 32px}@media screen and (max-width:1023px){.accordion_list{width:100%}}@media screen and (max-width:639px){.accordion_list{padding:0 16px}}.accordion_list .accordion_item{border-bottom:1px solid var(--gray-400)}.accordion_list .accordion_item:last-of-type{border-bottom:0}.accordion_list .accordion_btn{display:flex;align-items:center;text-align:left;width:100%;padding:24px 16px;font-size:2.4rem;line-height:1.34;font-weight:500;color:var(--gray-800)}@media screen and (max-width:1023px){.accordion_list .accordion_btn{font-size:2rem;line-height:1.4}}.accordion_list .accordion_btn .icon{width:24px;height:24px;margin-right:16px;color:var(--gray-800)}.accordion_list .accordion_btn.is_active~.accordion_content{display:block}.accordion_list .accordion_content{display:none;margin-top:-8px;padding:0 16px 24px;font-size:1.6rem;line-height:1.5;font-weight:400;color:var(--gray-800)}@media screen and (max-width:1023px){.accordion_list .accordion_content{font-size:1.4rem;line-height:1.58}}.btn{display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 8px;padding:8px 16px;font-size:1.4rem;line-height:1.58;border:1px solid transparent;border-radius:4px;background-color:var(--gray-000);color:var(--gray-600);vertical-align:top;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.btn:hover{background-color:var(--gray-100)}.btn:first-child{margin-left:0}.btn .text{margin-left:8px}.btn .text:only-child{margin-left:0}.btn .icon{width:16px;height:16px;margin-left:8px}.btn .icon:first-child{margin-left:0}.btn .icon svg{display:block;width:100%;height:100%}.btn .icon svg path{fill:currentColor}.btn_line{border-color:var(--gray-400)}.btn_line.is_disabled,.btn_line:disabled{border-color:var(--gray-300)}.btn_small{padding:7px 12px;font-size:1.2rem;line-height:1.34;font-weight:500}.btn_small .icon{width:12px;height:12px}.btn_large{padding:11px 16px;font-size:1.6rem;line-height:1.5;font-weight:600}.btn_large .icon{width:24px;height:24px}.btn_star{margin-left:8px;margin-right:-4px;padding:3px;color:var(--gray-500)}.btn_star .icon{display:block;width:24px;height:24px}.btn_star .icon path:first-child{color:transparent;transition:color .2s}.btn_star .icon path:last-child{transition:color .2s}.btn_star.is_active{color:var(--yellow-0)}.btn_star.is_active path:first-child{color:inherit}.btn.white{background-color:#fff;color:var(--gray-600)}.btn.white.is_disabled,.btn.white:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray900{background-color:var(--gray-900);color:var(--gray-000)}.btn.gray900.btn_line{border-color:transparent}.btn.gray900.is_disabled,.btn.gray900:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray800{background-color:var(--gray-800);color:var(--gray-000)}.btn.gray800.btn_line{border-color:transparent}.btn.gray800.is_disabled,.btn.gray800:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray700{background-color:var(--gray-700);color:var(--gray-000)}.btn.gray700.btn_line{border-color:transparent}.btn.gray700.is_disabled,.btn.gray700:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray600{background-color:var(--gray-600);color:var(--gray-000)}.btn.gray600.btn_line{border-color:transparent}.btn.gray600.is_disabled,.btn.gray600:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray500{background-color:var(--gray-500);color:var(--gray-000)}.btn.gray500.btn_line{border-color:transparent}.btn.gray500.is_disabled,.btn.gray500:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray400{background-color:var(--gray-400);color:var(--gray-600)}.btn.gray400.is_disabled,.btn.gray400:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray300{background-color:var(--gray-300);color:var(--gray-600)}.btn.gray300.is_disabled,.btn.gray300:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray200{background-color:var(--gray-200);color:var(--gray-600)}.btn.gray200.is_disabled,.btn.gray200:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray100{background-color:var(--gray-100);color:var(--gray-600)}.btn.gray100.is_disabled,.btn.gray100:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.gray50{background-color:var(--gray-50);color:var(--gray-600)}.btn.gray50.is_disabled,.btn.gray50:disabled{cursor:auto;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_dark{background-color:var(--orange-dark);color:var(--gray-000)}.btn.orange_dark.btn_line{border-color:var(--orange-0);background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_dark.btn_line.is_disabled,.btn.orange_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_dark.is_disabled,.btn.orange_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_0{background-color:var(--orange-0);color:var(--gray-000)}.btn.orange_0:hover{background-color:var(--orange-dark)}.btn.orange_0.btn_line{border-color:var(--orange-0);background-color:var(--orange-alpha-light);color:var(--orange-dark)}.btn.orange_0.btn_line:hover{background-color:var(--orange-alpha-0)}.btn.orange_0.btn_line.is_disabled,.btn.orange_0.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_0.is_disabled,.btn.orange_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_light{background-color:var(--orange-light);color:var(--gray-000)}.btn.orange_light.btn_line{border-color:var(--orange-alpha-dark);background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_light.btn_line.is_disabled,.btn.orange_light.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_light.is_disabled,.btn.orange_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_dark{background-color:var(--orange-alpha-dark);color:var(--orange-dark)}.btn.orange_alpha_dark.btn_line{border-color:var(--orange-alpha-dark)}.btn.orange_alpha_dark.btn_line.is_disabled,.btn.orange_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_dark.is_disabled,.btn.orange_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_0{background-color:var(--orange-alpha-0);color:var(--orange-dark)}.btn.orange_alpha_0.btn_line{border-color:var(--orange-alpha-0)}.btn.orange_alpha_0.btn_line.is_disabled,.btn.orange_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_0.is_disabled,.btn.orange_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.orange_alpha_light{background-color:var(--orange-alpha-light);color:var(--orange-0)}.btn.orange_alpha_light.btn_line{border-color:var(--orange-alpha-light)}.btn.orange_alpha_light.btn_line.is_disabled,.btn.orange_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.orange_alpha_light.is_disabled,.btn.orange_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_dark{background-color:var(--yellow-dark);color:var(--gray-000)}.btn.yellow_dark.btn_line{border-color:var(--yellow-0);background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_dark.btn_line.is_disabled,.btn.yellow_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_dark.is_disabled,.btn.yellow_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_0{background-color:var(--yellow-0);color:var(--gray-000)}.btn.yellow_0:hover{background-color:var(--yellow-dark)}.btn.yellow_0.btn_line{border-color:var(--yellow-0);background-color:var(--yellow-alpha-light);color:var(--yellow-dark)}.btn.yellow_0.btn_line:hover{background-color:var(--yellow-alpha-0)}.btn.yellow_0.btn_line.is_disabled,.btn.yellow_0.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_0.is_disabled,.btn.yellow_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_light{background-color:var(--yellow-light);color:var(--gray-000)}.btn.yellow_light.btn_line{border-color:var(--yellow-alpha-dark);background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_light.btn_line.is_disabled,.btn.yellow_light.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_light.is_disabled,.btn.yellow_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_dark{background-color:var(--yellow-alpha-dark);color:var(--yellow-dark)}.btn.yellow_alpha_dark.btn_line{border-color:var(--yellow-alpha-dark)}.btn.yellow_alpha_dark.btn_line.is_disabled,.btn.yellow_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_dark.is_disabled,.btn.yellow_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_0{background-color:var(--yellow-alpha-0);color:var(--yellow-dark)}.btn.yellow_alpha_0.btn_line{border-color:var(--yellow-alpha-0)}.btn.yellow_alpha_0.btn_line.is_disabled,.btn.yellow_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_0.is_disabled,.btn.yellow_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.yellow_alpha_light{background-color:var(--yellow-alpha-light);color:var(--yellow-0)}.btn.yellow_alpha_light.btn_line{border-color:var(--yellow-alpha-light)}.btn.yellow_alpha_light.btn_line.is_disabled,.btn.yellow_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.yellow_alpha_light.is_disabled,.btn.yellow_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_dark{background-color:var(--green-dark);color:var(--gray-000)}.btn.green_dark.btn_line{border-color:var(--green-0);background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_dark.btn_line.is_disabled,.btn.green_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.green_dark.is_disabled,.btn.green_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_0{background-color:var(--green-0);color:var(--gray-000)}.btn.green_0:hover{background-color:var(--green-dark)}.btn.green_0.btn_line{border-color:var(--green-0);background-color:var(--green-alpha-light);color:var(--green-dark)}.btn.green_0.btn_line:hover{background-color:var(--green-alpha-0)}.btn.green_0.btn_line.is_disabled,.btn.green_0.btn_line:disabled{border-color:var(--gray-300)}.btn.green_0.is_disabled,.btn.green_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_light{background-color:var(--green-light);color:var(--gray-000)}.btn.green_light.btn_line{border-color:var(--green-alpha-dark);background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_light.btn_line.is_disabled,.btn.green_light.btn_line:disabled{border-color:var(--gray-300)}.btn.green_light.is_disabled,.btn.green_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_dark{background-color:var(--green-alpha-dark);color:var(--green-dark)}.btn.green_alpha_dark.btn_line{border-color:var(--green-alpha-dark)}.btn.green_alpha_dark.btn_line.is_disabled,.btn.green_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_dark.is_disabled,.btn.green_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_0{background-color:var(--green-alpha-0);color:var(--green-dark)}.btn.green_alpha_0.btn_line{border-color:var(--green-alpha-0)}.btn.green_alpha_0.btn_line.is_disabled,.btn.green_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_0.is_disabled,.btn.green_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.green_alpha_light{background-color:var(--green-alpha-light);color:var(--green-0)}.btn.green_alpha_light.btn_line{border-color:var(--green-alpha-light)}.btn.green_alpha_light.btn_line.is_disabled,.btn.green_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.green_alpha_light.is_disabled,.btn.green_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_dark{background-color:var(--blue-dark);color:var(--gray-000)}.btn.blue_dark.btn_line{border-color:var(--blue-0);background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_dark.btn_line.is_disabled,.btn.blue_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_dark.is_disabled,.btn.blue_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_0{background-color:var(--blue-0);color:var(--gray-000)}.btn.blue_0:hover{background-color:var(--blue-dark)}.btn.blue_0.btn_line{border-color:var(--blue-0);background-color:var(--blue-alpha-light);color:var(--blue-dark)}.btn.blue_0.btn_line:hover{background-color:var(--blue-alpha-0)}.btn.blue_0.btn_line.is_disabled,.btn.blue_0.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_0.is_disabled,.btn.blue_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_light{background-color:var(--blue-light);color:var(--gray-000)}.btn.blue_light.btn_line{border-color:var(--blue-alpha-dark);background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_light.btn_line.is_disabled,.btn.blue_light.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_light.is_disabled,.btn.blue_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_dark{background-color:var(--blue-alpha-dark);color:var(--blue-dark)}.btn.blue_alpha_dark.btn_line{border-color:var(--blue-alpha-dark)}.btn.blue_alpha_dark.btn_line.is_disabled,.btn.blue_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_dark.is_disabled,.btn.blue_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_0{background-color:var(--blue-alpha-0);color:var(--blue-dark)}.btn.blue_alpha_0.btn_line{border-color:var(--blue-alpha-0)}.btn.blue_alpha_0.btn_line.is_disabled,.btn.blue_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_0.is_disabled,.btn.blue_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.blue_alpha_light{background-color:var(--blue-alpha-light);color:var(--blue-0)}.btn.blue_alpha_light.btn_line{border-color:var(--blue-alpha-light)}.btn.blue_alpha_light.btn_line.is_disabled,.btn.blue_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.blue_alpha_light.is_disabled,.btn.blue_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_dark{background-color:var(--red-dark);color:var(--gray-000)}.btn.red_dark.btn_line{border-color:var(--red-0);background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_dark.btn_line.is_disabled,.btn.red_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.red_dark.is_disabled,.btn.red_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_0{background-color:var(--red-0);color:var(--gray-000)}.btn.red_0:hover{background-color:var(--red-dark)}.btn.red_0.btn_line{border-color:var(--red-0);background-color:var(--red-alpha-light);color:var(--red-dark)}.btn.red_0.btn_line:hover{background-color:var(--red-alpha-0)}.btn.red_0.btn_line.is_disabled,.btn.red_0.btn_line:disabled{border-color:var(--gray-300)}.btn.red_0.is_disabled,.btn.red_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_light{background-color:var(--red-light);color:var(--gray-000)}.btn.red_light.btn_line{border-color:var(--red-alpha-dark);background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_light.btn_line.is_disabled,.btn.red_light.btn_line:disabled{border-color:var(--gray-300)}.btn.red_light.is_disabled,.btn.red_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_dark{background-color:var(--red-alpha-dark);color:var(--red-dark)}.btn.red_alpha_dark.btn_line{border-color:var(--red-alpha-dark)}.btn.red_alpha_dark.btn_line.is_disabled,.btn.red_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_dark.is_disabled,.btn.red_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_0{background-color:var(--red-alpha-0);color:var(--red-dark)}.btn.red_alpha_0.btn_line{border-color:var(--red-alpha-0)}.btn.red_alpha_0.btn_line.is_disabled,.btn.red_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_0.is_disabled,.btn.red_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.red_alpha_light{background-color:var(--red-alpha-light);color:var(--red-0)}.btn.red_alpha_light.btn_line{border-color:var(--red-alpha-light)}.btn.red_alpha_light.btn_line.is_disabled,.btn.red_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.red_alpha_light.is_disabled,.btn.red_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_dark{background-color:var(--purple-dark);color:var(--gray-000)}.btn.purple_dark.btn_line{border-color:var(--purple-0);background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_dark.btn_line.is_disabled,.btn.purple_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_dark.is_disabled,.btn.purple_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_0{background-color:var(--purple-0);color:var(--gray-000)}.btn.purple_0:hover{background-color:var(--purple-dark)}.btn.purple_0.btn_line{border-color:var(--purple-0);background-color:var(--purple-alpha-light);color:var(--purple-dark)}.btn.purple_0.btn_line:hover{background-color:var(--purple-alpha-0)}.btn.purple_0.btn_line.is_disabled,.btn.purple_0.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_0.is_disabled,.btn.purple_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_light{background-color:var(--purple-light);color:var(--gray-000)}.btn.purple_light.btn_line{border-color:var(--purple-alpha-dark);background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_light.btn_line.is_disabled,.btn.purple_light.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_light.is_disabled,.btn.purple_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_dark{background-color:var(--purple-alpha-dark);color:var(--purple-dark)}.btn.purple_alpha_dark.btn_line{border-color:var(--purple-alpha-dark)}.btn.purple_alpha_dark.btn_line.is_disabled,.btn.purple_alpha_dark.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_dark.is_disabled,.btn.purple_alpha_dark:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_0{background-color:var(--purple-alpha-0);color:var(--purple-dark)}.btn.purple_alpha_0.btn_line{border-color:var(--purple-alpha-0)}.btn.purple_alpha_0.btn_line.is_disabled,.btn.purple_alpha_0.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_0.is_disabled,.btn.purple_alpha_0:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn.purple_alpha_light{background-color:var(--purple-alpha-light);color:var(--purple-0)}.btn.purple_alpha_light.btn_line{border-color:var(--purple-alpha-light)}.btn.purple_alpha_light.btn_line.is_disabled,.btn.purple_alpha_light.btn_line:disabled{border-color:var(--gray-300)}.btn.purple_alpha_light.is_disabled,.btn.purple_alpha_light:disabled{pointer-events:none;background-color:var(--gray-50);color:var(--gray-300)}.btn_toggle{padding:7px 11px;color:var(--gray-500);background-color:var(--gray-000)}.btn_toggle:hover{background-color:var(--gray-100)}.btn_toggle.is_active{color:var(--blue-dark);background-color:var(--blue-alpha-light)}.btn_plus{margin-left:32px;padding:7px 11px 7px 10px;font-size:1.2rem;line-height:1.34;font-weight:500;background-color:var(--blue-0);color:var(--gray-000)}.btn_plus:hover{background-color:var(--blue-dark)}.btn_plus .icon{width:12px;height:12px}.btn_box{display:flex;align-items:center}.btn_box.full_width{flex:1 1 100%}.btn_box.full_width .btn{flex:1}.btn_top{display:none}@media screen and (max-width:1023px){.btn_top{display:block;position:fixed;bottom:72px;right:24px;margin:0;padding:0;border:none;background-color:transparent}.btn_top .icon{width:32px;height:32px;margin:0}}.btn_top svg rect{fill:var(--gray-000)}.service_card_list .service_card_item{width:100%;border:1px solid var(--gray-400);border-radius:16px;box-sizing:border-box}.service_card_list .service_card_item+.service_card_item{margin-top:16px}.service_card_list .service_card_item.is_active .img_box{height:99px;opacity:1}.service_card_list .service_card_item.is_active .img_box svg{height:auto;vertical-align:top}.service_card_list .service_card_item.is_active .service_card_title{padding-top:115px;margin-bottom:8px;opacity:1}.service_card_list .service_card_item.is_active .service_card_desc{height:88px;opacity:1}@media screen and (max-width:1023px){.service_card_list .service_card_item.is_active .service_card_desc{height:auto;max-height:100px}}@media screen and (max-width:639px){.service_card_list .service_card_item.is_active .service_card_desc{max-height:120px}}@media screen and (max-width:359px){.service_card_list .service_card_item.is_active .service_card_desc{max-height:130px}}.service_card_list .service_card_menu{position:relative;width:100%;padding:24px;text-align:left}.service_card_list .img_box{display:flex;align-items:center;justify-content:center;position:absolute;top:24px;left:0;width:100%;height:0;text-align:center;box-sizing:border-box;opacity:0;transition:all .4s ease-out}.service_card_list .img_box svg{height:0;vertical-align:top}.service_card_list .service_card_title{display:block;color:var(--gray-900);font-size:2.4rem;line-height:1.34;font-weight:600;transition:all .4s ease-out}@media screen and (max-width:1023px){.service_card_list .service_card_title{font-size:2rem;line-height:1.4}}.service_card_list .service_card_desc{display:block;overflow:hidden;height:0;color:var(--gray-900);font-size:1.4rem;line-height:1.58;font-weight:400;word-break:keep-all;transition:all .4s ease-out;opacity:0}@media screen and (max-width:1023px){.service_card_list .service_card_desc{height:auto;max-height:0}}.horizon_list{width:100%}.horizon_list .horizon_item{display:flex;justify-content:space-between;align-items:flex-start}@media screen and (max-width:1023px){.horizon_list .horizon_item{display:block}}.horizon_list .horizon_item+.horizon_item{margin-top:80px}.horizon_list .text_box{max-width:400px;padding-left:40px}@media screen and (max-width:1023px){.horizon_list .text_box{max-width:none;margin-top:24px;padding-left:0;text-align:center}}.horizon_list .text_box .title{display:block;color:var(--gray-800);font-size:2.4rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.horizon_list .text_box .title{font-size:2rem;line-height:1.4;text-align:left}}.horizon_list .text_box .desc{margin-top:24px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:500;word-break:keep-all}@media screen and (max-width:1023px){.horizon_list .text_box .desc{font-size:1.4rem;line-height:22px;text-align:left}}.horizon_list .text_box .btn{margin-top:24px;margin-left:0}@media screen and (max-width:1023px){.horizon_list .text_box .btn{height:40px}}@media screen and (max-width:639px){.horizon_list .text_box .btn{width:100%}}.horizon_list .text_box .btn.gray800:hover{background-color:var(--gray-900)}.codeblock_box{position:relative}.codeblock_box.is_bash .codeblock{padding:12px 0}.codeblock_box .btn_area{position:absolute;right:8px;top:8px}.codeblock_box .btn_area .btn{padding:9px 11px}.codeblock_box .btn_area .icon{width:12px;height:12px}.codeblock{position:relative;overflow-x:auto;min-height:48px;padding:8px 0;border-radius:4px;border:1px solid var(--gray-400);background:var(--gray-000);box-sizing:border-box}.prism-code{display:table;margin:0;font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.prism-code .token{white-space:pre}.prism-code .token-line{display:table-row}.prism-code .token-line.is_removed{background:var(--red-alpha-light)}.prism-code .token-line.is_created{background:var(--green-alpha-light)}.prism-code .token-line.is_edited{background:var(--yellow-alpha-light)}.prism-code .string{word-break:break-all}.prism-code .class-name{color:var(--purple-dark)}.prism-code .parameter,.prism-code .plain,.prism-code .property{color:var(--gray-900)}.prism-code .line-content,.prism-code .line-number{display:table-cell;padding:0 16px}.prism-code .line-number{font-size:1.2rem;line-height:2;font-weight:400;color:var(--gray-500);text-align:right;user-select:none}.prism-code .line-content{font-size:1.4rem;line-height:1.72;font-weight:400}.prism-code.language-json .token.property{color:var(--blue-dark)}.prism-code.language-json .token.number{color:var(--orange-dark)}.prism-code.language-bash{padding:0 24px}.codeblock_tree_box{padding:16px 24px;border:1px solid var(--gray-400);border-radius:0 0 4px 4px;background:var(--gray-000);color:var(--gray-600);word-break:break-all}.codeblock_tree_box .react-json-view{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.codeblock_tree_box .react-json-view>.object-container>.object-content>.object-key-val>span:first-child .object-key:after{display:none}.codeblock_tree_box .object-key-val{padding:0!important}.codeblock_tree_box .object-key-val span{position:relative;display:inline-block;opacity:1!important}.codeblock_tree_box .object-key-val .object-content{display:flex;flex-direction:column;align-items:flex-start;margin-left:24px!important}.codeblock_tree_box .object-key-val .icon-container{position:absolute;left:0;top:50%;transform:translateY(-50%)}.codeblock_tree_box .object-key-val .icon-container .collapsed-icon,.codeblock_tree_box .object-key-val .icon-container .expanded-icon{display:flex;align-items:center}.codeblock_tree_box .object-key-val .variable-row,.codeblock_tree_box .object-key-val>span:first-child{display:inline-block;padding:8px 12px;margin-bottom:16px;border-radius:4px;border:1px solid var(--gray-400);font-size:1.4rem;line-height:1.72;font-weight:500;letter-spacing:0!important}.codeblock_tree_box .object-key-val .variable-row.is_edited,.codeblock_tree_box .object-key-val>span:first-child.is_edited{border-color:var(--yellow-0);background:var(--yellow-alpha-light);color:var(--yellow-dark)}.codeblock_tree_box .object-key-val .variable-row.is_created,.codeblock_tree_box .object-key-val>span:first-child.is_created{border-color:var(--green-0);background:var(--green-alpha-light);color:var(--green-dark)}.codeblock_tree_box .object-key-val .variable-row.is_removed,.codeblock_tree_box .object-key-val>span:first-child.is_removed{border-color:var(--red-0);background:var(--red-alpha-light);color:var(--red-dark)}.codeblock_tree_box .object-key-val .array-key,.codeblock_tree_box .object-key-val .object-key{position:relative;padding-left:20px;font-size:1.4rem;line-height:1.72;font-weight:500}.codeblock_tree_box .object-key-val .object-key-val,.codeblock_tree_box .object-key-val .variable-row{position:relative}.codeblock_tree_box .object-key-val .object-key-val:first-of-type:after,.codeblock_tree_box .object-key-val .variable-row:first-of-type:after{top:-16px;height:32px}.codeblock_tree_box .object-key-val .object-key-val:after,.codeblock_tree_box .object-key-val .variable-row:after{position:absolute;top:0;width:16px;height:16px;border-width:1px;border-left:1px dashed var(--gray-400);border-bottom:1px dashed var(--gray-400);border-right:0 dashed var(--gray-400);border-top:0 dashed var(--gray-400);border-radius:0 0 0 4px;content:""}.codeblock_tree_box .object-key-val .object-key-val:not(:last-of-type):before,.codeblock_tree_box .object-key-val .variable-row:not(:last-of-type):before{position:absolute;border:dashed var(--gray-400);border-width:0 0 0 1px;content:""}.codeblock_tree_box .object-key-val .object-key-val:after{left:-17px}.codeblock_tree_box .object-key-val .object-key-val:not(:last-of-type):before{left:-17px;top:17px;bottom:0}.codeblock_tree_box .object-key-val .variable-row{padding:8px 12px!important}.codeblock_tree_box .object-key-val .variable-row:after{left:-18px}.codeblock_tree_box .object-key-val .variable-row:not(:last-of-type):before{left:-18px;top:16px;bottom:-20px}.codeblock_tree_box .object-key-val .variable-row .object-key{padding:0;border:0;margin:0}.codeblock_tree_box .object-key-val .variable-row .object-key:after,.codeblock_tree_box .object-key-val .variable-row .object-key:before{display:none}.codeblock_tree_box .object-key-val .variable-row .variable-value{padding-right:0!important}.codeblock_tree_box .object-key-val .brace-row{display:block;width:0;font-size:0}.codeblock_tree_box .object-key-val .object-meta-data{position:absolute}.codeblock_tree_box .node-ellipsis{margin-left:4px}.codeblock_header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 8px 8px 16px;background:var(--gray-50);border:1px solid var(--gray-400);border-radius:4px 4px 0 0;box-sizing:border-box}@media screen and (max-width:1023px){.codeblock_header{padding:10px 8px 6px;align-items:flex-end}}@media screen and (max-width:639px){.codeblock_header{flex-wrap:wrap}}.codeblock_header .box_left{display:flex;align-items:center}@media screen and (max-width:1023px){.codeblock_header .box_left{flex-direction:column;align-items:flex-start}}@media screen and (max-width:639px){.codeblock_header .box_left{margin-right:10px}}.codeblock_header .box_left .btn{height:32px;margin-left:16px;padding:8px 12px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800);box-sizing:border-box}@media screen and (max-width:1023px){.codeblock_header .box_left .btn{margin:10px 0 0}}.codeblock_header .box_left .btn .icon{width:12px;height:12px}.codeblock_header .desc{padding-left:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.codeblock_header .info_list{display:flex;flex:none;padding-left:56px;font-size:1.2rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.codeblock_header .info_list{padding-left:8px}}.codeblock_header .info_list .info_title{color:var(--gray-600)}.codeblock_header .info_list .info_title:not(:first-child){padding-left:40px}.codeblock_header .info_list .info_desc{padding-left:16px;font-weight:400;color:var(--gray-800)}.codeblock_header .box_right{display:flex}@media screen and (max-width:639px){.codeblock_header .box_right{margin-top:8px}}.codeblock_header .box_right .btn_area{position:relative;margin-left:24px}.codeblock_header .box_right .btn_line{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:4px;border:1px solid var(--gray-400);color:var(--gray-800)}.codeblock_header .box_right .btn_line .icon{width:12px;height:12px}.codeblock_header .btn_toggle{padding:8px}.codeblock_header .btn_toggle:not(.is_active){background:var(--gray-50)}.codeblock_navigator{display:flex;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--gray-400)}.codeblock_navigator .item{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-600)}.codeblock_navigator .item+.item{margin-left:8px}.codeblock_navigator .item.is_active{background:var(--gray-800);color:var(--gray-000)}.dropdown{padding:8px 0;border:1px solid var(--gray-400);border-radius:6px;background-color:var(--gray-000)}.dropdown_l{border-radius:10px}.dropdown_l .dropdown_text{font-size:1.4rem;line-height:1.58}.dropdown_title{display:block;padding:4px 16px 8px;font-size:.8rem;line-height:1.5;font-weight:400;color:var(--gray-500)}.dropdown_title:not(:first-of-type){padding:8px 16px;margin-top:4px;border-top:1px solid var(--gray-400)}.dropdown_list+.dropdown_list{margin:4px 0 0;padding-top:3px;border-top:1px solid var(--gray-400)}.dropdown_item{cursor:pointer}.dropdown_item.has_border{margin-top:4px;padding-top:3px;border-top:1px solid var(--gray-400)}.dropdown_menu{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:14px 16px;box-sizing:border-box;transition:background .2s;text-align:left}.dropdown_menu.is_active,.dropdown_menu:hover{background-color:var(--orange-alpha-light)}.dropdown_menu.is_active .dropdown_text,.dropdown_menu:hover .dropdown_text{color:var(--gray-800)}.dropdown_menu.is_active .highlight,.dropdown_menu:hover .highlight{color:var(--red-dark)}.dropdown_text{flex:1 1 auto;font-size:1.2rem;line-height:1.34;color:var(--gray-900);word-break:break-all}.dropdown .highlight{color:var(--red-dark)}.dropdown .icon{flex:none;width:16px;height:16px}.dropdown .icon svg{display:block;width:100%;height:100%}.dropdown .icon svg path{fill:currentColor}.dropdown .icon+.dropdown_text{margin-left:10px}.filter{flex:none}@media screen and (max-width:1023px){.filter{padding-left:32px;padding-right:32px}}@media screen and (max-width:639px){.filter{width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}}.filter_list{display:flex;align-items:center;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:639px){.filter_list{display:block}}.filter_item{display:flex;align-items:center;position:relative}.filter_item+.filter_item{margin-left:16px}@media screen and (max-width:639px){.filter_item+.filter_item{margin-left:0}}.filter_title{font-weight:500;color:var(--gray-500)}.filter_desc,.filter_title{font-size:1.2rem;line-height:1.34}.filter_desc{padding:7px;font-weight:400;color:var(--gray-800)}.filter .btn{margin:0}.filter .btn .text{margin-left:16px}.filter .icon_arrow{width:12px;height:12px;margin-left:13px;color:var(--gray-800)}.filter .icon_check svg path{fill:currentColor}.filter .dropdown{position:absolute;top:100%;right:0;width:200px;margin-top:-5px;z-index:10}@media screen and (max-width:639px){.filter .dropdown{left:0;right:0;width:auto;margin-top:0;box-shadow:0 8px 16px -8px rgba(0,0,0,.2)}}.filter .dropdown_list{overflow-y:overlay;max-height:200px}.filter .dropdown_text:only-child{padding-left:26px}.footer_service{background:var(--gray-50)}.footer_service .footer_inner{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:56px 40px}@supports(padding:env(safe-area-inset-right)){.footer_service .footer_inner{padding:56px calc(40px + env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) calc(40px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.footer_service .footer_inner{padding:56px calc(40px + constant(safe-area-inset-right)) calc(56px + constant(safe-area-inset-bottom)) calc(40px + constant(safe-area-inset-left))}}@media screen and (max-width:1023px){.footer_service .footer_inner{flex-direction:column}}.footer_service .link{display:inline-block}.footer_service .box_info{min-width:180px}.footer_service .box_info .filter{display:block}.footer_service .logo{display:block;width:154px;margin-left:-9px}.footer_service .logo svg{width:100%;height:100%}.footer_service .logo svg path:nth-child(-n+6){fill:var(--gray-800)}.footer_service .logo svg path:nth-child(8),.footer_service .logo svg path:nth-child(9){fill:var(--yellow-0)}.footer_service .copyright{padding:22px 24px 0 0;font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800)}.footer_service .copyright:only-child{padding:24px 0;text-align:center}.footer_service .box_site{display:flex;padding:8px 0}@media screen and (max-width:1023px){.footer_service .box_site{flex-direction:column}}.footer_service .site{min-width:160px}@media screen and (max-width:1023px){.footer_service .site{flex:1}}.footer_service .site+.site{margin-left:32px}@media screen and (max-width:1023px){.footer_service .site+.site{margin:24px 0 0}}.footer_service .site .title{display:block;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}.footer_service .site_list{padding-top:24px}.footer_service .site_item{font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800)}.footer_service .site_item+.site_item{margin-top:16px}.footer_service .filter{margin:12px 0 32px -2px}@media screen and (max-width:1023px){.footer_service .filter{padding:0}}.footer_service .filter_list{border-bottom:none}.footer_service .filter .btn{display:flex;justify-content:flex-start;border:1px solid var(--gray-400)}.footer_service .filter .dropdown{left:-1px;right:auto;margin-top:-2px;width:auto;min-width:100%}.footer_service .filter .dropdown_text:only-child{padding-left:0}.darkmode .footer_service .logo svg path:nth-child(7){fill:var(--gray-100)}.grid_list{display:flex;flex-wrap:wrap;margin-left:-16px}@media screen and (max-width:1023px){.grid_list{margin-left:0}}.grid_item{flex-basis:calc(50% - 16px);margin-left:16px;margin-bottom:24px}@media screen and (max-width:1023px){.grid_item{flex-basis:calc(50% - 8px)}}@media screen and (max-width:639px){.grid_item{flex-basis:100%;margin-left:0}}@media screen and (max-width:1023px){.grid_item:nth-child(odd){margin-left:0}}@media screen and (max-width:639px){.grid_item:last-child{margin-bottom:0}}.grid_item:only-child{margin-bottom:0}@media screen and (max-width:1023px){.grid_item:only-child{flex-basis:100%}}.grid_card{display:block;border:1px solid var(--gray-400);box-sizing:border-box;border-radius:4px}.grid_card_info{padding:6px 16px 17px 20px;border-top:1px solid var(--gray-400)}.grid_card_info .title{display:block;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:600;word-break:break-word}.grid_card_info .desc{min-height:33px;margin-top:8px;color:var(--gray-800);font-size:1.2rem;line-height:1.34;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}@media screen and (max-width:639px){.grid_card_info .desc{display:block;min-height:auto;-webkit-line-clamp:none}}.grid_thumbnail{overflow:hidden}.grid_thumbnail svg{display:block;width:100%;height:auto}.grid_thumbnail svg>path{stroke:none}.grid_list2{display:flex;flex-wrap:wrap}@media screen and (max-width:1023px){.grid_list2{display:block}}.grid_list2 .grid_item{flex-basis:calc(50% - 14px);margin:24px 0 0 24px;border:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:1023px){.grid_list2 .grid_item{height:calc(50% - 14px);margin-left:0}}.grid_list2 .grid_item:nth-child(-n+2){margin-top:0}@media screen and (max-width:1023px){.grid_list2 .grid_item:nth-child(-n+2){margin-top:24px}}.grid_list2 .grid_item:nth-child(odd){margin-left:0}@media screen and (max-width:1023px){.grid_list2 .grid_item:first-child{margin-top:0}}.grid_list2 .grid_item.is_active{border-color:var(--blue-0)}.grid_list2 .grid_item.add_screen{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--gray-50);border:1px dashed var(--gray-400)}@media screen and (min-width:1024px){.grid_list2 .grid_item.add_screen{margin-top:0;margin-left:24px}}.grid_list2 .grid_item.add_screen .guide{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);text-align:center}.grid_list2 .grid_item .btn_add{display:flex;position:relative;width:100%;height:100%;min-height:222px;border-radius:4px;color:var(--gray-800)}.grid_list2 .icon_plus{position:absolute;top:50%;left:50%;color:var(--gray-900)}.grid_list2 .btn_add_screen{position:absolute;top:0;left:0;width:100%;height:100%}.header_service{position:sticky;height:64px;top:0;z-index:100;background:var(--gray-000)}.header_service .header_inner{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:12px 8px;box-sizing:border-box}@media screen and (max-width:1023px){.header_service .header_inner{justify-content:flex-start;border-bottom:1px solid var(--gray-400);padding:0 24px 0 32px}@supports(padding:env(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(32px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(24px + constant(safe-area-inset-right)) 0 calc(32px + constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.header_service .header_inner{padding:0 8px 0 16px}@supports(padding:env(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(8px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.header_service .header_inner{padding:0 calc(8px + constant(safe-area-inset-right)) 0 calc(16px + constant(safe-area-inset-left))}}}.header_service .logo{padding:0 16px}@media screen and (max-width:1023px){.header_service .logo{margin-right:8px;width:24px;height:24px}}.header_service .logo a{display:block;width:100%;height:100%}.header_service .logo svg{vertical-align:top}.header_service .logo svg path:nth-child(n+5){fill:var(--gray-800)}.header_service .logo svg [stroke="#FEFDFB"]{mask:none;stroke:none}@media screen and (min-width:1024px){.header_service .logo svg:last-of-type{display:none}}@media screen and (max-width:1023px){.header_service .logo svg{width:100%;height:100%}.header_service .logo svg:first-of-type{display:none}.header_service .logo{padding:0}}.header_service .nav{flex:1;padding:0 44px;box-sizing:border-box}@media screen and (max-width:1023px){.header_service .nav{display:none}}.header_service .gnb{display:flex}.header_service .gnb_item+.gnb_item{margin-left:16px}.header_service .gnb_item.is_active .link{color:var(--orange-dark)}.header_service .gnb_item .link{display:inline-flex;align-items:center;height:32px;padding:4px 8px;border-radius:4px;font-size:1.6rem;line-height:1.5;font-weight:500;box-sizing:border-box;color:var(--gray-900)}.header_service .gnb_item .link:hover{background:var(--gray-100)}.header_service .header_util{flex:none}@media screen and (max-width:1023px){.header_service .header_util .btn{display:none}}.header_service .header_util .btn_menu{display:none;position:absolute;right:24px;top:50%;padding:8px;color:var(--gray-500);transform:translateY(-50%)}@media screen and (max-width:1023px){.header_service .header_util .btn_menu{display:block}}@media screen and (max-width:639px){.header_service .header_util .btn_menu{right:8px}}@media screen and (orientation:landscape){@supports(right:env(safe-area-inset-right)){.header_service .header_util .btn_menu{right:calc(24px + env(safe-area-inset-right))}}@supports(right:constant(safe-area-inset-right)){.header_service .header_util .btn_menu{right:calc(24px + constant(safe-area-inset-right))}}}.header_service .header_util .btn_menu .icon_close,.header_service .header_util .btn_menu .icon_menu{display:none;align-items:center;width:16px;height:16px}.header_service .header_util .btn_menu .icon_close svg,.header_service .header_util .btn_menu .icon_menu svg{width:100%}.header_service .header_util .btn_menu .icon_close.is_active,.header_service .header_util .btn_menu .icon_menu.is_active{display:flex}.header_service .header_util .btn_line{color:var(--gray-900)}.header_service .header_util .orange_0{transition:none}.header_service .header_util .orange_0:hover{background:linear-gradient(180deg,#ff9754,#f96767)}.header_service .menu_list_mo{overflow-y:auto;position:fixed;top:64px;left:0;right:0;bottom:0;width:100%;margin-top:0;padding:40px 0;border:none}@media screen and (orientation:landscape){@supports(left:env(safe-area-inset-right)){.header_service .menu_list_mo{left:calc(0px + env(safe-area-inset-left))}}@supports(left:constant(safe-area-inset-right)){.header_service .menu_list_mo{left:calc(0px + constant(safe-area-inset-left))}}}.header_service .menu_list_mo .dropdown_item .navigator_list{max-width:none}.header_service .menu_list_mo .dropdown_item .navigator>.navigator_list{padding-top:8px}.header_service .menu_list_mo .dropdown_item .navigator_group>.navigator_menu{padding-left:12px}.header_service .menu_list_mo .dropdown_item .navigator_group .navigator_list{padding:0}.header_service .menu_list_mo .dropdown_item .navigator_group .navigator_list .navigator_item{margin-top:0;padding-left:44px;padding-right:44px}.header_service .menu_list_mo .dropdown_item .navigator_menu{align-items:center;padding:9px 40px;font-size:1.4rem;line-height:1.58;font-weight:500}.header_service .menu_list_mo .dropdown_item .navigator_menu .icon{width:16px;height:16px}.header_service .menu_list_mo .dropdown_item .navigator_menu.is_active+.navigator_list{display:block}.header_service .menu_list_mo .dropdown_item .navigator_menu.is_active svg{transform:rotate(0deg)}.header_service .menu_list_mo .dropdown_item .navigator_menu+.navigator_list{display:none}.header_service .menu_list_mo .dropdown_item .navigator_menu+.navigator_list .navigator_group+.navigator_group{margin-top:0}.header_service .menu_list_mo .dropdown_item .navigator_item{padding-left:36px;padding-right:36px}.header_service .menu_list_mo .dropdown_item .navigator_item:hover{color:var(--orange-0)}.header_service .menu_list_mo .dropdown_item .navigator_item.is_active{border:none;background:var(--gray-000);color:var(--orange-0)}.header_service .menu_list_mo .dropdown_menu{padding:12px 36px}.header_service .menu_list_mo .dropdown_menu:hover{background:var(--gray-100)}.header_service .menu_list_mo .dropdown_menu+.navigator{display:none}.header_service .menu_list_mo .dropdown_menu.is_show+.navigator{display:block}.header_service .menu_list_mo .dropdown_menu.is_show .icon_toggle{transform:rotate(0deg)}.header_service .menu_list_mo .dropdown_menu.btn_docs{padding:12px}.header_service .menu_list_mo .dropdown_menu.btn_docs.is_show{background-color:transparent}.header_service .menu_list_mo .dropdown_menu.btn_docs.is_show.is_active{background-color:var(--orange-alpha-light)}.header_service .menu_list_mo .dropdown_menu .dropdown_text{flex:none}.header_service .menu_list_mo .dropdown_menu .icon{flex:0 1 auto;margin-left:6px}.header_service .menu_list_mo .dropdown_menu .icon_toggle{margin-left:0;transform:rotate(-90deg)}.header_service .menu_list_mo .dropdown_menu .icon_toggle svg path{fill:var(--gray-900)}.header_service .menu_list_mo .dropdown_menu .icon+.dropdown_text{margin-left:7px}.header_service .menu_list_mo .dropdown_text{font-size:1.6rem;line-height:1.5;font-weight:500}.darkmode .header_service .logo svg [fill="#514C49"]{fill:var(--gray-100)}.icon{display:inline-block;vertical-align:top}.icon svg{display:block}.icon svg path{fill:currentColor}.icon_logo svg{display:block}.icon_close_s{width:6px;height:6px}.icon_close_s svg{width:100%;height:100%}.icon_arrow_left{transform:rotate(90deg)}.icon_arrow_right{transform:rotate(-90deg)}.icon_arrow_up{transform:rotate(180deg)}.mouse_effect{position:fixed;bottom:0;right:0;z-index:20;max-width:192px;padding:20px}@media screen and (max-width:1023px){.mouse_effect{display:none}}.mouse_effect_list{display:flex;align-items:center}.mouse_effect_item+.mouse_effect_item{margin-left:16px}.mouse_effect_item.is_active .mouse_effect_menu{opacity:1}.mouse_effect_menu{display:block;width:36px;height:36px;opacity:.3}.mouse_effect_menu svg rect:first-child{fill:var(--gray-800)}.mouse_effect .btn_box{flex-direction:column;align-items:normal;margin-top:16px}.mouse_effect .btn_box .btn{justify-content:flex-start;margin:0;border-radius:8px}.mouse_effect .btn_box .btn.is_hide .icon svg:first-child{display:none}.mouse_effect .btn_box .btn.is_hide .icon svg:last-child{display:block}.mouse_effect .btn_box .btn .icon{width:20px;height:20px}.mouse_effect .btn_box .btn .icon svg:last-child{display:none}.mouse_effect .btn_box .btn:hover{background-color:var(--gray-900)}.mouse_effect .btn_box .btn:hover.is_hide .icon svg:first-child{display:block}.mouse_effect .btn_box .btn:hover .icon svg:first-child,.mouse_effect .btn_box .btn:hover.is_hide .icon svg:last-child{display:none}.mouse_effect .btn_box .btn:hover .icon svg:last-child{display:block}.navigator_list{display:inline-flex;max-width:244px;width:100%;flex-direction:column;box-sizing:border-box}.navigator_list>.navigator_group .navigator_list{padding-right:16px}.navigator_list .navigator_list{padding:0 0 0 32px}.navigator_list .navigator_list .navigator_group:not(:first-of-type) .navigator_item,.navigator_list .navigator_list .navigator_group:not(:first-of-type) .navigator_menu{margin-top:8px}.navigator_list .navigator_list .navigator_menu{margin-top:8px;padding:12px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.navigator_group{display:flex;flex-direction:column}.navigator_group+.navigator_group{margin-top:8px}.navigator_group .navigator_group:not(:first-of-type) .navigator_item{margin-top:24px}.navigator_item{padding:9px 16px;border-radius:4px;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);text-align:start;word-break:break-all;cursor:pointer}.navigator_item.is_active,.navigator_item:hover{background:var(--orange-alpha-light)}.navigator_item.is_active{border:1px solid var(--orange-0)}.navigator_item.add_icon.is_active{color:var(--orange-0)}.navigator_item.add_icon.is_active .icon svg path{fill:var(--orange-0)}.navigator_item .icon{margin-right:10px}.navigator_menu{display:inline-flex;align-items:flex-start;padding:12px 16px;font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--gray-900);word-break:break-all;box-sizing:border-box}.navigator_menu.is_active .icon svg{transform:rotate(0deg)}.navigator_menu .icon{flex:0 0 auto;display:inline-block;width:24px;height:24px;margin-right:8px}.navigator_menu .icon svg{width:100%;height:100%;transform:rotate(-90deg)}.toast_box{display:flex;align-items:center;position:absolute;top:0;left:50%;width:max-content;padding:8px;border-radius:8px;background:var(--gray-800);font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-000);transform:translate(-50%,calc(-100% - 16px));opacity:1;animation:toast .2s linear}.toast_box .icon{display:inline-block;vertical-align:top;margin-right:8px}.toast_box svg{display:block}.toast_box svg path{fill:currentColor}@keyframes toast{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px))}to{opacity:1;transform:translate(-50%,calc(-100% - 16px))}}code[class*=language-],pre[class*=language-]{background:none;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{overflow:auto;box-sizing:border-box;--code-slategray:var(--gray-500);--code-gray:var(--gray-600);--code-purple:var(--purple-dark);--code-blue:var(--blue-dark);--code-orange:var(--orange-dark);--code-brown:#9a6e3a;--code-green:var(--green-dark)}.darkmode pre[class*=language-]{--code-slategray:var(--gray-300);--code-brown:#face9b;color:var(--code-gray)}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--code-slategray)}.token.punctuation{color:var(--code-gray)}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.important,.token.number,.token.regex,.token.symbol,.token.tag,.token.variable{color:var(--code-orange)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:var(--code-green)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:var(--code-brown)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-blue)}.token.class-name,.token.function{color:var(--code-purple)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--gray-900:#332e2b;--gray-800:#514c49;--gray-700:#6e6966;--gray-600:#807b78;--gray-500:#a6a19e;--gray-400:#c2bdba;--gray-300:#e2dedb;--gray-200:#efeceb;--gray-100:#f5f3f1;--gray-50:#faf8f6;--gray-000:#fefdfb;--orange-dark:#f27b2f;--orange-0:#fc8539;--orange-light:#fda36a;--orange-alpha-dark:rgba(242,123,47,.4);--orange-alpha-0:rgba(252,133,57,.32);--orange-alpha-light:hsla(23,97%,70%,.24);--yellow-dark:#f5b103;--yellow-0:#fdc433;--yellow-light:#fed366;--yellow-alpha-dark:rgba(245,177,3,.4);--yellow-alpha-0:rgba(253,196,51,.32);--yellow-alpha-light:hsla(43,99%,70%,.24);--green-dark:#10b266;--green-0:#23c176;--green-light:#5ad198;--green-alpha-dark:rgba(16,178,102,.4);--green-alpha-0:rgba(35,193,118,.32);--green-alpha-light:rgba(90,209,152,.24);--blue-dark:#208aed;--blue-0:#3c9af1;--blue-light:#6db4f5;--blue-alpha-dark:rgba(26,133,232,.4);--blue-alpha-0:rgba(60,154,241,.32);--blue-alpha-light:rgba(109,180,245,.24);--red-dark:#e93d47;--red-0:#f44954;--red-light:#f7777e;--red-alpha-dark:rgba(233,61,71,.4);--red-alpha-0:rgba(244,73,84,.32);--red-alpha-light:rgba(247,119,126,.24);--purple-dark:#764af3;--purple-0:#855cf9;--purple-light:#a385fb;--purple-alpha-dark:rgba(118,74,243,.4);--purple-alpha-0:rgba(133,92,249,.32);--purple-alpha-light:rgba(163,133,251,.24)}.darkmode{--gray-900:#fefdfb;--gray-800:#faf8f6;--gray-700:#f5f3f1;--gray-600:#efeceb;--gray-500:#e2dedb;--gray-300:#a6a19e;--gray-200:#807b78;--gray-100:#6e6966;--gray-50:#514c49;--gray-000:#332e2b;--orange-dark:#fda36a;--orange-light:#f27b2f;--orange-alpha-dark:hsla(23,97%,70%,.24);--orange-alpha-light:rgba(242,123,47,.4);--yellow-dark:#fed366;--yellow-light:#f5b103;--yellow-alpha-dark:hsla(43,99%,70%,.24);--yellow-alpha-light:rgba(245,177,3,.4);--green-dark:#5ad198;--green-light:#10b266;--green-alpha-dark:rgba(90,209,152,.24);--green-alpha-light:rgba(16,178,102,.4);--blue-dark:#6db4f5;--blue-light:#208aed;--blue-alpha-dark:rgba(109,180,245,.24);--blue-alpha-light:rgba(26,133,232,.4);--red-dark:#f7777e;--red-light:#e93d47;--red-alpha-dark:rgba(247,119,126,.24);--red-alpha-light:rgba(233,61,71,.4);--purple-dark:#a385fb;--purple-light:#764af3;--purple-alpha-dark:rgba(163,133,251,.24);--purple-alpha-light:rgba(118,74,243,.4)}@font-face{font-family:Pretendard;font-weight:300;src:url(/assets/fonts/Pretendard-Light.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:400;src:url(/assets/fonts/Pretendard-Regular.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:500;src:url(/assets/fonts/Pretendard-Medium.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:600;src:url(/assets/fonts/Pretendard-SemiBold.woff) format("woff")}@font-face{font-family:Pretendard;font-weight:800;src:url(/assets/fonts/Pretendard-ExtraBold.woff) format("woff")}@font-face{font-family:RobotoMono;font-weight:400;src:url(/assets/fonts/RobotoMono-Regular.woff) format("woff")}.font_Pretendard{font-family:Pretendard}.font_RobotoMono{font-family:RobotoMono}.font_monospace{font-family:"monospace"}.fontweight_800{font-weight:800}.fontweight_600{font-weight:600}.fontweight_500{font-weight:500}.fontweight_400{font-weight:400}.fontweight_300{font-weight:300}.fontsize_56{font-size:56px;line-height:64px}.fontsize_46{font-size:46px;line-height:54px}.fontsize_38{font-size:38px;line-height:46px}.fontsize_30{font-size:30px;line-height:38px}.fontsize_24{font-size:24px;line-height:32px}.fontsize_20{font-size:20px;line-height:28px}.fontsize_16{font-size:16px;line-height:24px}.fontsize_14{font-size:14px;line-height:22px}.fontsize_12{font-size:12px;line-height:16px}.fontsize_8{font-size:8px;line-height:8px}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,html{height:100%}html{font-size:10px}body{-webkit-overflow-scrolling:touch;font-size:1.5rem;line-height:normal;font-weight:400;overflow:overlay}body,code,html,kbd,pre,samp{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}article,aside,dialog,figure,header,main,nav,section{display:block}pre{word-wrap:break-word}address,em{font-style:normal}fieldset,img{border:0}dl,ol,ul{list-style:none;padding-left:0}a{color:inherit;text-decoration:none}button,input,optgroup,select,textarea{color:inherit;line-height:normal}button{border:transparent;background-color:transparent;cursor:pointer}a:focus-visible,button:focus-visible{outline:1px solid var(--orange-0)}html{background-color:var(--gray-000)}.white{color:#fff}.white_bg{background-color:#fff}.gray900{color:var(--gray-900)}.gray900_bg{background-color:var(--gray-900)}.gray800{color:var(--gray-800)}.gray800_bg{background-color:var(--gray-800)}.gray700{color:var(--gray-700)}.gray700_bg{background-color:var(--gray-700)}.gray600{color:var(--gray-600)}.gray600_bg{background-color:var(--gray-600)}.gray500{color:var(--gray-500)}.gray500_bg{background-color:var(--gray-500)}.gray400{color:var(--gray-400)}.gray400_bg{background-color:var(--gray-400)}.gray300{color:var(--gray-300)}.gray300_bg{background-color:var(--gray-300)}.gray200{color:var(--gray-200)}.gray200_bg{background-color:var(--gray-200)}.gray50{color:var(--gray-50)}.gray50_bg{background-color:var(--gray-50)}.gray000{color:var(--gray-000)}.gray000_bg{background-color:var(--gray-000)}.orange_dark{color:var(--orange-dark)}.orange_dark_bg{background-color:var(--orange-dark)}.orange_0{color:var(--orange-0)}.orange_0_bg{background-color:var(--orange-0)}.orange_light{color:var(--orange-light)}.orange_light_bg{background-color:var(--orange-light)}.orange_alpha_dark{color:var(--orange-alpha-dark)}.orange_alpha_dark_bg{background-color:var(--orange-alpha-dark)}.orange_alpha_0{color:var(--orange-alpha-0)}.orange_alpha_0_bg{background-color:var(--orange-alpha-0)}.orange_alpha_light{color:var(--orange-alpha-light)}.orange_alpha_light_bg{background-color:var(--orange-alpha-light)}.yellow_dark{color:var(--yellow-dark)}.yellow_dark_bg{background-color:var(--yellow-dark)}.yellow_0{color:var(--yellow-0)}.yellow_0_bg{background-color:var(--yellow-0)}.yellow_light{color:var(--yellow-light)}.yellow_light_bg{background-color:var(--yellow-light)}.yellow_alpha_dark{color:var(--yellow-alpha-dark)}.yellow_alpha_dark_bg{background-color:var(--yellow-alpha-dark)}.yellow_alpha_0{color:var(--yellow-alpha-0)}.yellow_alpha_0_bg{background-color:var(--yellow-alpha-0)}.yellow_alpha_light{color:var(--yellow-alpha-light)}.yellow_alpha_light_bg{background-color:var(--yellow-alpha-light)}.green_dark{color:var(--green-dark)}.green_dark_bg{background-color:var(--green-dark)}.green_0{color:var(--green-0)}.green_0_bg{background-color:var(--green-0)}.green_light{color:var(--green-light)}.green_light_bg{background-color:var(--green-light)}.green_alpha_dark{color:var(--green-alpha-dark)}.green_alpha_dark_bg{background-color:var(--green-alpha-dark)}.green_alpha_0{color:var(--green-alpha-0)}.green_alpha_0_bg{background-color:var(--green-alpha-0)}.green_alpha_light{color:var(--green-alpha-light)}.green_alpha_light_bg{background-color:var(--green-alpha-light)}.blue_dark{color:var(--blue-dark)}.blue_dark_bg{background-color:var(--blue-dark)}.blue_0{color:var(--blue-0)}.blue_0_bg{background-color:var(--blue-0)}.blue_light{color:var(--blue-light)}.blue_light_bg{background-color:var(--blue-light)}.blue_alpha_dark{color:var(--blue-alpha-dark)}.blue_alpha_dark_bg{background-color:var(--blue-alpha-dark)}.blue_alpha_0{color:var(--blue-alpha-0)}.blue_alpha_0_bg{background-color:var(--blue-alpha-0)}.blue_alpha_light{color:var(--blue-alpha-light)}.blue_alpha_light_bg{background-color:var(--blue-alpha-light)}.red_dark{color:var(--red-dark)}.red_dark_bg{background-color:var(--red-dark)}.red_0{color:var(--red-0)}.red_0_bg{background-color:var(--red-0)}.red_light{color:var(--red-light)}.red_light_bg{background-color:var(--red-light)}.red_alpha_dark{color:var(--red-alpha-dark)}.red_alpha_dark_bg{background-color:var(--red-alpha-dark)}.red_alpha_0{color:var(--red-alpha-0)}.red_alpha_0_bg{background-color:var(--red-alpha-0)}.red_alpha_light{color:var(--red-alpha-light)}.red_alpha_light_bg{background-color:var(--red-alpha-light)}.purple_dark{color:var(--purple-dark)}.purple_dark_bg{background-color:var(--purple-dark)}.purple_0{color:var(--purple-0)}.purple_0_bg{background-color:var(--purple-0)}.purple_light{color:var(--purple-light)}.purple_light_bg{background-color:var(--purple-light)}.purple_alpha_dark{color:var(--purple-alpha-dark)}.purple_alpha_dark_bg{background-color:var(--purple-alpha-dark)}.purple_alpha_0{color:var(--purple-alpha-0)}.purple_alpha_0_bg{background-color:var(--purple-alpha-0)}.purple_alpha_light{color:var(--purple-alpha-light)}.purple_alpha_light_bg{background-color:var(--purple-alpha-light)}.gradient_90deg_yellow{background-image:linear-gradient(90deg,#fe924d,#fdc433)}.gradient_90deg_orange{background-image:linear-gradient(90deg,#f96767,#ff9754)}.gradient_90deg_red{background-image:linear-gradient(90deg,#fc94d8,#f44954)}.gradient_90deg_purple{background-image:linear-gradient(90deg,#84b5ff,#855cf9)}.gradient_90deg_blue{background-image:linear-gradient(90deg,#8decec,#3c9af1)}.gradient_90deg_green{background-image:linear-gradient(90deg,#d7e38b,#23c176)}.gradient_90deg_gray1{background-image:linear-gradient(90deg,#212121,#616161)}.gradient_90deg_gray2{background-image:linear-gradient(90deg,#616161,#9e9e9e)}.gradient_90deg_gray3{background-image:linear-gradient(90deg,#9e9e9e,#e0e0e0)}.gradient_90deg_gray4{background-image:linear-gradient(90deg,#e0e0e0,#f5f5f5)}.gradient_180deg_yellow{background-image:linear-gradient(180deg,#fe924d,#fdc433)}.gradient_180deg_orange{background-image:linear-gradient(180deg,#f96767,#ff9754)}.gradient_180deg_red{background-image:linear-gradient(180deg,#fc94d8,#f44954)}.gradient_180deg_purple{background-image:linear-gradient(180deg,#84b5ff,#855cf9)}.gradient_180deg_blue{background-image:linear-gradient(180deg,#8decec,#3c9af1)}.gradient_180deg_green{background-image:linear-gradient(180deg,#d7e38b,#23c176)}.gradient_180deg_gray1{background-image:linear-gradient(180deg,#212121,#616161)}.gradient_180deg_gray2{background-image:linear-gradient(180deg,#616161,#9e9e9e)}.gradient_180deg_gray3{background-image:linear-gradient(180deg,#9e9e9e,#e0e0e0)}.gradient_180deg_gray4{background-image:linear-gradient(180deg,#e0e0e0,#f5f5f5)}.shadow_xs{box-shadow:0 8px 4px -8px rgba(0,0,0,.2)}.shadow_s{box-shadow:0 8px 8px -8px rgba(0,0,0,.2)}.shadow_m{box-shadow:0 8px 16px -8px rgba(0,0,0,.2)}.shadow_l{box-shadow:0 20px 24px -12px rgba(0,0,0,.2)}#__next,#root{height:100%}.wrap{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:320px;min-height:100%;background-color:var(--gray-000)}@media screen and (max-width:1023px){.wrap{overflow:initial}}.container{display:flex;flex-direction:column;flex:1 1 auto;position:relative;width:100%}@media screen and (orientation:landscape){.container{box-sizing:border-box}@supports(padding:env(safe-area-inset-right)){.container{padding:0 calc(env(safe-area-inset-right)) 0 calc(env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.container{padding:0 calc(constant(safe-area-inset-right)) 0 calc(constant(safe-area-inset-left))}}}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--orange-alpha-dark);border-radius:2px}::-webkit-scrollbar-track{background:transparent}.dimmed{position:fixed;top:0;right:0;left:0;bottom:0;z-index:200;background-color:var(--gray-900);opacity:.24}.br_pc{display:block}@media screen and (max-width:1023px){.br_pc{display:none}}.br_tablet{display:none}@media screen and (max-width:1023px){.br_tablet{display:block}}@media screen and (max-width:639px){.br_tablet{display:none}}.br_mo{display:none}@media screen and (max-width:639px){.br_mo{display:block}}@media screen and (max-width:359px){.br_mo{display:none}}.br_mo_xs{display:none}@media screen and (max-width:359px){.br_mo_xs{display:block}}.community_page .container{max-width:1120px;margin:0 auto;padding:158px 40px 240px;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .container{max-width:none;padding:0}}.community_page .container{align-items:center;justify-content:center}.community_page .content{position:relative;padding-right:32.789%;box-sizing:border-box}@media screen and (max-width:1023px){.community_page .content{display:flex;flex-direction:column;align-items:center;max-width:640px;padding:72px 32px}}@media screen and (max-width:639px){.community_page .content{max-width:none;padding-left:16px;padding-right:16px}}.community_page .content .img_box{position:absolute;top:0;right:0}@media screen and (max-width:1023px){.community_page .content .img_box{position:static;order:2;margin-top:32px}}.community_page .content .img_box svg{display:block;width:100%}.community_page .content .title{font-size:5.6rem;line-height:1.15;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.community_page .content .title{order:1;font-size:3rem;line-height:1.27}}.community_page .content .desc{display:block;margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}@media screen and (max-width:1023px){.community_page .content .desc{order:3;text-align:center}}.community_page .content .btn_box{margin-top:32px}@media screen and (max-width:1023px){.community_page .content .btn_box{order:4;width:100%}}@media screen and (max-width:639px){.community_page .content .btn_box{flex-direction:column}}.community_page .content .btn_box .btn{margin:0 12px;padding:11px 15px;border-radius:8px}@media screen and (max-width:1023px){.community_page .content .btn_box .btn{flex-basis:50%}}@media screen and (max-width:639px){.community_page .content .btn_box .btn{flex-basis:auto;width:100%;margin:16px 0 0}}.community_page .content .btn_box .btn:first-child{margin-left:0}@media screen and (max-width:639px){.community_page .content .btn_box .btn:first-child{margin-top:0}}.community_page .content .btn_box .btn:last-child{margin-right:0}.community_page .content .btn_box .btn_github svg{padding:2px;box-sizing:border-box}.community_page .content .btn_box .btn_github svg path{fill:var(--gray-900)}.community_page .content .btn_box .btn_discord{color:#5865f2}.community_page .content .btn_box .btn_discord svg{padding:2px;box-sizing:border-box}.community_page .content .btn_box .icon{width:28px;height:28px}.community_page .content .btn_box .text{font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}.error_page .container{max-width:1120px;margin:0 auto;padding:72px 40px;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .container{max-width:none;padding:0}}.error_page .container{align-items:center;justify-content:center}.error_page .content{position:relative;width:100%;max-width:990px;padding-left:32.405%;box-sizing:border-box}@media screen and (max-width:1023px){.error_page .content{display:flex;flex-direction:column;align-items:center;padding:64px 32px}}@media screen and (max-width:639px){.error_page .content{padding-left:16px;padding-right:16px}}.error_page .content.error_404{padding-left:40.577%}@media screen and (max-width:1023px){.error_page .content.error_404{padding-left:32px;padding-left:16px}}.error_page .content .img_box{position:absolute;top:0;left:0}@media screen and (max-width:1023px){.error_page .content .img_box{position:static;order:2;margin-top:32px}}.error_page .content .img_box svg{display:block;width:100%}.error_page .title{color:var(--gray-800);font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.error_page .title{order:1;font-size:3rem;line-height:1.27;text-align:center}}@media screen and (max-width:359px){.error_page .title{font-size:2.6rem;line-height:1.31}}.error_page .desc{display:block;margin-top:32px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:400}@media screen and (max-width:1023px){.error_page .desc{order:3;text-align:center}}.error_page .btn_box{margin-top:32px}@media screen and (max-width:1023px){.error_page .btn_box{flex-wrap:wrap;order:4}}.error_page .btn_box .btn{margin:0 12px;padding:11px 15px;border-radius:8px}@media screen and (max-width:1023px){.error_page .btn_box .btn{flex-basis:calc(50% - 12px);margin-top:24px}}.error_page .btn_box .btn:first-child{margin-left:0}@media screen and (max-width:1023px){.error_page .btn_box .btn:first-child{flex-basis:100%;margin-top:0;margin-right:0}}.error_page .btn_box .btn:first-child .icon{width:24px;height:24px}.error_page .btn_box .btn:first-child .text{color:var(--gray-000)}@media screen and (max-width:1023px){.error_page .btn_box .btn:nth-child(2){margin-left:0}}.error_page .btn_box .btn:last-child{margin-right:0}.error_page .btn_box .btn_github svg{padding:2px;box-sizing:border-box}.error_page .btn_box .btn_github svg path{fill:var(--gray-900)}.error_page .btn_box .icon{width:28px;height:28px}.error_page .btn_box .text{font-size:2rem;line-height:1.4;font-weight:600;color:var(--gray-800)}.btn_start.orange_0{overflow:hidden;position:relative;font-size:2rem;line-height:1.4;font-weight:600;height:52px;border-radius:8px;border:0;isolation:isolate}.btn_start.orange_0:after,.btn_start.orange_0:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0}.btn_start.orange_0:before{background:linear-gradient(180deg,#ff9754,#f96767)}.btn_start.orange_0:after{background:linear-gradient(180deg,#84b5ff,#855cf9)}.btn_start.orange_0 .bg:after,.btn_start.orange_0 .bg:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;z-index:1}.btn_start.orange_0 .bg:before{background:linear-gradient(180deg,#8decec,#3c9af1)}.btn_start.orange_0 .bg:after{background:linear-gradient(180deg,#fc94d8,#f44954)}.btn_start.orange_0:hover{background-color:var(--orange-0);animation:btn-bg 10s linear 1.5s infinite}.btn_start.orange_0:hover:before{animation:gradient1 10s linear infinite}.btn_start.orange_0:hover:after{animation:gradient2 10s linear infinite}.btn_start.orange_0:hover .bg:before{animation:gradient3 10s linear 5s infinite}.btn_start.orange_0:hover .bg:after{animation:gradient4 10s linear 5s infinite}.btn_start.orange_0 .icon{width:24px;height:24px;margin-left:0;z-index:1}.btn_start.orange_0 .text{z-index:1}.top_banner{border-bottom:1px solid var(--gray-400)}.top_banner_inner{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:0 40px;box-sizing:border-box}@media screen and (max-width:1023px){.top_banner_inner{flex-direction:column;justify-content:center;padding:0 32px}}@media screen and (max-width:639px){.top_banner_inner{padding:0 16px}}.top_banner .title_group{color:var(--gray-800)}@media screen and (max-width:1023px){.top_banner .title_group{order:2;max-width:none;width:100%}}.top_banner .title_group .title{font-size:5.6rem;line-height:1.15;font-weight:600}@media screen and (max-width:1023px){.top_banner .title_group .title{font-size:3rem;line-height:1.27}}.top_banner .title_group .desc{margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500}@media screen and (max-width:1023px){.top_banner .title_group .desc{font-size:1.4rem;line-height:1.58}}.top_banner .title_group .btn_box{margin-top:32px}@media screen and (max-width:1023px){.top_banner .title_group .btn_box .btn{width:100%}}.top_banner .title_group .btn_box .icon path{fill:var(--gray-000)}.top_banner .title_group .btn_box .text{color:var(--gray-000)}@media screen and (max-width:1023px){.top_banner .img_box{order:1}}.top_banner .img_box svg{display:block;width:100%;height:100%}.codeblock_header{padding:6px 8px}.codeblock_header .box_left{flex-direction:row}@media screen and (max-width:1023px){.codeblock_header .box_left{flex-direction:row}}.codeblock_header .btn_item{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:8px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-600)}.codeblock_header .btn_item+.btn_item{margin-left:8px}.codeblock_header .btn_item.is_active{background:var(--gray-800);color:var(--gray-000)}.codeblock_header+.codeblock_box{margin-top:0}.codeblock_header+.codeblock_box .codeblock{border-radius:0 0 4px 4px;border-top:0}.codeblock .language-bash{padding:0}.header_example{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 12px 24px;border-bottom:1px solid var(--gray-600);background:var(--gray-000)}@media screen and (max-width:1023px){.header_example{padding:20px 24px 19px 32px}@supports(padding:env(safe-area-inset-right)){.header_example{padding:20px calc(24px + env(safe-area-inset-right)) 19px calc(32px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.header_example{padding:20px calc(24px + constant(safe-area-inset-right)) 19px calc(32px + constant(safe-area-inset-left))}}}@media screen and (max-width:639px){.header_example{flex-wrap:wrap;position:sticky;top:0;z-index:10;padding:20px 24px 19px 16px}@supports(padding:env(safe-area-inset-right)){.header_example{padding:20px calc(24px + env(safe-area-inset-right)) 19px calc(16px + env(safe-area-inset-left))}}@supports(padding:constant(safe-area-inset-right)){.header_example{padding:20px calc(24px + constant(safe-area-inset-right)) 19px calc(16px + constant(safe-area-inset-left))}}}.header_example .nav{display:flex;align-items:center}.header_example .nav_text{position:relative;margin-left:16px;padding-left:16px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.header_example .nav_text:before{position:absolute;top:0;left:0;width:1px;height:16px;background-color:var(--gray-400);vertical-align:middle;content:""}.header_example .nav .btn,.header_example .nav .user{height:32px;padding:8px 12px;font-size:1.2rem;line-height:1.34;font-weight:500}.header_example .nav .btn:first-of-type,.header_example .nav .user:first-of-type{margin-left:24px}.header_example .nav .btn+.btn,.header_example .nav .user+.btn{margin-left:16px}@media screen and (max-width:639px){.header_example .nav .btn{display:none}}.header_example .nav .user{display:inline-block;box-sizing:border-box;color:var(--gray-000);border-radius:4px}@media screen and (max-width:639px){.header_example .nav .user{display:none}}.header_example .logo{width:40px;height:38px}@media screen and (max-width:1023px){.header_example .logo{width:24px;height:24px}}.header_example .logo a,.header_example .logo svg{display:block;width:100%;height:100%}@media screen and (max-width:639px){.header_example .btn_box{display:none}}.header_example .btn_box .btn{width:32px;height:32px;padding:0;border:none;box-sizing:border-box}.header_example .btn_box .icon{width:100%;height:100%}.header_example .btn_box .btn_grid{padding:8px}.header_example .menu_user_list{flex:1;justify-content:flex-end;margin:0 32px;color:var(--gray-000)}.header_example .menu_user_list .icon svg path{fill:#fff}.dashboard{border-radius:4px}.dashboard_top{display:flex;align-items:center;justify-content:space-between;padding:7px;border-bottom:1px solid var(--gray-400)}.dashboard_content{position:relative;height:260px}.dashboard .btn_box{align-items:flex-end;position:absolute;left:0;right:0;bottom:0;padding:7px}.dashboard .btn_box .guide{padding-left:4px;padding-bottom:4px;font-size:1rem;line-height:1;font-weight:500;color:var(--gray-500)}.dashboard .btn_box .btn_expand{position:static;margin-left:auto;padding-left:8px;padding-right:8px;border:none}.dashboard .btn_box .btn_expand.is_disabled,.dashboard .btn_box .btn_expand:disabled{background-color:var(--gray-300);color:#fff}.dashboard .user{padding:5px 13px;border-radius:4px;font-size:1.2rem;line-height:1.34;font-weight:500;color:#fff}.dashboard .user_list{display:flex}.dashboard .user_list .user_item{margin-left:8px}.dashboard .user_list .user_item:first-child{margin-left:0}.dashboard .user_list .icon svg path{fill:#fff}.darkmode .header_example .logo svg [fill="#514C49"]{fill:var(--gray-100)}.main_page .key_visual{overflow:hidden;position:relative;width:100%;height:calc(100vh - 64px)}@media screen and (max-width:1023px)and (orientation:landscape){.main_page .key_visual{height:calc(100vh + 70px)}}.main_page .key_visual .kv_bg svg{--scale:1;position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%) scale(var(--scale))}.main_page .key_visual .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;height:100%}@media screen and (max-width:1023px){.main_page .key_visual .inner{display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 32px;box-sizing:border-box}}@media screen and (max-width:639px){.main_page .key_visual .inner{padding-left:16px;padding-right:16px}}.main_page .key_visual .title{font-size:9.6rem;line-height:1.17;font-weight:800;text-align:center}@media screen and (max-width:1023px){.main_page .key_visual .title{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .text{display:block;background:linear-gradient(180deg,#212121,#616161);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main_page .key_visual .title .point{display:block;position:relative;height:113px;color:var(--orange-0)}@media screen and (max-width:1023px){.main_page .key_visual .title .point{height:auto}}.main_page .key_visual .title .point:after,.main_page .key_visual .title .point:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;content:"collaboration";font-size:9.6rem;line-height:1.17;font-weight:800;opacity:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:1023px){.main_page .key_visual .title .point:after,.main_page .key_visual .title .point:before{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title .point:after,.main_page .key_visual .title .point:before{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .point:before{background-image:linear-gradient(180deg,#ff9754,#f96767)}.main_page .key_visual .title .point:after{background-image:linear-gradient(180deg,#84b5ff,#855cf9)}.main_page .key_visual .title .point .bg:after,.main_page .key_visual .title .point .bg:before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;font-size:9.6rem;line-height:1.17;font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;content:"collaboration"}@media screen and (max-width:1023px){.main_page .key_visual .title .point .bg:after,.main_page .key_visual .title .point .bg:before{font-size:5.6rem;line-height:1.15}}@media screen and (max-width:639px){.main_page .key_visual .title .point .bg:after,.main_page .key_visual .title .point .bg:before{font-size:3.8rem;line-height:1.22}}.main_page .key_visual .title .point .bg:before{background-image:linear-gradient(180deg,#8decec,#3c9af1)}.main_page .key_visual .title .point .bg:after{background-image:linear-gradient(180deg,#fc94d8,#f44954)}.main_page .key_visual .title .point.is_hover{animation:point-text 10s linear 1.5s infinite}.main_page .key_visual .title .point.is_hover:before{animation:gradient1 10s linear infinite}.main_page .key_visual .title .point.is_hover:after{animation:gradient2 10s linear infinite}.main_page .key_visual .title .point.is_hover .bg:before{animation:gradient3 10s linear 5s infinite}.main_page .key_visual .title .point.is_hover .bg:after{animation:gradient4 10s linear 5s infinite}.main_page .key_visual .btn_box{display:flex;align-items:center;justify-content:center;margin-top:40px}@media screen and (max-width:1023px){.main_page .key_visual .btn_box{margin-top:80px}}@media screen and (max-width:639px){.main_page .key_visual .btn_box{display:block;width:100%;margin-top:32px}}.main_page .key_visual .npm_box{display:flex;align-items:center;height:52px;padding:10px 16px;border-radius:8px;background:var(--gray-800);box-sizing:border-box}@media screen and (max-width:1023px){.main_page .key_visual .npm_box{padding:0 32px}}@media screen and (max-width:639px){.main_page .key_visual .npm_box{padding:0 16px}}.main_page .key_visual .npm_box .input{width:228px;border:0;background:transparent;color:var(--gray-000);font-size:1.4rem;line-height:1.72;font-weight:400;font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace}.main_page .key_visual .npm_box .btn_area{position:relative}@media screen and (max-width:639px){.main_page .key_visual .npm_box .btn_area{margin-left:auto}}.main_page .key_visual .npm_box .btn_area .toast_box{left:65%}.main_page .key_visual .npm_box .btn{margin-left:24px;padding:10px 12px;border-color:var(--gray-400)}.main_page .key_visual .npm_box .btn:hover{background:var(--gray-900)}.main_page .key_visual .npm_box .btn .icon{width:12px;height:12px}.main_page .key_visual .btn_start{margin-left:24px}@media screen and (max-width:1023px){.main_page .key_visual .btn_start{margin-left:16px}}@media screen and (max-width:639px){.main_page .key_visual .btn_start{width:100%;margin-top:16px;margin-left:0}}.main_page .key_visual .btn_start:only-child{margin-left:0}@media screen and (max-width:639px){.main_page .key_visual .btn_start:only-child{margin-top:0}}.main_page .key_visual .desc{width:100%;margin-top:40px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800);text-align:center}@media screen and (max-width:1023px){.main_page .key_visual .desc{font-size:1.4rem;line-height:1.58}}@media screen and (max-width:639px){.main_page .key_visual .desc{margin-top:24px}}.main_page .section{max-width:1368px;margin:0 auto;padding:240px 40px 0;box-sizing:border-box}@media screen and (max-width:1023px){.main_page .section{max-width:none;padding-left:32px;padding-right:32px}}@media screen and (max-width:639px){.main_page .section{padding:160px 16px 0}}.main_page .section:last-child{padding-bottom:240px}@media screen and (max-width:639px){.main_page .section:last-child{padding-bottom:160px}}.main_page .section_title{display:block;font-size:5.6rem;line-height:1.15;font-weight:600;color:var(--gray-900);text-align:center}@media screen and (max-width:1023px){.main_page .section_title{font-size:3rem;line-height:38px}}.main_page .section_desc{margin-top:32px;color:var(--gray-800);font-size:1.6rem;line-height:1.5;font-weight:500;text-align:center}@media screen and (max-width:1023px){.main_page .section_desc{font-size:1.4rem;line-height:1.58}}.main_page .section_content{display:flex;justify-content:center;margin-top:32px}.main_page .section_content.draw{padding:0 60px}@media screen and (max-width:1023px){.main_page .section_content.draw{padding:0}}.main_page .section_content .draw_box{width:640px;height:374px;border-radius:20px;background-color:pink}@media screen and (max-width:1023px){.main_page .section_content .draw_box{display:none}}.main_page .section_content .draw_box+.draw_box{margin-left:16px}.main_page .section .btn_box{justify-content:center;margin-top:48px}@media screen and (max-width:1023px){.main_page .section .btn_box{flex-direction:column;margin-top:32px}}.main_page .section .btn_box .btn{padding-top:11px;padding-bottom:11px;border-radius:8px;font-size:2rem;line-height:1.4;font-weight:600}@media screen and (max-width:639px){.main_page .section .btn_box .btn{width:100%}}.main_page .section .btn_box .btn.btn_line{color:var(--gray-800)}.main_page .section .btn_box .btn.btn_start{transition:none}.main_page .section .btn_box .btn.btn_start:hover{background:linear-gradient(180deg,#ff9754,#f96767)}.main_page .section .btn_box .btn .icon{width:24px;height:24px}.main_page .section .btn_box .btn+.btn{margin-left:24px}@media screen and (max-width:1023px){.main_page .section .btn_box .btn+.btn{margin-top:20px;margin-left:0}}.main_page .section_app{max-width:1370px}@media screen and (max-width:1023px){.main_page .section_app{max-width:none}}.main_page .section_app .align_box{border:1px solid var(--gray-400);border-radius:23px}@media screen and (max-width:1023px){.main_page .section_app .align_box{border:0;border-radius:0}}.main_page .section_app .app_header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px 19px;border-bottom:1px solid var(--gray-400)}@media screen and (max-width:1023px){.main_page .section_app .app_header{display:none}}.main_page .section_app .app_header .tag_name{color:var(--gray-800);font-size:2rem;line-height:1.4;font-weight:600}.main_page .section_app .app_header .icon svg path{fill:#fff}.main_page .section_app .app_body{padding:83px 0 94px;position:relative}@media screen and (max-width:1023px){.main_page .section_app .app_body{padding:0}}.main_page .section_app .app_body:before{position:absolute;top:0;left:0;width:100%;height:100%;border-bottom-left-radius:23px;border-bottom-right-radius:23px;background-image:url(/assets/images/main_bg.png);background-repeat:repeat;content:""}@media screen and (max-width:1023px){.main_page .section_app .app_body:before{display:none}}.main_page .section_app .app_body .btn_box,.main_page .section_app .app_body .section_desc,.main_page .section_app .app_body .section_title{position:relative;z-index:1}.main_page .section_app .point{display:inline-block;position:relative;padding:0 8px;border:3px dashed var(--purple-0);border-radius:16px;line-height:53px}@media screen and (max-width:1023px){.main_page .section_app .point{padding:0;border:none;border-radius:0;line-height:normal}}.main_page .section_app .point:before{position:absolute;top:-4px;left:-35px;width:24px;height:24px;background-image:url(/assets/icons/icon_service_main_users_alone.svg);background-repeat:no-repeat;content:""}@media screen and (max-width:1023px){.main_page .section_app .point:before{display:none}.main_page .section_app .btn{min-width:280px}}.main_page .service_card_list{margin-right:36px}@media screen and (max-width:1023px){.main_page .service_card_list{margin-right:0;padding:0 74px}}@media screen and (max-width:639px){.main_page .service_card_list{padding:0}}.main_page .service_card_list .service_card_item{width:398px}@media screen and (max-width:1023px){.main_page .service_card_list .service_card_item{width:100%}}.main_page .grid_list{display:none}@media screen and (max-width:1023px){.main_page .grid_list{display:flex}.main_page .grid_item{margin-bottom:0;margin-bottom:32px}.main_page .grid_item:last-child{margin-bottom:0}}.main_page .horizon_list{max-width:1000px;margin-top:32px}@media screen and (max-width:1023px){.main_page .horizon_list{max-width:none;padding:0 74px}}@media screen and (max-width:639px){.main_page .horizon_list{padding:0}}.main_page .horizon_list .img_box{width:466px;height:216px}@media screen and (max-width:1023px){.main_page .horizon_list .img_box{width:100%;max-width:428px;height:auto;margin:0 auto}}@media screen and (max-width:639px){.main_page .horizon_list .img_box{max-width:none}}.main_page .horizon_list .img_box svg{display:block;width:100%}@media screen and (max-width:1023px){.main_page .horizon_list .img_box svg{height:100%}}.main_page .codeblock_content{width:854px;height:513px}@media screen and (max-width:1023px){.main_page .codeblock_content{display:none}}.main_page .codeblock_content .btn_item{height:40px;border-radius:4px;color:var(--gray-800)}.main_page .codeblock_content .btn_item+.btn_item{margin-left:16px}.main_page .codeblock_content .btn_item.is_active{background:var(--orange-0);color:var(--gray-000)}.main_page .codeblock_content .codeblock{overflow-y:overlay;height:100%;border-radius:0 0 16px 16px;border-top:0}.main_page .codeblock_content .codeblock_header{padding:16px;border-radius:16px 16px 0 0}.main_page .codeblock_content .codeblock_header .box_right .btn_line{width:40px;height:40px;padding:12px;color:var(--gray-800)}.main_page .codeblock_content .codeblock_header .box_right .btn_line .icon{flex:none;width:16px;height:16px}.main_page .codeblock_content .prism-code .string{white-space:pre-wrap}@media screen and (max-width:1023px){.main_page .section_faq .btn{width:100%;max-width:280px}}@media screen and (max-width:639px){.main_page .section_faq .btn{max-width:none}}.main_page .accordion_list{width:800px}@media screen and (max-width:639px){.main_page .accordion_list{padding:0}}.darkmode .main_page .key_visual .title .text{background:linear-gradient(180deg,#fefdfb,#a6a19e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.darkmode .main_page .kv_bg g[filter*=filter0]>rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter0] g rect:first-child{fill:var(--gray-100);stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter0] [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter0] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter0] [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter2] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#F5F3F1"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#C2BDBA"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter2] [fill="#EFECEB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#F5F3F1"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter2] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter3] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter3] [fill="#E2DEDB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#EFECEB"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter3] [stroke="#F5F3F1"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#C2BDBA"],.darkmode .main_page .kv_bg g[filter*=filter4] [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter4] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter4] [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter5] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter5] [fill="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter5] [fill="#F5F3F1"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter5] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter6] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#F5F3F1"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#FAF8F6"],.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter6] [fill="#E2DEDB"]{fill:var(--gray-200)}.darkmode .main_page .kv_bg g[filter*=filter6] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#EFECEB"],.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#FEFDFB"]{fill:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter7] [fill="#E2DEDB"]{fill:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter7] [stroke="#E2DEDB"],.darkmode .main_page .kv_bg g[filter*=filter7] [stroke="#F5F3F1"]{stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter8]>rect:first-child{fill:var(--gray-000)}.darkmode .main_page .kv_bg g[filter*=filter8] g rect:first-child{fill:var(--gray-50);stroke:var(--gray-50)}.darkmode .main_page .kv_bg g[filter*=filter8] [stroke="#EFECEB"]{stroke:var(--gray-100)}.darkmode .main_page .kv_bg g[filter*=filter8] [stroke="#E2DEDB"]{stroke:var(--gray-50)}.darkmode .main_page .section_app .app_body:before{background-image:url(/assets/images/main_bg_dark.png)}.darkmode .main_page .grid_thumbnail [fill="#FEFDFB"],.darkmode .main_page .grid_thumbnail [fill="url(#pattern1)"],.darkmode .main_page .grid_thumbnail [fill=white],.darkmode .main_page .horizon_item .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}@keyframes gradient1{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes gradient2{0%{opacity:0}15%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes gradient3{0%{opacity:0}15%{opacity:1}65%{opacity:0}to{opacity:0}}@keyframes gradient4{0%{opacity:0}15%{opacity:0}40%{opacity:1}65%{opacity:0}to{opacity:0}}@keyframes point-text{0%{background-image:linear-gradient(180deg,#ff9754,#f96767);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}40%{background-image:linear-gradient(180deg,#84b5ff,#855cf9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}50%{background-image:linear-gradient(180deg,#8decec,#3c9af1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}90%{background-image:linear-gradient(180deg,#fc94d8,#f44954);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}to{background-image:linear-gradient(180deg,#ff9754,#f96767);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}html{scroll-padding-top:70px}.documentation_page .header_service{background-color:var(--gray-000)}.documentation_page .container{max-width:1920px;margin:0 auto}.documentation_page .content{display:flex;justify-content:flex-start;min-height:calc(100vh - 134px)}.documentation_page .content .navigator{min-width:308px;padding:0 40px 175px 24px;border-right:1px solid var(--gray-400);box-sizing:border-box}@media screen and (max-width:1023px){.documentation_page .content .navigator{display:none}}.documentation_page .content .navigator_group:hover>.navigator_item{color:var(--orange-dark)}.documentation_page .content .navigator_group .navigator_list{display:none;padding-right:0}.documentation_page .content .navigator_group .navigator_group{margin-top:0}.documentation_page .content .navigator_group .navigator_menu.is_active+.navigator_list{display:block}.documentation_page .content .navigator>.navigator_list{position:sticky;top:0;padding-top:76px}.documentation_page .content .navigator>.navigator_list>.navigator_group>.navigator_item:only-child{padding-left:40px;font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_item,.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_menu{margin-top:0}.documentation_page .content .navigator_list .navigator_group:not(:first-of-type) .navigator_item{font-size:1.4rem;line-height:1.43}.documentation_page .content .navigator_item{font-size:1.6rem}.documentation_page .content .navigator_item.is_active{border:transparent;background-color:transparent;color:var(--orange-dark)}.documentation_page .content .navigator_menu{align-items:center}.documentation_page .content .navigator_menu .icon{width:16px;height:16px}.documentation_page .section{display:flex;min-width:0;max-width:100%;flex:1 1 auto;align-items:flex-start;padding:88px 52px 164px}@media screen and (max-width:1244px){.documentation_page .section{padding:88px 40px 88px 52px;width:100%;box-sizing:border-box}}@media screen and (max-width:1023px){.documentation_page .section{padding:72px 32px}}@media screen and (max-width:639px){.documentation_page .section{padding:72px 16px}}.documentation_page .pagination{display:none;flex:none;order:2;position:sticky;top:152px;right:0;z-index:1;width:220px;border:1px solid var(--gray-400);border-radius:16px;box-sizing:border-box}@media screen and (min-width:1600px){.documentation_page .pagination{display:block}}.documentation_page .pagination_inner{padding:24px}.documentation_page .pagination_title{color:var(--gray-800);font-size:1.4rem;line-height:1.58;font-weight:600}.documentation_page .pagination .toc-level-1{padding-top:8px}.documentation_page .pagination .toc-item{padding-top:10px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-500);word-break:break-all}.documentation_page .pagination .toc-item.is_active{color:var(--orange-dark)}.documentation_page .pagination .toc-item .toc-item{padding-left:10px}.documentation_page .section_content_box{overflow-x:auto;box-sizing:border-box;color:var(--gray-800);word-break:break-all}@media screen and (min-width:1600px){.documentation_page .section_content_box{padding-right:48px}}.documentation_page .section_content_box h2{margin-bottom:16px;font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.documentation_page .section_content_box h2{font-size:2.4rem;line-height:1.34;font-weight:600}}.documentation_page .section_content_box h3{margin:56px 0 16px;font-size:2.4rem;line-height:1.34;font-weight:600}@media screen and (max-width:1023px){.documentation_page .section_content_box h3{font-size:2rem;line-height:1.4;font-weight:600}}.documentation_page .section_content_box h4{margin:56px 0 16px;font-size:2rem;line-height:1.4;font-weight:600}.documentation_page .section_content_box h5{margin:56px 0 16px;font-size:1.8rem;line-height:1.56;font-weight:600}.documentation_page .section_content_box h6{margin:56px 0 16px;font-size:1.6rem;line-height:1.75;font-weight:600}.documentation_page .section_content_box p{margin:16px 0;font-size:1.6rem;line-height:1.63;font-weight:400;word-break:break-word}.documentation_page .section_content_box ol,.documentation_page .section_content_box ul:not(.docs_breadcrumbs){margin:16px 0 24px 16px}.documentation_page .section_content_box ol li,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li{position:relative;padding-left:20px;font-size:1.6rem;line-height:1.38;font-weight:400;word-break:break-word}.documentation_page .section_content_box ol li+li,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li+li{margin-top:8px}.documentation_page .section_content_box ol li:before,.documentation_page .section_content_box ul:not(.docs_breadcrumbs) li:before{display:block;position:absolute;top:10px;left:8px;width:3px;height:3px;border-radius:50%;background:var(--gray-800);content:""}.documentation_page .section_content_box ol{counter-reset:list}.documentation_page .section_content_box ol li:before{left:4px;top:0;width:20px;height:0;counter-increment:list;content:counter(list) "."}.documentation_page .section_content_box a:not(.btn,.docs_breadcrumbs_link){display:inline-flex;align-items:center;color:var(--orange-0);border-bottom:1px solid var(--orange-0)}.documentation_page .section_content_box a:not(.btn,.docs_breadcrumbs_link).icon_link:after{display:block;width:13px;height:13px;margin-left:2px;background:url(/assets/icons/icon_link.svg) no-repeat 50%;content:""}.documentation_page .section_content_box .heading a{border:0;color:var(--gray-800)}.documentation_page .section_content_box .heading a:hover:after{margin-left:4px;color:var(--orange-0);content:"#"}.documentation_page .section_content_box img{width:100%;height:auto;margin-top:0;vertical-align:middle}.documentation_page .section_content_box img+img{margin-top:16px}.documentation_page .section_content_box video{width:100%}.documentation_page .section_content_box table{overflow:hidden;border:1px solid var(--gray-400);border-radius:4px;border-spacing:0;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:400;text-align:left}.documentation_page .section_content_box table td,.documentation_page .section_content_box table th{min-width:143px;padding:4px 8px;border-right:1px solid var(--gray-400);border-bottom:1px solid var(--gray-400);box-sizing:border-box}.documentation_page .section_content_box table td:last-of-type,.documentation_page .section_content_box table th:last-of-type{border-right:0}.documentation_page .section_content_box table tr:last-of-type td{border-bottom:0}.documentation_page .section_content_box table th{background:var(--gray-200);font-weight:600}.documentation_page .section_content_box code{padding:1px 5px 2px;border:1px solid var(--gray-400);border-radius:4px;background:var(--gray-100);font-family:RobotoMono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1.2rem;line-height:1.34;font-weight:500}.documentation_page .section_content_box .table_box{overflow-x:auto;width:100%;margin:24px 0 16px}@media screen and (max-width:639px){.documentation_page .section_content_box .table_box{margin:0;padding:0}}.documentation_page .section_content_box .img_wrap{display:flex;margin-top:24px;gap:16px}.documentation_page .section_content_box .img_wrap .img_box{flex:1}.documentation_page .section_content_box .caption{margin-bottom:0;font-size:1.2rem;line-height:1.34;font-weight:400}.documentation_page .section_content_box .caption+.img_wrap,.documentation_page .section_content_box .caption+img,.documentation_page .section_content_box .caption+p{margin-top:24px}.documentation_page .section_content_box .codeblock_header{justify-content:flex-start;margin-top:24px}.documentation_page .section_content_box .codeblock_header+.codeblock_box{margin-top:0}.documentation_page .section_content_box .codeblock_wrap{margin-bottom:24px;padding:16px;border-radius:0 0 4px 4px;border:1px solid var(--gray-400);border-top:0;box-sizing:border-box}.documentation_page .section_content_box .codeblock_wrap .title{font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .section_content_box .codeblock_wrap .desc{margin:24px 0;font-size:1.2rem;line-height:1.34;font-weight:400;color:var(--gray-600)}.documentation_page .section_content_box .codeblock_box{margin:24px 0}.documentation_page .section_content_box .codeblock_box .btn{margin:0}.documentation_page .section_content_box .codeblock_box .btn:hover{background:var(--gray-100)}.documentation_page .section_content_box .card_box{display:flex;gap:16px;margin:24px 0}@media screen and (max-width:1023px){.documentation_page .section_content_box .card_box{flex-direction:column}}.documentation_page .section_content_box .card{padding:16px 24px;border-radius:4px;border:1px solid var(--gray-400)}.documentation_page .section_content_box .card .title{display:block;font-size:1.6rem;line-height:1.5;font-weight:600}.documentation_page .section_content_box .card .desc{margin:24px 0 0;font-size:1.2rem;line-height:1.34;font-weight:400}.documentation_page .section_content_box .alert{width:fit-content;max-width:100%;display:inline-block;align-items:center;position:relative;min-height:32px;margin:0;padding:11px 12px 11px 36px;border-radius:4px;font-size:1.6rem;line-height:1.38;font-weight:400;box-sizing:border-box}.documentation_page .section_content_box .alert .title{display:block;margin-bottom:8px;font-weight:600;word-break:break-word}.documentation_page .section_content_box .alert p{margin:0;font-size:inherit;line-height:inherit;font-weight:inherit}.documentation_page .section_content_box .alert_box{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.documentation_page .section_content_box .alert_danger{background:var(--red-alpha-light)}.documentation_page .section_content_box .alert_success{background:var(--green-alpha-light)}.documentation_page .section_content_box .alert_warning{background:var(--yellow-alpha-light)}.documentation_page .section_content_box .alert_info{background:var(--blue-alpha-light)}.documentation_page .section_content_box .alert>.icon{display:flex;align-items:center;position:absolute;top:14px;left:12px;width:15px;height:15px}.documentation_page .section_content_box .alert>.icon svg{width:100%;height:100%}.documentation_page .section_content_box .alert ol,.documentation_page .section_content_box .alert ul{margin:0}.documentation_page .section_content_box .btn_box{margin:24px 0}.documentation_page .section_content_box .btn_box .btn:hover{background:var(--gray-900)}.documentation_page .section_content_box .docs_breadcrumbs{display:inline-flex;position:relative;margin-bottom:8px}.documentation_page .section_content_box .docs_breadcrumbs_link{display:inline-block;font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--orange-dark)}.documentation_page .section_content_box .docs_breadcrumbs_link:not(:first-of-type):before{display:inline-block;margin:0 4px;content:"-"}.documentation_page .toast_box{left:0}.examples_page .top_banner{padding-top:54px;padding-bottom:100px}@media screen and (max-width:1023px){.examples_page .top_banner{padding-top:50px;padding-bottom:32px}.examples_page .top_banner .img_box{width:250px;height:298px}}.examples_page .title_group{padding-top:70px}@media screen and (max-width:1023px){.examples_page .title_group{padding-top:19px}}.examples_page .content{max-width:1120px;margin:0 auto;padding:120px 40px 240px;box-sizing:border-box}@media screen and (max-width:1023px){.examples_page .content{width:100%;max-width:none;padding:80px 32px 160px}}@media screen and (max-width:639px){.examples_page .content{padding:80px 16px 96px}}.examples_page .content_inner{display:flex;align-items:flex-start}@media screen and (max-width:1023px){.examples_page .content_inner{flex-direction:column}}.examples_page .navigator{flex:0 0 auto;position:sticky;top:120px;box-sizing:border-box}.examples_page .navigator_list{min-width:248px}@media screen and (max-width:1023px){.examples_page .navigator{display:none}}.examples_page .filter{display:none}@media screen and (max-width:1023px){.examples_page .filter{display:block;margin-bottom:16px;padding:0}.examples_page .filter_list{border-bottom:none}.examples_page .filter_desc{padding-left:0;padding-right:0}.examples_page .filter .dropdown{right:auto;left:0;margin-top:0}}@media screen and (max-width:639px){.examples_page .filter .dropdown{right:0}}.examples_page .grid_list{margin-left:86px}@media screen and (max-width:1023px){.examples_page .grid_list{margin-left:0}}.examples_page .grid_item{max-width:336px}@media screen and (max-width:1023px){.examples_page .grid_item{max-width:none}}.examples_page .grid_item:only-child{min-width:694px}@media screen and (max-width:1023px){.examples_page .grid_item:only-child{min-width:auto}}.examples_page .grid_card{overflow:hidden}.examples_page .grid_thumbnail img{width:100%;height:auto;vertical-align:top;aspect-ratio:1200/750;object-fit:cover}.darkmode .examples_page .grid_thumbnail [fill="#FEFDFB"],.darkmode .examples_page .grid_thumbnail [fill="url(#pattern0)"],.darkmode .examples_page .grid_thumbnail [fill="url(#pattern1)"],.darkmode .examples_page .grid_thumbnail [fill=white]{fill:var(--gray-000)}.darkmode .examples_page .grid_thumbnail [fill="#332E2B"]{fill:var(--gray-50)}.examples_view_page{max-width:2560px;margin:0 auto}@media screen and (max-width:1023px){.examples_view_page{max-width:none}}.examples_view_page .container{flex-direction:row}.examples_view_page .container .link{text-decoration:underline}.examples_view_page .sidebar{display:flex;flex-direction:column;position:relative;width:512px;max-height:calc(100vh - 64px);padding:24px 17px 24px 24px;box-sizing:border-box;border-right:1px solid var(--gray-400);background:var(--gray-000)}@media screen and (max-width:1023px){.examples_view_page .sidebar{width:360px;padding-left:16px}}@media screen and (max-width:639px){.examples_view_page .sidebar{width:100%;max-height:none;padding-right:16px;border-right:none;transition:none}}.examples_view_page .sidebar.type_shadow{position:absolute;left:0;top:0;z-index:1;height:100%}.examples_view_page .sidebar.type_shadow:not(.is_hide){box-shadow:8px 0 24px rgba(0,0,0,.16)}.examples_view_page .sidebar.type_shadow~.content{margin-left:64px}.examples_view_page .sidebar.is_hide{margin-left:-446px}@media screen and (max-width:1023px){.examples_view_page .sidebar.is_hide{margin-left:-294px}}@media screen and (max-width:639px){.examples_view_page .sidebar.is_hide{margin-left:0}}.examples_view_page .sidebar.is_hide .codeblock_box,.examples_view_page .sidebar.is_hide .codeblock_navigator,.examples_view_page .sidebar.is_hide .guide_box,.examples_view_page .sidebar.is_hide .sidebar_bottom{display:none}@media screen and (max-width:639px){.examples_view_page .sidebar.is_hide .codeblock_box,.examples_view_page .sidebar.is_hide .codeblock_navigator,.examples_view_page .sidebar.is_hide .guide_box,.examples_view_page .sidebar.is_hide .sidebar_bottom{display:block}}.examples_view_page .sidebar.is_hide .btn_toggle{margin-top:2px}.examples_view_page .sidebar.is_hide .btn_toggle .icon{transform:rotate(270deg)}.examples_view_page .sidebar.type_wide{width:50%}@media screen and (max-width:639px){.examples_view_page .sidebar.type_wide{width:100%}}.examples_view_page .sidebar.type_wide.is_hide{width:74px;margin-left:0}.examples_view_page .sidebar.type_wide .codeblock_group{overflow-y:overlay;position:relative;height:calc(100% - 180px);margin-top:24px;padding:31px;box-sizing:border-box;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar.type_wide .codeblock_group{height:calc(100% - 172px);padding:24px}}@media screen and (max-width:639px){.examples_view_page .sidebar.type_wide .codeblock_group{height:auto}}.examples_view_page .sidebar.type_wide .codeblock_group .codeblock_box{height:calc(100% - 152px);padding-bottom:0;border:none}@media screen and (max-width:1023px){.examples_view_page .sidebar.type_wide .codeblock_group .codeblock_box{height:calc(100% - 197px)}}.examples_view_page .sidebar.type_wide .codeblock_group .codeblock{border:1px solid var(--gray-400)}.examples_view_page .sidebar_top{display:flex;align-items:center}.examples_view_page .sidebar .codeblock_navigator{padding-bottom:0;border-bottom:none}.examples_view_page .sidebar .btn_toggle{height:32px;margin-left:auto;padding:5px 7px;border:1px solid var(--gray-400)}@media screen and (max-width:639px){.examples_view_page .sidebar .btn_toggle{display:none}}.examples_view_page .sidebar .btn_toggle .icon{transform:rotate(90deg);color:var(--gray-600)}.examples_view_page .sidebar .guide_box{overflow-y:overlay;position:relative;height:100%;margin-top:24px;padding:31px;box-sizing:border-box;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar .guide_box{padding:24px}}.examples_view_page .sidebar .guide_title{margin-bottom:24px;font-size:3rem;line-height:1.27;font-weight:600;color:var(--gray-800);word-break:break-word}.examples_view_page .sidebar .guide_sub_title{display:block;margin-top:23px;padding-top:24px;border-top:1px solid var(--gray-400);font-size:1.6rem;line-height:1.5;font-weight:600;color:var(--gray-900)}.examples_view_page .sidebar .guide_desc{font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);word-break:break-word}.examples_view_page .sidebar .codeblock_box{height:100%;margin-top:24px;padding-bottom:24px;border:1px solid var(--gray-400);border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box}.examples_view_page .sidebar .codeblock_box:only-child{height:100%;margin-top:0;padding-bottom:0;border-bottom:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:1023px){.examples_view_page .sidebar .codeblock_box{height:calc(100% - 170px)}}.examples_view_page .sidebar .codeblock_box .codeblock{height:100%;border:0;background:var(--gray-000);word-break:break-all}.examples_view_page .sidebar_bottom{position:relative;z-index:10;margin-top:auto;padding:0 31px 35px;border:1px solid var(--gray-400);border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:#fff}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom{padding:0 24px 24px}}.examples_view_page .sidebar_bottom:before{position:absolute;left:32px;right:32px;height:1px;background-color:var(--gray-400);content:""}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom:before{left:24px;right:24px}}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom:before{display:none}}.examples_view_page .sidebar_bottom:after{content:"";position:absolute;top:0;left:20px;right:20px;z-index:10;height:30px;box-shadow:0 15px 14px 0 #fff;transform:rotate(180deg)}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom:after{display:none}}.examples_view_page .sidebar_bottom .btn_box{position:relative;z-index:20;margin-top:16px}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_box{flex-wrap:wrap}}@media screen and (max-width:639px){.examples_view_page .sidebar_bottom .btn_box{margin-top:0;padding-top:16px;border-top:1px solid var(--gray-400)}}.examples_view_page .sidebar_bottom .btn_share{flex-basis:271px}@media screen and (max-width:1023px){.examples_view_page .sidebar_bottom .btn_share{flex-basis:100%;margin-top:8px;margin-left:0}.examples_view_page .sidebar_bottom .btn_share:only-child{margin-top:0}}.examples_view_page .sidebar_bottom .guide_desc{margin-top:8px;color:var(--gray-400)}.examples_view_page .sidebar .folder_box{display:flex;height:100%;max-height:calc(100% - 124px);margin-top:16px;border:1px solid var(--gray-400);border-radius:4px}@media screen and (max-width:639px){.examples_view_page .sidebar .folder_box{display:none}}.examples_view_page .sidebar .folder_box .folder_list{overflow-y:auto;flex-basis:30%;min-width:150px;padding-top:10px;padding-bottom:10px;border-right:1px solid var(--gray-400);box-sizing:border-box}.examples_view_page .sidebar .folder_box .folder_item{margin-top:4px}.examples_view_page .sidebar .folder_box .folder_item:first-child{margin-top:0}.examples_view_page .sidebar .folder_box .folder_item.is_active .name{font-weight:600;color:var(--orange-dark)}.examples_view_page .sidebar .folder_box .folder_sub_list{padding-top:4px;padding-left:24px}.examples_view_page .sidebar .folder_box .folder_sub_list .btn_folder{align-items:flex-start}.examples_view_page .sidebar .folder_box .btn_folder{display:flex;align-items:center;width:100%;padding:3px 14px;box-sizing:border-box;font-size:1.4rem;line-height:1.58;font-weight:400;text-align:left}.examples_view_page .sidebar .folder_box .btn_folder:hover .name{font-weight:600}.examples_view_page .sidebar .folder_box .btn_folder .icon{margin-right:4px;width:16px}.examples_view_page .sidebar .folder_box .btn_folder .icon svg{width:100%;height:100%}.examples_view_page .sidebar .folder_box .btn_folder .icon svg path{fill:var(--gray-800)}.examples_view_page .sidebar .folder_box .btn_folder .name{flex-basis:calc(100% - 22px);word-break:break-all;color:var(--gray-800);font-size:1.2rem;line-height:1.5;font-weight:400}.examples_view_page .sidebar .folder_box .file_title{display:block;height:32px;border-bottom:1px solid var(--gray-400);border-top-right-radius:4px;background-color:var(--gray-000);color:var(--gray-800);font-size:1.4rem;line-height:2.29;font-weight:600;text-align:center}.examples_view_page .sidebar .folder_box .codeblock_area{overflow-x:auto;flex:1;flex-basis:70%}.examples_view_page .sidebar .folder_box .codeblock_box{height:calc(100% - 33px);margin-top:0;padding-bottom:0;border:none;border-radius:0}.examples_view_page .sidebar .folder_box .codeblock{border-radius:0}.examples_view_page .accordion_list{margin-top:23px;padding:0}.examples_view_page .accordion_list .accordion_item{margin-top:8px;border:1px solid var(--gray-400);border-radius:4px}.examples_view_page .accordion_list .accordion_item:first-child{margin-top:0}.examples_view_page .accordion_list .accordion_btn{padding:15px;font-size:1.4rem;line-height:1.58;font-weight:600;color:var(--gray-800)}.examples_view_page .accordion_list .accordion_btn .icon{order:1;width:16px;height:16px;margin-left:auto;margin-right:0;color:var(--gray-600)}.examples_view_page .accordion_list .accordion_btn .icon svg{width:100%;height:100%}.examples_view_page .accordion_list .accordion_btn.is_active .icon{transform:rotate(180deg)}.examples_view_page .accordion_list .accordion_btn.is_active~.accordion_content{padding-top:9px}.examples_view_page .accordion_list .accordion_content{padding-bottom:15px;font-size:1.4rem;line-height:1.58;font-weight:500}.examples_view_page .content{overflow-y:auto;flex:1;max-height:calc(100vh - 112px);padding:24px}@media screen and (max-width:639px){.examples_view_page .content{display:none}}.examples_view_page .content.dual_view,.examples_view_page .content.show_view{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.show_view{overflow:hidden}.examples_view_page .content.content_view{max-height:calc(100vh - 64px);padding:0}.examples_view_page .content.content_view .accordion_list{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-top:0;padding:64px}@media screen and (max-width:1023px){.examples_view_page .content.content_view .accordion_list{padding:40px;box-sizing:border-box}}.examples_view_page .content.content_view .accordion_list .accordion_item{width:calc(50% - 8px);margin-top:0;box-sizing:border-box}@media screen and (max-width:1023px){.examples_view_page .content.content_view .accordion_list .accordion_item{width:100%}}.examples_view_page .dual_view .grid_list2{height:calc(100% - 113px);padding:23px;box-sizing:border-box}.examples_view_page .dual_view .dashboard{height:100%}.examples_view_page .dual_view .dashboard_content{height:calc(100% - 42px)}.examples_view_page .grid_view .dashboard_top{flex-wrap:wrap;padding-top:0}.examples_view_page .grid_view .user{margin-top:8px}.examples_view_page .grid_view .user_list{flex-wrap:wrap;margin-left:-8px}.examples_view_page .grid_view .user_item{margin:8px 0 0 8px}.examples_view_page .grid_view .user_item:first-child{margin-left:8px}.examples_view_page .full_view .comment_view{min-width:300px}.examples_view_page .pin_box{overflow:hidden;position:relative;width:100%;height:113px;padding-right:48px;border-bottom:1px solid var(--gray-400);box-sizing:border-box}.examples_view_page .pin_box:before{position:absolute;top:0;right:48px;bottom:3px;z-index:1;width:25px;background:linear-gradient(270deg,var(--gray-000),transparent);content:""}.examples_view_page .pin_list{overflow-x:overlay;position:relative;height:100%;padding:32px 24px 32px 22px;box-sizing:border-box;font-size:0;line-height:normal;white-space:nowrap}.examples_view_page .pin_item{display:inline-flex;align-items:center;position:relative;height:100%;padding:8px 47px 8px 15px;border:1px solid var(--gray-400);box-sizing:border-box;border-radius:4px}.examples_view_page .pin_item.is_active{border-color:var(--blue-0)}.examples_view_page .pin_item+.pin_item{margin-left:16px}.examples_view_page .pin_item .user{display:flex;align-items:center}.examples_view_page .pin_item .user .icon{width:9px;height:9px;margin-right:8px;border-radius:50%}.examples_view_page .pin_item .user .text{font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.examples_view_page .pin_item .btn_box{margin-left:16px}.examples_view_page .pin_item .btn{padding:7px}.examples_view_page .system_view{display:flex;justify-content:center;align-items:center;position:relative;height:206px;padding-right:48px;border-bottom:1px solid var(--gray-400)}.examples_view_page .system_view:before{position:absolute;top:0;right:48px;bottom:3px;z-index:1;width:25px;background:linear-gradient(270deg,var(--gray-000),transparent);content:""}.examples_view_page .system_view .system_view_list{overflow-x:overlay;padding:32px 24px 24px;text-align:center;font-size:0;box-sizing:border-box;white-space:nowrap}.examples_view_page .system_view .system_view_item{display:inline-block;position:relative;text-align:center}.examples_view_page .system_view .system_view_item .icon{display:inline-flex;align-items:center}.examples_view_page .system_view .system_view_item:hover .btn_close{display:flex}.examples_view_page .system_view .system_view_item+.system_view_item{margin-left:24px}.examples_view_page .system_view .system_link .img_box{width:192px;height:126px;border-radius:4px;border:1px solid var(--gray-400);box-sizing:border-box}.examples_view_page .system_view .system_link .img_box svg{display:block;width:100%;height:100%}.examples_view_page .system_view .system_link.is_active .img_box{border-color:var(--blue-0)}.examples_view_page .system_view .system_name{display:flex;align-items:center;justify-content:center;margin-top:8px;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-800)}.examples_view_page .system_view .system_name .icon{margin-right:8px}.examples_view_page .system_view .btn_close{display:none;align-items:center;justify-content:center;position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--gray-400);background:var(--gray-000);box-sizing:border-box}.examples_view_page .system_view .btn_close .icon{width:10px;height:10px}.examples_view_page .system_view .btn_expand{border:1px solid var(--blue-0);background:rgba(109,180,245,.24);color:var(--blue-0)}.examples_view_page .show_view_inner{display:flex;align-items:center;justify-content:center;height:calc(100% - 207px);padding:48px 24px 24px;box-sizing:border-box}.examples_view_page .show_view_inner .dashboard{display:flex;flex-direction:column;position:relative;max-width:1200px;width:100%;height:100%;border:1px solid var(--gray-400)}.examples_view_page .show_view_inner .dashboard_content{display:flex;flex:1}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .dashboard_content{overflow-x:auto;height:100%}}.examples_view_page .show_view_inner .dashboard .user{padding:5px 12px}.examples_view_page .show_view_inner .comment_view{min-width:240px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .comment_view{position:relative;border-right:none}}.examples_view_page .show_view_inner .comment_view .comment_box{padding:10px 16px 24px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .comment_view .comment_box{overflow-y:initial;position:relative}.examples_view_page .show_view_inner .comment_view .comment_box:before{position:absolute;top:0;right:-1px;bottom:0;z-index:1;width:1px;background-color:var(--gray-400);content:""}}.examples_view_page .show_view_inner .comment_view .toggle_box{padding:10px 16px}.examples_view_page .show_view_inner .comment_view .comment_item{margin:0 35px 0 29px}.examples_view_page .show_view_inner .comment_view .comment_item:before{left:-30px}.examples_view_page .show_view_inner .comment_view .user_list{right:-36px}.examples_view_page .show_view_inner .comment_view .btn_add{margin:10px 35px 0 29px}@media screen and (max-width:1023px){.examples_view_page .show_view_inner .view_box{overflow:initial}.examples_view_page .show_view_inner .view_box .view_list{overflow-y:initial;min-width:300px;height:auto;padding-bottom:161px;border-left:1px solid var(--gray-400)}}.examples_view_page .show_view_inner .mini_map{top:50px;right:10px;width:121px;height:236px}.examples_view_page .full_view_inner{position:relative;display:flex;width:auto;height:calc(100% + 48px);margin:-24px}.examples_view_page .mini_map{position:absolute;width:192px;height:373px;top:16px;right:16px;padding:8px 16px;border-radius:4px;border:1px solid var(--gray-400);box-sizing:border-box;background:var(--gray-000)}.examples_view_page .mini_map_header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--gray-400)}.examples_view_page .mini_map_header .title{padding:4px 0;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}.examples_view_page .mini_map_header .btn_minimize{color:var(--gray-500)}.examples_view_page .palette{position:absolute;left:50%;bottom:40px;z-index:1;width:608px;height:48px;transform:translateX(-50%);background-color:#9acd32}@media screen and (max-width:1023px){.examples_view_page .palette{width:300px}}.examples_view_page .menu_user_list{display:flex;gap:8px}@media screen and (max-width:639px){.examples_view_page .menu_user_list{display:none}}.examples_view_page .comment_view{display:flex;flex-direction:column;width:33.17%;height:100%;border-right:1px solid var(--gray-400);background:var(--gray-000)}.examples_view_page .comment_view .toggle_box{padding:16px 24px;border-bottom:1px solid var(--gray-400)}.examples_view_page .comment_view .toggle_box .input_toggle_box{vertical-align:top}.examples_view_page .comment_view .comment_box{overflow-y:overlay;flex:1;padding:16px 24px}.examples_view_page .comment_view .comment_list{counter-reset:comment}.examples_view_page .comment_view .comment_item{position:relative;margin:0 46px 0 34px;padding:10px;border-radius:2px;border:1px solid var(--gray-400);font-size:1.4rem;line-height:1.58;font-weight:400;color:var(--gray-800);counter-increment:comment}.examples_view_page .comment_view .comment_item:before{position:absolute;top:0;left:-34px;font-size:1.4rem;line-height:.93;font-weight:600;content:"#" counter(comment)}.examples_view_page .comment_view .comment_item+.comment_item{margin-top:16px}.examples_view_page .comment_view .dialog_list{margin-top:10px;padding-top:10px;border-top:1px solid var(--gray-400)}.examples_view_page .comment_view .dialog_list .dialog{display:flex;align-items:flex-start}.examples_view_page .comment_view .dialog_list .dialog+.dialog{margin-top:8px}.examples_view_page .comment_view .dialog_list .name{padding:0 5px;border-radius:2px;border:1px solid var(--blue-0);background:var(--blue-alpha-0);box-sizing:border-box;flex:none}.examples_view_page .comment_view .dialog_list .name.green{background:var(--green-alpha-0);border-color:var(--green-0)}.examples_view_page .comment_view .dialog_list .name.red{background:var(--red-alpha-0);border-color:var(--red-0)}.examples_view_page .comment_view .dialog_list .chat{display:flex}.examples_view_page .comment_view .dialog_list .chat:before{margin:0 4px;content:":"}.examples_view_page .comment_view .user_list{display:flex;flex-direction:column;position:absolute;right:-46px;top:0;color:var(--gray-000);gap:8px}.examples_view_page .comment_view .user_list .user_item{margin:0}.examples_view_page .comment_view .user_list .icon svg path{fill:#fff}.examples_view_page .comment_view .btn_add{position:static;width:-webkit-fill-available;height:48px;margin:16px 46px 0 34px;border:1px solid var(--gray-400);border-radius:4px;color:var(--gray-400);box-sizing:border-box}.examples_view_page .view_box{position:relative;overflow:hidden;width:100%}.examples_view_page .view_box .view_list{padding:24px 24px 157px;overflow-y:overlay;height:100%;counter-reset:view;box-sizing:border-box}.examples_view_page .view_box .view_item{position:relative;padding:24px;text-align:center;border:1px dashed var(--gray-600);counter-increment:view}.examples_view_page .view_box .view_item:before{position:absolute;top:8px;left:16px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800);content:"#" counter(view)}.examples_view_page .view_box .view_item+.view_item{margin-top:16px}.examples_view_page .view_box .view_item.is_active{border-color:var(--blue-dark)}.examples_view_page .view_box .view_item.is_active:before{color:var(--blue-dark)}.examples_view_page .view_box .view_item img{display:block;width:100%}.examples_view_page .btn_add{position:absolute;top:0;right:0;width:48px;height:100%;margin-left:0;border-radius:0}.examples_view_page .btn_expand{overflow:hidden;justify-content:flex-end;position:absolute;top:7px;right:7px;max-width:32px;height:32px;padding:7px;transition:all .5s linear}.examples_view_page .btn_expand .text{display:block;overflow:hidden;margin-left:0;font-size:1.2rem;line-height:1.34;font-weight:500;color:var(--gray-000);white-space:nowrap}.examples_view_page .btn_expand .icon{flex:none}.examples_view_page .btn_expand:hover:not(.is_disabled){max-width:100%;background:var(--blue-0);color:var(--gray-000)}.examples_view_page .btn_expand.is_disabled{cursor:auto;border-color:var(--gray-300);background-color:var(--gray-300);color:var(--gray-000)}.examples_view_page .code_view{display:flex;flex-direction:column;max-height:none;padding:0}@media screen and (max-width:639px){.examples_view_page .code_view{display:none}}.examples_view_page .code_view .pin_box{height:81px}.examples_view_page .code_view .pin_list{padding:16px 23px}.examples_view_page .code_view .pin_item{padding-right:8px}.examples_view_page .code_view .pin_item .btn_box{margin-left:24px}.examples_view_page .code_view .grid_list2{overflow-y:auto;flex:1;padding:23px}.examples_view_page .code_view .grid_list2 .grid_item:only-child{flex-basis:100%;margin:0}@media screen and (max-width:1023px){.examples_view_page .code_view .grid_list2 .grid_item:only-child{height:100%;box-sizing:border-box}}.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child,.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child~.grid_item{flex-basis:100%;margin-top:23px;margin-left:0}.examples_view_page .code_view .grid_list2 .grid_item:nth-last-child(n+2):nth-last-child(-n+2):first-child{margin-top:0}.examples_view_page .code_view .dashboard{height:100%}.examples_view_page .code_view .dashboard_content{height:calc(100% - 41px);min-height:226px}.examples_view_page .log_box{position:relative;margin-top:auto;padding:0 23px 23px}.examples_view_page .log_box:before{position:absolute;top:-10px;left:0;right:0;z-index:1;background-color:var(--gray-000);height:10px;content:""}.examples_view_page .log_inner{overflow-y:auto;height:137px;padding:10px 12px;box-sizing:border-box;background-color:var(--gray-800);border-radius:4px}.examples_view_page .log_title{display:block;margin-bottom:4px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-000)}.examples_view_page .log_desc{font-size:1.2rem;line-height:1.5;font-weight:400;color:var(--gray-000);word-break:break-word}.darkmode .sidebar_bottom{background-color:var(--gray-000)}.darkmode .sidebar_bottom:after{box-shadow:0 15px 14px 0 var(--gray-000)}.product_page .top_banner{padding-top:108px;padding-bottom:110px}@media screen and (max-width:1023px){.product_page .top_banner{padding-top:24px;padding-bottom:32px}}.product_page .top_banner_inner{overflow:hidden;position:relative}.product_page .top_banner .title_group{position:relative;z-index:1;padding-top:50px}@media screen and (max-width:1023px){.product_page .top_banner .title_group{padding-top:0}}.product_page .top_banner .img_box{position:absolute;top:50%;right:-130px;width:748px;height:380px;margin-top:-168px}@media screen and (max-width:1023px){.product_page .top_banner .img_box{position:static;width:auto;height:auto;margin-top:0}}.product_page .content{display:flex;flex-direction:column;max-width:1120px;margin:0 auto;padding:240px 40px;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .content{padding:120px 32px}}@media screen and (max-width:639px){.product_page .content{padding-left:16px;padding-right:16px}}.product_page .content .link{text-decoration:underline}.product_page .section+.section{padding-top:240px}@media screen and (max-width:1023px){.product_page .section+.section{padding-top:160px}}.product_page .section_title_wrap{display:flex;align-items:center;margin-bottom:64px;padding-bottom:40px;border-bottom:2px solid var(--gray-600);color:var(--gray-800);box-sizing:border-box}@media screen and (max-width:1023px){.product_page .section_title_wrap{display:block}}.product_page .section_title{width:50%;font-size:4.6rem;line-height:1.18;font-weight:600}@media screen and (max-width:1023px){.product_page .section_title{width:auto;font-size:2.4rem;line-height:1.34}}.product_page .section_desc{width:50%;padding-left:16px;font-size:1.6rem;line-height:1.5;font-weight:500;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .section_desc{width:auto;margin-top:16px;padding-left:0;font-size:1.4rem;line-height:1.58}}.product_page .section_content+.section_content{padding-top:120px}.product_page .sub_title{display:block;margin-bottom:32px;font-size:3rem;line-height:1.27;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .sub_title{font-size:2rem;line-height:1.4}}.product_page .sub_desc{margin-bottom:32px;font-size:1.4rem;line-height:1.58;font-weight:500;color:var(--gray-800)}.product_page .sub_title_wrap{display:flex;justify-content:space-between}.product_page .sub_title_wrap .btn{max-height:40px}.product_page .sub_title_wrap .btn:hover{background:var(--gray-900)}.product_page .sub_big_title{display:flex;flex:1;align-items:center;font-size:3.8rem;line-height:1.22;font-weight:600;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .sub_big_title{font-size:2rem;line-height:1.4}}.product_page .sub_big_title>.icon{width:44px;height:44px;margin-right:16px;color:var(--orange-dark);flex:none}@media screen and (max-width:1023px){.product_page .sub_big_title>.icon{width:24px;height:24px}}.product_page .sub_big_title>.icon svg{width:100%;height:100%}.product_page .sub_big_desc{margin-top:32px;font-size:1.6rem;line-height:1.5;font-weight:500;color:var(--gray-800)}.product_page .db_content{display:flex}@media screen and (max-width:1023px){.product_page .db_content{flex-direction:column}}.product_page .db_content .codeblock_content{width:66%;height:280px;padding-right:16px;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .db_content .codeblock_content{width:100%;padding-right:0}}.product_page .db_content .codeblock_content .codeblock{overflow-y:auto;height:calc(100% - 50px);border-radius:0 0 4px 4px;border-top:0}@media screen and (max-width:1023px){.product_page .db_content .codeblock_content .codeblock{flex-basis:100%;margin-right:0}}.product_page .db_content .img_box{flex:0 0 auto;height:280px;box-sizing:border-box}@media screen and (max-width:1023px){.product_page .db_content .img_box{display:block;margin-top:16px}}@media screen and (max-width:639px){.product_page .db_content .img_box{height:auto}}@media screen and (max-width:1023px){.product_page .db_content .img_box img{height:100%}}@media screen and (max-width:639px){.product_page .db_content .img_box img{height:auto}}.product_page .db_content .img_box [fill=black]{fill:var(--gray-900)}.product_page .product_card_list{display:flex}@media screen and (max-width:1023px){.product_page .product_card_list{display:block}}.product_page .product_card_list .product_card_item{flex-basis:calc(100% - 8px);margin:0 8px;padding:16px 24px;border:1px solid var(--gray-400);border-radius:4px;color:var(--gray-800)}@media screen and (max-width:1023px){.product_page .product_card_list .product_card_item{flex-basis:100%;margin:16px 0 0}}.product_page .product_card_list .product_card_item:first-child{margin-left:0}@media screen and (max-width:1023px){.product_page .product_card_list .product_card_item:first-child{margin-top:0}}.product_page .product_card_list .product_card_item:last-child{margin-right:0}.product_page .product_card_list .product_card_title{display:block;font-size:1.6rem;line-height:1.5;font-weight:600}.product_page .product_card_list .product_card_desc{margin-top:24px;font-size:1.2rem;line-height:1.34;font-weight:400}.product_page .house_content{display:flex;align-items:flex-end;justify-content:space-between;max-width:1007px;padding-top:32px}.product_page .house_content .img_box{overflow:hidden;border:1px solid var(--gray-400);border-radius:8px}.product_page .house_content .img_box img{width:100%}.product_page .house_content .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .house_content .img_box [fill="#807B78"]{fill:var(--gray-600)}.product_page .house_content .img_box [fill="#A6A19E"]{fill:var(--gray-500)}.product_page .house_content .img_box [fill="#E2DEDB"]{fill:var(--gray-200)}.product_page .house_content .img_box [stroke="#A6A19E"],.product_page .house_content .img_box [stroke="#C2BDBA"]{stroke:var(--gray-300);stroke-width:1}.product_page .house_content .img_pc{width:75%;padding-bottom:37px}.product_page .house_content .img_mobile{width:21%;padding:11px 0 16px}.product_page .package_group{position:relative}@media screen and (max-width:1023px){.product_page .package_group{display:flex;flex-direction:column}}.product_page .package_group .sub_title_wrap{padding-right:230px}@media screen and (max-width:1023px){.product_page .package_group .sub_title_wrap{order:1;padding-right:0}}.product_page .package_group .btn{position:absolute;top:0;right:0}@media screen and (max-width:1023px){.product_page .package_group .btn{order:4;display:flex;position:static;width:100%;margin:32px 0 0}.product_page .package_group .sub_big_desc{order:2}}.product_page .package_group .img_box{margin-top:32px}@media screen and (max-width:1023px){.product_page .package_group .img_box{order:3}}.product_page .package_group .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .package_group .img_box [fill="#855CF9"]{fill:var(--purple-dark)}.product_page .package_group .img_box [stroke="#332E2B"]{stroke:var(--gray-800)}.product_page .img_group{display:flex}@media screen and (max-width:1023px){.product_page .img_group{display:block}}.product_page .img_group .img_box{flex-basis:calc(50% - 8px);margin:0 8px}@media screen and (max-width:1023px){.product_page .img_group .img_box{flex-basis:100%;height:257px;margin:16px 0 0}}@media screen and (max-width:639px){.product_page .img_group .img_box{height:auto}}.product_page .img_group .img_box:first-child{margin-left:0}@media screen and (max-width:1023px){.product_page .img_group .img_box:first-child{margin-top:0}}.product_page .img_group .img_box:last-child{margin-right:0}@media screen and (max-width:1023px){.product_page .img_group svg{height:100%}}@media screen and (max-width:639px){.product_page .img_group svg{height:auto}}.product_page .img_box{display:block}.product_page .img_box svg{display:block;width:100%;height:100%}.product_page .prism-code .token{white-space:pre-wrap}.product_page .conflict_free .img_box [fill="#514C49"]{fill:var(--gray-800)}.product_page .conflict_free .img_box [fill=white]{fill:var(--gray-000)}.product_page .collaboration .img_box [stroke="#FEFDFB"]{stroke:var(--gray-000)}.darkmode .product_page .top_banner .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .product_page .top_banner .img_box [fill="#FAF8F6"]{fill:var(--gray-50)}.darkmode .product_page .top_banner .img_box [fill="#E2DEDB"],.darkmode .product_page .top_banner .img_box [fill="#EFECEB"],.darkmode .product_page .top_banner .img_box [fill="#F5F3F1"]{fill:var(--gray-100)}.darkmode .product_page .top_banner .img_box [stroke="#EFECEB"]{stroke:var(--gray-50)}.darkmode .product_page .top_banner .img_box [stroke="#514C49"],.darkmode .product_page .top_banner .img_box [stroke="#E2DEDB"]{stroke:var(--gray-100)}.darkmode .product_page .top_banner .img_box [fill=black]{fill:var(--gray-900)}.darkmode .product_page .img_box [fill="#FEFDFB"]{fill:var(--gray-000)}.darkmode .product_page .house_content .img_box [fill="#332E2B"]+[fill="#514C49"]{fill:var(--gray-100)}