@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'Pretendard'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Pretendard'}
a{color:var(--prm-gray-800)}
#shWrapper{line-height:1.6;letter-spacing:-1.5%;color:var(--prm-gray-800)}

:root{
--prm-gray-50:rgba(249, 250, 251, 1);
--prm-gray-100:rgba(243, 244, 246, 1);
--prm-gray-200:rgba(229, 231, 235, 1);
--prm-gray-300:rgba(210, 213, 218, 1);
--prm-gray-400:rgba(156, 163, 175, 1);
--prm-gray-500:rgba(109, 114, 128, 1);
--prm-gray-600:rgba(75, 85, 99, 1);
--prm-gray-700:rgba(55, 65, 81, 1);
--prm-gray-800:rgba(31, 41, 55, 1);
--prm-gray-900:rgba(17, 24, 39, 1);
--prm-blue-50:rgba(239, 246, 255, 1);
--prm-blue-100:rgba(219, 234, 254, 1);
--prm-blue-200:rgba(191, 219, 254, 1);
--prm-blue-300:rgba(147, 197, 253, 1);
--prm-blue-400:rgba(96, 165, 250, 1);
--prm-blue-500:rgba(59, 130, 246, 1);
--prm-blue-600:rgba(37, 99, 235, 1);
--prm-blue-700:rgba(29, 78, 216, 1);
--prm-blue-800:rgba(30, 64, 175, 1);
--prm-blue-900:rgba(30, 58, 138, 1);
--prm-dkblue-50:rgba(248, 249, 252, 1);
--prm-dkblue-100:rgba(234, 236, 245, 1);
--prm-dkblue-200:rgba(200, 204, 229, 1);
--prm-dkblue-300:rgba(158, 165, 209, 1);
--prm-dkblue-400:rgba(113, 123, 188, 1);
--prm-dkblue-500:rgba(78, 91, 166, 1);
--prm-dkblue-600:rgba(62, 71, 132, 1);
--prm-dkblue-700:rgba(54, 63, 114, 1);
--prm-dkblue-800:rgba(41, 48, 86, 1);
--prm-dkblue-900:rgba(16, 19, 35, 1);
--scd-purple-50:rgba(250, 245, 255, 1);
--scd-purple-100:rgba(243, 232, 255, 1);
--scd-purple-200:rgba(233, 213, 255, 1);
--scd-purple-300:rgba(216, 180, 254, 1);
--scd-purple-400:rgba(192, 132, 252, 1);
--scd-purple-500:rgba(168, 85, 247, 1);
--scd-purple-600:rgba(147, 51, 234, 1);
--scd-purple-700:rgba(126, 34, 206, 1);
--scd-purple-800:rgba(107, 33, 168, 1);
--scd-purple-900:rgba(88, 28, 135, 1);
--scd-orange-50:rgba(255, 247, 237, 1);
--scd-orange-100:rgba(255, 237, 213, 1);
--scd-orange-200:rgba(254, 215, 170, 1);
--scd-orange-300:rgba(253, 186, 116, 1);
--scd-orange-400:rgba(251, 146, 60, 1);
--scd-orange-500:rgba(249, 115, 22, 1);
--scd-orange-600:rgba(234, 88, 12, 1);
--scd-orange-700:rgba(234, 88, 12, 1);
--scd-orange-800:rgba(154, 52, 18, 1);
--scd-orange-900:rgba(124, 45, 18, 1);
--spt-red-50:rgba(254, 242, 242, 1);
--spt-red-100:rgba(254, 226, 226, 1);
--spt-red-200:rgba(254, 202, 202, 1);
--spt-red-300:rgba(252, 165, 165, 1);
--spt-red-400:rgba(252, 165, 165, 1);
--spt-red-500:rgba(239, 68, 68, 1);
--spt-red-600:rgba(220, 38, 38, 1);
--spt-red-700:rgba(185, 28, 28, 1);
--spt-red-800:rgba(153, 27, 27, 1);
--spt-red-900:rgba(127, 29, 29, 1);
--spt-yellow-50:rgba(254, 252, 232, 1);
--spt-yellow-100:rgba(254, 249, 195, 1);
--spt-yellow-200:rgba(254, 240, 138, 1);
--spt-yellow-300:rgba(253, 224, 71, 1);
--spt-yellow-400:rgba(250, 204, 21, 1);
--spt-yellow-500:rgba(234, 179, 8, 1);
--spt-yellow-600:rgba(202, 138, 4, 1);
--spt-yellow-700:rgba(161, 98, 7, 1);
--spt-yellow-800:rgba(133, 77, 14, 1);
--spt-yellow-900:rgba(113, 63, 18, 1);
--spt-green-50:rgba(240, 253, 244, 1);
--spt-green-100:rgba(220, 252, 231, 1);
--spt-green-200:rgba(187, 247, 208, 1);
--spt-green-300:rgba(134, 239, 172, 1);
--spt-green-400:rgba(74, 222, 128, 1);
--spt-green-500:rgba(34, 197, 94, 1);
--spt-green-600:rgba(22, 163, 74, 1);
--spt-green-700:rgba(21, 128, 61, 1);
--spt-green-800:rgba(22, 101, 52, 1);
--spt-green-900:rgba(20, 83, 45, 1);
}

