.label {font-weight:normal;} /* list */ #listuser {width:100%;max-width:1240px;margin:20px auto;} #listuser .ur-tab {width:100%;height:50px;background-color:#333;} #listuser .ur-tab li {cursor:pointer;float:left;width:calc(100% / 4);height:50px;font-weight:500;font-size:14pt;line-height:48px;text-align:center;color:#FFF;} #listuser .ur-tab li a {display:block;width:100%;height:50px;color:#FFF;} #listuser .ur-tab li.on {background-color:#5cb85c;color:#FFF;} #listuser .ur-tab li.hbbg {background-color:red;} #listuser .ur-subtab {width:50%;height:50px;background-color:#333;} #listuser .ur-subtab li {cursor:pointer;float:left;width:calc(100% / 2);height:50px;font-weight:500;font-size:14pt;line-height:48px;text-align:center;color:#FFF;} #listuser .ur-subtab li a {display:block;width:100%;height:50px;color:#FFF;} #listuser .ur-subtab li.on {background-color:#5cb85c;color:#FFF;} #listuser .dashed {width:100%;height:0;padding:20px 0;margin-top:10px;border-top:1px dashed #555;} #listuser .bbs-view {width:100%;padding:0;margin:0;} #listuser .bbs-view th, #listuser .bbs-view td {color:#333;border:1px solid #d7d7d7;} #listuser .bbs-view th {font-weight:500;font-size:12pt;text-align:center;} #listuser .bbs-view td {padding-left:20px;font-weight:300;font-size:11pt;} #listuser .bbs-view td.tdbg {background-color:#f9f9f9;} #listuser .bbs-view td.tdimg {padding:0;} #listuser .bbs-view td .select2 {width:120px;padding-left:1%;} #listuser .bbs-view td select .no {background-color:#000;color:#FFF;} #listuser .bbs-view td .input {height:42px;} #listuser .bbs-view td.red {color:red;} #listuser .bbs-view .bbg {font-weight:bold;background-color:#f1f3fe;} #listuser .bbs-view th.b, #listuser .bbs-view td.b {font-weight:bold;} #listuser ul#lightgallery {display:block;width:100%;} #listuser ul#lightgallery li {float:left;width:calc(100% / 7 - 8.6px);margin:0 10px 20px 0} #listuser ul#lightgallery li img {display:block;width:100%;} #listuser ul#lightgallery li.end {margin-right:0;} #listuser ul#lightgallery li:nth-child(7n) { margin-right:0 !important; } #listuser .txtbox {width:100%;padding:12px 20px;font-size:12pt;line-height:1.8;color:#333;border:1px solid #d7d7d7;border-bottom:none;background-color:#f3f3f3;} #listuser .hwanbul {padding:30px 40px;background-color:#f1f3fe;} #listuser .input {width:100%;height:50px;padding:0 2%;font-size:13pt;line-height:50px;} #listuser .input_name {width:20%;} #listuser .input_num {width:40%;} #listuser .agreecheck pre {padding:20px;font-size:11pt;border:1px solid #d0d0d0;color:#000;background-color:#EAEAEA;} #listuser .btn-hwanbul {width:100%;height:50px;padding:0;font-size:14pt;line-height:48px;border-radius:3px;} #listuser .none-list {padding:200px;font-size:12pt;text-align:center;color:#CCC;border:2px solid #EEE;border-radius:10px;} #bbslist {width:1800px;padding:30px 0;margin:auto;} #bbslist .searchName {width:30%;margin:0 auto;} #bbslist .searchName input {float:left;width:73%;height:60px;padding:0;font-size:20pt;line-height:60px;text-align:center;border:5px solid #333;} #bbslist .searchName button {float:right;width:25%;height:60px;padding:0;font-size:16pt;line-height:60px;text-align:center;color:#FFF;background-color:#333;border:none;} #bbslist .searchform {position:relative;top:0;} #bbslist .searchform select {float:left;min-width:190px;font-size:12px;margin-right:5px;} #bbslist .searchform .inbtn {float:left;position:relative;width:190px;padding:0;margin:0;} #bbslist .searchform .inbtn input {position:absolute;top:0;left:0;width:190px;height:34px;padding:0 4px;border-radius:4px 0 0 4px;border:none;} #bbslist .searchform .inbtn button {position:absolute;top:-1px;right:-1px;width:73px;height:36px;line-height:0;border-radius:0 4px 4px 0;color:#fff;border:1px solid #357ebd;background-color:#428bca;} #bbslist .info {height:42px;padding:0;} #bbslist .info select {width:110px;} #bbslist .info .article {float:left;padding:0;font-size:11px;color:#c0c0c0;line-height:36px;} #bbslist .info .acontrol {float:right;padding:0;} #bbslist .user_point {float:right;width:320px;padding:0 1%;font-size:11pt;color:#FFF;background-color:#333;border:1px solid #000;} #bbslist .user_point .txt {float:left;width:30%;height:36px;font-weight:400;line-height:36px;} #bbslist .user_point .point {float:right;width:70%;height:36px;font-size:14pt;text-align:right;line-height:36px;} #bbslist .comp {margin-top:10px;border:1px solid #d0d0d0;border-right:none;border-bottom:none;} #bbslist .comp li {cursor:pointer;float:left;width:calc(100% /10);height:30px;padding-left:10px;line-height:30px;border:1px solid #d0d0d0;border-left:none;border-top:none;} #bbslist .comp li.nums {background-color:rgba(0,0,0,.02);} #bbslist .comp li.start {padding:0;text-align:center;background-color:#333;color:#FFF;} #bbslist .comp li.on {background-color:red;color:#FFF;} #bbslist .comp li.ons {background-color:#FF6600;color:#FFF;} #bbslist .comp li.onz {background-color:#FEE500;} #bbslist .comp li.on0 {background-color:#FFF;} #bbslist .comp li small {font-size:11px;} #bbslist .works {border:1px solid #d0d0d0;border-right:none;border-bottom:none;} #bbslist .works li {cursor:pointer;float:left;width:calc(100% / 9);height:30px;line-height:30px;text-align:center;border:1px solid #d0d0d0;border-left:none;border-top:none;} #bbslist .works3 li {width:calc(100% / 3);} #bbslist .works4 li {width:calc(100% / 4);} #bbslist .works5 li {width:calc(100% / 5);} #bbslist .works li.on {background-color:#333;color:#FFF;} #bbslist .catTab {width:100%;height:50px;margin:0;padding:0;} #bbslist .catTab li {cursor:pointer;float:left;list-style-type:none;width:calc(100% / 6);height:50px;padding:0;font-size:11pt;text-align:center;line-height:50px;color:#FFF;background-color:#000;} #bbslist .catTab2 li {width:calc(100% / 2);} #bbslist .catTab3 li {width:calc(100% / 3);} #bbslist .catTab4 li {width:calc(100% / 4);} #bbslist .catTab5 li {width:calc(100% / 5);} #bbslist .catTab .on {background-color:#28A84B;color:#FFF;} #bbslist .list-tab {float:right;width:200px;height:20px;margin-bottom:20px;} #bbslist .list-tab li {cursor:pointer;float:left;width:100px;} #bbslist .list-tab li.on {color:#D21D50;} #bbslist .none {height:150px;font-size:12px;color:#999;line-height:150px;} #bbslist table.table-list {width:100%;border-spacing:0px;border-collapse:collapse;} #bbslist table.table-list caption {display:none;} #bbslist table.table-list thead th {vertical-align:middle;padding:18px 0;border-bottom:#555 solid 2px;border-top:#555 solid 2px;font-size:13px;color:#555;} #bbslist table.table-list tbody tr {border-bottom:#E6E6E6 solid 1px;} #bbslist table.table-list tbody td {padding:18px 0 18px 0;font-size:12pt;text-align:center;color:#555;vertical-align:top !important;letter-spacing:-1px;} #bbslist table.table-list tbody td .red:hover {color:#000;} #bbslist table.table-list tbody td .btn {position:relative;top:-2px;border-radius:0;} #bbslist table.table-list tbody td.sbj {text-align:left;} #bbslist table.table-list tbody tr.str {} #bbslist table.table-list tbody tr.str td {padding:10px 0;} #bbslist table.table-list tbody td.border {border-bottom:1px solid #E6E6E6;} #bbslist table.ntable {width:100%;border-spacing:0px;border-collapse:collapse;} #bbslist table.ntable caption {display:none;} #bbslist table.ntable thead tr.trbg {background:linear-gradient(to top, rgba(0, 0, 0, 0.04), transparent 50%), linear-gradient(to bottom, rgba(0, 0, 0, 0.04), transparent 50%);} #bbslist table.ntable thead th {vertical-align:middle;padding:18px 0;border-bottom:#555 solid 2px;border-top:#555 solid 2px;font-size:13px;color:#555;} #bbslist table.ntable tbody tr {border:none;} #bbslist table.ntable tbody tr:hover {background-color:#FFF;} #bbslist table.ntable tbody td {font-size:12pt;text-align:center;color:#555;vertical-align:top !important;letter-spacing:-1px;} #bbslist table.ntable tbody td.sbj {text-align:left;} #bbslist table.ntable tbody td.td-top {padding:18px 0 0 0;} #bbslist table.ntable tbody td.td-bottom {padding:15px 0 18px 0;border-bottom:#E6E6E6 solid 1px;} #bbslist table.ntable tbody td .btn {position:relative;top:-2px;border-radius:0;} #bbslist table.ntable tbody td .btn-fa {padding:0px 3px;margin-left:5px;border-radius:3px;} #bbslist table.ntable tbody td .btn-fa .fa {font-size:10px;} #bbslist table.ntable tbody tr.row-hover td {background-color:#EFEFEF;} #bbslist .bottom {padding:20px 0;} #bbslist .bottom_l {float:left;} #bbslist .bottom_r {float:right;text-align:right;} /* @list */ /* view */ #bbsview {padding:30px 10%;margin:auto;} #bbsview .viewbox .btn {width:100%;height:60px;padding:0;font-size:16pt;line-height:58px;} #bbsview .topTab {width:100%;height:50px;margin-bottom:20px;} #bbsview .topTab .vt-tab {float:left;width:calc(100% - 260px);height:50px;background-color:#333;} #bbsview .topTab .vt-tab li {cursor:pointer;float:left;width:calc(100% / 4);height:50px;font-weight:500;font-size:14pt;line-height:48px;text-align:center;color:#FFF;} #bbsview .topTab .vt-tab li a {display:block;width:100%;height:50px;color:#FFF;} #bbsview .topTab .vt-tab li.on {background-color:#5cb85c;color:#FFF;} #bbsview .topTab .vt-tab-admin {width:calc(100% - 520px);} #bbsview .topTab .btn-top {float:left;width:240px;height:50px;padding:0;margin-left:20px;font-size:14pt;line-height:48px;border-radius:2px;} #bbsview .topBox {width:100%;height:60px;padding:10px 20px;font-weight:bold;font-size:13pt;line-height:40px;letter-spacing:0;color:#333;background-color:#f3f3f3;} #bbsview .topBox .select2 {position:relative;top:-4px;width:120px;padding-left:10px;} #bbsview .topBox .btn {position:relative;top:-2px;height:40px;padding:0 10px;line-height:40px;} #bbsview .topBox .right .price {font-size:17pt;} #bbsview .topBox_admin {width:100%;height:60px;padding:10px 20px;font-weight:bold;font-size:13pt;line-height:40px;letter-spacing:0;color:#333;background-color:#f3f3f3;} #bbsview .topBox_admin .select2 {position:relative;top:-4px;width:100px;padding-left:5px;} #bbsview .topBox_admin .btn {position:relative;top:-2px;height:40px;padding:0 10px;line-height:40px;} #bbsview .topBox_admin .right .price {font-size:17pt;} @media (max-width: 1920px) { #bbsview .topBox_admin { letter-spacing: -1px; } #bbsview .topBox_admin .right .price {font-size:16pt;} } #bbsview .bbs-view th, #bbsview .bbs-view td {color:#333;border:1px solid #d7d7d7;} #bbsview .bbs-view th {font-weight:500;font-size:12pt;text-align:center;} #bbsview .bbs-view td {padding-left:20px;font-weight:300;font-size:11pt;} #bbsview .bbs-view td.tdbg {background-color:#f9f9f9;} #bbsview .bbs-view td.tdimg, #bbsview .bbs-view td.bnone {padding:0;} #bbsview .bbs-view td.brnone {border-left:1px solid #FFF;border-right:1px solid #FFF;} #bbsview .bbs-view td .select2 {width:120px;padding-left:1%;} #bbsview .bbs-view td select .no {background-color:#000;color:#FFF;} #bbsview .bbs-view td .input {height:42px;} #bbsview .bbs-view td.red {color:red;} #bbsview .bbs-view .bbg {font-weight:bold;background-color:#f1f3fe;} #bbsview .bbs-view td .memo_pic_list {width:100%;} #bbsview .bbs-view td .memo_pic_list li {float:left;width:calc(100% / 10 - 11px);margin:5px 10px 0 0;} #bbsview .bbs-view td .memo_pic_list li img {display:block;width:100%;} #bbsview .bbs-view td .memo_pic_list li:nth-child(10n) { margin-right:0 !important; } #bbsview .bbs-view td .table-border tr {border-bottom:1px solid #d7d7d7;} #bbsview .bbs-view td .table-border tr:last-child {border-bottom:none;} #bbsview .bbs-view td .table-border td {border:none;padding:12px 20px;} #bbsview .bbs-view td .table-border td p {float:left;width:60px;text-align:center;} #bbsview .galbox {width:100%;padding:0 20px 0 20px;background-color:#f3f3f3;} #bbsview .txtbox {width:100%;padding:12px 20px;font-size:12pt;line-height:1.8;color:#333;background-color:#f3f3f3;} #bbsview .txtbox h3 {padding:0;margin:0;} /* #bbsview .calbox {clear:both;width:100%;padding:20px 0;border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;} #bbsview .calbox .input {width:160px;height:50px;padding:0;font-weight:bold;font-size:12pt;text-align:center;} */ #bbsview .pricebox {width:100%;height:100px;padding:13px 0;font-weight:bold;color:#333;text-align:center;background-color:#f3f3f3;} #bbsview .pricebox p {font-weight:bold;font-size:26pt;} #bbsview .pricebox small {font-weight:bold;font-size:12pt;} #bbsview ul#lightgallery {display:block;width:100%;} #bbsview ul#lightgallery li {float:left;width:calc(100% / 14 - 9.3px);margin:0 10px 20px 0} #bbsview ul#lightgallery li img {display:block;width:100%;} #bbsview ul#lightgallery li.end {margin-right:0;} #bbsview ul#lightgallery li:nth-child(14n) { margin-right:0 !important; } /* === 공통 레이아웃 & 높이 통일 === */ #bbsview ul.bnaImg { display:block; width:100%; --tile-h: 75px; } #bbsview ul.bnaImg li { position:relative; float:left; width:calc(100% / 14 - 9.3px); margin:0 10px 20px 0; height:var(--tile-h); /* ← 모든 li 높이 통일 */ overflow:hidden; /* 넘침 숨김(이미지 크롭) */ } #bbsview ul.bnaImg li:nth-child(14n) { margin-right:0 !important; } /* === 갤러리 이미지 === */ #bbsview ul.bnaImg li#lightgallery { background:#eee; } /* 이미지 없을 때 배경 */ #bbsview ul.bnaImg li#lightgallery img { display:none; /* 기본 규칙 유지 */ width:100%; height:100%; /* 컨테이너 높이에 맞춤 → 항상 동일 높이 */ object-fit:cover; /* 비율 유지 크롭 */ background:#eee; /* 로드 지연/실패 시도 동일 배경 */ } #bbsview ul.bnaImg li#lightgallery img:first-of-type { display:inline-block; /* 첫 이미지만 보이기 */ cursor:pointer; } /* 캡션바 */ #bbsview ul.bnaImg li span { cursor:pointer; position:absolute; top:0; left:0; width:100%; font-weight:bold; font-size:10pt; color:#FFF; text-align:center; background-color:rgba(0,0,0,.5); } /* === 주소 버튼 === */ #bbsview ul.bnaImg li.btn-map { cursor:pointer; padding:0; /* 기존 유지 */ font-size:9pt; text-align:center; background-color:#555; color:#FFF; /* 동일 높이 + 가운데 정렬 */ display:flex; align-items:center; justify-content:center; line-height:1.2; padding:0 5px; /* 텍스트 여백 */ height:var(--tile-h); /* ← 이미지와 동일 높이 */ } #bbsview ul.bnaImg li#lightgallery img.img-error { display:inline-block; /* 첫 요소로서 보여야 함 */ background:#eee url('data:image/svg+xml;utf8,') center/40% no-repeat; } #bbsview .priceWorkday {width:100%;} #bbsview .priceWorkday .pw_l {float:left;width:calc(100% - 530px);padding:0;background-color:#FFF;} #bbsview .priceWorkday .pw_l ul {width:100%;} #bbsview .priceWorkday .pw_l ul li.pw_l_l {float:left;width:calc(100% - 435px);} #bbsview .priceWorkday .pw_l ul li.pw_l_l .input {width:100%;height:70px;padding:0;font-weight:bold;font-size:21pt;text-align:center;border:1px solid #AAA;} #bbsview .priceWorkday .pw_l ul li.pw_l_l select {width:100%;height:50px;font-size:13pt;border:1px solid #AAA;} #bbsview .priceWorkday .pw_l ul li.pw_l_l .textarea {width:100%;height:210px;padding:10px 2%;margin:0;font-size:13pt;border:1px solid #AAA;line-height:1.6;border-radius:2px;} #bbsview .priceWorkday .pw_l ul li.pw_l_l .textarea2 {height:240px;} #bbsview .priceWorkday .pw_l ul li.pw_l_r {float:right;width:425px;} #bbsview .priceWorkday .pw_l ul li.pw_l_r #calendar {min-height:270.39px;} #bbsview .priceWorkday .pw_l ul li.pw_l_r .btn {width:100%;height:70px;font-size:16pt;border-radius:2px;} #bbsview .priceWorkday .pw_r {float:right;width:490px;min-height:410px;padding:10px;font-size:12pt;background-color:#f3f3f3;} #bbsview .priceWorkday .pw_r ul {display:block;width:100%;} #bbsview .priceWorkday .pw_r ul li.pw_r_l {float:left;width:240px;} #bbsview .priceWorkday .pw_r ul li.pw_r_l .input {width:100%;height:39px;font-size:12pt;text-align:center;} #bbsview .priceWorkday .pw_r ul li.pw_r_l .arrow-zone {height:15px;font-size:10px;text-align:center;} #bbsview .priceWorkday .pw_r ul li.pw_r_l select {width:100%;height:39px;font-size:12pt;padding-left:10px;} #bbsview .priceWorkday .pw_r ul li.pw_r_l .price {font-weight:bold;font-size:14pt;border-bottom:2px solid #000;color:#18609C;} #bbsview .priceWorkday .pw_r ul li.pw_r_l .price input {width:100%;height:39px;padding:0;margin:0;font-weight:bold;font-size:16pt;color:#18609C;border:none;border:none;text-align:center;background-color:transparent;} #bbsview .priceWorkday .pw_r ul li.pw_r_l .ired, #bbsview .priceWorkday .pw_r ul li.pw_r_l .ired input {color:red;} #bbsview .priceWorkday .pw_r ul li.pw_r_r {position:relative;float:right;width:220px;height:389px;} #bbsview .priceWorkday .pw_r ul li.pw_r_r .btn {height:39px;padding:0;font-size:12pt;line-height:39px;} #bbsview .priceWorkday .pw_r ul li.pw_r_r .btn-footer {position:absolute;right:0;bottom:0;} #bbsview .priceWorkday .pw_r ul li.pw_r_r .disabled { background: #AAA !important; color: #eee !important; } #bbsview .adminPrice { display: grid; grid-template-columns: repeat(5, 1fr); /* 5개 div 동일폭 */ gap: 20px; /* 필요하면 간격 주기 */ width:100%;padding:12px 20px;font-size:12pt;line-height:1.8;color:#333;background-color:#f3f3f3; } #bbsview .adminPrice > div { padding: 12px 0; box-sizing: border-box; } #bbsview .adminPrice > div .pboxNone {width:100%;height:280px;} #bbsview .adminPrice > div select {width:100%;height:50px;font-size:13pt;border:1px solid #AAA;} #bbsview .adminPrice > div .textarea {width:100%;height:210px;padding:10px 2%;margin:0;font-size:13pt;border:1px solid #AAA;line-height:1.6;border-radius:2px;} #bbsview .adminPrice > div input {width:100%;height:50px;font-size:12pt;text-align:center;border:1px solid #AAA;} #bbsview .adminPrice > div .btn {width:100%;height:50px;padding:0;font-size:12pt;line-height:48px;text-align:center;} #bbsview .adminPrice > div.btnPos {position:relative;width:100%;font-size:14pt;text-align:center;} #bbsview .adminPrice > div.btnPos h1 {} #bbsview .adminPrice > div.btnPos .btnPos_bottom {position:absolute;right:0;bottom:0;width:100%;} #bbsview .hbox {width:100%;padding:12px 20px;font-size:12pt;line-height:1.8;color:#333;background-color:#f3f3f3;} #bbsview .hbox h3 {padding:0;margin:0;} #bbsview .hbox .hboxGrid { display: grid; grid-template-columns: 3fr 1fr 1fr; gap: 20px; } #bbsview .hbox .hboxGrid .txtClip {height:50px;line-height:48px;} #bbsview .hbox .hboxGrid .btn {width:100%;height:50px;padding:0;font-size:12pt;line-height:48px;text-align:center;} #bbsview .cmtDate {width:100%;} #bbsview .cmtDate_l {float:left;width:calc(100% - 455px);} #bbsview .cmtDate_r {float:right;width:425px;margin-top:49px;} #bbsview .dayForm select {width:100%;height:50px;font-size:13pt;border:1px solid #AAA;} #bbsview .dayForm .textarea {width:100%;height:210px;padding:10px 2%;margin:0;font-size:13pt;border:1px solid #AAA;line-height:1.6;border-radius:2px;} #bbsview .dayForm .btn {width:100%;height:50px;font-size:16pt;border-radius:2px;} #bbsview .tabMemo {width:100%;margin:0 auto;} #bbsview .tabMemo h1 {padding:0;margin:0 0 15px 0;} #bbsview .tabMemo_l {float:left;width:calc(100% - 455px);padding:20px 10%;background-color:#f1f3fe;} #bbsview .tabMemo_r {float:right;width:425px;} #bbsview .tabMemo .wrireMemo .textarea {width:100%;min-height:180px;padding:10px 2%;margin:0;font-size:12pt;border:1px solid #CCC;line-height:1.6;border-radius:2px;} #bbsview .tabMemo .wrireMemo .btn {height:50px;padding:0;font-size:14pt;line-height:48px;} #bbsview .tabMemo .wrireMemo .btn-upload {float:left;width:200px;margin-right:10px;} #bbsview .tabMemo .wrireMemo .btn-write {float:right;width:calc(100% - 210px);} #bbsview .tabMemo .wrireMemo .magic-group {float:left;display:block;width:160px;margin-right:10px;text-align:center;} #bbsview .tabMemo .wrireMemo .btn-write-admin {float:right;width:calc(100% - 380px);} #bbsview .tabMemo .listMemo {width:100%;padding:50px 0 30px 0;margin-top:50px;border-top:2px solid #333;} #bbsview .tabMemo .listMemo .name {padding:0 10px;font-weight:bold;font-size:14pt;color:#2080D0;} #bbsview .tabMemo .listMemo .a_name {color:#00A629;} #bbsview .tabMemo .listMemo .name span {font-weight:normal;font-size:12pt;color:#555;} #bbsview .tabMemo .listMemo .name span.bar {font-size:9px;color:#ccc;} #bbsview .tabMemo .listMemo .content {padding:0 10px 20px 10px;margin-bottom:20px;font-size:14pt;line-height:1.8;border-bottom:1px solid #d0d0d0;} #bbsview .tabMemo .listMemo .content .memo_pic_list {width:100%;} #bbsview .tabMemo .listMemo .content .memo_pic_list li {float:left;width:calc(100% / 10 - 4.5px);margin:5px 5px 0 0;} #bbsview .tabMemo .listMemo .content .memo_pic_list li img {display:block;width:100%;} #bbsview .tabMemo .listMemo .content .memo_pic_list li:nth-child(10n) { margin-right:0 !important; } #bbsview .bottom {width:100%;height:80px;padding:0;text-align:center;line-height:80px;} #bbsview .bottom .btn-sm {width:calc(100% / 6 - 16px);padding:15px 0;margin-left:10px;font-size:13pt;} /* @view */ /* write */ #writebbs {width:100%;padding:0;margin:0;overflow:hidden;} #writebbs textarea::-moz-placeholder, #writebbs input::-moz-placeholder { color: #555; opacity: 1; } #writebbs textarea::-ms-input-placeholder, #writebbs input::-ms-input-placeholder { color: #555; } #writebbs textarea::-webkit-input-placeholder, #writebbs input::-webkit-input-placeholder { color: #555; } #writebbs .txtwrite { position:relative; float:left; width:500px; padding:0; background-color:#FAFAFA; overflow-x:hidden; overflow-y:auto; } #writebbs .txtwrite .hr {width:560px;margin:0 0 0 -30px;height:20px;} #writebbs .mapwrite { float:right; width:calc(100% - 500px); padding:0; overflow:hidden; } #writebbs .txtwrite h1 {padding:10px 0;margin:0;font-size:16pt;text-align:center;color:#FFF;background-color:#000;} #writebbs .txtwrite h1 p {font-weight:normal;font-size:10pt;} #writebbs .txtwrite .txtguide {width:100%;padding:20px 30px;text-align:center;font-size:13pt;background-color:#FF3000;color:#FFF;z-index:1;} #writebbs .txtwrite .txtguide h2 {font-size:14pt;padding:0;margin:0;} #writebbs .txtwrite .infobox {/*margin-top:66px;*/padding:20px 30px;} #writebbs .txtwrite .wbox {padding:0 30px 10px 30px;} #writebbs .txtwrite .calbox {padding:30px;border-bottom:1px solid #d0d0d0;background-color:#F6F6F6;} #writebbs .txtwrite h3 {padding:0;margin:20px 0 5px 0;font-size:12pt;font-weight:600;color:#000;} #writebbs .txtwrite h3.t {margin-top:0;} #writebbs .txtwrite .accom {padding:0;margin:0;font-size:10pt;font-weight:600;color:#384799;letter-spacing:-0.2px} #writebbs .txtwrite .help {position:relative;top:-2px;padding:3px 5px;margin-left:5px;font-weight:100;font-size:11px;font-family:dotum;background-color:#333;color:#FFF;border-radius:3px;} #writebbs .txtwrite .help:hover {background-color:#28A84B} #writebbs .txtwrite .help_t2 {top:2px;} #writebbs .txtwrite textarea {width:100%;height:108.438px;padding:1%;margin:0;font-size:10pt;border:1px solid #d0d0d0;line-height:1.6;border-radius:2px;} #writebbs .txtwrite .select1 {width:150px;} #writebbs .txtwrite .select2 {width:130px;} #writebbs .txtwrite .select3 {width:120px;} #writebbs .txtwrite .select4 {width:100%;height:50px;font-weight:bold;font-size:12pt;} #writebbs .txtwrite .select4 option[disabled] {color: #d00;} #writebbs .txtwrite .price {height:30px;border-bottom:2px solid #777;} #writebbs .txtwrite .price h3 {margin:0;} #writebbs .txtwrite .price #yp {display:inline-block;width:305px;margin-left:20px;font-size:12.6pt;font-weight:600;color:#384799;text-align:center;line-height:24px;border:none;background-color:#F6F6F6;} #writebbs .txtwrite .btn-upload {width:100%;height:40px;padding:0;margin:20px 0 10px 0;font-size:11pt;line-height:38px;} #writebbs .txtwrite .agreecheck {text-align:center;padding:0;margin:10px 0 0 0;letter-spacing:-1px;} #writebbs .txtwrite .datepicker {width:224px;} #writebbs .txtwrite .agreebox {overflow-x:hidden;overflow-y:auto;} #writebbs .txtwrite .bottombox {text-align:center;padding:20px 0 30px 0;margin:0;} #writebbs .txtwrite .bottombox .btn {height:50px;padding:0 60px;font-size:12pt;line-height:48px;} #writebbs .txtwrite .bottombox .btn:first-child {padding:0 30px;margin-right:5px;} #writebbs .txtwrite .dash {position:relative;width:100%;height:1px;margin:20px 0;border-top:1px dashed #000;} #writebbs .txtwrite .dash span {position:absolute;left:calc(50% - 15px);top:-15px;width:30px;height:30px;font-size:12pt;line-height:28px;text-align:center;color:#000;background-color:#FAFAFA;} #writebbs .txtwrite .guide {margin-top:3px;color:#2080D0;} #writebbs .txtwrite .guide span {color:red;} #writebbs .input {width:100%;} #writebbs .ainput {width:82%;} #writebbs .binput {width:60%;} #writebbs .tinput {width:25%;} #writebbs .hinput {width:50%;} #writebbs .sinput {width:70%;} #writebbs .cinput {width:15%;} #writebbs .txtwrite .input4 {width:60%;height:50px;font-weight:bold;font-size:12pt;} /* 공통 placeholder 스타일 */ #writebbs .txtwrite .input4::placeholder {color: #000;opacity: 1;} /* 크로스 브라우저 대응 (선택적으로 추가) */ #writebbs .txtwrite .input4::-webkit-input-placeholder { color: #000; opacity: 1; } #writebbs .txtwrite .input4:-moz-placeholder { color: #000; opacity: 1; } #writebbs .txtwrite .input4::-moz-placeholder { color: #000; opacity: 1; } #writebbs .txtwrite .input4:-ms-input-placeholder { color: #000; opacity: 1; } #writebbs .bar {margin:0 3px;} #writebbs .btn-se {padding-left:22px;padding-right:22px;} #writebbs .agreesms {font-size:11pt;text-align:center;letter-spacing:-2px;} #writebbs #upload-list {margin-top:20px;} #bongs1,#bongs2,#bongs3,#bongs4,#bongs5,#bongs6,#bongs7,#bongs8,#bongs9,#bongs10 {display:inline-block;width:120px;} #wmap2, #wmap3, #wmap4, #wmap5, #wmap6, #wmap7, #wmap8, #wmap9, #wmap10 {width:100%;} .map_wrap {position:relative;overflow:hidden;width:100%;min-height:1225px;} .map_wrap #map, .map_wrap #map2, .map_wrap #map3, .map_wrap #map4, .map_wrap #map5, .map_wrap #map6, .map_wrap #map7, .map_wrap #map8, .map_wrap #map9, .map_wrap #map10 {visibility:visible;display:block;width:100%;min-height:1225px;} .vmap_wrap {position:relative;overflow:hidden;width:100%;height:600px;} .vmap_wrap > div[id^="vmap"] {visibility:visible;display:block;width:100%;height:600px;} #wmaps2,#wmaps3,#wmaps4,#wmaps5,#wmaps6,#wmaps7,#wmaps8,#wmaps9,#wmaps10 {display:none;} .mapnum {cursor:default;position:absolute;top:0;left:0;width:100%;height:50px;padding:0;font-weight:100;font-size:15pt;line-height:48px;text-align:center;background-color:rgba(0,0,0,0.7);color:#FFF;z-index:1;} .radius_border{border:1px solid #919191;border-radius:5px;} .custom_typecontrol {display:none;position:absolute;top:60px;right:10px;overflow:hidden;width:140px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;} .custom_typecontrol span {display:block;width:69px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;} .custom_typecontrol .btns {background:#fff;background:linear-gradient(#fff, #e6e6e6);} .custom_typecontrol .btns:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);} .custom_typecontrol .btns:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);} .custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);} .custom_typecontrol .selected_btn:hover {color:#fff;} .custom_zoomcontrol {position:absolute;top:60px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} .custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;} .custom_zoomcontrol span img {width:15px;height:15px;margin:12.5px 0;border:none;} .custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;} .bAddr {padding:5px 10px;font-size:10pt;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .map_wrap .btn {position:absolute;bottom:10px;right:10px;z-index:10;} .inf {padding:2px 10px;background-color:#FFF;border-radius:2px;} .modal {position:relative;display:none;max-width:700px;padding:70px 30px 20px 30px;border-radius:0;} .modal h5 {position:absolute;left:0;top:0;width:100%;height:50px;padding:0 30px;margin:0;border-bottom:1px solid #d0d0d0;font-size:12pt;line-height:50px;background-color:#FAFAFA;} .modal .btn {position:absolute;right:-13px;top:-13px;padding:0;width:30px;height:30px;font-size:11pt;text-align:center;line-height:26px;border-radius:50%;} .modal p {margin-bottom:10px;font-weight:100;font-size:11pt;line-height:1.5;color:#555;} .modal b {color:#222;} .modal pre {font-family:'Noto Sans KR',sans-serif,'Malgun Gothic','NanumGothic',Dotum;font-size:11pt;line-height:1.2;color:#555;} .modal a.close-modal {display:none;} .view-modal {position:relative;display:none;max-width:700px;padding:0;border-radius:0;} .view-modal h5 {width:100%;height:50px;padding:0 30px;margin:0;border-bottom:1px solid #d0d0d0;font-size:12pt;line-height:50px;background-color:#FAFAFA;z-index:10;} .view-modal .btn {position:absolute;right:-13px;top:-13px;padding:0;width:30px;height:30px;font-size:11pt;text-align:center;line-height:26px;border-radius:50%;} .view-modal .vm-content {width:100%;height:800px;padding:70px 30px 20px 30px;overflow-y:auto;} .view-modal .vm-content::-webkit-scrollbar {width:3px;} .view-modal .vm-content::-webkit-scrollbar-track {background-color:#FFF;} .view-modal .vm-content::-webkit-scrollbar-thumb {background-color:#555;} .view-modal .vm-content p {margin-bottom:3px;font-weight:100;font-size:11pt;line-height:1.5;color:#555;} .view-modal .vm-content b {font-size:12pt;color:#222;} .view-modal .vm-content pre {font-family:'Noto Sans KR',sans-serif,'Malgun Gothic','NanumGothic',Dotum;font-size:11pt;line-height:1.2;color:#555;} .view-modal .vm-content a.close-modal {display:none;} .view-modal .vm-content .textarea {width:100%;height:120px;padding:10px;margin:0;font-size:10pt;border:1px solid #d0d0d0;line-height:1.6;border-radius:2px;} .view-modal .vm-content2 {height:280px;} .view-modal .vm-content3 {height:1000px;} .view-modal .vm-content .vm-bottom {width:100%;height:42px;text-align:center;} .view-modal .vm-content .vm-bottom .btn-close {position:relative;top:-1px;display:inline-block;width:120px;height:42px;font-size:12pt;line-height:38px;text-align:center;border:1px solid #d0d0d0;border-radius:4px;background-color:#FFF;} .view-modal .vm-content .vm-bottom .btn-submit {display:inline-block;width:160px;height:42px;font-size:12pt;line-height:38px;text-align:center;border:1px solid #111;border-radius:4px;background-color:#555;color:#FFF;} .view-modal2 {position:relative;display:none;max-width:700px;padding:0;border-radius:0;} .view-modal2 h5 {width:100%;height:50px;padding:0 30px;margin:0;border-bottom:1px solid #d0d0d0;font-size:12pt;line-height:50px;background-color:#FAFAFA;z-index:10;} .view-modal2 .btn {position:absolute;right:-13px;top:-13px;padding:0;width:30px;height:30px;font-size:11pt;text-align:center;line-height:26px;border-radius:50%;} .view-modal2 .vm-content {width:100%;height:800px;padding:70px 30px 20px 30px;overflow-y:auto;} .view-modal2 .vm-content::-webkit-scrollbar {width:3px;} .view-modal2 .vm-content::-webkit-scrollbar-track {background-color:#FFF;} .view-modal2 .vm-content::-webkit-scrollbar-thumb {background-color:#555;} .view-modal2 .vm-content h4 {padding:0;margin:20px 0 5px 0;color:#2080D0;} .view-modal2 .vm-content p {margin-bottom:3px;font-weight:100;font-size:11pt;line-height:1.5;color:#555;} .view-modal2 .vm-bottom {width:100%;height:72px;padding:15px 0;text-align:center;border-top:1px solid #d0d0d0;} .view-modal2 .vm-bottom .btn-close {position:relative;top:-1px;display:inline-block;width:120px;height:42px;font-size:12pt;line-height:38px;text-align:center;border:1px solid #d0d0d0;border-radius:4px;background-color:#FFF;} .view-modal2 .vm-bottom .btn-submit {display:inline-block;width:160px;height:42px;font-size:12pt;line-height:38px;text-align:center;border:1px solid #111;border-radius:4px;background-color:#555;color:#FFF;} #printArea {font-size:11pt;} #printArea h2 {margin:0;} .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .filebox label { position:relative; top: -1px; display: inline-block; cursor: pointer; width: 20%; height: 34px; padding:0; margin-left: 5px; font-size: 10pt; line-height:30px; text-align:center; color: #FFF; background-color: #428BCA; border: 1px solid #357EBD; border-radius:3px; } /* named upload */ .filebox .upload-name { display: inline-block; width: 77%; height: 36px; padding: 0 0 0 10px; font-size: 10pt; background-color: #FFF; border: 1px solid #DFDFDF; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filebox label:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .ui-datepicker { width: 425px !important; box-sizing: border-box; } .ui-datepicker-title, .ui-datepicker-year, .ui-datepicker-month {font-size:16pt;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 2.9em; height: 2.9em; } .ui-state-default {font-size:12pt;} .ui-state-default:hover {background:rgba(0, 0, 0, .7);color:#FFF;} .ui-widget-content .ui-state-active { border: 1px solid #28A84B; background:#28A84B; color:#FFF; } /* @write */