/* list */
#bbslist {margin:auto;padding:0 0 30px 0;}
#bbslist .info {height:28px;}
#bbslist .info .article {float:left;font-size:11px;font-family:gothic,dotum;color:#c0c0c0;padding:5px 0 0 5px;}
#bbslist .info .article a {position:relative;top:3px;left:3px;}
#bbslist .info .category {float:right;padding:0 0 5px 0;}
#bbslist .info .category select {padding:1px;margin-bottom:3px;}
#bbslist .info .category select .sline {color:#c0c0c0;}
#bbslist .info .category a {position:relative;top:3px;left:-5px;}
#bbslist .ttline {border-top:#dfdfdf solid 1px;}
#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse;}
#bbslist table caption {display:none;}
#bbslist thead th {height:28px;border-top:#D2D2D2 solid 1px;border-bottom:#D2D2D2 solid 1px;background:url('../../../../../_core/image/_public/bg_list_tt.jpg');font-size:11px;font-family:dotum;font-weight:normal;color:#787878;}
#bbslist thead .side1 {border-left:#D2D2D2 solid 1px;}
#bbslist thead .side2 {border-right:#D2D2D2 solid 1px;}
#bbslist tbody .noticetr td {background:url('');background:#FAFAFA;border-bottom:#EBEBEB solid 1px;}
#bbslist tbody .noticetr td a {font-weight:bold;}
#bbslist tbody td {text-align:center;color:#888888;font-family:arial;font-size:10px;border-bottom:#E6E6E6 solid 1px;letter-spacing:-1px;}
#bbslist .now {color:#ff0000;font-size:11px;}
#bbslist .cat {font-size:12px;font-family:gothic,gulim;color:#888;letter-spacing:-1px;}
#bbslist .sbj {text-align:left;padding:5px 0 3px 10px;letter-spacing:0px;}
#bbslist .sbj .imgpos {margin-bottom:-1px;}
#bbslist .sbj a {font-size:12px;font-family:gothic,gulim;color:#222222;text-decoration:none;line-height:150%;}
#bbslist .sbj a:hover {text-decoration:underline;}
#bbslist .sbj .new {color:#ff0000;}
#bbslist .sbj .comment {font:normal 11px arial;color:#FC6138;}
#bbslist .name {color:#222222;font-family:dotum;font-size:12px;color:#888;}
#bbslist .name a {color:#888;}
#bbslist .hit {font-size:10px;color:#515190;}
#bbslist .none {text-align:center;padding:20px 0 20px 0;border-bottom:#dfdfdf solid 1px;}
#bbslist .bottom {padding:15px 0 0 0;}
#bbslist .btnbox1 {float:left;width:130px;}
#bbslist .btnbox2 {float:right;width:130px;text-align:right;}
#bbslist .pagebox01 {text-align:center;padding:3px 0 0 0;margin:-20px 0 0 0;}
#bbslist .searchform {padding:30px 0 0 0;text-align:center;}
#bbslist .searchform select {font-size:12px;font-family:gulim;height:20px;vertical-align:bottom;padding:2px;}
#bbslist .gallery {padding:30px 0 20px 0;border-bottom:#dfdfdf solid 1px;}
#bbslist .gallery .picbox {float:left;margin:0 18px 0 18px;}
#bbslist .gallery .picbox .pic {padding:2px;border:#efefef solid 1px;background:#f9f9f9;}
#bbslist .gallery .picbox .sbjx {font-size:12px;font-family:gothic;line-height:140%;padding:5px 5px 0 5px;height:35px;overflow:hidden;}
#bbslist .gallery .picbox .sbjx .imgpos {margin-bottom:-1px;}
#bbslist .gallery .picbox .sbjx .cat {font-size:12px;font-family:gothic,gulim;color:#888;letter-spacing:-1px;}
#bbslist .gallery .picbox .sbjx .comment {font:normal 11px arial;color:#FC6138;}
#bbslist .gallery .picbox .sbjx .new {font-family:arial;font-size:10px;color:#ff0000;}
/* @list */