.material-symbols-outlined {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
}

/* common */
.cm-inner{max-width:1024px;margin:0 auto}
.cm-logo img{width:136px}
.cm-pl{white-space:pre-line}
.cm-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}

/* font-heading */
.cm-hd-lx-bold{margin-bottom:12px;font-size:27px;font-weight:700}
.cm-hd-lx-bold .badge{padding:6px;border-radius:4px;font-size:12px;font-weight:600;line-height:1;color:#fff;background:var(--spt-red-500);animation:badge-flash 1s ease-in-out infinite}
@keyframes badge-flash {to{opacity:1}50%{opacity:0}from{opacity:1}}
.cm-hd-lx-bold .more{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:15px;font-weight:600;color:var(--prm-gray-400)}
.cm-hd-lx-bold .more svg{width:20px;height:20px}
.cm-hd-m-bold{margin-bottom:12px;font-size:22px;font-weight:700}

/* flex */
.cm-flex{display:flex}
.cm-flex.col{display:flex;flex-direction:column}
.cm-flex.wrap{flex-wrap:wrap}
.cm-flex.jc-ct{justify-content:center}
.cm-flex.jc-sb{justify-content:space-between}
.cm-flex.jc-end{justify-content:flex-end}
.cm-flex.ai-start{align-items:flex-start}
.cm-flex.ai-ct{align-items:center}
.cm-flex.ai-end{align-items:flex-end}
.cm-flex.ai-base{align-items:baseline}
.cm-flex.gap10{gap:10px}
.cm-flex.gap8{gap:8px}
.cm-flex.gap6{gap:6px}

/* grid */
.cm-grid{display:grid}
.cm-grid.col3{grid-template-columns:repeat(3, 1fr)}

/* form-input-label */
.cm-label{display:flex;align-items:baseline;gap:4px;margin-bottom:2px;font-size:14px;font-weight:600}
.cm-required{color:var(--spt-red-500)}
.cm-cfm-msg{font-size:12px;font-weight:500}
.cm-cfm-msg.ok{color:var(--prm-blue-500)}
.cm-cfm-msg.error{color:var(--spt-red-500)}

/* form-input*/
.cm-input{height:42px;padding:0 12px;border-radius:4px;border:1px solid var(--prm-gray-200);font-size:14px;color:var(--prm-gray-800);transition:all .15s}
.cm-input.readonly{background:#f5f5f5}
.cm-input.full{width:100%}
.cm-input:focus{border-color:var(--prm-gray-400);outline:none}
.cm-input.error{border-color:var(--spt-red-500)}

/* form-input-password */
.cm-password-wrap{overflow:hidden;padding-right:12px;border-radius:4px;border:1px solid var(--prm-gray-200);}
.cm-password-wrap svg{width:15px;height:15px;color:var(--prm-gray-500)}
.cm-password-wrap .cm-input{border:none}

/* form-select */
.cm-select{cursor:pointer;height:42px;padding:0 30px 0 12px;border-radius:4px;border:1px solid var(--prm-gray-200);font-size:14px;color:var(--prm-gray-800);-webkit-appearance:none;appearance:none;background:url(/sh_img/common/select_arr.png) calc(100% - 6px) center no-repeat #fff;background-size:15px;transition:all .15s}
.cm-select:focus{border-color:var(--prm-gray-400);outline:none}

/* form-checkbox/radio */
.cm-ckbox{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:auto;font-size:14px;font-weight:600;color:var(--primary-gray-800)}
.cm-ckbox span{flex-shrink:0;display:flex;width:18px;height:18px;border-radius:3px;border:1px solid var(--prm-gray-300);color:#fff;text-align:center}
.cm-ckbox span svg{display:none;width:14px;height:14px;stroke-width:3px;margin:auto}
.cm-ckbox input[type="checkbox"]{display:none}
.cm-ckbox input[type="checkbox"]:checked+span{color:#fff;border-color:var(--prm-gray-800);background:var(--prm-gray-800)}
.cm-ckbox input[type="checkbox"]:checked+span svg{display:block}
.cm-ckbox input[type="radio"]{display:none}
.cm-ckbox input[type="radio"]:checked+span{color:#fff;border-color:var(--prm-gray-800);background:var(--prm-gray-800)}
.cm-ckbox input[type="radio"]:checked+span svg{display:block}

/* a, button */
a.cm-btn, .cm-btn{text-align:center;white-space:nowrap}
.cm-btn-dft{border:none;background:none}
.cm-btn.full{width:100%}
/* a, button-size */
.cm-btn.size-xl{height:58px;padding:0 40px;border-radius:8px;font-size:18px;font-weight:700;line-height:58px}
.cm-btn.size-xl.line{line-height:56px}
.cm-btn.size-l{height:50px;padding:0 12px;border-radius:4px;font-size:16px;font-weight:600;line-height:50px}
.cm-btn.size-m{height:42px;padding:0 12px;border-radius:4px;font-size:14px;font-weight:500;line-height:42px}
/* a, button-color */
.cm-btn.blue.fill{color:#fff;background:var(--prm-blue-500)}
.cm-btn.blue.line{color:var(--prm-blue-500);border:1px solid var(--prm-blue-300)}
.cm-btn.dark-gray.fill{color:#fff;background:var(--prm-gray-400)}
.cm-btn.dark.fill{color:#fff;background:var(--prm-gray-800)}
.cm-btn.dark.line{color:var(--prm-gray-800);border:1px solid var(--prm-gray-500)}


/* 공통 모임 카드 리스트 TYPE1  */
.moimz-card-list ul{gap:36px 24px}
.moimz-card{overflow:hidden;border-radius:8px;border:1px solid var(--prm-gray-200);background:#fff;transition:all .15s}
.moimz-card > a{display:flex;flex-direction:column;height:100%}
.moimz-card-thum{aspect-ratio:16 / 9}
.moimz-card-thum img{width:100%;height:100%;object-fit:cover}
.moimz-card-cont{display:flex;flex-direction:column;height:100%;padding:20px 25px}
.moimz-card-category{display:flex;gap:4px;margin-bottom:10px}
.moimz-card-category span{padding:6px;border-radius:4px;font-size:12px;font-weight:600;line-height:1}
.moimz-card-category span.green{color:var(--spt-green-500);background:var(--spt-green-50)}
.moimz-card-category span.orange{color:var(--scd-orange-500);background:var(--scd-orange-50)}
.moimz-card-category span.purple{color:var(--scd-purple-500);background:var(--scd-purple-50)}
.moimz-card-category span.red{color:var(--spt-red-500);background:var(--spt-red-50)}
.moimz-card-name{font-size:18px;font-weight:600}
.moimz-card-desc{font-size:14px;font-weight:400;color:var(--prm-gray-400)}
.moimz-card-meta{display:flex;align-items:center;gap:6px;margin:10px 0 12px;font-size:12px;color:var(--prm-gray-400);line-height:1}
.moimz-card-meta .area{display:flex;align-items:center}
.moimz-card-meta .area i{font-size:14px}
.moimz-card-meta .count{display:flex;align-items:center;gap:6px}
.moimz-card-meta .count .user{display:flex;align-items:center}
.moimz-card-meta .count .user::before{display:block;content:"";width:2px;height:2px;margin-right:6px;background:var(--prm-gray-400)}
.moimz-card-meta .count .user-img{overflow:hidden;width:22px;height:22px;border-radius:50%;border:2px solid #fff}
.moimz-card-meta .count .user-img img{width:100%;height:100%;object-fit:cover}
.moimz-card-meta .count .user-img+.user-img{margin-left:-7px}
.moimz-card-btn{display:block;margin-top:auto;padding:8px 0;border-radius:4px;border:1px solid var(--spt-green-500);font-size:16px;font-weight:600;text-align:center;color:var(--spt-green-500);transition:all .15s}
@media(hover:hover){
.moimz-card:hover{box-shadow:0 4px 20px rgba(31,41,55,0.12)}    
.moimz-card:hover .moimz-card-btn{color:#fff;background:var(--spt-green-500)}
}

/* 공통 인맥 카드 리스트 */
.connect-card{border-radius:8px;border:1px solid var(--prm-gray-200);transition:all .15s}
.connect-card > a{display:block;padding:25px}
.connect-card-user-wrap{overflow:hidden;position:relative;width:64px;height:64px;padding:3px;border-radius:50%}
.connect-card-user-wrap:before{position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:linear-gradient(140deg,rgba(59, 130, 246, 1) 20%, rgba(147, 51, 234, 1) 100%);animation:ringRotate 1.5s ease-in infinite}
@keyframes ringRotate{100%{transform:rotate(360deg)}}
.connect-card-user{overflow:hidden;position:relative;width:58px;height:58px;border-radius:50%}
.connect-card-user img{width:100%;height:100%;object-fit:cover}
.connect-card-info{display:flex;flex-direction:column;margin:7px 0 0 14px}
.connect-card-info .name{font-size:18px;font-weight:600}
.connect-card-info .meta{display:flex;align-items:center;gap:2px;font-size:12px;color:var(--prm-gray-400);line-height:1}
.connect-card-info .meta i{font-size:16px}
.connect-card-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;margin-left:auto;border-radius:100px;font-size:13px;font-weight:500;color:var(--prm-gray-400);line-height:1;background:var(--prm-gray-100);transition:all .15s}
.connect-card-btn i{font-size:16px}
.connect-card-moim{display:flex;align-items:center;justify-content:flex-end}
.connect-card-moim .moim-img{overflow:hidden;width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:var(--prm-gray-400)}
.connect-card-moim .moim-img img{width:100%;height:100%;object-fit:cover}
.connect-card-moim .moim-img+.moim-img{margin-left:-12px}
.connect-card-moim .more{display:flex;font-size:12px;font-weight:600;color:#fff;text-align:center}
.connect-card-moim .more span{margin:auto}
@media(hover:hover){
.connect-card:hover{box-shadow:0 4px 20px rgba(31,41,55,0.12)}    
.connect-card:hover .connect-card-btn{color:#fff;background:var(--prm-blue-500)}
}

/* header */
#hdWarp .cm-inner{height:75px}
#hdWarp .gnb{margin-left:6%}
#hdWarp .gnb ul{gap:30px}
#hdWarp .gnb ul li{font-size:16px;font-weight:600}
#hdWarp .utility{gap:25px;margin-left:auto;font-size:15px}
#hdWarp .utility {font-weight:600}
#hdWarp .utility .log{padding:10px;border-radius:4px;color:#fff;background:var(--prm-gray-900)}

/* main */
#mainSection{position:relative}

/* footer */
#shFooter{padding:120px 0 75px;font-size:14px;color:var(--prm-gray-500);background:var(--prm-gray-900)}
#shFooter .txt{margin-bottom:120px}
#shFooter .txt p{font-size:36px;color:#fff;line-height:1.4}
#shFooter .btns{gap:8px;margin-left:auto}
#shFooter .btns .line{border-color:var(--prm-blue-500)}
#shFooter .copy{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12)}
#shFooter .prv a{color:var(--prm-gray-500)}
#shFooter .prv a+a:before{display:inline-block;content:"";width:1px;height:10px;margin:0 8px;background:rgba(255,255,255,.2)}