@charset "utf-8";
:root{--color-primary:#2F5BFF;--color-primary-light:#5B7CFF;--color-point:#FF5A5F;--color-point-bg:#FFF0F0;--color-purple:#835CFF;--color-green:#57C193;--color-heading:#101A3A;--color-heading-sub:#1B2A56;--color-text:#5B6472;--color-border:#E7EAF0;--color-border-deep:#CDD3DF;--color-bg-alt:#F6F8FC;--color-bg-blue:#EEF2FF;--color-bg-blue-soft:#F4F8FF;--color-badge:#8A94A6;--color-way-bg:#111C3E;--gra-primary:linear-gradient(90deg,#2F5BFF 0%,#5B7CFF 100%);--vu:min(1vw,1.7778vh);}
@keyframes floatY{0%{transform:translateY(0);}50%{transform:translateY(-12px);}100%{transform:translateY(0);}}

/* banner-off -------------- */
.quick-banner,
#wrap > div.top_bnr{display:none !important;}
/* banner-off// -------------- */

/* base -------------- */
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h,66px);}

.clickndesign{color:var(--color-text);font-family:'Pretendard','Apple SD Gothic Neo',sans-serif;font-size:16px;word-break:keep-all;}
.clickndesign h3,.clickndesign h4{color:var(--color-heading);}
.clickndesign em{font-style:normal;}
.clickndesign section{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:calc(100dvh - var(--header-h,0px));padding:clamp(48px,calc(4.17*var(--vu)),80px) 0;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:clip;overflow-clip-margin:0;}
.clickndesign .wrap{position:relative;z-index:1;width:1260px;margin:0 auto;}
.clickndesign .blind{position:absolute;left:-9999px;}
.clickndesign .pc_con{display:block;}
.clickndesign .t_con{display:none;}
.clickndesign .m_con{display:none;}
.clickndesign span.pc_con{display:inline;}
.clickndesign span.m_con{display:none;}
.clickndesign br.pc_con{display:block;}
.clickndesign br.m_con{display:none;}
.clickndesign .dot_list > li{position:relative;padding-left:14px;line-height:1.7;}
.clickndesign .dot_list > li::before{position:absolute;left:0;content:'·';}
.clickndesign.is-ready section{opacity:0;transition:opacity .5s ease;}
.clickndesign.is-ready section.is-active{opacity:1;}
.clickndesign.is-ready section .wrap > *{--reveal-delay:calc(.12s + var(--i,0) * .12s);opacity:0;translate:0 14px;transition:opacity .55s ease var(--reveal-delay),translate .55s cubic-bezier(.22,.68,.35,1) var(--reveal-delay),transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease,background-color .4s ease,color .3s ease;}
.clickndesign.is-ready section.is-active .wrap > *{opacity:1;translate:0 0;}
.clickndesign.is-ready section:not(.is-active) .wrap > *{--reveal-delay:0s;}
.clickndesign .reveal_list{--reveal-base:.22s;--reveal-step:.09s;}
.clickndesign .compare_list{--reveal-base:.26s;--reveal-step:.12s;}
.clickndesign .price_table tbody{--reveal-base:.30s;--reveal-step:.07s;}
.clickndesign .choice_chip{--reveal-base:.34s;--reveal-step:.08s;}
.clickndesign .way_notice .dot_list{--reveal-base:.40s;--reveal-step:.09s;}
.clickndesign.is-ready .reveal_list > *{--reveal-delay:calc(var(--reveal-base,.2s) + var(--i,0) * var(--reveal-step,.09s));opacity:0;translate:0 22px;transition:opacity .6s ease var(--reveal-delay),translate .6s cubic-bezier(.22,.68,.35,1) var(--reveal-delay),transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,border-color .38s ease,background-color .38s ease,background .38s ease,color .3s ease;}
.clickndesign.is-ready section.is-active .reveal_list > *{opacity:1;translate:0 0;}
.clickndesign.is-ready section:not(.is-active) .reveal_list > *{--reveal-delay:0s;}
@supports not (translate:0 10px){
  .clickndesign.is-ready section .wrap > *,.clickndesign.is-ready .reveal_list > *{opacity:1;}
}
.clickndesign .tit_wrap{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,calc(.73*var(--vu)),14px);margin-bottom:clamp(24px,calc(2.6*var(--vu)),50px);text-align:center;}
.clickndesign .tit_wrap h3{font-size:clamp(24px,2.08vw,40px);font-weight:800;line-height:1.3;}
.clickndesign .tit_wrap h3 em{color:var(--color-primary);}
.clickndesign .tit_wrap > p{color:var(--color-text);font-size:clamp(14px,.94vw,18px);font-weight:500;line-height:1.6;}
.clickndesign .btn_primary{display:inline-flex;align-items:center;justify-content:center;height:clamp(46px,calc(3.02*var(--vu)),58px);padding:0 clamp(24px,2.08vw,40px);border-radius:100px;background:var(--gra-primary);box-shadow:0 8px 8px rgba(47,91,255,.19);color:#fff;font-size:clamp(15px,.94vw,18px);font-weight:700;}
.clickndesign .btn_ghost{display:inline-flex;align-items:center;justify-content:center;height:clamp(46px,calc(3.02*var(--vu)),58px);padding:0 clamp(20px,1.67vw,32px);border:1px solid var(--color-border);border-radius:100px;background:#fff;color:var(--color-text);font-size:clamp(15px,.94vw,18px);font-weight:600;}

/* base// -------------- */

/* overview -------------- */

.clickndesign .overview{background-color:#EEF2FF;background-image:url(/images/event/clickn202609/bg_hero.svg);}
.clickndesign .overview .wrap{display:flex;align-items:center;justify-content:space-between;width: 1380px;}
.clickndesign .overview_left{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,calc(1.67*var(--vu)),32px);flex:1 1 auto;}
.clickndesign .tit_overview h2{margin-bottom:16px;color:var(--color-heading);font-size:clamp(26px,2.5vw,48px);font-weight:900;line-height:1.3;}
.clickndesign .tit_overview h2 em{background:linear-gradient(10deg,#2F5BFF 25%,#5B7CFF 75%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.clickndesign .tit_overview p{font-size:clamp(16px,1.15vw,22px);font-weight:500;line-height:1.5;}
.clickndesign .overview_date{color:var(--color-text);font-size:clamp(13px,0.78vw,15px);font-weight:700;}
.clickndesign .overview_btn{display:flex;gap:16px;}
.clickndesign .overview_keyword{color:var(--color-text);font-size:clamp(12px,0.78vw,15px);font-weight:500;line-height:1.6;}
.clickndesign .overview_key{position:relative;flex:0 0 auto;margin-left:auto;aspect-ratio:635/496;}
.clickndesign .overview_key_lottie{width:100%;height:100%;}
.clickndesign .overview_key_lottie svg{display:block;width:100% !important;height:100% !important;}
.clickndesign .overview_key_lottie:empty{min-height:1px;}

/* overview// -------------- */

/* benefit -------------- */
.clickndesign .benefit{background-color:#F6F8FC;background-image:url(/images/event/clickn202609/bg_benefits.svg);}
.clickndesign .benefit_list{display:flex;gap:24px;}
.clickndesign .benefit_item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,calc(1.25*var(--vu)),24px);position:relative;flex:1 1 0;min-height:clamp(240px,calc(18.75*var(--vu)),360px);padding:clamp(28px,calc(2.81*var(--vu)),54px) clamp(20px,1.46vw,28px) clamp(20px,calc(2.08*var(--vu)),40px);border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:0 8px 8px rgba(16,26,58,.04);text-align:center;}
.clickndesign .benefit_flag{position:absolute;left:50%;top:-19px;padding:8px 16px;border-radius:100px;color:#fff;font-size:clamp(13px,0.83vw,16px);font-weight:800;white-space:nowrap;transform:translateX(-50%);}
.clickndesign .benefit_item_price .benefit_flag{background:var(--color-point);box-shadow:0 4px 4px rgba(255,90,95,.25);}
.clickndesign .benefit_item_sale .benefit_flag{background:var(--color-primary);box-shadow:0 4px 4px rgba(47,91,255,.25);}
.clickndesign .benefit_item_free .benefit_flag{background:var(--color-purple);box-shadow:0 4px 4px rgba(131,92,255,.25);}
.clickndesign .benefit_item i{display:flex;align-items:center;justify-content:center;width:clamp(96px,5.73vw,110px);height:clamp(72px,calc(5.1*var(--vu)),98px);}
.clickndesign .benefit_item i img{width:auto;max-height:100%;}
.clickndesign .benefit_item h4{font-size:clamp(16px,1.15vw,22px);font-weight:700;}
.clickndesign .benefit_item strong{display:block;margin-top:clamp(4px,0.42vw,8px);font-size:clamp(26px,1.67vw,32px);font-weight:900;}
.clickndesign .benefit_item_price strong{--key:#FF5A5F;--key-hi:#FFC2C4;color:var(--color-point);}
.clickndesign .benefit_item_sale strong,.clickndesign .benefit_item_free strong{--key:#2F5BFF;--key-hi:#A9BCFF;color:var(--color-primary);}
.clickndesign .benefit_item_price strong{--nd:0s;}
.clickndesign .benefit_item_sale strong{--nd:.12s;}
.clickndesign .benefit_item_free strong{--nd:.24s;}
.clickndesign .benefit_item p{display:flex;flex-direction:column;gap:1px;font-size:clamp(13px,0.73vw,14px);}
.clickndesign .benefit_item p em{font-weight:700;}
.clickndesign .benefit_item_price p em{color:var(--color-point);}
.clickndesign .benefit_item_sale p em{color:var(--color-primary);}
.clickndesign .benefit_item_free p em{color:var(--color-purple);}
.clickndesign .benefit_notice{display:block;margin-top:clamp(20px,calc(2.5*var(--vu)),48px);color:var(--color-text);font-size:clamp(12px,1.2vw,14px);line-height:1.5;text-align:center;}

/* benefit// -------------- */

/* step -------------- */
.clickndesign .step{display:block;position:relative;height:calc(var(--step-panels,2) * 100dvh);min-height:auto;padding:0;}
.clickndesign .step_snap{display:none;position:absolute;left:0;width:1px;height:1px;pointer-events:none;}
.clickndesign .step_snap_a{top:0;}
.clickndesign .step_snap_b{top:calc(100% - 100dvh);}
.clickndesign .step > .step_pin{display:flex;flex-direction:column;justify-content:center;position:sticky;top:var(--header-h,0px);height:calc(100dvh - var(--header-h,0px));background-color:#F6F8FC;background-image:url(/images/event/clickn202609/bg_step.svg);background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:clip;overflow-clip-margin:0;}
.clickndesign .step_track{display:flex;width:calc(var(--step-panels,2) * 100%);height:100%;transform:translate3d(var(--sx,0px),0,0);transition:transform .1s linear;will-change:transform;}
.clickndesign .step_panel{display:flex;align-items:center;flex:0 0 calc(100% / var(--step-panels,2));width:calc(100% / var(--step-panels,2));}
.clickndesign .step_inner{display:flex;align-items:center;gap:clamp(32px,4.17vw,80px);width:1220px;max-width:100%;margin:0 auto;padding:0 20px;}
.clickndesign .step_text{flex:1 1 0;}
.clickndesign .step_text h3{margin-bottom:24px;font-size:clamp(24px,2.08vw,40px);font-weight:800;line-height:1.4;}
.clickndesign .step_text h3 em{color:var(--color-primary);}
.clickndesign .step_text p{font-size:clamp(14px,0.94vw,18px);line-height:1.7;}
.clickndesign .step_text p + p{margin-top:1.7em;}
.clickndesign .step_text p b{font-weight:700;}
.clickndesign .step_visual{position:relative;flex:0 0 auto;width:clamp(300px,calc(28.49*var(--vu)),547px);margin-left:auto;}
.clickndesign .step_visual_lottie{width:100%;aspect-ratio:547/466;}
.clickndesign .step_visual_lottie svg{display:block;width:100% !important;height:100% !important;}
.clickndesign .step_toggle{display:flex;flex-direction:column;align-items:center;gap:12px;position:absolute;left:0;right:0;bottom:clamp(28px,9.6vw,120px);z-index:3;}
.clickndesign .step_pager{display:flex;justify-content:center;gap:6px;}
.clickndesign .step_pager button{width:10px;height:10px;padding:0;border:0;border-radius:5px;background:var(--color-border-deep);cursor:pointer;transition:.3s;}
.clickndesign .step_pager button.is-on{width:28px;background:var(--color-primary);}
.clickndesign .step_mouse{display:block;position:relative;width:24px;height:38px;border:2px solid var(--color-border-deep);border-radius:12px;}
.clickndesign .step_mouse::after{position:absolute;left:50%;top:8px;width:2px;height:6px;border-radius:1px;background:var(--color-primary);content:'';}
.clickndesign .step_toggle small{color:var(--color-text);font-size:clamp(12px,0.73vw,14px);}

/* step// -------------- */

/* compare -------------- */
.clickndesign .compare{background-color:#F6F8FC;}
.clickndesign .compare_card{position:relative;width:clamp(300px,36.46vw,700px);margin:0 auto;padding:clamp(28px,calc(4.17*var(--vu)),80px) clamp(20px,4.17vw,80px);border:4px solid var(--color-primary);border-radius:20px;background:#fff;box-shadow:0 16px 16px rgba(47,91,255,.06);}
.clickndesign .compare_flag{position:absolute;z-index:1;right:clamp(16px,1.35vw,26px);top:-15px;padding:6px 12px;border-radius:100px;background:var(--color-primary);color:#fff;font-size:clamp(12px,0.78vw,15px);font-weight:700;line-height:18px;white-space:nowrap;}
.clickndesign .compare_card h4{margin-bottom:clamp(16px,calc(1.67*var(--vu)),32px);font-size:clamp(17px,1.25vw,24px);font-weight:800;}
.clickndesign .compare_card h4 span{margin-left:12px;color:var(--color-text);font-size:clamp(12px,0.73vw,14px);font-weight:500;}
.clickndesign .compare_list li{display:flex;align-items:center;gap:12px;color:var(--color-heading-sub);font-size:clamp(13px,0.83vw,16px);font-weight:600;line-height:1.5;}
.clickndesign .compare_list li + li{margin-top:clamp(10px,calc(.83*var(--vu)),16px);}
.clickndesign .compare_list li i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;border-radius:12px;background:var(--color-bg-blue);color:var(--color-primary);font-size:14px;font-style:normal;font-weight:700;}
.clickndesign .compare_list_gift{color:var(--color-primary);font-weight:700;}
.clickndesign .compare_list_gift i{background:var(--color-point-bg);}

/* compare// -------------- */

/* cost -------------- */
.clickndesign .cost{--cost-slide:clamp(300px,calc(35.42*var(--vu)),680px);--cost-gap:20px;background-color:#F6F8FC;background-image:url(/images/event/clickn202609/bg_cost.svg);}
.clickndesign .cost_slider{position:relative;width:100%;margin:0;overflow:clip;}
.clickndesign .costSwiper{overflow:visible;}
.clickndesign .costSwiper .swiper-slide{box-sizing:border-box;position:relative;width:calc(var(--cost-slide) + var(--cost-gap));height:calc(var(--cost-slide) * 434 / 680);padding:0 calc(var(--cost-gap) / 2);margin-left:0 !important;margin-right:0 !important;transition:.3s;}
.clickndesign .costSwiper .swiper-slide a{display:block;position:relative;height:100%;aspect-ratio:680/434;border-radius:20px;overflow:hidden;}
.clickndesign .costSwiper .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.clickndesign .cost_slide_tit{display:flex;flex-direction:column;gap:8px;position:absolute;left:0;bottom:28px;z-index:1;width:100%;text-align:center;transition:opacity .3s ease;}
.clickndesign .cost_slide_tit p{color:#E5E5E5;font-size:clamp(14px,1.04vw,20px);font-weight:400;line-height:1.4;}
.clickndesign .cost_slide_tit h4{color:#fff;font-size:clamp(17px,1.25vw,24px);font-weight:700;line-height:1.3;}
.clickndesign .cost_slide_go{display:flex;align-items:center;justify-content:center;gap:2px;position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.3);color:#fff;font-size:18px;font-weight:400;opacity:0;transition:opacity .3s ease;}
.clickndesign .cost_slide_go span{display:flex;align-items:center;gap:4px;}
.clickndesign .cost_slide_go span::after{display:inline-block;width:clamp(8px,0.83vw,16px);height:clamp(8px,0.83vw,16px);background:url(/images/event/clickn/ico_arrow_link.svg) no-repeat center/contain;content:'';}
.clickndesign .costSwiper .swiper-slide a:hover .cost_slide_tit{opacity:0;}
.clickndesign .costSwiper .swiper-slide a:hover .cost_slide_go{opacity:1;}
.clickndesign .costSwiper .swiper-slide{opacity:.5;transform:translateY(20px) scale(.63);}
.clickndesign .costSwiper .swiper-slide-active{opacity:1;transform:none;}
.clickndesign .costSwiper .swiper-slide .cost_slide_tit{opacity:0;}
.clickndesign .costSwiper .swiper-slide-active .cost_slide_tit{opacity:1;}
.clickndesign .costSwiper-button-prev,.clickndesign .costSwiper-button-next{position:absolute;top:44.5%;z-index:10;width:48px;aspect-ratio:1/1;background-repeat:no-repeat;background-size:contain;border:0;font-size:0;cursor:pointer;filter:opacity(.6);transition:filter .25s ease;}
.clickndesign .costSwiper-button-prev:hover,.clickndesign .costSwiper-button-next:hover{filter:opacity(1);}
.clickndesign .costSwiper-button-prev{left:calc(50% - var(--cost-slide)/2 - 92px);background-image:url(/images/event/clickn/ico_arrowRound_left.svg);}
.clickndesign .costSwiper-button-next{right:calc(50% - var(--cost-slide)/2 - 92px);background-image:url(/images/event/clickn/ico_arrowRound_right.svg);}
.clickndesign .cost_quote{width:fit-content;max-width:100%;margin:clamp(20px,calc(1.08*var(--vu)),40px) auto 0;padding:clamp(14px,calc(1.67*var(--vu)),32px) clamp(24px,2.5vw,48px);border-radius:94px;color:var(--color-heading);font-size:clamp(15px,1.25vw,24px);font-weight:800;line-height:1.5;text-align:center;}
.clickndesign .cost_quote em{color:var(--color-primary);font-weight:900;}

/* cost// -------------- */

/* price -------------- */
.clickndesign .price{padding:clamp(40px,calc(3.13*var(--vu)),60px) 0;background-color:#FFFFFF;background-image:url(/images/event/clickn202609/bg_price.svg);}
.clickndesign .price_compare{width:clamp(300px,41.67vw,800px);margin:0 auto clamp(16px,calc(1.46*var(--vu)),28px);}
.clickndesign .price_graph{display:flex;flex-direction:column;gap:clamp(6px,calc(.47*var(--vu)),9px);padding:clamp(12px,calc(1.09*var(--vu)),21px);border-radius:90px;background:linear-gradient(180deg,#D8E4FF 0%,#EFF4FF 100%);}
.clickndesign .price_graph li{display:flex;align-items:center;gap:12px;}
.clickndesign .price_graph b{order:1;flex:0 0 clamp(80px,5.21vw,100px);color:var(--color-text);font-size:clamp(12px,0.78vw,15px);font-weight:700;text-align:right;}
.clickndesign .price_graph_bar{display:block;position:relative;order:2;flex:1 1 auto;height:clamp(18px,calc(1.46*var(--vu)),28px);border-radius:100px;background:#EEF1F6;}
.clickndesign .price_graph_bar::before{position:absolute;left:0;top:0;width:var(--gauge);height:100%;border-radius:100px;background:linear-gradient(8deg,rgba(199,206,219,.67) 25%,rgba(172,179,193,.67) 75%);content:'';}
.clickndesign .price_graph_bar i{display:block;position:absolute;left:calc(var(--gauge) + 12px);top:50%;color:#3F67FF;font-size:clamp(12px,0.78vw,15px);font-style:normal;font-weight:700;white-space:nowrap;transform:translateY(-50%);}
.clickndesign .price_graph strong{display:flex;align-items:center;gap:4px;position:relative;order:3;flex:0 0 auto;color:var(--color-heading-sub);font-size:clamp(14px,0.94vw,18px);font-weight:800;white-space:nowrap;}
.clickndesign .price_graph strong em{padding:2px 6px;border-radius:14px;background:var(--color-point);color:#fff;font-size:10px;font-weight:800;}
.clickndesign .price_graph_own b{color:var(--color-primary);}
.clickndesign .price_graph_own .price_graph_bar{background:#CCDBFA;}
.clickndesign .price_graph_own .price_graph_bar::before{background:linear-gradient(18deg,#2F5BFF 25%,#5B7CFF 75%);}
.clickndesign .price_graph_own strong{color:var(--color-primary);}
.clickndesign .price_save{display:none;}
.clickndesign .price_table_wrap{position:relative;width:100%;border:1px solid var(--color-border);border-radius:18px;background:#fff;overflow:clip;}
.clickndesign .price_table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}
.clickndesign .price_col_tit{width:20.63%;}
.clickndesign .price_col_own{width:26.19%;}
.clickndesign .price_col_etc{width:26.59%;}
.clickndesign .price_table th,.clickndesign .price_table td{height:clamp(44px,calc(2.81*var(--vu)),54px);padding:0 12px;border-bottom:1px solid var(--color-border);font-size:clamp(11px,0.73vw,14px);text-align:center;}
.clickndesign .price_table thead th{height:clamp(48px,calc(3.13*var(--vu)),60px);background:var(--color-bg-alt);color:var(--color-heading);font-size:clamp(12px,0.78vw,15px);font-weight:700;}
.clickndesign .price_table th:first-child,.clickndesign .price_table td:first-child{padding-left:clamp(14px,calc(1.25*var(--vu)),24px);text-align:left;}
.clickndesign .price_table tbody th{color:var(--color-heading-sub);font-weight:600;}
.clickndesign .price_table tbody td{color:var(--color-text);font-weight:500;}
.clickndesign .price_table tbody tr:last-child th,.clickndesign .price_table tbody tr:last-child td{border-bottom:0;}
.clickndesign .price_table .price_table_own{border-left:2px solid var(--color-primary);border-right:2px solid var(--color-primary);background:var(--color-bg-blue-soft);color:var(--color-heading-sub);font-weight:600;}
.clickndesign .price_table thead .price_table_own{border-top:2px solid var(--color-primary);background:var(--color-bg-blue);color:var(--color-primary);font-weight:800;}
.clickndesign .price_table tbody tr:last-child .price_table_own{border-bottom:2px solid var(--color-primary);}
.clickndesign .price_table thead .price_table_own em{display:inline-block;margin-left:5px;padding:2px 8px;border-radius:14px;background:var(--color-point);color:#fff;font-size:10px;font-weight:700;vertical-align:middle;}
.clickndesign .price_table td i{margin-right:5px;color:var(--color-primary);font-style:normal;font-weight:800;}
.clickndesign .price_notice{display:block;margin-top:clamp(10px,calc(1.04*var(--vu)),20px);color:var(--color-text);font-size:clamp(11px,0.68vw,13px);font-weight:400;line-height:1.5;text-align:center;}

/* price// -------------- */

/* process -------------- */
.clickndesign .process{background-color:#F6F8FC;}
.clickndesign .process_list{display:flex;gap:24px;}
.clickndesign .process_list li{display:flex;flex-direction:column;gap:clamp(8px,calc(1.04*var(--vu)),20px);position:relative;flex:1 1 0;padding:clamp(16px,calc(1.67*var(--vu)),32px);border:1px solid var(--color-border);border-radius:18px;background:rgba(255,255,255,.6);box-shadow:0 20px 20px rgba(0,0,0,.06);}
.clickndesign .process_head{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.04vw,20px);}
.clickndesign .process_list b{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:8px;background:rgba(47,91,255,.95);color:#fff;font-size:16px;font-weight:800;}
.clickndesign .process_list h4{font-size:clamp(18px,1.04vw,20px);font-weight:800;}
.clickndesign .process_list p{color:var(--color-text);font-size:clamp(13px,0.73vw,14px);font-weight:500;line-height:1.5;}
.clickndesign .process_list i{display:block;position:absolute;right:clamp(10px,0.73vw,14px);top:clamp(9px,0.5vw,10px);}
.clickndesign .process_list i img{display:block;width:100%;height:auto;}
.clickndesign .process_item_01 i{width:clamp(37px,3.65vw,70px);}
.clickndesign .process_item_02 i{width:clamp(40px,3.96vw,76px);}
.clickndesign .process_item_03 i,.clickndesign .process_item_04 i{width:clamp(40px,4.17vw,80px);}
.clickndesign .process_spec{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,calc(1.04*var(--vu)),20px);margin-top:clamp(40px,calc(6.5*var(--vu)),84px);}
.clickndesign .process_spec h4{font-size:clamp(18px,1.25vw,24px);font-weight:800;text-align:center;}
.clickndesign .process_spec ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;}
.clickndesign .process_spec li{display:flex;align-items:center;justify-content:center;height:clamp(38px,calc(3.54*var(--vu)),68px);padding:0 clamp(12px,1.04vw,20px);border:1px solid var(--color-border);border-radius:100px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.06);color:var(--color-primary);font-size:clamp(13px,0.83vw,16px);font-weight:600;text-align:center;}

/* process// -------------- */

/* target -------------- */
.clickndesign .target{background-color:#F6F8FC;background-image:url(/images/event/clickn202609/bg_target.svg);}
.clickndesign .target_list{--fig-h:clamp(240px,calc(17.19*var(--vu)),330px);display:flex;gap:24px;padding:12px;border-radius:20px;background:#EEF2FF;}
.clickndesign .target_list li{display:flex;flex:1 0 0;min-width:0;padding:clamp(10px,calc(.73*var(--vu)),14px);border:1px solid var(--color-border);border-radius:24px;background:#fff;box-shadow:0 12px 12px rgba(0,0,0,.02);}
.clickndesign .target_list li > a{display:flex;flex-direction:column;gap:clamp(10px,calc(.73*var(--vu)),14px);width:100%;height:100%;}
.clickndesign .target_tit{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;width:100%;padding-top:clamp(10px,calc(.83*var(--vu)),16px);}
.clickndesign .target_list h4{color:var(--color-heading);font-size:clamp(15px,0.94vw,18px);font-weight:800;line-height:1.3;}
.clickndesign .target_list p{color:var(--color-text);font-size:clamp(12px,0.68vw,13px);font-weight:500;line-height:1.4;}
.clickndesign .target_list figure{position:relative;flex:0 0 auto;width:100%;height:var(--fig-h);margin:0;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-alt);overflow:hidden;}
.clickndesign .target_list figure img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top center;transform:translate3d(0,0,0);}
.clickndesign .target_list figure::after{position:absolute;inset:0;background:rgba(16,26,58,.45);content:'';opacity:0;transition:opacity .35s ease;pointer-events:none;}
.clickndesign .target_more{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;z-index:1;height:clamp(38px,calc(2.71*var(--vu)),52px);padding:0 clamp(18px,calc(1.67*var(--vu)),32px);border-radius:100px;background:var(--gra-primary);box-shadow:0 10px 20px rgba(47,91,255,.35);color:#fff;font-size:clamp(14px,0.94vw,18px);font-weight:700;white-space:nowrap;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;}

/* target// -------------- */

/* choice -------------- */
.clickndesign .choice{background-color:#F6F8FC;background-image:url(/images/event/clickn202609/bg_choice.svg);}
.clickndesign .choice_ticket{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,calc(1.15*var(--vu)),22px);position:relative;width:clamp(300px,calc(29.17*var(--vu)),560px);margin:0 auto;padding:clamp(20px,calc(2.08*var(--vu)),40px);background:url(/images/event/clickn202609/bg_choice_ticket.svg) no-repeat center top;background-size:100% 100%;filter:drop-shadow(0 10px 15px rgba(0,37,177,.2));}
.clickndesign .choice_ticket_flag{display:flex;align-items:center;justify-content:center;position:absolute;right:-10px;top:-30px;width:clamp(70px,5.73vw,110px);height:clamp(70px,5.73vw,110px);border-radius:50%;background:var(--color-point);color:#fff;font-size:clamp(13px,0.94vw,18px);font-weight:800;line-height:1.3;text-align:center;}
.clickndesign .choice_ticket h4{width:100%;padding-bottom:clamp(14px,calc(1.51*var(--vu)),29px);border-bottom:1px dashed var(--color-border-deep);font-size:clamp(19px,1.46vw,28px);font-weight:700;}
.clickndesign .choice_ticket_price{display:flex;flex-direction:column;gap:14px;width:100%;margin:0;}
.clickndesign .choice_ticket_row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;}
.clickndesign .choice_ticket_price dt{color:var(--color-text);font-size:clamp(12px,0.73vw,14px);font-weight:500;}
.clickndesign .choice_ticket_price dd{margin:0;font-size:clamp(12px,0.73vw,14px);text-align:right;white-space:nowrap;}
.clickndesign .choice_ticket_price dd del{color:#000;}
.clickndesign .choice_ticket_sale dt,.clickndesign .choice_ticket_sale dd{color:var(--color-point);font-weight:700;}
.clickndesign .choice_ticket_total{padding-top:14px;border-top:1px dashed var(--color-border-deep);}
.clickndesign .choice_ticket_total dt{color:var(--color-heading);font-size:clamp(15px,0.94vw,18px);font-weight:800;}
.clickndesign .choice_ticket_total strong{color:var(--color-primary);font-size:clamp(24px,1.88vw,36px);font-weight:900;line-height:1.1;}
.clickndesign .choice_ticket small{width:100%;color:var(--color-text);font-size:clamp(12px,0.73vw,14px);font-weight:600;text-align:right;}
.clickndesign .choice_ticket .btn_primary{width:100%;height:clamp(48px,calc(3.13*var(--vu)),60px);margin-top:clamp(8px,calc(1.04*var(--vu)),20px);}
.clickndesign .choice_chip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(14px,calc(1.56*var(--vu)),30px);}
.clickndesign .choice_chip li{display:flex;align-items:center;height:38px;padding:0 16px;border:1px solid var(--color-border);border-radius:100px;background:#fff;color:var(--color-primary);font-size:clamp(12px,0.73vw,14px);font-weight:700;}

/* 폭죽(색종이) — 섹션 진입(.is-active) 시에만 재생 */
/* 배경 bg_choice.svg의 색종이 색상과 동일한 팔레트를 사용한다 */
.clickndesign .choice_firework{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;}
.clickndesign .choice_firework i{
  position:absolute;top:-8%;left:var(--x);
  width:var(--w);height:var(--h);
  border-radius:var(--r);
  background:var(--c);
  opacity:0;
  will-change:transform,opacity;
}
.clickndesign .choice.is-active .choice_firework i{animation:confettiFall var(--dur) var(--d) linear infinite;}
.clickndesign .choice_firework i:nth-child(1){--x:3%;--c:var(--color-primary);--w:7px;--h:12px;--r:1px;--sway:22px;--dur:9.5s;--d:-1.2s;}
.clickndesign .choice_firework i:nth-child(2){--x:7%;--c:var(--color-primary-light);--w:6px;--h:6px;--r:50%;--sway:-34px;--dur:11s;--d:-4.6s;}
.clickndesign .choice_firework i:nth-child(3){--x:12%;--c:var(--color-point);--w:8px;--h:14px;--r:1px;--sway:18px;--dur:8s;--d:-8.1s;}
.clickndesign .choice_firework i:nth-child(4){--x:16%;--c:var(--color-green);--w:7px;--h:11px;--r:1px;--sway:-26px;--dur:12.5s;--d:-2.3s;}
.clickndesign .choice_firework i:nth-child(5){--x:21%;--c:var(--color-primary);--w:6px;--h:6px;--r:50%;--sway:30px;--dur:10s;--d:-10.4s;}
.clickndesign .choice_firework i:nth-child(6){--x:25%;--c:var(--color-primary-light);--w:8px;--h:13px;--r:1px;--sway:-20px;--dur:13s;--d:-6.7s;}
.clickndesign .choice_firework i:nth-child(7){--x:29%;--c:var(--color-point);--w:7px;--h:12px;--r:1px;--sway:38px;--dur:8.5s;--d:-0.5s;}
.clickndesign .choice_firework i:nth-child(8){--x:33%;--c:var(--color-green);--w:6px;--h:6px;--r:50%;--sway:-16px;--dur:11.5s;--d:-9.2s;}
.clickndesign .choice_firework i:nth-child(9){--x:67%;--c:var(--color-primary);--w:7px;--h:11px;--r:1px;--sway:-28px;--dur:9s;--d:-3.4s;}
.clickndesign .choice_firework i:nth-child(10){--x:71%;--c:var(--color-primary-light);--w:8px;--h:14px;--r:1px;--sway:24px;--dur:12s;--d:-7.8s;}
.clickndesign .choice_firework i:nth-child(11){--x:75%;--c:var(--color-point);--w:6px;--h:6px;--r:50%;--sway:-36px;--dur:10.5s;--d:-11.6s;}
.clickndesign .choice_firework i:nth-child(12){--x:79%;--c:var(--color-green);--w:7px;--h:12px;--r:1px;--sway:20px;--dur:8.2s;--d:-5.1s;}
.clickndesign .choice_firework i:nth-child(13){--x:84%;--c:var(--color-primary);--w:8px;--h:13px;--r:1px;--sway:-22px;--dur:13.5s;--d:-2.8s;}
.clickndesign .choice_firework i:nth-child(14){--x:88%;--c:var(--color-primary-light);--w:6px;--h:6px;--r:50%;--sway:32px;--dur:9.8s;--d:-12.3s;}
.clickndesign .choice_firework i:nth-child(15){--x:92%;--c:var(--color-point);--w:7px;--h:11px;--r:1px;--sway:-18px;--dur:11.2s;--d:-6.2s;}
.clickndesign .choice_firework i:nth-child(16){--x:96%;--c:var(--color-green);--w:8px;--h:14px;--r:1px;--sway:26px;--dur:12.8s;--d:-9.7s;}
.clickndesign .choice_firework i:nth-child(17){--x:38%;--c:var(--color-primary);--w:6px;--h:6px;--r:50%;--sway:-30px;--dur:14s;--d:-4.1s;}
.clickndesign .choice_firework i:nth-child(18){--x:62%;--c:var(--color-primary-light);--w:7px;--h:12px;--r:1px;--sway:28px;--dur:13.2s;--d:-8.9s;}
/* 좌우로 흔들리며(sway) 회전 낙하 — 실제 색종이의 팔랑임 */
@keyframes confettiFall{
  0%  {opacity:0;transform:translate3d(0,0,0) rotate3d(1,1,.3,0deg);}
  7%  {opacity:1;}
  25% {transform:translate3d(var(--sway),28dvh,0) rotate3d(1,1,.3,200deg);}
  50% {transform:translate3d(calc(var(--sway) * -1),54dvh,0) rotate3d(1,1,.3,420deg);}
  75% {transform:translate3d(var(--sway),80dvh,0) rotate3d(1,1,.3,640deg);}
  92% {opacity:1;}
  100%{opacity:0;transform:translate3d(0,112dvh,0) rotate3d(1,1,.3,860deg);}
}
/* choice// -------------- */

/* way -------------- */
.clickndesign .way{
  min-height:auto;
  padding:clamp(72px,calc(6.25*var(--vu)),120px) 0 clamp(56px,calc(4.69*var(--vu)),90px);
  background-color:#0B1330;
  /* 위에서부터 : 격자 → 광원 3개 → 바탕 그라디언트 */
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    radial-gradient(78% 88% at 8% -14%,rgba(64,102,208,.42),transparent 68%),
    radial-gradient(62% 74% at 96% 96%,rgba(46,78,176,.38),transparent 70%),
    radial-gradient(36% 46% at 84% 2%,rgba(80,120,232,.26),transparent 70%),
    linear-gradient(110.64deg,#283878 6.75%,#0B1330 79.92%);
  background-size:
    clamp(60px,8.333vw,160px) clamp(60px,8.333vw,160px),
    clamp(60px,8.333vw,160px) clamp(60px,8.333vw,160px),
    100% 100%,100% 100%,100% 100%,100% 100%;
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat;
}
/* 우상단 동심원 — Figma 668x668, 중심(1620,240), 링 5겹 간격 66px */
.clickndesign .way::before{
  content:'';
  position:absolute;z-index:0;
  left:66.98%;
  top:clamp(-94px,-4.9vw,-40px);
  width:clamp(360px,34.79vw,668px);
  aspect-ratio:1;
  /* 간격을 %로 잡아 크기가 줄어도 링 개수가 5겹으로 유지된다 */
  background:repeating-radial-gradient(circle closest-side,rgba(255,255,255,.085) 0 1px,transparent 1px 19.76%);
  -webkit-mask-image:radial-gradient(circle closest-side,#000 0 86%,transparent 100%);
  mask-image:radial-gradient(circle closest-side,#000 0 86%,transparent 100%);
  pointer-events:none;
}
/* 별 — Figma 좌표 47개를 그대로 옮김 */
.clickndesign .way::after{
  content:'';
  position:absolute;z-index:0;inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 90.16% 9.07%,rgba(255,255,255,0.46) 0 1.0px,transparent 1.0px),
    radial-gradient(circle at 37.18% 15.91%,rgba(255,255,255,0.77) 0 2.2px,transparent 2.2px),
    radial-gradient(circle at 47.95% 23.49%,rgba(255,255,255,0.54) 0 1.3px,transparent 1.3px),
    radial-gradient(circle at 86.08% 9.06%,rgba(255,255,255,0.51) 0 1.2px,transparent 1.2px),
    radial-gradient(circle at 82.58% 36.07%,rgba(255,255,255,0.56) 0 1.4px,transparent 1.4px),
    radial-gradient(circle at 81.14% 40.72%,rgba(255,255,255,0.77) 0 2.2px,transparent 2.2px),
    radial-gradient(circle at 70.06% 25.11%,rgba(255,255,255,0.67) 0 1.8px,transparent 1.8px),
    radial-gradient(circle at 77.96% 57.30%,rgba(255,255,255,0.77) 0 2.2px,transparent 2.2px),
    radial-gradient(circle at 34.07% 13.34%,rgba(255,255,255,0.69) 0 1.9px,transparent 1.9px),
    radial-gradient(circle at 20.28% 31.33%,rgba(255,255,255,0.62) 0 1.6px,transparent 1.6px),
    radial-gradient(circle at 66.13% 39.51%,rgba(255,255,255,0.8) 0 2.3px,transparent 2.3px),
    radial-gradient(circle at 63.70% 53.70%,rgba(255,255,255,0.46) 0 1.0px,transparent 1.0px),
    radial-gradient(circle at 2.83% 71.23%,rgba(255,255,255,0.64) 0 1.7px,transparent 1.7px),
    radial-gradient(circle at 55.45% 25.43%,rgba(255,255,255,0.82) 0 2.4px,transparent 2.4px),
    radial-gradient(circle at 58.17% 29.89%,rgba(255,255,255,0.77) 0 2.2px,transparent 2.2px),
    radial-gradient(circle at 70.97% 58.11%,rgba(255,255,255,0.56) 0 1.4px,transparent 1.4px),
    radial-gradient(circle at 13.54% 12.22%,rgba(255,255,255,0.72) 0 2.0px,transparent 2.0px),
    radial-gradient(circle at 5.61% 48.21%,rgba(255,255,255,0.8) 0 2.3px,transparent 2.3px),
    radial-gradient(circle at 62.69% 27.56%,rgba(255,255,255,0.8) 0 2.3px,transparent 2.3px),
    radial-gradient(circle at 23.93% 46.06%,rgba(255,255,255,0.62) 0 1.6px,transparent 1.6px),
    radial-gradient(circle at 13.82% 17.90%,rgba(255,255,255,0.64) 0 1.7px,transparent 1.7px),
    radial-gradient(circle at 64.02% 53.34%,rgba(255,255,255,0.69) 0 1.9px,transparent 1.9px),
    radial-gradient(circle at 47.24% 73.44%,rgba(255,255,255,0.69) 0 1.9px,transparent 1.9px),
    radial-gradient(circle at 98.99% 19.78%,rgba(255,255,255,0.82) 0 2.4px,transparent 2.4px),
    radial-gradient(circle at 30.00% 80.28%,rgba(255,255,255,0.72) 0 2.0px,transparent 2.0px),
    radial-gradient(circle at 54.42% 34.71%,rgba(255,255,255,0.49) 0 1.1px,transparent 1.1px),
    radial-gradient(circle at 86.32% 74.75%,rgba(255,255,255,0.64) 0 1.7px,transparent 1.7px),
    radial-gradient(circle at 81.39% 35.34%,rgba(255,255,255,0.8) 0 2.3px,transparent 2.3px),
    radial-gradient(circle at 24.02% 28.54%,rgba(255,255,255,0.67) 0 1.8px,transparent 1.8px),
    radial-gradient(circle at 87.40% 53.15%,rgba(255,255,255,0.46) 0 1.0px,transparent 1.0px),
    radial-gradient(circle at 18.01% 1.64%,rgba(255,255,255,0.54) 0 1.3px,transparent 1.3px),
    radial-gradient(circle at 21.28% 58.94%,rgba(255,255,255,0.56) 0 1.4px,transparent 1.4px),
    radial-gradient(circle at 49.05% 65.35%,rgba(255,255,255,0.51) 0 1.2px,transparent 1.2px),
    radial-gradient(circle at 16.55% 7.67%,rgba(255,255,255,0.77) 0 2.2px,transparent 2.2px),
    radial-gradient(circle at 89.78% 77.84%,rgba(255,255,255,0.8) 0 2.3px,transparent 2.3px),
    radial-gradient(circle at 6.13% 28.49%,rgba(255,255,255,0.54) 0 1.3px,transparent 1.3px),
    radial-gradient(circle at 95.10% 2.69%,rgba(255,255,255,0.72) 0 2.0px,transparent 2.0px),
    radial-gradient(circle at 65.24% 70.61%,rgba(255,255,255,0.82) 0 2.4px,transparent 2.4px),
    radial-gradient(circle at 35.82% 43.41%,rgba(255,255,255,0.51) 0 1.2px,transparent 1.2px),
    radial-gradient(circle at 0.25% 12.76%,rgba(255,255,255,0.51) 0 1.2px,transparent 1.2px),
    radial-gradient(circle at 31.39% 33.57%,rgba(255,255,255,0.82) 0 2.4px,transparent 2.4px),
    radial-gradient(circle at 80.03% 26.44%,rgba(255,255,255,0.56) 0 1.4px,transparent 1.4px),
    radial-gradient(circle at 41.65% 65.99%,rgba(255,255,255,0.8) 0 2.3px,transparent 2.3px),
    radial-gradient(circle at 96.65% 55.98%,rgba(255,255,255,0.56) 0 1.4px,transparent 1.4px),
    radial-gradient(circle at 45.99% 14.35%,rgba(255,255,255,0.72) 0 2.0px,transparent 2.0px),
    radial-gradient(circle at 61.24% 10.28%,rgba(255,255,255,0.59) 0 1.5px,transparent 1.5px),
    radial-gradient(circle at 13.07% 75.09%,rgba(255,255,255,0.59) 0 1.5px,transparent 1.5px);
}
.clickndesign .tit_way{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;}
.clickndesign .tit_way h3{color:#fff;font-size:clamp(22px,1.98vw,38px);font-weight:800;line-height:1.4;}
.clickndesign .tit_way p{color:#C3CCEA;font-size:clamp(14px,0.94vw,18px);font-weight:500;}
.clickndesign .tit_way small{color:#8B9BC7;font-size:clamp(13px,0.78vw,15px);font-weight:500;}
.clickndesign .btn_way{display:flex;align-items:center;justify-content:center;width:fit-content;margin:clamp(28px,3.13vw,60px) auto 0;padding:clamp(14px,0.94vw,18px) clamp(28px,2.5vw,48px);border-radius:100px;background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.13);color:var(--color-primary);font-size:clamp(15px,0.94vw,18px);font-weight:800;}
.clickndesign .way_notice{margin-top:clamp(40px,3.65vw,70px);padding-top:clamp(28px,2.08vw,40px);border-top:1px solid rgba(255,255,255,.08);}
.clickndesign .way_notice h4{margin-bottom:12px;color:#C3CCEA;font-size:clamp(13px,0.78vw,15px);font-weight:700;}
.clickndesign .way_notice .dot_list > li{color:#8B9BC7;font-size:clamp(11px,0.68vw,13px);line-height:1.9;}
.clickndesign .way_end{position:absolute;left:0;bottom:0;width:1px;height:1px;pointer-events:none;}

/* way// -------------- */

/* interaction -------------- */
@keyframes shine{0%{left:-60%;}100%{left:140%;}}

/* benefit 금액 — 카운트업 대신 텍스트 이펙트
   등장: 아래에서 올라오며 확대  /  이후: 하이라이트가 글자를 훑고 지나감 */
@supports (background-clip:text) or (-webkit-background-clip:text){
  .clickndesign .benefit_item strong{
    background-image:linear-gradient(100deg,var(--key) 0 42%,var(--key-hi) 50%,var(--key) 58% 100%);
    background-size:250% 100%;
    background-position:100% 0;
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
  }
}
.clickndesign .benefit.is-active .benefit_item strong{
  animation:numRise .7s var(--nd) cubic-bezier(.2,.8,.25,1) both,
            numSweep 4.5s calc(var(--nd) + .9s) ease-in-out infinite;
}
@keyframes numRise{
  0%  {opacity:0;transform:translateY(14px) scale(.86);}
  60% {opacity:1;}
  100%{opacity:1;transform:none;}
}
@keyframes numSweep{
  0%,55%   {background-position:100% 0;}
  88%,100% {background-position:0 0;}
}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(255,90,95,.45);}70%{box-shadow:0 0 0 14px rgba(255,90,95,0);}100%{box-shadow:0 0 0 0 rgba(255,90,95,0);}}
@keyframes wheelDrop{0%{transform:translateY(0);opacity:1;}70%{transform:translateY(8px);opacity:0;}100%{transform:translateY(0);opacity:0;}}
.clickndesign .benefit_item strong,.clickndesign .price_graph strong,.clickndesign .choice_ticket_total strong{font-variant-numeric:tabular-nums;}
.clickndesign .btn_primary,.clickndesign .btn_ghost,.clickndesign .btn_way{position:relative;overflow:hidden;transform:translateY(var(--lift,0));transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,filter .3s;}
.clickndesign .btn_primary:hover,.clickndesign .btn_way:hover{--lift:-3px;box-shadow:0 14px 20px rgba(47,91,255,.28);}
.clickndesign .btn_ghost:hover{--lift:-3px;border-color:var(--color-primary);color:var(--color-primary);}
.clickndesign .btn_primary::after,.clickndesign .btn_way::after{position:absolute;left:-60%;top:0;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);content:'';pointer-events:none;}
.clickndesign .btn_primary:hover::after,.clickndesign .btn_way:hover::after{animation:shine .7s ease-out;}
.clickndesign .benefit_item{transform:translateY(var(--lift,0));}
.clickndesign .benefit_item:hover,.clickndesign .benefit_item.is-demo{--lift:-10px;box-shadow:0 22px 34px rgba(16,26,58,.1);}
.clickndesign .benefit_item_price:hover,.clickndesign .benefit_item_price.is-demo{border-color:rgba(255,90,95,.4);}
.clickndesign .benefit_item_sale:hover,.clickndesign .benefit_item_sale.is-demo{border-color:rgba(47,91,255,.4);}
.clickndesign .benefit_item_free:hover,.clickndesign .benefit_item_free.is-demo{border-color:rgba(131,92,255,.4);}
.clickndesign .benefit_item i img{transform:scale(var(--pop,1)) rotate(var(--tilt,0deg));transition:transform .45s cubic-bezier(.22,1,.36,1);}
.clickndesign .benefit_item:hover i img,.clickndesign .benefit_item.is-demo i img{--pop:1.12;--tilt:-5deg;}
.clickndesign .benefit_flag{transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.clickndesign .benefit_item:hover .benefit_flag,.clickndesign .benefit_item.is-demo .benefit_flag{transform:translateX(-50%) translateY(-4px);}
.clickndesign .step_mouse::after{animation:wheelDrop 1.6s ease-in-out infinite;}
.clickndesign .step_pager button:hover{background:var(--color-primary-light);}
.clickndesign .step_visual img{transform:translateY(var(--lift,0));transition:transform .5s cubic-bezier(.22,1,.36,1);}
.clickndesign .step_panel:hover .step_visual img{--lift:-6px;}
.clickndesign .compare_card{transform:translateY(var(--lift,0));}
.clickndesign .compare_card:hover{--lift:-6px;box-shadow:0 24px 28px rgba(47,91,255,.12);}
.clickndesign .compare_list li i{transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .35s;}
.clickndesign .compare_list li:hover i{transform:rotate(90deg) scale(1.1);}
.clickndesign .compare_list_gift:hover i{transform:scale(1.2);}
.clickndesign .cost_quote{opacity:0;scale:.97;transition:opacity .6s ease .35s,scale .6s cubic-bezier(.22,1,.36,1) .35s;}
.clickndesign .cost.is-active .cost_quote{opacity:1;scale:1;}
.clickndesign .cost:not(.is-active) .cost_quote{transition-delay:0s;}
.clickndesign .price_graph_bar::before{width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1);}
.clickndesign .price.is-active .price_graph_bar::before{width:var(--gauge);transition-delay:calc(.35s + var(--i,0) * .18s);}
.clickndesign .price_graph strong em{transform:scale(var(--pop,0));transition:transform .4s cubic-bezier(.34,1.56,.64,1) .9s;}
.clickndesign .price.is-active .price_graph strong em{--pop:1;}
.clickndesign .price_table tbody th,.clickndesign .price_table tbody td{transition:background .3s ease;}
.clickndesign .price_table tbody tr:hover th,.clickndesign .price_table tbody tr:hover td{background:#FAFBFF;}
.clickndesign .price_table tbody tr:hover .price_table_own{background:var(--color-bg-blue);}
.clickndesign .process_list li{transform:translateY(var(--lift,0));}
.clickndesign .process_list li:hover,.clickndesign .process_list li.is-demo{--lift:-8px;background-color:rgba(255,255,255,.95);box-shadow:0 26px 30px rgba(0,0,0,.09);}
.clickndesign .process_list b{transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .35s;}
.clickndesign .process_list li:hover b,.clickndesign .process_list li.is-demo b{transform:scale(1.12) rotate(-6deg);background:var(--color-primary);}
.clickndesign .process_list i{transform:translateY(var(--lift,0)) rotate(var(--tilt,0deg));transition:transform .5s cubic-bezier(.22,1,.36,1);}
.clickndesign .process_list li:hover i,.clickndesign .process_list li.is-demo i{--lift:-5px;--tilt:8deg;}
.clickndesign .process_spec li{transform:translateY(var(--lift,0));}
.clickndesign .process_spec li:hover{--lift:-4px;border-color:var(--color-primary);box-shadow:0 10px 16px rgba(47,91,255,.14);}
.clickndesign .target_list li{position:relative;transform:translateY(var(--lift,0));transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;}
.clickndesign .target_list li:hover{--lift:-10px;box-shadow:0 26px 36px rgba(16,26,58,.12);}
.clickndesign .target_list li:hover figure::after{opacity:1;}
.clickndesign .target_list li:hover .target_more{opacity:1;transform:translate(-50%,-50%) scale(1);}
.clickndesign .target_list li:hover figure img{transform:translate3d(0,min(0px,calc(var(--fig-h) - 100%)),0);}
.clickndesign .target_list h4{transition:color .3s;}
.clickndesign .target_list li:hover h4{color:var(--color-primary);}
.clickndesign .choice_ticket{transform:translateY(var(--lift,0));}
.clickndesign .choice_ticket:hover{--lift:-6px;}
.clickndesign .choice_ticket_flag{animation:pulseRing 2.4s ease-out infinite;}
.clickndesign .choice_chip li{transform:translateY(var(--lift,0));}
.clickndesign .choice_chip li:hover{--lift:-4px;border-color:var(--color-primary);color:var(--color-primary);}
.clickndesign .tit_overview h2 .ch{display:inline-block;opacity:0;transform-origin:50% 100%;transform:rotateX(-85deg) translateY(.35em);transition:opacity .5s ease calc(.10s + var(--n,0) * .022s),transform .6s cubic-bezier(.22,1.15,.36,1) calc(.10s + var(--n,0) * .022s);white-space:pre;}
.clickndesign .overview.is-active .tit_overview h2 .ch{opacity:1;transform:rotateX(0) translateY(0);}
.clickndesign .overview:not(.is-active) .tit_overview h2 .ch{transition-delay:0s;}
.clickndesign .tit_overview h2 em .ch{background-image:linear-gradient(10deg,#2F5BFF 25%,#5B7CFF 75%);background-size:var(--w,100%) 100%;background-position:calc(-1 * var(--x,0px)) 0;-webkit-background-clip:text;background-clip:text;color:transparent;}
@property --spot-a{syntax:'<number>';initial-value:0;inherits:false;}
.clickndesign .benefit_item,.clickndesign .process_list li,.clickndesign .compare_card{position:relative;background-image:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(47,91,255,var(--spot-a,0)),transparent 62% );transition:--spot-a .35s ease;}
.clickndesign .benefit_item:hover,.clickndesign .process_list li:hover,.clickndesign .compare_card:hover{--spot-a:.13;}
.clickndesign .benefit_item.is-demo,.clickndesign .process_list li.is-demo{--spot-a:.13;--mx:50%;--my:35%;}
.clickndesign .benefit_item_price{--spot-rgb:255,90,95;}
.clickndesign .benefit_item_price,.clickndesign .benefit_item_free{background-image:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(var(--spot-rgb,131,92,255),var(--spot-a,0)),transparent 62% );}
.clickndesign .benefit_list.is-playing > li,.clickndesign .process_list.is-playing > li{pointer-events:none;}
@property --beam-a{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes beamSpin{to{--beam-a:360deg;}}
.clickndesign .benefit_item::before{position:absolute;inset:-1px;z-index:0;padding:1px;border-radius:inherit;background:conic-gradient(from var(--beam-a,0deg),transparent 0 68%,var(--beam-c,#2F5BFF) 84%,transparent 100%);content:'';opacity:0;transition:opacity .3s ease;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;}
.clickndesign .benefit_item:hover::before,.clickndesign .benefit_item.is-demo::before{opacity:1;animation:beamSpin 2.4s linear infinite;}
.clickndesign .benefit_item_price{--beam-c:#FF5A5F;}
.clickndesign .benefit_item_free{--beam-c:#835CFF;}
.clickndesign .tit_wrap h3 em{position:relative;background-image:linear-gradient(90deg,rgba(47,91,255,.22),rgba(47,91,255,.22));background-repeat:no-repeat;background-position:0 88%;background-size:0 .18em;transition:background-size .9s cubic-bezier(.22,1,.36,1) .45s;}
.clickndesign section.is-active .tit_wrap h3 em{background-size:100% .18em;}
@keyframes gaugeShine{0%{left:-40%;}100%{left:120%;}}
.clickndesign .price_graph_own .price_graph_bar{overflow:hidden;}
.clickndesign .price_graph_own .price_graph_bar::after{position:absolute;left:-40%;top:0;width:35%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);content:'';opacity:0;pointer-events:none;}
.clickndesign .price.is-active .price_graph_own .price_graph_bar::after{opacity:1;animation:gaugeShine 1.6s ease-out 1.5s infinite;}
.clickndesign .target_list figure img{transition:transform 2.2s cubic-bezier(.25,0,.25,1);}
.clickndesign .target_list li:hover figure img{will-change:transform;}
.clickndesign .step_panel .step_text{transition:opacity .5s ease;}
.clickndesign .step_visual img{will-change:transform;}
@keyframes breathe{0%,100%{box-shadow:0 10px 10px rgba(0,0,0,.13),0 0 0 0 rgba(255,255,255,.35);}50%{box-shadow:0 10px 10px rgba(0,0,0,.13),0 0 0 12px rgba(255,255,255,0);}}
.clickndesign .btn_way{animation:breathe 3s ease-out infinite;}
.clickndesign .btn_way:hover{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .clickndesign *,.clickndesign *::before,.clickndesign *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
  .clickndesign .price.is-active .price_graph_bar::before{width:var(--gauge);}
  .clickndesign .tit_overview h2 .ch{opacity:1;transform:none;}
  .clickndesign .target_list li:hover figure img{transform:translate3d(0,0,0);}
  .clickndesign .benefit_list.is-playing > li,.clickndesign .process_list.is-playing > li{pointer-events:auto;}
  .clickndesign .tit_wrap h3 em{background-size:100% .18em;}
}

/* interaction// -------------- */

/* lnb -------------- */
.clickndesign .cd_lnb{display:block;position:fixed;right:22px;top:50%;z-index:90;width:max-content !important;max-width:none !important;margin:0;padding:0;border:0;background:none;transform:translateY(-50%);transition:opacity .25s ease,visibility .25s ease;}
.clickndesign .cd_lnb *{box-sizing:border-box;}
.clickndesign .cd_lnb.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}
.clickndesign .cd_lnb_dots{display:flex;flex-direction:column;align-items:flex-end;gap:14px;transition:opacity .22s ease;}
.clickndesign .cd_lnb:hover .cd_lnb_dots{opacity:0;pointer-events:none;}
.clickndesign .cd_lnb.is-collapsed .cd_lnb_dots{opacity:1 !important;pointer-events:auto !important;}
.clickndesign .cd_lnb_dot{display:block;flex:0 0 auto;width:16px;height:4px;padding:0;text-decoration:none;border-radius:2px;background:#C5CCDA;cursor:pointer;transition:width .25s ease,background .25s ease;}
.clickndesign .cd_lnb_dot:hover{width:22px;background:#8B93A3;}
.clickndesign .cd_lnb_dot.is-on{width:30px;background:var(--color-heading);}
.clickndesign .cd_lnb_menu{display:flex;flex-direction:column;gap:3px;position:absolute;right:0;top:50%;width:max-content;min-width:180px;padding:16px 18px;border-radius:16px;background:var(--color-way-bg);box-shadow:0 22px 54px -16px rgba(16,26,58,.6);opacity:0;transform:translateY(-50%) translateX(12px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;}
.clickndesign .cd_lnb:hover .cd_lnb_menu{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto;}
.clickndesign .cd_lnb.is-collapsed .cd_lnb_menu{opacity:0 !important;pointer-events:none !important;}
.clickndesign .cd_lnb_item{display:block;width:auto;margin:0;padding:8px 12px;line-height:1.4;text-decoration:none;border-radius:9px;color:#9FB0D8;font-size:13.5px;font-weight:600;white-space:nowrap;text-align:center;transition:background .18s ease,color .18s ease;}
.clickndesign .cd_lnb_item:hover{background:rgba(255,255,255,.09);color:#fff;}
.clickndesign .cd_lnb_item.is-on{background:linear-gradient(135deg,#2F5BFF,#5B7CFF);color:#fff;font-weight:800;}

/* lnb// -------------- */

/* sticky-cta -------------- */
.clickndesign .sticky-cta{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;z-index:999;width:100%;padding:20px 0 30px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease;}
.clickndesign .sticky-cta.is-visible{opacity:1;visibility:visible;}
.clickndesign .sticky-cta__btn{display:flex;gap:20px;align-items:center;justify-content:center;padding:1vw 1.5vw 1vw 2vw;border-radius:44px;background:linear-gradient(90deg,#1949FF 11.29%,#5B7CFF 100%);box-shadow:0 14px 13px rgba(47,91,255,.4);color:#fff;font-size:20px;font-weight:700;line-height:normal;text-decoration:none;white-space:nowrap;pointer-events:auto;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;}
.clickndesign .sticky-cta__btn:hover{background:linear-gradient(90deg,#0D3BEF 11.29%,#4A6BF0 100%);box-shadow:0 14px 18px rgba(47,91,255,.5);}
.clickndesign .sticky-cta__arrow{width:24px;height:24px;}
/* sticky-cta// -------------- */

/* snap -------------- */
@media screen and (min-width:1260px) and (min-height:721px){
  html{scroll-snap-type:y mandatory;}
  .clickndesign section{scroll-snap-align:start;scroll-snap-stop:always;}
  .clickndesign .step{scroll-snap-align:none;}
  .clickndesign .step_snap{display:block;scroll-snap-align:start;scroll-snap-stop:always;}
  .clickndesign .way{scroll-snap-align:start;scroll-snap-stop:normal;}
  .clickndesign .way_end{scroll-snap-align:end;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-snap-type:none;}
  .clickndesign .choice_firework{display:none;}
  .clickndesign .benefit.is-active .benefit_item strong{animation:none;}
}
html.is-snapfree{scroll-snap-type:none;}
/* snap// -------------- */

/* responsive -------------- */
@media screen and (max-width:1220px){
  .clickndesign .wrap{width:100%;padding-left:20px;padding-right:20px;}
}
@media screen and (max-width:1024px){
  html{scroll-padding-top:56px;}
  .clickndesign .cd_lnb{display:none;}
  .clickndesign section{display:block;min-height:auto;padding:clamp(60px,7vw,80px) 0;}
  .clickndesign .wrap{padding-left:5vw;padding-right:5vw;}
  .clickndesign .overview .wrap{width: auto;}
  .clickndesign .pc_con{display:none;}
  .clickndesign .t_con{display:block;}
  .clickndesign span.pc_con{display:none;}
  .clickndesign span.m_con{display:inline;}
  .clickndesign br.pc_con{display:none;}
  .clickndesign br.m_con{display:block;}
  .clickndesign .m_con{display:block;}
  .clickndesign .tit_wrap{gap:12px;}
  .clickndesign .overview .wrap{flex-direction:column;justify-content:center;}
  .clickndesign .overview_left{align-items:center;width:100%;text-align:center;}
  .clickndesign .overview_key{width:min(100%,560px);margin:40px auto 0;}
  .clickndesign .benefit_list{gap:16px;}
  .clickndesign .benefit_item{min-height:auto;gap:8px;padding:30px 12px 24px;}
  .clickndesign .benefit_flag{padding:6px 10px;font-size:12px;}
  .clickndesign .benefit_item i{width:80px;height:64px;}
  .clickndesign .benefit_item h4{font-size:15px;}
  .clickndesign .benefit_item strong{font-size:22px;}
  .clickndesign .benefit_item p{font-size:12px;}
  .clickndesign .step{height:auto;background-color:#F6F8FC;background-image:url(/images/event/clickn202609/bg_step.svg);background-size:100% auto;background-position:center top;background-repeat:repeat-y;}
  .clickndesign .step > .step_pin{position:static;height:auto;padding:clamp(60px,7vw,80px) 0;background:none;overflow:visible;}
  .clickndesign .step_track{display:block;width:100%;height:auto;transform:none;}
  .clickndesign .step_panel{display:block;width:100%;}
  .clickndesign .step_panel + .step_panel{margin-top:clamp(48px,7vw,72px);padding-top:clamp(48px,7vw,72px);border-top:1px solid var(--color-border);}
  .clickndesign .step_inner{flex-direction:column-reverse;gap:32px;width:100%;padding:0;}
  .clickndesign .step_text{text-align:center;}
  .clickndesign .step_visual{width:min(80%,420px);margin:0 auto;}
  .clickndesign .step_toggle{display:none;}
  .clickndesign .compare_card{width:100%;}
  .clickndesign .compare_card h4 span{display:block;margin-top:6px;margin-left:0;}
  .clickndesign .cost_slider{margin:0;}
  .clickndesign .costSwiper-button-prev,.clickndesign .costSwiper-button-next{display:none;}
  .clickndesign .costSwiper .swiper-slide{transform:none;opacity:.5;}
  .clickndesign .costSwiper .swiper-slide-active{opacity:1;}
  .clickndesign .cost_slide_tit{bottom:12px;gap:4px;}
  .clickndesign .cost_quote{width:100%;border-radius:24px;}
  .clickndesign .price_compare{width:100%;}
  .clickndesign .process_list{flex-wrap:wrap;}
  .clickndesign .process_list li{flex:1 1 calc(50% - 12px);}
  .clickndesign .process_spec ul{gap:8px;}
  .clickndesign .process_spec li{flex:0 1 auto;}
  .clickndesign .target_list{--fig-h:clamp(240px,52vw,330px);flex-wrap:wrap;}
  .clickndesign .target_list li{flex:1 1 calc(50% - 12px);}
  .clickndesign .choice_ticket{width:100%;max-width:560px;}
  .clickndesign .sticky-cta{padding:16px 20px 24px;}
  .clickndesign .sticky-cta__btn{height:64px;padding:0 36px;border-radius:32px;box-shadow:0 10px 10px rgba(47,91,255,.35);font-size:20px;}
  .clickndesign .sticky-cta__btn svg{width:20px;height:20px;}
}
@media screen and (max-width:767px){
  .clickndesign section{padding:72px 0;}
  .clickndesign .wrap{padding-left:20px;padding-right:20px;}
  .clickndesign .t_con{display:none;}
  .clickndesign .tit_wrap{margin-bottom:48px;}
  .clickndesign .tit_wrap h3{font-size:24px;line-height:1.3;}
  .clickndesign .tit_wrap > p{font-size:14px;line-height:1.4;}
  .clickndesign .overview_btn{flex-direction:column;width:100%;}
  .clickndesign .overview_btn a{width:100%;}
  .clickndesign .overview_key{width:100%;}
  .clickndesign .benefit_list{flex-direction:column;gap:30px;}
  .clickndesign .benefit_item{gap:8px;padding:32px 24px 24px;}
  .clickndesign .benefit_flag{font-size:13px;}
  .clickndesign .benefit_item i{width:96px;height:80px;}
  .clickndesign .benefit_item h4{font-size:16px;}
  .clickndesign .benefit_item strong{margin-top:4px;font-size:26px;}
  .clickndesign .benefit_item p{font-size:13px;}
  .clickndesign .benefit_notice{margin-top:32px;font-size:12px;}
  .clickndesign .step_text h3{font-size:24px;}
  .clickndesign .step_text p{font-size:13px;}
  .clickndesign .compare_card{padding:28px 20px;border-width:2px;}
  .clickndesign .compare_list li{gap:10px;font-size:13px;}
  .clickndesign .cost_quote{font-size:15px;}
  .clickndesign .price{padding:56px 0 72px;}
  .clickndesign .price .tit_wrap{margin-bottom:32px;}
  .clickndesign .price .tit_wrap h3{font-size:26px;}
  .clickndesign .price .tit_wrap > p{font-size:13px;}
  .clickndesign .price_compare{margin-bottom:32px;padding:20px;border:1px solid var(--color-border);border-radius:20px;background:#fff;box-shadow:0 8px 8px rgba(0,0,0,.02);}
  .clickndesign .price_graph{gap:16px;padding:0;border-radius:0;background:none;}
  .clickndesign .price_graph li{flex-wrap:wrap;gap:6px 0;}
  .clickndesign .price_graph b{order:1;flex:1 1 auto;font-size:13px;text-align:left;}
  .clickndesign .price_graph strong{order:2;flex:0 0 auto;font-size:14px;}
  .clickndesign .price_graph_bar{order:3;flex:0 0 100%;height:16px;border-radius:8px;background:var(--color-bg-alt);}
  .clickndesign .price_graph_bar::before{border-radius:8px;background:rgba(172,179,193,.67);}
  .clickndesign .price.is-active .price_graph_bar::before{width:var(--gauge-m);}
  .clickndesign .price_graph_bar i{display:none;}
  .clickndesign .price_graph_own b{font-weight:800;}
  .clickndesign .price_graph_own .price_graph_bar{background:var(--color-bg-alt);}
  .clickndesign .price_graph_own .price_graph_bar::before{background:linear-gradient(11deg,#2F5BFF 25%,#5B7CFF 75%);}
  .clickndesign .price_save{display:flex;align-items:center;justify-content:center;margin-top:24px;padding:12px;border:1px solid var(--color-point);border-radius:100px;background:var(--color-point-bg);color:var(--color-point);font-size:14px;font-weight:800;text-align:center;}
  .clickndesign .price_table_wrap{border-radius:16px;}
  .clickndesign .price_col_tit{width:33%;}
  .clickndesign .price_col_own{width:23.7%;}
  .clickndesign .price_col_etc{width:21.65%;}
  .clickndesign .price_table th,.clickndesign .price_table td{height:52px;padding:0 4px;font-size:11px;}
  .clickndesign .price_table thead th{height:52px;}
  .clickndesign .price_table .price_table_own{border-left-width:1px;border-right-width:1px;}
  .clickndesign .price_table thead .price_table_own{border-top-width:1px;}
  .clickndesign .price_table tbody tr:last-child .price_table_own{border-bottom-width:1px;}
  .clickndesign .price_table thead th{font-size:12px;}
  .clickndesign .price_table th:first-child,.clickndesign .price_table td:first-child{padding-left:12px;}
  .clickndesign .price_table tbody th{overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis;}
  .clickndesign .price_table tbody tr:last-child th,.clickndesign .price_table tbody tr:last-child td{border-bottom:none;}
  .clickndesign .price_table td i{margin-right:3px;}
  .clickndesign .price_notice{margin-top:16px;font-size:11px;}
  .clickndesign .process{padding:56px 0 72px;}
  .clickndesign .process .tit_wrap{margin-bottom:40px;}
  .clickndesign .process .tit_wrap > p{font-size:13px;line-height:1.5;}
  .clickndesign .process_list{flex-direction:column;flex-wrap:nowrap;gap:12px;}
  .clickndesign .process_list li{gap:10px;flex:1 1 auto;padding:20px;border-radius:16px;background:rgba(255,255,255,.1);box-shadow:0 10px 20px rgba(0,0,0,.06);}
  .clickndesign .process_head{flex-direction:row;align-items:center;gap:8px;}
  .clickndesign .process_list b{width:24px;height:24px;border-radius:6px;font-size:13px;}
  .clickndesign .process_list h4{font-size:18px;}
  .clickndesign .process_list p{padding-right:48px;font-size:13px;line-height:1.4;}
  .clickndesign .process_list i{right:12px;top:10px;}
  .clickndesign .process_item_01 i{width:37px;}
  .clickndesign .process_item_02 i,.clickndesign .process_item_03 i,.clickndesign .process_item_04 i{width:40px;}
  .clickndesign .process_spec{gap:20px;margin-top:40px;}
  .clickndesign .process_spec h4{font-size:18px;}
  .clickndesign .process_spec ul{gap:8px;}
  .clickndesign .process_spec li{flex:1 1 calc(50% - 4px);height:auto;padding: 5px 8px;font-size:14px;}
  .clickndesign .target_list{--fig-h:clamp(260px,68vw,330px);}
  .clickndesign .target_list li{flex:1 1 100%;}
  .clickndesign .choice_ticket_flag{right:-4px;top:-16px;}
  .clickndesign .choice_ticket_row{align-items:flex-start;gap:8px;}
  .clickndesign .choice_ticket_total{align-items:center;}
  .clickndesign .sticky-cta{padding:12px 16px 20px;}
  .clickndesign .sticky-cta__btn{gap:12px;height:56px;padding:0 28px;border-radius:28px;box-shadow:0 8px 8px rgba(47,91,255,.3);font-size:16px;}
  .clickndesign .sticky-cta__btn svg{width:18px;height:18px;}
}
@media screen and (max-height:720px){
  .clickndesign section{display:block;min-height:auto;}
}

/* responsive// -------------- */