/*List*/ div.boardListContainer { position:relative; color:#454545; margin:0 auto; } div.boardListContainer select { } div.boardListContainer fieldset { border:none; } div.boardListContainer fieldset legend { display:none; } div.boardListContainer a { color:#575757;text-decoration:none; } div.boardListContainer img { border:none; vertical-align:middle; } div.boardListContainer div.boardList { overflow:hidden; } div.boardListContainer div.boardList div.boardListTitle { float:left; padding:0 0 0 2px; line-height:40px; font-size:15px; font-weight:normal; color:#898989;} div.boardListContainer div.boardList div.boardListTitle strong{color:#555;} div.boardListContainer div.boardList div.boardListRightTitle { padding:0 3px 0 0; text-align:right; } div.boardListContainer div.boardList div.boardListRightTitle form.categoryForm { display:inline; margin:0; padding:0; } div.boardListContainer div.boardList div.boardListRightTitle form.categoryForm fieldset { display:inline; margin:0; padding:0; border:none; } div.boardListContainer div.boardList div.boardListRightTitle form.categoryForm fieldset legend { display:none; } div.boardListContainer div.boardList div.boardListRightTitle form.categoryForm select{min-width:150px;font-size:15px; height:35px; line-height:35px;} div.boardListContainer div.boardList table { margin:0; word-wrap:break-all; clear:both; margin-top:10px;} div.boardListContainer div.boardList table caption { display:none; } div.boardListContainer div.boardList table thead { } div.boardListContainer div.boardList table thead tr th {color: #222; font-weight:400; text-align:center; padding:13px 10px 11px 10px; border-top:2px #222 solid; border-bottom:1px #555 solid; } div.boardListContainer div.boardList table thead tr th span { } div.boardListContainer div.boardList table thead tr th.first {background-image:none; } div.boardListContainer div.boardList table thead tr th.first span { border-left:none; } div.boardListContainer div.boardList table thead tr th.last {} div.boardListContainer div.boardList table tbody tr{} div.boardListContainer div.boardList table tbody tr td {color: #575757; padding:15px 10px 14px 10px; border-bottom:1px solid #dadada; text-align:center; vertical-align:middle;} div.boardListContainer div.boardList table tbody tr:first-child{background:none;} div.boardListContainer div.boardList table tbody tr td.num { } div.boardListContainer div.boardList table tbody tr td.title { text-align:left; vertical-align:middle; font-size:16px; } div.boardListContainer div.boardList table tbody tr td.title strong{color:#2C4251;} div.boardListContainer div.boardList table tbody tr td.title span{color:#C0C0C0;} div.boardListContainer div.boardList table tbody tr td.title div a:hover{} div.boardListContainer div.boardList table tbody tr td.author div.gall img { } div.boardListContainer div.boardList table tbody tr td.author{color:#575757; } div.boardListContainer div.boardList table tbody tr td.rdate { white-space:nowrap;color:#575757; } div.boardListContainer .rnum { color:#707070; } div.boardListContainer div.manageButton { margin-top:20px; font-size:14px;} div.boardListContainer div.boardSearch {margin:0px; padding:15px 10px; text-align:center; margin-top:30px; background-color: #f7f8f9;} div.boardListContainer div.boardSearch form { margin:0; padding:0; } div.boardListContainer div.boardSearch form fieldset {display: flex;margin:0;align-items: center;justify-content: center;} div.boardListContainer div.boardSearch select { border:1px solid #dadada; padding:0px 10px; line-height:40px;vertical-align:top; height:40px;color:#464646; padding:0 0 0 10px; width:100px} div.boardListContainer div.boardSearch input[type="text"] { box-sizing:border-box; border:none; border:1px solid #dadada; height:40px; width:calc(100% - 230px); margin:0;vertical-align:top; padding:0;} div.boardListContainer div.boardSearch input[type="button"].search , div.boardListContainer div.boardSearch input[type="submit"].search{width: 75px;background-color:#979797;color:#fff;height:40px;outline:none;border:none;cursor:pointer;} div.boardListContainer div.boardButton { margin-top:20px; padding:0; text-align:right;vertical-align:top; } .no_post{font-size:16px; text-align:center !important; padding:140px 0px 30px 0px !important; background: url('../images/gj/content/nodata.png') no-repeat center 25px !important; background-size: 105px auto !important; width:100% !important;} span.bar{color:#ccc; padding:0px 5px;} /*View*/ div.boardViewContainer { position:relative; color:#000; margin:0 auto; } div.boardViewContainer hr { display:none; } div.boardViewContainer select, div.boardViewContainer textarea { } div.boardViewContainer fieldset { margin:0; padding:0; border:none; } div.boardViewContainer fieldset legend { display:none; } div.boardViewContainer a { color:#000; text-decoration:none; } div.boardViewContainer img { border:none; vertical-align:middle; } div.boardViewContainer div.boardViewTitle { position:relative; } div.boardViewContainer div.boardViewTitle h3 { margin:2px; padding:20px 10px; border-bottom:1px solid #dadada; } div.boardViewContainer div.boardViewTitle ul { list-style:none; margin:0; padding:0; font-size:15px;} div.boardViewContainer div.boardViewTitle ul li.rdate { position:absolute; top:6px; right:10px; } div.boardViewContainer div.boardViewTitle ul li.author { margin:0 4px; padding:8px 0 8px 4px; border-bottom:1px solid #dadada; } div.boardViewContainer div.boardViewTitle ul li.readnum { position:absolute; top:38px; right:12px; } div.boardViewContainer div.pnlAttachedImage {text-align:center; margin:10px 0px 30px 0px;} div.boardViewContainer div.boardViewContent { min-height:100px; word-break:break-all; text-align:left; padding:10px 0px 50px; color:#575757;} div.boardViewContainer div.boardViewContent p, div.boardViewContainer div.boardViewContent span{ color:#575757;} div.boardViewContainer div.boardViewBottom { margin:0 10px 3px 0; color:#aaa; font-size:11px; text-align:right; } div.boardViewContainer .boardViewFile a{ color:#757575 !important; vertical-align:middle;} div.boardViewContainer .boardViewFile p { margin:0; padding:2px 0; } div.boardViewContainer .boardViewFile p img { vertical-align:bottom; } div.boardViewContainer div.boardPrev { padding:15px 0px; border-bottom:1px solid #ddd; vertical-align:middle; } div.boardViewContainer div.boardNext { padding:15px 0px; border-bottom:1px solid #ddd; vertical-align:middle; } div.boardViewContainer div.boardPrev span, div.boardViewContainer div.boardNext span { padding-right:10px;} div.boardViewContainer div.boardPrev span{ font-weight:500; color: #999;background: url('../images/gj/content/th.gif') no-repeat right center;} div.boardViewContainer div.boardNext span{font-weight:500; color: #999;background: url('../images/gj/content/th.gif') no-repeat right center;} div.boardViewContainer div.boardPrev a, div.boardViewContainer div.boardNext a { padding-left:10px; padding:15px; } div.boardViewContainer div.boardButton {margin-top:30px; text-align:right; vertical-align:middle; position:relative; overflow:hidden; } div.boardViewContainer div.boardButton a{cursor:pointer; display:inline-block;position:relative; overflow:hidden; margin:0px 2px; min-width:100px; height:45px; line-height:43px; box-sizing:border-box; padding:0 15px; z-index:0; background:#fff; border:1px solid #cdcdcd; color:#444 !important;text-align:center; vertical-align:top; transition:all 0.4s ease-out 0.1s;} div.boardViewContainer div.boardButton a:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:-1; width:120%; height:110%; background:#262520; transform:translateX(-120%) skew(-15deg); transition:transform 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s;} div.boardViewContainer div.boardButton a:hover:before, div.boardViewContainer div.boardButton a:focus:before{background:#262520; transform:translateX(-10%) skew(-15deg) perspective(500px);} div.boardViewContainer div.boardButton a:hover, div.boardViewContainer div.boardButton a:focus{color:#fff !important; box-shadow:0px 10px 15px rgba(0,0,0,0.15);} div.boardCommentContainer { margin-top:40px; margin-bottom:70px; box-sizing:border-box;position:relative; } div.boardCommentContainer h4.cmt_tit{padding-bottom:20px;border-bottom:1px solid #eee;} div.boardCommentContainer div.boardComment {padding:20px 0px; border-bottom:1px solid #eee;box-sizing:border-box;} div.boardCommentContainer div.boardComment div.pnlCmt { position:relative; margin-bottom:10px; } div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle { position:relative; margin:0; padding:0; } div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle img { vertical-align:middle; } div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dt.commentTitleRight { position:absolute; top:0; right:0; color:#999; font-size:15px; } div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dt.commentTitleRight a{color:#999;text-decoration:underline !important; margin-left:5px;} div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dt.commentTitleRight img { } div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dd { margin-top:20px; padding:0; color:#888; } div.boardCommentContainer div.boardManage{padding:10px; box-sizing:border-box; margin-bottom:10px; font-size:15px;} div.boardCommentContainer div.boardManage a{margin:0px 5px;} div.boardCommentContainer div.boardManage a.lnkBtnHideComment, div.boardCommentContainer div.boardManage a.lnkBtnDeleteComment, div.boardCommentContainer div.boardManage a.lnkBtnCancelComment{text-decoration:underline !important; color:#D44515;} div.boardCommentContainer div.boardManage a.lnkBtnHideComment{margin-left:15px;} div.boardCommentContainer div.boardManage a.lnkBtnCmtManage{position:relative;} div.boardCommentContainer div.boardManage a.lnkBtnCmtManage:before{content : ""; display : block; position : absolute; left : -20px; top:0; width :18px; height : 18px; background: url('../images/admin/menu/re.gif') no-repeat 0 0; } div.boardCommentContainer form {padding:0; } div.boardCommentContainer input, div.boardCommentContainer img { vertical-align:middle; } div.boardCommentContainer img { border:none; } div.boardCommentContainer div.pnlFrmCmt { margin-top:50px;} div.boardCommentContainer div.pnlFrmCmt, div.boardCommentContainer div.pnlFrmEditCmt, div.boardCommentContainer div.pnlFrmReplyCmt { position:relative; } div.boardCommentContainer input[type="text"], div.boardCommentContainer input[type="password"] { border:1px solid #D2D2D2; padding:3px; } div.boardCommentContainer textarea { width:100%; padding:20px;box-sizing:border-box; border:none;} div.boardCommentContainer p.smallButtons { position:absolute; top:13px; right:0; margin:0; padding:0; vertical-align:top;} div.boardCommentContainer .authorField{overflow:hidden; position:relative;} div.boardCommentContainer .authorField dl{overflow:hidden;} div.boardCommentContainer .authorField dt{float:left; margin-right:10px; height:40px; line-height:40px;} div.boardCommentContainer .authorField dd{float:left;} div.boardCommentContainer table td{border:1px solid #ddd;} div.boardCommentContainer table td input{height:40px; line-height:40px;} div.boardCommentContainer table td input.submit{background:#486888; color:#fff; border:none; height:60px; line-height:60px; padding:0px 30px; cursor:pointer;} div.boardCommentContainer table td strong{padding:15px 20px; display:inline-block;} div.boardCommentContainer div.boardComment .commentInputTop p.smallButtons{font-size:15px;} div.boardCommentContainer div.boardComment .commentInputTop p.smallButtons a{color:#999;text-decoration:underline !important; vertical-align:top;} div.boardCommentContainer div.boardComment .commentInputTop p.smallButtons input{border:none; background:none;color:#999; outline:none; font-size:15px; text-decoration:underline; line-height:1.0; height:auto; vertical-align:top; margin-right:10px;} div.boardCommentContainer div.boardComment .commentInputBody textarea{border:1px solid #ddd; margin-top:10px;} div.boardCommentContainer div.boardComment div.pnlFrmReplyCmt { margin-top:20px; padding:20px; background:#f4f4f4; } div.boardCommentContainer div.boardComment div.pnlFrmReplyCmt p { } div.boardCommentContainer div.boardComment div.pnlFrmReplyCmt .authorField{overflow:hidden; padding:0px;} div.boardCommentContainer div.boardComment div.pnlFrmReplyCmt .authorField dt{margin-left:15px;} div.boardCommentContainer div.boardComment div.pnlFrmEditCmt{padding:20px; background:#f4f4f4; } div.boardCommentContainer .mainComment .authorField{padding:10px 20px;} .tb03{table-layout: fixed; } .tb03 thead th{color: #000; font-weight:500; padding:15px 20px 14px 20px; text-align:center; border-top: 2px solid #222;font-size:20px; line-height:1.2; border-bottom: 1px solid #dadada; background-color:#F4F4F9;} .tb03 strong{font-weight:normal; margin-right:10px; color:#2F4550;} .tb03 thead td{ border-bottom: 1px solid #dadada; padding:12px 0px; color:#808080;text-align:center;} .tb03 thead td.th{background: url('../images/gj/content/th.gif') no-repeat right center; padding:12px 0px 12px 20px; text-align:left;} .tb03 tbody th {font-weight: bold; padding:15px 0px 14px 0px; border-bottom: 1px solid #dadada; text-align:left; padding-left:15px;} .tb03 tbody td{ color: #000; padding:15px 0px 14px 0px; vertical-align:middle;border-bottom: 1px solid #dadada; } .tb03 td.t_left{text-align: left;} .tb03 tbody td input.input_style{border:none; border:1px solid #dadada;height:25px;} .tb03 tbody .no_br{border-bottom:none;} .tb03 thead td span{color:#eee; padding:0 .5rem;} .tb03 thead td .afile{position:relative; padding-left:60px;} .tb03 thead td .afile p{position:absolute; left:0; top:0; font-weight:normal;} .tb03 thead td .afile li{ display:inline-block; margin-left:.5rem; padding-left:.5rem; position:relative;} .tb03 thead td .afile li a{color:#898989;} .tb03 thead td .afile li:first-child{margin:0; padding:0;} .tb03 thead td .afile li:before{content : "/"; display : block; position : absolute; left : -0.3rem; top:0; color:#b4b4b4;} .tb03 thead td .afile li:nth-child(1):before{display:none;} .tb03 thead td .afile li a:hover{color:#004F9C;} a.lnkAttachedImage img{margin:5px 0px;} /*Write*/ div.boardWriteContainer { position:relative; color:#1b1b1b; margin:0 auto; } div.boardWriteContainer h3 { width:100%; margin:2px; padding:6px 0 6px 10px; border:1px solid #dadada; background:linear-gradient(180deg, #fefefe 0%, #eee 100%); behavior:url(/css/htc/PIE-1.0.0/PIE.htc); -pie-background: linear-gradient(#fefefe, #eee); } div.boardWriteContainer form { margin:0; padding:0; } div.boardWriteContainer select, div.boardWriteContainer textarea { } div.boardWriteContainer fieldset { margin:0; padding:0; border:none; } div.boardWriteContainer fieldset legend { display:none; } div.boardWriteContainer img { border:none; vertical-align:middle; } div.boardWriteContainer table { margin:0 3px; table-layout: fixed; } div.boardWriteContainer table caption { display:none; } div.boardWriteContainer table tr { border-bottom:1px dotted #dadada; } div.boardWriteContainer table tr.trBoardSubject, div.boardWriteContainer table tr.trBoardContent { border:none; } div.boardWriteContainer table th, div.boardWriteContainer table td { padding:3px 0; } div.boardWriteContainer table th {color: #1b1b1b;font-weight:500;padding: 15px 5px 14px 5px;text-align:center;border-bottom: 1px solid #dadada;background-color:#f8f8f8;word-break: break-all;} div.boardWriteContainer table th.t_row{ border-top:2px solid #111111; } div.boardWriteContainer table td.t_row{ border-top:2px solid #111111; } div.boardWriteContainer table td{color: #1b1b1b; padding:15px 10px 14px 10px; border-bottom: 1px solid #dadada; text-align:center; vertical-align:middle;} div.boardWriteContainer table td input[type="text"], div.boardWriteContainer table td input[type="password"], div.boardWriteContainer table td textarea { border:1px solid #dadada; vertical-align:middle;} div.boardWriteContainer table th input, div.boardWriteContainer table td input{border:none; border:1px solid #dadada; vertical-align:middle; padding-left:5px;} div.boardWriteContainer table td img { border:none; vertical-align:middle; } div.boardWriteContainer table th.t_left, div.boardWriteContainer table td.t_left{text-align:left;} div.boardWriteContainer table td span{color: #1b1b1b; font-weight:bold;} div.boardWriteContainer div.boardButton { margin-top:30px;text-align:center; vertical-align:middle; } div.boardWriteContainer div.boardButton input[type="image"] { vertical-align:middle;margin:0px 5px; border:none; } div.boardWriteContainer table td input[type="file"]{-webkit-appearance: none; -moz-appearance: none; appearance:none; box-shadow:none; outline:none; padding:0; max-width:100%;} div.boardWriteContainer table td input[type="checkbox"]{margin-left:10px; margin-right:5px; vertical-align:middle; line-height:1.0;} div.boardWriteContainer table td label{line-height:1.0; vertical-align:middle; } div.boardWriteContainer table td select{width:150px; margin-right:5px;} div.boardWriteContainer table td input[type='text'].captcha{width:calc(100% - 150px);} div.boardWriteContainer table td input.hasDatepicker{background: url('../images/gj/content/cal.png') no-repeat 95% center; background-size:20px auto;} .list_input { display:flex; flex-direction:column; gap:5px; } .list_label_input { display:flex; justify-content: space-between; gap:5px; } /*Auth*/ div.boardAuthContainer { position:relative; color:#393939; font-size:16px; text-align:center;margin:0 auto; } div.boardAuthContainer img { border:none; vertical-align:middle; } div.boardAuthContainer div.boardAuth {} div.boardAuthContainer div.boardAuth h3 {font-size:17px;font-weight:500; margin-top:20px;} div.boardAuthContainer div.boardAuth form { margin:0; text-align:center;} div.boardAuthContainer div.boardAuth fieldset { margin:0; padding:0; margin:0 auto; vertical-align:middle; } div.boardAuthContainer div.boardAuth fieldset legend { display:none; } div.boardAuthContainer div.boardAuth fieldset input[type="password"] { padding:2px 10px; border:1px solid #d0d0d0; width:380px; height:44px; font-size:16px;} div.boardAuthContainer div.boardAuth fieldset input[type="image"] { vertical-align:middle; cursor:pointer; margin:0px 5px; border:none;} div.boardAuthContainer div.input{ margin-bottom:30px; margin-top:15px;} /*Select*/ div.boardSelectContainer { position:relative; color:#333; } div.boardSelectContainer img { border:none; vertical-align:middle; } div.boardSelectContainer div.boardSelect { width:500px; margin:50px auto; background:#fff; border:1px solid #ddd; box-shadow:0 0 8px #eee;} div.boardSelectContainer div.boardSelect h3 { margin:0px; padding:10px 10px; border-bottom:1px solid #ddd; font-weight:700; text-align:center; background:#f6f6f6; } div.boardSelectContainer div.boardSelect form { margin:0; padding:40px 0 40px; text-align:center; } div.boardSelectContainer div.boardSelect fieldset { margin:0; padding:0; border:none; vertical-align:middle; } div.boardSelectContainer div.boardSelect fieldset legend { display:none; } div.boardSelectContainer div.boardSelect fieldset select{min-width:250px; margin-top:20px;} div.boardSelectContainer div.boardSelect div.boardBut{margin-top:30px;} div.boardSelectContainer div.boardSelect div.boardBut .button{margin:0px 2px;} /*ErrorMessage*/ div.boardErrMsgContainer { position:relative; color:#333; font-size:16px; text-align:center;padding-top:50px; border-top:2px solid #3a70bd; } div.boardErrMsgContainer img { border:none; vertical-align:middle; } div.boardErrMsgContainer div.boardErrMsg { margin-bottom:30px; border-bottom:1px solid #dbd2d5; padding-bottom:40px; } div.boardErrMsgContainer div.boardErrMsg h3 { margin:0px;font-size:25px; font-weight:bold; color:#333; margin-bottom:20px;} div.boardErrMsgContainer div.boardErrMsg p { margin-top:20px; text-align:center; } div.boardErrMsgContainer div.boardErrMsgButton { text-align:center; } /*Common*/ a.shadeButton { margin:0 5px; display:block; padding:10px 20px; border-radius:5px; background-color:#094f8e; float:right; color:#fff; } /*페이징 */ .boardPageNav {width: 100%;text-align: center; position: relative;overflow: hidden; margin:30px 0;min-height:50px;} .boardPageNav ul{display:inline-block; zoom:1;*display:inline;} .boardPageNav ul li{display:inline;} .boardPageNav ul li a{display:block;float:left;width: 40px;height: 40px;border: 1px #ddd solid;box-sizing:border-box;font-weight:normal;line-height: 38px;padding:0 !important;color:#aaa;margin: 0px 2px 2px;} .boardPageNav ul li.br a{border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; } .boardPageNav ul li:last-child a{border-right: 1px #ddd solid; } .boardPageNav ul li.first a{background: url('../images/gj/content/btn_first.png') no-repeat center center; background-size:12px auto;} .boardPageNav ul li.prev a{background: url('../images/gj/content/btn_prev.png') no-repeat center center; background-size:8px auto;} .boardPageNav ul li.prev_on a{background: url('../images/gj/content/btn_prev.png') no-repeat center center; background-size:8px auto;} .boardPageNav ul li.next_on a{background: url('../images/gj/content/btn_next.png') no-repeat center center; background-size:8px auto;} .boardPageNav ul li.next a{background: url('../images/gj/content/btn_next.png') no-repeat center center; background-size:8px auto;} .boardPageNav ul li.last a{background: url('../images/gj/content/btn_last.png') no-repeat center center; background-size:12px auto;} .boardPageNav strong a, div.boardPageNav strong {background: #fff; color: #0c084c; font-weight: bold; width:100%; height:100%; display:block; position:relative;} div.boardPageNav strong:before{content : ""; display : block; position : absolute; left : 0; bottom:0; width :100%; height : 2px; background : #0c084c;} /* FAQ */ .tbfold{table-layout:fixed; word-break:keep-all;} .tbfold tr{border-top:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;} .tbfold th{padding:25px 20px; font-size:20px;} .tbfold td{text-align:left;padding:10px;} .tbfold td div{padding:30px 20px 30px 0px; line-height:1.6;} .tbfold tr.subTr{background:#F5F5F5; vertical-align:top; display:none;} .tbfold tr.subTr th{padding-top:45px;} .tbfold tr.openTr{cursor:pointer;} .tbfold tr.active{background:#F5F5F5; } .tbfold td a{margin-left:10px; position:relative; z-index:10;} .boardListTitle{margin-bottom:15px; } .board_list_wrap{border-top:2px solid #888; border-bottom:2px solid #888;} table.board_list{width:100%;table-layout:fixed; background-color:#fff;} table.board_list > thead > tr > th{height:50px;color:#333; background:#EBEBEB;border-left:1px solid #C9C9C9;vertical-align:middle;text-align:center} table.board_list > tbody > tr{border-top:1px solid #C9C9C9;} table.board_list > tbody > tr:first-child{border-top:none;} table.board_list > tbody > tr > td{height:20px;padding:15px 20px; color:#888;line-height:20px;border-left:1px solid #e6e6e6;vertical-align:middle;text-align:center} table.board_list > thead > tr > th:first-child, table.board_list > tbody > tr > td:first-child{border-left:none} table.board_list > tbody > tr > td a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } table.board_list > tbody > tr > td a:hover { color:#f17a7a; } @media (max-width:767px){ /* 검색 */ div.boardListContainer .bor_top{margin-bottom:1.5rem; padding: 0.5rem 1rem;} div.boardListContainer .bor_top div{width:55%;} div.boardListContainer div.boardSearch select{width:5rem;} div.boardListContainer div.boardSearch input[type="text"] { width:calc(100% - 70%); } /* 일반게시판 */ div.boardListContainer div.boardList table{border-top:2px solid #555;} div.boardListContainer div.boardList table, div.boardListContainer div.boardList table thead, div.boardListContainer div.boardList table tbody, div.boardListContainer div.boardList table th, div.boardListContainer div.boardList table td, div.boardListContainer div.boardList table tr {display: block; } div.boardListContainer div.boardList table thead tr {position: absolute;top: -9999px;left: -9999px;} div.boardListContainer div.boardList table tr {border-bottom:1px solid #ddd; padding:.75rem .5rem;} div.boardListContainer div.boardList table tbody tr td {border: none;position: relative; padding:5px 0px; text-align: left;} div.boardListContainer div.boardList table tbody tr td{display: inline-block; margin-right:1rem;} div.boardListContainer div.boardList table tbody tr td.num{display:none;} div.boardListContainer div.boardList table tbody tr td.title{width:100%; font-weight:500; font-size:1.15rem; letter-spacing:-0.03rem;} div.boardListContainer div.boardList table tbody tr td.nopost{display:block; text-align:center;} div.boardListContainer div.boardList table tbody tr:hover{background:none;} div.boardViewContainer div.boardPrev { font-size: .85rem;} div.boardViewContainer div.boardNext { font-size: .85rem;} div.boardWriteContainer table td select{margin:0.5rem 0; margin-right:calc(100% - 150px); ;} div.boardWriteContainer table td input[type="file"]{margin:0.3rem 0;} div.boardViewContainer div.boardViewTitle .Viewtit h3{width:100%; font-size:1.2rem;} div.boardViewContainer div.boardViewTitle h3 strong{display:block;} div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap{position:absolute; right:1rem; top:.75rem; font-size:0.7rem; line-height:1.0;} div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span{display:inline-block; width:1.5rem;vertical-align:middle; } div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span a{height:1.5rem; line-height:1.5rem;} div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span i{line-height:1.5rem !important;} div.boardViewContainer div.boardViewTitle .ViewDetail ul li{font-size:0.85rem; padding-left:0.5rem; margin-left:0.5rem;} .tb03 thead td .afile li{display:block; margin:0; padding:0;} .tb03 thead td .afile li:before{display:none;} } @media all and (max-width:768px){ /* ****************************************************** 03. table *******************************************************/ /* 게시판 테이블 */ table.board_list{display:block;} table.board_list > colgroup, table.board_list > colgroup > col {display:none;} table.board_list > thead, table.board_list > thead > tr > th{display:none;} table.board_list > tbody{display:block;} table.board_list > tbody > tr{display:block;display:flex;width:100%;align-items:center;} table.board_list > tbody > tr{border-top:1px solid #e6e6e6;} table.board_list > tbody > tr:first-child{border-top:none;} table.board_list > tbody > tr > td{display:none;width:0;height:auto;padding:18px 10px;line-height:18px;border-left:none;flex-grow:1;overflow:hidden;} table.board_list .board_list_data{display:block !important;flex-grow:3; text-align:left;} table.board_list .board_list_address{display:block !important;flex-grow:3;padding:15px 0;} table.board_list .board_list_date{display:block !important;flex-grow:1} table.board_list .border_list_none{display:block !important;flex-grow:1;padding:15px 0;} } @media all and (max-width:524px){ div.boardGalleryContainer div.boardList div.galleryList ul.item li{width:50%;} } #gall_ul {display:flex;flex-wrap:wrap;margin:12px -12px 0;padding:0;list-style:none;zoom:1} #gall_ul .sound_only {display:none;} #gall_ul:after {display:block;visibility:hidden;clear:both;content:""} .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding:12px;*padding-left:0;*padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .gall_row .col-gn-0,.gall_row .col-gn-1 {width:100%} .gall_row .col-gn-2 {width:50%} .gall_row .col-gn-3 {width:33.33333333%} .gall_row .col-gn-4 {width:25%} .gall_row .col-gn-5 {width:20%} .gall_row .col-gn-6 {width:16.66666667%} .gall_row .col-gn-7 {width:14.28571428%} .gall_row .col-gn-8 {width:12.5%} .gall_row .col-gn-9 {width:11.11111111%} .gall_row .col-gn-10 {width:10%} .search-container {padding:80px 0;position: relative;width: 700px;margin: 0 auto;display: flex;gap: 15px;} .search-container button {position: absolute;right: 17px;top:50%;transform:translateY(-50%);} .sch_input {padding:12px 17px;height:55px;border: 2px solid #ddd;border-radius: 5px;background: #fff;} .sch_input::placeholder{text-align: left;font-family:"NotoKr_M", sans-serif; color:#666;} .sch_input:focus{text-align: left;border-color: #000;} input[type="text"]:not(:focus) {text-align: left;} #bo_cate_on{background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);} #bo_cate ul {zoom:1;} .btn_bo_user > li {position: relative;} .btn_bo_user{place-content: center;align-items:flex-start;} .icon-wrap {position: absolute;right: 0;top: 0;font-size: 20px;color: #000;} .new_icon {font-size:14px;font-family: 'Poppins_SB', sans-serif;color: #fff;width: 20px;height: 20px;display: block;text-align: center;line-height: 20px;background: var(--main-color);} .icon-wrap .fa-download:before {content: "\eb7c";font-family: xeicon;} .icon-wrap .fa-link:before {content: "\e9c0";font-family: xeicon;} .fa-lock:before {content: "\e964";font-family: xeicon;} .cnt_cmt {color: var(--main-color);} .bo-list-wrap {flex-wrap: wrap;} .gallery{position:relative;cursor: pointer;} .gallery > a {display: block;width: 100%;height: 100%;} .gallery .gw-gall-line {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0px solid;transition: all .3s;} .gallery .gall_img{border:1px solid #ddd;} .gallery .gall_img > a:hover .gw-gall-line{border-width:10px;border-color:#74add9;} .gallery .gall_con{padding:20px;position:relative;border:1px solid #ddd;box-shadow:0 15px 10px rgba(34, 34, 34, .02);background: #fff;} .gallery .gall_img{position:relative;display: block;overflow: hidden;} .gallery .gall_img > a {display: block;width: 100%; height:100%;} .gallery .gall_img > a > img {object-fit: cover;width: 100%;height: 100%;} .gallery .gall_chk {position: absolute;right: 20px;top: 20px;z-index: 1;} .gallery .content {position:relative;padding-top: 20px;background: #fff;padding-top:20px;display: flex;flex-direction: column;place-content: center;min-height: 115px;} .gallery .bo_cate_link .sticky02{transition: all .3s;} .gallery:hover .bo_cate_link .sticky02{background: var(--main-color);color: #fff;} .bo_tit {position:relative;font-size: var(--main-title04);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden; min-height:50px;} .gall_info {border-top: 1px solid #ddd;gap: 5px;flex-wrap: wrap;justify-content: space-between;} .gall_info > li{flex-shrink: 0;} .gall_info a {color: #666;} .gall_info .sv {display: none;} .profile_img{display: none;} .gw-empty-list{border-top: 2px solid #000;} .gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;} .gw-empty-list > h3 {font-size: var(--main-title03);} .no_image {background: #ddd;} .none{display:none;} .gw-flex{display: flex;align-items: center;} .gw-flex-btw {display:flex;justify-content:space-between;align-items: center;flex-wrap: wrap;} .gw-flex-cnt {display:flex; justify-content:center;} .gw-column {display: flex;flex-direction: column;} .gw-row {display: flex;flex-flow: row;flex-wrap: wrap;} .gw-rel{position: relative;} .gw-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .gw-row-center{position:absolute;left:50%;transform:translateX(-50%);} .gw-column-center{position:absolute;top:50%;transform:translateY(-50%);} .gw-gap-03{gap: 3px;} .gw-gap-05{gap: 5px;} .gw-gap-10{gap: 10px;} .gw-gap-15{gap: 15px;} .gw-gap-20{gap: 20px;} /* 마진 */ .gw-mt-3 {margin-top: 3px !important;} .gw-mt-5 {margin-top: 5px !important;} .gw-mt-10 {margin-top: 10px !important;} .gw-mt-12 {margin-top: 12px !important;} .gw-mt-15 {margin-top: 15px !important;} .gw-mt-20 {margin-top: 20px !important;} .gw-mt-25 {margin-top: 25px !important;} .gw-mt-30 {margin-top: 30px !important;} .gw-mt-32 {margin-top: 32px !important;} .gw-mt-35 {margin-top: 35px !important;} .gw-mt-40 {margin-top: 40px !important;} .gw-mt-45 {margin-top: 45px !important;} .gw-mt-50 {margin-top: 50px !important;} .gw-mt-55 {margin-top: 55px !important;} .gw-mt-60 {margin-top: 60px !important;} .gw-mt-65 {margin-top: 65px !important;} .gw-mt-70 {margin-top: 70px !important;} .gw-mt-75 {margin-top: 75px !important;} .gw-mt-80 {margin-top: 80px !important;} .gw-mt-85 {margin-top: 85px !important;} .gw-mt-90 {margin-top: 90px !important;} .gw-mt-95 {margin-top: 95px !important;} .gw-mt-100 {margin-top: 100px !important;} .gw-mt-110 {margin-top: 110px !important;} .gw-mt-120 {margin-top: 120px !important;} .gw-mt-130 {margin-top: 130px !important;} .gw-mt-140 {margin-top: 140px !important;} .gw-mt-150 {margin-top: 150px !important;} .gw-mb-3 {margin-bottom: 3px !important;} .gw-mb-5 {margin-bottom: 5px !important;} .gw-mb-10 {margin-bottom: 10px !important;} .gw-mb-15 {margin-bottom: 15px !important;} .gw-mb-20 {margin-bottom: 20px !important;;} .gw-mb-25 {margin-bottom: 25px !important;} .gw-mb-30 {margin-bottom: 30px !important;} .gw-mb-32 {margin-bottom: 32px !important;} .gw-mb-35 {margin-bottom: 35px !important;} .gw-mb-40 {margin-bottom: 40px !important;} .gw-mb-45 {margin-bottom: 45px !important;} .gw-mb-50 {margin-bottom: 50px !important;} .gw-mb-55 {margin-bottom: 55px !important;} .gw-mb-60 {margin-bottom: 60px !important;} .gw-mb-65 {margin-bottom: 65px !important;} .gw-mb-70 {margin-bottom: 70px !important;} .gw-mb-75 {margin-bottom: 75px !important;} .gw-mb-80 {margin-bottom: 80px !important;} .gw-mb-85 {margin-bottom: 85px !important;} .gw-mb-90 {margin-bottom: 90px !important;} .gw-mb-95 {margin-bottom: 95px !important;} .gw-mb-100 {margin-bottom: 100px !important;} .gw-mb-110 {margin-bottom: 110px !important;} .gw-mb-120 {margin-bottom: 120px !important;} .gw-mb-130 {margin-bottom: 130px !important;} .gw-mb-140 {margin-bottom: 140px !important;} .gw-mb-150 {margin-bottom: 150px !important;} /* 패딩 */ .gw-pt-0 {padding-top: 0px !important;} .gw-pt-3 {padding-top: 3px !important;} .gw-pt-5 {padding-top: 5px !important;} .gw-pt-10 {padding-top: 10px !important;} .gw-pt-15 {padding-top: 15px !important;} .gw-pt-20 {padding-top: 20px !important;} .gw-pt-25 {padding-top: 25px !important;} .gw-pt-30 {padding-top: 30px !important;} .gw-pt-32 {padding-top: 32px !important;} .gw-pt-35 {padding-top: 35px !important;} .gw-pt-40 {padding-top: 40px !important;} .gw-pt-45 {padding-top: 45px !important;} .gw-pt-50 {padding-top: 50px !important;} .gw-pt-55 {padding-top: 55px !important;} .gw-pt-60 {padding-top: 60px !important;} .gw-pt-65 {padding-top: 65px !important;} .gw-pt-70 {padding-top: 70px !important;} .gw-pt-75 {padding-top: 75px !important;} .gw-pt-80 {padding-top: 80px !important;} .gw-pt-85 {padding-top: 85px !important;} .gw-pt-90 {padding-top: 90px !important;} .gw-pt-95 {padding-top: 95px !important;} .gw-pt-100 {padding-top: 100px !important;} .gw-pt-110 {padding-top: 110px !important;} .gw-pt-120 {padding-top: 120px !important;} .gw-pt-130 {padding-top: 130px !important;} .gw-pt-140 {padding-top: 140px !important;} .gw-pt-150 {padding-top: 150px !important;} .gw-pb-0 {padding-bottom: 0px !important;} .gw-pb-3 {padding-bottom: 3px !important;} .gw-pb-5 {padding-bottom: 5px !important;} .gw-pb-10 {padding-bottom: 10px !important;} .gw-pb-15 {padding-bottom: 15px !important;} .gw-pb-20 {padding-bottom: 20px !important;} .gw-pb-25 {padding-bottom: 25px !important;} .gw-pb-30 {padding-bottom: 30px !important;} .gw-pb-32 {padding-bottom: 32px !important;} .gw-pb-35 {padding-bottom: 35px !important;} .gw-pb-40 {padding-bottom: 40px !important;} .gw-pb-45 {padding-bottom: 45px !important;} .gw-pb-50 {padding-bottom: 50px !important;} .gw-pb-55 {padding-bottom: 55px !important;} .gw-pb-60 {padding-bottom: 60px !important;} .gw-pb-65 {padding-bottom: 65px !important;} .gw-pb-70 {padding-bottom: 70px !important;} .gw-pb-75 {padding-bottom: 75px !important;} .gw-pb-80 {padding-bottom: 80px !important;} .gw-pb-85 {padding-bottom: 85px !important;} .gw-pb-90 {padding-bottom: 90px !important;} .gw-pb-95 {padding-bottom: 95px !important;} .gw-pb-100 {padding-bottom: 100px !important;} .gw-pb-110 {padding-bottom: 110px !important;} .gw-pb-120 {padding-bottom: 120px !important;} .gw-pb-130 {padding-bottom: 130px !important;} .gw-pb-140 {padding-bottom: 140px !important;} .gw-pb-150 {padding-bottom: 150px !important;} @media all and (max-width:1300px) { .gall_row .col-gn-3 { width:50%; } @media all and (max-width:640px) { .gall_row .col-gn-3 { width:100%; } }