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

/* 공통 스타일 */
.flex{display:flex;align-items:center;}

/* 기본 컨테이너 */
#g9_list{position:relative;font-family:'Pretendard';}

/* 카테고리 */
#g9_list .g9_category{margin:25px 0;}
#g9_list .g9_category ul{display:flex;}
#g9_list .g9_category ul li{flex:1;}
#g9_list .g9_category ul li + li{margin-left:-1px;}
#g9_list .g9_category ul li a{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:75px;border:1px solid #e3e3e3;border-bottom:1px solid #000000;font-size:18px;font-weight:600;color:#1a1a1a;background:#f5f5f5;}
#g9_list .g9_category ul li a:hover,
#g9_list .g9_category ul li a:active{background:#ffffff;}
#g9_list .g9_category ul li a#bo_cate_on,
#g9_list .g9_category ul li a.bo_cate_on{z-index:2;color:#000;background:#fff;border-bottom-color:transparent;}
#g9_list .g9_category ul li a#bo_cate_on:before,
#g9_list .g9_category ul li a.bo_cate_on:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:#000;}

/* 섹션 */
#g9_list .g9_section{position:relative;}

/* 도구 영역 */
#g9_list .g9_tool{display:flex;align-items:center;justify-content:space-between;margin:10px 0;}
#g9_list .g9_tool .total{padding:0 13px;line-height:34px;font-size:13px;border:1px solid #eee;border-radius:34px;color:#4e546f;}
#g9_list .g9_tool .button{margin-left:auto;}
#g9_list .g9_tool .button > ul{display:flex;gap:5px;}
#g9_list .g9_tool .button > ul > li{position:relative;}
#g9_list .g9_tool .button > ul > li > .btn{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #eee;font-size:13px;color:#666;background:#fff;border-radius:4px;}
#g9_list .g9_tool .button > ul > li > .btn:hover{border-color:#999;background:#f5f5f5;}

