/*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:inline; margin:0; } 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:100px; 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 0px 14px 0px; text-align:center; border-bottom: 1px solid #dadada; background-color:#f8f8f8; } 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: border:none; box-shadow:none; outline:none; padding:0;} 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;} /*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:50px; height:50px;border-top: 1px #ddd solid;border-left: 1px #ddd solid; border-bottom: 1px #ddd solid; box-sizing:border-box; font-weight:normal; line-height:50px; padding:0 !important; color:#aaa;} .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} @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%;} }