@charset "utf-8"; /* slick */ .slick-slide { display:none; min-height:1px; vertical-align:middle; overflow:hidden;} .slick-list { overflow:hidden;} .slick-list.dragging { cursor:pointer;} .slick-list .slick-track{display:inline-block;} .slick-initialized .slick-slide { display:inline-block;} .slick-arrow{cursor: pointer;} .slick-arrow.slick-hidden { display:none; list-style-type: none;} .slick-current { opacity:1; display:block;} /* 작성폼 input 기본스타일 */ .inp_st {height:28px; line-height:28px; font-size:14px; border:1px solid #ddd;} .inp_st[readonly] {width:30%; background:#eee;} /* 게시판 리스트 상단 */ [class^="box_st"] + .srchWrap { margin-top: 3rem; } .bbs_srch { position: relative; display: flex; flex-wrap: wrap; background: #F8F8F8; border: 1px solid #cdcdcd; border-radius: 0.75rem; padding: 1.75rem; gap: 0.75rem 1.3rem; margin-bottom: 2.45rem; } .bbs_srch .dateWrap { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; } .bbs_srch .dateWrap > span { color: #333333; font-weight: 600; } .bbs_srch .dateWrap .dateBox { display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: center; } .bbs_srch .selBox { display: flex; flex-wrap: wrap; gap: 0.5rem; } .bbs_srch .selBox.typeB { width: 100% !important; } .bbs_srch .selBox.typeB select { flex: 1; min-width: auto !important; } .bbs_srch .srchLyt { flex: 1; position: relative; } /* .bbs_srch .srchLyt > button { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); padding: 0; font-size: 0.9rem; } */ .bbs_srch .srchLyt > button { position: absolute; right: 0; top: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; border-radius: 0.5rem; height: 100%; color: #fff; background: #304793; } .bbs_srch .srchLyt > button > span { position: unset !important; font-size: 0.85rem !important; text-indent: 0 !important; clip:unset !important; margin: 0 !important; width: auto !important; height: auto !important; } .bbs_srch .srchLyt > button > i { display: none !important; } .bbs_srch .srchLyt input { width: calc(100% - 4rem) !important; padding: 0 1rem; min-width: 12.5rem; border-color: #304793; } .bbs_srch .srchLyt input::placeholder { color: #adabab; } .bbs_srch.typeB { justify-content: center; } .bbs_srch.typeB select { min-width: auto; width: 10rem; } .bbs_srch.typeB .srchLyt { flex: none; width: 17.5rem; } /* 페이지 안내 */ .pageInBttn { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .pageInBttn .pageinfo { padding-right: 1rem; } .pageInBttn .btns { margin: 0 !important; } .pageInBttn .btns a { justify-content: start; padding: 0 1.5rem 0 0.9rem !important; height: 2rem; min-width: 7.5rem; } .pageinfo {position:relative; display: flex; align-items: center; gap: 0.95rem; font-family: 'Montserrat'; } .pageInBttn .btns a i { color: #555555; top: 0.45rem; } .pageinfo p { color: #666665; font-weight: 600; font-size: 0.8rem; display: flex; align-items: center; text-transform: uppercase; } .pageinfo p.pge_totle { gap: 0.3rem; } .pageinfo p.pge_totle > strong { color: #5d31ff; font-weight: 600; } .pageinfo p.pge_num { gap: 0; } .pageinfo p.pge_num > strong { color: #333333; font-weight: 600; margin-left: 0.5rem; } .pageinfo p.pge_num > span { position: relative; padding-left: 0.35rem; margin-left: 0.3rem; font-weight: 400; } .pageinfo p.pge_num > span::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%) rotate(30deg); background: #c3c3c3; width: 1px; height: 0.5rem; } /* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/ /* 일반형게시판목록 - 스킨A */ .bbs_ListA { margin-top: 1rem; } .bbs_ListA table {table-layout:fixed; border-top: 1px solid #000000; } .bbs_ListA table tr.bg_Blue { background: #5D31FF; } .bbs_ListA table thead th { position: relative; padding:0.8rem 0.7rem; color:#000; font-weight: 600; border-bottom:1px solid #888888; background:#fff; font-size: 0.9rem; vertical-align: middle; /* word-break: keep-all; */ word-break:break-all; } .bbs_ListA table thead th::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 0.9rem; background: #D8D8D8; } .bbs_ListA table thead th:first-child:before { display: none; } .bbs_ListA table tr.bg_Blue th { color: #fff; background: transparent; vertical-align: middle; } .bbs_ListA table tr.bg_Blue th::before { background: rgba(255,255,255,0.4); } .bbs_ListA table tbody th, .bbs_ListA table tbody td {padding:0.9rem; border-bottom:1px solid #D3D3D9; text-align: center; color: #222; vertical-align: middle; word-break: break-all; } .bbs_ListA table tbody th { border-right: 1px solid #d3d3d9; background: #FAFAFA; } /* .bbs_ListA table tbody td.title { text-align: start; } */ .bbs_ListA table tbody td.title a { display: block; color: #000; text-align: start; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bbs_ListA table tbody td.title a > span.stte { display: inline-flex; align-items: center; justify-content: center; height: 1.4rem; width: 2.5rem; font-size: 0.6rem; font-family: "NotoSansKR"; font-weight: 600; border-radius: 5rem; border: 1px solid transparent; line-height: 1.5; } .bbs_ListA table tbody td.title a > span.stte.wait { color: #E63B35; border-color:#E63B35 ; } .bbs_ListA table tbody td.title a > span.stte.ing { color: #000; border-color:#000; } .bbs_ListA table tbody td.title a > span.stte.done { color: #5d31ff; border-color:#5d31ff; } .bbs_ListA table tbody td.title a > span.secret { display: inline-flex; align-items: center; justify-content: center; color: #000000; } /* .bbs_ListA table tbody td.title a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.8rem; font-weight: 400; } */ .bbs_ListA table tbody td.imgBox img { max-width: 100%; } .bbs_ListA table tbody tr:hover {background:#F8F9FB;} .bbs_ListA table tbody td.bbs_tit {text-align:left;} .bbs_ListA table tbody td.bbs_tit a {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bbs_ListA table tbody td.bbs_tit a:hover, .bbs_ListA table tbody td.bbs_tit a:focus {text-decoration:underline;} .bbs_ListA table tbody td .btns { margin: 0 !important; justify-content: center; } .bbs_ListA table tbody td .btns a { min-width: auto !important; flex: 1; font-family: "NotoSansKR"; max-width: 4.5rem; } /* .bbs_ListA table tbody td span.new { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; background: #5d31ff; color: #fff; border-radius: 50%; } .bbs_ListA table tbody td span.new i { margin-right: 1px; } */ .bbs_ListA table tbody td span.notice { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #304793; font-size: 0.7rem; font-weight: 600; border-radius: 5rem; height: 1.4rem; padding: 0 0.6rem; } .bbs_ListA table tbody td.new { text-align: start; } .bbs_ListA table tbody td.new a { display: flex; align-items: center; } .bbs_ListA table tbody td.title a p { display: inline; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin: 0 !important; line-height: normal; color: #000; font-size: 0.8rem; line-height: 1.15rem; } .bbs_ListA table tbody td.title.new a p {padding-right: 2.9rem; } .bbs_ListA table tbody td.title.new a > p::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: "NEW"; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #5D31FF; color: #5D31FF; font-size: 0.6rem; font-weight: 600; font-family: 'Montserrat'; border-radius: 5rem; width: 2.25rem; height: 1.1rem; line-height: 1.1rem; } .bbs_ListA table tbody td.inFile { padding: 0.5rem; position: relative; } .bbs_ListA table tbody td.inFile a { display: inline-flex; align-items: center; justify-content: center; position: relative; color: #333; font-size: 1rem; } .bbs_ListA.reactTb td.stateBox span.state { display: inline-flex; align-items: center; justify-content: center; min-width: auto; max-width: 4.5rem; width: 100%; border-radius: 5rem; height: 1.8rem; border: 1px solid transparent; font-size: 0.7rem; font-family: 'NotoSansKR'; font-weight: 600; } .bbs_ListA.reactTb td.stateBox span.state.done { color: #304793; border-color: #304793 !important; } .bbs_ListA.reactTb td.stateBox span.state.return { color: #E63B35; border-color: #E63B35 !important; } .bbs_ListA.reactTb td.stateBox span.state.okay { color: #5D31FF; border-color: #5D31FF !important; } .bbs_ListA.reactTb td.stateBox span.state.wait { color: #5D31FF; border-color: #5D31FF !important; } .bbs_ListA.reactTb td.stateBox span.state.blk { color: #3A3A3A; border-color: #3A3A3A; } .bbs_ListA table tbody td.bbs_tit a:hover span.ico_answer, .bbs_ListA table tbody td.bbs_tit a:focus span.comment {text-decoration:none;} .bbs_ListA table tbody td.bbs_tit span.new {display:inline-block; width:18px; height:18px; margin-right:5px; line-height:18px; font-weight: 400; font-size:15px; color:#f57f17; text-align:center; border:1px solid #f57f17;} .bbs_ListA table tbody td.bbs_tit span.comment {margin-right:5px; color:#f57f17; font-weight: 400; } .bbs_ListA table tbody td.bbs_tit span.ico_answer {padding:0 8px; margin-right:5px; font-size:13px; border:1px solid #c1c1c1; } .bbs_ListA table tbody td strong.ico_noti {display:block; width:26px; height:22px; margin:0 auto; text-indent:-10000em; background:url('/00_common/images/board/ico_noti.png') no-repeat ;} .bbs_ListA table tbody td strong.sttus_blue {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#044ca4; border:1px solid #044ca4;} .bbs_ListA table tbody td strong.sttus_green {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#50b848; border:1px solid #50b848;} .bbs_ListA table tbody td strong.sttus_orange {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#f58220; border:1px solid #f58220;} .bbs_ListA table tbody td strong.sttus_gray {display:inline-block; padding:0 8px; line-height:20px; font-weight: 400; font-size:15px; color:#555; border:1px solid #555;} /* 첨부파일 레이어 */ .file_lyrBox {position:relative;} .file_lyrBox .file_lyr {position:absolute; right:0; top:30px; max-width:150px; padding:5px 15px; text-align:left; border:2px solid #334265; background:#fff; z-index:2;} .file_lyrBox .file_lyr ul li {position:relative; padding:3px 0 3px 15px; font-size:14px; background:url('/00_common/images/board/ico_Vfile.png') no-repeat left 8px;} .file_lyrBox .file_lyr a {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .file_lyrBox .file_lyr a:hover, .file_lyrBox .file_lyr a:focus {text-decoration:underline;} /* 사진형게시판목록 상단 : 공통 */ .bbs_Photo_top {position:relative; margin-bottom:60px; padding:30px; font-size:14px; color:#666; border:4px solid #efefef;} .bbs_Photo_top:before {content:""; display:block; position:absolute; left:0; bottom:-30px; width:100%; height:1px; background:#cecece;} .bbs_Photo_top:after {content:""; display:block; clear:both; overflow:hidden;} .bbs_Photo_top a .img {position:relative; width:40%; height:330px; float:left; text-align:center; background:#000; overflow:hidden;} .bbs_Photo_top a .img img {position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbs_Photo_top a .img img.vertImg{width:100%; height:auto;} .bbs_Photo_top a:hover .img img {opacity:0.4; transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);} .bbs_Photo_top a .img:before {content:""; display:block; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('/00_common/images/board/img_photo_plus.png') no-repeat; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:2;} .bbs_Photo_top a:hover .img:before {opacity:1; transform:rotate(360deg);} .bbs_Photo_top .txt {position:relative; width:55%; height:330px; float:right;} .bbs_Photo_top .txt dl dt {padding:20px 0 10px; font-size:24px; font-weight: 400; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bbs_Photo_top .txt dl dd.cont {font-size:16px;} .bbs_Photo_top .txt dl dd.util {position:relative; margin-top:15px; height:40px; text-align:right; border-top:1px dashed #cecece; } .bbs_Photo_top .txt dl dd.util span.date {padding-left:20px; line-height:39px; background:url('/00_common/images/board/ico_photo_date.png') no-repeat left center;} .bbs_Photo_top .txt dl dd.util span.rdcnt {margin-left:30px; padding-left:20px; line-height:39px; background:url('/00_common/images/board/ico_photo_rdcnt.png') no-repeat left center;} .bbs_Photo_top .txt ul li {position:relative; margin:7px 0; padding-left:10px; } .bbs_Photo_top .txt ul li:before {content:""; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#000;} .bbs_Photo_top .txt a.more_view {position:absolute; right:0; bottom:0; display:block; width:158px; height:48px; line-height:48px; text-align:center; font-size:13px; font-weight: 400; color:#333; border:1px solid #d9d9d9; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbs_Photo_top .txt a.more_view:hover {color:#fff; border-color:#044ca4; background:#044ca4;} /* 사진형게시판목록 - 스킨A */ .gallBrd { margin-top: 3rem; } .bbs_PhotoA { display: flex; flex-wrap: wrap; gap: 2rem 2.2rem; margin-top: 1rem; } .bbs_PhotoA li {position:relative; width: calc((100% - 6.6rem) / 4); } .bbs_PhotoA li a {position:relative; display: block; border-radius: 1rem; } .bbs_PhotoA li a .img {position:relative; display: flex; align-items: center; justify-content: center; background: #e8e8e8; font-size: 0; line-height: 0; height: 9.25rem; overflow: hidden; border: 1px solid #C8C8CD; border-radius: 1rem 1rem 0 0; } .bbs_PhotoA li a .img img { object-fit: cover; } .bbs_PhotoA li a.vdeo .img::before { position: absolute; content: "\f508"; width: 2.1rem; height: 2.1rem; border-radius: 50%; color: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 2px solid rgba(255,255,255,0.6); font-size: 1rem; font-family: 'remixicon'; display: inline-flex; align-items: center; justify-content: center; font-weight: 400 !important; padding-left: 0.15rem; } .bbs_PhotoA li a .img:after { position: absolute; content: "\ea70"; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #4973fa; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.1rem; font-family: 'remixicon'; display: inline-flex; align-items: center; justify-content: center; font-weight: 400 !important; z-index: 1; opacity: 0; visibility: hidden; } .bbs_PhotoA li a .txt { border: 1px solid #c8c8cd; border-radius: 0 0 1rem 1rem; border-top: none; background: #fff; overflow: hidden; padding: 0.5rem 0.85rem 1.15rem; } .bbs_PhotoA li a .txt p { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; font-weight: 500; font-size: 0.8rem; color: #000; } .bbs_PhotoA li a .txt .bot { margin-top: 0.75rem; display: flex; align-items: center; justify-content: space-between; line-height: 0.9rem; } .bbs_PhotoA li a .txt .bot span.date { color: #555555; font-size: 0.75rem; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .bbs_PhotoA li a .txt .bot em.view { display: inline-flex; gap: 0.25rem; color: #555555; font-size: 0.75rem; } .bbs_PhotoA li a .txt .bot em.view i { color: #CACACA; font-size: 0.8rem; } /* 사진형게시판목록 - 스킨A : active */ .bbs_PhotoA li a, .bbs_PhotoA li a .img, .bbs_PhotoA li a .img img, .bbs_PhotoA li a .img:after, .bbs_PhotoA li a.vdeo .img::before, .bbs_PhotoA li a .txt { transition: 0.2s ease-in-out; } .bbs_PhotoA li a:hover, .bbs_PhotoA li a:focus { box-shadow:1px 6px 10px rgba(0, 0, 0, 0.1);} .bbs_PhotoA li a:hover .img, .bbs_PhotoA li a:focus .img, .bbs_PhotoA li a:hover .txt, .bbs_PhotoA li a:focus .txt { border-color: #919191; } .bbs_PhotoA li a.vdeo .img, .bbs_PhotoA li a:hover .img, .bbs_PhotoA li a:focus .img { background: #000; } .bbs_PhotoA li a.vdeo .img img, .bbs_PhotoA li a:hover .img img, .bbs_PhotoA li a:focus .img img { opacity: 0.4; } .bbs_PhotoA li a.vdeo:hover .img::before, .bbs_PhotoA li a.vdeo:focus .img::before { opacity: 0; } .bbs_PhotoA li a:hover .img:after, .bbs_PhotoA li a:focus .img:after { opacity: 1; visibility: visible; animation: pump 1.5s infinite; } @keyframes pump { 0% { box-shadow: 0px 0px 0px 0px rgba(44,125,255,0.7); } 100% { box-shadow: 0px 0px 0px 10px rgba(44,125,255,0); } } /* 사진형게시판목록 - 스킨B */ .bbs_PhotoB {border-top:1px solid #000; margin-top: 1rem; } .bbs_PhotoB:after {content:""; display:block; clear:both;} .bbs_PhotoB li {position:relative; border-bottom:1px solid #D3D3D9; } .bbs_PhotoB li.noDate {height:1.5rem; text-align:center; border-bottom:1px dashed #cecece; padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; }/* 게시글 없을경우 */ .bbs_PhotoB li a {position:relative; display:block; height:100%; display: flex; flex-wrap: wrap; gap: 1.5rem 1.9rem; padding: 1.5rem 1.5rem 1.5rem 0; } .bbs_PhotoB li a span {display:block;} .bbs_PhotoB li a .img { position: relative; } .bbs_PhotoB li a .img p { background: #eee; display: inline-flex; align-items: center; justify-content: center; width: 14rem; height: 9.25rem; font-size: 0; line-height: 0; border-radius: 1rem; overflow: hidden; } .bbs_PhotoB li a .img em.count { position: absolute; left: 0; top: 0; border-radius: 0.25rem; background: #5d31ff; color: #fff; width: 1.5rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; } .bbs_PhotoB li a .img.vdo::before { position: absolute; content: "\f508"; width: 2.1rem; height: 2.1rem; border-radius: 50%; color: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 2px solid rgba(255,255,255,0.6); font-size: 1rem; font-family: 'remixicon'; display: inline-flex; align-items: center; justify-content: center; font-weight: 400 !important; padding-left: 0.15rem; } .bbs_PhotoB li a .img img { max-width: 100%; object-fit: contain; height: 100%; } .bbs_PhotoB li a dl { flex: 1; overflow: hidden; padding-top: 0.5rem; } .bbs_PhotoB li a dt { position: relative; display: block; font-size: 1.1rem; font-weight: 600; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; } .bbs_PhotoB li.new a dt { padding-left: 2rem; } .bbs_PhotoB li.new a dt::before { position: absolute; content: "N"; left: 0; top: 0; width: 1.5rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 0.8rem; font-weight: 600; background: #5D31FF; border-radius: 0.4rem; } .bbs_PhotoB li a .cont { margin: 1rem 0 1.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; color: #555555; line-height: 1.5rem; font-size: 0.9rem; height: 3rem; word-break: break-all; } .bbs_PhotoB li a .util { display: flex; gap: 1.3rem; align-items: center; line-height: 1.5rem; color: #555555; } .bbs_PhotoB li a .util em { display: inline-flex; align-items: center; gap: 0.25rem; } .bbs_PhotoB li a .util em i { color:#CACACA;} /* 사진형게시판목록 - 스킨C */ .bbs_PhotoC {border-top:2px solid #334265; } .bbs_PhotoC:after {content:""; display:block; clear:both;} .bbs_PhotoC li {position:relative; height:160px; padding:20px 0; border-bottom:1px solid #cecece; font-size:14px; color:#666;} .bbs_PhotoC li.noDate {height:30px; text-align:center; border-bottom:1px dashed #cecece; }/* 게시글 없을경우 */ .bbs_PhotoC li.new:after {content:"N"; display:block; position:absolute; left:0; top:20px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#f57f17;} .bbs_PhotoC li a {position:relative; display:block; height:100%;} .bbs_PhotoC li a span {display:block;} .bbs_PhotoC li a .img {position:relative; width:20%; height:120px; float:left; background:#000; overflow:hidden;} .bbs_PhotoC li a .img img {position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbs_PhotoC li a .img img.vertImg{width:100%; height:auto;} .bbs_PhotoC li a:hover .img img {opacity:0.4; transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);} .bbs_PhotoC li a .img:before {content:""; display:block; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('/00_common/images/board/img_photo_plus.png') no-repeat; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:2;} .bbs_PhotoC li a:hover .img:before {opacity:1; transform:rotate(360deg);} .bbs_PhotoC li a .img ~ dl {width:77%; float:right;} /* 이미지가 없을 경우 */ .bbs_PhotoC li a dl {position:relative; font-size:14px; color:#666;} .bbs_PhotoC li a dl dt {font-size:18px; line-height:40px; font-weight: 400; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .bbs_PhotoC li a dl dd.cont {height:40px; line-height:20px; overflow:hidden;} .bbs_PhotoC li a dl dd.date {margin-top:10px;} /* PDF게시판목록 - 스킨A */ .bbs_PDF:after {content:""; display:block; clear:both;} .bbs_PDF li {position:relative; width:32%; height:248px; padding-top:30px; margin-right:2%; float:left; font-size:14px; color:#666;} .bbs_PDF li:nth-child(3n) {margin-right:0;} .bbs_PDF li:nth-child(n+4) {margin-top:40px;} .bbs_PDF li.noDate {width:100%; margin:0; padding-bottom:30px; float:none; text-align:center; border-bottom:1px dashed #cecece; }/* 게시글 없을경우 */ .bbs_PDF li.new:after {content:"N"; display:block; position:absolute; left:20px; top:0; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#f57f17; z-index:2;} .bbs_PDF li a .img {position:absolute; left:20px; top:0; width:135px; height:185px; border:1px solid #cecece; background:#000; overflow:hidden; z-index:2;} .bbs_PDF li a .img img {position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbs_PDF li a .img img.vertImg{width:100%; height:auto;} .bbs_PDF li a:hover .img img {opacity:0.4; transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);} /* PDF No Image */ .bbs_PDF li a .img .bbs_NoImgPDF {position:relative; height:100%; display:block; text-align:center; background:#fff; z-index:3;} .bbs_PDF li a .img .bbs_NoImgPDF:before {content:"NO IMAGE"; display:block; position:absolute; left:0; top:50%; width:100%; height:20px; margin:-40px 0 0 0; padding-top:60px; line-height:20px; font-size:0; color:#777; background:url('/00_common/images/board/ico_pdf.png') no-repeat center 5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:4;} .bbs_PDF li a:hover .img .bbs_NoImgPDF {background:#f7f9fb;} .bbs_PDF li a:hover .img .bbs_NoImgPDF:before {background-position:center 0px;} .bbs_PDF li a ~ .cont {position:relative; height:218px; padding:20px 20px 40px 180px; border:1px solid #cecece;}/* 이미지가 없을 경우 타입2 */ .bbs_PDF li .cont {position:relative; height:158px; padding:20px 20px 40px 20px; border:1px solid #cecece;} .bbs_PDF li:hover .cont {border:1px solid #505c78; box-shadow:3px 3px 6px 0 rgba(0, 0, 0, 0.2);} .bbs_PDF li .cont p a {display:block; height:60px; line-height:20px; font-size:16px; color:#111; font-weight: 400; overflow:hidden;} .bbs_PDF li .cont a.down {position:absolute; right:20px; bottom:60px; display:block; width:90px; height:30px; padding-left:10px; line-height:30px; font-size:13px; color:#777; border:1px solid #e5e5e5; background:url('/00_common/images/board/ico_Vfile.png') no-repeat 90% center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbs_PDF li .cont a.down:hover {color:#111; border:1px solid #505c78; } .bbs_PDF li div.util {position:absolute; left:0; bottom:0; width:100%; height:45px; border-top:1px dashed #cecece; overflow:hidden; z-index:2;} .bbs_PDF li div.util span.date {display:block; float:left; margin-left:20px; padding-left:20px; line-height:44px; background:url('/00_common/images/board/ico_photo_date.png') no-repeat left center;} .bbs_PDF li div.util span.rdcnt {display:block; float:right; margin-right:20px; padding-left:20px; line-height:44px; background:url('/00_common/images/board/ico_photo_rdcnt.png') no-repeat left center;} /* No Image */ .bbs_img a div.img .bbs_NoImg {position:relative; height:100%; display:flex; width: 100%; align-items: center; justify-content: center; } .bbs_img a div.img .bbs_NoImg:before {content:""; display:block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background: url('/00_common/images/board/noImg.png')no-repeat center center; height: 9.25rem; width: 14rem; background-size: contain; } .bbs_img a:hover div.img .bbs_NoImg {background:#ebeff2;} .bbs_img a:hover div.img .bbs_NoImg:before {background-position:center 0px;} /* No Video */ .bbs_img a div.img .bbs_NoVideo {position:relative; height:100%; display:flex; width: 100%; align-items: center; justify-content: center; } .bbs_img a div.img .bbs_NoVideo:before {content:"NO VIDEO"; display:block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background: url('/00_common/images/board/no_vdo.png')no-repeat center center; height: 9.25rem; width: 14rem; background-size: contain; } .bbs_img a:hover div.img .bbs_NoVideo {background:#ebeff2;} .bbs_img a:hover div.img .bbs_NoVideo:before {background-position:center 0px;} /* FAQ - 스킨A */ .bbs_FaqA {border-top:1px solid #000000; margin-top: 1rem; } .bbs_FaqA li {border-bottom:1px solid #D3D3D9;} .bbs_FaqA li.noDate {height:1.5rem; text-align:center; border-bottom:1px dashed #cecece; padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; }/* 게시글 없을경우 */ .bbs_FaqA li.list > a {position:relative; display:block; padding:0.75rem 2rem 0.75rem 2.9rem; font-weight: 400; color:#111; } .bbs_FaqA li.list > a:before {content:"Q"; display:inline-flex; position:absolute; left: 0.6rem; top: 0.575rem; width:1.5rem; height:1.5rem; color:#fff; font-size:0.9rem; align-items: center; justify-content: center; background:#5D31FF; border-radius:50%;} .bbs_FaqA li.list > a::after { position: absolute; content: "\ea4e"; right: 0.75rem; top: 0.65rem; color: #555; font-family: 'remixicon'; font-size: 1.25rem; transition: 0.2s ease-in-out; } .bbs_FaqA li.list.on > a::after { transform: rotate(180deg); } .bbs_FaqA li a .faq_question { font-size: 0.8rem; font-weight: 500; color: #000; } .bbs_FaqA li a span.faq_arr:before {content:""; display:block; width:100%; height:100%; background:url('/00_common/images/board/arr_faq.png') no-repeat right center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbs_FaqA li.on a span.faq_arr:before {transform:rotate(180deg);} .bbs_FaqA li div.faq_A {position:relative; display:none; padding:0.75rem 0.75rem 0.75rem 2.9rem; border-top:1px solid #D3D3D9; background:#F8F9FB;} .bbs_FaqA li div.faq_A:before {content:"A"; display:inline-flex; align-items: center; justify-content: center; position:absolute; left:0.6rem; top:0.575rem; width:1.5rem; height:1.5rem; color:#fff; font-size:0.9rem; text-align:center; background:#ADAFB5; border-radius:50%; } .bbs_FaqA li div.faq_A p:not(p.faq_btn) { font-size: 0.8rem; font-weight: 400; color: #000; line-height: 1.2rem; word-break: break-all; } .bbs_FaqA .faq_btn { display: flex; gap: 0.25rem; font-size: 0.8rem; } .bbs_FaqA .btn_bbs button {border:1px solid #007367; background:#00897b} .bbs_FaqA .faq_A .btns { margin: 1rem 0 0 0; } /* FAQ */ #filePop .filepopLst { margin-top: -0.75rem; } #filePop .filepopLst li { padding: 0.75rem 0 0.75rem 1rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; position: relative; } #filePop .filepopLst li::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 0.4rem; height: 0.4rem; background: #5D31FF; } #filePop .filepopLst li p { position: relative; flex: 1; font-weight: 400; font-size: 0.8rem; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 1rem 0 1.5rem; } #filePop .filepopLst li p i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 1rem; font-weight: 400 !important; } #filePop .filepopLst li ~ li { border-top: 1px dashed #D2D2D2; } #filePop .filepopLst li .btns { margin: 0 !important; } #filePop .filepopLst li .btns a { background-color: #373737; color: #fff; display: inline-flex; align-items: center; justify-content: space-between; border-radius: 5rem; height: 1.75rem; padding: 0 0.75rem; font-size: 0.7rem; font-weight: 600; font-family: 'NotoSansKR'; min-width: 5.25rem; border: 1px solid #000; } #filePop .filepopLst li .btns a i { font-weight: 400 !important; } /* FAQ : active */ #filePop .filepopLst li .btns a, #filePop .filepopLst li .btns a i { transition: 0.2s ease-in-out; } #filePop .filepopLst li .btns a:hover, #filePop .filepopLst li .btns a:focus { color: #000; background: #fff; } #filePop .filepopLst li .btns a:hover i, #filePop .filepopLst li .btns a:focus i { color: #000; } /* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/ .bbs_ViewA ~ .bbs_ViewA { margin-top: 4.5rem; } .bbs_ViewA h3 {padding:1.2rem 1rem; text-align:center; font-size:1.2rem; color:#111; border-top:2px solid #000000; font-weight: bold; border-bottom: 1px solid #ddd; } .bbs_ViewA h3 .comment {margin-right:5px; padding:3px 5px; vertical-align:middle; font-size:13px; font-weight: 200; color:#fff; background:#53709a;} .bbs_ViewA .bbsV_data {padding:0.85rem 1rem; line-height:0; font-size:0; text-align:center; background:#F8F8F8; display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; justify-content: center; margin-top: -1px; } .bbs_ViewA .bbsV_data li {position:relative; display:inline-block; font-size:0.9rem; line-height:1.4; color: #333333; } .bbs_ViewA .bbsV_data li strong {margin-right:1rem; color:#000000; font-weight: 500; position: relative; padding-left: 0.8rem; } .bbs_ViewA .bbsV_data li strong::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #C0C0C0; width: 0.3rem; height: 0.3rem; } .bbsV_cont {position:relative; margin:2.5rem 0;} .bbsV_cont img, .bbsV_cont video, .bbsV_cont iframe {max-width:100%;} .bbs_ViewA + .tbl_st { margin-top: 2.3rem; } /* 뷰페이지 에디터로 글 작성시 common.css 영향 받는 스타일 수정 */ .bbsV_cont ul {margin-left:20px; list-style-type:disc;} .bbsV_cont p { font-size: 0.8rem; } .bbsV_cont ul li {list-style-type:disc;} .bbsV_cont ol{margin-left:20px; list-style-type:decimal;} .bbsV_cont ol li {list-style-type:decimal;} .bbsV_cont b {font-weight:bold;} .bbsV_cont i { font-style:italic;} /* 사진게시판일 경우 */ .bbsV_cont .slider-view {width:100%; margin-bottom:1rem; overflow:hidden;} .bbsV_cont .slider-view .slick-slide { float:left; width:100%; height:auto; min-height:1px; vertical-align:middle; text-align:center;} .bbsV_cont .slider-view > div > a, .bbsV_cont .slider-view .slick-slide a { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; } .bbsV_cont .slider-view > div > a, .bbsV_cont .slider-view .slick-slide a { height: 15rem; } .bbsV_cont .slider-view .slick-slide.slick-current img {max-width:100%; height: 100%; } .bbsV_cont .slider-nav {position:relative; height:auto; padding:1rem 0; line-height:0; font-size:0; border:2px solid #efefef; overflow:hidden; margin: 1rem 0; } .bbsV_cont .slider-nav.sdOn { padding: 1rem 3.5rem; } .bbsV_cont .slider-nav .slick-slide { margin: 0 1rem; } .bbsV_cont .slider-nav .slick-slide {display:inline-block;} .bbsV_cont .slider-nav .slick-slide a{position:relative; height: 5.5rem; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; background:#eee; overflow:hidden;} /* .bbsV_cont .slider-nav .slick-slide img {position:absolute; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); } */ .bbsV_cont .slider-nav .slick-slide img { width:auto; height:100%; max-width: 100%; object-fit: contain; } .bbsV_cont .slider-nav .slick-slide img.vertImg{width:100%; height:auto;} .bbsV_cont .slider-nav .slick-slide a:hover:after, .bbsV_cont .slider-nav .slick-slide a:focus:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:4px solid #c8d1db; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .bbsV_cont .slider-nav .slick-slide.slick-current a:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:4px solid #044ca4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .bbsV_cont .slider-nav .slick-arrow {display:block; position:absolute; top:50%; width:40px; height:40px; transform: translateY(-50%); border-radius:20px; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbsV_cont .slider-nav .slick-prev {left:20px; background:#f2f2f2 url('/00_common/images/board/bbsV_Photo_prev.png') no-repeat center;} .bbsV_cont .slider-nav .slick-next {right:20px; background:#f2f2f2 url('/00_common/images/board/bbsV_Photo_next.png') no-repeat center;} .bbsV_cont .slider-nav .slick-prev:hover, .bbsV_cont .slider-nav .slick-prev:focus {background:#5042D5 url('/00_common/images/board/bbsV_Photo_prev_on.png') no-repeat center;} .bbsV_cont .slider-nav .slick-next:hover, .bbsV_cont .slider-nav .slick-next:focus { background:#5042D5 url('/00_common/images/board/bbsV_Photo_next_on.png') no-repeat center;} /* 동영상일 경우 */ .bbsV_cont .vdeNtsView { display: flex; align-items: center; justify-content: center; margin: 1rem 0; height: 20rem; } .bbsV_cont .vdeNtsView video, .bbsV_cont .vdeNtsView iframe { max-width: 100% !important; height: 100%; } /* 첨부파일 */ /* .bbsV_atchmnfl { margin-top: 2.5rem; } */ .bbsV_atchmnfl { border-top: 1px solid #D3D3D9; border-bottom: 1px solid #D3D3D9; margin-top: 2.5rem; background: #F8F9FB; } .bbsV_atchmnfl dl {position:relative; display: flex; } .bbsV_atchmnfl dt { position: relative; width:8.5rem; display: inline-flex; justify-content: center; padding: 0.95rem 0.75rem; } .bbsV_atchmnfl dt::before { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); height: 46.8%; width: 1px; background: #d3d3d9; } .bbsV_atchmnfl dt span {height:100%; font-size: 0.9rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; } .bbsV_atchmnfl dd {padding:0.7rem 0.875rem 0.7rem 1.75rem; width: calc(100% - 8.5rem); } .bbsV_atchmnfl dd ul.bbsV_file { display: flex; flex-wrap: wrap; gap: 0.5rem 2rem; padding-right: 0.875rem; max-height: 10.75rem; overflow-y: auto; } .bbsV_atchmnfl dd ul.bbsV_file li { display: flex; align-items: center; gap: 1rem; overflow: hidden; } .bbsV_atchmnfl dd ul.bbsV_file li > p { display: inline-block; line-height: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bbsV_atchmnfl dd ul.bbsV_file li > p > i { margin-right: 0.35rem; } .bbsV_atchmnfl dd ul.bbsV_file li .btns { margin: 0 !important; gap: 0.5rem; } .bbsV_atchmnfl dd ul.bbsV_file li .btns a { background: #373737; border: 1px solid #373737; color: #fff; justify-content: space-between; font-size: 0.7rem; font-weight: 600; font-family: 'NotoSansKR'; height: 1.75rem; min-width: 5.25rem; padding: 0 0.75rem; line-height: 1.75rem; } .bbsV_atchmnfl dd ul.bbsV_file li .btns a i { font-weight: 400; } .bbsV_atchmnfl dd ul.bbsV_file li a:hover, .bbsV_atchmnfl dd ul.bbsV_file li a:focus { color: #373737; background-color: #Fff; } .bbsV_atchmnfl dd ul.bbsV_downCO li {position:relative; margin:3px 0 0; padding-right:80px; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bbsV_atchmnfl dd ul.bbsV_downCO li span {margin-right:5px;} .bbsV_atchmnfl dd ul.bbsV_downCO li a {position:absolute; right:10px; top:0; display:block; padding:2px 10px; line-height:18px; font-size:13px; color:#fff; background:#99a3b0;} .bbsV_atchmnfl dd ul.bbsV_downCO li a:hover, .bbsV_atchmnfl dd ul.bbsV_downCO li a:focus {text-decoration:underline; background:#747f8c;} /* 200402 게시글 이동 추가 */ .bbsV_PostMove dl {position:relative; margin-top:3rem; padding:1.25rem 1.25rem 1.25rem 8.25rem; border:1px solid #CDCDCD; border-radius: 0.75rem; background:#F8F8F8;} .bbsV_PostMove dl dt {position:absolute; left:1.25rem; top:50%; transform: translateY(-50%); font-size: 0.9rem; font-weight: 500; color:#000;} .bbsV_PostMove dl dd {position:relative; padding-right:4rem;} .bbsV_PostMove dl dd select {width:100%; height:2.5rem; font-size:15px; line-height:2.5rem; vertical-align:middle; border:1px solid #DEDEE3; border-radius: 0.4rem; } .bbsV_PostMove dl dd .btn_PostMove {position:absolute; right:0; top:0; display:inline-flex; align-items: center; justify-content: center; width:3.5rem; height:2.5rem; color:#fff; border:1px solid #373737; background:#373737; border-radius: 0.5rem; font-weight: 500; font-size: 0.8rem; transition: 0.2s; } .bbsV_PostMove dl dd .btn_PostMove:hover, .bbsV_PostMove dl dd .btn_PostMove:focus { color: #373737; background-color: #fff; } /* 댓글 */ .bbsV_answer .bbsV_answInfo {position:relative; margin-top: 2rem; } .bbsV_answer .bbsV_answInfo p { font-weight: 500; color: #000; font-size: 0.9rem; display: inline-flex; align-items: center; border-radius: 5rem; background: #f3f3f3; border: 1px solid #e0e0e0; padding: 0.4rem 0.9rem; } .bbsV_answer .bbsV_answInfo p strong {color:#5D31FF; font-weight: 600; } .bbsV_answer .bbsV_answInfo p > span { margin-left: 0.75rem; padding-left: 0.75rem; position: relative; } .bbsV_answer .bbsV_answInfo p > span::before { position: absolute; content: ""; width: 1px; height: 0.75rem; background: #B5B5B5; left: 0; top: 50%; transform: translateY(-50%); } .bbsV_answer .bbsV_answInfo > span.txt { padding-left: 1.4rem; display: block; font-size: 0.8rem; font-weight: 400; color: #000000; position: relative; line-height: 1.1rem; margin-top: 0.75rem; } .bbsV_answer .bbsV_answInfo > span.txt::before { position: absolute; content: "\eca1"; left: 0; top: 0; font-size: 1.1rem; color: #5d31ff; } .bbsV_answer fieldset { min-inline-size: unset !important; } /* 댓글 입력 폼 */ .bbsV_answer .bbsV_answWrite .answer_nmpw {padding:10px 25px; overflow:hidden;} .bbsV_answer .bbsV_answWrite .answer_nmpw p label {margin-right:10px; font-weight: 400; color:#222;} .bbsV_answer .bbsV_answWrite .answer_nmpw p input {width:178px; height:28px; line-height:28px; font-size:14px; border:1px solid #e5e5e5;} .bbsV_answer .bbsV_answWrite .answer_nmpw p.answer_name {float:left;} .bbsV_answer .bbsV_answWrite .answer_nmpw p.answer_pw {float:right;} .bbsV_answer .bbsV_answWrite .answer_txt { margin-top: 1.25rem; height: 6rem; } .bbsV_answer .bbsV_answWrite .answer_txt textarea {width:100%; height: 100%; border: 1px solid #dedee3; background: #fafafa; padding: 0.75rem; color: #aaa; border-radius: 0.5rem; } .bbsV_answer .bbsV_answWrite .btns { margin: 0.75rem 0 1.75rem 0; } .bbsV_answer .bbsV_answWrite .btnRegist {display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #5d31ff; border-radius: 5rem; color: #5d31ff; padding: 0.5rem 0.75rem; min-width: 4.5rem; font-size: 0.8rem; font-weight: 600; } .bbsV_answer .bbsV_answWrite .btnRegist:hover, .bbsV_answer .bbsV_answWrite .btnRegist:focus {background:#5d31ff; color: #fff; } /* 댓글 첨부 */ .addFileWrap { margin-top: 0.75rem; width: 100%; } .addFileWrap strong { display: block; color: #000000; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.75rem; } .addFileWrap > ul { display: flex; border: 1px solid #DEDEE3; border-radius: 0.5rem; flex-wrap: wrap; gap: 0.5rem 1.5rem; padding: 0.75rem; width: 100%; } .addFileWrap > ul li { display: flex; align-items: center; gap: 1.4rem; overflow: hidden; } .addFileWrap > ul li > p { display: inline-flex; align-items: center; line-height: 1rem; overflow: hidden; flex: 1; } .addFileWrap > ul li > p a { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.8rem; } .addFileWrap > ul li > p i { margin-right: 0.5rem; font-size: 0.9rem; } .addFileWrap > ul li .btns { margin: 0 !important; display: inline-flex; align-items: center; gap: 0.5rem; } .addFileWrap > ul li .btns > a { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; border: 1px solid transparent; color: #fff; padding: 0 !important; min-width: auto !important; font-weight: 400; font-size: 0.9rem; } .addFileWrap > ul li .btns > a.btn_Preview { background: #3F3F3F; border-color: #3F3F3F; } .addFileWrap > ul li .btns > a.btn_Close { background: #E63B35; border-color: #E63B35; } .addFileWrap > ul li .btns > a.btn_Preview:hover, .addFileWrap > ul li .btns > a.btn_Preview:focus { background: #fff; color: #3f3f3f; } .addFileWrap > ul li .btns > a.btn_Close:hover, .addFileWrap > ul li .btns > a.btn_Close:focus { background: #fff; color: #E63B35; } .addFileWrap > ul li .btns > a i { line-height: 1; } /* 댓글 : 리스트 */ .bbsV_answer .bbsV_answList {padding: 0.25rem 0 2.25rem; border-top:1px dashed #CCCCCC; } .bbsV_answer .bbsV_answList:last-child { border-bottom: 1px solid #9F9F9F; } .bbsV_answer .bbsV_answList > li {position:relative;} .bbsV_answer .bbsV_answList > li { margin-top: 1.5rem; } .bbsV_answer .bbsV_answList > li dl dt { font-size: 0.9rem; font-weight: 600; color: #000000; line-height: 1.3rem; } .bbsV_answer .bbsV_answList > li dl dd { margin-top: 1.25rem; } .bbsV_answer .bbsV_answList > li dl dd:not(.bbsV_answWrite) { width:100%; min-height: 6rem; border: 1px solid #dedee3; background: #fafafa; padding: 0.75rem; color: #222; border-radius: 0.5rem; } .bbsV_answer .bbsV_answList > li dl dd.bbsV_answWrite { background: #fff; margin-top: 1.25rem; height: 6rem; border: none; } .bbsV_answer .bbsV_answList > li dl dd.bbsV_answWrite textarea { height: 100%; font-size: 0.8rem; font-weight: 500; color: #222; } .bbsV_answer .bbsV_answList > li.no_answer {color:#333; text-align:center; font-size:15px; font-weight: 400; border:1px solid #e5e5e5; border-top:none; background:url('/00_common/images/board/pt_diagonalG50.png') repeat;} .bbsV_answer .bbsV_answList > li > ul {position:relative; margin-top:15px; padding-left:30px; border-top:1px solid #e5e5e5;} .bbsV_answer .bbsV_answList > li > ul:before{content:''; position:absolute; top:0; left:0; width:10px; height:100%; padding-bottom:15px; background:url('/00_common/images/board/pt_diagonalg.png') repeat; border-radius:0 0 5px 5px;} .bbsV_answer .bbsV_answList > li > ul > li {position:relative; padding:15px 0; border-top:1px solid #e5e5e5;} .bbsV_answer .bbsV_answList > li > ul > li:first-child {border-top:0;} .bbsV_answer .bbsV_answList > li > ul > li dl dt {color:#274b9f;} /* 댓글 : 날짜 및 댓글달기, 수정, 삭제 버튼 */ .bbsV_answer .bbsV_answList li .answ_etc {position:absolute; right:0; top:0; display: flex; align-items: center; gap: 0.5rem; } .bbsV_answer .bbsV_answList li .answ_etc span.date { color: #000000; font-size: 0.8rem; font-weight: 400; margin-right: 1rem; } .bbsV_answer .bbsV_answList li .answ_etc a {display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 1.3rem; height: 1.3rem; } .bbsV_answer .bbsV_answList li .answ_etc a.btn_updt_mn { background: #3F3F3F; color: #fff; font-size: 0.75rem; } .bbsV_answer .bbsV_answList li .answ_etc a.btn_del_mn { background: #E8E8E8; color: #000; font-size: 0.8rem; } /* .bbsV_answer .bbsV_answList li .answ_etc a:hover, .bbsV_answer .bbsV_answList li .answ_etc a:focus {border:1px solid #111; } */ /* .bbsV_answer .bbsV_answList li .answ_etc a.btn_answer_mn { background:url('/00_common/images/board/btn_answer_mn.png') no-repeat;} .bbsV_answer .bbsV_answList li .answ_etc a.btn_updt_mn { background:url('/00_common/images/board/btn_updt_mn.png') no-repeat;} .bbsV_answer .bbsV_answList li .answ_etc a.btn_del_mn { background:url('/00_common/images/board/btn_del_mn.png') no-repeat;} */ /* 댓글 : 수정 및 댓댓글쓰기 */ .bbsV_answer .bbsV_answList li .bbsV_answWrite {margin-top:20px; border-top:1px solid #e5e5e5; background:#f7f7f7;} .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight {float:right; overflow:hidden;} .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight button {display:block; float:left; padding:15px 20px; line-height:20px; color:#fff;} .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi {background:#666;} .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi:hover, .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi:focus {background:#555;} .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel {background:#444;} .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel:hover, .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel:focus {background:#333;} /* 댓글 : 수정 및 삭제 시 패스워드 입력 */ .answer_updt {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(255,255,255,0.9);} .answer_updt p {margin:15px 0 5px; font-size:15px; color:#111; font-weight: 400;} .answer_updt input {width:200px; height:28px; line-height:28px; font-size:14px; vertical-align:middle; border:1px solid #ccc;} .answer_updt .btnCnfirm {display:inline-block; padding:5px 25px 4px; color:#fff; vertical-align:middle; border:1px solid #25282d; background:#41464e;} .answer_updt .btnCancl {display:inline-block; padding:5px 25px 4px; color:#fff; vertical-align:middle; border:1px solid #7d8489; background:#92999e;} /* 다음글 이전글 */ .bbsV_prne {margin-top:3.25rem; border-top: 1px solid #000000; border-bottom: 1px solid #000; } .bbsV_prne li { position:relative; border-bottom:1px solid #cfcfcf; display: flex; padding-right: 6rem; } .bbsV_prne li > em.date { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); color: #555; } .bbsV_prne li span { width:8rem; height:100%; display: inline-flex; align-items: center; justify-content: end; background: url('/00_common/images/board/bbsV_next.png') no-repeat 40px center; padding: 0.95rem 0.75rem; font-size: 0.9rem; font-weight: 600; } .bbsV_prne li + li span {background-image:url('/00_common/images/board/bbsV_prev.png');} .bbsV_prne li a {display:block; width: calc(100% - 8rem); color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding: 0.95rem 0.75rem; } .bbsV_prne li a:hover, .bbsV_bbsV_prne li a:focus {color:#333; text-decoration:underline; } /* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 Write ********************************************************************************************************************************************************************************************************************************/ /* 게시판 Write A */ .bbs_WriteA {font-size:14px; border-top:2px solid #505c78;} .bbs_WriteA table th {padding:13px 10px; color:#111; font-weight: 400; text-align:center; border-bottom:1px solid #eaecf1; background:#f9fafb; vertical-align: middle; } .bbs_WriteA table td {padding:13px 10px; border-bottom:1px solid #eaecf1;} .bbs_WriteA table td textarea {width:100%; height:300px; border:1px solid #ddd;} .bbs_WriteA table td input, .bbs_WriteA table td label {vertical-align:middle;} .bbs_WriteA .login_captcha .btn_refresh { margin: 0 !important; } .bbs_WriteA .login_captcha { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; } .bbs_WriteA .login_captcha > img, .bbs_WriteA .login_captcha input, .bbs_WriteA .login_captcha button, .bbs_WriteA .login_captcha a { border-radius: 0 !important; height: 2rem !important; } .bbs_WriteA .login_captcha .soundBox button { width: 100%; } /* 게시판 Write B */ .bbs_WriteB {font-size:14px; border-top:2px solid #505c78;} .bbs_WriteB > li {position:relative; display:table; table-layout:fixed; width:100%; border-bottom:1px solid #eaecf1;} .bbs_WriteB > li dl.tblDL {display:table-row; width:100%; } .bbs_WriteB > li dl.tblDL dt, .bbs_WriteB > li dl.tblDL dd {display:table-cell; vertical-align:middle;} .bbs_WriteB > li dl.tblDL dt {width:20%; padding:13px 10px; color:#111; font-weight: 400; text-align:left; background:#f9fafb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .bbs_WriteB > li dl.tblDL dd {width:80%; padding:13px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .bbs_WriteB > li.col2 dl.tblDL dd {width:30%;} .bbs_WriteB > li dl.tblDL dd textarea {width:100%; height:300px; border:1px solid #ddd;} .bbs_WriteB > li dl.tblDL dd input, .bbs_WriteB > li dl.tblDL dd label {vertical-align:middle;} .bbs_WriteB > li dl.bbsWFile2 {margin:13px 0;} /* 게시판 공통 : 필수입력, ※ 표시, 파일첨부 */ .essntl {margin:0 5px; color:#c81917; } /* 필수입력 */ .bbs_atte {position:relative; padding-left:16px; font-size:14px;}/* 부가설명 */ .bbs_atte:before {content:"※"; display:block; position:absolute; left:0; top:0;} /* 파일첨부 : Start ********************************************************************************************************************************************************************************************************************************/ /* 파일첨부1 : Write */ .bbsWFile {position:relative;} .bbsWFile input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0); overflow:hidden;} .bbsWFile input[readonly] {width:30%; background:#eee;} .bbsWFile label.bbsWBtn {cursor:pointer; display:inline-block; height:28px; padding:0 15px; line-height:28px; color:#555; border:1px solid #cdcdcd; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbsWFile label.bbsWBtn:hover, .bbsWFile label.bbsWBtn:focus{color:#fff; border:1px solid #394b61; background:#394b61; } /* 파일첨부2 : Write */ .bbsWFile2 {position:relative;} .bbsWFile2 dt {padding:10px 20px; font-size:17px; font-weight: 400; color:#fff; background:#394b61;} .bbsWFile2 dd#fileListDiv {padding:10px 20px; border:1px solid #ddd; border-top:none; background:#f9fafb;} .bbsWFile2 dd#fileListDiv p.bbs_atte {padding-bottom:10px;} .bbsWFile2 dd#fileListDiv ul {max-height:170px; padding:5px 10px; border:1px solid #ddd; background:#fff; overflow-y:auto;} .bbsWFile2 dd#fileListDiv ul li {position:relative; padding:10px 120px 10px 0; border-top:1px dotted #ddd;} .bbsWFile2 dd#fileListDiv ul li:first-child {border-top:none;} .bbsWFile2 dd#fileListDiv ul li span.fileName {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bbsWFile2 dd#fileListDiv ul li span.fileSize {position:absolute; right:25px; top:10px; font-size:14px; color:#666;} .bbsWFile2 dd#fileListDiv ul li a.delete {display:block; position:absolute; right:0; top:10px; width:17px; height:17px; text-indent:-10000em; background:#58687b url('/00_common/images/board/btn_bbsWFile_del.png') no-repeat center; border-radius:3px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbsWFile2 dd#fileListDiv ul li a.delete:hover, .bbsWFile2 dd#fileListDiv ul li a.delete:focus{background-color:#384350; } .bbsWFile2 dd#fileListDiv a.button_file {position:absolute; right:20px; top:7px; display:block; padding:4px 10px; color:#fff; font-size:14px; border:1px solid #fff; border-radius:3px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbsWFile2 dd#fileListDiv a.button_file:hover, .bbsWFile2 dd#fileListDiv a.button_file:focus {color:#222; background:#fff;} /* 파일첨부 : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 버튼 공통 : Start ********************************************************************************************************************************************************************************************************************************/ .btn_bbs {margin:20px 0; text-align:center;} .btn_bbs a {display:inline-block; margin:2px; padding:12px 30px; line-height:24px; font-size:15px; color:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .btn_bbs a span {position:relative; display:block; } .btn_bbs a span:before{content:''; position:absolute; bottom:0; left:50%; width:0px; height:1px; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .btn_bbs a:hover span:before {content:''; position:absolute; bottom:0; left:50%; width:100%; height:1px; margin-left:-50%;} .btn_bbs a.btn_bbs_Write {padding-left:55px; border:1px solid #007367; background:#00897b url('/00_common/images/board/btn_bbs_write.png') no-repeat 30px center;} .btn_bbs a.btn_bbs_Write:hover, .btn_bbs a.btn_bbs_Write:focus {background-color:#007367;} .btn_bbs a.btn_bbs_List {padding-left:55px; border:1px solid #00377b; background:#044ca4 url('/00_common/images/board/btn_bbs_list.png') no-repeat 30px center;} .btn_bbs a.btn_bbs_List:hover, .btn_bbs a.btn_bbs_List:focus {background-color:#00377b;} .btn_bbs a.btn_bbs_Del {padding-left:55px; border:1px solid #27374a; background:#394b61 url('/00_common/images/board/btn_bbs_del.png') no-repeat 30px center;} .btn_bbs a.btn_bbs_Del:hover, .btn_bbs a.btn_bbs_Del:focus {background-color:#27374a;} .btn_bbs a.btn_bbs_Bas {border:1px solid #5a6271; background:#727a88;} .btn_bbs a.btn_bbs_Bas:hover, .btn_bbs a.btn_bbs_Bas:focus {background:#5a6271;} .btn_bbs a.btn_bbs_BasL {padding:11px 29px; color:#444; border:2px solid #5a6271; background:#fff;} .btn_bbs a.btn_bbs_BasL:hover, .btn_bbs a.btn_bbs_BasL:focus {color:#044ca4; border-color:#044ca4; background:#f7f7f7;} .btn_bbs a.btn_bbs_BasL span:before {background:#044ca4;} /* 게시판 버튼 공통 : End ********************************************************************************************************************************************************************************************************************************/ /* 페이징 : Start ********************************************************************************************************************************************************************************************************************************/ /* 페이징 - 스킨A */ .bbs_pagerA {margin:2.5rem 0 1.5rem; text-align:center; line-height:0; font-size:0; } .bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong {display:inline-block; margin:0 0.5rem; border-radius:20px; vertical-align:middle;} .bbs_pagerA div {display:inline-block; margin:0 5px;} .bbs_pagerA .bbs_arr {width:1rem; height:1rem; line-height:1rem; text-indent:-10000em; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbs_pagerA .bbs_arr:hover, .bbs_pagerA .bbs_arr:focus {background-color:#f7f7f7; border-color:#b1b1b1; } /* .bbs_pagerA .bbs_arr.pgeL1:hover, .bbs_pagerA .bbs_arr.pgeL1:focus, .bbs_pagerA .bbs_arr.pgeL2:hover, .bbs_pagerA .bbs_arr.pgeL2:focus {background-position:-3px center;} .bbs_pagerA .bbs_arr.pgeR1:hover, .bbs_pagerA .bbs_arr.pgeR1:focus, .bbs_pagerA .bbs_arr.pgeR2:hover, .bbs_pagerA .bbs_arr.pgeR2:focus {background-position:3px center;} */ .bbs_pagerA .pgeL1 {background:url('/00_common/images/board/bbs_PAarrL1.png') no-repeat center;} .bbs_pagerA .pgeL2 {background:url('/00_common/images/board/bbs_PAarrL2.png') no-repeat center;} .bbs_pagerA .pgeR1 {background:url('/00_common/images/board/bbs_PAarrL1.png') no-repeat center; transform: rotate(180deg); } .bbs_pagerA .pgeR2 {background:url('/00_common/images/board/bbs_PAarrL2.png') no-repeat center; transform: rotate(180deg); } .bbs_pagerA .bbs_pge_num {min-width:1rem; height:1rem; line-height:1rem; font-size:0.75rem; color: #ACACAC; } .bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus {color:#000;} .bbs_pagerA strong { position: relative; } .bbs_pagerA strong::before { position: absolute; content: ""; bottom: -0.15rem; left: 50%; transform: translateX(-50%); width: calc(100% - 0.3rem); height: 2px; background: #000000; min-width: .7rem; } .bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {color:#000; } /* color */ /* 페이징 - 스킨B */ .bbs_pagerB {margin:20px 0; text-align:center; line-height:0; font-size:0; } .bbs_pagerB a, .bbs_pagerB span, .bbs_pagerB strong {display:inline-block; padding:0; margin:0; vertical-align:middle;} .bbs_pagerB div {display:inline-block; margin:0 5px; border:1px solid #bfbfbf;} .bbs_pagerB .bbs_arr {width:33px; height:33px; margin:0 2px; line-height:33px; text-indent:-10000em; border:1px solid #bfbfbf; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .bbs_pagerB .bbs_arr:hover, .bbs_pagerB .bbs_arr:focus {background-color:#f7f7f7; border-color:#b1b1b1; } .bbs_pagerB .bbs_arr.pgeL1:hover, .bbs_pagerB .bbs_arr.pgeL1:focus, .bbs_pagerB .bbs_arr.pgeL2:hover, .bbs_pagerB .bbs_arr.pgeL2:focus {background-position:-3px center;} .bbs_pagerB .bbs_arr.pgeR1:hover, .bbs_pagerB .bbs_arr.pgeR1:focus, .bbs_pagerB .bbs_arr.pgeR2:hover, .bbs_pagerB .bbs_arr.pgeR2:focus {background-position:3px center;} .bbs_pagerB .pgeL1 {background:url('/00_common/images/board/bbs_PBarrL1.png') no-repeat center;} .bbs_pagerB .pgeL2 {background:url('/00_common/images/board/bbs_PBarrL2.png') no-repeat center;} .bbs_pagerB .pgeR1 {background:url('/00_common/images/board/bbs_PBarrR1.png') no-repeat center;} .bbs_pagerB .pgeR2 {background:url('/00_common/images/board/bbs_PBarrR2.png') no-repeat center;} .bbs_pagerB .bbs_pge_num {min-width:33px; height:33px; line-height:33px; font-size:15px; border-left:1px solid #bfbfbf;} .bbs_pagerB .bbs_pge_num:first-child {border-left:none;} .bbs_pagerB .bbs_pge_num:hover, .bbs_pagerB .bbs_pge_num:focus {color:#555; background:#ededed;} .bbs_pagerB strong.bbs_pge_num, .bbs_pagerB strong.bbs_pge_num:hover, .bbs_pagerB strong.bbs_pge_num:focus {position:relative; color:#fff; font-weight: 400; background:#044ca4; } /* color */ .bbs_pagerB strong.bbs_pge_num:before {content:""; display:block; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #044ca4;} /* 페이징 : End ********************************************************************************************************************************************************************************************************************************/ /* 비밀번호 찾기 : Start *******************************************************************************************************************************************************************************************************/ .pwCnfirm_box {max-width:600px; margin:0 auto; padding:45px; text-align:center; border:1px solid #bfbfbf;} .pwCnfirm_box label {display:block; margin-bottom:10px; padding-top:120px; font-size:14px; background:url('/00_common/images/board/ico_pwCnfirm.png') no-repeat center top;} .pwCnfirm_box input {width:100%; height:43px; padding:0 15px; line-height:43px; font-size:14px; border:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .pwCnfirm_box p {margin-top:10px; line-height:0; font-size:0;} .pwCnfirm_box p a {display:inline-block; width:49%; height:40px; margin:2px 0.5%; font-size:14px; line-height:38px; color:#fff; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .pwCnfirm_box p .btn_pwCnfirmB {border:1px solid #00397f; background:#044ca4;} .pwCnfirm_box p .btn_pwCnfirmB:hover {background-color:#00397f;} .pwCnfirm_box p .btn_pwCnfirmG {border:1px solid #8e939b; background:#a5aab1;} .pwCnfirm_box p .btn_pwCnfirmG:hover {background-color:#8e939b;} /* 비밀번호 찾기 : End *******************************************************************************************************************************************************************************************************/ .tchid .btns a { flex: none !important; width: 100%; max-width: none !important; } .btns [class^="btn"].new { position: relative; padding-right: 1.5rem !important; } .btns [class^="btn"].new::before { position: absolute; content: "N"; top: 50%; transform: translateY(-50%); right: 0.5rem; display: inline-flex; width: 0.75rem; height: 0.75rem; font-size: 0.5rem; font-weight: 600; border: 1px solid #304793; background: #fff; color: #304793; border-radius: 50%; align-items: center; justify-content: center; line-height: 1 !important; } /* 게시판 상세페이지 팝업 */ #photoViewDiv{height:auto !important; max-height:90vh; } @media screen and (max-width: 1640px) { .bbs_ListA table colgroup { display: none; } .bbs_ListA.reactTb td.btnBox .btns a { flex: none; } } @media screen and (max-width: 1440px) { /* 사진형게시판목록 - 스킨A */ .bbs_PhotoA li { width: calc((100% - 4.4rem) / 3); } .bbs_PhotoA li a .img img { max-width: 100%; height: 100%; } } @media screen and (max-width: 1300px) { /* 테이블 스크롤 */ div[class*='bbs_ListA'].scroll_gr::-webkit-scrollbar { height: 10px; } div[class*='bbs_ListA'].scroll_gr { width:100%; overflow-x:auto; background-repeat:no-repeat; background-image:linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-position:right 5px; background-size:30px 100%; z-index:1; } div[class*='bbs_ListA'].scroll_gr table:not(div[class*='bbs_ListA'].scroll_gr td table) { width:100px; min-width:1200px; } .bbs_srch { padding: 1.25rem; gap: 0.5rem 1rem; } } @media screen and (max-width:1000px){ /* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/ /* PDF게시판목록 - 스킨A */ .bbs_PDF li {width:49%; } .bbs_PDF li:nth-child(3n) {margin-right:2%;} .bbs_PDF li:nth-child(2n) {margin-right:0;} .bbs_PDF li:nth-child(n+3) {margin-top:20px;} /* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/ /* 사진게시판일 경우 .bbsV_cont .slider-nav {height:150px; padding:0 80px;} .bbsV_cont .slider-nav .slick-slide {width:24%; height:110px; margin:20px 0.5%;} */ /* .bbsV_cont .slider-nav .slick-list {margin: 0 2.5rem;} */ /* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 Write : Start ********************************************************************************************************************************************************************************************************************************/ .bbs_WriteA table th {width:30%; } .bbs_WriteA table td .bbs_atte {display:block;} .bbs_WriteB dl.tblDL dd .bbs_atte {display:block;} /* 게시판 Write : End ********************************************************************************************************************************************************************************************************************************/ /* 파일첨부 : Start ********************************************************************************************************************************************************************************************************************************/ /* 파일첨부1 : Write */ .bbsWFile {padding-right:75px;} .bbsWFile input[readonly] {width:100%;} .bbsWFile label.bbsWBtn {position:absolute; right:0; top:0; padding:0 10px;} /* 파일첨부2 : Write */ .bbsWFile2 dt {padding:10px;} .bbsWFile2 dd#fileListDiv {padding:10px;} .bbsWFile2 dd#fileListDiv a.button_file {right:10px;} /* 파일첨부 : End ********************************************************************************************************************************************************************************************************************************/ /* 사진형게시판목록 - 스킨A */ .bbs_PhotoA { gap: 1.5rem 1.75rem; } .bbs_PhotoA li { width: calc((100% - 3.5rem) / 3); } } @media screen and (max-width:900px){ /* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/ /* 게시판 리스트 상단 */ .bbs_srch .srchLyt, .bbs_srch .srchLyt input { min-width: auto; width: 100%; flex: none; } /* 사진형게시판목록 - 스킨B */ /* 게시판 view */ .bbs_ViewA ~ .bbs_ViewA { margin-top: 3rem; } .bbs_ViewA + .tbl_st { margin-top: 1.75rem; } .bbs_ViewA h3 { padding: 0.85rem 1rem; font-size: 1.1rem; } .bbs_ViewA .bbsV_data { padding: 0.55rem 1rem; gap: 0.5rem 1.5rem; } .bbs_ViewA .bbsV_data li { font-size: 0.85rem; } .bbs_ViewA .bbsV_data li strong { margin-right: 0.75rem; } /* 다음글 이전글 */ .bbsV_prne li span { padding: 0.75rem; font-size: 0.85rem; width: 6rem; background-size: 0.6rem; justify-content: center; background-position: center left 1rem; } .bbsV_prne li a { padding: 0.75rem; width: calc(100% - 6rem); } /* 첨부파일 */ .bbsV_atchmnfl dt { width: 6.5rem; padding: 0.75rem; } .bbsV_atchmnfl dd { width: calc(100% - 6.5rem); padding: 0.5rem 0.75rem 0.5rem 1.5rem; } .bbsV_atchmnfl dd ul.bbsV_file { padding-right: 0.75rem; } .bbsV_atchmnfl dt span { font-size: 0.85rem; } /* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/ } @media screen and (max-width:800px){ /* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/ .gallBrd, [class^="box_st"] + .srchWrap { margin-top: 2rem; } /* 반응형 게시판 */ .reactTb table colgroup { display: none !important; } .reactTb table tr { display: flex; width: 100%; flex-wrap: wrap; gap: 0.25rem 0.5rem; } .reactTb table th, .reactTb table td { padding: 0.75rem !important; text-align: center !important; line-height: 1.15rem; } .tchid .btns a { width: auto !important; } /* 게시판 리스트 A */ .bbs_ListA.reactTb thead { display: none; } .bbs_ListA.reactTb tr { border-bottom: 1px solid #D3D3D9; padding: 1rem; } .bbs_ListA.reactTb th, .bbs_ListA.reactTb td { border: none; text-align: start !important; } .bbs_ListA.reactTb td { padding: 0 0 0 1.35rem !important; position: relative; } .bbs_ListA.reactTb td::before { position: absolute; content: ""; left: 0.65rem; top: 0.42rem; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #848484; } .bbs_ListA.reactTb table tbody td span.new { width: 1.35rem; height: 1.35rem; font-size: 0.7rem; } .bbs_ListA.reactTb td.num { margin: 0 0 0.5rem 0 !important; padding: 0 !important; font-size: 0.9rem; min-width: 1.35rem; height: 1.35rem; text-align: center !important; line-height: 1; display: inline-flex; align-items: center; justify-content: center; line-height: 1.35rem; max-width: 3.25rem; order: -2; } .bbs_ListA.reactTb td.title { width: calc(100% - 3.75rem); overflow: hidden; margin: 0 0 0.5rem 0 !important; padding: 0 !important; font-size: 0.9rem; line-height: 1.35rem; order: -1; } .bbs_ListA table tbody td.inFile, .bbs_ListA.reactTb td.num::before, .bbs_ListA.reactTb td.title::before { display: none; } .bbs_ListA.reactTb td.noTxt { display: none !important; } .bbs_ListA.reactTb td.stateBox { padding: 0 !important; width: 100% !important; margin-top: 0.15rem; } .bbs_ListA table tbody td .btns { justify-content: start; } .bbs_ListA.reactTb td.stateBox::before { display: none !important; } .bbs_ListA.reactTb td.stateBox span.state { height: 1.5rem; min-width: 3.5rem; width: auto !important; } .bbs_ListA.reactTb td.btnBox { padding: 0 !important; width: 100% !important; } .bbs_ListA.reactTb td.btnBox::before { display: none !important; } .bbs_ListA.reactTb td.imgBox { padding: 0 !important; width: 100% !important; margin-bottom: 0.25rem; order: -1; } .bbs_ListA.reactTb td.imgBox::before { display: none !important; } .bbs_ListA.reactTb td.btnBox a { height: 1.5rem !important; min-width: 3.5rem !important; } .bbs_ListA table tbody td.title a > span.stte { height: 1.35rem; } /* .bbs_ListA table tbody td.title a p { margin: 0 0.35rem 0 0.5rem; max-width: calc(100% - 3.9rem); } */ .bbs_ListA table tbody td.title a p { font-size: 0.9rem; } /* 첨부파일 레이어 */ .file_lyrBox {position:inherit;} .file_lyrBox .file_lyr {top:70px; max-width:100%; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* 글쓰기 */ .bbs_WriteA.reactTb table colgroup, .bbs_WriteA.reactTb table thead { display: none; } .bbs_WriteA.reactTb table tr { display: flex; flex-direction: column; width: 100%; } .bbs_WriteA.reactTb table th, .bbs_WriteA.reactTb table td { width: 100%; } .bbs_WriteA .login_captcha { justify-content: center; } .bbs_WriteA .login_captcha input { flex: 1; min-width: auto !important; } /* 사진형게시판목록 상단 : 공통 */ .bbs_Photo_top {padding:20px;} .bbs_Photo_top a .img {width:100%; float:none;} .bbs_Photo_top .txt {width:100%; height:auto; float:none;} .bbs_Photo_top .txt a.more_view {position:relative; right:auto; bottom:auto; margin:20px auto 0;} /* 사진형게시판목록 - 스킨C */ .bbs_PhotoC li a .img {width:32%;} .bbs_PhotoC li a .img ~ dl {width:65%;} /* 이미지가 없을 경우 */ /* 사진형게시판목록 - 스킨A */ .bbs_PhotoA { gap: 1.5rem; } .bbs_PhotoA li { width: calc((100% - 3rem) / 3); } .bbs_PhotoA li a .img { height: 8.25rem; } .bbs_PhotoA li a .txt { padding: 0.5rem 0.75rem 0.85rem; } .bbs_PhotoA li a .txt .bot { margin-top: 0.5rem; } /* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/ /* 페이징 : Start ********************************************************************************************************************************************************************************************************************************/ /* 페이징 - 스킨A */ .bbs_pagerA .bbs_pge_num {display:none;} .bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {display:inline-block; min-width:auto; background:none;} .bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong { margin: 0 !important; } .bbs_pagerA div a.bbs_pge_num:last-child {display:inline-block; min-width:auto; padding-left:15px; background:url('/00_common/images/board/bbs_pgeNum_mb.png') no-repeat 4px center;} .bbs_pagerA strong::before { min-width: 0.5rem; } /* 페이징 - 스킨B */ .bbs_pagerB div {border:none;} .bbs_pagerB .bbs_pge_num {display:none;} .bbs_pagerB strong.bbs_pge_num, .bbs_pagerB strong.bbs_pge_num:hover, .bbs_pagerB strong.bbs_pge_num:focus {display:inline-block; min-width:auto; color:#044ca4; background:none;} /* color */ .bbs_pagerB div a.bbs_pge_num:last-child {display:inline-block; min-width:auto; padding-left:15px; margin-left:5px; border-left:none; background:url('/00_common/images/board/bbs_pgeNum_mb.png') no-repeat 4px center;} .bbs_pagerB strong.bbs_pge_num:before {display:none;} /* 페이징 : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/ /* 사진게시판일 경우 .bbsV_cont .slider-nav {padding:0 70px;} .bbsV_cont .slider-nav .slick-slide {width:32%;} */ .bbs_ListA table tbody td.new a { width: 100%; } /* 200402 게시글 이동 추가 */ .bbsV_PostMove dl {margin-top: 2rem; padding: 1rem; } .bbsV_PostMove dl dt {position:relative; transform: none; width: 100%; left: auto; top: auto; } .bbsV_PostMove dl dd {margin-top:0.5rem;} .bbsV_PostMove dl dd select, .bbsV_PostMove dl dd .btn_PostMove { height: 2.25rem; line-height: 2.25rem; } .bbsV_answer .bbsV_answInfo { margin-top: 1.5rem; } .bbsV_answer .bbsV_answInfo p { padding: 0.3rem 0.75rem; font-size: 0.85rem; } .bbsV_answer .bbsV_answInfo p > span { padding-left: 0.5rem; margin-left: 0.5rem; } .bbsV_answer .bbsV_answWrite .answer_txt, .bbsV_answer .bbsV_answList > li dl dd:not(.bbsV_answWrite), .bbsV_answer .bbsV_answList > li dl dd.bbsV_answWrite textarea { height: 5rem; font-size: 0.75rem; } .bbsV_answer .bbsV_answWrite .answer_txt, .bbsV_answer .bbsV_answList > li dl dd:not(.bbsV_answWrite), .bbsV_answer .bbsV_answList > li dl dd.bbsV_answWrite { margin-top: 1rem; } .bbsV_answer .bbsV_answWrite .answer_txt textarea { font-size: 0.75rem; } .bbsV_answer .bbsV_answWrite .btnRegist { padding: 0.35rem 0.5rem; } .bbsV_answer .bbsV_answWrite .btns { margin: 0.75rem 0 1.5rem; } .bbsV_answer .bbsV_answList { padding: 0.25rem 0 2rem; } .bbsV_answer .bbsV_answList li .answ_etc span.date { margin-right: 0.5rem; } .bbsV_answer .bbsV_answList > li { margin-top: 1.25rem; } .bbs_ListA table tbody td span.notice { height: 1.35rem; } /* 댓글 : 수정 및 삭제 시 패스워드 입력 */ .answer_updt input {width:50%; } .answer_updt .btnCnfirm, .answer_updt .btnCancl {padding:5px 15px 4px;} /* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 버튼 공통 : Start ********************************************************************************************************************************************************************************************************************************/ .btn_bbs a {padding:12px 15px;} .btn_bbs a.btn_bbs_Write, .btn_bbs a.btn_bbs_List, .btn_bbs a.btn_bbs_Del {padding-left:40px; background-position:15px center;} .btn_bbs a.btn_bbs_BasL {padding:11px 14px;} /* 게시판 버튼 공통 : End ********************************************************************************************************************************************************************************************************************************/ .bbs_FaqA li.noDate, .bbs_PhotoB li.noDate { font-size: 0.8rem; } .bbs_srch.typeB { justify-content: start; } .bbs_srch.typeB select { width: 8.25rem; } .bbs_srch.typeB .srchLyt { flex: 1; width: auto; } .addFileWrap > ul { gap: 0.35rem 1rem; } .addFileWrap > ul li { gap: 0.75rem; } .addFileWrap > ul li .btns > a { width: 1.4rem; height: 1.4rem; font-size: 0.8rem; } } @media screen and (max-width:768px){ /* 게시판 리스트 상단 */ .bbs_srch { margin-bottom: 1.85rem; } .bbs_srch .dateWrap, .bbs_srch .selBox { width: 100%; } .bbs_srch .dateWrap .dateBox { gap: 0.5rem; } .bbs_srch .selBox.typeB select { flex: none !important; width: calc((100% - 0.5rem) / 2) !important; } .bbs_srch .dateWrap .dateBox, .bbs_srch .dateWrap .dateBox input, .bbs_srch .selBox select { flex: 1; min-width: auto !important; width: auto !important; } /* 사진형게시판목록 - 스킨A */ .bbs_PhotoA { gap: 1.5rem; } .bbs_PhotoA li { width: calc((100% - 1.5rem) / 2); } .bbs_WriteA .login_captcha > img, .bbs_WriteA .login_captcha input, .bbs_WriteA .login_captcha button, .bbs_WriteA .login_captcha a { height: 1.85rem !important; } .bbs_PhotoB li a .img { width: 100%; } .bbs_PhotoB li a .img p { width: 100%; height: 8.5rem; } .bbs_PhotoB li a { gap: 0; padding: 1.5rem 0; } .bbs_PhotoB li a dl { flex: none; width: 100%; padding: 0; margin-top: 1rem; } .bbs_PhotoB li a .cont { height: auto; max-height: 3rem; margin: 0.75rem 0 1rem; } .bbs_PhotoB li a dt { line-height: 1.3rem; font-size: 1rem; } .bbs_PhotoB li.new a dt { padding-left: 1.75rem; } .bbs_PhotoB li.new a dt::before { width: 1.3rem; height: 1.3rem; font-size: 0.75rem; } .pageInBttn .btns a.btnIco { padding: 0.35rem 1.5rem 0.35rem 0.9rem !important; } /* 사진게시판일 경우 */ .bbsV_cont .slider-nav .slick-slide { margin: 0 0.5rem; } .bbsV_cont .slider-view > div > a, .bbsV_cont .slider-view .slick-slide a { height: 12.5rem; } .bbsV_cont .vdeNtsView { height: 17.5rem; } } @media screen and (max-width:700px){ /* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/ /* PDF게시판목록 - 스킨A */ .bbs_PDF li {width:100%; margin-right:0 } .bbs_PDF li:nth-child(3n) {margin-right:0;} .bbs_PDF li:nth-child(n+2) {margin-top:20px;} /* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/ } @media screen and (max-width:600px){ /* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/ /* 사진형게시판목록 - 스킨B */ /* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/ .bbs_ViewA h3 { padding: 0.75rem; } .bbs_ViewA .bbsV_data { justify-content: start; } .bbsV_atchmnfl dt { width: 5.5rem; padding: 0.5rem; } .bbsV_atchmnfl dd { padding: 0.5rem 0.5rem 0.5rem 1rem; width: calc(100% - 5.5rem); } .bbsV_atchmnfl dd ul.bbsV_file { padding-right: 0.5rem; max-height: 7.75rem; } .bbsV_atchmnfl dd ul.bbsV_file li > p { width: auto; flex: 1; max-width: none; } .bbsV_atchmnfl dd ul.bbsV_file li { width: 100%; justify-content: space-between; } .bbsV_atchmnfl dd ul.bbsV_file li .btns a { height: 1.5rem; padding: 0 0.5rem; line-height: 1.5rem; font-size: 0.65rem; min-width: auto !important; gap: 0.35rem; } /* 다음글 이전글 */ .bbsV_prne li { padding: 0; } .bbsV_prne li span { padding: 0.5rem; font-size: 0.8rem; width: 4.5rem; background-size: 0.5rem; background-position: center left 1rem; justify-content: end; } .bbsV_prne li a { padding: 0.5rem; width: calc(100% - 4.5rem); } .bbsV_prne li > em.date { display: none; } /* 사진게시판일 경우 .bbsV_cont .slider-nav {padding:0 60px;} .bbsV_cont .slider-nav .slick-slide {width:49%;} */ .bbsVPho_Cntrl a {width:30px; height:30px; margin-top:-15px;} .bbsVPho_Cntrl.prev a {left:15px;} .bbsVPho_Cntrl.next a {right:15px;} /* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 Write : Start ********************************************************************************************************************************************************************************************************************************/ /* 게시판 Write B */ .bbs_WriteB > li {display:block; table-layout:auto; border-bottom:1px solid #eaecf1;} .bbs_WriteB > li:before {content:''; display:block; position:absolute; top:0px; left:0px; width:110px; height:100%; background:#f9fafb;} .bbs_WriteB > li dl.tblDL {position:relative; display:block; overflow:hidden; z-index:2;} .bbs_WriteB > li dl.tblDL dt, .bbs_WriteB > li dl.tblDL dd {display:block;} .bbs_WriteB > li dl.tblDL dt {position:relative; width:110px; float:left;} .bbs_WriteB > li dl.tblDL dd, .bbs_WriteB > li.col2 dl.tblDL dd {width:100%; padding:13px 10px 13px 120px;} .bbs_WriteB > li.col2 dl dt, .bbs_WriteB > li.col2 dl dd {border-top:1px solid #eaecf1;} .bbs_WriteB > li.col2 dl dt:first-child, .bbs_WriteB > li.col2 dl dd:nth-last-child(3) {border:none;} /* 게시판 Write : End ********************************************************************************************************************************************************************************************************************************/ /* 파일첨부 : Start ********************************************************************************************************************************************************************************************************************************/ /* 파일첨부2 : Write */ .bbsWFile2 dd#fileListDiv ul {height:105px;} .bbsWFile2 dd#fileListDiv ul li {padding:4px 20px 4px 0;} .bbsWFile2 dd#fileListDiv ul li span.fileName {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .bbsWFile2 dd#fileListDiv ul li span.fileSize {position:relative; right:auto; top:auto;} .bbsWFile2 dd#fileListDiv a.button_file {right:10px;} /* 파일첨부 : End ********************************************************************************************************************************************************************************************************************************/ } @media screen and (max-width:500px){ /* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/ /* 사진형게시판목록 상단 : 공통 */ .bbs_Photo_top a .img {height:200px} /* 사진형게시판목록 - 스킨C */ .bbs_PhotoC li {height:auto;} .bbs_PhotoC li a .img {width:100%; float:none;} .bbs_PhotoC li a .img ~ dl {width:100%; float:none;} /* 이미지가 없을 경우 */ /* FAQ - 스킨A */ /* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/ /* 200402 게시글 이동 추가 */ /* .bbsV_PostMove dl dd {padding-right:0;} .bbsV_PostMove dl dd .btn_PostMove {position:relative; right:auto; top:auto; width:100%; height:40px; margin-top:5px; box-sizing:border-box;} */ /* 댓글 */ /* 댓글 입력 폼 */ .bbsV_answer .bbsV_answWrite .answer_nmpw p {position:relative; width:100%; margin:1px 0; padding-left:60px; float:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .bbsV_answer .bbsV_answWrite .answer_nmpw p label {position:absolute; left:0; top:0; display:inline-block; width:60px;} .bbsV_answer .bbsV_answWrite .answer_nmpw p input {width:100%;} /* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/ } @media screen and (max-width: 480px) { /* 게시판 리스트 상단 */ .bbs_srch .dateWrap { flex-direction: column; align-items: start; gap: 0.5rem; } .bbs_srch .dateWrap .dateBox { width: 100%; } .bbs_srch { padding: 1rem; } /* 페이지 안내 */ .pageInBttn { gap: 0.5rem; } .pageInBttn .pageinfo { flex: none; } .bbs_WriteA .login_captcha .soundBox, .bbs_WriteA .btn_refresh { width: 100%; } .bbsV_atchmnfl dl { flex-wrap: wrap; padding: 0.75rem; } .bbsV_atchmnfl dt { width: 100%; padding: 0; justify-content: start; padding-bottom: 0.5rem; } .bbsV_atchmnfl dt::before { width: 100%; height: 1px; transform: none; left: 0; bottom: 0; top: auto; } .bbsV_atchmnfl dd { padding: 0; width: 100%; margin-top: 0.75rem; } .bbsV_atchmnfl dd ul.bbsV_file li > p { width: auto; flex: 1; max-width: none; } .bbsV_atchmnfl dd ul.bbsV_file li { width: 100%; justify-content: space-between; gap: 1rem; } .bbsV_atchmnfl dd ul.bbsV_file li .btns a { padding: 0; line-height: 1; font-size: 0; text-indent: -999px; gap: 0; border-radius: 50%; width: 1.5rem; justify-content: center; align-items: center; } .bbsV_atchmnfl dd ul.bbsV_file li .btns a i { font-size: 0.8rem; text-indent: 0; } /* 다음글 이전글 */ .bbsV_prne li { padding: 0; } .bbsV_prne li span { padding: 0.5rem; font-size: 0.8rem; width: 4.5rem; background-size: 0.5rem; background-position: center left 1rem; justify-content: end; } .bbsV_prne li a { padding: 0.5rem; width: calc(100% - 4.5rem); } .bbsV_prne li > em.date { display: none; } /* 게시판 리스트 A */ .bbs_ListA.reactTb tr { padding: 0.75rem 0.5rem; } .bbs_ListA.reactTb td { font-size: 0.75rem; } .bbs_ListA.reactTb td::before { top: 0.44rem; } .bbs_ListA.reactTb td.title, .bbs_ListA.reactTb td.num { font-size: 0.85rem; margin-bottom: 0.35rem !important; } .bbs_ListA.reactTb td.title { margin-bottom: 0.35rem !important; } .addFileWrap > ul { padding: 0.5rem 0.5rem; } /* 사진형게시판목록 - 스킨A */ .bbs_PhotoA { gap: 1rem; } .bbs_PhotoA li { width: calc((100% - 1rem) / 2); } .bbsV_cont { margin: 1.85rem 0; } .bbs_PhotoB li a { padding: 1.25rem 0; } .bbs_PhotoB li a .cont { max-height: 2.7rem; margin: 0.5rem 0 0.75rem; line-height: 1.35rem; } /* FAQ */ #filePop .filepopLst li .btns a { width: 1.5rem; height: 1.5rem; border-radius: 50%; text-indent: -999px; font-size: 0; justify-content: center; min-width: auto !important; padding: 0 !important; } #filePop .filepopLst li .btns a i { text-indent: 0; font-size: 0.8rem; } .bbs_srch.typeB select { width: 100%; } .bbs_srch.typeB .srchLyt { flex: none; width: 100%; } .bbs_ListA table tbody td.title a p { font-size: 0.85rem; } .bbs_ViewA h3 { font-size: 1rem; } .page-size-control, .page-size-control select { width: 100% !important; } /* 사진게시판일 경우 */ .bbsV_cont .slider-nav .slick-slide a { height: 5rem; } .bbsV_cont .slider-nav .slick-slide.slick-current a:after { border-width: 3px; } .bbsV_cont .slider-nav .slick-arrow { width: 1.85rem; height: 1.85rem; } .bbsV_cont .slider-nav .slick-next { right: 0.75rem; } .bbsV_cont .slider-nav .slick-prev { left: 0.75rem; } .bbsV_cont .slider-nav.sdOn { padding: 1rem 3rem; } .bbsV_cont .slider-view > div > a, .bbsV_cont .slider-view .slick-slide a { height: 10rem; } .bbsV_cont .vdeNtsView { height: 12.5rem; } .bbs_srch .srchLyt input { padding: 0 0.75rem; width: calc(100% - 3.5rem) !important; } .bbs_srch .srchLyt > button { top: 0 !important; bottom: auto !important; right: 0 !important; width: 3rem; } } @media screen and (max-width: 420px) { /* 사진형게시판목록 - 스킨A */ .bbs_PhotoA li { width: 100%; } } @media screen and (max-width:380px){ /* 게시판 리스트 상단 */ .bbs_srch { margin-bottom: 1.35rem; } .bbs_srch .selBox.typeB select { width: 100% !important; } .bbsV_answer .bbsV_answInfo { margin-top: 1.25rem; } .bbsV_answer .bbsV_answInfo p { padding: 0.3rem 0.5rem; min-width: auto; font-size: 0.75rem; } .bbsV_answer .bbsV_answWrite .answer_txt, .bbsV_answer .bbsV_answList > li dl dd:not(.bbsV_answWrite), .bbsV_answer .bbsV_answList > li dl dd.bbsV_answWrite textarea { height: 5rem; font-size: 0.7rem; } .bbsV_answer .bbsV_answWrite .answer_txt, .bbsV_answer .bbsV_answList > li dl dd:not(.bbsV_answWrite), .bbsV_answer .bbsV_answList > li dl dd.bbsV_answWrite { margin-top: 0.75rem; } .bbsV_answer .bbsV_answWrite .answer_txt textarea { font-size: 0.7rem; } .bbsV_answer .bbsV_answWrite .btnRegist { padding: 0.25rem 0.4rem; } .bbsV_answer .bbsV_answWrite .btns { margin: 0.5rem 0 1.25rem; } .bbsV_answer .bbsV_answList { padding: 0.15rem 0 1.75rem; } /* .bbsV_answer .bbsV_answList li .answ_etc span.date { margin-right: 0.5rem; } */ .bbsV_answer .bbsV_answInfo > span.txt { font-size: 0.75rem; line-height: 1rem; padding-left: 1.25rem; } .bbsV_answer .bbsV_answInfo > span.txt::before { font-size: 1rem; } /* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/ /* 사진게시판일 경우 .bbsV_cont .slider-nav {height:110px; padding:0 45px;} .bbsV_cont .slider-nav .slick-slide {width:49%; height:70px;} */ .bbsVPho_Cntrl.prev a {left:10px;} .bbsVPho_Cntrl.next a {right:10px;} /* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/ /* 게시판 리스트 A */ .bbs_ListA table tbody td span.new { font-size: 0.6rem !important; } .bbs_ListA table tbody td span.new { width: 1.15rem !important; height: 1.15rem !important; } .bbs_ListA.reactTb td.num { min-width: 1.15rem; height: 1.15rem; } .bbs_ListA table tbody td span.notice { height: 1.15rem; font-size: 0.65rem; } /* .bbs_ListA.reactTb td.title { width: calc(100% - 1.65rem); } */ .bbs_ListA table tbody td.title a > span.stte { height: 1.15rem; } .bbs_ListA.reactTb td.title { line-height: 1.15rem; } /* FAQ */ #filePop .filepopLst { margin-top: -0.5rem; } #filePop .filepopLst li { padding: 0.5rem 0 0.5rem 1rem; } .bbsV_PostMove dl dt { font-size: 0.8rem; } .bbsV_PostMove dl dd select, .bbsV_PostMove dl dd .btn_PostMove { height: 2rem; line-height: 2rem; } .bbsV_PostMove dl dd .btn_PostMove { width: 100%; margin-top: 0.25rem; position: unset; } .bbsV_PostMove dl dd { padding: 0; } } @media screen and (max-width:320px){ }