/* 더보기 옵션 */
.more_opt{display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.more_opt:before{content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent;}
.more_opt:after{content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent;}
.more_opt li{border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left;}
.more_opt li:last-child{border-bottom:0;}
.more_opt li button, .more_opt li a{width:100%;border:0;background:#fff;color:#6b757c;cursor:pointer;}
.more_opt li:hover a,
.more_opt li:hover button{color:#000;}
.more_opt li i{float:right;line-height:20px;}

/* 전체 선택 */
#g9_list .g9_allchk{margin:10px 0;padding:10px 15px;background:#f9f9f9;border:1px solid #eee;border-radius:4px;}
#g9_list .g9_allchk label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666;}
#g9_list .g9_allchk label:hover{color:#000;}

/* 체크박스 스타일 */
.selec_chk{position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden;}
#g9_list label input[type="checkbox"] + i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff;border:1px solid #d0d4df;border-radius:3px;transition:all 0.2s;}
#g9_list label input[type="checkbox"]:checked + i{background:#2c3d5e;border-color:#2c3d5e;}
#g9_list label input[type="checkbox"]:checked + i:after{content:'✓';color:#fff;font-size:12px;font-weight:bold;}

/* 갤러리 리스트 */
#g9_list .g9_list{position:relative;margin-bottom:10px;}

#g9_list .g9_gallery{padding:0;}
#g9_list .g9_gallery .gall_row{margin:0 -10px;padding:0;list-style:none;display:flex;flex-wrap:wrap;}
#g9_list .g9_gallery .gall_row:after{display:block;visibility:hidden;clear:both;content:"";}

/* 갤러리 컬럼 */
.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative;min-height:1px;padding:10px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.gall_row .col-gn-0,.gall_row .col-gn-1{width:100%;}
.gall_row .col-gn-2{width:50%;}
.gall_row .col-gn-3{width:33.33333333%;}
.gall_row .col-gn-4{width:25%;}
.gall_row .col-gn-5{width:20%;}
.gall_row .col-gn-6{width:16.66666667%;}
.gall_row .col-gn-7{width:14.28571428%;}
.gall_row .col-gn-8{width:12.5%;}
.gall_row .col-gn-9{width:11.11111111%;}
.gall_row .col-gn-10{width:10%;}
.gall_row .box_clear{clear:both;}

/* 갤러리 박스 */
#g9_list .g9_gallery .gall_li{}
#g9_list .g9_gallery .gall_box{position:relative;background:#fff;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;transition:all 0.3s ease;}
#g9_list .g9_gallery .gall_box:hover{border-color:#ccc;box-shadow:0 4px 15px rgba(0,0,0,0.08);}

/* 갤러리 체크박스 */
#g9_list .g9_gallery .gall_chk{position:absolute;top:10px;left:10px;z-index:10;}
#g9_list .g9_gallery .gall_chk label{display:flex;cursor:pointer;}

/* 갤러리 콘텐츠 */
#g9_list .g9_gallery .gall_con{position:relative;}

/* 이미지 영역 */
#g9_list .g9_gallery .gall_img{overflow:hidden;background:#f5f5f5;border-bottom:1px solid #eee;}
#g9_list .g9_gallery .gall_img a{display:block;position:relative;}
#g9_list .g9_gallery .gall_img img{width:100%;height:auto;display:block;transition:transform 0.3s ease;}
#g9_list .g9_gallery .gall_box:hover .gall_img img{transform:scale(1.03);}
#g9_list .g9_gallery .gall_img .no_image,
#g9_list .g9_gallery .gall_img .is_notice{display:flex;align-items:center;justify-content:center;background:#f0f0f0;text-transform:uppercase;font-weight:600;font-size:14px;color:#999;min-height:150px;}
#g9_list .g9_gallery .gall_img .is_notice{background:#2c3d5e;color:#fff;font-size:16px;}

/* 텍스트 영역 */
#g9_list .g9_gallery .gall_text{padding:15px;}
#g9_list .g9_gallery .gall_text .bo_cate{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;height:22px;background:#f3f3f3;color:#666;font-size:12px;font-weight:500;border-radius:4px;margin-bottom:8px;}
#g9_list .g9_gallery .gall_text .bo_cate:hover{background:#e0e0e0;text-decoration:none;}
#g9_list .g9_gallery .gall_text .bo_tit{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:15px;font-weight:600;color:#333;line-height:1.4;margin-bottom:8px;}
#g9_list .g9_gallery .gall_text .bo_tit:hover{color:#2c3d5e;text-decoration:none;}
#g9_list .g9_gallery .gall_text .bo_tit .icon{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:#f9f9f9;font-size:10px;color:#959595;}
#g9_list .g9_gallery .gall_text .bo_tit .icon.new{color:#eb3f3d;background:#fff3f3;font-weight:bold;}
#g9_list .g9_gallery .gall_text .bo_tit .icon.lock{color:#666;background:#f0f0f0;}
#g9_list .g9_gallery .gall_text .bo_tit .icon.comment{color:#3a8afd;background:#e9eff5;font-weight:500;width:auto;padding:0 6px;}
#g9_list .g9_gallery .gall_text .bo_cnt{font-size:13px;color:#888;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

/* 정보 영역 */
#g9_list .g9_gallery .gall_info{display:flex;align-items:center;gap:12px;padding:0 15px 12px;font-size:13px;color:#888;border-bottom:1px solid #f5f5f5;}
#g9_list .g9_gallery .gall_info span{display:flex;align-items:center;gap:4px;}
#g9_list .g9_gallery .gall_info .name{font-weight:500;color:#555;}
#g9_list .g9_gallery .gall_info i{font-size:11px;color:#bbb;}

/* 옵션 영역 (추천/비추천) */
#g9_list .g9_gallery .gall_option{display:flex;align-items:center;gap:15px;padding:12px 15px;background:#fafafa;}
#g9_list .g9_gallery .gall_option span{display:flex;align-items:center;gap:5px;font-size:13px;color:#666;}
#g9_list .g9_gallery .gall_option .good i{color:#4CAF50;}
#g9_list .g9_gallery .gall_option .nogood i{color:#f44336;}

/* 현재 보고 있는 글 */
#g9_list .g9_gallery .gall_now .gall_box{border-color:#2c3d5e;}
#g9_list .g9_gallery .gall_now .bo_tit{color:#2c3d5e;}

/* 빈 목록 */
#g9_list .g9_gallery .empty_list{width:100%;padding:80px 0;text-align:center;color:#888;font-size:15px;background:#f9f9f9;border-radius:8px;}

/* 페이저 */
#g9_list .g9_pager{margin:20px 0;text-align:center;}

/* 버튼 영역 */
#g9_list .g9_button{margin:25px 0;}
#g9_list .g9_button > ul{display:flex;align-items:center;justify-content:flex-end;gap:5px;}
#g9_list .g9_button .btn{display:flex;align-items:center;justify-content:center;padding:0 30px;height:45px;background:#fff;border:1px solid #ccc;font-size:16px;color:#4c4c4c;border-radius:4px;transition:all 0.2s;}
#g9_list .g9_button .btn:hover{background:#f5f5f5;border-color:#999;}
#g9_list .g9_button .btn_b01{background:#2c3d5e;color:#ffffff;border-color:#2c3d5e;}
#g9_list .g9_button .btn_b01:hover{background:#1f2d3d;}
#g9_list .g9_button .btn_admin{}

/* 검색 */
#g9_list .g9_search{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.3s ease;}
#g9_list .g9_search.active{opacity:1;visibility:visible;pointer-events:all;}
#g9_list .g9_search .dimmed{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 50%);}
#g9_list .g9_search .search{position:relative;z-index:2;width:330px;max-width:100%;background:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.2);}
#g9_list .g9_search .search .title{display:flex;align-items:center;padding:0 20px;height:45px;font-size:16px;font-weight:600;color:#e9ebfa;background:#2c3d5e;}
#g9_list .g9_search .search .close{position:absolute;top:0;right:0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#e9ebfa;cursor:pointer;transition:color 0.2s;}
#g9_list .g9_search .search .close i{margin-top:-4px;}
#g9_list .g9_search .search .close:hover{color:#ffffff;}
#g9_list .g9_search .search .form{padding:20px;}
#g9_list .g9_search .search .form .select{margin-bottom:10px;}
#g9_list .g9_search .search .form .select select{width:100%;height:40px;padding:0 10px;font-size:14px;border:1px solid #d0d3db;background:#f5f5f5;font-family:'Pretendard';border-radius:4px;}
#g9_list .g9_search .search .form .input{display:flex;width:100%;height:40px;border:1px solid #d0d3db;background:#f5f5f5;font-family:'Pretendard';overflow:hidden;border-radius:4px;}
#g9_list .g9_search .search .form .input input{flex:1;border:0;padding:0 10px;width:100%;font-size:14px;background:transparent;font-family:'Pretendard';}
#g9_list .g9_search .search .form .input button{flex:0 0 auto;width:40px;height:40px;border:0;display:flex;align-items:center;justify-content:center;background:transparent;font-size:16px;color:#666;cursor:pointer;transition:color 0.2s;}
#g9_list .g9_search .search .form .input button:hover{color:#2c3d5e;}
#g9_list .g9_search .search .form .input button i{margin-top:-4px;}


/* ========================================
   반응형 모바일 대응
======================================== */

/* 태블릿 (768px 이하) */
@media screen and (max-width: 768px) {
    /* 카테고리 */
    #g9_list .g9_category ul{flex-wrap:wrap;}
    #g9_list .g9_category ul li{flex:0 0 50%;}
    #g9_list .g9_category ul li a{height:50px;font-size:15px;}
    
    /* 도구 영역 */
    #g9_list .g9_tool{flex-wrap:wrap;gap:10px;}
    #g9_list .g9_tool .total{font-size:12px;padding:0 10px;line-height:30px;}
    #g9_list .g9_tool .button > ul{gap:3px;}
    #g9_list .g9_tool .button > ul > li > .btn{width:30px;height:30px;font-size:12px;}
    
    /* 갤러리 컬럼 - 2열로 변경 */
    .gall_row .col-gn-3,
    .gall_row .col-gn-4,
    .gall_row .col-gn-5,
    .gall_row .col-gn-6{width:50%;}
    
    #g9_list .g9_gallery .gall_text{padding:12px;}
    #g9_list .g9_gallery .gall_text .bo_tit{font-size:14px;}
    #g9_list .g9_gallery .gall_text .bo_cnt{font-size:12px;}
    #g9_list .g9_gallery .gall_info{padding:0 12px 10px;font-size:12px;gap:8px;}
    #g9_list .g9_gallery .gall_option{padding:10px 12px;}
    
    /* 버튼 */
    #g9_list .g9_button .btn{padding:0 15px;height:40px;font-size:14px;}
    
    /* 검색 */
    #g9_list .g9_search .search{width:90%;max-width:330px;}
}

/* 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
    /* 카테고리 */
    #g9_list .g9_category ul li{flex:0 0 100%;}
    #g9_list .g9_category ul li a{height:45px;font-size:14px;}
    
    /* 도구 영역 */
    #g9_list .g9_tool{flex-direction:column;align-items:flex-start;}
    #g9_list .g9_tool .total{width:100%;text-align:center;}
    #g9_list .g9_tool .button{width:100%;margin-left:0;}
    #g9_list .g9_tool .button > ul{width:100%;justify-content:center;}
    
    /* 갤러리 컬럼 - 1열로 변경 */
    .gall_row .col-gn-2,
    .gall_row .col-gn-3,
    .gall_row .col-gn-4,
    .gall_row .col-gn-5,
    .gall_row .col-gn-6{width:100%;}
    
    #g9_list .g9_gallery .gall_row{margin:0;}
    #g9_list .g9_gallery .gall_li{padding:5px 0;}
    
    #g9_list .g9_gallery .gall_text{padding:12px 15px;}
    #g9_list .g9_gallery .gall_text .bo_tit{font-size:15px;}
    #g9_list .g9_gallery .gall_info{padding:0 15px 12px;flex-wrap:wrap;}
    #g9_list .g9_gallery .gall_option{padding:12px 15px;}
    
    /* 버튼 */
    #g9_list .g9_button{margin:15px 0;}
    #g9_list .g9_button > ul{width:100%;justify-content:center;flex-wrap:wrap;}
    #g9_list .g9_button .btn{padding:0 20px;height:38px;font-size:13px;}
    
    /* 검색 */
    #g9_list .g9_search .search{width:95%;margin:0 10px;}
    #g9_list .g9_search .search .form{padding:15px;}
}


/* ========================================
   기존 게시판 호환 스타일
======================================== */

/* 게시판 쓰기 */
#char_count_desc{display:block;margin:0 0 5px;padding:0;}
#char_count_wrap{margin:5px 0 0;text-align:right;}
#char_count{font-weight:bold;}

#autosave_wrapper{position:relative;}
#autosave_pop{display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent;}
#autosave_pop:after{content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop{height:auto;max-height:10000px !important;}
#autosave_pop strong{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#autosave_pop div{text-align:center;margin:0 !important;}
#autosave_pop button{margin:0;padding:0;border:0;}
#autosave_pop ul{padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8;}
#autosave_pop li{padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1;}
#autosave_pop li:after{display:block;visibility:hidden;clear:both;content:"";}
#autosave_pop a{display:block;float:left;}
#autosave_pop span{display:block;float:right;font-size:0.92em;font-style:italic;color:#999;}
.autosave_close{cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em;}
.autosave_close:hover{background:#f3f3f3;color:#3597d9;}
.autosave_content{display:none;}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

/* 게시판 읽기 */
#bo_v{margin-bottom:20px;background:#fff;box-sizing:border-box;}

#bo_v_table{position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em;}

#bo_v_title{}
#bo_v_title .bo_v_cate{display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
#bo_v_title .bo_v_tit{display:block;font-size:2em;margin:5px 0 0;word-break:break-all;}

#bo_v_info{margin:0;border-bottom:1px solid #f1f1f1;color:#666;}
#bo_v_info:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_info h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}

#bo_v_info .profile_info{margin:20px 0 10px;display:inline-block;float:left;}
#bo_v_info .profile_info .pf_img{float:left;margin-right:10px;}
#bo_v_info .profile_info .pf_img img{border-radius:50%;width:50px;height:50px;}
#bo_v_info .profile_info .profile_info_ct{float:left;padding:5px 0;line-height:18px;}

#bo_v_info strong{display:inline-block;margin:0 10px 0 0;font-weight:normal;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest{font-weight:bold;}
#bo_v_info .profile_img{display:none;}
#bo_v_info .sv_member{color:#000;}
#bo_v_info .if_date{margin:0;color:#888;}

#bo_v_file h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_file ul{margin:0;list-style:none;}
#bo_v_file li{padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);}
#bo_v_file li i{float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px;}
#bo_v_file a{float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active{text-decoration:underline;color:#3a8afd;}
#bo_v_file img{float:left;margin:0 10px 0 0;}
#bo_v_file .bo_v_file_cnt{color:#b2b2b2;font-size:0.92em;}
#bo_v_file li:hover{border-color:#bed4f4;color:#bed4f4;}
#bo_v_file li:hover i{color:#3a8afd;}
#bo_v_file li:hover .bo_v_file_cnt{color:#99c2fc;}

#bo_v_link h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_link li{padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);}
#bo_v_link li i{float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px;}
#bo_v_link a{float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000;}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active{text-decoration:underline;color:#3a8afd;}
#bo_v_link .bo_v_link_cnt{color:#b2b2b2;font-size:0.92em;}
#bo_v_link li:hover{border-color:#bed4f4;color:#bed4f4;}
#bo_v_link li:hover i{color:#3a8afd;}
#bo_v_link li:hover .bo_v_link_cnt{color:#99c2fc;}

#bo_v_top{zoom:1;}
#bo_v_top:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_top h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_top ul{padding:0;list-style:none;word-break:break-all;}

#bo_v_bot{zoom:1;}
#bo_v_bot:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_bot h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_bot ul{padding:0;list-style:none;}

.bo_v_com{margin:20px 0;float:right;}
.bo_v_com > li{position:relative;float:left;margin-left:5px;}

.bo_v_nb{margin:20px 0;position:relative;clear:both;text-align:left;}
.bo_v_nb:after{display:block;visibility:hidden;clear:both;content:"";}
.bo_v_nb li{border-top:1px solid #f1f1f1;padding:13px;}
.bo_v_nb li:last-child{border-bottom:1px solid #f1f1f1;}
.bo_v_nb li:hover{background:#f6f6f6;}
.bo_v_nb li i{font-size:13px;color:#b3b3b3;}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#b3b3b3;}
.bo_v_nb li .nb_date{float:right;color:#b3b3b3;}

#bo_v_atc{min-height:200px;height:auto !important;height:200px;}
#bo_v_atc_title{position:absolute;font-size:0;line-height:0;overflow:hidden;}

#bo_v_img{width:100%;overflow:hidden;zoom:1;}
#bo_v_img:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_img a.view_image{display:block;}
#bo_v_img img{margin-bottom:20px;max-width:100%;height:auto;}

#bo_v_con{margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden;}
#bo_v_con a{color:#000;text-decoration:underline;}
#bo_v_con img{max-width:100%;height:auto;}

#bo_v_act{margin-bottom:30px;text-align:center;padding:20px 0;}
#bo_v_act .bo_v_act_gng{position:relative;display:inline-block;margin:0 8px;}
#bo_v_act a{margin:0;vertical-align:middle;color:#666;padding:12px 25px;display:inline-flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:50px;font-size:15px;font-weight:500;background:#fff;}
#bo_v_act a:hover{background-color:#f5f5f5;color:#000;border-color:#999;}
#bo_v_act i{font-size:1.3em;margin:0;}
#bo_v_act strong{font-weight:600;}
#bo_v_act_good, #bo_v_act_nogood{display:none;position:absolute;top:60px;left:50%;transform:translateX(-50%);z-index:9999;padding:12px 20px;width:auto;min-width:200px;background:#333;color:#fff;text-align:center;border-radius:4px;font-size:14px;}
#bo_v_act .bo_v_good{border-color:#4CAF50;}
#bo_v_act .bo_v_good:hover{background:#4CAF50;color:#fff;border-color:#4CAF50;}
#bo_v_act .bo_v_nogood{border-color:#f44336;}
#bo_v_act .bo_v_nogood:hover{background:#f44336;color:#fff;border-color:#f44336;}

#bo_v_sns{padding:0;list-style:none;zoom:1;float:left;display:inline-block;}
#bo_v_sns:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_sns li{float:left;width:135px;margin-right:5px;text-align:left;}
#bo_v_sns li a{height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em;}
#bo_v_sns li img{vertical-align:middle;margin-right:5px;}
#bo_v_sns li .sns_f{display:block;background:#3b5997;}
#bo_v_sns li .sns_t{display:block;background:#09aeee;}
#bo_v_sns li .sns_g{display:block;background:#ea4026;}
#bo_v_sns li .sns_k{display:block;background:#fbe300;}

#bo_v_share{position:relative;padding:20px 0;}
#bo_v_share:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_share .btn{padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px;}
#bo_v_share .btn:hover{background:#fff;}
#bo_v_share .btn i{margin-right:5px;color:#4b5259;vertical-align:middle;}

/* 게시판 댓글 */
.cmt_btn{width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px;}
.cmt_btn span.total{position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd;}
.cmt_btn span.cmt_more{float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px;}
.cmt_btn_op span.cmt_more{background-position:right -8px;}
.cmt_btn b{font-size:1.2em;color:#000;}
.cmt_btn span.total:after{position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px;}
#bo_vc{}
#bo_vc h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_vc article{margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0;}
#bo_vc article:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_vc article .profile_img img{border-radius:50%;}
#bo_vc article .pf_img{float:left;margin-right:10px;}
#bo_vc article .pf_img img{border-radius:50%;width:50px;height:50px;}
#bo_vc article .cm_wrap{float:left;max-width:870px;width:90%;}
#bo_vc header{position:relative;width:100%;}
#bo_vc header:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_vc header .profile_img{display:none;}
#bo_vc header .icon_reply{position:absolute;top:15px;left:-20px;}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{font-weight:bold;}
.bo_vc_hdinfo{color:#777;}
#bo_vc h1{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_vc .cmt_contents{line-height:1.8em;padding:0 0 20px;}
#bo_vc p a{text-decoration:underline;}
#bo_vc p a.s_cmt{text-decoration:underline;color:#ed6479;}
#bo_vc_empty{margin:0;padding:80px 0 !important;color:#777;text-align:center;}
#bo_vc #bo_vc_winfo{float:left;}
#bo_vc .bo_vl_opt{position:absolute;top:0;right:0;}

.bo_vc_act{display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999;}
.bo_vc_act:before{content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent;}
.bo_vc_act:after{content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent;}
.bo_vc_act li{border-bottom:1px solid #f0f0f0;}
.bo_vc_act li:last-child{border-bottom:0;}
.bo_vc_act li a{display:inline-block;padding:10px 15px;}
.bo_vc_act li a:hover{color:#3a8afd;}

.bo_vc_w{position:relative;margin:10px 0;display:block;}
.bo_vc_w:after{display:block;visibility:hidden;clear:both;content:"";}
.bo_vc_w h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
.bo_vc_w #char_cnt{display:block;margin:0 0 5px;}
.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);}
#wr_secret{}
.bo_vc_w_info{margin:10px 0;float:left;}
.bo_vc_w_info:after{display:block;visibility:hidden;clear:both;content:"";}
.bo_vc_w_info .frm_input{float:left;margin-right:5px;}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both;}
.bo_vc_w .btn_confirm{clear:both;margin-top:10px;}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}
.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
.bo_vc_w .btn_confirm .secret_cm label{font-size:1em !important;}
.bo_vc_w_wr:after{display:block;visibility:hidden;clear:both;content:"";}
.secret_cm{display:inline-block;float:left;}

#bo_vc_send_sns{display:inline-block;float:left;}
#bo_vc_sns{display:inline-block;margin:0;padding:0;list-style:none;zoom:1;}
#bo_vc_sns:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_vc_sns li{float:left;margin:0 5px 0 0;}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px;}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px;}
#bo_vc_sns .sns_li_off{background:#bbb;}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input{margin:0 5px 0 0;}

/*글쓰기*/
#bo_w .bo_v_option li{display:inline-block;float:left;text-align:left;margin:0 5px 0 0;}
#bo_w .bo_v_option li label{vertical-align:baseline;}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span{margin-left:0;margin-right:5px;}
#bo_w .write_div{margin:10px 0;position:relative;}
#bo_w .write_div:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_w .bo_w_info:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_w .bo_w_info .frm_input{float:left;margin-bottom:1%;}
#bo_w #wr_password, #bo_w #wr_homepage{margin-left:1%;}
#bo_w .wr_content.smarteditor2 iframe{background:#fff;}
#bo_w .bo_w_tit{position:relative;}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2;}
#bo_w .bo_w_link .frm_input{padding-left:50px;}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2;}
#bo_w .bo_w_flie .frm_file{padding-left:50px;margin-top:3px;}
#bo_w .bo_w_flie .file_wr{position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0;}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0;}
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d;}
#bo_w .bo_w_select select{border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px;}
#bo_w .btn_submit{padding:0 20px;font-size:1.167em;}
#bo_w .btn_cancel{border-radius:3px;font-size:1.167em;}

/* ========================================
   게시글 보기 스킨 (g9_viewskin)
======================================== */

#g9_viewskin{position:relative;font-family:'Pretendard';}
#g9_viewskin .board-header{border-top:2px solid #000;border-bottom:1px solid #e0e0e0;background:#fcfcfc;padding:22px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#g9_viewskin .board-header .cate{flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10px;height:28px;background:#000;color:#fff;font-size:14px;font-weight:500;border-radius:4px;}
#g9_viewskin .board-header .subject{flex:1 1 auto;font-size:18px;font-weight:700;line-height:1.4;word-break:break-word;}
#g9_viewskin .information{border-bottom:1px solid #f1f1f1;display:flex;align-items:center;justify-content:space-between;padding:20px;}
#g9_viewskin .information .info{display:flex;align-items:center;}
#g9_viewskin .information .info .img{width:42px;height:42px;border-radius:42px;overflow:hidden;margin-right:12px;}
#g9_viewskin .information .info .img img{display:block;width:100%;height:100%;object-fit:cover;}
#g9_viewskin .information .info .con{display:flex;flex-wrap:wrap;gap:0 15px;}
#g9_viewskin .information .info .con dl{flex:0 0 auto;display:flex;align-items:center;}
#g9_viewskin .information .info .con dl.name{flex:0 0 100%;margin-bottom:5px;}
#g9_viewskin .information .info .con dt{display:none;}
#g9_viewskin .information .info .con dd{line-height:20px;font-size:14px;font-weight:500;color:#555;}
#g9_viewskin .information .info .con dd a{color:#555;}
#g9_viewskin .information .info .con dd a:hover{color:#000;}
#g9_viewskin .information .info .con dd i{margin-right:4px;color:#999;}
#g9_viewskin .information .bttn{margin:0;}
#g9_viewskin .information .bttn ul{display:flex;align-items:center;gap:5px;}
#g9_viewskin .information .bttn li{position:relative;}
#g9_viewskin .information .bttn li > .btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px;color:#666;}
#g9_viewskin .information .bttn li > .btn:hover{background:#f5f5f5;border-color:#999;}
#g9_viewskin .information .bttn li > .more_opt_btn{}
#g9_viewskin .information .bttn li > .more_opt{display:none;}
#g9_viewskin .section{padding:0 20px;}
#g9_viewskin .section .share{padding:20px 0;display:flex;align-items:center;justify-content:flex-end;gap:8px;}
#g9_viewskin .section .share a{display:flex;align-items:center;justify-content:center;padding:8px 15px;background:#f9f9f9;border:1px solid #e0e0e0;font-size:14px;font-weight:500;color:#666666;gap:5px;border-radius:4px;}
#g9_viewskin .section .share a:hover{background:#f0f0f0;border-color:#ccc;}
#g9_viewskin .section .content{margin:0 0 30px;line-height:24px;font-size:16px;}
#g9_viewskin .section .content .img{margin:0 0 20px 0;}
#g9_viewskin .section .content .img a{display:block;}
#g9_viewskin .section .content .img a + a{margin-top:20px;}
#g9_viewskin .section .content .img img{max-width:100%;height:auto;}
#g9_viewskin .section .content .con{line-height:1.8;font-size:16px;min-height:200px;padding:20px 0 30px;color:#333;}
#g9_viewskin .section .vote{margin:0 0 30px 0;text-align:center;}
#g9_viewskin .file_list{margin:0 0 30px 0;}
#g9_viewskin .file_list h2{font-size:16px;font-weight:600;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #333;}
#g9_viewskin .file_list ul{display:flex;flex-direction:column;gap:10px;}
#g9_viewskin .file_list ul li{position:relative;display:flex;align-items:flex-start;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;}
#g9_viewskin .file_list ul li:hover{border-color:#999;background:#f5f5f5;}
#g9_viewskin .file_list ul li i{font-size:24px;color:#666;margin-right:15px;line-height:1;}
#g9_viewskin .file_list ul li a{flex:1;display:flex;flex-direction:column;gap:5px;}
#g9_viewskin .file_list ul li a strong{font-size:15px;font-weight:600;color:#333;}
#g9_viewskin .file_list ul li .bo_v_file_cnt{font-size:13px;color:#888;}

#g9_viewskin .link_list{margin:0 0 30px 0;}
#g9_viewskin .link_list h2{font-size:16px;font-weight:600;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #333;}
#g9_viewskin .link_list ul{display:flex;flex-wrap:wrap;border-top:1px solid #e0e0e0;}
#g9_viewskin .link_list ul li{position:relative;flex:0 0 100%;display:flex;min-height:60px;align-items:center;border-bottom:1px solid #e0e0e0;}
#g9_viewskin .link_list ul li:hover{background:#fafafa;}
#g9_viewskin .link_list ul li i{flex:0 0 80px;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#999;background:#f9f9f9;}
#g9_viewskin .link_list ul li a{flex:1 1;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:12px 120px 12px 20px;}
#g9_viewskin .link_list ul li a strong{font-size:15px;font-weight:500;color:#333;line-height:1.4;}
#g9_viewskin .link_list ul li a:hover strong{color:#2c3d53;}
#g9_viewskin .link_list ul li .bo_v_link_cnt{position:absolute;right:20px;font-size:13px;color:#999;}
#g9_viewskin .page_list{margin:0 0 30px 0;}
#g9_viewskin .page_list ul{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;}
#g9_viewskin .page_list li{position:relative;display:flex;align-items:center;min-height:60px;border-bottom:1px solid #e0e0e0;}
#g9_viewskin .page_list li:last-child{border-bottom:0;}
#g9_viewskin .page_list li:hover{background:#fafafa;}
#g9_viewskin .page_list li .nb_tit{flex:0 0 100px;height:100%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#333;background:#f9f9f9;gap:5px;padding:15px 10px;}
#g9_viewskin .page_list li .nb_tit i{font-size:12px;color:#666;}
#g9_viewskin .page_list li a{flex:1 1;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:15px 120px 15px 20px;font-size:15px;color:#333;}
#g9_viewskin .page_list li a:hover{color:#2c3d53;}
#g9_viewskin .page_list li a > span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:1.5;}
#g9_viewskin .page_list li .nb_date{position:absolute;right:20px;font-size:13px;color:#999;}
#g9_viewskin .button{margin:30px 20px 20px;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:20px;border-top:1px solid #f0f0f0;}
#g9_viewskin .button .btn{display:flex;align-items:center;justify-content:center;height:45px;padding:0 30px;color:#4c4c4c;border-radius:4px;border:1px solid #ccc;background:#fff;font-size:15px;font-weight:500;}
#g9_viewskin .button .btn:hover{background:#f5f5f5;border-color:#999;}
#g9_viewskin .button .btn_submit{color:#fff;background:#2c3d53;border-color:#2c3d53;}
#g9_viewskin .button .btn_submit:hover{background:#1f2d3d;}

/* ========================================
   View 스킨 반응형
======================================== */

/* 태블릿 (768px 이하) */
@media screen and (max-width: 768px) {
    #g9_viewskin .board-header{padding:18px 15px;gap:8px;}
    #g9_viewskin .board-header .cate{padding:0 8px;height:26px;font-size:13px;}
    #g9_viewskin .board-header .subject{font-size:17px;}
    #g9_viewskin .information{flex-wrap:wrap;padding:15px;}
    #g9_viewskin .information .info{flex:1 1 100%;padding:0;margin-bottom:10px;}
    #g9_viewskin .information .info .img{width:38px;height:38px;}
    #g9_viewskin .information .bttn{margin:0;width:100%;justify-content:center;}
    #g9_viewskin .section .content .con{font-size:15px;padding:15px;}
    #g9_viewskin .section .share{padding:15px;}
    #g9_viewskin .link_list ul li,
    #g9_viewskin .page_list li{flex-wrap:wrap;}
    #g9_viewskin .link_list ul li i,
    #g9_viewskin .page_list li .nb_tit{flex:0 0 70px;font-size:14px;}
    #g9_viewskin .link_list ul li a,
    #g9_viewskin .page_list li a{padding:10px;}
}

/* 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
    #g9_viewskin .board-header{padding:15px;flex-direction:column;align-items:flex-start;gap:10px;}
    #g9_viewskin .board-header .cate{padding:0 8px;height:24px;font-size:12px;}
    #g9_viewskin .board-header .subject{font-size:15px;width:100%;line-height:1.5;}
    
    #g9_viewskin .information{flex-direction:column;align-items:stretch;padding:15px 10px;}
    #g9_viewskin .information .info{padding:0;margin-bottom:15px;}
    #g9_viewskin .information .info .img{width:36px;height:36px;margin-right:8px;}
    #g9_viewskin .information .info .con{font-size:12px;gap:0 8px;}
    #g9_viewskin .information .info .con dl{font-size:12px;}
    #g9_viewskin .information .bttn{margin:0;width:100%;justify-content:center;}
    #g9_viewskin .information .bttn ul{justify-content:center;gap:5px;}
    
    #g9_viewskin .section .share{padding:15px 10px;flex-wrap:wrap;gap:5px;}
    #g9_viewskin .section .share a{padding:8px 12px;font-size:13px;}
    #g9_viewskin .section .content{padding:0 10px;}
    #g9_viewskin .section .content .con{font-size:14px;padding:15px 5px;line-height:1.6;}
    
    #g9_viewskin .link_list{padding:0 10px;}
    #g9_viewskin .link_list h2{font-size:15px;padding-bottom:8px;}
    #g9_viewskin .link_list ul{border-radius:8px;overflow:hidden;}
    #g9_viewskin .link_list ul li{height:auto;min-height:50px;flex-wrap:wrap;}
    #g9_viewskin .link_list ul li i{flex:0 0 50px;font-size:16px;height:100%;min-height:50px;}
    #g9_viewskin .link_list ul li a{flex:1 1 calc(100% - 50px);padding:10px;height:auto;}
    #g9_viewskin .link_list ul li a strong{font-size:13px;line-height:1.4;}
    #g9_viewskin .link_list ul li .bo_v_link_cnt{position:static;flex:0 0 100%;padding:0 10px 10px 60px;font-size:11px;text-align:left;}
    
    #g9_viewskin .page_list{padding:0 10px;}
    #g9_viewskin .page_list li{height:auto;min-height:45px;flex-wrap:wrap;padding:10px 5px;}
    #g9_viewskin .page_list li .nb_tit{flex:0 0 50px;height:auto;font-size:13px;}
    #g9_viewskin .page_list li a{flex:1 1 calc(100% - 50px);padding:0 10px;font-size:13px;height:auto;}
    #g9_viewskin .page_list li a > span{line-height:1.4;}
    #g9_viewskin .page_list li .nb_date{position:static;transform:none;flex:0 0 100%;text-align:left;padding:5px 10px 0;font-size:11px;}
    
    #g9_viewskin .button{flex-wrap:wrap;justify-content:center;padding:10px;gap:5px;}
    #g9_viewskin .button .btn{padding:0 20px;height:40px;font-size:13px;}
    
    /* 파일 목록 모바일 */
    #g9_viewskin .file_list{padding:0 10px;}
    #g9_viewskin .file_list h2{font-size:15px;padding-bottom:8px;}
    #g9_viewskin .file_list ul{gap:8px;}
    #g9_viewskin .file_list ul li{padding:12px 10px;flex-direction:column;align-items:flex-start;}
    #g9_viewskin .file_list ul li i{font-size:20px;margin-right:0;margin-bottom:8px;}
    #g9_viewskin .file_list ul li a{width:100%;gap:3px;}
    #g9_viewskin .file_list ul li a strong{font-size:14px;}
    #g9_viewskin .file_list ul li .bo_v_file_cnt{font-size:11px;margin-top:0;}
    
    /* 추천/비추천 영역 */
    #g9_viewskin .section .vote{padding:0 10px;margin:20px 0;}
    #bo_v_act{text-align:center;padding:15px 0;}
    #bo_v_act .bo_v_act_gng{display:inline-block;margin:0 5px;}
    #bo_v_act .bo_v_good,
    #bo_v_act .bo_v_nogood{padding:10px 15px;font-size:13px;}
    #bo_v_act i{font-size:16px;}
    
    /* 댓글 영역 모바일 최적화 */
    #bo_vc{padding:0 10px;}
    #bo_vc article{margin:15px 0;}
    #bo_vc article .pf_img{margin-right:8px;}
    #bo_vc article .pf_img img{width:40px;height:40px;}
    #bo_vc article .cm_wrap{width:calc(100% - 50px);}
    .bo_vc_w{padding:0 10px;}
    .bo_vc_w textarea{font-size:14px;padding:10px;}
    .bo_vc_w .btn_confirm{flex-wrap:wrap;}
    .bo_vc_w .btn_submit{width:100%;margin-top:10px;}
    #bo_vc article .cm_wrap{width:85%;}
    .bo_vc_w textarea{height:100px;}
}