/* SIR 지운아빠 */ /* ### 기본 스타일 커스터마이징 시작 ### */ input[type=text],input[type=password],select{ border: 1px solid #cccccc; line-height: 25px; color:#000000; height: 25px; padding:0px 3px; } legend{display:none;} /* 게시판 버튼 */ /* 목록 버튼 */ a.btn_b01 {display:inline-block;padding:0 5px 0;border:1px solid #e5e5e5;background:#ffffff;color:#000;text-decoration:none;line-height:1.5em;vertical-align:middle} a.btn_b01:focus, .btn_b01:hover {text-decoration:none} a.btn_b02 {display:inline-block;padding:0 10px;border:1px solid #5a94de;background:#5a94de;color:#fff;text-decoration:none;line-height:1.5em;vertical-align:middle} a.btn_b02:focus, .btn_b02:hover {text-decoration:none} a.btn_admin {display:inline-block;padding:0 10px;border:1px solid #5a94de;background:#ffffff;color:#5a94de;text-decoration:none;line-height:1.5em;vertical-align:middle} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} a.btn_b03 {display:inline-block;padding:0 5px 0;border:1px solid #e5e5e5;background:#ffffff;color:#000;text-decoration:none;line-height:1.5em;vertical-align:middle} /* 읽기 버튼 */ #bo_v a.btn_b01 {} #bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {} #bo_v a.btn_b02 {} #bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {} #bo_v a.btn_admin {} /* 관리자 전용 버튼 */ #bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {} /* 쓰기 버튼 */ #bo_w .btn_confirm {width:100%;text-align:center;margin-top:20px;} /* 서식단계 진행 */ #bo_w .btn_submit {} #bo_w button.btn_submit {} #bo_w fieldset .btn_submit {} #bo_w .btn_cancel {padding:0 15px;height:25px;border:0;background:#FFF;color:#000 vertical-align:middle; cursor:pointer;text-align:center;border:1px solid #CCC;display:inline-block;} #bo_w button.btn_cancel {} #bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {} #bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */ #bo_w button.btn_frmline {} /* 기본 테이블 */ /* 목록 테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {/* 게시판제목라인 */ padding:12px 0; border-top:1px solid #868686; /* 상단라인색 */ border-bottom:1px solid #e5e5e5; /* 하단라인색 */ background:#f9f9f9; /* 제목배경색 */ color:#383838;font-size:1em;/* 제목글자크기 */ letter-spacing:0.1em}/* 제목띠어쓰기간격 */ .tbl_head01 thead a {color:#383838;/* 제목링크글자색상 */ text-decoration:none;}/* 제목링크밑줄제거*/ .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .tbl_head01 a {} #bo_list td.empty_table {} /* 읽기 내 테이블 */ #bo_v .tbl_head01 {} #bo_v .tbl_head01 caption {} #bo_v .tbl_head01 thead th {} #bo_v .tbl_head01 thead a {} #bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ #bo_v .tbl_head01 tfoot th {} #bo_v .tbl_head01 tfoot td {} #bo_v .tbl_head01 tbody th {} #bo_v .tbl_head01 td {} #bo_v .tbl_head01 a {} #bo_v td.empty_table {} /* 쓰기 테이블 */ #bo_w table {border-top: 1px solid #cccccc;border-left: 1px solid #cccccc; } #bo_w caption {} #bo_w .frm_info {} #bo_w .frm_address {} #bo_w .frm_file {} #bo_w .tbl_frm01 {} #bo_w .tbl_frm01 th {padding:5px;background:#f9f9f9;height:30px;border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } #bo_w .tbl_frm01 td {height:30px;padding:5px;border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } #bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {} #bo_w .tbl_frm01 textarea {} /* #bo_w .tbl_frm01 #captcha {} #bo_w .tbl_frm01 #captcha input {} */ #bo_w .tbl_frm01 a {} /* 필수입력 */ #bo_w .required, #bo_w textarea.required {} #bo_w .cke_sc {} #bo_w button.btn_cke_sc{} #bo_w .cke_sc_def {} #bo_w .cke_sc_def dl {}stx #bo_w .cke_sc_def dl:after {} #bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {} #bo_w .cke_sc_def dt {} #bo_w .cke_sc_def dd {} /* ### 기본 스타일 커스터마이징 끝 ### */ /* /* 게시판 목록 */ #container_title {/*제목*/ float:left; /*좌측플로트*/ font-size:1.5em; /*글자크기*/ color:#666666; /*글자색상*/ } #bo_cate ul {/*outline: 1px dashed red;*/ margin-bottom:10px;padding-left:1px;width:100%;zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {float:left;margin-bottom:-1px} #bo_cate a {display:block;position:relative;margin:0 5px 10px 5px;padding:6px 0 5px 10px;width:143px;border:1px solid #e5e5e5;background:#ffffff;color:#888;text-align:left;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none} #bo_cate #bo_cate_on {z-index:2;border:1px solid #5a94de;background:#fff;color:#5a94de;font-weight:bold} #bo_list_total {/*게시글갯수*/ padding:5px 0 10px 10px;border-bottom: 3px solid #333; margin-bottom:36px;} #bo_list_total span { color:#5a94de; /*글자색상*/ } #bo_list {clear: both;} #bo_list_total {float:left;padding-top:5px} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;width: 100% !important; } .btn_bo_adm {float:left} .btn_bo_adm li {float:left;width: 100% !important;} #bo_list .td_board {width:120px;text-align:center} #bo_list .td_chk {width:30px;text-align:center} #bo_list .td_date {width:60px;text-align:center} #bo_list .td_datetime {width:110px;text-align:center} #bo_list .td_group {width:100px;text-align:center} #bo_list .td_mb_id {width:100px;text-align:center} #bo_list .td_mng {width:80px;text-align:center} #bo_list .td_name {width:100px;text-align:left} #bo_list .td_nick {width:100px;text-align:center} #bo_list .td_num {width:50px;text-align:center} #bo_list .td_numbig {width:80px;text-align:center} #bo_list .txt_active {color:#5d910b} #bo_list .txt_expired {color:#ccc} .top2{float:right} /* 게시판 목록 공통 */ .bo_fx {zoom:1;width: 98%; margin: 0 auto; display: inline-block;margin-bottom:5px;} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none;} .bo_notice td {background:#e5effc} .bo_notice td a {font-weight:bold} .td_num strong {color:#000} .bo_cate_link {/*게시글앞 카테고리표시*/ display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;text-decoration:none} /* 글제목줄 분류스타일 */ .comment_cnt{/*댓글표시*/ font-size:0.1em; color:#5a94de; /*글자색상*/} .bo_current {color:#e8180c} #bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} #bo_sch {margin-bottom:10px;text-align:center; /*outline: 1px dashed red;*/} #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} /* 검색버튼 */ a.btn_search {float:left; margin:5px 0 0 0; width:24px; height:24px; background:url('./img/search.gif') no-repeat; text-indent:-9000px; overflow:hidden;} input.btn_submit {/* 검색버튼 */ padding:0 15px;height:25px;border:0;background:#5a94de;color:#fff; vertical-align:middle; cursor:pointer;} #sfl {display: none;} input.btn_cancel {/* 취소버튼 */ } fieldset .frm_input {width:200px; height:25px; margin:0 -4px 0 -2px; padding:0px 5px 3px;border:1px solid #e5e5e5;background:#f7f7f7;font-size:14px; color:#999;vertical-align:middle} /* pagination */ .pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center} .pg {display:inline-block;border:1px solid #e5e5e5;letter-spacing:-4px} .pg a:focus, .pg a:hover, .pg a:active {text-decoration:none} .pg_page, .pg_current {display:inline-block;padding:0 8px;height:20px;color:#cbcbcb;letter-spacing:0;line-height:1.7em;vertical-align:middle} .pg_page {background:#ffffff;text-decoration:none} .pg_start, .pg_prev {border-right:1px solid #e5e5e5} .pg_end, .pg_next {border-left:1px solid #e5e5e5} .pg_current {background:#f9f9f9;color:#5a94de;font-weight:bold} /* 게시판 쓰기 */ #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;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:right} #autosave_pop button {margin:0;padding:0;border:0;background:transparent} #autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;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} .autosave_close {cursor:pointer} .autosave_content {display:none} /* 게시판 읽기 */ #bo_v {margin-bottom:20px;padding-bottom:20px} #bo_v_table {display:none;position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em} #bo_v_title {padding:10px 0;font-size:1.2em} #bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal} #bo_v_file {} #bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_file ul {margin:0;padding:0;list-style:none} #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#e5effc} #bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word;font-size:0.8em !important;} #bo_v_file a strong{font-size:0.9em !important;} #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} #bo_v_file img {float:left;margin:0 10px 0 0} .bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px;font-size:0.8em !important;} #bo_v_file li span{font-size:0.8em;} #bo_v_link {} #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_link ul {margin:0;padding:0;list-style:none} #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#e5effc} #bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;word-wrap:break-word} #bo_v_link a strong{font-size:0.9em;} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px; font-size:0.9em; color:#808080;} #bo_v_top {margin:0 0 10px;padding:10px 0;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 {margin:0;padding:0;list-style:none} #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 {margin:0;padding:0;list-style:none} #bo_v_bot ul >li{display:inline-block;} #bumy .bumy_board .btn-pack {width:100px;} .bo_v_nb {float:left} .bo_v_com {float:right; text-align:right;} #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 {margin:0 0 10px;width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto;} #bo_v_con {margin-bottom:30px;width:100%;line-height:1.8em;letter-spacing: 0; color:#666; word-break: keep-all; font-size: 1.02rem;} #bo_v_con a {text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_act {margin-bottom:30px;text-align:center} #bo_v_act a {margin-right:5px;vertical-align:top} #bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:top} #bo_v_act strong {color:#ff3061} #bo_v_act_good, #bo_v_act_nogood {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {float:left;margin:0 5px 0 0} /* 게시판 댓글 */ #bo_vc {margin:0 0 20px;padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#e5effc} #bo_vc h2 {margin-bottom:10px} #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc} #bo_vc header {position:relative;padding:15px 0 5px} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc a {color:#000;text-decoration:none} #bo_vc p {padding:0 0 5px;line-height:1.8em} #bo_vc p a {text-decoration:underline} #bo_vc_empty {margin:0;padding:20px !important;text-align:center} #bo_vc fieldset {margin:0 0 10px;padding:0} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act {float:right;margin:0;list-style:none;zoom:1} .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act li {float:left;margin-left:5px} #bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8} #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_sns {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 20px 0 0} #bo_vc_sns input {margin:0 0 0 5px} #bo_vc form {padding:0} #bumy .bumy_board table td.text_left{text-align:left;} #bumy .bumy_board table td.left_padding10{padding-left:10px;} #bumy .bumy_board table { width: 100%; border-collapse: collapse; border-spacing: 0px; border-top: 3px solid #45474d; } #bumy .bumy_board table th { height: 48px; border-bottom: 1px solid #ddd; } #bumy .bumy_board table td { padding: 15px 10px; border-bottom: 1px solid #ddd; text-align: center; line-height: 20px; } #bumy .bumy_board table td.bbsInfo{text-align:left;padding-left:10px;} #bumy .bumy_board table td.subject { text-align: left; padding-left: 20px; } #bumy .bumy_board table td.subject span{ display:block; font-size: 14px; color:#787878; } .list_tr:hover{background:#f7f7f7;} #bumy .bumy_board table .list_tr:hover a{color:#000;} #bumy .bumy_board .total{width:100%;text-align:right;font-size:14px;} .ovtr:hover{background:#f7f7f7;} #bumy .bumy_board input[type="text"],#bumy .bumy_board input[type="password"] { height: 50px; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px; display:inline-block; font-size:min(0.88rem, 16px); } #bumy .bumy_board input[type="file"] { height: 32px; padding: 2px !important; border: 1px solid #ddd; border-radius: 4px; display: inline-block; font-size: min(0.88rem, 16px); } #bumy .bumy_board .btn { width: 120px; height: 34px; border: 0; background: #666; color: #fff; font-weight: 500; } .select22::-ms-expand { display: none; } .select22 { height:34px; padding-right:50px; font-size:14px; color:#666; background: url('data:image/jpeg;base64,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') #FFF no-repeat 100% 50%; /* 네이티브 화살표 대체 */ border: 1px solid #999; border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } .search{ padding: 40px 10px; border: 1px solid #ddd; text-align: center; margin:30px 0px; } /*==뷰 설정==*/ #bumy .bumy_board #bo_v_title { position: relative; padding: 11px ; border-top: 3px solid #45474d; border-bottom: 1px solid #ddd; font-size:24px; width:100%; text-align:center; } #bumy .bumy_board #bo_v_info { padding: 20px ; } #bumy .bumy_board h2 { display:none; } #bumy .bumy_board caption, #bumy .bumy_board legend{display:none;} /*==공통 설정==*/ #bumy .bumy_board .buttons { position: relative; margin: 18px auto; } #bumy .bumy_board .buttons:after{display:block;visibility:hidden;clear:both;content:""} #bumy .bumy_board .buttons .fr { float: right; } #bumy .bumy_board .btn-pack.focus { margin:30px 0; color: #fff; border: 1px solid #666; background: #666; } #bumy .bumy_board .buttons a, #bumy .bumy_board .buttons input { vertical-align: top; } #bumy .bumy_board .buttons a { text-decoration: none; } #bumy .bumy_board .btn-pack { display: inline-block; overflow: visible; position: relative; margin: 0; height: 41px; font-weight: 500; line-height: 39px; padding: 0 10px; color: #666; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; cursor: pointer; border: 1px solid #ddd; outline: 0; background: #ffffff; } #bumy .bumy_board .tbl_frm01 th{ width:15%; text-align:center; } #bumy .bumy_board .tbl_frm01 td{ text-align:left; } .bumy_gallery{width:100%;margin: 0 auto;justify-content:left; padding: 0; list-style: none; text-align: left; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 30px;} .bumy_gallery:after{display:block;visibility:hidden;clear:both;content:""} .bumy_gallery li{ display: inline-flex; height: auto; overflow: hidden; border-radius: 10px; transition: all 150ms; position: relative; border: #ddd solid 1px; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: flex-start; text-align: center;} .bumy_gallery li:hover {-moz-box-shadow: 0 0 15px rgb(0 0 0 / 30%);-webkit-box-shadow: 0 0 15px rgb(0 0 0 / 30%);box-shadow: 0 0 15px rgb(0 0 0 / 30%);transition: all 150ms;} .bumy_gallery li .thumb{text-align:center; } .bumy_gallery li .thumb img{width:100%;margin-bottom:10px;} #bumy .bumy_board .fz_gallery_title { display: block; padding: 10px 20px; font-weight: 500; word-break: keep-all; text-align: left; font-size: 1.135em; letter-spacing: -1px; height:50px; margin-bottom:60px; line-height: 140%;} #bumy .bumy_board .gallery_date { display: block; font-size:16px; color:#999999; text-align:left; position: absolute; left: 20px; bottom: 20px} #bumy .bumy_board .bumy_gallery li input{ position: absolute; right: 20px; bottom: 20px;width: 1.21em; height: 1.21em;} .bumy_gallery li .thumb{width:100%;padding:5% 7%; padding-top: 20%; margin: 0 auto; margin-top: 0px;} .fz_gallery_li_wrap{width:100%;} .bumy_gallery li p { padding: 0.4em 0; letter-spacing: -0.03em; font-weight: 500; display: inline-flex; width: 90%; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; text-align: left;} .bumy_gallery li p.bizcon{color:#787878; font-size:0.87em; word-break: keep-all; height: 56px; overflow: hidden;} .bumy_gallery li p.bizcontag{color:#1d1d1d; font-size:0.935em; word-break: keep-all; font-weight:600;} .bumy_gallery li p.name{ font-size: 1.456em; font-weight: 700; color: #323232; text-align:left; letter-spacing: -0.03em; padding: 0.3em 0; padding-top: 1.2em;font-family:'Noto Sans KR', 'Nanum Gothic','dotum',sans-serif,'Verdana';} .bumy_gallery li p span.logost{width:25%;padding:0; margin:0; position:relative; aspect-ratio: 1/1; background:#fff; border-radius:18px; overflow:hidden;-moz-box-shadow: 0 0 8px rgb(0 0 0 / 15%);-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 15%);box-shadow: 0 0 8px rgb(0 0 0 / 15%);} .bumy_gallery li p span.logost img{width:94%; height:auto; top:50%;left:50%; transform:translate(-50%, -50%); position:absolute;} .stepwrap{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;width:90%; margin:2em auto;} .stepwrap .stepst{display:inline-flex; background:#e9f2fe; padding:0.6em 0; width:49.5%; font-weight:500;color:#585a61; font-size:0.785rem; border-radius:30px;text-align: center; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;letter-spacing: -0.04em; line-height:1;} .stepwrap .stepst span{display:inline-block;color:#4b74ff; font-weight:600; width: 48%; font-size: 1.1em; text-align: center; line-height: 1;letter-spacing: 0; white-space: nowrap;} @media all and (max-width:1400px) { .bumy_gallery li p.name{font-size:1.2em;} .stepwrap .stepst{font-size:0.7rem;} } @media all and (max-width:1200px) { #bumy .bumy_board .fz_gallery_title { font-size:0.923rem; } .stepwrap .stepst {background: #fff; padding:0;font-size: 0.825rem; width:49%;} .stepwrap .stepst span{width:100%; padding:0.4em;padding-top: 0.6em; font-size: 1.03em; background: #e9f2fe; padding: 0.6em 0; border-radius:30px; margin-top:0.5em;} } @media all and (max-width:1150px) { #bumy .bumy_board .btn-pack.focus{margin:10px 0 !important;} .bumy_gallery { gap: 50px 10px;} } @media all and (max-width:1100px) { #bumy .bumy_board .fz_gallery_title { word-break: break-all; padding:7px 10px;height:60px; margin-bottom:50px;} #bumy .bumy_board .gallery_date {font-size:0.85em; left:10px;} #bo_v_con p, #bo_v_con img{width:100% !important;} #bo_v_con p{font-size: min(0.92rem, 16.2px);} .bumy_gallery li p.bizcon{ height: 52px;} .stepwrap{ margin: 1.8em auto; margin-top: 1.5em;} } @media all and (max-width:880px) { #bumy .bumy_board .fz_gallery_title { word-break: break-all; padding:7px 10px;} .bo_fx .btn_bo_adm{width:65% !important; text-align:left !important;} .bo_fx .btn_bo_user{width:35% !important; text-align:right !important;} .bo_fx ul li {width:auto;} #bumy .bumy_board .btn-pack.focus {width: 80px !important;} #bo_v_atc{padding:20px 0 !important;} #bo_v_con p, #bo_v_con img {width: 100% !important;max-width: 100% !important;padding: 0 !important;} .bumy_gallery { grid-template-columns: repeat(2, 1fr);gap: 40px 10px;} } @media all and (max-width:700px) { #bumy .bumy_board .fz_gallery_title { font-size: 0.9rem;padding:7px 15px;margin-bottom:45px; } #bumy .bumy_board .gallery_date { left:15px;} #bumy .bumy_board .btn-pack {width: auto; padding: 0 18px !important;} #bo_v_con {font-size: 0.956rem;} .bumy_gallery li p.name{font-size:1.05em;} .bumy_gallery li p.bizcontag{font-size:0.85em;} .stepwrap .stepst {font-size:0.72rem;} .bumy_gallery li p.bizcon {height: 44px;font-size:0.8em;} } @media all and (max-width:600px) { .bo_fx .btn_bo_adm{width:70% !important; text-align:left !important;} .bo_fx .btn_bo_user{width:30% !important; text-align:right !important;} #bumy .bumy_board .fz_gallery_title { font-size:0.8rem;padding:7px 13px; height:70px;margin-bottom:40px; } #bumy .bumy_board .gallery_date {font-size:0.75em; left:15px; bottom:20px} #bumy .bumy_board .btn-pack.focus {width: 60px !important;} .btn_bo_admin li{float:none; width:auto;display:inline-block;} .btn_bo_user li{float:none; width:auto;display:inline-block;} .bo_v_nb li{float:none; display:inline-block;} .bo_v_com li{float:none; display:inline-block;} .bumy_gallery li p.name{font-size:0.95em;} .bumy_gallery li p.bizcontag{font-size:0.75em;} } @media all and (max-width:480px) { #bumy .bumy_board .btn-pack.focus{margin: 6px 0 !important; font-size: min(0.82rem, 12px); width: 60px !important; padding: 0!important; } .bo_v_nb, .bo_v_com { width: 260px !important; margin: 0 auto !important; text-align:left; display: block !important; float: none; } .bo_v_nb li, .bo_v_com li {float:none;margin:0px; text-align:center;} .bumy_gallery { grid-template-columns: repeat(1, 1fr);gap: 30px 5px;} .bumy_gallery li p.bizcon {height: auto;} .stepwrap { margin: 1.5em auto; margin-top: 1.2em; } #bumy { margin:0 auto; max-width:1446px; padding: 0 3%; width:94%;} #bumy .bumy_board{padding-top:1.2vw;} #bumy .bumy_board table td.text_left{text-align:left;} #bumy .bumy_board table td.left_padding10{padding-left:10px;} #bumy .bumy_board table { width: 100%; border-collapse: collapse; border-spacing: 0px; border-top: 1px solid #121212; } #bumy .bumy_board table th { height: 50px; background: #fff; border-bottom: 1px solid #ddd; color: #212121; font-size: 0.956em; font-weight:500; } #bumy .bumy_board table td { padding: 10px 10px; border-bottom: 1px solid #ddd; text-align: center; font-size:1.13em; } #bumy .bumy_board table td.bbsInfo{text-align:left;padding-left:10px;} #bumy .bumy_board table td.bbsInfo .tel5{width: 32.2%; margin-left: 0.5%;} #bumy .bumy_board table td.bbsInfo .em5{width: 31%; margin-right: 0.5%;} #bumy .bumy_board table td.subject { text-align: left; padding-left: 20px; } #bumy .bumy_board table td.subject span{ display:block; font-size: 1em; color:#787878; } #bumy .bumy_board table td.sv_use{font-size:1.09em; font-weight: 500; letter-spacing: -0.25px;letter-spacing: initial;} .list_tr:hover{background:#f7f7f7;} #bumy .bumy_board .total{width:100%;text-align:right;font-size: 1.14em;} .ovtr:hover{background:#f7f7f7;} #bumy .bumy_board input[type="text"],#bumy .bumy_board input[type="password"] { height: 50px; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px; display:inline-block; font-size:min(0.88rem, 16px); } #bumy .bumy_board input[type="file"] { height: 32px; padding: 0px !important; } #bumy .bumy_board .btn { width: 120px; height: 34px; border: 0; background: #666; color: #fff; } .search .select22 { height: 52px !important; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px; padding-right:50px; font-size: 15px; color:#666; max-width: 190px; appearance:none; background-color:#fff; background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUZDNjhDRThDRjVBRTYxMUFEQTNFNjI3Qjg0QjE0MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTEzMzM5ODk2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTEzMzM5ODg2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjY5MjdBRTM3NjhFNjExOTBFQUMyQjc1REM1MTNFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRkM2OENFOENGNUFFNjExQURBM0U2MjdCODRCMTQyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAAUACAMBEQACEQEDEQH/xABYAAEAAAAAAAAAAAAAAAAAAAAJAQEAAAAAAAAAAAAAAAAAAAAAEAABAQcFAQAAAAAAAAAAAAABAiEEFAUVFhcRAzMGCRkRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AFbW7+a/1PS81ee2NdRQuTW713A+eoxj1cp7RH46M9Ldik04Toc1HJ0D/9k=) no-repeat 96% center; } .search .frm_input {width: 300px; height: 52px !important; background: #fff !important;} .search{ padding: 40px 10px; text-align: center;} .search .btn > .material-icons { font-weight: 700 color:#fff;} /*==뷰 설정==*/ #bumy .bumy_board #bo_v_title { position: relative; border-top: 0px solid #000; border-bottom: 0px solid #ddd; font-size: 27px; font-weight: 700; text-align: center; color: #212121; width:100%; max-width:1200px; margin:0 auto; text-align:center; background: #fff !important; } #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest{font-weight:400; font-size:14px;} #bumy .bumy_board #bo_v_info { padding: 10px 0 ;text-align: center;font-size: min(0.9rem, 16px); color: #999; letter-spacing: revert;} #bo_v_info strong{ font-size: inherit; margin: 0 0.5em; font-weight: 500; color: #545454;} #bumy .bumy_board h2 { display:none; } #bumy .bumy_board caption, #bumy .bumy_board legend{display:none;} /*==공통 설정==*/ #bumy .bumy_board .buttons { position: relative; margin: 18px auto; } #bumy .bumy_board .buttons:after{display:block;visibility:hidden;clear:both;content:""} #bumy .bumy_board .buttons .fr { float: right; } #bumy .bumy_board .btn-pack.focus { margin:30px 0; color: #fff; border: 1px solid #1472ff; background: #1472ff; border-radius:4px; font-weight:400; font-size: min(0.95rem, 17px); } #bumy .bumy_board .btn_bo_adm .btn-pack.focus { margin:30px 0; color: #1472ff; border:1px solid #1472ff; background: #fff; border-radius:4px; font-weight:400; line-height:48px;transition: all 250ms;} #bumy .bumy_board .btn_bo_adm .btn-pack:hover{ color: #2f82fe;background:#fff;border:1px solid #2f82fe; transition: all 250ms;} #bumy .bumy_board .bo_v_com .btn-pack.focus { margin:30px 0; color: #1472ff; border:1px solid #1472ff; background: #fff; border-radius:4px; font-weight:400; line-height:48px;transition: all 250ms;} #bumy .bumy_board .bo_v_com. btn-pack:hover{ color: #2f82fe;background:#fff;border:1px solid #2f82fe; transition: all 250ms;} #bumy .bumy_board .buttons a, #bumy .bumy_board .buttons input { vertical-align: top; } #bumy .bumy_board .buttons a { text-decoration: none; } #bumy .bumy_board .btn-pack { display: inline-block; overflow: visible; position: relative; margin: 0; width: 160px; height: 50px; line-height: 50px; padding: 0 10px; color: #666; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; cursor: pointer; border: 1px solid #ddd; outline: 0; background: #ffffff; transform:translateY(5px); transition: all 250ms; } #bumy .bumy_board .btn-pack:hover{background:#2f82fe;border: 1px solid #2f82fe; transform:translateY(0); transition: all 250ms;} #bumy .bumy_board .tbl_frm01 th{ width:15%; text-align:center; } #bumy .bumy_board .tbl_frm01 td{ text-align:left; } /* #bumy{max-width:1200px; margin:0 auto;} */ #bumy .td_date {width:180px;text-align:center} #bo_list_total {font-size:16px; color:#999;} #bo_list_total span{font-size:inherit; color:#111; font-weight:700;} #captcha #captcha_key{width: -webkit-fill-available !important; height: 48px !important; color: #454545; padding-left: 10px; border: 1px solid #ddd; border-radius: 4px;} #bo_v_con p {width: min(80vw, 800px); margin:0 auto; line-height:180%; text-align:left; padding:5px 0; color:#666; word-break:keep-all;white-space: pre-wrap; font-size: min(0.92rem, 16.2px);} #bo_v_con img {width: unset; max-width: fit-content; margin: 0 auto; left: 50%; position: relative; transform: translateX(-50%); padding: 0 30px;} #bo_v_con > div{width: min(80vw, 800px); margin:0 auto; } #bo_v_con > div img, #bo_v_con p img{width:100%; margin: 0 auto; left: 50%; position: relative; transform: translateX(-50%); padding: 0 30px;} #bo_v_con .webzine img{width: unset; max-width: fit-content; margin: 0 auto; left: 50%; position: relative; transform: translateX(-50%); padding: 0 30px} #bo_v_con .webzine{padding:50px 0;} #bo_v_con .webzine .f_img{width: unset; max-width: fit-content; margin: 0 auto; left: 50%; position: relative; transform: translateX(-50%); padding: 0 30px} #bo_v_con h4{font-size:32px; line-height:150%; color:#212121; font-weight:400; text-align:left;width: min(80vw, 800px); margin:0 auto;} #bo_v_con h3{font-size:40px; line-height:150%; color:#111; font-weight:700; text-align:left;width: min(80vw, 800px); margin:0 auto; padding-bottom:30px;} #bo_v_con h5{font-size:18px; line-height:180%; color:#999; font-weight:400; text-align:center;width:width: min(80vw, 800px); margin:0 auto; margin-bottom:20px;} #bo_v_con .tst{ margin-bottom:0px; line-height:100%} #bo_v_con .webzine p{width: min(80vw, 800px); margin:0 auto; line-height:180%; padding: 10px 0; color: #666; text-align: justify; word-break: keep-all; white-space: pre-line; letter-spacing: -0.042em; font-weight: 400; font-size: min(0.92rem, 16.2px);} #bo_v_con .webzine .ctitle{width: min(80vw, 800px); font-size: min(1.35rem, 22px); font-weight:500; margin:0 auto; line-height:150%; text-align:left; padding:10px 0;color: #35bcbf;letter-spacing: -0.042em; padding-top: 50px;} #bo_v_con .webzine .wz_bold{line-height:100%; font-size: min(1.35rem, 22px); font-weight:700; color:#1472ff; word-break:keep-all; text-align:inherit;} #bo_v_con .webzine a{width: min(80vw, 800px); margin:0 auto; line-height:180%; text-align:left; padding:1px 0; color:#111;border-bottom:#111 solid 1px; word-break:keep-all; font-size:inherit; font-weight:400;text-decoration:none;} #bo_v_con .webzine a:hover{border-bottom:#35bcbf solid 1px; color:#35bcbf; text-decoration:none;} #bo_v_con .webzine .wz_wrap{display:block;width: min(80vw, 800px); background:#f8f8f8; padding:15px; margin:20px auto;} #bo_v_con .webzine .wz_wrap p{width: min(90vw, 900px); color:#333; font-size: min(0.88rem, 15px); font-weight:400;} #bo_v_con .webzine .title2{ font-size: min(1.1rem, 17.2px); color:#333; font-weight:500; line-height:130%; text-align:left; } #bumy .bumy_board table .td_chk {position:relative;} #bumy .bumy_board table .td_chk input {position:absolute; top: 43%; left: 11px;} #bo_v_con p{max-width: 100%;} #bo_v_con .webzine{padding:50px 0;} #bo_v_con .webzine .f_img{width:100%; text-align:center;} #bo_v_con .webzine h4{font-size:32px; line-height:150%; color:#454545; font-weight:400; text-align:left;width:100%; margin:0 auto;} #bo_v_con .webzine h3{font-size:40px; line-height:150%; color:#111; font-weight:700; text-align:left;width:100%; margin:0 auto; padding-bottom:30px;} #bo_v_con .webzine p{width:100%; margin:0 auto; line-height:180%; text-align:left; padding:5px 0; color:#666; text-align:justify; word-break:keep-all;} #bo_v_con .webzine .ctitle{width:100%;font-size:21px; font-weight:500; margin:0 auto; line-height:150%; text-align:left; padding:10px 0;color: #35bcbf;letter-spacing: -0.5px; padding-top: 50px;} #bo_v_con .webzine .wz_bold{line-height:inherit; font-size:inherit; font-weight:inherit; color:#1472ff; word-break:keep-all;} #bo_v_con .webzine a{width:100%; margin:0 auto; line-height:180%; text-align:left; padding:1px 0; color:#111;border-bottom:#111 solid 1px; word-break:keep-all; font-size:15px; font-weight:400;text-decoration:none;} #bo_v_con .webzine a:hover{border-bottom:#35bcbf solid 1px; color:#35bcbf; text-decoration:none;} #bo_v_con .webzine .wz_wrap{display:block;width:100%; background:#f8f8f8; padding:15px; margin:20px auto;} #bo_v_con .webzine .wz_wrap p{width:96%; color:#333; font-size:15px; font-weight:400;} #bo_v_con .webzine .title2{font-size:17.2px; color:#333; font-weight:500; line-height:130%; text-align:left; } .search {text-align: center; width: 80%; max-width:500px; display:block; margin:0 auto;} .search.select22 { padding: 0 5px; padding-right:30px; font-size: 13px; max-width: 65px; appearance:none; } .search .frm_input {width: 300px; height: 52px !important; background: #fff !important;} .search .abtn{width:40px;} } @media all and (max-width:728px) { #bo_v_con .webzine p{width:100%; margin:0 auto;} } /*---------------------------------*/ /*---------------------------------*/ /*---------------------------------*/ /*---------------------------------*/ input[type=text], input[type=password], select { border: 1px solid #cccccc; font-weight: 400; line-height: 25px; color: #666; height: 25px; padding: 0px 3px; } #bumy .bumy_board{width:100%;max-width:1446px;margin:0px auto 0 auto;} #bumy.bumy_board_index .bumy_board{margin:60px auto 0 auto;} #bumy .bumy_board table td.text_left{text-align:left;} #bumy .bumy_board table td.left_padding10{padding-left:10px;} #bumy .bumy_board table { width: 100%; border-collapse: collapse; border-spacing: 0px; border-top: 3px solid #333; } #bumy .bumy_board.reg table { width: 100%; border-collapse: collapse; border-spacing: 0px; border-top: 0px solid #000; } #bumy .bumy_board table th { padding: 18px 10px; border-bottom: 1px solid #ddd; text-align: center; font-size: 0.956em; color:#454545; font-weight:400; } #bumy .bumy_board table th a { font-size: inherit; font-weight:inherit; color:inherit; } #bumy .bumy_board table td { padding: 36px 10px; border-bottom: 1px solid #ddd; text-align: center; color:#666;} #bumy .write table td {padding:10px !important;} #bumy .write table td {padding:10px !important;} #bumy .bumy_board table td span{font-size:0.9em;} #bumy .bumy_board table td .sv_member{font-weight: inherit; font-size: inherit; color: inherit;} #bumy .write form input[type="text"], #bumy .write form input[type="number"], #bumy .write form input[type="email"], #bumy .write form input[type="search"], #bumy .write form input[type="password"], #bumy .write form input[type="date"], #bumy .write form input[type="tel"], #bumy .write form input[type="file"] {box-sizing: border-box; outline: none; letter-spacing: 0; } #bumy .write form input[type="text"], #bumy .write form input[type="number"], #bumy .write form input[type="email"], #bumy .write form input[type="search"], #bumy .write form input[type="password"], #bumy .write form input[type="date"], #bumy .write form input[type="tel"], #bumy .write form input[type="file"] {width:100%;} #bumy .write form label{ padding: 0.2em 0.4em; font-weight:500; font-size:0.85em; color:#333;} #bumy .write form th > label{border-bottom: 0px solid #ddd; text-align: left; font-size:1em; color: #333; padding: 0; font-weight: 500;display:block;width: 100%;} #bumy .bumy_board #chkall{ width: 1rem !important; width: 1rem !important;} #bumy .reg select{ height: 50px; width:34%; padding: 0 10px; border: 1px solid #ddd; color: #868686; border-radius: 4px; appearance:none; background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUZDNjhDRThDRjVBRTYxMUFEQTNFNjI3Qjg0QjE0MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTEzMzM5ODk2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTEzMzM5ODg2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjY5MjdBRTM3NjhFNjExOTBFQUMyQjc1REM1MTNFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRkM2OENFOENGNUFFNjExQURBM0U2MjdCODRCMTQyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAAUACAMBEQACEQEDEQH/xABYAAEAAAAAAAAAAAAAAAAAAAAJAQEAAAAAAAAAAAAAAAAAAAAAEAABAQcFAQAAAAAAAAAAAAABAiEEFAUVFhcRAzMGCRkRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AFbW7+a/1PS81ee2NdRQuTW713A+eoxj1cp7RH46M9Ldik04Toc1HJ0D/9k=) no-repeat 90% center; color:#868686; } #bumy .bbsInfo select{ height: 50px; width:33%; padding: 0 10px; border: 1px solid #ddd; color: #868686; border-radius: 4px; font-size: min(0.85rem, 14px); appearance:none; background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUZDNjhDRThDRjVBRTYxMUFEQTNFNjI3Qjg0QjE0MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTEzMzM5ODk2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTEzMzM5ODg2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjY5MjdBRTM3NjhFNjExOTBFQUMyQjc1REM1MTNFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRkM2OENFOENGNUFFNjExQURBM0U2MjdCODRCMTQyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAAUACAMBEQACEQEDEQH/xABYAAEAAAAAAAAAAAAAAAAAAAAJAQEAAAAAAAAAAAAAAAAAAAAAEAABAQcFAQAAAAAAAAAAAAABAiEEFAUVFhcRAzMGCRkRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AFbW7+a/1PS81ee2NdRQuTW713A+eoxj1cp7RH46M9Ldik04Toc1HJ0D/9k=) no-repeat 98% center; color:#868686; } #bumy .bumy_board.write table .w50 select{width:100% !important;} #bumy .bumy_board table td.bbsInfo{text-align:left;padding:0;} #bumy .bumy_board table td.subject { text-align: left; padding-left: 20px; } #bumy .bumy_board .subject a{font-size: 1.023em; color: #121212;font-weight: 700; letter-spacing: -1px; } #bumy .bumy_board td span.end{display:inline-block;width:150px;height:43px;line-height:43px;text-align:center;background:#999;border-radius:50px;color:#fff;letter-spacing: normal;font-size: 0.9em;font-weight: 400;} #bumy .bumy_board td a.reg{display:inline-block;width:150px;height:43px;line-height:43px;text-align:center;background:#1472ff;border-radius:50px;color:#fff;font-size: 0.9em;font-weight: 400;} .list_tr:hover{background:#f7f7f7;} #bumy .bumy_board .total{width:100%;text-align:right;} .ovtr:hover{background:#f7f7f7;} #bumy .bumy_board .btn { width: 120px; height: 52px; border: 0; background: #1472ff; color: #fff; border-radius:4px; } #bumy .bumy_board .search .btn {background: #333;transition: all 150ms;} #bumy .bumy_board .search .btn:hover {background: #121212;transition: all 150ms;} #bumy .bumy_board .board_title{font-size:1.9em;font-weight:700;float:left;} #bumy .bumy_board .board_title>span{display:inline-block;margin-left:20px;font-size:15pt; color: #808080; font-weight: 400;} #bumy .bumy_board .board_title > span > .totalst{font-size: inherit; color: #121212; font-weight: 700;} #bumy .bumy_board #fsearch{ position:relative;float:right;} #bumy .bumy_board .board_top{margin-bottom:50px;;} #bumy .bumy_board .board_top:after {display:block;visibility:hidden;clear:both;content:"";} .content_link{height:auto;text-align:center;padding-top: 35px;} .content_link a{display:inline-block;margin:5px 0;color:#fff;padding: 0px 18px; font-size:1em; font-weight:400; height: 42px; line-height: 42px; border-radius: 30px; letter-spacing:inherit;} .content_link a.on{background:#fff;color:#121212; font-weight:700;padding: 0px 30px;font-size:1em;} #bumy .select1{display:inline-block;width:190px;height:52px;padding:0 20px;border:1px solid #ddd;border-radius:4px;color:#666; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUZDNjhDRThDRjVBRTYxMUFEQTNFNjI3Qjg0QjE0MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTEzMzM5ODk2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTEzMzM5ODg2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjY5MjdBRTM3NjhFNjExOTBFQUMyQjc1REM1MTNFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRkM2OENFOENGNUFFNjExQURBM0U2MjdCODRCMTQyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAAUACAMBEQACEQEDEQH/xABYAAEAAAAAAAAAAAAAAAAAAAAJAQEAAAAAAAAAAAAAAAAAAAAAEAABAQcFAQAAAAAAAAAAAAABAiEEFAUVFhcRAzMGCRkRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AFbW7+a/1PS81ee2NdRQuTW713A+eoxj1cp7RH46M9Ldik04Toc1HJ0D/9k=') no-repeat 90% center; color:#868686; } #bumy .select1 slot{color:#000;} #bumy .abtn > .material-icons{font-weight:600;} #keyword{display:inline-block;width:300px;height:52px !important;padding:0 20px;border:1px solid #ddd;border-radius:4px;vertical-align:middle;} #bumy .bumy_board #fsearch .abtn{ position:absolute;top:15px;right:15px;border:0;background:transparent;} #bumy .bumy_board .necessary{color:#1472ff; font-weight:500; padding:2px;} #bumy .bumy_board.reg table .bbsInfo a{width:100%; margin:0 auto; line-height:180%; text-align:left; padding:1px 0; color:#111;border-bottom:#111 solid 1px; word-break:keep-all; font-size:15px; font-weight:400;text-decoration:none; word-break:break-all;} #bumy .bumy_board.reg table .bbsInfo a:hover{border-bottom:#1472ff solid 1px; color:#1472ff; text-decoration:none;} #bumy .write .tbl_frm01{ display: block;width:94%; max-width:1200px; margin: 0 auto;} #bumy .write table { display:inline-table; width:100%; max-width: 1200px !important; margin: 0 auto;} #bumy .write table tr{display:inline-block; width:100%;} #bumy .write table th { border:0 solid #ddd; border-bottom: 0px solid #ddd; text-align: left; color:#111; font-weight:500; padding: 10px !important; padding-bottom: 0px !important; display:inline-block; height: auto; width:100%; letter-spacing:initial; } #bumy .write .tbl_frm01 th {text-align:left !important;} #bumy .write table td { border:0 solid #ddd; border-bottom: 0px solid #ddd; text-align: left; color:#666; display:inline-block; width:100%; padding:0; } .pg_wrap {clear:both;margin:0 0 20px;padding:60px 0 0;text-align:center; width:94%; max-width:1200px; margin:0 auto;} .pg {border:0;} .pg_page, .pg_current {display:inline-block;width:50px;height:50px;color:#000;letter-spacing:0;line-height:50px;vertical-align:middle} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {background:transparent;text-decoration:none} .pg_start, .pg_prev {color:#999;border:0;padding-top:5px;/* 이전 */} .pg_end, .pg_next {color:#999;border:0;padding-top:5px;/* 다음 */} .pg_current {display:inline-block;margin:0 0 0 0;background:#1472ff;color:#fff;font-weight:normal;border-radius:50px;} .vtab{width:100%; max-width:1200px; padding:0; text-align:center; margin:60px auto; margin-bottom:0px;list-style: none;} .vtab a{height:50px;display:block;float:left; width:50%;} .vtab a{ font-size:1.06em; position: relative; display: block; border:1px solid #e5e5e5;border-bottom:0;font-weight:400; background: #fff;text-align: center;color:#333; letter-spacing:initial; line-height: 48px;height: 48px;} .vtab a.on{ background: #121212;color:#fff; font-weight:400; font-size:inherit;} .vtab:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate ul{display: flex;justify-content: space-around;width:100%;padding:0; text-align:center; margin:30px 0; list-style: none;} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {float:none;margin-bottom:-1px;flex:1;margin-left:0;} #bo_cate a {display:block;position:relative;margin:0 5px 10px 5px;padding:0;line-height: 48px !important;height: 48px !important;border:0;width:100%;border:1px solid #e5e5e5;background:#fff;color:#333;text-align:center;letter-spacing:inherit;font-weight:500 !important; font-size:0.948em;line-height:1.2em;cursor:pointer} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none} #bo_cate #bo_cate_on {z-index:2;background:#121212;color:#fff;font-weight:400 !important;border:0;} .tbl_frm01 .frm_file {padding:0 !important;} .search .frm_input { width: 200px; height: 52px !important; background-color:#121212;} /*#bumy .bumy_board .tbl_frm01 table td input[type="checkbox"]{font-size:16.5px; width: 1.21em; height: 1.21em;}*/ /*#bumy .bumy_board table td input[type="checkbox"] { -webkit-appearance: none; position: relative; width: 16px; height: 16px; cursor: pointer; outline: none !important; border: 1px solid #eeeeee; border-radius: 2px; background: #fbfbfb; }*/ #bumy .bumy_board table td input[type="checkbox"]{position: relative;font-size:1rem; width: 1.21em; height: 1.21em;} #bumy .bumy_board table td input[type="checkbox"]::before { position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1; } #bumy .bumy_board table td input[type="checkbox"]:hover { border-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3); } #bumy .bumy_board table td input[type="checkbox"]:checked { background-color: #ff8955; border-color: #ff8955; color: white; } #bumy .bumy_board table td input[type="checkbox"]:checked::before { border-radius: 2px; transform: scale(1) translate(-50%, -50%) } #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest{font-size: min(0.91rem, 16px);} } @media (max-width: 1200px){ /*반응형 전환*/ #bumy .bumy_board table td{font-size:0.95em;} #bumy .bumy_board table td.sv_use{font-size:1em;} } @media (max-width: 1150px){ /*반응형 전환*/ #bumy .bumy_board #bo_v_title{font-size: min(1.355rem, 26px); letter-spacing: -0.0575em; word-spacing: 0.13em;} .gong_item{height:50vw;} #bumy .bumy_board table td{font-size:1em; width:max-content;} #bumy .bumy_board .subject a {font-size: 1.031em; font-weight: 500; letter-spacing: -1px;} #bumy .bumy_board table td.sv_use{font-size:1em;} #bumy .bumy_board .board_title {font-size:1.6em;} #bumy .bumy_board .board_title>span{font-size:0.7em;} #bumy .bumy_board .gallery_title{font-size:1em; word-break:keep-all;} .frm_input {width:100%;} label{font-size: 0.98em; font-weight: 500; color: #212121;} #bumy .write table td, #bumy .red table td{font-size:1em; width:100%;} } @media (max-width: 1000px){ .list_tr:hover{background:none;} #bumy .bumy_board table td{font-size:0.9em;} #bumy .bumy_board table td.sv_use{font-size:0.87em;} #bumy .bumy_board td span.end, #bumy .bumy_board td a.reg {width:90px; height: 38px;line-height: 38px;} #bumy .bumy_board table td{padding: 36px 2px;} #bumy .write table td, #bumy .red table td {padding:0;} .content_link {padding-top: 18px;} #bumy .bumy_board table .list_tr .subject{ padding-left:5px;} #bumy .bumy_board table td.sv_use{letter-spacing:inherit;} } @media (max-width: 820px){ #bumy .bumy_board #bo_v_info, #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest{ font-size: min(0.82rem, 13px);} #bo_v_info strong{font-size: inherit;margin: 0 1vw;} #bumy.bumy_board_index .bumy_board {margin: 40px auto 0 auto;} #bumy .bumy_board .board_top{margin-bottom: 30px;} #bumy .bumy_board .board_title {font-size:1.4em;margin-top: 5px;} #bumy .bumy_board .board_title>span{margin-left: 10px;font-size:0.6em;} #bumy .bumy_board table td{font-size:0.95em;} #bumy .bumy_board table thead{display:none;} #bumy .bumy_board table .list_tr{display: block; width: 100%; padding: 10px 20px; height:134px; border-bottom: 1px solid #ddd; position:relative;} #bumy .bumy_board table .list_tr td{display: inline-block; width: 100%; text-align: left; padding:0 ; border-bottom: 0px solid #ddd; position:relative;} #bumy .bumy_board table .list_tr .moble_no_view2 span{display:block; position:absolute; left:0; top:0;} #bumy .bumy_board table .list_tr td .end, #bumy .bumy_board td a.reg{display:block; position:absolute; right:0; top:-70px;} #bumy .bumy_board table .list_tr .subject{padding-top:10px; padding-bottom:5px; margin-top:15px; padding-left:0;} #bumy .bumy_board table .list_tr .subject a{font-size:1.098em; padding:8px 0;} #bumy .bumy_board table .list_tr .td_num{display: block; padding:0; left: 0; text-align:center; width:100px; top:10px; font-size:0.95em; text-align:left; position:inherit;} #bumy .bumy_board table .list_tr .moble_no_view{width: auto; height: 3.5vw; padding: 0; float: left; top: auto; transform: none; font-size: 0.9em; margin-right: 80px; text-align: right; float: none; display: inline-block; position: relative; vertical-align: sub; } #bumy .tbl_wrap table .list_tr:after{font-family: 'Material Icons'; font-weight: normal; font-style: normal; text-align:center; font-size: 28px; line-height:46px; letter-spacing: normal; text-transform: none; display: inline-block; width:46px; height:46px; background:#fff; border-radius:50%; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;color: #1472ff;position: absolute; top: 50%; right: 3%; content:"chevron_right"; transform: translateY(-50%);} #bumy .bumy_board table .list_tr .td_num .sv_member{color:#666; display:inline-block;width:auto; padding:10px 0; float:left;top:auto; transform:none; font-size:inherit; } #bumy .bumy_board table .td_chk input{ top: -18px; left: 30px;} #bumy .bumy_board table td .sv_member {font-weight:400; font-size: inherit; color: inherit; float: none; position:relative; width: max-content; left: 0px; top: auto; bottom:0px; display: block; width: max-content;} #bumy .bumy_board .btn-pack.focus{margin:30px 0;font-size: min(0.85rem, 14px);} } @media (max-width: 760px){ #bumy .bumy_board #bo_v_title{ font-size:1.015rem; letter-spacing: inherit; word-break: keep-all;} #bumy.bumy_board_index .bumy_board { margin: 30px auto 0 auto; } #bumy .bumy_board #fsearch{ position:relative;float:right;width: 60%;} #bumy .bumy_board .board_top{margin-bottom:50px;;} #bumy .bumy_board .board_top:after {display:block;visibility:hidden;clear:both;content:""} #bumy .select1{display:inline-block;width:30%;height:52px;padding:0 20px;border:1px solid #ddd;border-radius:4px;} #keyword{display:inline-block;width:68%;height:52px !important;padding:0 20px;border:1px solid #ddd;border-radius:4px;vertical-align:middle;} #bumy .bumy_board #fsearch .abtn{ position:absolute;top:15px;right:15px;border:0;background:transparent;} .content_link a { display: inline-block; margin: 5px 0; color: #fff; padding: 0px 8px; font-size: 0.85em; font-weight: 400; height: 42px;line-height: 42px; border-radius: 30px; letter-spacing: inherit;} .content_link a.on { background: #fff; color: #121212; font-weight: 700; padding: 0px 18px; font-size: 0.9em;} #bumy .bumy_board .board_title {font-size:1.4em;margin-top: 5px; margin-bottom:20px;} input[type="file" i]::-webkit-file-upload-button{ height:100%; width:30%;} #bumy .bbsInfo select{background-position:90% center; width:32%;} #bumy .reg select{background-position:96% center;} } @media (max-width: 650px){ .search {text-align: center; width:100%; max-width:500px; display:block; margin:0 auto;} #bumy .bumy_board .search .btn {width: max(10vw, 100px);} #bumy .bumy_board #fsearch{ float:none; width:100%;} #bumy .bumy_board table .list_tr { padding: 10px 10px;} #bumy .bumy_board .board_title{float:none;} #bumy .bumy_board #fsearch{ float:none; width:100%;} .select1{width:30%;height:52px;padding:0 20px;} #keyword{width:68%} /* #bumy .bumy_board table td { padding: 20px 5px;font-size: 0.75em;} #bumy .bumy_board table td.bbsInfo .tel5{width: 31%; margin-left: 0.5%;} #bumy .bumy_board table td.bbsInfo .em5{width: 31%; margin-right: 0.5%;} #bumy .bumy_board table td .sv_member {font-weight:400; font-size: 0.95em; color: inherit; float: none; position: absolute; width: max-content; left: 10px; top: auto; bottom:20px; display: block; width: max-content;} */ #bumy .bumy_board .btn-pack.focus {width: 80px !important;} } @media (max-width: 550px){ .t_title { font-size:21px; word-break: keep-all; padding: 0 30px;} .t_date{ font-size: 16px;} .vtab {margin: 20px auto; border-bottom: 1px solid #ddd !important;} .vtab a{ font-size: 17px;} .pp_title{font-size: 17px; font-weight:700;} #bumy .bumy_board .board_title{font-size:26px;font-weight: 700;} #bumy .bumy_board .board_top{margin-bottom:30px;} .select1{font-size: 14px;height:40px;padding:0 5px;} #keyword{height:40px;font-size: 15px;} #bumy .bumy_board #fsearch .abtn{ position:absolute;top:15px;right:15px;border:0;background:transparent;} #bumy .bumy_board table td.subject{width:70%;padding-left:0;} #bumy .bumy_board .subject a{font-size: 15px;color:#000;} #bumy .bumy_board td span{font-size: 15px;} #bumy .bumy_board td span.end{display:inline-block;font-size: 15px;width:auto;height:30px;line-height:30px;padding:0 15px;text-align:center;background:#999;border-radius:30px;color:#fff;} #bumy .bumy_board table .list_tr td .end, #bumy .bumy_board td a.reg{display:inline-block;font-size: 15px;width:auto;height:30px;line-height:30px;padding:0 15px;text-align:center;border-radius:30px;color:#fff;} #bumy .bumy_board table td { padding: 20px 5px;font-size: 0.75em; } .moble_no_view2{display:none;} label { font-size: 17px;} #bumy .bbsInfo select { width: 30%; background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUZDNjhDRThDRjVBRTYxMUFEQTNFNjI3Qjg0QjE0MjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTEzMzM5ODk2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTEzMzM5ODg2OEZGMTFFNjk1REFEN0Q5ODM0MjYyMjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjY5MjdBRTM3NjhFNjExOTBFQUMyQjc1REM1MTNFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRkM2OENFOENGNUFFNjExQURBM0U2MjdCODRCMTQyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAAUACAMBEQACEQEDEQH/xABYAAEAAAAAAAAAAAAAAAAAAAAJAQEAAAAAAAAAAAAAAAAAAAAAEAABAQcFAQAAAAAAAAAAAAABAiEEFAUVFhcRAzMGCRkRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AFbW7+a/1PS81ee2NdRQuTW713A+eoxj1cp7RH46M9Ldik04Toc1HJ0D/9k=) no-repeat 90% center; } #bumy .bumy_board .btn-pack{font-size:0.9em;} #bumy .bumy_board .btn-pack.focus{margin:30px 0;font-size: min(0.82rem, 14px); width:90px;} #bumy .bumy_board .bo_v_com .btn-pack.focus{font-size: min(0.82rem, 14px); width:90px;} } @media (max-width: 500px){ #bumy .bumy_board #bo_v_info, #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest{ font-size: min(0.81rem, 13px); letter-spacing: initial;} #bo_v_info strong{font-size: inherit;margin: 0 0.5vw; letter-spacing: initial;} #bumy .bumy_board.write table th {padding-bottom: 5px; font-size: 14px; height:auto;} label { font-size: 15px;} #bumy .bumy_board table td { font-size: 0.75em;} .gong_item{width:100%;height:80vw;} .select1 {font-size: 0.7em;} #keyword {font-size: 0.7em;} #bumy .bumy_board table .list_tr {height:auto; padding-bottom:30px;} #bumy .bumy_board table .list_tr .moble_no_view{font-size:0.8em;} #bumy .bumy_board table td.subject {width:100%; padding-top:8px;} #bumy .bumy_board table .list_tr td .end, #bumy .bumy_board td a.reg { display: inline-block; position: relative; right: 0; top: 0; margin-top: 15px;width: 100%; height: 38px; line-height: 39px;} input[type="file" i]::-webkit-file-upload-button{ height:100%; width:25%; cursor:pointer; background:#2f82fe; border:#2f82fe; line-height:100%; color:#fff; margin-right:20px; font-weight:400;font-family: 'Roboto', 'Noto Sans KR', 'Nanum Gothic','dotum',sans-serif,'Verdana'; background-image:none; background-repeat:no-repeat; background-position:12px 8px; } #bumy .bumy_board table td .sv_member {bottom:14px;} .search .frm_input { width: 200px; height: 52px !important;} #bo_v_file img {display:none;} .bo_v_file_cnt { margin: 0 0 3px 0px;} } @media (max-width: 480px){ .t_title { font-size:19.95px;} #bumy .bumy_board #bo_v_info, #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest{ font-size: min(0.81rem, 12px); letter-spacing: initial;} #bo_v_info strong{font-size: inherit;margin: 0 0.3vw; letter-spacing: initial;} #bumy .bumy_board.write table th { width:100%;} #bumy .bumy_board table td{fotn-size:0.7em;} #bumy .bumy_board table .list_tr .moble_no_view { margin-right: 20px; text-align: right; float: left; display: block; position: initial;} #bumy .bumy_board table td .sv_member{position: relative; width: max-content; left: 0; top: auto; bottom: 0; display: block; padding-top: 0; margin-top: -1.5px;} #bumy .bumy_board #bo_v_title{ font-size: 0.952rem; letter-spacing: inherit; word-break: keep-all;} #bumy .bumy_board .btn-pack.focus{margin:6px 0;font-size: min(0.82rem, 12px); width:60px!important; padding:0 !important;} #bumy .bumy_board .bo_v_com .btn-pack.focus{font-size: min(0.82rem, 12px);width: 60px !important; padding: 0 !important;} #bumy .bumy_board input[type="file"] {font-size: min(0.82rem, 12px);} #bumy .bumy_board .search {width:100%; padding:45px 0;} #bumy .bumy_board .search select.select22 { max-width: 120px !important; background-position:90% center !important;padding-right: 20px;} #bumy .bumy_board .search input.frm_input { max-width: 130px !important;} #bumy .bumy_board .search input.btn { width: 62px !important;} }