/* view */
#bbsview {margin:auto;padding:0 0 30px 0;}
#bbsview .viewbox {}
#bbsview .viewbox .icon {position:absolute;width:50px;height:50px;margin:10px 0 0 0;background:url('../../../../../_var/simbol/0.gif') center center no-repeat;}
#bbsview .viewbox .subject {padding:0 0 0 60px;}
#bbsview .viewbox .subject h1 {padding:11px 0 12px 0;margin:0;font-size:14px;font-weight:bold;font-family:dotum;border-bottom:#dfdfdf dotted 1px;}
#bbsview .viewbox .info {padding:10px 0 10px 60px;font-size:10px;font-family:arial;color:#c0c0c0;}
#bbsview .viewbox .info .xleft {float:left;}
#bbsview .viewbox .info .xright {float:right;}
#bbsview .viewbox .info .xright ul {padding:0;margin:0;}
#bbsview .viewbox .info .xright li {list-style-type:none;float:left;}
#bbsview .viewbox .info .xright .g {padding:0 10px 0 0;}
#bbsview .viewbox .info .xright .g img {position:relative;top:3px;right:3px;}
#bbsview .viewbox .info .xright .g a {font-size:11px;font-family:dotum;color:#666;}
#bbsview .viewbox .info .xright .g a:hover {text-decoration:underline;}
#bbsview .viewbox .info .xright div {position:absolute;display:none;}
#bbsview .viewbox .info .xright div ul {position:relative;top:17px;width:79px;border:#dfdfdf solid 1px;background:#ffffff;padding:1px;}
#bbsview .viewbox .info .xright div li {float:none;display:block;padding:3px 0 3px 3px;color:#333;font-size:11px;cursor:pointer;}
#bbsview .viewbox .info .xright div li:hover {background:#ECF0F6;}
#bbsview .viewbox .info .split {padding:0 5px 0 5px;color:#dfdfdf;font-size:10px;}
#bbsview .viewbox .info .han {font-family:dotum;font-size:11px;}
#bbsview .viewbox .info .num {font-family:dotum;font-size:11px;}
#bbsview .viewbox .content {padding:20px 0 20px 0;line-height:160%;}
#bbsview .viewbox .content .tag {padding:10px 0 0 0;}
#bbsview .viewbox .content .tag a {font-size:11px;font-family:dotum;color:#222;}
#bbsview .viewbox .content .tag a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach {padding:10px 0 0 0;line-height:120%;}
#bbsview .viewbox .content .attach ul {padding:0;margin:0;}
#bbsview .viewbox .content .attach li {list-style-type:none;background:url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;padding:0 0 0 15px;}
#bbsview .viewbox .content .attach li a {font-size:11px;font-family:dotum;color:#666;}
#bbsview .viewbox .content .attach li a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach li .size {font-size:11px;font-family:arial;color:#999;}
#bbsview .viewbox .content .attach li .down {font-size:11px;font-family:arial;color:#333;}
#bbsview .viewbox .content .scorebox {text-align:center;padding:20px 0 20px 0;}
#bbsview .viewbox .content .snsbox {display:flex;justify-content:flex-end;gap:8px;padding:24px 0 0;text-align:right;}
#bbsview .viewbox .content .snsbox .sns-share {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;padding:0;border:0!important;border-radius:10px;box-shadow:none!important;color:#fff;font:bold 15px/1 Arial,sans-serif;cursor:pointer;transition:transform .15s ease,opacity .15s ease;}
#bbsview .viewbox .content .snsbox .sns-share:hover {transform:translateY(-2px);opacity:.88;}
#bbsview .viewbox .content .snsbox .sns-naver {background:#03c75a;} #bbsview .viewbox .content .snsbox .sns-facebook {background:#1877f2;font-size:19px;} #bbsview .viewbox .content .snsbox .sns-x {background:#111;} #bbsview .viewbox .content .snsbox .sns-copy {background:#eaf2fb;color:#166ab3;font-size:15px;}
#bbsview .bottom {padding:10px 0 0 0;text-align:right;}
#bbsview .comment {padding:0 0 10px 0;color:#c0c0c0;}
#bbsview .comment a {font-weight:bold;color:#3EA9CD;}
#bbsview .comment .icon1 {position:relative;top:3px;}
/* @view */


