#boardWrap {font-weight:normal; font-size:75%; color:#666; letter-spacing:-0.02em; line-height:18px;}/*width:100%; 없으면 자동으로 100%로 인식함.FF, IE6,7전부 해당. margin:0 auto; 는 board_p.php의 td align=center 이미 되어있음.*/ #boardWrap a:link { background-color:transparent; text-decoration:none; color:#666; } #boardWrap a:active { background-color:transparent; text-decoration:none; color:#FFFFFF; } /*클릭한 순간만 보여줌. 보통 신경안씀*/ #boardWrap a:hover { background-color:#FFC; text-decoration:none; color:#990; } #boardWrap a:visited { background-color:transparent; text-decoration:none; color:#666 } #boardHead {background-color:; } .topBg {margin:0; height: 57px; background-color:;} /*height는 아래서 지정.*/ .topBg_space {margin: 0; width: 100%; height: 57px; border: 0px solid #EBEBE5;} #topBg_img {background: transparent url(../dataroom/images/data_03.gif) no-repeat left top;} .boardPath {height:30px; border-bottom:1px solid #d4d4d4; background-color:; }/*div 가 횡으로 하나만 있을경우는 자동으로 width:100%; 임. border-bottom 지정위해 height 지정함.*/ .boardPath p {float:right; margin: 10px 10px; } /*.boardTitle {float:left; width:100%; height:41px; background:#f5f5f5 url(../dataroom/images/new2_08.gif) no-repeat left top;}---하단과 둘중 하나 사용.*/ .boardType {clear:both; width:100%; height:25px; background-color:;} /*height는 아래서 지정.*/ .boardType_space {float: left; margin: 8px 0 0 0; width: 160px; height: 25px; border: 0px solid #EBEBE5;} #hyup_img {clear:both; background: transparent url(../jayoo/images/cong_17.gif) no-repeat left center;} #jibu_img {clear:both; background: transparent url(../jibu/images/ji_19.gif) no-repeat left center;} #notice_img {clear:both; background: transparent url(../jayoo/images/cong_08.gif) no-repeat left center;} #photo_img {clear:both; background: transparent url(../jayoo/images/cong_18.gif) no-repeat left center;} #movie_img {clear:both; background: transparent url(../jayoo/images/cong_19.gif) no-repeat left center;} #board_img {clear:both; background: transparent url(../jayoo/images/cong_20.gif) no-repeat left center;} #pds_img {clear:both; background: transparent url(../dataroom/images/new2_08.gif) no-repeat left center;} #event_img {clear:both; background: transparent url(../images/hang_08.gif) no-repeat left center;} #magazine_img {clear:both; background: transparent url(../magazine/images/ma_16.gif) no-repeat left center;} #boardContent {width:95%; padding-top:20px; background:;} #listSearch {line-height:15px;} #listSearch p {float:right; margin-bottom:1px;} #boardListTable {width:100%; border-collapse: collapse; border: 0px solid #666;} #boardListTable caption {font-size: 1.2em;font-weight: bold;margin: 1em 0; display:none; } #boardListTable col {border-right: 0px solid #ccc;} /*FF에서는 되고, IE에서는 안됨.다른방법모색할것*/ #boardListTable col#DateCol {border: none;} /*FF에서는 되고, IE에서는 안됨.다른방법모색할것*/ #boardListTable thead {border-top: 1px solid #a5a5a5;border-bottom: 1px solid #a5a5a5;} /*thead tr 에 같이 명시해도 됨.*/ #boardListTable thead tr {height:29px; font-weight: normal; color:#666666; padding-top:0.4em; text-align: center;} /*tr은 thead 만 thead tr로 명시하고 tbody tr은 tr 만 명시해도 된다.th자체에 bold속성 있음.*/ .thBack { background: #ccc url(../images/thBack_board.gif) no-repeat right center; } .thBackEnd { background: #ccc url(../images/thBack_board.gif) no-repeat left center; } /*tr {border-bottom:;} 적용이 IE는 안되고 FF는 됨.따라서 "tr {height:26px; text-align: center;} td {border-bottom:1px solid #CCCCCC;}" 로 해도 됨.*/ #boardListTable tr { color:#333333; background:#FFFFFF;} #boardListTable td {height:26px; border-bottom:1px solid #CCCCCC;}/*IE에서는 text-align:left;를 명시해야 왼쪽정렬되고, 아니면 중앙정렬됨. text-align은 list에서 직접 지정함.*/ #boardListTable thead tr:hover {background-color: transparent;color: #6633cc;} /* background,color 색상지정시 tr에 지정해야 작동.*/ #boardListTable tr:hover {background-color:#f1f1f1; color: #3333cc;} /* background,color 색상지정시 tr에 지정해야 작동.*/ #boardListTable .odd {background-color:#edf5ff;} #galleryListTotalBox {margin:0 auto; width:100%;} .galleryListTd {float:left; width:114px; height:120px; margin: 14px 10px 25px 10px; border: 1px solid #999999;} /*margin:14px 12px 25px 12px; 가 IE6.0에서 밑으로 떨어져 줄임.*/ .galleryList_pic {float: left; margin: 2px 2px; width: 110px; height: 85px; border: 0px solid #EBEBE5; background:yellow;} #rowAllHead {width:100%; height:31px; background:#f5f5f5 url(../images/viewBack_board.gif) no-repeat center top;} #rowAllHead p {float:left; margin-top:11px; font-weight:bold;} .row3Subject {float:left; width:70%; height:31px;} .row3Date {float:right; width:30% !important; width:29.9%; height:31px;} .row45Tr {width:100%; height:31px; background-color:#f5f5f5; border-bottom:1px solid #d4d4d4;} .row45Tr p {float:left; margin-top:11px;} .row45Subject {float:left; width:100%; height:31px;} .row4Date{float:left; margin: 0 200px 0 4px; height:31px;} .row4Click {float:right; margin-right:15px; height:31px;} .row5Writer {float:left; margin: 0 200px 0 4px; height:31px;} .row5Date{float:left; height:31px;} .row5Click {float:right; margin-right:15px; height:31px;} #galleryViewHead {clear:both; width:100%;} .section_pic {float: left; margin: 3px 0 0 15px; width: 45px; height: 25px; border: 0px solid #EBEBE5;} #subjectPic {background: transparent url(../jayoo/images/ja1_06.gif) no-repeat center center;} #writerPic {background: transparent url(../jayoo/images/ja1_08.gif) no-repeat center center;} #datePic {background: transparent url(../jayoo/images/ja1_10.gif) no-repeat center center;} #clickPic {background: transparent url(../jayoo/images/ja1_12.gif) no-repeat center center;} #viewMain {clear:both; padding: 20px 0 3px; border-bottom: 1px solid #999999;} /**상단 패딩은 여기서 한번에 준다.**/ #viewMain .downLoad {width:100%; height:30px;} /*padding주기 보다 height를 준다.*/ #viewMain .downLoad span {float:left; margin-left: 25px; font-weight:bold;} #viewMain .downLoad a {float:left; margin-left: 5px; color:#993399; font-weight:bold;} #viewMain .downLoad p {float:left; margin-left: 2px; color:#993399; font-weight:bold;} #viewMain .movieContent {clear:both; width:100%;} #viewMain .movieContent span {width:400px; height:300px;} #viewMain .movieContent p {width:400px; margin-top:20px; padding:5px; text-align:left;background:#F5F5F5;} /**위 동영상과 상단 띠우기**/ #viewMain .otherContent {clear:both; width:100%; background:;} #viewMain .otherContent p {width:550px; text-align:left;} #viewMain .otherContent span {margin:20px 5px 0 5px;} #viewMain .b4next {clear:both; width:100%; height:40px; margin-top:30px; border-top:1px dashed #DDDDDD; border-bottom:1px dashed #DDDDDD;} #viewMain .next {width:100%; height:20px; padding:5px 0 2px 8px;} #viewMain .next span {float:left;} #viewMain .b4 {clear:both; width:100%; height:20px; padding:0 0 2px 8px;} #viewMain .b4 span {float:left;} #upMain {clear:both;} /*up/edit form 동시 사용*/ #upMain fieldset {border : 0px solid transparent;} #upMain .topLine {border-top:1px solid #A7A7A7;} #upMain .btmLine {border-bottom:1px solid #A7A7A7;} #upMain .bottomLine {height:310px; border-bottom:1px solid #A7A7A7;}/*boardtype=1에서 textarea 하단에만 효과나타남.*/ #upMain .contentText {height:310px; line-height:310px; display:inline;} #upMain fieldset p {float:left; width:100%; height:30px; margin:0; border-bottom:1px solid #A7A7A7;} #upMain label {float: left;width: 20%; background:#F3F3F3; height:30px; line-height:30px; text-align:center;} #upMain label .required {font-size: 0.83em;color:#760000;} /*boardtype=1 인 경우, css인식못해 board_up_form.php에 직접 width:77.8%,300px로 넣어줌.*/ #upMain textarea {float:left; width:77.5%; margin:2px 0 0 8px; height:300px;} /*insideText는 javascript 기능을 못해 직접 preanswer 에 직접 언급함.*/ #upMain .insideText {font-size:12px; ime-mode:inactive; background-image:url(../images/board_answer_bg1.gif); background-repeat:no-repeat;background-position:; } /* style error messages */ label .feedback {position: absolute;margin-left: 11em;left: 200px;right: 0; font-weight: bold;color:#760000;padding-left: 18px;background: url(images/error.png) no-repeat left top;} /* :KLUDGE: Explicitly set the width for IE6- */ * html .feedback{width: 10em;} input {float:left; margin:4px 5px 0 8px;font-size: 12px;} /*font-size:12px 가 input box의 높이를 조정. Default:14px; border: 1px solid #999999;사용*/ submit {width:auto; margin:4px 5px 0 40%;} input:focus, textarea:focus {background: #ffc;} #delMain {width:100%; padding:30px 0 30px 0; border-bottom:1px solid #A7A7A7;} #delMain fieldset {border : 1px solid #DDDDDD; width:50%; display:block;}/*IE 를 위해 block 사용.*/ #delMain fieldset p {margin:5px 0 0 25px;} #delMain input {float:none;} #page {float:left;height:30px; margin:3px 0 0 3px;} /*list mode 에서 페이지 왼쪽, bbsButton 오른쪽*/ #whakin {float:left; height:30px; margin: 0;} /*upform,editform,answer mode 에서 확인버튼 왼쪽, bbsButton 오른쪽*/ #bbsButton {float:right; height:30px; margin: 7px 3px;} #viewGrgTable {width:100%; border-collapse: collapse; border: 0px solid #666;} #viewGrgTable caption {font-size: 1em;font-weight: normal;margin: 1em 0;} #viewGrgTable col {border-right: 0px solid #ccc;} /*FF에서는 되고, IE에서는 안됨.다른방법모색할것*/ #viewGrgTable col#DateCol {border: none;} /*FF에서는 되고, IE에서는 안됨.다른방법모색할것*/ #viewGrgTable thead {border-top: 1px solid #a5a5a5;border-bottom: 1px solid #a5a5a5;} /*thead tr 에 같이 명시해도 됨.*/ #viewGrgTable thead tr {height:29px; font-weight: normal; color:#666666; padding-top:0.4em; text-align: center;} /*tr은 thead 만 thead tr로 명시하고 tbody tr은 tr 만 명시해도 된다.th자체에 bold속성 있음.*/ .thBack { background: #ccc url(../images/thBack_board.gif) no-repeat right center; } .thBackEnd { background: #ccc url(../images/thBack_board.gif) no-repeat left center; } /*tr {border-bottom:;} 적용이 IE는 안되고 FF는 됨.따라서 "tr {height:26px; text-align: center;} td {border-bottom:1px solid #CCCCCC;}" 로 해도 됨.*/ #viewGrgTable tr { color:#333333; background:#FFFFFF;} #viewGrgTable td {height:26px; border-bottom:1px solid #CCCCCC;}/*IE에서는 text-align:left;를 명시해야 왼쪽정렬되고, 아니면 중앙정렬됨. text-align은 list에서 직접 지정함.*/ #viewGrgTable thead tr:hover {background-color: transparent;color: #6633cc;} /* background,color 색상지정시 tr에 지정해야 작동.*/ #viewGrgTable tr:hover {background-color:#f1f1f1; color: #3333cc;} /* background,color 색상지정시 tr에 지정해야 작동.*/ .dd10 {font-family:dotum; font-size:10px;} /*돋움/굴림*/ .dd12 {font-family:dotum; font-size:12px;} .left {float:left;} .clear { clear: both;} /*P.I.E. FLOAT CLEARING --> See http://www.positioniseverything.net/easyclearing.html --------------------- */ .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { display: inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */