#user_board_whole { width: 100%; } 
#user_board_whole:has(#user_board_list) { box-shadow: inset 3px 3px 6px #00000029; border: 1px solid #2c6bb6; border-radius: 10px; opacity: 1; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 30px 50px; } 
#user_board_whole .board_new { display: inline-block; border: 1px solid #f56878; border-radius: 3px; color: #f56878; font-size: 11px; font-weight: bold; vertical-align: middle; padding: 1px 6px; margin-left: 5px; padding: 1px 3px; margin-left: 5px; height: 20px; line-height: 16px; } 
#user_board_whole .board_reply { display: inline-block; border: 1px solid #bbb; border-radius: 3px; color: #888; font-size: 11px; font-weight: bold; vertical-align: middle; padding: 1px 6px; margin-right: 5px; } 
#user_board_whole .board_reply b { color: #888; } 
#user_board_whole .board_notice { display: inline-block; border: 1px solid #888; background-color: #888; border-radius: 3px; color: #fff; font-size: 11px; font-weight: bold; vertical-align: middle; padding: 1px 6px; } 

.board_category { width: 100%; margin-bottom: 15px; } 
.board_category form { width: 100%; } 
.board_category_box { width: 100%; } 
.board_category_box > ul { width: 100%; display: flex; align-items: center; gap: 10px; } 
.board_category_box > ul > li > button { padding: 0 20px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0; } 
.board_category_box > ul > li > button.active,
.board_category_box > ul > li > button:hover { background: #eee; } 

/* 일반게시판 공통 */
#user_board_whole input,#user_board_whole select,#user_board_whole textarea,#user_board_whole button {border:1px solid #ddd; background-color:#fff; border-radius:5px; }

#user_board_title { width: 100%; margin: 50px 0 40px; margin-top: 80px; font-size: 28px; line-height: 40px; font-weight: bold; text-align: center; } 
#user_board_control { width: 100%; margin-bottom: 20px; } 
#user_board_control .inner { width: 100%; } 
#user_board_control .board_fr { width: 100%; } 
#user_board_control form { width: 100%; font-size: 16px; line-height: 24px; } 
#user_board_control fieldset { width: 100%; display: flex; gap: 10px; justify-content: end; } 
#user_board_control select { width: fit-content; height: 45px; flex-shrink: 0; padding: 0 10px; } 
#user_board_control input[type="text"] { width: 100%; max-width: 500px; height: 45px; padding: 0 10px; } 
#user_board_control input[type="submit"] { width: 80px; height: 45px; flex-shrink: 0; transition: all 0.2s; } 
#user_board_control input[type="submit"]:hover { background-color: #eee; font-weight: 500; } 

#user_board_list table { width: 100%; } 
#user_board_list th { padding: 5px 10px; background-color: #c9ddfc; height: 35px; font-size: 18px; line-height: 26px; font-weight: bold; } 
#user_board_list th:last-child { border-right: none; } 
#user_board_list td { border-bottom: 1px solid #00388d; padding: 10px; height: 60px; font-size: 16px; line-height: 24px; text-align: center; } 
#user_board_list tr:hover td { background-color: #f9f9fb; } 
#user_board_list tr:hover td a { font-weight: bold; } 

#user_board_list .number { width: 5%; } 
#user_board_list td.title { text-align: left; } 
#user_board_list .writer { width: 15%; } 
#user_board_list .file { width: 5%; } 
#user_board_list .date { width: 15%; min-width: 120px; } 
#user_board_list .hit { width: 5%; } 

/* 포토게시판 공통 */
#user_board_photo { width: 100%; } 
#user_board_photo ul { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; row-gap: 30px; } 
#user_board_photo ul li { width: 100%; position: relative; cursor: pointer;} 
#user_board_photo ul li:hover::after { content: ""; position: absolute; width: 100%; height: 100%; background: transparent linear-gradient(183deg, #7e7e7e3b 0%, #121c23 100%) 0% 0% no-repeat padding-box; top: 0; left: 0; border-radius: 10px; transition: all 0.2s; pointer-events: none;} 
#user_board_photo ul li p.img { width: 100%; aspect-ratio: 16/9; overflow: hidden; display: center; align-items: center; justify-content: center; border-radius: 10px;  border:1px solid #ddd;} 
#user_board_photo ul li p.img a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.1s ease-out; } 
#user_board_photo ul li:hover p.img a { transform: scale(1.2); } 
#user_board_photo ul li p.text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 16px; font-weight: bold; height: 68px; overflow: hidden; font-weight: 500; line-height: 24px; word-break: break-all; position: absolute; bottom: 0; z-index: 3; width: 100%; padding: 0 20px; opacity: 0; transition: all 0.2s; color: #fff; } 
#user_board_photo ul li:hover p.text { opacity: 1; } 
#user_board_photo ul li:hover p.text a { text-decoration: underline; } 
#user_board_photo ul li p.info { font-size: 14px; line-height: 20px; font-weight: 600; color: #666; display: none; } 
#user_board_photo ul li p.info span { font-weight: normal; color: #bbb; margin: 0 5px; } 
#user_board_photo ul li p.info b { font-weight: normal; color: #888; } 

/* read 페이지 */
#user_board_read_information th {  padding:10px; border-bottom:1px solid #ddd; }
#user_board_read_information td { padding: 10px; border-bottom: 1px solid #ddd; text-align: center; font-size: 16px; line-height: 24px; width: 33%; } 
#user_board_read_view { padding: 30px 20px; font-size: 16px; line-height: 24px; text-align: justify; border-bottom: 1px solid #ddd; min-height: 300px; } 
#user_board_read_view p,
#user_board_read_view span { font-size: 16px !important; line-height: 25px !important; } 
#user_board_read_view img { max-width: 100%; margin: 10px auto; display: block; height: auto; } 
#user_board_read_ip { padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 12px; display: none; } 
#user_board_read_file th { padding: 10px; border-bottom: 1px solid #444; } 
#user_board_read_file td { padding: 10px; border-bottom: 1px solid #444; } 
#user_board_read_file td ul li { padding: 7px 0; display: flex; align-items: center; justify-content: space-between; gap: 5px; } 
#user_board_read_file td ul li:hover a { font-weight: bold; } 
#user_board_read_file td ul li .filename { display: flex; align-items: center; gap: 10px; word-break: break-all; } 
/* #user_board_read_file td ul li .filename img { display:inline-block; vertical-align:middle; margin-right:10px; line-height:24px; } */
/* #user_board_read_file td ul li .hit { float:right; } */
/* read 페이지 */
#user_board_read_title { word-break: keep-all; line-height: 30px; font-size: 22px; font-weight: bold; text-align: center; padding: 20px 0 10px; border-top: 1px solid #444; background-color: #f8f8f8; } 
/* #user_board_read_information th { width:10%; padding:10px; border-bottom:1px solid #ddd; } */
/* #user_board_read_information td { padding:10px; border-bottom:1px solid #ddd; text-align:center; font-size:16px; line-height:24px; width:33%; } */
.read_information { display: flex; align-items: center; justify-content: space-between; padding: 20px; background-color: #f8f8f8; } 
.read_information > div { display: flex; align-items: center; gap: 40px; } 
.read_information > div > p { display: flex; align-items: center; gap: 15px; font-size: 16px; line-height: 24px; } 
.read_information > div > p > span { color: #848484; font-weight: 500; } 

#user_board_read_control { display: flex; margin: 30px 0; align-items: center; justify-content: space-between; } 
#user_board_read_control #user_board_read_prevnext { display: flex; align-items: center; gap: 5px; font-weight: normal; font-size: 12px; } 
#user_board_read_control span { width: 30px; height: 30px; border: 1px solid #ddd; padding: 0; background-color: #fff; color: #bbb; display: flex; align-items: center; justify-content: center; } 
#user_board_read_control a span { border: 1px solid #888; color: #444; } 
#user_board_read_control a span:hover { background-color: #f9f9fb; font-weight: bold; } 
#user_board_read_control #user_button { display: flex; align-items: center; gap: 5px; } 
#user_board_button { display: flex; align-items: center; gap: 5px; } 
#user_board_button a { display: flex; align-items: center; justify-content: center; height: 40px; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; color: #444; padding: 0 15px !important; font-size: 16px; } 
#user_board_button a:hover { border: 1px solid #888; background-color: #f9f9fb; color: #444; text-decoration: none; } 
#user_board_button input { display: flex; align-items: center; justify-content: center; height: 40px; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; color: #444; padding: 0 15px !important; font-size: 16px; } 

/* write 페이지 */
/*#user_board_write { border-top:2px solid #888; } */
#user_board_write th { padding: 10px; border-bottom: 1px solid #ddd; } 
#user_board_write td { padding: 10px; border-bottom: 1px solid #ddd; } 
#user_board_write input[type="text"],
#user_board_write input[type="password"],
#user_board_write input[type="number"],
select { height: 40px; padding: 0 10px; } 
#user_board_write input[type="file"] { margin-bottom: 10px; width: 100%; } 
#user_board_write ~ #user_board_button { margin: 30px 0; justify-content: end; } 


/* 페이징 */
#md_paging,
#user_board_paging { border: none; padding: 0; margin: 50px 0 30px; display: flex; justify-content: center; gap: 10px; } 
#md_paging span,
#user_board_paging span { border-radius: 50%; background: #2b3f58; color: #fff; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 6px; } 
/* #md_paging span img,
#user_board_paging span img { width: 8px; }  */
#md_paging a span,
#user_board_paging a span { background: #fff; color: #000; border: 1px solid #c9ddfc; padding-bottom:2px;} 
#md_paging a span:hover,
#user_board_paging a span:hover { background: #2b3f58; color: #fff; border: none; } 
#user_board_paging a span:hover img{filter: brightness(10);}
#md_paging span.prev,
#user_board_paging span.prev { background: #fff; color: #000; border: 2px solid #2e6eb6; border-radius: 50%; padding-bottom:0px;} 
#md_paging span.next,
#user_board_paging span.next { border-radius: 50%; background: #fff; color: #000; border: 2px solid #2e6eb6;  padding-bottom:0px;} 
/* -------------------------------------- */
/* 게시판 반응형 */
@media (max-width: 1023px){
 .board_category_box > ul { flex-wrap: wrap; } 
 #user_board_whole:has(#user_board_list) { padding: 40px 20px; } 

 /* #user_board_control select { height:40px; } 
#user_board_control input[type="text"] { height:40px; } 
#user_board_control input[type="submit"] { height:40px; } */

 #user_board_list th { font-size: 16px; line-height: 24px; padding: 10px 5px; } 
 #user_board_list td { font-size: 15px; line-height: 23px; height: 50px; word-break: break-all; padding: 10px 5px; } 
 #user_board_list .writer { display: none; } 
 #user_board_list .file { display: none; } 
 #user_board_list .hit { display: none; } 
 #user_board_list .date { min-width: 110px; } 

 #user_board_photo ul { gap: 20px; } 
 #user_board_photo ul li p.text { font-size: 15px; line-height: 23px; height: auto; padding: 0 10px 10px; } 

 #user_board_read_information td { font-size: 14px; line-height: 22px; width: auto; letter-spacing: -1px; } 

 #user_board_button a { height: 35px; padding: 0 10px !important; font-size: 14px; } 
 #user_board_button input { height: 35px; padding: 0 10px !important; font-size: 14px; } 
 #md_paging,
 #user_board_paging { gap: 5px; } 
 #md_paging span,
 #user_board_paging span { width: 30px; height: 30px; font-size: 14px; border: none; } 
 }
@media (max-width: 767px) { /* #user_board_control form { font-size:14px; line-height:22px; } 
#user_board_control fieldset { gap:10px; display:block; } 
#user_board_control select { width:100%; margin-bottom:10px; } 
#user_board_control input[type="text"] { width:calc(100% - 70px); margin:0; max-width:100%; } 
#user_board_control input[type="submit"] { width:60px; margin-left:5px; } */
 #user_board_list th { height: 50px; } 
 #user_board_list td { font-size: 14px; line-height: 22px; } 
 #user_board_list .date { display: none; } 

 #user_board_photo ul { grid-template-columns: repeat(2, 1fr); } 

 .read_information > div > p { flex-direction: column; gap: 0px; align-items: start; } 
 .read_information { flex-direction: column; gap: 10px; align-items: start; } 
 #user_board_photo ul li p.img{margin-bottom: 5px;}
#user_board_photo ul li p.text { position: static; color: #000; opacity: 1; height: 48px; padding:0;} 
#user_board_photo ul li:hover::after{
 display: none;
}
 }
@media (max-width: 479px){
    #user_board_paging{flex-wrap: wrap;}
 }

/* #user_board_control { border:1px solid #ddd; border-radius:3px; background-color:#fff; margin-bottom:10px; width:100%; } 
#user_board_control label { display:none; } 
#user_board_control .inner { padding:10px; } 
#user_board_control fieldset { display:flex; align-items: center; gap:10px; } 
#user_board_control .board_fr { width:400px; } 
#user_board_control #sbfd { margin:0; width:100px; } 
#user_board_control fieldset input[type="submit"] { width:auto; } */

/* #user_board_list table { border-top:2px solid #888; } 
#user_board_list .number { width:8%; text-align:center; } 
#user_board_list .writer { width:12%; text-align:center; } 
#user_board_list .file { width:8%; text-align:center; } 
#user_board_list .date { width:12%; text-align:center; } 
#user_board_list .hit { width:8%; text-align:center; } 
#user_board_list th { border-bottom:1px solid #ddd; padding:10px; background-color:#f9f9fb; } 
#user_board_list td { border-bottom:1px solid #ddd; padding:10px; } 
#user_board_list td.title { text-align:left; } 
#user_board_list td.title font { color:#f56878 !important; font-size:12px !important; font-weight:bold; } 
#user_board_list tr:hover td { background-color:#f9f9fb; } 
#user_board_list tr:hover td a { font-weight:bold; } 

#user_board_list.user_board_list08 .number { width:5%; } 
#user_board_list.user_board_list08 .title { width:15%; } 
#user_board_list.user_board_list08 .date { width:20%; } 
#user_board_list.user_board_list08 .writer { width:10%; } 
#user_board_list.user_board_list08 .file { width:5%; } 
#user_board_list.user_board_list08 .date1 { width:30%; } 
#user_board_list.user_board_list08 .date2 { width:5%; } 
#user_board_list.user_board_list08 td.date1 { text-align:left; } */

/* #user_board_whole #user_board_control { padding:40px 30px; border-radius: 10px; margin-bottom:20px; border:none; } 
#user_board_whole #user_board_control .inner { padding:0px; } 
#user_board_whole #user_board_control .board_fr { float: none !important; width: 100% !important; } 
#user_board_whole #user_board_control .board_fr fieldset { display: flex; flex-direction: row; align-items: center; height: auto; justify-content: center; } 
#user_board_whole #user_board_control .board_fr fieldset select { width: 150px; height: 50px; border: 1px solid #BFC3CF; border-radius: 10px; margin-right: 6px; font-size: 14px; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="text"] { height: 50px; border-radius: 10px; border: 1px solid #BFC3CF; margin-right: 18px; width: calc(100% - 276px) !important; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="submit"] { border: 1px solid #BFC3CF; height: 50px; width: 100px !IMPORTANT; border-radius: 10px; font-size: 14px; padding: 0; text-align: center; padding-top: 1px; background-color:#000; color:#fff; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="submit"]:hover { box-shadow: 0px 0px 20px #00000029; } */

/* #user_board_whole #user_board_list .date { width: auto !important; } 
#user_board_whole #user_board_list { padding: 30px; border-radius: 10px; border: 1px solid #bfc3cf; } 
#user_board_whole #user_board_list table { border-top: 1px solid #002d51; } 
#user_board_whole #user_board_list tr:nth-child(1) { display: none; } 
#user_board_whole #user_board_list tr:after { clear: both; display: block; content: ""; } 
#user_board_whole #user_board_list tr { width: 100%; display: block; border-bottom: 1px solid #bfc3cf; } 
#user_board_whole #user_board_list tr:hover { background-color: #f9f9fb; } 
#user_board_whole #user_board_list th { font-size: 16px; height: 70px; padding: 0; border: none; background: #f3f6fb; font-family: 'SpoqaHanSansNeo-M' , 'sans-serif' !important; display: none; } 
#user_board_whole #user_board_list td { font-size: 16px; height: 70px; padding: 0; border-color: #bfc3cf; border: none; border-bottom: 1px solid #bfc3cf; } 
#user_board_whole #user_board_list td:nth-child(1) { display: flex; width: 70px; float: left; height: 85px; border: none; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; } 
#user_board_whole #user_board_list td:nth-child(2) { width: calc(100% - 70px); float: left; display: flex; height: auto; align-items: flex-end; font-size: 16px; line-height: 26px; padding-top: 20px; border: none; } 
#user_board_whole #user_board_list td:nth-child(2) a { display: block; width: 100%; color: #000; font-weight: bold; height: 26px; overflow: hidden; } 
#user_board_whole #user_board_list td:nth-child(n + 3) { position: relative; display: block; float: left; width: auto; height: auto; border: none; color: #707070; font-size: 14px; line-height: 19px; margin-right: 12px; padding-right: 12px; } 
#user_board_whole #user_board_list td:nth-child(n + 3)::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #bfc3cf; } 
#user_board_whole #user_board_list td:nth-child(5) { margin-right: 0px; padding-right: 0px; } 
#user_board_whole #user_board_list td:nth-child(5)::after { content: none; } 
#user_board_whole #user_board_list td:last-child { border-right: none; } 
#user_board_whole #user_board_list td.td_none { width: 100%; } 
#user_board_whole #user_board_list td.hit > img { margin-right: 4px; } 
#user_board_whole #user_board_paging { margin-top: 25px; border: none; padding:0; } 
@media(max-width:550px){
 #user_board_whole #user_board_control { padding:30px 10px; } 
#user_board_whole #user_board_control .board_fr fieldset select { width: 77px; font-size: 0.8rem; height: 40px; margin-right: 3px; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="text"] { font-size: 0.8rem; width: calc(100% - 143px) !important; height: 40px; margin-right: 3px; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="submit"] { height: 40px; width: 60px !important; font-size: 0.8rem; text-align: center; } 
#user_board_whole #user_board_list { padding:15px; } 
#user_board_whole #user_board_list td:nth-child(1) { letter-spacing:-1px; width:40px; } 
#user_board_whole #user_board_list td:nth-child(2) { width: calc(100% - 40px); } 
#user_board_whole #user_board_list td:nth-child(2) a { width: 100%; font-size: 0.9rem; letter-spacing: -1px; } 
#user_board_whole #user_board_list td:nth-child(n + 3) { margin-right:0px; padding-right: 6px; font-size: 0.8rem; letter-spacing: -1px; } 
#user_board_whole #user_board_list td:nth-child(n + 3)::after { right:2px } 
 }*/

#user_board_webzine { border-top: 1px solid #ddd; } 
#user_board_webzine > ul > li { clear: both; padding: 30px 0; border-bottom: 1px solid #ddd; } 
#user_board_webzine > ul > li div.img { width: 200px; height: 200px; float: left; background-color: #fff; overflow: hidden; } 
#user_board_webzine > ul > li div.img a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.1s ease-out; } 
#user_board_webzine > ul > li div.text { padding-left: 220px; } 
#user_board_webzine > ul > li div.text ul li.title { font-size: 20px; margin-bottom: 10px; } 
#user_board_webzine > ul > li div.text ul li.title a { color: #666; } 
#user_board_webzine > ul > li div.text ul li.info { font-size: 13px; font-weight: bold; height: 18px; overflow: hidden; color: #666; margin-bottom: 20px; } 
#user_board_webzine > ul > li div.text ul li.info span { font-weight: normal; color: #bbb; margin: 0 5px; } 
#user_board_webzine > ul > li div.text ul li.info b { font-weight: normal; color: #888; } 
#user_board_webzine > ul > li div.text ul li.contents { height: 120px; overflow: hidden; font-size: 13px; line-height: 23px; color: #666; } 
#user_board_webzine > ul > li:hover { background-color: #f9f9fb; } 
#user_board_webzine > ul > li:hover div.img a { width: 120%; height: 120%; margin: -10% 0 0 -10%; } 
#user_board_webzine > ul > li:hover div.text ul li.title { font-weight: bold; } 
#user_board_webzine > ul > li:hover div.text ul li.title a { color: #444; } 

#user_board_banner { padding-top: 30px; text-align: center; } 
#user_board_banner ul { margin-right: -2%; } 
#user_board_banner ul li { float: left; width: 18%; margin: 0 2% 20px 0; vertical-align: top; padding-bottom: 20px; } 
#user_board_banner ul li p.img { margin-bottom: 10px; height: 0; padding-bottom: 50%; position: relative; overflow: hidden; background-color: #fff; } 
#user_board_banner ul li p.img a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.1s ease-out; } 
#user_board_banner ul li p.text { font-size: 14px; font-weight: bold; height: 20px; overflow: hidden; margin-bottom: 5px; } 
#user_board_banner ul li p.text a { color: #666; } 
#user_board_banner ul li p.info { font-size: 13px; font-weight: bold; height: 18px; overflow: hidden; color: #666; } 
#user_board_banner ul li p.info span { font-weight: normal; color: #bbb; margin: 0 5px; } 
#user_board_banner ul li p.info b { font-weight: normal; color: #888; } 
#user_board_banner ul li:hover p.img a { width: 110%; height: 110%; margin: -2.5% 0 0 -5%; } 
#user_board_banner ul li:hover p.text a { color: #444; } 

#user_board_password { width: 100%; max-width: 500px; text-align: center; margin: 0 auto; } 
#user_board_password .user_board_password_upper li.img img { display: block; max-width: 50%; margin: 0 auto; } 
#user_board_password .user_board_password_upper li.text { border: 1px solid #ddd; border-radius: 3px; } 
#user_board_password .user_board_password_upper li.text .exp { font-size: 15px; line-height: 30px; padding: 10px; border-bottom: 1px dotted #bbb; color: #666; background-color: #f9f9fb; } 
#user_board_password .user_board_password_upper li.text .exp b { font-size: 18px; } 
#user_board_password .user_board_password_upper li.text .input { padding: 10px; background-color: #fff; } 
#user_board_password .user_board_password_upper li.text .input input { height: 50px; line-height: 50px; font-size: 16px; max-width: 97%; margin: 0 auto; } 

/*button_color*/
.user_board_btn_black { border: 1px solid #555 !important; background-color: #555 !important; color: #fff !important; } 
.user_board_btn_black:hover { border: 1px solid #333 !important; background-color: #333 !important; color: #fff !important; } 
.user_board_btn_red { border: 1px solid #f56878 !important; background-color: #f56878 !important; color: #fff !important; } 
.user_board_btn_red:hover { border: 1px solid #db4355 !important; background-color: #db4355 !important; color: #fff !important; } 
.user_board_btn_gblue { height: 28px; line-height: 28px; font-size: 12px; border: 1px solid #44c4c4 !important; background-color: #44c4c4 !important; color: #fff !important; border-radius: 3px; padding: 0 10px; display: inline-block; vertical-align: middle; cursor: pointer; } 
.user_board_btn_gblue:hover { border: 1px solid #28acac !important; background-color: #28acac !important; color: #fff !important; } 
.user_board_btn_blue { border: 1px solid #4591cc !important; background-color: #4591cc !important; color: #fff !important; } 
.user_board_btn_blue:hover { border: 1px solid #2a79b6 !important; background-color: #2a79b6 !important; color: #fff !important; } 
.user_board_sbutton { background-color: #888; border: 1px solid #888; color: #fff; } 
.user_board_sbutton:hover { background-color: #666; border: 1px solid #666; } 

/*button_with_height*/
.user_board_btn_height { height: 28px; line-height: 28px; display: inline-block; padding: 0 10px; border-radius: 3px; vertical-align: middle; } 
.user_board_btn_darkgray { height: 28px; line-height: 28px; color: #eee !important; font-size: 12px; border: 1px solid #888 !important; background-color: #888 !important; border-radius: 3px; padding: 0 10px; display: inline-block; vertical-align: middle; cursor: pointer; } 
.user_board_btn_darkgray:hover { color: #fff !important; border: 1px solid #666 !important; background-color: #666 !important; padding: 1px 6px !important; } 
.user_board_btn_white { height: 28px; line-height: 28px; color: #444; font-size: 12px; border: 1px solid #888; background-color: #fff; border-radius: 3px; padding: 0 10px; display: inline-block; vertical-align: middle; cursor: pointer; } 
.user_board_btn_white:hover { color: #444; border: 1px solid #555; background-color: #f9f9fb; } 

#user_board_comment { padding-top: 20px; border-top: 0px solid #ddd; } 
#user_board_comment #user_comment_list ul li { font-size: 13px; line-height: 19px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #bbb; position: relative; } 
#user_board_comment #user_comment_list ul li p.name { font-size: 14px; font-weight: bold; margin-bottom: 5px; } 
#user_board_comment #user_comment_list ul li p.comment { margin-bottom: 10px; } 
#user_board_comment #user_comment_list ul li p.date { color: #aaaaac; } 
#user_board_comment #user_comment_list ul li p.del { position: absolute; bottom: 10px; right: 0; } 
#user_board_comment #user_comment_list ul li p.del a { display: block; width: 40px; height: 25px; line-height: 25px; text-align: center; font-size: 11px; font-family: "dotum"; color: #888; border: 1px solid #ddd; background-color: #fff; } 
#user_board_comment #user_comment_list ul li p.del a:hover { border-color: #888; color: #444; } 
#user_board_comment #user_comment_form { border: 1px solid #ddd; margin-bottom: 20px; } 
#user_board_comment #user_comment_form textarea { border: 0; border-radius: 0; height: 60px; display: block; } 
#user_board_comment #user_comment_form ul { font-size: 0; letter-spacing: 0; word-spacing: 0; position: relative; } 
#user_board_comment #user_comment_form ul li { font-size: 13px; line-height: 19px; display: inline-block; vertical-align: middle; } 
#user_board_comment #user_comment_form ul li input { border: 0; border-radius: 0; height: 40px; } 
#user_board_comment #user_comment_form ul li.title { text-align: center; padding: 0 20px; border-right: 1px solid #ddd; height: 40px; line-height: 40px; color: #88888a; background-color: #f9f9fb; background: linear-gradient(#fff, #f9f9fb); } 
#user_board_comment #user_comment_form ul li.input { border-right: 1px solid #ddd; } 
#user_board_comment #user_comment_form ul li.typing { width: 100%; border-bottom: 1px solid #ddd; display: block; } 
#user_board_comment #user_comment_form ul li.button { position: absolute; bottom: 0; right: 0; } 
#user_board_comment #user_comment_form ul li.button input { width: 80px; background-color: #88888a; color: #fff; } 

#common_del_form { position: absolute; display: none; width: 300px; height: 200px; overflow: hidden; background-color: #fc0; margin-top: -150px; margin-left: -100px; } 

/* 자동등록방지문자 */
.captcha .imgzone { float: left; } 
.captcha .inputzone { float: left; margin: 6px 0 0 10px; height: 58px; } 
.captcha .inputzone p { margin-bottom: 5px; } 
.captcha .inputzone p .refresh_btn { padding: 2px 4px; border-radius: 5px; display: block; float: left; margin: 0 5px 0 0; background-color: #57ad68; color: white; } 
.captcha .inputzone p .refresh_btn i { color: white; } 
.captcha .inputzone p span { line-height: 25px; } 
.captcha .inputzone input { font-size: 13px; } 

.comment_pwd_layer,
.edit_pwd_layer,
.board_pwd_layer,
.read_pwd_layer { box-sizing: border-box; position: fixed; width: calc(100% - 20px); max-width: 450px; left: 50%; top: 50%; height: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: auto; transform: translate(-50%, -50%); border: 1px solid #707070; background-color: #eee; padding: 20px; } 
.comment_pwd_hidden,
.edit_pwd_hidden,
.board_pwd_hidden,
.read_pwd_hidden { display: none; } 


/* 게시판반응형 */

/*240207*/

/* #user_board_whole #user_board_control .inner { display: flex; justify-content: flex-end; } 
#user_board_whole #user_board_control .board_fr { max-width:600px; } 
#user_board_whole #user_board_control { padding: 70px 0px 0px; } 
#user_board_whole #user_board_control .board_fr fieldset select { width:120px; height:45px; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="text"] { width:calc(100% - 185px) !important; height:45px; margin:0; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="submit"] { width:45px !important; height:45px; background: url(/fnc_images/sub/search_icon01.png) #302B6C no-repeat center; color: transparent; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="submit"]:hover { background-color:#201c4c; box-shadow: unset; } */
/* #user_board_list table { border-color:#000; } 
#user_board_list th { padding:0; height:60px; background:#F6FAFF; font-size:17px; font-weight:500; color:#000; border-right:1px solid #A1B5CF; border-color:#A1B5CF; } 
#user_board_list th:last-child { border-right:none; } 
#user_board_list td { border-right:1px solid #A1B5CF; border-color:#A1B5CF; height: 60px; padding: 5px; font-size:17px; font-weight:500; color:#000; } 
#user_board_list td:last-child { border-right:none; } */

/* #user_board_paging { padding:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-size:12px; display:block; margin-top:30px; } 
#user_board_paging span { display:inline-block; height:28px; line-height:28px; border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#888; color:#fff; font-weight:bold; vertical-align:middle; } 
#user_board_paging a span { border:1px solid #bbb; padding:0 11px; margin:0 3px; background-color:#fff; color:#888; font-weight:normal; } 
#user_board_paging a span:hover { border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#f9f9fb; color:#444; } 
#user_board_paging span.prev { background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif; } 
#user_board_paging a span.prev { background:#fff; color:#444; } 
#user_board_paging span.next { background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif; } 
#user_board_paging a span.next { background:#fff; color:#444; } */

/* @media (max-width: 1440px){
 #user_board_whole { width:100% !important; } 
 }
@media (max-width: 1023px){
 #user_board_whole { padding:0 30px; } 
 #user_board_photo ul li p.text a { font-size:16px; } 
 #user_board_read_information th { font-size:16px; } 
 #user_board_read_information td { font-size:16px; } 
 }
@media (max-width: 768px){
 #user_board_whole { padding:0 20px; } 
 #user_board_photo ul { display: grid; grid-template-columns: 1fr 1fr; justify-content: center; align-items: center; justify-items: center; } 
 #user_board_photo ul li { width:85%; margin:0; } 
 #user_board_read_information th { font-size:14px; padding:0; min-width:50px; } 
 #user_board_read_information td { font-size:14px; padding:0 } 
 }
@media (max-width: 550px){
 #user_board_control fieldset { gap:5px; } 
#user_board_whole #user_board_control { padding:0; padding-top:25px; } 
#user_board_whole #user_board_control .board_fr fieldset select { width:100px; height:40px; margin:0; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="text"] { width:100% !important; height:40px; margin:0; } 
#user_board_whole #user_board_control .board_fr fieldset input[type="submit"] { width:60px !important; height:40px; flex-shrink: 0; } 
#user_board_list th { font-size:14px; line-height:24px; } 
#user_board_list td { font-size:14px; line-height:24px; } 
#user_board_list .number { display:none; } 
#user_board_list .file { display:none; } 
#user_board_list .writer { width:60px; } 
#user_board_list .hit { width:60px; display:none; } 
#user_board_photo ul li p.img { height:150px; } 
#user_board_photo ul li p.img a { height:150px; } 
 #user_board_read_information th { font-size:12px; letter-spacing:-1px } 
 #user_board_read_information td { font-size:12px; letter-spacing:-1px } 
#user_board_read_file th { font-size:14px; } 
#user_board_read_file td { font-size:14px; } 
#user_board_list .date { border-right:none; } 
#user_board_list.user_board_list09 .date1 { border-right:1px solid #A1B5CF; } 

#user_board_paging span.next { margin-left:1px; } 
#user_board_paging span.prev { margin-right:1px; } 
#user_board_paging span { width: 25px; height: 25px; margin:0; } 
#user_board_paging a span { margin:0 1px; } 
#user_board_whole { padding:0; } 
 }
 */