@charset "utf-8";

/* 비교과 프로그램 게시판 스킨 (huss_program) */
.pg_bo{padding-bottom:160px; color:#204c75; word-break:keep-all;}
.pg_bo *, .pg_bo *:before, .pg_bo *:after{box-sizing:border-box;}
.pg_bo ul, .pg_bo ol, .pg_bo li, .pg_bo dl, .pg_bo dd{list-style:none; margin:0; padding:0;}
.pg_bo button{font-family:inherit; cursor:pointer;}
.pg_bo .m_br{display:none;}
.pg_bo p{word-break:keep-all;}
.pg_bo [hidden]{display:none !important;}
.pg_bo > :first-child{margin-top:0;}

/* 버튼 */
.pg_btn{display:inline-flex; align-items:center; justify-content:center; gap:6px; height:48px; padding:0 24px; border:1px solid #204c75; border-radius:100px; background:#fff; font-size:15px; font-weight:700; color:#204c75; transition:background .3s ease, color .3s ease, border-color .3s ease;}
.pg_btn i{font-size:18px;}
.pg_btn:hover, .pg_btn:focus-visible{background:#204c75; color:#fff;}
.pg_btn.pt{border-color:#246ba5; background:#246ba5; color:#fff;}
.pg_btn.pt:hover, .pg_btn.pt:focus-visible{border-color:#204c75; background:#204c75;}
.pg_btn.del{border-color:#d64545; color:#d64545;}
.pg_btn.del:hover, .pg_btn.del:focus-visible{background:#d64545; color:#fff;}
.pg_foot{display:flex; justify-content:center; gap:8px; margin-top:50px;}


/* 최고관리자 */
.pg_admin{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:24px; padding:16px 20px; border:1px dashed #c4dcee; border-radius:18px; background:#f5fafe;}
.pg_admin .a_tit{display:inline-flex; align-items:center; gap:6px; margin-right:auto; font-size:15px; font-weight:700; color:#246ba5;}
.pg_admin .a_tit i{font-size:18px;}
.pg_admin > a{display:inline-flex; align-items:center; gap:6px; height:42px; padding:0 18px; border:1px solid #204c75; border-radius:100px; font-size:14px; font-weight:700; color:#204c75; transition:background .3s ease, color .3s ease;}
.pg_admin > a i{font-size:17px;}
.pg_admin > a.pt, .pg_admin > a:hover, .pg_admin > a:focus-visible{background:#204c75; color:#fff;}

/* 연차 탭 */
.pg_tabs{display:flex; gap:10px; margin-top:40px; padding:8px; border-radius:24px; background:#f5fafe;}
.pg_tabs a{flex:1 1 0; display:flex; align-items:center; justify-content:center; gap:10px; height:64px; padding:0 16px; border-radius:18px; font-size:17px; font-weight:700; color:#4b5468; transition:all .3s ease;}
.pg_tabs a em{font-family:'Outfit', 'Pretendard', sans-serif; font-style:normal; font-size:14px; font-weight:600; color:#9aa3b5; transition:color .3s ease;}
.pg_tabs a b{display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:24px; padding:0 8px; border-radius:100px; background:#dcebf5; font-size:13px; font-weight:800; color:#246ba5; transition:all .3s ease;}
.pg_tabs a:hover, .pg_tabs a:focus-visible{background:#fff; color:#204c75;}
.pg_tabs a.on{background:#204c75; color:#fff; box-shadow:0 14px 28px rgba(32,76,117,.22);}
.pg_tabs a.on em{color:#a9dcf5;}
.pg_tabs a.on b{background:rgba(255,255,255,.16); color:#fff;}

/* 워드클라우드 (회전 구) */
.pg_cloud{position:relative; overflow:hidden; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:center; gap:40px; margin-top:30px; padding:40px 90px; border-radius:36px; background:#f5f6f8;}
.pg_cloud > *{position:relative;}
.pg_cloud .c_head em{font-style:normal; font-size:13px; font-weight:800; color:#246ba5; letter-spacing:1.5px; text-transform:uppercase;}
.pg_cloud .c_head h3{margin:14px 0 0; font-size:38px; font-weight:300; color:#204c75; letter-spacing:-1.4px; line-height:1.35;}
.pg_cloud .c_head h3 b{font-weight:800; color:#246ba5;}
.pg_cloud .c_head h3 strong{font-weight:800;}
.pg_cloud .c_legend{display:flex; gap:16px; margin-top:26px;}
.pg_cloud .c_legend li{display:flex; align-items:center; gap:6px; font-size:14px; font-weight:700; color:#4b5468;}
.pg_cloud .c_legend li:before{content:""; width:10px; height:10px; border-radius:50%; background:var(--gc);}
.pg_cloud .g_pub{--gc:#246ba5;}
.pg_cloud .g_pri{--gc:#267d7c;}
.pg_cloud .g_aca{--gc:#348bc1;}
.pg_cloud .g_etc{--gc:#204c75;}
.pg_cloud .c_stage{display:flex; align-items:center; justify-content:center; touch-action:pan-y; -webkit-user-select:none; user-select:none;}
.pg_cloud .c_words{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 10px;}
.pg_cloud .c_words button{padding:5px 12px; border:0; border-radius:100px; background:none; font-size:19px; font-weight:800; color:var(--gc); letter-spacing:-.6px; line-height:1.3; white-space:nowrap; transition:background .25s ease, color .25s ease, box-shadow .25s ease;}
.pg_cloud .c_words button:hover, .pg_cloud .c_words button:focus-visible{background:var(--gc); color:#fff; box-shadow:0 10px 22px rgba(32,76,117,.22); outline:none;}
/* 스크립트 적용 후 : 구 형태로 배치 */
.pg_cloud .c_words.is_sphere{position:relative; display:block; width:400px; height:400px; cursor:grab;}
.pg_cloud .c_words.is_sphere:active{cursor:grabbing;}
.pg_cloud .c_words.is_sphere li{position:absolute; left:50%; top:50%; will-change:transform, opacity;}
.pg_cloud .c_words.is_sphere li.is_back{pointer-events:none;}

/* 연계기관별 프로그램 레이어팝업 */
html.pg-pop-open, html.pg-pop-open body{overflow:hidden;}
.pg_pop{position:fixed; left:0; top:0; z-index:10000; display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:40px 30px; color:#204c75; word-break:keep-all;}
.pg_pop *, .pg_pop *:before, .pg_pop *:after{box-sizing:border-box;}
.pg_pop ul, .pg_pop li{list-style:none; margin:0; padding:0;}
.pg_pop[hidden]{display:none;}
.pg_pop .pp_dim{position:absolute; inset:0; background:rgba(12,30,50,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); opacity:0; transition:opacity .3s ease;}
.pg_pop .pp_box{position:relative; display:flex; flex-direction:column; width:100%; max-width:720px; max-height:100%; border-radius:30px; background:#fff; box-shadow:0 40px 80px rgba(12,30,50,.3); overflow:hidden; opacity:0; transform:translateY(30px) scale(.97); transition:opacity .3s ease, transform .4s cubic-bezier(.2,.8,.2,1); outline:none;}
.pg_pop.on .pp_dim{opacity:1;}
.pg_pop.on .pp_box{opacity:1; transform:none;}
.pg_pop .pp_head{position:relative; overflow:hidden; flex:0 0 auto; display:flex; align-items:center; gap:16px; padding:32px 96px 28px 36px; background:linear-gradient(125deg, #204c75 0%, #246ba5 55%, #348bc1 100%); color:#fff;}
.pg_pop .pp_head:before{content:""; position:absolute; right:30px; top:-110px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(169,220,245,.3) 0%, rgba(169,220,245,0) 70%);}
.pg_pop .pp_head > *{position:relative;}
.pg_pop .pp_ico{flex:0 0 56px; display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:rgba(255,255,255,.14); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2); font-size:26px;}
.pg_pop .pp_ttl{flex:1 1 auto; min-width:0;}
.pg_pop .pp_ttl em{display:block; font-style:normal; font-size:13px; font-weight:700; color:#a9dcf5; letter-spacing:.5px;}
.pg_pop .pp_ttl strong{display:block; margin-top:4px; font-size:26px; font-weight:800; letter-spacing:-.8px; line-height:1.35;}
.pg_pop .pp_cnt{flex:0 0 auto; padding:8px 14px; border-radius:100px; background:rgba(255,255,255,.14); font-size:14px; font-weight:600; color:rgba(255,255,255,.85);}
.pg_pop .pp_cnt b{font-weight:800; color:#fff;}
.pg_pop .pp_close{position:absolute; top:26px; right:26px; z-index:2; display:flex; align-items:center; justify-content:center; width:46px; height:46px; border:0; border-radius:50%; background:rgba(255,255,255,.14); font-size:24px; color:#fff; cursor:pointer; transition:background .3s ease, color .3s ease, transform .3s ease;}
.pg_pop .pp_close:hover, .pg_pop .pp_close:focus-visible{background:#fff; color:#246ba5; transform:rotate(90deg);}
.pg_pop .pp_body{flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:26px 30px 32px; background:#f5fafe;}
.pg_pop .pp_list{display:grid; gap:10px;}
.pg_pop .pp_list a{--tc:#246ba5; position:relative; display:block; padding:20px 70px 20px 24px; border:1px solid #dcebf5; border-radius:18px; background:#fff; transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease;}
.pg_pop .p_tags{display:flex; flex-wrap:wrap; gap:6px;}
.pg_pop .p_type{display:inline-flex; align-items:center; height:26px; padding:0 11px; border-radius:100px; background:#f5fafe; background:color-mix(in srgb, var(--tc) 13%, #fff); font-size:12px; font-weight:800; color:var(--tc);}
.pg_pop .p_year{display:inline-flex; align-items:center; height:26px; padding:0 11px; border-radius:100px; background:#f5fafe; font-size:12px; font-weight:700; color:#4b5468;}
.pg_pop .pp_list strong{display:block; margin-top:10px; font-size:17px; font-weight:800; color:#204c75; letter-spacing:-.5px; line-height:1.45;}
.pg_pop .p_date{display:flex; align-items:center; gap:4px; margin-top:8px; font-size:14px; font-weight:600; color:#7b8497;}
.pg_pop .p_go{position:absolute; right:20px; top:50%; display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin-top:-18px; border-radius:50%; background:#f5fafe; font-size:18px; color:#204c75; transition:background .3s ease, color .3s ease, transform .3s ease;}
.pg_pop .pp_list a:hover, .pg_pop .pp_list a:focus-visible{border-color:var(--tc); box-shadow:0 14px 28px rgba(32,76,117,.12); transform:translateY(-2px);}
.pg_pop .pp_list a:hover .p_go, .pg_pop .pp_list a:focus-visible .p_go{background:var(--tc); color:#fff; transform:translateX(3px);}

/* 필터 바 */
.pg_bar{display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin:50px 0 20px;}
.pg_chips{display:flex; flex-wrap:wrap; gap:6px;}
.pg_chips button{--tc:#246ba5; display:inline-flex; align-items:center; gap:5px; height:42px; padding:0 16px; border:1px solid #dcebf5; border-radius:100px; background:#fff; font-size:14px; font-weight:700; color:#4b5468; transition:all .3s ease;}
.pg_chips button i{font-size:16px; color:var(--tc); transition:color .3s ease;}
.pg_chips button span{font-size:12px; font-weight:800; color:#9aa3b5; transition:color .3s ease;}
.pg_chips button:hover, .pg_chips button:focus-visible{border-color:var(--tc); color:var(--tc);}
.pg_chips button.on{border-color:var(--tc); background:var(--tc); color:#fff;}
.pg_chips button.on i, .pg_chips button.on span{color:rgba(255,255,255,.85);}
.pg_sch{position:relative; flex:0 0 320px;}
.pg_sch i{position:absolute; left:18px; top:50%; margin-top:-10px; font-size:20px; color:#7b8497; pointer-events:none;}
.pg_sch input{width:100%; height:48px; padding:0 18px 0 46px; border:1px solid #dcebf5; border-radius:100px; background:#fff; font-size:15px; color:#204c75; outline:none; transition:border-color .3s ease, box-shadow .3s ease;}
.pg_sch input:focus{border-color:#246ba5; box-shadow:0 0 0 4px rgba(36,107,165,.1);}

/* 프로그램 카드 */
.pg_list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px;}
.pg_list > li{--tc:#246ba5; display:flex;}
.pg_card{position:relative; display:flex; width:100%; overflow:hidden; border:1px solid #dcebf5; border-radius:22px; background:#fff; transition:border-color .35s ease, box-shadow .35s ease, transform .35s ease;}
.pg_card .c_thumb{position:relative; flex:0 0 190px; display:flex; align-items:center; justify-content:center; overflow:hidden; min-height:230px; background:#f5fafe; background:color-mix(in srgb, var(--tc) 12%, #fff);}
.pg_card .c_thumb i{font-size:54px; color:var(--tc); opacity:.8; transition:transform .5s ease;}
.pg_card .c_thumb.has_img{align-items:flex-start; min-height:0;}
.pg_card .c_thumb img{display:block; width:100%; height:auto; transition:transform .6s ease;}
.pg_card .c_body{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; padding:26px 28px 22px;}
.pg_card .c_tags{display:flex; flex-wrap:wrap; gap:6px;}
.pg_card .c_type{display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:100px; background:#f5fafe; background:color-mix(in srgb, var(--tc) 13%, #fff); font-size:13px; font-weight:800; color:var(--tc);}
.pg_card .c_year{display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:100px; background:#f5fafe; font-size:13px; font-weight:700; color:#4b5468;}
.pg_card .c_tit{display:block; margin-top:14px; padding-right:40px; font-size:19px; font-weight:800; color:#204c75; letter-spacing:-.6px; line-height:1.45; transition:color .3s ease;}
.pg_card .c_desc{display:block; margin-top:10px; font-size:15px; color:#4b5468; line-height:1.65;}
.pg_card .c_meta{display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:auto; padding-top:16px; border-top:1px solid #dcebf5; font-size:14px; font-weight:600; color:#7b8497;}
.pg_card .c_desc + .c_meta, .pg_card .c_tit + .c_meta{margin-top:18px;}
.pg_card .c_meta > span{display:inline-flex; align-items:center; gap:5px;}
.pg_card .c_meta i{font-size:16px; color:#204c75;}
.pg_card .c_meta .m_org{width:100%;}
.pg_card .c_go{position:absolute; top:22px; right:22px; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:#f5fafe; font-size:18px; color:#204c75; transition:background .3s ease, color .3s ease, transform .3s ease;}
.pg_card:hover, .pg_card:focus-visible{border-color:transparent; box-shadow:0 22px 44px rgba(32,76,117,.12), inset 0 0 0 2px var(--tc); transform:translateY(-4px);}
.pg_card:hover .c_thumb img, .pg_card:focus-visible .c_thumb img{transform:scale(1.05);}
.pg_card:hover .c_thumb i, .pg_card:focus-visible .c_thumb i{transform:scale(1.12) rotate(-6deg);}
.pg_card:hover .c_tit, .pg_card:focus-visible .c_tit{color:var(--tc);}
.pg_card:hover .c_go, .pg_card:focus-visible .c_go{background:var(--tc); color:#fff; transform:rotate(45deg);}
.pg_card:focus-visible{outline:3px solid #348bc1; outline-offset:3px;}

.pg_empty{margin-top:30px; padding:80px 20px; border:1.5px dashed #c4dcee; border-radius:24px; text-align:center;}
.pg_empty i{font-size:50px; color:#c4dcee;}
.pg_empty p{margin-top:8px; font-size:17px; color:#7b8497;}

/* 2단계 게시 예정 */
.pg_soon{position:relative; overflow:hidden; margin-top:30px; padding:70px 50px 60px; border-radius:36px; background:linear-gradient(180deg, #f1faf6 0%, #e7f4f4 100%); text-align:center;}
.pg_soon:before{content:""; position:absolute; inset:0; background-image:radial-gradient(#cde8e7 1.2px, transparent 1.2px); background-size:22px 22px; -webkit-mask-image:linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 70%); mask-image:linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 70%); pointer-events:none;}
.pg_soon > *{position:relative;}
.pg_soon .s_ico{display:inline-flex; align-items:center; justify-content:center; width:84px; height:84px; border-radius:50%; background:#fff; font-size:40px; color:#267d7c; box-shadow:0 16px 30px rgba(38,125,124,.15); animation:pgFlip 3s ease-in-out infinite;}
@keyframes pgFlip{
	0%, 40%{transform:rotate(0);}
	50%, 90%{transform:rotate(180deg);}
	100%{transform:rotate(360deg);}
}
.pg_soon em{display:block; margin-top:24px; font-style:normal; font-size:14px; font-weight:800; color:#267d7c; letter-spacing:2px; text-transform:uppercase;}
.pg_soon strong{display:block; margin-top:10px; font-size:32px; font-weight:800; letter-spacing:-1px; line-height:1.4;}
.pg_soon > p{margin-top:12px; font-size:17px; color:#4b5468; line-height:1.6;}
.pg_soon .s_line{position:relative; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:820px; margin:44px auto 0;}
.pg_soon .s_line:before{content:""; position:absolute; left:16.66%; right:16.66%; top:13px; height:3px; border-radius:3px; background:linear-gradient(90deg, #267d7c 0%, #267d7c 50%, #e3f4f3 50%, #e3f4f3 100%);}
.pg_soon .s_line li{position:relative; display:flex; flex-direction:column; align-items:center; padding-top:40px;}
.pg_soon .s_line li:before{content:""; position:absolute; top:0; left:50%; width:28px; height:28px; margin-left:-14px; border:4px solid #e3f4f3; border-radius:50%; background:#fff;}
.pg_soon .s_line li.done:before{border-color:#267d7c; background:#267d7c;}
.pg_soon .s_line li.now:before{border-color:#267d7c; box-shadow:0 0 0 6px rgba(38,125,124,.15);}
.pg_soon .s_line b{font-size:17px; font-weight:800;}
.pg_soon .s_line span{margin-top:2px; font-size:14px; color:#7b8497;}
.pg_soon .s_line em{margin-top:8px; padding:4px 10px; border-radius:100px; background:#fff; font-size:12px; letter-spacing:.5px; color:#4b5468; text-transform:none;}
.pg_soon .s_line li.now em{background:#267d7c; color:#fff;}
.pg_soon .s_btns{display:flex; justify-content:center; gap:8px; margin-top:44px;}
.pg_soon .s_btns a{display:inline-flex; align-items:center; gap:6px; height:52px; padding:0 26px; border:1px solid #204c75; border-radius:100px; background:#fff; font-size:15px; font-weight:700; color:#204c75; transition:background .3s ease, color .3s ease;}
.pg_soon .s_btns a.pt{border-color:#267d7c; background:#267d7c; color:#fff;}
.pg_soon .s_btns a:hover, .pg_soon .s_btns a:focus-visible{background:#204c75; border-color:#204c75; color:#fff;}

/* 보기 */
.pv_head{padding-bottom:30px; border-bottom:2px solid #204c75;}
.pv_head .h_tags{display:flex; flex-wrap:wrap; gap:6px;}
.pv_head .h_stage{display:inline-flex; align-items:center; height:32px; padding:0 14px; border-radius:100px; background:#204c75; font-size:13px; font-weight:800; color:#fff; letter-spacing:.3px;}
.pv_head .h_type{display:inline-flex; align-items:center; gap:4px; height:32px; padding:0 14px; border-radius:100px; background:#f5fafe; background:color-mix(in srgb, var(--tc) 13%, #fff); font-size:14px; font-weight:800; color:var(--tc);}
.pv_head .h_tit{margin:18px 0 0; font-size:32px; font-weight:800; color:#204c75; letter-spacing:-1px; line-height:1.4;}
.pv_body{display:grid; grid-template-columns:420px minmax(0, 1fr); gap:50px; align-items:start; margin-top:40px;}
.pv_body.no_poster{grid-template-columns:1fr;}
.pv_poster{position:sticky; top:120px; margin:0;}
.pv_poster a{position:relative; display:block; overflow:hidden; border-radius:24px; box-shadow:0 24px 50px rgba(32,76,117,.16);}
.pv_poster img{display:block; width:100%; height:auto; transition:transform .6s ease;}
.pv_poster .zoom{position:absolute; right:16px; bottom:16px; display:inline-flex; align-items:center; gap:4px; height:38px; padding:0 14px; border-radius:100px; background:rgba(32,76,117,.8); font-size:13px; font-weight:700; color:#fff; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);}
.pv_poster a:hover img, .pv_poster a:focus-visible img{transform:scale(1.03);}
.pv_info .i_list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
.pv_info .i_list > div{padding:18px 20px; border-radius:18px; background:#f5fafe;}
.pv_info .i_list dt{display:flex; align-items:center; gap:5px; font-size:13px; font-weight:700; color:#7b8497;}
.pv_info .i_list dt i{font-size:16px; color:var(--tc);}
.pv_info .i_list dd{margin-top:6px; font-size:17px; font-weight:700; color:#204c75; line-height:1.5;}
.pv_info .i_orgs, .pv_info .i_result, .pv_info .i_content{margin-top:30px;}
.pv_info strong{display:flex; align-items:center; gap:6px; font-size:19px; font-weight:800; letter-spacing:-.5px;}
.pv_info strong i{font-size:21px; color:var(--tc);}
.pv_info .i_orgs ul{display:flex; flex-wrap:wrap; gap:6px; margin-top:14px;}
.pv_info .i_orgs li{padding:9px 16px; border:1px solid #dcebf5; border-radius:100px; background:#fff; font-size:15px; font-weight:700; color:#204c75;}
.pv_info .i_result ul{display:grid; gap:8px; margin-top:14px; padding:22px 24px; border-radius:20px; background:linear-gradient(135deg, #f5fafe 0%, #e5f3fb 100%); box-shadow:inset 0 0 0 1px #c4dcee;}
.pv_info .i_result li{position:relative; padding-left:24px; font-size:16px; font-weight:600; color:#204c75; line-height:1.55;}
.pv_info .i_result li:before{content:""; position:absolute; left:3px; top:6px; width:6px; height:11px; border:solid #246ba5; border-width:0 2.5px 2.5px 0; transform:rotate(45deg);}
.pv_info .c_txt{margin-top:14px; font-size:17px; color:#4b5468; line-height:1.85; overflow-wrap:anywhere;}
.pv_info .c_txt img{max-width:100%; height:auto;}
.pv_info .i_files{display:grid; gap:6px; margin-top:24px;}
.pv_info .i_files a{display:flex; align-items:center; gap:6px; padding:14px 18px; border:1px solid #dcebf5; border-radius:14px; font-size:15px; font-weight:600; color:#204c75; transition:border-color .3s ease, color .3s ease;}
.pv_info .i_files a span{color:#9aa3b5;}
.pv_info .i_files a:hover, .pv_info .i_files a:focus-visible{border-color:#246ba5; color:#246ba5;}

.pv_nav{display:grid; margin-top:60px; border-top:1px solid #dcebf5;}
.pv_nav a{display:flex; align-items:center; gap:20px; padding:20px 10px; border-bottom:1px solid #dcebf5; transition:background .3s ease;}
.pv_nav em{flex:0 0 130px; display:flex; align-items:center; gap:4px; font-style:normal; font-size:14px; font-weight:700; color:#7b8497;}
.pv_nav span{flex:1 1 auto; min-width:0; overflow:hidden; font-size:16px; font-weight:600; color:#204c75; text-overflow:ellipsis; white-space:nowrap;}
.pv_nav a:hover, .pv_nav a:focus-visible{background:#f5fafe;}

/* 쓰기 */
.pg_form{padding:40px 44px; border:1px solid #dcebf5; border-radius:28px; background:#fff;}
.pg_form .f_head{padding-bottom:22px; border-bottom:2px solid #204c75;}
.pg_form .f_head strong{font-size:24px; font-weight:800; letter-spacing:-.6px;}
.pg_form .f_head p{margin-top:6px; font-size:14px; color:#7b8497;}
.pg_form b{color:#e8484f;}
.pg_form .f_sec{margin:36px 0 16px; font-size:18px; font-weight:800; color:#246ba5;}
.pg_form .f_grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px 24px;}
.pg_form .f_full{grid-column:1 / -1;}
.pg_form label{display:block; margin-bottom:8px; font-size:15px; font-weight:700; color:#204c75;}
.pg_form input[type="text"], .pg_form input[type="number"], .pg_form select{width:100%; height:52px; padding:0 18px; border:1px solid #dcebf5; border-radius:14px; background:#fff; font-size:15px; color:#204c75; outline:none; transition:border-color .3s ease, box-shadow .3s ease;}
.pg_form input:focus, .pg_form select:focus{border-color:#246ba5; box-shadow:0 0 0 4px rgba(36,107,165,.1);}
.pg_form input[type="file"]{width:100%; padding:12px 14px; border:1px dashed #c4dcee; border-radius:14px; background:#f5fafe; font-size:14px;}
.pg_form .f_help{margin-top:6px; font-size:13px; color:#9aa3b5;}
.pg_form .f_del{display:flex; align-items:center; gap:6px; margin-top:8px; font-size:13px; font-weight:500; color:#4b5468;}
.pg_form .f_editor textarea{width:100%; min-height:260px; padding:16px 18px; border:1px solid #dcebf5; border-radius:14px; font-size:15px; line-height:1.7;}
.pg_form .f_captcha{margin-top:24px;}

@media (prefers-reduced-motion: reduce){
	.pg_soon .s_ico{animation:none;}
}

/* 반응형 */
@media (max-width: 1400px){
	.pg_card .c_thumb{flex-basis:160px;}
	.pg_card .c_body{padding:24px 24px 20px;}
	.pg_card .c_tit{font-size:18px;}
	.pv_body{grid-template-columns:360px minmax(0, 1fr); gap:40px;}
	.pg_cloud{gap:30px; padding:36px 64px;}
	.pg_cloud .c_head h3{font-size:33px;}
	.pg_cloud .c_words.is_sphere{width:360px; height:360px;}
	.pg_cloud .c_words button{font-size:17px;}
}
@media (max-width: 1170px){
	.pg_bo{padding-bottom:100px;}
	.pg_list{grid-template-columns:1fr;}
	.pg_card .c_thumb{flex-basis:180px;}
	.pg_bar{flex-direction:column; align-items:stretch;}
	.pg_sch{flex-basis:auto;}
	.pv_head .h_tit{font-size:28px;}
	.pv_body{grid-template-columns:300px minmax(0, 1fr); gap:32px;}
	.pg_cloud{gap:20px; padding:30px 44px;}
	.pg_cloud .c_head h3{font-size:28px; letter-spacing:-1px;}
	.pg_cloud .c_words.is_sphere{width:330px; height:330px;}
	.pg_cloud .c_words button{padding:4px 10px; font-size:16px;}
}
@media (max-width: 980px){
	.pg_tabs a{flex-direction:column; gap:4px; height:auto; padding:14px 8px; font-size:16px;}
	.pv_body{grid-template-columns:1fr;}
	.pg_cloud{grid-template-columns:1fr; gap:10px; padding:40px 30px 30px; text-align:center;}
	.pg_cloud .c_legend{justify-content:center; margin-top:18px;}
	.pg_cloud .c_words.is_sphere{width:360px; height:360px;}
	.pv_poster{position:relative; top:auto; max-width:420px; margin:0 auto;}
	.pg_form .f_grid{grid-template-columns:1fr;}
	.pg_soon strong{font-size:28px;}
}
@media (max-width: 767px){
	.pg_bo{padding-bottom:60px;}
	.pg_bo .m_br{display:block;}
	.pg_admin{padding:14px 16px;}
	.pg_admin .a_tit{width:100%;}
	.pg_tabs{gap:4px; margin-top:28px; padding:5px; border-radius:18px;}
	.pg_tabs a{padding:10px 4px; border-radius:14px; font-size:14px;}
	.pg_tabs a span{text-align:center;}
	.pg_tabs a em{display:block; font-size:12px;}
	.pg_tabs a b{min-width:24px; height:20px; font-size:12px;}
	.pg_cloud{margin-top:20px; padding:32px 14px 18px; border-radius:26px;}
	.pg_cloud .c_head em{font-size:11px; letter-spacing:1px;}
	.pg_cloud .c_head h3{margin-top:10px; font-size:23px;}
	.pg_cloud .c_legend li{font-size:13px;}
	.pg_cloud .c_words.is_sphere{width:280px; height:280px;}
	.pg_cloud .c_words button{padding:3px 8px; font-size:14px; letter-spacing:-.4px;}
	.pg_pop{align-items:flex-end; padding:0;}
	.pg_pop .pp_box{max-height:86%; border-radius:26px 26px 0 0; transform:translateY(60px);}
	.pg_pop .pp_head{flex-wrap:wrap; gap:12px; padding:26px 72px 22px 20px;}
	.pg_pop .pp_ico{flex-basis:44px; width:44px; height:44px; font-size:20px;}
	.pg_pop .pp_ttl strong{font-size:20px;}
	.pg_pop .pp_cnt{order:3; margin-left:56px; padding:6px 12px; font-size:13px;}
	.pg_pop .pp_close{top:20px; right:16px; width:42px; height:42px; font-size:22px;}
	.pg_pop .pp_body{padding:18px 16px 26px;}
	.pg_pop .pp_list a{padding:16px 56px 16px 18px; border-radius:16px;}
	.pg_pop .pp_list strong{font-size:15px;}
	.pg_pop .p_date{font-size:13px;}
	.pg_pop .p_go{right:14px; width:32px; height:32px; margin-top:-16px; font-size:16px;}
	.pg_bar{gap:14px; margin:36px 0 14px;}
	.pg_chips{flex-wrap:nowrap; overflow-x:auto; margin:0 -5%; padding:0 5% 4px; scrollbar-width:none;}
	.pg_chips::-webkit-scrollbar{display:none;}
	.pg_chips button{flex:0 0 auto; height:38px; padding:0 14px; font-size:13px;}
	.pg_sch input{height:46px; font-size:14px;}
	.pg_list{gap:12px;}
	.pg_card{flex-direction:column; border-radius:20px;}
	.pg_card .c_thumb{flex-basis:auto; height:190px; min-height:0;}
	.pg_card .c_thumb.has_img{height:auto; align-items:center; padding:22px 0;}
	.pg_card .c_thumb.has_img img{width:170px; border-radius:8px; box-shadow:0 12px 26px rgba(32,76,117,.2);}
	.pg_card .c_thumb i{font-size:46px;}
	.pg_card .c_body{padding:20px 20px 18px;}
	.pg_card .c_tit{margin-top:12px; padding-right:0; font-size:17px;}
	.pg_card .c_desc{font-size:14px;}
	.pg_card .c_meta{font-size:13px;}
	.pg_card .c_go{top:14px; right:14px; background:#fff; box-shadow:0 6px 14px rgba(32,76,117,.15);}
	.pg_empty{padding:60px 20px;}
	.pg_soon{padding:50px 20px 44px; border-radius:26px;}
	.pg_soon .s_ico{width:68px; height:68px; font-size:32px;}
	.pg_soon em{margin-top:18px; font-size:12px;}
	.pg_soon strong{font-size:22px;}
	.pg_soon > p{font-size:15px;}
	.pg_soon .s_line{margin-top:34px;}
	.pg_soon .s_line b{font-size:14px;}
	.pg_soon .s_line span{font-size:12px;}
	.pg_soon .s_line em{font-size:11px;}
	.pg_soon .s_btns{flex-direction:column; align-items:stretch; margin-top:34px;}
	.pg_soon .s_btns a{justify-content:center; height:48px; font-size:14px;}
	.pv_head{padding-bottom:22px;}
	.pv_head .h_stage, .pv_head .h_type{height:28px; padding:0 12px; font-size:12px;}
	.pv_head .h_tit{margin-top:14px; font-size:22px;}
	.pv_body{gap:26px; margin-top:26px;}
	.pv_poster a{border-radius:18px;}
	.pv_info .i_list{grid-template-columns:1fr; gap:8px;}
	.pv_info .i_list > div{padding:14px 16px; border-radius:14px;}
	.pv_info .i_list dd{font-size:15px;}
	.pv_info strong{font-size:17px;}
	.pv_info .i_orgs li{padding:7px 13px; font-size:14px;}
	.pv_info .i_result ul{padding:18px 18px;}
	.pv_info .i_result li{font-size:14px;}
	.pv_info .c_txt{font-size:15px;}
	.pv_nav{margin-top:40px;}
	.pv_nav a{flex-direction:column; align-items:flex-start; gap:4px; padding:16px 4px;}
	.pv_nav em{flex-basis:auto; font-size:13px;}
	.pv_nav span{width:100%; font-size:15px;}
	.pg_form{padding:28px 20px; border-radius:22px;}
	.pg_form .f_head strong{font-size:20px;}
	.pg_form input[type="text"], .pg_form input[type="number"], .pg_form select{height:48px; font-size:14px;}
	.pg_btn{height:46px; padding:0 20px; font-size:14px;}
}
@media (max-width: 520px){
	.pg_tabs a{font-size:13px;}
	.pg_card .c_thumb.has_img img{width:150px;}
	.pg_cloud .c_words.is_sphere{width:260px; height:260px;}
	.pg_cloud .c_words button{font-size:13px;}
}