/*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-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; height:35px; line-height:35px;} div.boardListContainer div.boardList table { margin:0; word-wrap:break-all; clear:both; margin-top:10px; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd;} 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:0.8rem; border-top:2px #50519e solid; border-bottom:1px #aaa 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:hover{background:#efefef;} div.boardListContainer div.boardList table tbody tr td {color: #575757; padding:.8rem .75rem; border-bottom:1px solid #dadada; text-align:center; vertical-align:middle;} 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-weight: 500; color:#969A97; font-size:.9rem;} div.boardListContainer div.boardList table tbody tr td.title strong{color:#7700ac; font-weight:500;} div.boardListContainer div.boardList table tbody tr td.title span{color:#C0C0C0;} div.boardListContainer div.boardList table tbody tr td.title div a{ color:#222;} 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.boardButton { margin-top:.75rem; padding:0; text-align:right; z-index: 0;} div.boardListContainer div.manageButton { margin-top:20px; font-size:.8rem;} .Bbtn.blue{ background:#7700AC; color:#fff; text-align:center; padding:0.3rem 0.8rem;} /* 검색 디자인 */ div.boardListContainer .bor_top{overflow: hidden; font-size:0.8rem; background: #fff; border:1px solid #ddd; padding:0.75rem 1rem; margin-bottom: 2rem;} div.boardListContainer .bor_top p{display:inline-block; height:1.65rem; line-height:1.65rem;} div.boardListContainer .bor_top p b{color:#eb2d2f;} div.boardListContainer .bor_top div{float:right; text-align:right;} div.boardListContainer div.boardSearch {margin:0px;} div.boardListContainer div.boardSearch form { margin:0; padding:0; } div.boardListContainer div.boardSearch form fieldset { display:inline; margin:0; } *:first-child+html div.boardListContainer div.boardSearch form fieldset { border:none;} /*ie7*/ div.boardListContainer div.boardSearch form fieldset { } /*ie*/ div.boardListContainer div.boardSearch select::-ms-expand { display: none; -webkit-display: none; -moz-display: none; -o-display: none; -ms-display: none; border: none; } div.boardListContainer div.boardSearch select { line-height:1.65rem; height:1.65rem; background-image:none; vertical-align:top; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; border: none !important; padding: 0 !important; background:url('/images/default/content/sel_icon.png') no-repeat 96% center; color:#464646; width:5rem; display:inline-block;} div.boardListContainer div.boardSearch input[type="text"] { height:1.65rem; width:calc(100% - 50%); border: none; margin:0;vertical-align:top; display:inline-block; padding: 0 !important;} div.boardListContainer div.boardSearch input[type="button"].search{width:1.65rem; text-indent:-9999px; background:url('/images/default/content/btn_search.png') no-repeat center center; background-size:65% auto; cursor:pointer; color:#000; height:1.65rem; outline:none; border:none;vertical-align:top; display:inline-block; } /* 노이미지 */ .no_post{border:1px solid #ddd; text-align:center !important; padding:140px 0px 30px 0px !important; height:auto !important; background: #fff url('/images/default/content/nodata.png') no-repeat center 25px !important; background-size: 105px auto !important; width:100%;} 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; border:1px solid #ddd; background:#fff; padding:2rem 1.5rem; } div.boardViewContainer div.boardViewTitle h3 { margin:2px; padding:20px 10px; border-bottom:1px solid #dadada; font-weight:700;} div.boardViewContainer div.boardViewTitle h3 strong{color:#7700ac;margin-right:5px; font-weight:700;} 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.boardViewTitle .Viewtit{ overflow:hidden; border-bottom:1px solid #ddd; } div.boardViewContainer div.boardViewTitle .Viewtit h3{float:left; width:80%; font-size: 1.15rem; padding: 0 0 0.8rem; margin-top: 0.5rem; color: #333; border-bottom:none; } div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap{float:right;} div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span{display:inline-block; width:1.8rem;vertical-align:middle; } div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span a{ display:block; height:1.8rem; line-height:1.8rem; text-align:center; border-radius:50%; color:#fff; } div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span i{line-height:1.8rem !important;} div.boardViewContainer div.boardViewTitle .Viewtit span.facebook a{background:#3B5998} div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span.twitter a{background:#1DA1F2} div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span.kakao a{background:#FFC90A} div.boardViewContainer div.boardViewTitle .Viewtit .snsWrap span.share a{background:#6E6F70} div.boardViewContainer div.boardViewTitle .ViewDetail ul{border-bottom:1px solid #ddd;} div.boardViewContainer div.boardViewTitle .ViewDetail ul li{position:relative; display:inline-block; height:2rem; line-height:2rem; color:#787878; margin-left:1rem; padding-left:1rem;} div.boardViewContainer div.boardViewTitle .ViewDetail ul li:first-child{margin-left:0; padding-left:0;} div.boardViewContainer div.boardViewTitle .ViewDetail ul li:first-child:before{display:none;} div.boardViewContainer div.boardViewTitle .ViewDetail ul li:before{content:'';display : block; position : absolute; left :0; top:50%; margin-top : -0.4rem; width :1px; height : 0.8rem; background : #E6DDEE; } div.boardViewContainer div.boardViewTitle .ViewDetail ul li.w100{padding-left:0; margin:0; border-top:1px solid #ddd;} div.boardViewContainer div.boardViewTitle .ViewDetail ul li.w100:before{background:none;} div.boardViewContainer p.spart{margin-top:2rem;} div.boardViewContainer p.spart a{display:block; float:right; width:10rem; text-align:center; background:#eb2d2f; color:#fff; font-size:1rem; padding:0.6rem 0;transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); font-weight:500;} div.boardViewContainer p.spart a i{margin-right:.3rem;} div.boardViewContainer p.spart a:hover{-webkit-box-shadow: 0px 30px 50px -20px rgba(128,128,128,1);-moz-box-shadow: 0px 30px 50px -20px rgba(128,128,128,1);box-shadow: 0px 30px 50px -20px rgba(128,128,128,1);} div.boardViewContainer div.pnlAttachedImage {text-align:center; margin:2rem 0;} div.boardViewContainer div.boardViewContent { min-height:5rem; word-break:break-all; text-align:left; padding:0.5rem 0 2.5rem; color:#575757; line-height: 1.6;} div.boardViewContainer div.boardViewContent p, div.boardViewContainer div.boardViewContent span{ color:#575757;} div.boardViewContainer div.boardViewBottom { margin:0 0.5rem 0.15rem 0; color:#aaa; font-size:.75rem; text-align:right; } div.boardViewContainer div.boardViewFile a{ color:#757575 !important; vertical-align:middle;} div.boardViewContainer div.boardViewFile p { margin:0; padding:0.15rem 0; } div.boardViewContainer div.boardViewFile p img { vertical-align:bottom; } div.boardViewContainer div.boardNextWrap{margin-top:2rem; background:#fff; border:1px solid #ddd;} div.boardViewContainer div.boardNextWrap div.boardPrev{border-bottom:none !important;} div.boardViewContainer div.boardNextWrap div.boardPrev span, .boardNextWrap div.boardNext span {padding-left:1rem;} div.boardViewContainer div.boardNextWrap > div:hover{background:#E6DDEE;} div.boardViewContainer div.boardPrev { padding:0.8rem 0px 0.8rem 4.5rem; border-bottom:1px solid #ddd; vertical-align:middle; position:relative; font-size: .75rem;} div.boardViewContainer div.boardNext { padding:0.8rem 0px 0.8rem 4.5rem; border-bottom:1px solid #ddd; vertical-align:middle; position:relative; font-size: .75rem;} div.boardViewContainer div.boardPrev span, div.boardViewContainer div.boardNext span {position: absolute; left:0; top:.8rem; line-height: 1.3; padding-right:.5rem;} div.boardViewContainer div.boardPrev span{ font-weight:500; color: #999;background: url('/images/default/content/th.gif') no-repeat right center;} div.boardViewContainer div.boardNext span{font-weight:500; color: #999;background: url('/images/default/content/th.gif') no-repeat right center;} div.boardViewContainer div.boardPrev a, div.boardViewContainer div.boardNext a {line-height: 1.3; color:#888;} div.boardViewContainer div.boardButton {margin-top:30px; text-align:right; vertical-align:middle; } div.boardViewContainer div.boardButton a{cursor:pointer; display:inline-block;position:relative; overflow:hidden; margin:0px .1rem; min-width:auto; height:2.25rem; line-height:2.25rem; box-sizing:border-box; padding:0 .75rem; 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; box-sizing:border-box;position:relative; background:#fff; border:1px solid #ddd; padding:2rem;} div.boardCommentContainer h4.cmt_tit{ padding-bottom: .5rem; margin-bottom: .5rem; font-weight:normal; border-bottom:1px solid #ddd;} div.boardCommentContainer h4.cmt_tit em{color:#999;} div.boardCommentContainer div.boardComment {padding:.75rem 0px .25rem; border-bottom:1px solid #E9EBF0;box-sizing:border-box; } div.boardCommentContainer div.boardComment div.pnlCmt { position:relative; margin-bottom:0.5rem; } 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:.75rem; } 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 dt i{color:#C4C4CC; vertical-align: middle;} div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dt span{color:#555;} div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dd { margin-top:.5rem; padding:0; color:#838383;padding-left:1rem; } div.boardCommentContainer div.boardManage{padding:10px; box-sizing:border-box; margin:.5rem 0; 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:2.5rem;} 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:1rem;box-sizing:border-box; border:none;} div.boardCommentContainer p.smallButtons { position:absolute; top:0px; right:0; margin:0; padding:0; vertical-align:top;} div.boardCommentContainer .authorField{overflow:hidden; padding:10px 20px;} 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; background: #FFF;} div.boardCommentContainer table td input{height:40px; line-height:40px;} div.boardCommentContainer table td input.submit{background:#54007a; color:#fff; border:none; height:5.75rem; line-height:5.75rem; padding:0px 1.5rem; cursor:pointer;} div.boardCommentContainer table td strong{padding:15px 20px; display:inline-block;} div.boardCommentContainer div.boardComment .commentInputTop{position: relative;} div.boardCommentContainer div.boardComment .commentInputTop p.smallButtons{font-size:.75rem;} 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:.75rem; 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:1rem; padding:1rem; background:#F3F5F6; border: 1px solid #DFDFDF;} 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:1rem;background:#F3F5F6; border: 1px solid #DFDFDF; } div.boardCommentContainer .commentInputTop p.smallButtons{} .tb03{table-layout: fixed; } .tb03 thead th{color: #000; font-weight:500; padding:15px 20px 14px 20px; text-align:center; border-top: 2px solid #555;font-size:1.08rem; line-height:1.2; border-bottom: 1px solid #dadada; background-color:#EEEFF4;} .tb03 strong{font-weight:500; margin-right:10px; color:#7700ac;} .tb03 thead td{ border-bottom: 1px solid #dadada; padding:.6rem 0px; color:#808080;text-align:center;} .tb03 thead td.th{background: url('/images/default/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 ul{display:table; width:100%;} .tb03 thead ul li{display:table-cell; text-align:right; position: relative; font-size:.75rem;} .tb03 thead ul li span{padding:0px 10px; color:#ddd;} .tb03 thead ul li:first-child{text-align:left;} 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: #fff; } 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; background: #fff;} 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; 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);} /*Auth*/ div.boardAuthContainer { position:relative; color:#393939; 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-top: 2.5rem; } .boardPageNav ul{display:inline-block; zoom:1;*display:inline;} .boardPageNav ul li{display:inline;} .boardPageNav ul li a{display:block;float:left;width:2.5rem; height:2.5rem;border-top: 1px #ddd solid;border-left: 1px #ddd solid; border-bottom: 1px #ddd solid; box-sizing:border-box; font-weight:normal; line-height:2.5rem; 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/default/content/btn_first.png') no-repeat 0 0; border:none;} .boardPageNav ul li.prev a{background: url('/images/default/content/btn_prev.png') no-repeat 0 0; border:none; } .boardPageNav ul li.prev_on a{background: url('/images/default/content/btn_prev.png') no-repeat 0 0; border:none; } .boardPageNav ul li.next_on a{background: url('/images/default/content/btn_next.png') no-repeat 0 0; border:none;} .boardPageNav ul li.next a{background: url('/images/default/content/btn_next.png') no-repeat 0 0; border:none;} .boardPageNav ul li.last a{background: url('/images/default/content/btn_last.png') no-repeat 0 0;border:none; } .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;} /* 알러창 팝업 */ .pop{background:rgba(0, 0, 0, .6); position:fixed; top:0; left:0; width:100%; height:100%; z-index: 10;} .pop .popin{width:20rem; margin:0 auto; margin-top:15%;background:#fff; text-align:center;padding-top:2rem; font-size:1rem; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .pop .popin h3.tit{color:#1E2128;font-size:1.4rem; display:block;} .pop .popin img{margin: 1.5rem 0 1rem;} .pop .popin p.submit{} .pop .popin p.submit input{width:100%; padding:1.0rem font-size:1.0em; outline:none; border:none;font-size:1rem; padding:0.75rem 0; margin-top:1.5rem; background: #fff; border-top:1px solid #ececec; cursor: pointer; transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;} .pop .popin p.submit input:hover{background: #7700ac; color:#fff;} /******************************************************** ■ 레이아웃변경 ********************************************************/ @media (max-width:1030px){ /* 일반게시판 */ 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;} .tb03 thead ul li{font-size:.85rem;} 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;} } @media (max-width:767px){ /* 검색 */ div.boardListContainer .bor_top{margin-bottom:1.5rem; padding: 0.5rem 1rem;} div.boardListContainer .bor_top div{width:60%;} div.boardListContainer div.boardSearch select{width:5rem; min-width:auto;} div.boardListContainer div.boardSearch input[type="text"] { width:calc(100% - 70%); } }