/* write */
#bbswrite {margin:auto;padding:0 0 30px 0;}
#bbswrite td {padding:2px 0 2px 0;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {width:60px;font-weight:bold;color:#444444;vertical-align:top;padding:10px 0 0 0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:11px;font-family:dotum;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .input {height:18px;}
#bbswrite .td2 .subject {width:400px;}
#bbswrite .td2 select {margin:1px;width:404px;padding:2px 2px 2px 0;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;font-family:dotum;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;font-family:dotum;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;}
#bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;}
/* @write */
/* Video archive theme */
.video-board-hero{margin:0 0 26px;padding:32px 34px;border:1px solid #24324a;border-radius:22px;background:radial-gradient(circle at 88% 20%,rgba(60,103,255,.32),transparent 34%),linear-gradient(135deg,#111827,#17233b);box-shadow:0 18px 45px rgba(15,23,42,.18);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif}
.video-board-hero span,.video-view-label{color:#7ea2ff;font-size:11px;font-weight:800;letter-spacing:1.8px}.video-board-hero h1{margin:9px 0 7px;color:#fff;font-size:30px;letter-spacing:-1.2px}.video-board-hero p{margin:0;color:#aebbd1;font-size:14px}
#bbslist .info{padding:0 2px 14px}.video-gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin:0!important}.video-gallery .video-card{float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0 0 16px!important;overflow:hidden;border:1px solid #e3e8ef;border-radius:17px;background:#fff;box-shadow:0 9px 28px rgba(15,23,42,.07);transition:.22s}.video-gallery .video-card:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(15,23,42,.13)}
.video-gallery .pic{height:auto!important;aspect-ratio:16/9;background:#0f172a!important;position:relative;overflow:hidden}.video-gallery .pic a{display:block;width:100%;height:100%}.video-gallery .pic img{width:100%!important;height:100%!important;object-fit:contain;background:#0f172a;transition:filter .25s}.video-gallery .video-card:hover .pic img{filter:brightness(.9)}.video-card-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#61708d;font-size:32px;background:linear-gradient(145deg,#111827,#24324a)}.video-play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(8,15,30,.65);color:#fff;font:normal 18px/1 Arial;padding-left:3px;box-sizing:border-box;backdrop-filter:blur(5px)}
.video-gallery .sbjx{height:auto!important;padding:15px 17px 5px!important}.video-gallery .sbjx>a{display:block;color:#182230!important;font-size:16px!important;font-weight:700;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{padding:4px 17px 0;color:#8b95a7;font-size:11px}.video-write-guide{display:flex;flex-direction:column;gap:5px;margin:0 0 22px;padding:20px 22px;border-radius:14px;background:#eef4ff;color:#31476a}.video-write-guide strong{color:#17366c;font-size:17px}.video-write-guide span{font-size:12px;line-height:1.6}
#bbsview .viewbox{overflow:hidden;border:1px solid #e2e8f0!important;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.08)}#bbsview .viewbox>.subject{padding:26px 28px 10px!important}#bbsview .viewbox>.subject h1{color:#111827!important;font-size:27px!important;letter-spacing:-.8px}#bbsview .viewbox>.info{padding:0 28px 18px!important;border-bottom:1px solid #edf0f5!important}#bbsview #vContent{padding:28px!important;font-size:15px;line-height:1.8}.video-view-label{margin-bottom:12px}#bbsview #vContent video{display:block;width:100%!important;max-width:100%;aspect-ratio:16/9;margin:0 0 24px;border-radius:14px;background:#000;box-shadow:0 12px 30px rgba(15,23,42,.18)}
@media(max-width:700px){.video-board-hero{padding:25px 22px}.video-board-hero h1{font-size:25px}.video-gallery{grid-template-columns:1fr}.video-gallery .video-card{max-width:none}.video-write-guide{padding:17px}#bbsview #vContent{padding:18px!important}}

/* Unified video-board controls — list, view and write */
#bbslist,#bbsview,#bbswrite{--vb-primary:#315efb;--vb-primary-dark:#2348d8;--vb-navy:#111b31;--vb-text:#1b2638;--vb-muted:#738095;--vb-line:#dfe5ee;--vb-soft:#f5f7fb;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif}

/* Action bars and buttons */
#bbslist .bottom,#bbsview>.bottom{display:flex;align-items:center;gap:9px;margin-top:28px;padding:20px 0!important;border-top:1px solid var(--vb-line)}
#bbslist .bottom .btnbox1{float:none!important;margin-right:auto}#bbslist .bottom .btnbox2{float:none!important;display:flex;gap:8px;margin-left:auto}#bbslist .bottom .clear{display:none}
#bbslist .btn00,#bbsview .btn00{display:inline-flex!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#bbslist .btn00 a,#bbsview .btn00 a{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:0 17px!important;border:1px solid var(--vb-line)!important;border-radius:11px!important;background:#fff!important;color:#4a586d!important;font-size:13px!important;font-weight:700!important;line-height:1!important;letter-spacing:-.2px;text-decoration:none!important;box-shadow:0 3px 9px rgba(15,23,42,.04);transition:.18s ease}
#bbslist .btn00 a:hover,#bbsview .btn00 a:hover{border-color:#b7c5dc!important;background:#f8faff!important;color:var(--vb-primary)!important;transform:translateY(-1px);box-shadow:0 7px 16px rgba(30,64,175,.08)}
#bbslist .btnbox1 .btn00 a{border-color:var(--vb-primary)!important;background:var(--vb-primary)!important;color:#fff!important;box-shadow:0 8px 18px rgba(49,94,251,.22)}#bbslist .btnbox1 .btn00 a:before{content:"+";margin-right:7px;font-size:18px;font-weight:400}#bbslist .btnbox1 .btn00 a:hover{background:var(--vb-primary-dark)!important;color:#fff!important}
#bbsview>.bottom{justify-content:flex-end;flex-wrap:wrap}#bbsview>.bottom .btn00:last-child{margin-left:auto!important}#bbsview>.bottom .btn00:last-child a{border-color:var(--vb-primary)!important;background:var(--vb-primary)!important;color:#fff!important}#bbsview>.bottom .btn00:nth-child(3) a{color:#d14343!important}

/* Modern pagination */
#bbslist .pagebox01{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:20px 0 2px!important;text-align:center}#bbslist .pagebox01 a,#bbslist .pagebox01 .selected{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;margin:0 3px;border:1px solid var(--vb-line);border-radius:9px;background:#fff;color:#617087;font:700 12px/1 Arial;text-decoration:none;box-sizing:border-box}#bbslist .pagebox01 .selected{border-color:var(--vb-primary);background:var(--vb-primary);color:#fff;box-shadow:0 5px 12px rgba(49,94,251,.2)}#bbslist .pagebox01 img{opacity:.65}#bbslist .pagebox01 .split{display:none!important}#bbslist .pagebox01>img:not(.split){width:34px;height:34px;margin:0 3px;padding:11px;border:1px solid var(--vb-line);border-radius:9px;background:#f5f7fa;box-sizing:border-box}#bbslist .pagebox01>a:hover{border-color:var(--vb-primary);background:#eef3ff;color:var(--vb-primary);transform:translateY(-1px);box-shadow:0 4px 10px rgba(49,94,251,.12)}#bbslist .pagebox01>a:focus{outline:2px solid rgba(49,94,251,.25);outline-offset:2px}
#bbslist .pagebox01 .page-arrow{display:inline-flex;align-items:center;justify-content:center;font:700 20px/1 Arial;transform:translateY(-1px)}#bbslist .pagebox01>.page-arrow{width:34px;height:34px;margin:0 3px;border:1px solid var(--vb-line);border-radius:9px;background:#f5f7fa;color:#aab4c3;box-sizing:border-box}#bbslist .pagebox01>.page-arrow.is-disabled{cursor:default;opacity:.65}#bbslist .pagebox01>a .page-arrow{width:100%;height:100%;color:inherit}#bbslist .pagebox01>a:has(.page-arrow){padding:0;font-size:0}

/* Search panel */
#bbslist .searchform{margin:22px 0 0;padding:20px!important;border:1px solid var(--vb-line);border-radius:15px;background:var(--vb-soft);text-align:center!important}#bbslist .searchform form{display:flex;align-items:center;justify-content:center;gap:0;max-width:610px;margin:auto}#bbslist .searchform select{width:132px;height:46px!important;margin:0!important;padding:0 36px 0 14px!important;border:1px solid #ccd5e2;border-right:0;border-radius:11px 0 0 11px;background:#fff;color:#526077;font:600 13px/1 inherit!important;vertical-align:middle!important;outline:0}#bbslist .searchform .input{flex:1;width:auto!important;height:46px!important;margin:0!important;padding:0 15px!important;border:1px solid #ccd5e2!important;border-radius:0;background:#fff;color:var(--vb-text);font:14px/46px inherit!important;box-sizing:border-box;outline:0}#bbslist .searchform .input:focus{border-color:var(--vb-primary)!important;box-shadow:inset 0 0 0 1px var(--vb-primary)}#bbslist .searchform .btngray{width:82px;height:46px!important;margin:0!important;border:0!important;border-radius:0 11px 11px 0!important;background:var(--vb-navy)!important;color:#fff!important;font:700 13px/1 inherit!important;cursor:pointer;transition:.18s}#bbslist .searchform .btngray:hover{background:var(--vb-primary)!important}

/* View controls and comments */
#bbsview .viewbox>.info .xright ul{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}#bbsview .viewbox>.info .xright li{display:flex!important;align-items:center;height:30px!important;margin:0!important;padding:0 9px!important;border:1px solid var(--vb-line)!important;border-radius:8px;background:#fff!important;color:#657188!important;box-sizing:border-box}#bbsview .viewbox>.info .xright li a{display:flex;align-items:center;color:#657188!important;font-size:11px;text-decoration:none}#bbsview .viewbox>.info .xright li img{margin-right:4px;opacity:.6}#bbsview .comment{margin-top:24px!important;padding:16px 18px!important;border:1px solid var(--vb-line)!important;border-radius:12px!important;background:var(--vb-soft)!important;color:#5e6c82!important}#bbsview .comment a{color:#32445f!important;font-weight:700;text-decoration:none}

/* Write form */
#bbswrite{padding:0 0 44px!important}#bbswrite .video-write-guide{margin-bottom:24px!important;padding:24px 26px!important;border:1px solid #d8e3ff;border-radius:18px!important;background:linear-gradient(135deg,#eef3ff,#f8faff)!important;box-shadow:0 9px 25px rgba(49,94,251,.07)}#bbswrite .video-write-guide strong{font-size:20px!important}#bbswrite>form{padding:28px;border:1px solid var(--vb-line);border-radius:20px;background:#fff;box-shadow:0 13px 38px rgba(15,23,42,.07)}#bbswrite table{width:100%!important;border-collapse:separate!important;border-spacing:0 12px!important}#bbswrite td{padding:0!important}#bbswrite .td1{width:100px!important;padding:12px 14px 0 0!important;color:#344258!important;font:700 13px/1.4 inherit!important;letter-spacing:-.2px!important}#bbswrite .td2{position:relative}#bbswrite .td2 .input,#bbswrite .td2 select{width:100%!important;height:46px!important;margin:0!important;padding:0 14px!important;border:1px solid #ccd5e2!important;border-radius:11px!important;background:#fff!important;color:var(--vb-text)!important;font:14px/1 inherit!important;box-sizing:border-box;outline:0;transition:.18s}#bbswrite .td2 .input:focus,#bbswrite .td2 select:focus{border-color:var(--vb-primary)!important;box-shadow:0 0 0 3px rgba(49,94,251,.1)}#bbswrite .td2 .check{display:inline-flex;align-items:center;gap:5px;margin:11px 0 0;color:#68758a!important;font:12px/1 inherit!important}#bbswrite .td2 .check input{top:0!important;width:16px;height:16px;accent-color:var(--vb-primary)}
#bbswrite .editbox{margin:8px 0 10px;padding:0!important;overflow:hidden;border:1px solid #ccd5e2;border-radius:14px;background:#fff}#bbswrite .iconbox{display:flex;align-items:center;flex-wrap:wrap;gap:3px;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--vb-line)!important;background:#f7f9fc!important}#bbswrite .iconbox a{display:inline-flex;align-items:center;min-height:30px;padding:0 8px!important;border-radius:7px;color:#4d5c71!important;font:600 11px/1 inherit!important;text-decoration:none}#bbswrite .iconbox a:hover{background:#e9efff;color:var(--vb-primary)!important}#bbswrite .iconbox .split{display:none}#bbswrite .editbox iframe{display:block;background:#fff}#bbswrite .td2 .after{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 16px!important;border-radius:11px;background:var(--vb-soft);color:#657188!important;font:12px/1.5 inherit!important;letter-spacing:0!important}#bbswrite .td2 .after input{width:16px;height:16px;margin-left:8px;accent-color:var(--vb-primary)}#bbswrite .bottombox{display:flex;justify-content:center;gap:10px;margin:26px 0 0!important;padding:26px 0 0!important;border-top:1px solid var(--vb-line)!important}#bbswrite .bottombox input{min-width:110px!important;height:46px!important;margin:0!important;padding:0 20px!important;border:1px solid var(--vb-line)!important;border-radius:11px!important;font:700 13px/1 inherit!important;cursor:pointer;transition:.18s}#bbswrite .bottombox .btngray{background:#fff!important;color:#5d697c!important}#bbswrite .bottombox .btnblue{border-color:var(--vb-primary)!important;background:var(--vb-primary)!important;color:#fff!important;box-shadow:0 8px 18px rgba(49,94,251,.2)}#bbswrite .bottombox input:hover{transform:translateY(-1px)}#bbswrite .bottombox .btnblue:hover{background:var(--vb-primary-dark)!important}

@media(max-width:700px){#bbslist .bottom{flex-wrap:wrap}#bbslist .bottom .btnbox1{width:100%}#bbslist .bottom .btnbox1 .btn00,#bbslist .bottom .btnbox1 a{width:100%;box-sizing:border-box}#bbslist .bottom .btnbox2{width:100%;margin:0}#bbslist .bottom .btnbox2 .btn00{flex:1}#bbslist .bottom .btnbox2 a{width:100%;box-sizing:border-box}#bbslist .searchform{padding:14px!important}#bbslist .searchform form{flex-wrap:wrap;gap:8px}#bbslist .searchform select{width:100%;border-right:1px solid #ccd5e2;border-radius:10px}#bbslist .searchform .input{border-radius:10px;min-width:0}#bbslist .searchform .btngray{border-radius:10px!important}#bbsview>.bottom .btn00:last-child{margin-left:0!important}#bbswrite>form{padding:18px 16px}#bbswrite table,#bbswrite tbody,#bbswrite tr,#bbswrite td{display:block;width:100%!important}#bbswrite tr{margin-bottom:16px}#bbswrite .td1{padding:0 0 8px!important}#bbswrite .td2 .subject{width:100%!important}}

#bbslist .btn00 a,#bbsview .btn00 a{min-width:82px;white-space:nowrap;word-break:keep-all;box-sizing:border-box}
#bbslist .btnbox2 .btn00{width:auto!important;min-width:82px;flex:0 0 auto!important}
@media(max-width:700px){#bbslist .bottom .btnbox2{justify-content:stretch}#bbslist .bottom .btnbox2 .btn00{min-width:0;flex:1 1 0!important}#bbslist .bottom .btnbox2 a{min-width:0!important;white-space:nowrap}}
/* Site-showcase footer style for the video archive list */
#bbslist .bottom{display:block!important;margin-top:24px!important;padding:18px 0 0!important;border-top:0!important}
#bbslist .bottom .btnbox1{float:left!important;width:auto!important;margin:0!important}
#bbslist .bottom .btnbox2{float:right!important;display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;margin:0!important;white-space:nowrap}
#bbslist .bottom .clear{display:block!important;clear:both!important}
#bbslist .bottom .btn00{display:inline-flex!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;vertical-align:top}
#bbslist .bottom .btn00 a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:34px!important;padding:0 14px!important;border:0!important;border-radius:9px!important;background:#eef2f6!important;color:#475467!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:1!important;box-sizing:border-box!important;box-shadow:none!important;transform:none!important}
#bbslist .bottom .btn00 a:hover{background:#e2e8f0!important;color:#263a55!important;box-shadow:none!important;transform:none!important}
#bbslist .bottom .btnbox1 .btn00 a{background:#087dcc!important;color:#fff!important;box-shadow:0 5px 14px rgba(8,125,204,.18)!important}
#bbslist .bottom .btnbox1 .btn00 a:before{content:""!important;margin:0!important}
#bbslist .bottom .btnbox1 .btn00 a:hover{background:#056ead!important;color:#fff!important}
#bbslist .searchform{margin:25px 0 0!important;padding:22px 0 0!important;border:0!important;border-top:1px solid #edf1f5!important;border-radius:0!important;background:transparent!important;text-align:center!important}
#bbslist .searchform form{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;max-width:none!important;margin:0 auto!important}
#bbslist .searchform select{width:114px!important;height:36px!important;margin:0!important;padding:0 32px 0 12px!important;border:1px solid #d8e1ec!important;border-radius:9px!important;background:#fff!important;color:#475467!important;font:12px/1 inherit!important;vertical-align:middle!important}
#bbslist .searchform .input{flex:0 0 220px!important;width:220px!important;height:36px!important;margin:0!important;padding:0 11px!important;border:1px solid #d8e1ec!important;border-radius:9px!important;background:#fff!important;color:#263a55!important;font:13px/36px inherit!important;box-sizing:border-box!important}
#bbslist .searchform .input:focus{border-color:#087dcc!important;box-shadow:0 0 0 2px rgba(8,125,204,.10)!important}
#bbslist .searchform .btngray{width:auto!important;height:36px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:9px!important;background:#087dcc!important;color:#fff!important;font:700 12px/1 inherit!important;box-shadow:none!important}
#bbslist .searchform .btngray:hover{background:#056ead!important}
@media(max-width:700px){#bbslist .bottom{display:flex!important;flex-wrap:wrap!important;gap:9px!important}#bbslist .bottom .btnbox1,#bbslist .bottom .btnbox2{float:none!important;width:100%!important}#bbslist .bottom .btnbox1 .btn00,#bbslist .bottom .btnbox1 a{width:100%!important}#bbslist .bottom .btnbox2 .btn00{flex:1 1 0!important}#bbslist .bottom .btnbox2 a{width:100%!important}#bbslist .pagebox01{order:3;width:100%;margin:2px 0 0!important;padding:8px 0 0!important}#bbslist .searchform{padding-top:16px!important}#bbslist .searchform form{flex-wrap:wrap!important;gap:7px!important;padding:0 4px}#bbslist .searchform select{width:100%!important}#bbslist .searchform .input{flex:1 1 auto!important;width:calc(100% - 80px)!important;min-width:0!important}#bbslist .searchform .btngray{min-width:72px!important}}
/* Keep the video title field and post options aligned without breaking the row. */
#bbswrite .subject-row .td2{display:flex;align-items:center;gap:14px;min-width:0}
#bbswrite .subject-row .td2 .subject{flex:1 1 auto;width:auto!important;min-width:0!important}
#bbswrite .subject-row .td2 .check{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;margin:0!important;white-space:nowrap}
@media(max-width:700px){#bbswrite .subject-row .td2{display:flex!important;flex-direction:column;align-items:stretch;gap:9px}#bbswrite .subject-row .td2 .subject{width:100%!important}#bbswrite .subject-row .td2 .check{align-self:flex-start;margin:0 0 2px!important}}
/* Subject row uses an inner flex wrapper so the table-cell geometry stays intact. */
#bbswrite .subject-row .td2{display:table-cell!important;min-width:0!important}
#bbswrite .subject-row .subject-controls{display:flex;align-items:center;gap:14px;width:100%;min-width:0}
#bbswrite .subject-row .subject-controls .subject{flex:1 1 0;width:auto!important;min-width:0!important}
#bbswrite .subject-row .subject-controls .check{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;margin:0!important;white-space:nowrap}
@media(max-width:700px){#bbswrite .subject-row .td2{display:block!important}#bbswrite .subject-row .subject-controls{flex-direction:column;align-items:stretch;gap:9px}#bbswrite .subject-row .subject-controls .subject{width:100%!important}#bbswrite .subject-row .subject-controls .check{align-self:flex-start;margin:0 0 2px!important}}
/* Compact the excessive vertical gap between the write guide and title row. */
#bbswrite .video-write-guide{margin-bottom:10px!important}
#bbswrite>form{padding:14px 24px 24px!important}
#bbswrite>form>table:first-of-type{border-spacing:0 6px!important}
#bbswrite>form>table:first-of-type .td1{padding-top:10px!important}
@media(max-width:700px){#bbswrite .video-write-guide{margin-bottom:8px!important}#bbswrite>form{padding:12px 16px 20px!important}#bbswrite>form>table:first-of-type{border-spacing:0 4px!important}}
/* Join the guide and form into one card; removes the white rounded-corner notch. */
#bbswrite .video-write-guide{position:relative;z-index:2;margin-bottom:0!important;border-radius:18px 18px 0 0!important;box-shadow:none!important}
#bbswrite>form{position:relative;z-index:1;margin-top:0!important;padding:18px 24px 24px!important;border-top:0!important;border-radius:0 0 20px 20px!important;box-shadow:0 13px 38px rgba(15,23,42,.07)!important}
@media(max-width:700px){#bbswrite .video-write-guide{border-radius:15px 15px 0 0!important}#bbswrite>form{padding:16px 16px 20px!important;border-radius:0 0 15px 15px!important}}
/* Remove the outer form card that exposed white rounded corners at top and bottom. */
#bbswrite .video-write-guide{z-index:auto;margin-bottom:16px!important;border-radius:18px!important;box-shadow:0 9px 25px rgba(49,94,251,.07)!important}
#bbswrite>form{position:static!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#bbswrite>form>table:first-of-type{margin:0 0 8px!important;border-spacing:0 6px!important}
@media(max-width:700px){#bbswrite .video-write-guide{margin-bottom:12px!important;border-radius:18px!important}#bbswrite>form{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}}
/* Modern like/dislike controls between the video body and sharing tools. */
#bbsview .video-reaction-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 4px;padding:18px 20px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
#bbsview .video-reaction-title{color:#40516a;font-size:13px;font-weight:700;letter-spacing:-.2px}
#bbsview .video-reaction-actions{display:flex;align-items:center;gap:9px}
#bbsview .video-reaction{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:112px;height:42px;padding:0 14px;border:1px solid #dbe3ee;border-radius:11px;background:#fff;color:#42526a;text-decoration:none!important;box-sizing:border-box;transition:.18s ease}
#bbsview .video-reaction span{font-size:17px;line-height:1}
#bbsview .video-reaction strong{font-size:13px}
#bbsview .video-reaction em{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#eef2f7;color:#65758a;font:700 11px/1 Arial,sans-serif;box-sizing:border-box}
#bbsview .video-reaction-good:hover{border-color:#8bb6ff;background:#f3f7ff;color:#1769d2;transform:translateY(-1px);box-shadow:0 6px 15px rgba(23,105,210,.10)}
#bbsview .video-reaction-bad:hover{border-color:#f3a7a7;background:#fff6f6;color:#d04444;transform:translateY(-1px);box-shadow:0 6px 15px rgba(208,68,68,.09)}
#bbsview .video-reaction-good:hover em{background:#dfeaff;color:#1769d2}
#bbsview .video-reaction-bad:hover em{background:#ffe4e4;color:#d04444}
@media(max-width:620px){#bbsview .video-reaction-box{align-items:stretch;flex-direction:column;padding:16px}#bbsview .video-reaction-actions{width:100%}#bbsview .video-reaction{flex:1;min-width:0}}
/* Compact video cards with uploaded NEW ribbon and engagement metadata. */
.video-gallery{gap:18px!important}
.video-gallery .video-card{position:relative;padding-bottom:11px!important;border-radius:15px!important}
.video-gallery .pic img{object-fit:cover!important}
.video-gallery .video-new-ribbon{position:absolute!important;z-index:6!important;top:0!important;left:0!important;width:80px!important;height:79px!important;max-width:none!important;object-fit:contain!important;background:transparent!important;pointer-events:none}
.video-gallery .sbjx{padding:12px 16px 2px!important}
.video-gallery .sbjx>a{font-size:15px!important;line-height:1.35!important}
.video-gallery .video-meta{display:flex;align-items:center;gap:7px;padding:4px 16px 0!important;color:#657187;font-size:10.5px;line-height:1.25;white-space:nowrap}
.video-gallery .video-meta span{display:inline-block}
@media(max-width:360px){.video-gallery .video-meta{gap:5px;padding-left:12px!important;padding-right:12px!important;font-size:10px}}
/* Preserve the NEW ribbon's intrinsic 80x79 size over generic thumbnail rules. */
.video-gallery .pic img.video-new-ribbon{width:80px!important;height:79px!important;max-width:80px!important;min-width:0!important;object-fit:contain!important}
/* Quick search above the video gallery */
#bbslist .video-list-toolbar{display:flex;align-items:center;gap:18px;margin:11px 0 18px;padding:0}
#bbslist .video-list-toolbar .info{display:flex;align-items:center;flex:1 1 auto;height:auto!important;margin:0!important;padding:0!important}
#bbslist .video-list-toolbar .info .article{display:inline-flex;align-items:center;min-height:34px;margin:0;padding:0 13px!important;border:1px solid #dce5ef;border-radius:10px;background:#f6f9fc;color:#66768b;font:700 11px/1 inherit!important;letter-spacing:-.15px;box-sizing:border-box;white-space:nowrap}
#bbslist .video-list-toolbar .info .article:before{content:"";width:6px;height:6px;margin-right:8px;border-radius:50%;background:#087dcc;box-shadow:0 0 0 4px rgba(8,125,204,.10)}
#bbslist .video-list-toolbar .info .category{display:flex;align-items:center;float:none;margin-left:8px;padding:0!important}
#bbslist .video-list-toolbar .info .category select{height:34px;margin:0!important;padding:0 28px 0 10px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#66768b;font-size:11px}
#bbslist .video-top-search{display:flex;justify-content:flex-end;align-items:center;flex:0 1 560px;margin:0;padding:0;border:0}
#bbslist .video-top-search form{display:flex;align-items:center;width:min(100%,560px);height:48px;margin:0;padding:4px;border:1px solid #d5dfeb;border-radius:14px;background:#fff;box-sizing:border-box;box-shadow:0 7px 20px rgba(28,48,78,.07);transition:border-color .18s,box-shadow .18s}
#bbslist .video-top-search form:focus-within{border-color:#087dcc;box-shadow:0 0 0 3px rgba(8,125,204,.10),0 9px 24px rgba(28,48,78,.09)}
#bbslist .video-search-label{display:inline-flex;align-items:center;align-self:stretch;flex:0 0 auto;padding:0 13px;border-radius:10px;background:#f1f7fc;color:#087dcc;font-size:12px;font-weight:800;letter-spacing:-.2px;white-space:nowrap}
#bbslist .video-search-input{flex:1 1 auto;min-width:0;height:38px;margin:0;padding:0 12px;border:0!important;background:transparent;color:#25364d;font:13px/38px inherit;outline:0!important;box-shadow:none!important;box-sizing:border-box}
#bbslist .video-search-input::placeholder{color:#a2adba}
#bbslist .video-search-input::-webkit-search-cancel-button{display:none}
#bbslist .video-search-reset{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;margin-right:3px;border-radius:8px;color:#94a0af;font:400 20px/1 Arial;text-decoration:none;transition:.18s}
#bbslist .video-search-reset:hover{background:#eef2f6;color:#40546d}
#bbslist .video-search-button{flex:0 0 auto;min-width:72px;height:38px;margin:0;padding:0 17px;border:0;border-radius:10px;background:#087dcc;color:#fff;font:700 13px/1 inherit;cursor:pointer;box-shadow:0 5px 12px rgba(8,125,204,.20);transition:background .18s,transform .18s,box-shadow .18s}
#bbslist .video-search-button:hover{background:#056ead;transform:translateY(-1px);box-shadow:0 7px 15px rgba(8,125,204,.25)}
@media(max-width:700px){#bbslist .video-list-toolbar{display:block;margin:9px 0 16px}#bbslist .video-list-toolbar .info{margin-bottom:9px!important}#bbslist .video-list-toolbar .info .article{min-height:32px;padding:0 11px!important}#bbslist .video-top-search{width:100%;margin:0;padding:0}#bbslist .video-top-search form{width:100%;height:46px;border-radius:12px}#bbslist .video-search-label{padding:0 10px;font-size:11px}#bbslist .video-search-input{padding:0 9px;font-size:12px}#bbslist .video-search-button{min-width:62px;height:36px;padding:0 12px}}

/* Protect preview artwork for signed-out visitors while keeping card details readable. */
.video-gallery.is-guest .video-card .pic{overflow:hidden;background:#172033}
.video-gallery.is-guest .video-card .pic>a{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.video-gallery.is-guest .video-card .pic>a>img:not(.video-new-ribbon){filter:blur(7px) brightness(.72) saturate(.82);transform:scale(1.06);transform-origin:center;transition:filter .2s ease}
.video-gallery.is-guest .video-card .pic>a:after{content:"로그인 후 썸네일 보기";position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;min-width:130px;height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.42);border-radius:18px;background:rgba(8,18,38,.48);color:#fff;font-size:11px;font-weight:700;letter-spacing:-.2px;white-space:nowrap;box-sizing:border-box;box-shadow:0 6px 18px rgba(0,0,0,.16);backdrop-filter:blur(3px)}
.video-gallery.is-guest .video-card .video-play{display:none!important}
.video-gallery.is-guest .video-card .video-new-ribbon{filter:none!important;transform:none!important}