@charset "utf-8"; /* 관리자모드 메인컬러 CSS 변수 정의 (기본값) */ /* headHtml.jsp에서 DB 설정값으로 덮어씌움 */ :root { --manage-color: var(--manage-color); } .colR01{color:#ea1c5b;} /*빨강*/ .colR02{color:#ff004e;} /*빨강*/ .colB01{color:var(--manage-color);} /*파랑*/ .colB02{color:#00aeff;} /*파랑*/ .colY01{color:#f4a100;} /*노랑*/ .colG01{color:#527c09;} /*녹색*/ .colP01{color:#7234ff;} /*보라*/ .colPi01{color:#e40aa9;} /*핑크*/ .colBl01{color:#000;} /*블랙*/ .blue_col {color:var(--manage-color);} /*파랑*/ .red_col {color:#ea1c5b;} /*빨강*/ .gre_col {color:#008000;} /*녹색*/ .yel_col {color:#ffa500;} /*노랑*/ .black_col {color:#222;} /*블랙*/ /* 분류 라벨 */ .category_label { color: #666; font-weight: normal; margin-right: 5px; font-size: 12px; } .blod {font-weight:700;} .vaM {vertical-align:middle;} .disB{display:block;} .mt10{margin-top:10px;} .marT05 {margin-top:5px;} .font11{font-size:11px;} .font12{font-size:12px;} .typeUl{float:left;} .typeUl li{float:left; margin:0 5px 0 0;} .typeUl20{overflow:hidden;} .typeUl20 li{float:left; width:20%;} .tc{text-align:center !important;} /*반반영역*/ .section{overflow:hidden; width:100%;} .section .section_l{float:left; width:49%;} .section .section_r{float:right; width:49%;} /*리스트 위아래아이콘*/ .sort{position:absolute; right:5px; top:20%; width:13px;}/*제목이 한줄*/ .sort img {cursor:pointer; vertical-align:middle;} .sort2{position:absolute; right:5px; top:20%; width:13px; }/*제목이 한줄 (한줄,두줄 썩여있을때)*/ .sort2 img {cursor:pointer; vertical-align:middle;} .sort3{position:absolute; right:5px; top:20%; width:13px;}/*제목이 한줄이였다가 두줄로 바뀌면서 (한줄,두줄 썩여있을때)*/ .sort3 img {cursor:pointer; vertical-align:middle;} select{font-size:13px; color:#2e2e2e; height:34px; border:1px solid #d4d4d4; vertical-align:middle;} option {color:#2e2e2e;} input[type="text"]{width:140px; font-size:13px; color:#2e2e2e; height:34px; border:1px solid #d4d4d4; padding:2px 0 0 3px; box-sizing:border-box; vertical-align:middle;} input[type="password"]{width:140px; font-size:13px; color:#2e2e2e; height:34px; border:1px solid #d4d4d4; padding:2px 0 0 3px; box-sizing:border-box;} input[type="checkbox"]{width:14px; height:14px; vertical-align:middle;} input[type="radio"]{width:14px; height:14px; vertical-align:middle; margin:0;} input[type="file"]{font-size:13px; color:#2e2e2e; height:34px; border:1px solid #cccccc; padding:4px 0 0 3px; background:#fff; box-sizing:border-box;} input#id{ime-mode:inactive;} input#name{ime-mode:active;} input#email{ime-mode:inactive;} input#dong{ime-mode:active;} input#title{ime-mode:active;} input#contents{ime-mode:active;} input.password{ime-mode:inactive;} textarea{border:1px solid #cccccc;} form input[type="radio"] {margin:0;} select#hospital_fk {width:auto;} select#clinic_fk {width:auto;} select#emailhistory_fk {width:auto;} .input15p{width:15% !important; max-width:150px;} .input20p{width:20% !important; max-width:200px;} .input30p{width:30% !important; max-width:300px;} .input40p{width:50% !important; max-width:400px;} .input50p{width:50% !important; max-width:500px;} .input60p{width:60% !important; max-width:600px;} .input70p{width:70% !important; max-width:700px;} .input80p{width:80% !important; max-width:800px;} .input90p{width:92% !important; max-width:900px;} .input92p{width:92% !important; max-width:920px;} .input98p{width:98% !important; max-width:980px;} #bbs .w1{width:1% !important; min-width:10px;} #bbs .w2{width:2% !important; min-width:20px;} #bbs .w3{width:3% !important; min-width:50px;} #bbs .w4{width:4% !important;} #bbs .w5{width:5% !important;} #bbs .w6{width:6% !important;} #bbs .w7{width:7% !important; min-width:70px;} #bbs .w8{width:8% !important; min-width:80px;} #bbs .w9{width:9% !important;} #bbs .w10{width:10% !important; } #bbs .w11{width:11% !important; } #bbs .w12{width:12% !important;} #bbs .w12.date_t{width:12% !important; min-width:145px;} #bbs .w13{width:13% !important;} #bbs .w14{width:14% !important;} #bbs .w15{width:15% !important;} #bbs .w17{width:17% !important;} #bbs .w18{width:18% !important;} #bbs .w19{width:19% !important;} #bbs .w20{width:20% !important;} #bbs .w23{width:23% !important;} #bbs .w24{width:24% !important;} #bbs .w25{width:25% !important;} #bbs .w27{width:27% !important;} #bbs .w28{width:28% !important;} #bbs .w30{width:30% !important;} #bbs .w32{width:32% !important;} #bbs .w35{width:35% !important;} #bbs .w40{width:40% !important;} #bbs .w41{width:41% !important;} #bbs .w43{width:43% !important;} #bbs .w47{width:47% !important;} #bbs .w49{width:49% !important;} #bbs .w50{width:50% !important; min-width:250px;} #bbs .w52{width:52% !important;} #bbs .w55{width:55% !important;} #bbs .w60{width:60% !important;} #bbs .w70{width:70% !important;} #bbs .w80{width:80% !important;} #bbs .w85{width:85% !important;} #bbs .w90{width:90% !important;} #bbs .w98{width:98% !important;} #bbs .w100{width:100% !important;} #bbs .w100m2{width:100% !important; max-width:200px;} #bbs .w100m25{width:100% !important; max-width:250px;} #bbs .w100m50{width:100% !important; max-width:500px;} #bbs .w10m100{width:10% !important; min-width:100px;} #bbs .minW60{min-width:60px !important;} #bbs .minW80{min-width:80px !important;} #bbs .minW85{min-width:85px !important;} #bbs .minW95{min-width:95px !important;} #bbs .upserch{width:calc(100% - 270px);} #bbs .upserch02{width:calc(100% - 155px);} #bbs .upserch03{width:calc(100% - 70px);} #bbs .upserch04{width:calc(100% - 300px);} .upserch05{width:calc(100% - 60px);} #bbs .upserch06{width:calc(100% - 255px); min-width:17px;} input.bor_blue{border:1px solid var(--manage-color);} /* 버튼 */ .btn_in, .btn_in *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0; font-size:11px; color:#797979;text-decoration:none !important;vertical-align:top;white-space:nowrap; font-weight:bold;} .btn_in{margin:0 4px 0 0px;} .btn_in *{left:4px;cursor:pointer;_cursor:hand;} .btn_in.inbtn{height:26px;line-height:26px; background-position:left 0;} .btn_in.inbtn *{height:26px;line-height:26px; padding:0 10px;background-position:right top;font-size:11px;} .btn_in.inbtn02 *{height:40px;line-height:40px; padding:0 10px; font-size:15px; color:#fff; background:#87888a; font-weight:300; min-width:67px;} .btn_in.strong *{font-weight:bold !important} /*게시판 시작 */ #bbs{position:relative; padding:0; width:100%; color:#5e5e5e;} #bbs .entered_into{width:100%; margin:0 0 20px 0; padding:13px 1%; border:1px solid #e1e3e4; background:#fcfcfc; box-sizing:border-box;} #bbs .entered_into.up_type{font-size:16px;} #bbs > p {font-size:14px; color:#222; margin-bottom:10px;} #bbs > p .middle {color:#e9e9e9; display:inline-block; margin: 0 5px;} #bbs .top_search table{margin:0 0 20px 0;} #bbs .top_search table{position:relative; width:100%; height:100%; border-top:2px solid #313236; border-bottom:1px solid #313236; color:#53728b; font-size:13px;} #bbs .top_search table tbody td{text-align:left;} #bbs .top_search table tbody th{background:#eeeff0; border-bottom:1px solid #e1e3e4; color:#222; height:60px;word-break:keep-all;} #bbs .top_search table tbody td{padding:5px 10px; background:none; border-bottom:1px solid #e1e3e4;} #bbs .holiday {color:#ea1c5b;} #bbs .satur {color:var(--manage-color);} /* nodata */ .nodata{width:100% !important;text-align: center;padding-top: 100px;box-sizing:border-box;font-family:'Nanum Gothic', sans-serif;} .nodata p{font-size:18px;font-weight: bold; letter-spacing: -0.05em; color:#444;padding-top: 20px;} /*정산관리*/ #bbs table.calculateTable{position:relative; width:100%; height:100%; margin:0;} #bbs table.calculateTable tbody th{padding:5px 10px; text-align:center; background: #e7ecf2 url(/manage/img/blist_td_line.gif) repeat-y left top; border-bottom:1px solid #cccdd0; color:#7ca6de;} #bbs table.calculateTable tbody td{padding:5px 10px; text-align:center; background:url(/manage/img/blist_td_line.gif) repeat-y left top; border-bottom:1px solid #cccdd0; color:#7ca6de;} #bbs table.calculateTable_foot{border:none;} #bbs table.calculateTable_foot tbody th{padding:5px 10px; text-align:center; background: #e7ecf2 url(/manage/img/blist_td_line.gif) repeat-y left top; border-bottom:1px solid #cccdd0; color:#e40909; } #bbs table.calculateTable_foot tbody td{padding:5px 10px; text-align:center; background:url(/manage/img/blist_td_line.gif) repeat-y left top; border-bottom:1px solid #cccdd0; color:#e40909;} /*list ------------------------------------------------------------------------------------------------------------------------------------------------- */ #bbs #blist{width:100%; margin:10px 0; padding:0; overflow:hidden;} #bbs h3{margin:0 0 10px 0; color:#222; font-size:18px;} #bbs table thead {width:100%; color:#222; background:#eeeff0;} #bbs table thead th{position:relative; height:60px; border-bottom:1px solid #ccced0; border-right:1px solid #f3f4f4; font-size:14px; font-weight:500; box-sizing:border-box;} #bbs table thead th:last-of-type{border-right:0;} #bbs table tbody td{height:50px; text-align:center; border-right:1px solid #e1e3e4; border-bottom:1px solid #e1e3e4; font-size:13px; color:#444; font-weight:400; box-sizing:border-box; word-break:break-all} #bbs table tbody td:last-of-type{border-right:0;} #bbs table tbody td.tdLine_l{padding:13px 2px; text-align:center;/* font-weight:bold; */ background:url(/manage/img/blist_td_line.gif) repeat-y left top; border-bottom:1px solid #cccdd0;} #bbs table tbody td.title{ text-align: left; padding-left:10px; } #bbs .noti_icon {display:inline-block; width:34px; height:22px; box-sizing:border-box; line-height:21px; font-size:11px; color:#ea1c5b; border:1px solid #ea1c5b; text-align:center; vertical-align: middle;} #bbs .new_icon {display:inline-block; width:37px; height:22px; box-sizing:border-box; line-height:21px; font-size:11px; text-align:center; font-weight:300; vertical-align: middle;} #bbs .ans_icon {display:inline-block; width:30px; height:17px; margin-right:4px; box-sizing:border-box; line-height:18px; font-size:12px; color:#fff; background:var(--manage-color); vertical-align:baseline; text-align:center;} #bbs .new_icon.gre {color:#99d802; border:1px solid #99d802;} #bbs table tbody tr.on td {background:#fcfcfc;} /*통계테이블*/ #bbs table.statsTable tbody th{background:#e4e4e4 url(/manage/img/blist_td_line.gif) repeat-y; border-bottom:1px solid #cccdd0;} #bbs table.statsTable tbody th.frist{background-image:none !important; background-color:#e4e4e4;} /*합계*/ #bbs table.statsTable tbody .total{background-color:#e4e4e4;} #bbs table.statsTable tbody .totalSpot{background-color:#fbe4d5;} #bbs table.statsTable tbody .totalPart{background-color:#fff3cb;} #bbs table.statsTable tbody .totalPart th{background-color:#fff3cb;} #bbs table.statsTable tfoot th{background:#e4e4e4 url(/manage/img/blist_td_line.gif) repeat-y; border-bottom:1px solid #cccdd0;} #bbs table.statsTable tfoot th.frist{background-image:none !important; background-color:#e4e4e4;} #bbs table.statsTable tfoot td{padding:13px 2px; text-align:center; /* font-weight:bold; */background:url(/manage/img/blist_td_line.gif) repeat-y left top; border-bottom:1px solid #cccdd0;} #bbs table.statsTable tfoot .total{background-color:#e4e4e4;}/*합계*/ #bbs table.statsTable tfoot .totalFoll{background-color:#deebf6; } #bbs table.statsTable tfoot th.totalFoll{background-color:#deebf6; } /*공지*/ /*.point{ background:#f9f9f9;} .point .title{font-size:12px; font-weight:bold;}*/ /*faq 카테고리*/ .faqlist{width:100%; overflow:hidden; margin:0 0 20px 0; font-size:12px;} .faqlist ul{width:100%} .faqlist ul li{ float:left; width:90px;} .faqlist ul li + li a{border-left:0;} .faqlist a{display:block; height:37px; line-height:37px; border:1px solid #c0bebe; color:#666; font-size:14px; font-weight:300; text-align:center;} .faqlist li.active a {text-decoration:none; border:1px solid var(--manage-color); color:var(--manage-color)} .faqlist fieldset{display:block; padding:8px 2%; border:1px solid #c3c7ce;background-color: #fff;} .faqlist label{font-size:15px; color:#313337; vertical-align:middle;} .faqlist input.faqcata {vertical-align:middle; width:182px; height:34px; margin:0 5px 0 10px; border:1px solid #d4d4d4; box-sizing:border-box;} .faqlist input.btns{width:auto} input[type="text"].faqcatt {width:100%; box-sizing:border-box;} @media all and (max-width:640px){ .faqlist ul li{width:20%;} .faqlist ul li a{width:100%; height:37px; line-height:37px; font-size:3vw;} } /*faq - 분류별*/ .faq{border-top:2px solid #c4c4c4; margin:0 0 0 0; overflow:hidden; width:100%; line-height:160%;} .faq img{position:relative; top:3px; left:8px; margin:0 10px 0 0px; float:left; /*width:17px; height:17px;*/} .faq dl{border-bottom:1px solid #dcdcdc; float:left; width:100%;} .faq dt{font-weight:bold; padding:6px 0 6px 0; float:left; width:100%; cursor:pointer;} .faq dt a{display:block; cursor:pointer;} .faq dt span{display:inline-block; width:92%; float:left; padding:3px 5px;} .faq dd{padding:6px 0 0 0; height:auto; margin:0; background:#f6f6f6; float:left; width:100%; display:none;} .faq dd span{display:inline-block; width:92%; float:left; padding:3px 5px;} .faq a:hover{text-decoration:underline;} .faq dd .video{width:100%;} /*목록이미지, 치료정보*/ .lcon dl.beafcon{overflow:hidden; margin:0 0 5px 0; padding:0 10px;} .lcon dl.beafcon dt{float:left;} .lcon dl.beafcon dd{float:left;} /*치료사례 사진*/ /*등록된 게시물이 없을때(치료사례[before&after])*/ .beafphoto .bbsno{} .beafphoto .bbsno p{padding:10px 0; text-align:center;} /* 치료사례*/ /*.beafphoto{position:relative; width:100%; height:100%; padding:18px 0 0 0; float:left; border-top:#c4c4c4 2px solid; border-bottom:1px solid #dcdcdc; color:#53728b; font-size:11px;}*/ .beafphoto dl{font-size:0} .beafphoto dd{font-size:12px; color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .beafphoto .photo p {position:relative; display:inline-block;} .beafphoto .photo p img {width:130px; height:130px;} .beafphoto .photo p span.lbbtn {position:absolute; display:block; z-index:2; bottom:0; left:0; width:51px; height:17px; text-align:center; line-height:17px; font-size:11px; color:#fff; background:#666;} .beafphoto .photo p span.lbbtn.no02 {background:#ea1c5b;} .beafphoto ul{margin:0; padding:20px 0 0; list-style:none; overflow:hidden;} .beafphoto ul li{float:left; width:calc(20% - 30px); height:auto; margin:15px;} /*치료전후사진*/ .beafphoto ul li .bfphoto{width:100%; overflow:hidden; } .beafphoto ul li .bfphoto dt,.beafphoto ul li .bfphoto dd{position:relative; float:left; width:50%; height:100%;} .beafphoto ul li .bfphoto .photo {width:180px;height:180px;} .beafphoto ul li .bfphoto .photo img {width:100% !important; height:100% !Important} .beafphoto ul li .bfphoto dt span{position:absolute; display:block; z-index:2; bottom:0; left:0; width:51px; height:17px; text-align:center; line-height:17px; font-size:11px; color:#fff; background:#666;} .beafphoto ul li .bfphoto dd span{position:absolute; display:block; z-index:2; bottom:0; left:0; width:51px; height:17px; text-align:center; line-height:17px; font-size:11px; color:#fff; background:#ea1c5b;} @media all and (max-width:1800px){ .beafphoto ul li{width:calc(25% - 30px);} .beafphoto ul li .bfphoto .photo{width:10vw !important; height:10vw !important} } @media all and (max-width:1400px){ .beafphoto ul li{width:calc(33.333333% - 30px);} .beafphoto ul li .bfphoto .photo{width:13.5714285714vw !important; height:13.5714285714vw !important} } @media all and (max-width:1000px){ .beafphoto ul li{width:calc(50% - 30px);} .beafphoto ul li .bfphoto .photo{width:22vw !important; height:22vw !important} } /*치료전후내용*/ .beafphotocc{width:100%; height:170px; padding:19px; font-size:11px; color:#2e2e2e; background:#fcfcfc; box-sizing:border-box; border:1px solid #eae8e8; border-top:0;} .beafphotocc .photoday {min-height:20px; margin-bottom:10px;} .beafphotocc .photoday .b_nor_c {margin-right:12px;} .beafphotocc .photoday .btn_wrap span:last-of-type{margin-right:15px;} .beafphotocc .photoday .fontn {font-size:13px; color:#666; vertical-align:middle;} .beafphotocc dt{font-size:15px; margin:0 0 10px 0; color:#222; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .beafphotocc .under {min-height:26px; margin-top:15px; font-size:12px; color:#666; vertical-align:middle;} .beafphotocc .under span {vertical-align:middle;} .beafphotocc .under span img {display:inline-block; margin-right:5px; vertical-align:initial;} .beafphotocc .under i {display:inline-block; width:1px; height:11px; background:#eaeaea; vertical-align:middle; margin:0 7px;} /*등록된 게시물이 없을때(갤러리형)*/ .gallery td {} .gallery .bbsno{} .gallery .bbsno p{padding:10px 0; text-align:center;} /*포토갤러리*/ #blist .gallery .photo{width:280px; height:280px; background:#efefef; text-align:center; overflow:hidden; position:relative;} #blist .gallery .photo a {display:block; position:absolute; top:0; left:0; width:100%; height:100%;} #blist .gallery .photo p {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0;} #blist .gallery .photo img {width:100% !important; height:100% !important; object-fit: cover !important; object-position: center !important;} #blist .gallery .photo img.noimg {width:100% !important; height:100% !important; object-fit: contain !important;} #blist .gallery{width:100%; padding:18px 0 18px 0; border-bottom:1px solid #dcdcdc; overflow:hidden;background-color: #fff;} #blist .gallery ul{overflow:hidden;} #blist .gallery ul li {width:280px; height:auto; float:left; margin:0 15px 40px 15px;} #blist .gallery .gall_txt {width:100%; height:170px; padding:19px; font-size:11px; color:#2e2e2e; background:#fcfcfc; box-sizing:border-box; border:1px solid #eae8e8; border-top:0;} #blist .gallery .gall_txt .photoday {margin-bottom:10px;} #blist .gallery .gall_txt .photoday .b_nor_c {margin-right:12px;} #blist .gallery .gall_txt .photoday .btn_wrap span:last-of-type{margin-right:15px;} #blist .gallery .gall_txt .photoday .fontn {font-size:14px; font-weight:300; color:#444; vertical-align:middle;} #blist .gallery .gall_txt a {display:block; font-size:14px; margin:0 0 10px 0; color:#444; font-weight:300; line-height:20px; max-height:none; overflow:hidden;} #blist .gallery .gall_txt a strong{font-weight:400;} #blist .gallery .gall_txt a .title_value {display:block; font-size:14px; font-weight:500; color:#333; margin-bottom:5px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #blist .gallery .gall_txt a .ctnt {display:block; font-size:12px; font-weight:300; color:#888; line-height:1.5; max-height:36px; overflow:hidden; text-overflow:ellipsis;} #blist .gallery .gall_txt .under {margin-top:15px; font-size:14px; font-weight:300; color:#444; vertical-align:middle;} #blist .gallery .gall_txt .under span {vertical-align:middle;} #blist .gallery .gall_txt .under span img {display:inline-block; margin-right:5px; vertical-align:initial;} #blist .gallery .gall_txt .under i {display:inline-block; width:1px; height:11px; background:#eaeaea; vertical-align:middle; margin:0 7px;} @media all and (max-width:767px){ #blist .gallery .photo{width:100%; height:auto; aspect-ratio:1/1;} #blist .gallery ul li{width:calc(50% - 20px); margin:10px;} } @media all and (max-width:540px){ #blist .gallery ul li{width:100%; margin:10px 0;} } #blist .relationImg{width:100%; padding:18px 0 18px 0; overflow:hidden;} #blist .relationImg ul{overflow:hidden;} #blist .relationImg ul li {float:left; margin:0 15px 40px 15px;} #blist .relationImg ul li dl dd{margin-top:10px;} /*온라인예약*/ #bbs span.reserFirst {color:#008000; font-weight:700;} #bbs span.reserSecond {color:#1559aa; font-weight:700;} #bbs span.resercancel {color:#ea1c5b;} #bbs span.reserconfirm {color:var(--manage-color);} #bbs span.reserwaiting {color:#27aa15;} #bbs span.reser1 {color:#008000;} #bbs span.roffline {color:#008000;} #bbs span.ronline {color:#ffa500;} #bbs table .date_wrap {vertical-align:middle;} #bbs table .date_wrap input[type="text"] {width:calc(50% - 64px); min-width:50px;} #bbs table span#CalstartdayIcon {display:inline-block; vertical-align:middle;} #bbs table span#CalenddayIcon {display:inline-block; vertical-align:middle;} #bbs table span#CalregistdateIcon {display:inline-block; vertical-align:middle;} .reser_wrap {width:235px; display:inline-block; margin-bottom:5px;} .inb > a {margin-bottom:3px;} @media all and (max-width:1518px){ #bbs table .date_wrap .inb{display:block;margin-top: 5px;} } /*온라인예약 팝업*/ .reserv_table .tit {background:var(--manage-color); color:#fff; font-size:20px; font-weight:300;} .reserv_table .check_t {font-size:14px; color:#666; vertical-align:middle; border-bottom:1px solid #e5e5e5;} .reserv_table .check_t td {padding:30px 0;} .reserv_table .check_t label.marR10 {margin-right:15px;} .reserv_table .check_t input {vertical-align:middle; margin:0 4px 0 0;} .reserv_table .btnAll {text-align:center; padding:20px 0 0;} .reserv_table .blue_btn {display:inline-block; width:auto; margin-right:15px; padding:0 14px; height:36px; color:var(--manage-color); font-size:14px; vertical-align:middle; text-align:center; border:1px solid var(--manage-color); line-height:34px; background:#fff; box-sizing:border-box;} .reserv_table .red_btn {display:inline-block; width:auto; padding:0 14px; height:36px; color:#ea1c5b; font-size:14px; vertical-align:middle; text-align:center; border:1px solid #ea1c5b; line-height:34px; background:#fff; box-sizing:border-box;} /*온라인예약 -지점별일일예약내역*/ #bbs table.hospitalDayTable{position:relative; width:100%; height:100%; border-top:#4a4b4f 2px solid; color:#53728b; font-size:11px;} #bbs table.hospitalDayTable thead{width:100%; color:#797979; background:#dddddd; color:#000;} #bbs table.hospitalDayTable thead th{position:relative; padding:13px 2px; border-bottom:1px solid #ccced0; font-size:12px; background:url(/manage/img/blist_td_line.gif) repeat-y;} #bbs table.hospitalDayTable thead th .time{background-image:none !important; background-color:#b0d5ff; color:#1559aa;} #bbs table.hospitalDayTable tbody .hourly{border-bottom:1px dashed #2d2d2d !important; } /* th 1시간마다 라인처리*/ #bbs table.hospitalDayTable tbody tr.hourly td{border-bottom:1px dashed #2d2d2d !important; } /* td 1시간마다 라인처리*/ #bbs table.hospitalDayTable tbody th{padding:13px 2px; text-align:center; font-weight:bold; border-bottom:1px solid #cccdd0; background-color:#e2f0ff; } #bbs table.hospitalDayTable tbody th .memoView{background:#fff;} #bbs table.hospitalDayTable tbody{/*background-color:#f2f4f5;*/ } #bbs table.hospitalDayTable tbody td{padding:0 2px; text-align:left; vertical-align:top; font-weight:normal; background:#f2f4f5 url(/manage/img/blist_td_line.gif) repeat-y;} #bbs table.hospitalDayTable tbody td.tdCon{padding:0px 2px 0 2px; text-align:left;vertical-align:top; font-weight:normal; background:#fff url(/manage/img/blist_td_line.gif) repeat-y; } #bbs table.hospitalDayTable tbody td.lineNo{border-bottom:none;} #bbs table.hospitalDayTable tbody td.tdCon div.tdline{position:relative; padding:15px 0px;} #bbs table.hospitalDayTable tbody td.tdCon ul li{margin:0 0 20px 0;} #bbs table.hospitalDayTable tbody td.tdCon .memoZone{padding:20px 0 0 0; border-top:1px dotted #b3b3b3; } #bbs table.hospitalDayTable tbody td.tdCon .memoZone ul li{margin:0 0 5px 0;} #bbs table.hospitalDayTable tbody td.tdCon .memoZone ul li{margin:0 0 5px 0; } #bbs table.hospitalDayTable tbody td.tdCon .section_r ul li{margin:0 0 5px 0;} #bbs table.hospitalDayTable tbody .plusReser{position:absolute; right:0; top:2px;} #bbs table.hospitalDayTable tbody .plusMemo{position:absolute; right:0; bottom:2px; } /* ==색 ==*/ #bbs table.hospitalDayTable .black{color:#000;} #bbs table.hospitalDayTable .green{color:#02530c;} #bbs table.hospitalDayTable .blue{color:#0f24c4;} #bbs table.hospitalDayTable .sky{color:#00a2dd;} #bbs table.hospitalDayTable .red{color:#ff0000;} option.gree {color:#008000;} .bgBlack{display:inline-block; margin:0 1px; padding:0 1px; background:#000; color:#fff;} .bgGreen{display:inline-block; margin:0 1px; padding:0 1px; background:#02530c; color:#fff;} .bgYeGreen{display:inline-block; margin:0 1px; padding:0 1px; background:#018b12; color:#fff;} .bgRed{display:inline-block; margin:0 1px; padding:0 1px; background:#ff0000; color:#fff;} .bgBlue{display:inline-block; margin:0 1px; padding:0 1px; background:#0f24c4; color:#fff;} .bgPink{display:inline-block; margin:0 1px; padding:0 1px; background:#e40aa9; color:#fff;} .bgSky{display:inline-block; margin:0 1px; padding:0 1px; background:#00a2dd; color:#fff;} /*취소선*/ .revoke{text-decoration:line-through;} /*글씨 기울임*/ .ft_italic{font-style: italic;} /*read -------------------------------------------------------------------------------------------------------------------------------------------- */ #bbs{position:relative; width:100%;} #bbs .ffnor td {font-family:'Noto Sans KR';} #bbs h3.minTitle{margin:0 0 14px 0; color:#222; font-size:22px; font-weight:bold; line-height:1;} /* #bbs h3 span{font-size:10px;} */ #bbs span.col01 {color:#ea1c5b; display:inline-block; margin-right:3px;} #bbs th span.col01 {margin-left:-9px;} #bbs .table_wrap > table > tbody > tr > td.line{background:url(/manage/img/blist_td_line.gif) repeat-y left top;} #bbs .table_wrap > table > tfoot > tr > td.line{background:url(/manage/img/blist_td_line.gif) repeat-y left top;} /* 상품관리 테이블 이미지 크롭 스타일 - 상품 목록의 .photo 클래스 내부에만 적용 */ #bbs .table_wrap > table > tbody > tr > td .photo, .table_wrap > table > tbody > tr > td .photo { width: 200px; height: 200px; overflow: hidden; display: inline-block; } #bbs .table_wrap > table > tbody > tr > td .photo img, .table_wrap > table > tbody > tr > td .photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } #bbs td p.he_txt {font-size:13px; margin-bottom:5px; color:#444;} /* 이메일 상세페이지 css제거 */ /* #bbs table table{position:relative; width:100%; height:100%; border-top:none; color:#53728b; margin:0 0 20px 0;} #bbs table table thead th{padding:0px; background:none; color:#323337; font-size:13px; border-bottom:none; text-align:left;} #bbs table table tbody th{padding:0px; background:none; color:#323337; font-size:13px; border-bottom:none; text-align:left;} #bbs table table tbody td{padding:0px; border-bottom:none; color:#656668;} */ /*답글*/ #bbs .reple{position:relative; height:auto; margin:20px 0 20px 0; padding:10px 0px 10px 0px; background:#fcfcfc; font-size:11px; overflow:hidden; border:1px solid #d4d4d4;} #bbs .reple dl{position:relative; margin:0 30px; padding:13px 0px 10px 0px; border-bottom:1px solid #d4d4d4;} #bbs .reple dt{color:#444; margin:0 0 20px 0; font-size:13px;} #bbs .reple strong{color:#222;} #bbs .reple dt i {vertical-align:middle; display:inline-block; width:1px; height:11px; background:#e1e3e4; margin:0 10px;} #bbs .reple dd{color:#444; font-size:13px; line-height:1.6em;} /*수정,삭제 버튼*/ #bbs .reple .reEdit{position:absolute; top:10px; right:20px;} #bbs .reple .reEdit a{text-decoration:none; color:#2e2e2e;} #bbs .reple .reEdit a:hover{text-decoration:underline; color:#2e2e2e;} /*답글쓰기*/ #bbs .rego{position:relative; height:100%; margin:5px 0 0; padding:0px;} #bbs .rego dl{overflow:hidden; border:none 0;} #bbs .rego dt{width:100%; overflow:hidden; margin:0;} #bbs .rego dt input{width:150px; float:left; margin-right:5px;} #bbs .rego dd{width:100%; margin-top:10px; overflow:hidden; box-sizing:border-box;} #bbs .rego dd textarea{width:calc(100% - 114px); float:left; height:70px; padding:5px; border:1px solid #c6cdd8; resize:none; box-sizing:border-box;} #bbs .rego dd .btn {float:left; margin:0 0 0 10px; padding:0;} #bbs .rego dd .btn .blue_btn {width:104px; height:70px; font-size:13px; line-height:68px;} #bbs .rego .btnAll{width:85px; display:inline; margin:35px 0 0 0px; text-align:left; float:left;} /*댓글삭제 폼*/ .box{ width:224px; height:auto; padding:3px; border:1px solid #e2e1f8;} .in_box{position:relative; width:220px; height:50px; border:2px solid #d4d4d4; background:#f6f6f6;} .in_box p{position:absolute; top:-15px; right:5px;} .in_box dl{margin:20px 0 0 0;} .in_box dl dt{float:left; margin:0 5px 0 5px; font-weight:bold;} .in_box dl dt dd{float:left;} /*치료사례 사진*/ .rcon .beafphoto{float:none; width:100%; min-height:10px; margin:0; padding:0; text-align:center;} .rcon .beafphoto dl{position:relative; width:100%; max-width:1100px; height:auto; margin:0 auto; padding:10px 0; overflow:visible; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:50px;} .rcon .beafphoto dl::after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:30px; height:30px; background:url(/manage/img/beaf_next.gif) no-repeat center center; background-size:contain; z-index:5;} /* dt/dd - 컨테이너 (width 고정, height는 이미지 비율에 맞춤) */ #bbs .rcon .beafphoto dt, #bbs .rcon .beafphoto dd { position:relative; width:500px !important; height:auto !important; background:#f0f0f0; overflow:visible; float:none; aspect-ratio: unset !important; display: block; text-align: center; } .rcon .beafphoto dt span{position:absolute; display:block; z-index:10; bottom:0; left:0; width:51px; height:17px; text-align:center; line-height:17px; font-size:11px; color:#fff; background:#666;} .rcon .beafphoto dt span.no02 {background:#ea1c5b;} .rcon .beafphoto dd span{position:absolute; display:block; z-index:10; bottom:0; left:0; width:51px; height:17px; text-align:center; line-height:17px; font-size:11px; color:#fff; background:#ea1c5b;} /* div.photo - dt/dd 안의 div (#bbs 추가하여 우선순위 높임) */ #bbs .rcon .beafphoto dt .photo, #bbs .rcon .beafphoto dd .photo { position: static !important; width: auto !important; height: auto !important; overflow: visible; border: none !important; } /* p - div.photo 안의 p */ #bbs .rcon .beafphoto dt .photo p, #bbs .rcon .beafphoto dd .photo p { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: block; overflow: visible; } /* img - 이미지 (width 고정, height는 비율 유지) */ #bbs .rcon .beafphoto dt .photo p img, #bbs .rcon .beafphoto dd .photo p img { width: 500px !important; height: auto !important; max-height: none !important; object-fit: unset !important; display: block; } /* 치료사례 반응형 - 세로 배치 */ @media screen and (max-width: 1200px) { .rcon .beafphoto dl{ flex-direction: column; align-items: center; padding: 10px 0; } .rcon .beafphoto dl::after{ transform: translate(-50%, -50%) rotate(90deg); } .rcon .beafphoto dt, .rcon .beafphoto dd { width: 100%; max-width: 500px; } #bbs .rcon .beafphoto dt .photo, #bbs .rcon .beafphoto dd .photo, #bbs .rcon .beafphoto dt .photo p, #bbs .rcon .beafphoto dd .photo p, #bbs .rcon .beafphoto dt .photo p img, #bbs .rcon .beafphoto dd .photo p img { width: 100% !important; max-width: 500px !important; } } /* 치료사례 반응형 - 작은 화면 */ @media screen and (max-width: 600px) { .rcon .beafphoto dt, .rcon .beafphoto dd { width: 100%; max-width: 100%; } #bbs .rcon .beafphoto dt .photo, #bbs .rcon .beafphoto dd .photo, #bbs .rcon .beafphoto dt .photo p, #bbs .rcon .beafphoto dd .photo p, #bbs .rcon .beafphoto dt .photo p img, #bbs .rcon .beafphoto dd .photo p img { width: 100% !important; max-width: 100% !important; } } /*write -------------------------------------------------------------------------------------------------------------------------------------------- */ /* #bbs h3{margin:0 0 14px 0; padding:0 0 0 13px; background:url(/manage/img/h3_bullet.gif) no-repeat left center; color:#255182; font-size:16px; font-weight:bold;} */ #bbs .inputTitle {width:125px;} #bbs .table_wrap > table{position:relative; width:100%; height:100%; border-top:#313236 2px solid; color:#53728b; margin:0 0 20px 0;} #bbs .table_wrap > table > thead > tr > th{} #bbs .table_wrap > table > thead > tr > th.line{background:#eeeff0 url(/manage/img/blist_td_line.gif) repeat-y left top;} #bbs .table_wrap > table > thead > tr > td{} #bbs .table_wrap > table > tbody > tr > th{} #bbs .table_wrap > table > tbody > tr > td{} #bbs .table_wrap > table > tbody > tr > td.tc{text-align:center;} #bbs .table_wrap > table > tbody > tr > td.line{background:url(/manage/img/blist_td_line.gif) repeat-y left top;} #bbs .table_wrap > table > tfoot > tr > th{padding:11px; background:#eeeff0; color:#323337; font-size:13px; border-bottom:1px solid #bec0c4; text-align:left; text-align:center;} #bbs .table_wrap > table > tfoot > tr > td{padding:11px; border-bottom:1px solid #bec0c4; color:#656668;} #bbs .table_wrap > table > tfoot > tr > td.line{background:url(/manage/img/blist_td_line.gif) repeat-y left top;} #bbs table .line_r{border-right:1px solid #bec0c4;} #bbs table.eail_f {border:0; margin:0;} #bbs table.eail_f table, #bbs table.eail_f td, #bbs table.eail_f th {border:0; margin:0; padding:0;} #bbs td p.pre_file {margin-bottom:7px; vertical-align:middle; color:#444;} #bbs td p.pre_file label {vertical-align:middle;} #bbs td p.pre_file img {vertical-align:middle;} /*통합상담-상담상태*/ .rlBox{position:relative; overflow:hidden;} .rlBox .leftZone{position:relative; float:left;} .rlBox .rightZone{position:relative; float:right; color:#255182;} .counsel_state_zone .tabstyle{padding:10px 0 0 0; } .counsel_state_zone .tabstyle ul li{ vertical-align:bottom; line-height:27px;} /*통합상담- > 온라인예약 -두피케어*/ .scalpCare{overflow:hidden;} .scalpCare dl{width:182px; border:1px solid #cdcdcd;} .scalpCare dl dt{padding:5px; text-align:center; font-weight:bold; background:#eeeff0;} .scalpCare dl dd{padding:5px; text-align:center;} .scalpCare p{float:left; padding:0px 0 0 0;} /*통합상담- > 온라인예약날짜선택*/ #bbs .reserveChoice{overflow:hidden; width:100%; margin:0 0 20px 0;} #bbs .reserveChoice .r_day{float:left; position:relative; width:50%; box-sizing:border-box; padding:0 1.5%;} #bbs .reserveChoice .r_day table.calendar_top_table {position:relative; width:100%; height:100%; border-top:0; margin:0;} #bbs .reserveChoice .r_day table.calendar_top_table thead th{padding:20px 5px; text-align:center; background:none; border:0; font-size:24px; color:#222; font-weight:400;} #bbs .reserveChoice .r_day table.calendar_top_table thead th.now{font-size:15px;} #bbs .reserveChoice .r_day table.calendar_top_table thead th i {font-style:normal;} #bbs .reserveChoice .r_day table.calendar_top_table thead th i img {vertical-align:middle;} #bbs .reserveChoice .r_day table.calendar_top_table thead th i .firsti {margin-right:70px;} #bbs .reserveChoice .r_day table.calendar_top_table thead th i .lesti {margin-left:70px;} #bbs .reserveChoice .calendar_table {position:relative; width:100%; height:100%; border-top:0; color:#53728b; margin:0 ;} #bbs .reserveChoice .r_day table.calendar_table .first{background:none;} #bbs .reserveChoice .r_day table.calendar_table thead th{padding:5px; text-align:center; background:none; border-bottom:1px solid #e1e3e4; font-size:16px; font-weight:400; height:70px; box-sizing:border-box;} #bbs .reserveChoice .r_day table.calendar_table thead th.sun{color:#ea1c5b;} #bbs .reserveChoice .r_day table.calendar_table thead th.sat{color:var(--manage-color);} #bbs .reserveChoice .r_day table.calendar_table tbody td.first{background-image:none !important; color:#ff4836;} #bbs .reserveChoice .r_day table.calendar_table tbody td{text-align:center; height:70px; padding:0; border-bottom:1px solid #e1e3e4; box-sizing:border-box; font-size:18px;} #bbs .reserveChoice .r_day table.calendar_table tbody td p{font-size:18px;} #bbs .reserveChoice .r_day table.calendar_table tbody td.care{padding:5px; text-align:center; background:#f6f9fd;} #bbs .reserveChoice .r_day table.calendar_table tbody td.choice span{display:inline-block; background:#f6f7f7; width:48px; height:48px; border-radius:50%; line-height:48px;} #bbs .reserveChoice .r_day table.calendar_table tbody td.ent {background:#f6f9fd;} #bbs .reserveChoice .r_day table.calendar_table tbody td.ent span{display:inline-block; color:#fff; background:#323337; width:48px; height:48px; border-radius:50%; line-height:48px;} #bbs .reserveChoice .r_day table.calendar_table tbody td.sat{color:#1559aa;} #bbs .reserveChoice .r_day table.calendar_table tbody td#r_click span{display:inline-block; color:#fff; background:#ea1c5b; width:48px; height:48px; border-radius:50%; line-height:48px;} #bbs .reserveChoice .r_Time{float:left; position:relative; width:50%; } @media all and (max-width:1000px){ #bbs .reserveChoice .r_day{width:100%; padding:2% 0; float:none;} #bbs .reserveChoice .r_Time{width:100%; padding:2% 0; float:none;} } /*#bbs .reserveChoice .r_Time ul{margin:0 0 10px 0; padding:10px; border:1px solid #cccccc } #bbs .reserveChoice .r_Time ul li{margin:0 0 5px 0;} #bbs .reserveChoice .r_Time ul li.ing{color:#006ecb;} #bbs .reserveChoice .r_Time ul li.possible{color:#484848; font-weight:bold; background:#cee8fe;}*/ .calender_wrap {border:1px solid #e1e3e4; border-radius:15px;} .calender_wrap .under_wrap {overflow:hidden; background:#fcfcfc; border-radius:0 0 15px 15px; padding:20px 18px;} .calender_wrap .under_wrap p {float:left; font-size:16px; color:#444; vertical-align:middle;} .calender_wrap .under_wrap > .sr_wrap {float:right;} .calender_wrap .under_wrap > .sr_wrap i {display:block; float:left; width:1px; height:17px; vertical-align:middle; background:#d7d7d7; margin:6px 15px 0px;} .calender_wrap .under_wrap > .sr_wrap input {width:100px; text-align:center; border:1px solid #e1e3e4; font-size:16px; color:#ea1c5b; box-sizing:border-box; padding:0 2px; vertical-align:baseline; margin:0 3px;} .calender_wrap .under_wrap > .sr_wrap input.no02 {width:70px;} #bbs .reserveChoice .possibleBox{display:inline-block; width:25px; height:25px; background:#f6f9fd; box-sizing:border-box; border:1px solid #d7d7d7; vertical-align:middle;} #bbs .reserveChoice .choiceBox{display:inline-block; width:10px; height:10px; background:#cee8fe;} #bbs .reserveChoice .closeBox{display:inline-block; width:10px; height:10px; background:#f72642;} #bbs span.gre {color:#008000;} #bbs span.yel {color:#ffa500;} #bbs span.blu {color:#1559aa;} /* 예약 달력 */ #bbs .reserveChoice .r_Time p {font-size:14px;} #bbs .reserveChoice .r_Time .schedule_time {overflow:hidden;} #bbs .reserveChoice .r_Time .schedule_time ul {float:left; width:32%; height:auto; margin-right:2%; box-sizing:border-box; border:1px solid #f0f1f1; border-radius:15px;} #bbs .reserveChoice .r_Time .schedule_time ul li {text-align:center; font-size:16px; color:#222; font-weight:300; line-height:1; padding:25px 0; border-bottom:1px solid #f0f1f1} #bbs .reserveChoice .r_Time .schedule_time ul li:last-of-type {border-bottom:0;} #bbs .reserveChoice .r_Time .schedule_time ul li:hover {background:#f3f8fe; color:#ea1c5b;} #bbs .reserveChoice .r_Time .schedule_time ul li:last-child:hover {border-radius:0 0 15px 15px;} #bbs .reserveChoice .r_Time .schedule_time ul li.ttit {font-size:20px; color:#222; font-weight:400;} #bbs .reserveChoice .r_Time .schedule_time ul li.ttit:hover {background:none;} #bbs .reserveChoice .r_Time .schedule_time ul:last-of-type {margin-right:0;} /*통합상담- 비용메일보내기*/ .tabType02{overflow:hidden; width:100%; margin:0px 0 10px 0;} .tabType02 li{_display:inline; float:left; margin-right:-1px; margin-bottom:10px; border:1px solid #7b95d6; color:#d6dbe9; background:#eeeff0; width:49.8%; min-width:95px; text-align:center;} .tabType02 li a{display:block; _float:left; height:20px; padding:6px 7px 6px 8px; color:#666; text-decoration:none; letter-spacing:-1px; font-size:12px;} .tabType02 li a:hover{background:#fff; color:#2c2c2c; font-weight:bold;} .tabType02 li.selected{border-bottom:1px solid #fff; background:#fff} .tabType02 li.selected a{color:#2c2c2c; font-weight:bold; letter-spacing:-1px} /*처방관리- 처방popup*/ .tabType03{overflow:hidden; width:100%; margin:0px 0 10px 0;} .tabType03 li{_display:inline; float:left; margin-right:-1px; margin-bottom:10px; border:1px solid #7b95d6; color:#d6dbe9; background:#eeeff0; width:33%; min-width:95px; text-align:center;} .tabType03 li a{display:block; _float:left; height:20px; padding:6px 7px 6px 8px; color:#666; text-decoration:none; letter-spacing:-1px; font-size:12px;} .tabType03 li a:hover{background:#fff; color:#2c2c2c; font-weight:bold;} .tabType03 li.selected{border-bottom:1px solid #fff; background:#fff} .tabType03 li.selected a{color:#2c2c2c; font-weight:bold; letter-spacing:-1px} /*처방관리- 처방popup*/ .tabType04{overflow:hidden; width:100%; margin:0px 0 10px 0;} .tabType04 li{_display:inline; float:left; margin-right:-1px; margin-bottom:10px; border:1px solid #7b95d6; color:#d6dbe9; background:#eeeff0; width:24.8%; min-width:95px; text-align:center;} .tabType04 li a{display:block; _float:left; height:20px; padding:6px 7px 6px 8px; color:#666; text-decoration:none; letter-spacing:-1px; font-size:12px;} .tabType04 li a:hover{background:#fff; color:#2c2c2c; font-weight:bold;} .tabType04 li.selected{border-bottom:1px solid #fff; background:#fff} .tabType04 li.selected a{color:#2c2c2c; font-weight:bold; letter-spacing:-1px} /*목록이미지 공지/보도/동영상*/ /*#bbs .photo{width:81px; height:81px; margin:0 auto; padding:0px 0; vertical-align:middle; border:1px solid #e2e2e2;overflow:hidden;} 기본포토중앙정렬입니다.*/ #bbs .photo{width:200px; height:200px; margin:0 auto; padding:0px 0; vertical-align:middle; border:1px solid #e2e2e2;overflow:hidden;}/*기본포토중앙정렬입니다.*/ #bbs .photo p{width:inherit; height:inherit; vertical-align:middle; display:block; text-align:center;} #bbs .photo img{width:100%; height:100%; object-fit:cover; object-position:center;} /*노이미지*/ #bbs .photo .noimg{width:100%; height:100%; object-fit:contain;} /* ============================================================================================================== */ /*세로 중앙정렬 (for IE6,7)*/ div.photo img{ .margin-top:expression( verticalAlign(this) ); } /*max-width,max-height (for IE6) 가로,세로입니다. 0을 주면 자동 맞춤이 되구요.*/ *html div.photo{ width:expression( maxSize(this,0,0) ); } /*min-height (for IE6)*/ *html div.photo{ height:expression( min_height(this,0) ); } /* ============================================================================================================== */ /* new 삭제아이콘(회색스타일) */ .btn a.gr_btn {width:67px; height:40px; padding:0; line-height:40px; color:#fff !important; font-size:14px; background:#87888a; text-align:center; font-weight:300; vertical-align:top;} .btn a.gr_btn strong {font-weight:300;} /* new 쓰기버튼*/ .btn .btnRight a.wbtn{display:inline-block; width:117px; height:40px; text-align:left; padding-left:50px; background:#323337 url(/manage/img/write_icon.png) no-repeat 20px 13px; font-size:15px;color:#797979 ;line-height:40px; word-spacing:-1px; text-decoration:none !important; white-space:nowrap; color:#fff !important; box-sizing:border-box; font-weight:300;} #bbs .btn .btnRight a.wbtn strong {font-weight:300;} /* 수정버튼 스타일 */ .blue_btn,.blue_btn {display:inline-block; width:54px; padding:6px 2px; color:var(--manage-color); font-size:14px; vertical-align:middle; text-align:center; border:1px solid var(--manage-color); background:#fff; box-sizing:border-box;} a.blue_btn {color:var(--manage-color); } a.blue_btn.size02 {width:100px; padding:0 5px;} .blue_btn.he34 {height:34px; line-height:32px;} /* 삭제버튼 스타일 */ .red_btn {display:inline-block; width:54px; padding:6px 2px; color:#ea1c5b; font-size:14px; vertical-align:middle; text-align:center; border:1px solid #ea1c5b;background:#fff; box-sizing:border-box;} a.red_btn {color:#ea1c5b; } p.blue_btn.consl {width:68px; cursor:pointer;} p.blue_btn.endc {width:68px; cursor:pointer; color:#2563eb; border-color:#2563eb;} p.red_btn.endc, p.red_btn.consl {width:68px; cursor:pointer;} p.blue_btnre.consl {width:68px; cursor:pointer;} p.red_btnre.endc {width:68px; cursor:pointer;} .black_btn {display:inline-block; padding:0 14px; height:30px; color:#222; font-size:12px; vertical-align:middle; text-align:center; border:1px solid #222; line-height:30px; background:#fff; box-sizing:border-box;} .black_btn.size02 {padding:0 3px;} .black_btn .downl_icon {vertical-align:sub; display:inline-block; margin-right:5px;} .black_btn.tye02 {width:54px;} /* #bbs .btn .btnRight{position:relative; color:#797979 !important; float:right; padding:10px 0 0 0; overflow:hidden; font-size:11px; text-align:right;} #bbs .btn .btnRight a.btns{display:inline-block; padding-right:4px; background:url(/manage/img/btn_bg.gif) no-repeat 100% 0; font-size:11px;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} #bbs .btn .btnRight a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/manage/img/btn_bg.gif) no-repeat; color:#797979 !important;} /* #bbs .btn {position:relative; color:#797979 !important; overflow:hidden;width:100%;} #bbs .btn .btnLeft{position:relative; color:#797979 !important; float:left; padding:10px 0 0 0; overflow:hidden; font-size:11px; text-align:left; /*width:40%;*//* height:30px;} #bbs .btn .btnLeft a.btns{display:inline-block; padding-right:4px; background:url(/manage/img/btn_bg.gif) no-repeat 100% 0; font-size:11px;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} #bbs .btn .btnLeft a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/manage/img/btn_bg.gif) no-repeat; color:#797979 !important;}*/ /* #bbs .btn .btnRight{position:relative; color:#797979 !important; float:right; padding:20px 0 0 0; overflow:hidden; font-size:11px; text-align:right;} #bbs .btn .btnRight a.btns{display:inline-block; padding-right:4px; background:url(/manage/img/btn_bg.gif) no-repeat 100% 0; font-size:11px;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} #bbs .btn .btnRight a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/manage/img/btn_bg.gif) no-repeat; color:#797979 !important;} */ /* 일반버튼 */ /*.commonBtns {color:#797979 !important; display:inline-block; padding-right:4px; background:url(/img/btn_bg.gif) no-repeat 100% 0; font-size:11px;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} .commonBtns strong {display:block; padding:1px 8px 0 12px; background:url(/img/btn_bg.gif) no-repeat; color:#797979 !important;}*/ /*버튼 센터 */ #bbs .btnC{position:relative; text-align:center; padding:0 0; clear:both; width:100%; vertical-align:middle;} #bbs .btnC .btnCenter{width:40%; position:relative; color:#797979 !important; float:left; padding:0px 0 0 0; overflow:hidden; font-size:11px; text-align:center; /*width:40%;*/ height:30px;} #bbs .btnC .btnCenter a.btns{display:inline-block; padding-right:4px; background:url(/manage/img/btn_bg.gif) no-repeat 100% 0; font-size:11px;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} #bbs .btnC .btnCenter a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/manage/img/btn_bg.gif) no-repeat; color:#797979 !important;} #bbs .btnC .btnLeft{width:30%; position:relative; color:#797979 !important; float:left; padding:0px 0 0 0; overflow:hidden; font-size:11px; text-align:left; /*width:40%;*/ height:30px;} #bbs .btnC .btnLeft a.btns{display:inline-block; padding-right:4px; background:url(/manage/img/btn_bg.gif) no-repeat 100% 0; font-size:11px;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} #bbs .btnC .btnLeft a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/manage/img/btn_bg.gif) no-repeat; color:#797979 !important;} #bbs .btnC .btnRight{width:30%; position:relative; color:#797979 !important; float:right; padding:0px 0 0 0; overflow:hidden; font-size:11px; text-align:right; /*width:40%;*/ height:30px; *margin:-27px 0 0 0;} #bbs .btnC .btnRight a.btns{display:inline-block; padding-right:4px; background:url(/manage/img/btn_bg.gif) no-repeat 100% 0; font-size:11px;color:#797979;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;} #bbs .btnC .btnRight a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/manage/img/btn_bg.gif) no-repeat; color:#797979 !important;} /*#bbs .btn .btnRight a:hover.wbtn{color:#2e2e2e !important; text-decoration:none;}*/ /* -----페이징----- */ #bbs .page{position:relative; margin:10px 0 70px; width:100%; display:block; text-align:center; clear:both; color:#656668; font-size:0;} #bbs .page a{position:relative; display:inline-block; width:34px; height:34px; text-decoration: none; color:#444; box-sizing:border-box; border:1px solid #fff; line-height:32px; font-size:15px;} /* #bbs .page strong 페이징 active 스타일 */ #bbs .page strong{position:relative; display:inline-block; width:34px; height:34px; color:#f60029; border:1px solid #ea1c5b; line-height:32px; font-size:15px; box-sizing:border-box; font-weight:400;} #bbs .page a:hover{background:#f3f8fe; border:1px solid #f3f8fe;} /* 페이징 이전/다음 버튼 */ #bbs .page .next{position:relative; display:inline-block; vertical-align:top; color:#ea1c5b; font-size:11px; border:1px solid #ddd;} #bbs .page a.next:hover {background:none; border:1px solid #ddd;} #bbs .page .next.no02, #bbs .page .next.no02:hover {border-right:0;} #bbs .page .next.no03, #bbs .page .next.no03:hover {border-left:0;} #bbs .page .page_prev{padding:0 0 0 2px;} #bbs .page .page_next{padding:0 2px 0 0; background:url(/manage/img/page_next_bg.gif) no-repeat right 5px;} /* -----게시판 목록 하단 검색 부분----- */ .search{position:relative; width:100%; margin:0px; padding:9px 0; text-align:center; vertical-align:middle; font-size:0;} .search input{width:280px; height:32px; border:1px solid #d4d4d4; vertical-align:middle; display:inline; box-sizing:border-box; font-size:14px;} .search select{width:150px; height:32px; border:1px solid #d4d4d4; font-size:14px; vertical-align:middle; color:#444; margin:0 5px 0 0; display:inline;} /* 검색버튼 */ .search .se_btn {width:62px; height:32px; border:1px solid var(--manage-color); vertical-align:top; box-sizing:border-box; background:#fff; color:var(--manage-color); margin-left:5px;} .search #clinicList{ display:inline;} #color .search select{width:115px; height:20px; border:1px solid #cccccc; font-size:12px; vertical-align:middle; color:#706a5f; margin:0; display:inline;} #color .search .sbtn{position:relative; width:53px; height:20px; top:0px; *top:-2px; left:-8px; border:none; vertical-align:bottom;} #color .search #clinicList{ display:inline;} .answerImg{margin:0 5px 0 15px;} .closedImg{margin:3px 0 0 5px;} span.re_ing{position:relative; display:inline-block; width:54px; height:30px; color:#acacac; font-size:12px; vertical-align:middle; text-align:center; border:1px solid #cbcbcb; line-height:30px; background:#fff;}/*답변*/ span.re_ok{position:relative; display:inline-block; width:54px; height:30px; color:var(--manage-color); font-size:12px; vertical-align:middle; text-align:center; border:1px solid var(--manage-color); line-height:30px; background:#fff;}/*대기*/ .mainsend {height:60px; resize:none; box-sizing:border-box;} a.eail_lcolor {color:#e3185c;} /*휴일지정달력테이블*/ #bbs table.closed_table{position:relative; width:100%; height:100%; border-top:#255182 1px solid; color:#53728b; margin:0 0 10px 0; font-size:16px;} #bbs table.closed_table .first{background:none;} #bbs table.closed_table tbody td{padding:20px 10px; text-align:right; color:#444; font-weight:400; border-right:1px solid #f3f4f4;} #bbs table.closed_table tbody td:last-of-type {border-right:0;} #bbs table.closed_table tbody td span{display:block; color:#222; font-weight:500;} #bbs table.closed_table .sun span{color:#ea1c5b;} #bbs table.closed_table .sat span{color:var(--manage-color);} /* -----달력테이블----- */ /* calendar_top_table은 달력 맨 위 페이징부분 */ #bbs table.calendar_top_table{position:relative; width:100%; height:100%; border-top:#255182 1px solid; color:#53728b; margin:0 0 0px 0; font-size:15px;} #bbs table.calendar_top_table thead th{height:60px; text-align:left; font-size:15px; text-align:center; box-sizing:border-box; font-weight:400;} #bbs table.calendar_top_table thead th img {vertical-align:sub; display:inline-block; margin:0 5px;} #bbs table.calendar_top_table thead th.now{font-size:18px;} #bbs table.calendar_table{position:relative; width:100%; height:100%; border-top:#255182 1px solid; color:#53728b; margin:0 0 10px 0; font-size:16px;} /* 달력의 맨 첫칸 */ #bbs table.calendar_table .first{background:none;} #bbs table.calendar_table thead th{padding:11px; text-align:right; border-bottom:1px solid #bec0c4; font-size:16px; font-weight:400; background:none;} /* 일요일 색상 스타일 */ #bbs table.calendar_table thead th.sun{color:#ea1c5b;} /* 토요일 색상 스타일 */ #bbs table.calendar_table thead th.sat{color:var(--manage-color);} #bbs table.calendar_table tbody td.first{background-image:none !important;} #bbs table.calendar_table tbody td{padding:20px 10px; text-align:right; color:#444; font-weight:400; border-right:1px solid #f3f4f4;} #bbs table.calendar_table tbody td.care{text-align:right; background:#f6f9fd;} #bbs table.calendar_table tbody td span{display:block;} #bbs table.calendar_table tbody td span.holi{color:#ea1c5b;} #bbs table.calendar_table tbody td span.sat{color:var(--manage-color);} .re_bttm {font-size:14px; color:#222;} /* -----예약달력관리----- */ #bbs table.decoction_calendar_table{position:relative; width:100%; height:100%; border-top:#255182 1px solid; color:#53728b; margin:0 0 10px 0;} #bbs table.decoction_calendar_table .first{background:none;} #bbs table.decoction_calendar_table thead th{padding:11px; text-align:center; background:#e9e9e9 url(/manage/img/blist_td_line.gif) repeat-y left top; border-bottom:1px solid #bec0c4;} #bbs table.decoction_calendar_table thead th.sun{background:#ffe7e5; color:#ff4836;} #bbs table.decoction_calendar_table thead th.sat{background:#e2f0ff url(/manage/img/blist_td_line.gif) repeat-y left top; color:#1559aa;} #bbs table.decoction_calendar_table tbody td.first{background-image:none !important;} #bbs table.decoction_calendar_table tbody td{position:relative; padding:11px; text-align:left; background:url(/manage/img/blist_td_line.gif) repeat-y left top; vertical-align:top;} #bbs table.decoction_calendar_table tbody td span.days{display:block; font-weight:bold;} #bbs table.decoction_calendar_table tbody td span.holi{display:block; color:#ff4836;} #bbs table.decoction_calendar_table tbody td span.sat{display:block; color:#1559aa;} #bbs table.decoction_calendar_table tbody td ul{width:60px;} #bbs table.decoction_calendar_table tbody td ul li span{float:right;} #bbs table.decoction_calendar_table tbody td .btn{position:absolute; right:2px; top:10px;} #bbs table.decoction_calendar_table tbody td .total{padding:0 0 0 7px; } #bbs table.decoction_calendar_table tbody td .total span{display:inline-block; padding:0 0 0 32px;} /* 기타휴일지정 옆 빨간색 참고 표시 스타일 */ .under_f {font-size:14px; color:#ea1c5b; font-weight:400;} #bbs table tbody td.bline {padding:14px 0 0;border-bottom:2px solid #313236; } #bbs table tbody td.bline {padding:14px 0 0;border-bottom:2px solid #313236; } /*SMS관리*/ #sms{position:relative; width:100%;background-color: #fff;} #sms .sms_top{padding-top:30px; position:relative; width:100%; max-width:1200px; margin:20px auto 0; display:flex; justify-content:center; align-items:flex-start; gap:30px; flex-wrap:wrap;} /* 휴대폰 wrapper - 고정 크기 */ #sms .phone-wrapper{ flex:0 0 320px !important; width:320px !important; min-width:320px !important; max-width:320px !important; height:580px !important; min-height:580px !important; max-height:580px !important; } /* 휴대폰 본체 - 고정 크기 */ #sms .phone{ position:relative !important; width:320px !important; height:580px !important; min-width:320px !important; max-width:320px !important; min-height:580px !important; max-height:580px !important; background:#1a1a1a !important; border-radius:35px !important; padding:12px !important; box-sizing:border-box !important; box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important; overflow:hidden !important; } #sms .phone::before{ content:''; position:absolute; top:8px; left:50%; transform:translateX(-50%); width:80px; height:6px; background:#333; border-radius:3px; } /* 휴대폰 화면 */ #sms .phone-screen{ width:296px !important; height:556px !important; background:#fff !important; border-radius:25px !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; } #sms .phone-statusbar{ height:28px; min-height:28px; background:linear-gradient(135deg, var(--manage-color), #2563eb); display:flex; align-items:center; justify-content:flex-end; padding:0 12px; font-size:11px; color:#fff; gap:6px; } #sms .phone-statusbar span{font-weight:500;} #sms .phone-content{ flex:1; padding:12px; display:flex; flex-direction:column; align-items:center; font-size:14px; color:#222; overflow-y:auto; } /* 메시지 입력 영역 - 고정 크기 (축소 방지) */ #sms .phone-content .smsbox{width:272px !important; min-width:272px !important; max-width:272px !important; margin-bottom:15px;} #sms .phone-content .smsbox textarea{padding:8px; width:100% !important; height:140px !important; min-height:140px !important; resize:none; border:1px solid var(--manage-color); box-sizing:border-box; font-size:13px !important; border-radius:4px;} #sms .phone-content .smsbox-info{display:flex; justify-content:space-between; align-items:center; margin-top:5px; color:var(--manage-color); font-size:12px !important;} #sms .phone-content .smsbox-info input{background:#fff; color:var(--manage-color); width:45px !important; min-width:45px !important; height:26px !important; min-height:26px !important; border:1px solid var(--manage-color); padding:0 6px; font-size:12px !important; border-radius:3px;} /* 발신/수신 영역 - 고정 크기 (축소 방지) */ #sms .phone-content .smstel{width:272px !important; min-width:272px !important; max-width:272px !important;} #sms .phone-content .smstel-row{margin-bottom:10px;} #sms .phone-content .smstel-row label{display:block; font-size:13px !important; margin-bottom:5px; font-weight:500;} #sms .phone-content .smstel-row input{width:100% !important; height:28px !important; min-height:28px !important; border:1px solid var(--manage-color); border-radius:4px; padding:0 8px; box-sizing:border-box;} #sms .phone-content .smstel-row textarea{width:100% !important; height:60px !important; min-height:60px !important; padding:6px; resize:none; border:1px solid var(--manage-color); box-sizing:border-box; font-size:12px !important; border-radius:4px;} #sms .phone-content .smstel-options{display:flex; gap:15px; margin:10px 0; font-size:12px !important;} #sms .phone-content .smstel-options label{display:flex; align-items:center; gap:4px; cursor:pointer;} #sms .smsreser{display:none; margin-top:8px; font-size:12px;} #sms .smsreser input[type="text"]{height:26px; border:1px solid var(--manage-color); border-radius:3px; padding:0 5px;} /* 발송 버튼 */ #sms .phone-content .send-btn{ width:100%; max-width:272px; height:36px; background:#323337; color:#fff; border:none; border-radius:4px; font-size:14px; font-weight:500; cursor:pointer; margin-top:auto; transition:background 0.2s; } #sms .phone-content .send-btn:hover{background:var(--manage-color);} /* 특수문자 탭 스타일 - phone과 동일한 크기 (320x580) */ #sms .special{width:320px !important; min-width:320px !important; max-width:320px !important; height:580px !important; min-height:580px !important; max-height:580px !important; font-size:14px; box-sizing:border-box; border:1px solid #313236; border-radius:8px; overflow:hidden; display:flex; flex-direction:column;} #sms .special-tabs{display:flex; background:#313236; flex-shrink:0;} #sms .special-tabs .tab-btn{flex:1; padding:12px 10px; background:#313236; color:#fff; border:none; cursor:pointer; font-size:13px; font-weight:500; transition:all 0.2s;} #sms .special-tabs .tab-btn:hover{background:#4a4d52;} #sms .special-tabs .tab-btn.active{background:var(--manage-color); color:#fff;} #sms .special-content{padding:10px; flex:1; overflow-y:auto;} #sms .special-panel{display:none;} #sms .special-panel.active{display:block;} #sms .special ul{width:100%; margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:center;} #sms .special li{height:40px; width:40px; text-align:center; border:1px solid #e1e3e4; margin:2px; box-sizing:border-box; border-radius:4px; transition:all 0.15s;} #sms .special li.t{width:70px;} #sms .special li a {font-size:16px; color:#222; line-height:38px; display:block;} #sms .special ul li:hover {background:#e8f0fc; border-color:var(--manage-color);} #sms .special ul li:hover a {color:var(--manage-color);} #sms .phone-content p#send {width:100%; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center; background:#323337; margin:10px 0 0; font-weight:400; padding:0; border-radius:4px; cursor:pointer; transition:background 0.2s;} #sms .phone-content p#send:hover {background:var(--manage-color);} #sms .save{clear:both; padding:30px;} #sms .save > ul {border-top:2px solid #313236; padding:30px 0 0 ; overflow:hidden;background-color: #fff;} #sms .save li.box{float:left; margin:0 20px 30px; width:calc(25% - 40px); padding:10px; box-sizing:border-box;} #sms .savebtn{text-align:center; padding:13px 0 10px;} #sms .savebtn ul {font-size:0; text-align:center;} #sms .savebtn li {display:inline-block;margin:0;} #sms .savebtn a {margin:0 2.5px;} #sms .savesms textarea{padding:5px; width:100%; height:212px; resize:none; box-sizing:border-box; border:1px solid #35363a; font-size:16px; color:#222;} #sms .smsbox a.btns strong{display:block; padding:0 8px 0 12px; background:url(/manage/img/btn_bg.gif) no-repeat; color:#797979;} @media all and (max-width:1400px){ #sms .save li.box{width:calc(33.333333% - 40px)} } @media all and (max-width:1000px){ #sms .save li.box{width:calc(50% - 30px); margin:0 15px; margin-bottom:15px;} #sms .sms_top{flex-direction:column; align-items:center;} } @media handheld, only screen and (max-width: 1600px) { .m_disB{display:block;} .sort2{position:absolute; right:5px; top:40%; width:13px;}/*제목이 한줄이면서 (한줄,두줄 썩여있을때)*/ .sort3{position:absolute; right:5px; top:30%; width:13px; }/*제목이 한줄이였다가 두줄로 바뀌면서 (한줄,두줄 썩여있을때)*/ } /*이메일, 문자 발송 */ #bwrite .editfoot{padding:10px; background-color:#f7f7f7; clear:both; text-align:center;} #bwrite .editfoot p{padding:0 0 10px 0;} #bwrite .editfoot label{font-weight:bold; padding:0 20px 0 0;} /*팝업*/ #pop_style {border-bottom:1px solid #e1e3e4;} #pop_style table th {padding:8px 0; font-size:15px; border-top:1px solid #313236; color:#222; background:#eeeff0; border-bottom:1px solid #e1e3e4; font-weight:400;} #pop_style table td {padding:8px 0; color:#444; font-size:15px;} /* ===== 첨부 이미지 스타일 (2025.11.30 추가) ===== */ .board-attach-image { text-align: center !important; padding: 20px 0 !important; } .board-attach-image img { display: block !important; max-width: min(1024px, 100%) !important; height: auto !important; margin: 0 auto !important; /* 중앙 정렬 */ cursor: pointer; transition: opacity 0.2s ease; } .board-attach-image img:hover { opacity: 0.85; } /* ===== 이미지 확대 모달 스타일 ===== */ .image-modal-overlay { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); cursor: pointer; } .image-modal-overlay.active { display: flex; align-items: center; justify-content: center; } .image-modal-content { max-width: 95%; max-height: 95%; object-fit: contain; cursor: default; } .image-modal-close { position: fixed; top: 20px; right: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 10000; } .image-modal-close:hover { color: #bbb; } /* 컬러 변수 - 관리자 메인컬러 설정값 사용 */ :root { --color-primary01: var(--manage-color, #004b8b); } /* ======================================== Alert/Confirm 모달 공통 스타일 ======================================== */ /* 모달 오버레이 */ .alert-modal-overlay { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999; overflow: auto; -webkit-overflow-scrolling: touch; } /* 모달 컨테이너 */ .alert-modal-container { position: relative; max-width: 450px; margin: 15% auto; background: #fff; border-radius: 15px; padding: 40px 30px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); animation: alertModalFadeIn 0.2s ease-out; } @keyframes alertModalFadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* 메시지 스타일 */ .alert-modal-message { font-size: 16px; color: #333; line-height: 1.8; margin-bottom: 30px; font-weight: 500; word-break: keep-all; white-space: pre-line; } /* 버튼 영역 */ .alert-modal-buttons { display: flex; gap: 15px; justify-content: center; } /* 버튼 공통 스타일 */ .alert-modal-btn { flex: 1; min-width: 100px; max-width: 120px; min-height: 45px; padding: 12px 20px; border-radius: 5px; font-size: 15px; font-weight: 500; cursor: pointer; border: none; transition: opacity 0.2s; } .alert-modal-btn:hover { opacity: 0.85; } /* 포커스 스타일 */ .alert-modal-btn:focus, .alert-modal-btn:focus-visible, .alert-modal-buttons button:focus, .alert-modal-buttons button:focus-visible { outline: 1px solid #ccc !important; outline-offset: 3px !important; box-shadow: none !important; border-color: inherit !important; } /* 확인 버튼 */ .alert-modal-btn.confirm { background: var(--color-primary01); color: #fff; } /* 취소 버튼 */ .alert-modal-btn.cancel { background: #fff; color: var(--color-primary01); border: 1px solid var(--color-primary01); } /* 모달 반응형 - 모바일 */ @media screen and (max-width: 768px) { .alert-modal-container { margin: 20% 15px; max-width: calc(100% - 30px); padding: 30px 20px; } .alert-modal-message { font-size: 15px; margin-bottom: 25px; } .alert-modal-btn { min-height: 42px; padding: 10px 16px; } } /* 모달 버튼 스타일 */ a.login_chk_btn01, .login_chk_btn01 { width: 100%; border-radius: 5px; background-color: var(--color-primary01); height: 60px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px; color: #fff; font-weight: 600; border: 1px solid transparent; text-decoration: none; } a.login_chk_btn01.type02, .login_chk_btn01.type02 { background-color: #fff; color: var(--color-primary01); border-color: var(--color-primary01); } a.login_chk_btn01:hover, .login_chk_btn01:hover { opacity: 0.85; } /* END 모달 스타일 */ /* ===== 게시판 콘텐츠 영역 이미지 스타일 (에디터 삽입 이미지) ===== */ .contents-area { padding: 20px 15px !important; line-height: 1.8; } /* 콘텐츠 영역 내 p 태그 스타일 */ .contents-area p { margin-bottom: 15px; } /* 콘텐츠 영역 내 이미지 스타일 */ .contents-area img { max-width: 100% !important; width: auto !important; height: auto !important; min-width: 400px; max-height: 600px; object-fit: contain; display: inline-block; margin: 10px 5px; cursor: pointer; transition: opacity 0.2s ease; } /* 이미지 호버 효과 */ .contents-area img:hover { opacity: 0.85; } /* 반응형 - 모바일에서는 최소 너비 제한 완화 */ @media screen and (max-width: 768px) { .contents-area img { min-width: 200px; max-height: 400px; } } /* 읽기 페이지 목록 형태 UI 스타일 (관리자) */ .read_page_list_admin { margin-top: 15px; } .read_page_list_admin table { border-collapse: collapse; } .read_page_list_admin thead th { background-color: #f5f5f5; font-weight: 600; padding: 10px; border-bottom: 2px solid #ddd; text-align: center; } .read_page_list_admin tbody td { padding: 10px; border-bottom: 1px solid #eee; } .read_page_list_admin tbody td.text-left { text-align: left; } .read_page_list_admin tbody td.text-center, .read_page_list_admin tbody td.tc { text-align: center !important; } /* 작성자, 작성일 컬럼 센터 정렬 */ .read_page_list_admin tbody td:nth-child(2), .read_page_list_admin tbody td:nth-child(3) { text-align: center !important; } .read_page_list_admin tbody tr:hover { background-color: #f9f9f9; } /* 현재 읽고 있는 글 하이라이트 (관리자) */ .read_page_list_admin tbody tr.current { background-color: #e8f4fc; } .read_page_list_admin tbody tr.current td { font-weight: bold; } .read_page_list_admin tbody tr.current td a { color: #2c5aa0; } /* ===== 테이블 스크롤 영역 셀 여백 줄이기 (필드가 많은 테이블용) ===== */ #bbs .table_scroll1400 table td, #bbs .table_scroll1400 table th { padding: 5px 2px !important; } #bbs .table_scroll1400 table thead th { padding: 8px 2px !important; } /* ========================================== * Template Content CSS (from /manage/template/css/content.css) * Merged: 2025-12-07 * ========================================== */ /* common */ h3{margin:14px 0 !important; color:#222 !important; font-size:17px !important; font-weight:500 !important; line-height:1 !important;} .mt0{margin-top:0 !important} .text_center{text-align:center;} .asterisk{display:inline-block; height:42px; color:var(--manage-color); font-weight:500; margin-right:3px; margin-left:-9px} .helper{max-width:100%;} @media all and (max-width:640px){ label.b_snor_r{display:block; margin:2px 0;} } /* form-control (Template) */ .col-sm-12{box-sizing:border-box;} .form-box{display: inline-block; width:50%; vertical-align:top; height:42px;} .form-box.hauto{height:auto} .form-box.pl_pr10{padding:0 10px; box-sizing:border-box;} .form-horizontal .row{margin:0;} .form-horizontal .row div > label.title{background-color:#eee;} .form-horizontal .row > div{padding:0;} .form-horizontal .btns{padding:10px 20px} .form-horizontal .control-label{text-align:left; line-height:42px; padding-top:0;} .form-horizontal .form-box-line label{margin-right:10px;} .form-horizontal .form-box-line label span{margin-left:4px;} /* ecotrail 검색폼 - 라벨(필터)에 필드를 붙여 표시 (간격 없음) */ .el-search .form-horizontal label.title + select, .el-search .form-horizontal label.title + .form-box{margin-left:0;} .col-md-4{width:39%;} .col-md-2{width:20%;} .col-md-2, .col-md-4{ display:inline-block; vertical-align:top; line-height:42px; height:42px; font-weight:400; padding:0 15px; color:#212121;} .col-md-6 .form-box{width:78%} .col-md-6 .form-box-line{width:78%} .col-md-6.min .col-md-4{max-width:19.6%} .col-md-6.min .form-box{max-width:70%} .col-md-6.min .form-box-line{max-width:70%} .col-md-12.all .col-md-2{width:9.8%} .col-md-12.all .form-box{width:85%} input.dong { width: 140px; padding: 6px 12px; min-width: auto; height: 34px; border: 1px solid rgba(33, 33, 33, 0.12); border-radius: 0; background-color: #fff; box-shadow: none; color: #212121; } select.dong{min-width:50px; padding:6px 12px; height: 34px; border:1px solid rgba(33, 33, 33, 0.12); border-radius:0; background-color:#fff; box-shadow:none; color:#212121; } .light-grey-hr{width:100%; height:1px; background:#dedede; margin:10px auto;} .form-box input{width:100px;} .form-box input.w10{width:10% !important;} .form-box input.w20{width:20% !important;} .form-box input.w30{width:30% !important;} .form-box input.w40{width:40% !important;} .form-box input.w50{width:50% !important;} .form-box input.w60{width:60% !important;} .form-box input.w70{width:70% !important;} .form-box input.w80{width:80% !important;} .form-box input.wa{width:auto !important;} .form-box label.b_snor_r{line-height:42px; margin-right:10px; } .form-box-line{display:inline-block; vertical-align:top; width:50%; border:1px solid rgba(33, 33, 33, 0.12); height:42px; padding:8px 15px; box-sizing:border-box;} .form-control.w50{min-width:auto; display: inline-block; width:50%; vertical-align:top;} input.form-control{display:inline-block; vertical-align:middle; height: 42px !Important; border:1px solid rgba(33, 33, 33, 0.12); border-radius:0; background-color:#fff; box-shadow:none; color:#212121; height:42px; } select.form-control{display:inline-block; vertical-align:middle; max-width:200px; width:200px; height: 42px !Important; border:1px solid rgba(33, 33, 33, 0.12); border-radius:0; background-color:#fff; box-shadow:none; color:#212121; height:42px; } input.form-control.w140{width:140px;} select.form-control.w140{width:140px;} input.text_box{width:200px !important;} @media all and (max-width: 2055px){ .form-horizontal .col-md-6.w2055{width:100%;} } @media all and (max-width:1500px){ .col-md-3{width:50%;} } @media all and (max-width: 1200px){ .col-md-2{width:45%;} .col-md-4{width:45%;} .col-md-3{width:100%; margin:5px 0;} .col-md-6{width:100%; margin:5px 0;} .col-md-6 .form-box{width:50%} .col-md-6 .form-box-line{width:50%} .col-md-6.min .col-md-4{max-width:45%} .col-md-12.all .col-md-2{width:45%;} .col-md-12.all .form-box{width:50%} /* faq tab */ .form-horizontal .control-label{width:25%; margin:0;} .row.faq .col-md-6 .form-box{width:100%} } @media all and (max-width: 991px){ .col-md-2{width:28%;} .col-md-4{width:28%;} .col-md-3{width:100%;} .form-control{width:64%} .form-box{width:64%;} .form-box-line{width:64%} .col-md-12.all .col-md-2{width:28%;} .col-md-12.all .form-box{width:64%} .col-md-6 .form-box{width:64%} .col-md-6 .form-box-line{width:64%} .form-horizontal .control-label{width:30%; display:inline-block; vertical-align:top;} .form-horizontal .control-label + .col-md-9{width:69%; display:inline-block; vertical-align:top;} .form-horizontal .control-label + .col-md-9 .form-box{width:100%;} /* faq tab */ .row.faq .col-md-6 .form-box{width:100%} .row.faq .col-md-6 .form-box input[type='text']{width:calc(100% - 80px) !important} } @media all and (max-width:767px){ /* form-control */ .form-control{font-size: 12px;} .form-horizontal .downl_icon{margin-top:5px;} .form-horizontal .downl_icon{margin-top:5px;} } @media all and (max-width:640px){ .form-horizontal .control-label + .col-md-9{width:68%;} .form-horizontal .btns{padding:10px 10px;} .form-box label.b_snor_r{display:inline-block; vertical-align:middle} select.form-control{width:100px; max-width:100px; padding:5px} input.form-control{width:100px; max-width:80px; padding:5px} input.text_box{width:140px !important; max-width:140px !important} } /* panel-heading (Template) */ .panel-title{font-style:normal;} .panel-title span.dataST{font-size:16px; color:#666; font-weight:300;} .panel-heading{} .panel-heading .pull-right{} .panel-heading .pull-right p{} .panel-heading .pull-right p span{display: inline-block;vertical-align: middle;line-height: 1;} .panel-heading .pull-right span + span{border-left: 1px solid #999;padding-left: 5px;margin-left: 5px;} /* paging_wrap (Template) */ .paging_wrap{text-align: center; margin:10px auto 0 !important; max-width:85%; position: relative; z-index: 1; pointer-events: none;} .paging_wrap .page{min-height:34px; display:block; margin:0 !important; vertical-align: top;font-size: 0; text-align:center !important; position:relative;} .paging_wrap .page a, .paging_wrap .page strong{pointer-events: auto;} .paging_wrap .page:before{content:""; display:inline-block; vertical-align:middle; width:1px; height:8px; margin:0 15px; box-sizing:border-box; background:url('/manage/img/num_line.gif')no-repeat center / cover;} .paging_wrap .page:after{content:""; display:inline-block; vertical-align:middle; width:1px; height:8px; margin:0 15px; box-sizing:border-box; background:url('/manage/img/num_line.gif')no-repeat center / cover;} .paging_wrap .page a, .paging_wrap .page strong{border:0 !important; display: inline-block;vertical-align: middle;min-width:34px;height: 34px;font-size: 14px;line-height: 34px;color:#656668 ! important;text-align: center;} .paging_wrap .page a{cursor: pointer;} .paging_wrap .page strong{background-color: var(--manage-color) !important;font-weight: bold;color: #fff !important;} .paging_wrap .page img{width: 100%;} /* search_wrap (Template) */ .search_wrap{margin-top: 20px !Important;} .search_wrap .search{text-align: center;} .search_wrap .search > *{display: inline-block !Important;vertical-align: middle !Important;} .search_wrap select{max-width:150px; width: 10% !Important;} .search_wrap .input_text{width: 20% !Important;} .search_wrap .input_btn{height:42px; padding:6px 12px; margin-left:3px; max-width:80px; width: 7% !Important;border:1px solid var(--manage-color) !Important;border-radius:0;color: var(--manage-color) !Important;background-color: #fff !Important;} @media all and (max-width:1200px){ /* search_wrap */ .search_wrap select{width: 20% !important;} .search_wrap .input_text{width: 25% !important;} .search_wrap .input_btn{width: 10% !important;} } @media all and (max-width:1000px){ .search_wrap select{min-width:110px;} .search_wrap .input_text{min-width:110px;} .search_wrap .input_btn{min-width:50px} .paging_wrap{max-width:100%;} } /* btns_wrap (Template) */ .btns_wrap{margin-top: 15px;} .btns_wrap.list{margin-top:-34px; pointer-events: none;} .btns_wrap.list > *{pointer-events: auto;} .btns_wrap.mt15{margin-top:15px !important} .btns_wrap strong{font-weight:400;} .btns_wrap:after{clear:both; content:""; display:block; height:0; visibility:hidden} .btns{display: inline-block; padding:6px 20px; vertical-align:top; font-size: 14px; letter-spacing: -0.025em; line-height:20px; cursor: pointer;} .btns strong{font-weight:400;} .btns_blue{background-color: var(--manage-color) !important;color: #fff !important;border: 1px solid var(--manage-color) !important;} .btns_blue_line{border: 1px solid var(--manage-color) !important;color: var(--manage-color) !important;background-color: transparent !important;} .btns_red{background-color:#ea1c5b !important; color:#fff !important; border:1px solid #ea1c5b !important} .btns_red_line{border: 1px solid #ea1c5b !important;color: #ea1c5b !important;background-color: transparent !important;} .btns_black{background-color:#222 !important; color:#fff !important; border:1px solid #222 !important} .btns_black_line{border: 1px solid #222 !important;color: #222 !important;background-color: transparent !important;} .btns_gray{background-color:#888 !important; color:#fff !important; border:1px solid #888 !important} .btns_gray_line{border: 1px solid #888 !important;color: #888 !important;background-color: transparent !important;} .btns_green{background-color:#5cb85c !important; color:#fff !important; border:1px solid #5cb85c !important} .btns_green_line{border: 1px solid #5cb85c !important;color: #5cb85c !important;background-color: transparent !important;} /* 목록 유형 전환 버튼 스타일 (텍스트목록형/이미지목록형) */ .list-type-toggle { display: inline-flex; gap: 5px; margin-left: 15px; vertical-align: middle; } .list-type-toggle .type-btn { display: inline-flex; align-items: center; justify-content: center; padding: 6px 20px; border: 1px solid #ddd; background: #fff; color: #666; font-size: 14px; line-height: 20px; cursor: pointer; border-radius: 3px; transition: all 0.2s; } .list-type-toggle .type-btn:hover { border-color: var(--manage-color); color: var(--manage-color); } .list-type-toggle .type-btn.active { background: var(--manage-color); border-color: var(--manage-color); color: #fff; } .list-type-toggle .type-btn i { margin-right: 5px; font-size: 14px; position: relative; top: 1px; } /* 메이슨리형 커스텀 아이콘 (왼쪽: 대+소, 오른쪽: 소+대) */ .icon-masonry { display: inline-block; width: 5px; height: 7px; position: relative; background: currentColor; margin-right: 10px; vertical-align: middle; /* 왼쪽 위 (본체), 오른쪽 아래 (그림자) */ box-shadow: 7px 5px 0 0 currentColor; top: -1px; } .icon-masonry::before { content: ''; position: absolute; width: 5px; height: 4px; background: currentColor; top: 0; left: 7px; /* 오른쪽 위 (본체), 왼쪽 아래 (그림자) */ box-shadow: -7px 8px 0 0 currentColor; } /* 날짜 버튼 크기 축소 */ .form-box .pc_inline_block_m_block .btns{padding: 4px 10px !important; font-size: 12px !important; line-height: 16px !important;} @media all and (max-width:1000px){ .btns_wrap.list{margin-top:15px;} } /* table_wrap (Template) */ .table_wrap{margin:15px 0;} .table_wrap > table{width: 100%;margin: 0;padding: 0;border-top: 1px solid #959595 !important;} .table_wrap > table tr .col01{color:var(--manage-color) !important; font-weight:500; margin-right:3px !important; margin-left:-9px} .table_wrap th, .table_wrap td{color:#444; text-align:center; vertical-align: middle;padding: 16px;border: 1px solid #e1e3e4 !Important; } .table_wrap td.title{text-align:left; font-size:15px !important;} .table_wrap th{color: #222;font-size: 15px !important;font-weight: 400 !important;background-color: #fcfcfc;} .table_wrap td{padding: 16px;font-size: 14px !important;font-weight: 300 !important;} .table_wrap td:after{clear:both; content:""; display:block; height:0; visibility:hidden} .table_wrap td img{max-width:200px;} .table_wrap.align_center th, .table_wrap.align_center td{text-align: center;} .table_wrap .title{text-align: left; word-break:break-all} .table_wrap .price{text-align:right;} .table_wrap .name{text-align:left;} .table_wrap:not(.table_block) > table tr:hover{background:#fcfcfc;} .table_block > table{width:100% !important;} .table_block th, .table_block td{text-align:left !important} .table_block td img{max-width:100%} .table_wrap.no_scroll{width:100%} .t_w1{width:10px;} .t_w2{width:20px;} .t_w3{width:30px;} .t_w4{width:40px;} .t_w5{width:50px;} .t_w6{width:60px;} .t_w7{width:70px;} .t_w8{width:80px;} .t_w9{width:90px;} .t_w10{width:100px;} .t_w11{width:110px;} .t_w12{width:120px;} .t_w13{width:130px;} .t_w14{width:140px;} .t_w15{width:150px;} .t_w16{width:160px;} .t_w17{width:170px;} .t_w18{width:180px;} .t_w19{width:190px;} .t_w20{width:200px;} .t_w21{width:210px;} .t_w22{width:220px;} .t_w23{width:230px;} .t_w24{width:240px;} .t_w25{width:250px;} .t_w26{width:260px;} .t_w27{width:270px;} .t_w28{width:280px;} .t_w29{width:290px;} .t_w30{width:300px;} .t_w31{width:310px;} .t_w32{width:320px;} .t_w33{width:330px;} .t_w34{width:340px;} .t_w35{width:350px;} .t_w40{width:400px;} .t_w55{width:550px;} td.textarea_in_table table{border:none !important; margin:0 !important;} td.textarea_in_table table th, td.textarea_in_table table td{padding:0 !important; border:0 !important;} td.textarea_in_table table td{padding: 0 !important;font-size:auto !important;font-weight: auto !important;} td.textarea_in_table table th, td.textarea_in_table table td{text-align: auto !important; height:auto !Important} @media all and (max-width:1400px){ .table_wrap.table_scroll1400{width:100% !Important; overflow-x:auto;} .table_wrap.table_scroll1400 > table{width:1400px !Important;} .table_wrap.table_scroll1400 > table tr td{word-break:break-all;} } @media all and (max-width:1200px){ .table_wrap.table_scroll1200{width:100% !Important; overflow-x:auto;} .table_wrap.table_scroll1200 > table{width:1200px !Important;} .table_wrap.table_scroll1200 > table tr td{word-break:break-all;} } @media all and (max-width:1000px){ .table_block{} .table_block > table{display:block; width:100% !important;} .table_block > table tr{display:block; padding:0 !important; height:auto !important} .table_block > table th{display:block; margin:5px; padding:11px !important;} .table_block > table td{display:block; margin:5px; padding:11px !important; height:auto !important;} .table_block > table tbody{display:block;} .table_block > table tr td table{display:table;} .table_block > table tr td table tbody{display:table;} .table_block > table tr td table tr{display:table-row;} .table_block > table tr td table tr th{display:table-cell;} .table_block > table tr td table tr td{display:table-cell;} } @media all and (max-width:767px){ .table_wrap{overflow-x:auto;} .table_wrap > table{width:767px !Important} .table_block{overflow:hidden} .table_block > table{display:block; width:100% !important} .table_wrap.no_scroll{width:100%} .table_wrap.no_scroll > table{width:100% !important} } .white-space{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* smart editor (Template) */ .note-editor .note-btn.btn-sm{vertical-align: top;padding: 15px 16px;font-size: 12px;border: 0;border-radius:0;} .note-editor .note-btn.btn-sm:last-of-type{border-right: 1px solid #ededed;} /* 타이틀옆에 버튼 추가시 (Template) */ .text_right_btn{background:var(--manage-color); color:#fff !important; vertical-align:middle; font-weight:300 !important; margin-left:10px;} /* 파일추가 시 간격 td class (Template) */ .file_add p{margin:4px 0;} /* 달력버튼 cal_btn (Template) */ .cal_btn{display:inline-block; vertical-align:middle;} /* page_num 총 n개 1/1 페이지 (Template) */ .page_num{font-size:0;} .page_num span{padding:0 8px; font-size:14px; color:#444; display:inline-block; vertical-align:top; position:relative; line-height:24px;} .page_num span:first-child{padding-left:0;} .page_num span:before{content:""; display:block; width:1px; height:60%; background:#aaa; position:absolute; right:0; top:25%;} .page_num span:last-child:before{display:none;} .page_num span strong{line-height:24px; font-weight:500;} /* 폼 (Template) */ textarea{max-width:100%} /* pc_m (Template) */ .pc_inline_m_block{display:inline;} .pc_inline_block_m_block{display:inline-block; vertical-align:middle; margin-bottom:0; margin-top:0;} @media all and (max-width:1670px){ .pc_inline_block_m_block{margin:10px 0;} } @media all and (max-width:1200px){ .pc_inline_block_m_block a{margin:2px;} } @media all and (max-width:1000px){ .pc_inline_m_block{display:block} .pc_inline_block_m_block{display:block; margin:5px 0;} } @media all and (max-width:640px){ .m_75{width:75px !important} } /* 겔러리게시판 (Template) */ .gallery .gall_txt .photoday .btn_wrap{display:inline-block !Important; vertical-align:middle;} /* SMS (Template) */ @media all and (max-width:1000px){ #sms .phone{width:100%; height:325px; padding:40px 0 0 45px; background-size:100% 100%} #sms .phone .smsbox{width:200px;} #sms .phone .smsbox textarea{height:160px;} #sms .phone .smstel{padding-left:10px; width:200px;} #sms .phone .smstel textarea{height:50px;} #sms .save li.box{width:calc(50% - 10px); margin:0 5px;} } /* 전자상거래 테이블 (Template) */ .item_parents > div{text-align:center; margin:5px 0;} /* modal 팝업 (Template) */ .modal-dialog .modal-header .close{padding-right:10px;} .modal-dialog input[type='text']{width:100%;} .modal-dialog input[type='file']{width:100%;} .modal-dialog input[type="button"]{padding:0;} .modal-dialog input.form-control{width:100%;} /* 시간 선택 input 스타일 */ .timepicker-input { width: 120px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; cursor: pointer; font-size: 14px; } .timepicker-input:hover { border-color: var(--manage-color); } .timepicker-input:focus { border-color: var(--manage-color); outline: none; box-shadow: 0 0 3px rgba(48, 125, 212, 0.3); } /* ==================================== 상품관리 필드 도움말 스타일 ==================================== */ .prd-field-help { position: relative; display: inline-block; margin-left: 4px; cursor: help; vertical-align: middle; } .prd-field-help .prd-help-icon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: #5c6bc0; color: #fff; border-radius: 50%; font-size: 11px; font-weight: bold; font-style: normal; line-height: 1; } .prd-field-help .prd-help-text { display: none !important; visibility: hidden !important; position: absolute !important; z-index: 99999 !important; left: -10px; bottom: calc(100% + 8px); padding: 12px 14px; background: #333; color: #fff; border-radius: 6px; font-size: 13px; line-height: 1.7; width: 300px; max-width: 300px; box-shadow: 0 4px 15px rgba(0,0,0,0.25); text-align: left; font-weight: normal; word-break: keep-all; white-space: normal; } .prd-field-help .prd-help-text strong { color: #ffd54f; } .prd-field-help .prd-help-text::after { content: ''; position: absolute; top: 100%; left: 18px; border: 7px solid transparent; border-top-color: #333; } .prd-field-help:hover .prd-help-text { display: block !important; visibility: visible !important; } /* 주문 프린트용 영역 - 화면에서는 숨김, 인쇄 시에만 표시 */ #order_print_html { display: none !important; } @media print { #order_print_html { display: block !important; } } /* 검색어 하이라이트 */ .highlight { color: var(--color-primary01, var(--manage-color)); background-color: rgba(255, 235, 59, 0.3); padding: 0 2px; border-radius: 2px; font-weight: 600; } /* 메이슨리형 커스텀 아이콘 (SVG Mask 방식 - 비율 조정) */ .icon-masonry { display: inline-block; width: 13px; height: 12px; margin-right: 5px; vertical-align: middle; position: relative; top: -2px; background: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath d='M0 0h6v8H0z M0 9h6v3H0z M7 0h6v3H7z M7 4h6v8H7z'/%3E%3C/svg%3E") no-repeat center/100%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath d='M0 0h6v8H0z M0 9h6v3H0z M7 0h6v3H7z M7 4h6v8H7z'/%3E%3C/svg%3E") no-repeat center/100%; } .icon-masonry::before, .icon-masonry::after { content: none !important; display: none !important; }