@charset "utf-8"; /* CSS Document */ /* --색상표 가이드 글자색상 : base.css 따라감 회색테두리 : #cccccc 전체컬러 패턴 : #1e1e1e 컬러배경 테두리 : #0D45B5 강조 텍스트 : #333333 마우스오버 회색배경 : #888888 댓글 배경 : #f6f7f8 댓글 버튼 배경 : #eeeeee 댓글 버튼 텍스트 : #676767 읽기 버튼 배경 : #f3f3f3 읽기 li 항목 텍스트 : #777777 색상표 가이드-- */ /* --폰트 가이드 기본폰트 : base.css 따라감 강조 및 굵은 폰트 : "Nanum-ExtraBold" 폰트가이드-- */ /* font */ @font-face { font-family: 'Nanum-regular'; font-style: normal; font-weight: 400; src: url(../../css/../../css/fonts/NanumGothic-Regular.eot); src: url(../../css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../../css/fonts/NanumGothic-Regular.woff2) format('woff2'), url(../../css/fonts/NanumGothic-Regular.woff) format('woff'), url(../../css/fonts/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'Nanum-bold'; font-style: normal; font-weight: 700; src: url(../../css/fonts/NanumGothic-Bold.eot); src: url(../../css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(../../css/fonts/NanumGothic-Bold.woff2) format('woff2'), url(../../css/fonts/NanumGothic-Bold.woff) format('woff'), url(../../css/fonts/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'Nanum-ExtraBold'; font-style: normal; font-weight: 800; src: url(../../css/fonts/NanumGothic-ExtraBold.eot); src: url(../../css/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../../css/fonts/NanumGothic-ExtraBold.woff2) format('woff2'), url(../../css/fonts/NanumGothic-ExtraBold.woff) format('woff'), url(../../css/fonts/NanumGothic-ExtraBold.ttf) format('truetype'); } .imgBlock {display:block;} #lmcBoard { padding-bottom:60px;} #lmcBoard .paging {text-align: center;} #lmcBoard .paging li {display: inline-block; height: 20px; margin: 0 5px; padding: 0 5px; border: 1px solid #666; background: #eee; line-height: 21px;} #lmcBoard .paging li.current, #lmcBoard .paging li:hover {background: #666;} #lmcBoard .paging li.current, #lmcBoard .paging li:hover a { color: #ddd;} /* 게시판 */ #lmcBoard { width:100%; font-size:13px; float:left; position:relative; } /* 공통클래스 */ #lmcBoard .lmcSecret { background:url(../img/lmKey.jpg) no-repeat; padding-left:20px; min-height:15px; } #lmcBoard .lmcCountRe { background:url(../img/lmCountRe.gif) 0 1px no-repeat; padding-left:10px; margin-left:4px; font-size:10px; vertical-align:top; font-variant:normal; } #lmcBoard .lmcWriteBtn { width:auto; height:38px; padding:12px 15px 5px 15px;margin:40px 0 0 5px; background-color:#424242; float:right; border:0px solid #cccccc; display:inline-block; color:#ffffff; cursor:pointer; font-variant:normal; } #lmcBoard .lmcWriteBtn a { color:#ffffff; font-variant:normal; } #lmcBoard .lmcListBtn { width:auto; height:38px; padding:12px 15px 5px 15px; margin:40px 0 0 5px; background-color:#424242; float:right; border:0px solid #cccccc; display:inline-block; cursor:pointer; font-variant:normal; } #lmcBoard .lmcListBtn a { color:#ffffff; font-variant:normal; } #lmcBoard .lmcInputWriteBtn { width:auto; height:38px; line-height:25px; font-family:'Nanum-regular'; padding:3px 15px 5px 15px !important; margin:40px 0 0 10px; background-color:#424242; float:right; color:#ffffff; border:0px solid #cccccc; cursor:pointer; font-variant:normal; } #lmcBoard .lmcFr { float:right; text-align:right; } #lmcBoard .lmcFl { float:left; text-align:left; } #lmcBoard .lmcBdB { border-bottom:1px solid #cccccc; } #lmcBoard .lmcFocusOut { visibility:hidden; padding:0; margin:0; overflow:hidden; height:0; width:0; font-size:0; line-height:0; border:0 none; position:absolute; } /* ui카테고리 */ #lmcBoard .lmcCate { width:100%; position:relative; text-align:left; border-bottom:1px solid #1e1e1e; margin-bottom:10px; display:inline-block; } #lmcBoard .lmcCate div.opBtn { width:124px; padding:5px 0 3px 0; background-color:#1e1e1e; color:#ffffff; font-weight:bold; font-size:11px; text-align:center; float:left; border:1px solid #1e1e1e; display:block; border-radius:5px 5px 0 0; cursor:pointer; } #lmcBoard .lmcCate div.overBtn { width:110px; padding:5px 7px 3px 7px; background-color:#ffffff; color:#000000; font-weight:bold; font-size:11px; text-align:center; float:left; border:1px solid #1e1e1e; display:block; border-radius:5px 5px 0 0; cursor:pointer; } #lmcBoard .lmcCate div.opBtn button { width:100%; height:100%; cursor:pointer; background:none; color:#ffffff; } #lmcBoard .lmcCate div.overBtn button { width:100%; height:100%; cursor:pointer; background:none; color:#000000; } #lmcBoard .lmcCate span.lmcCurrentCateName { display:inline; margin:0 0 0 15px; line-height:180%; font-variant:normal; } #lmcBoard .lmcCate ul { width:99%; padding:0 0 10px 1%; border-top:3px solid #1e1e1e; background:#ffffff; display:inline-block; } #lmcBoard .lmcCate ul li { width:14%; height:26px; padding:0; margin-top:10px; text-align:center; float:left; } #lmcBoard .lmcCate ul li a { width:94%; height:16px; padding:2px 3% 8px 3%; font-size:13px; line-height:180%; overflow:hidden; float:left; display:inline-block; } #lmcBoard .lmcCate ul li a:hover { width:94%; height:16px; padding:2px 3% 8px 3%; font-size:13px; line-height:180%; font-weight:bold; background-color:#888888; color:#ffffff; overflow:hidden; float:left; display:inline-block; text-align:center; border-radius:15px; } #lmcBoard .lmcCate ul li a:focus { width:94%; height:16px; padding:2px 3% 8px 3%; font-size:13px; line-height:180%; font-weight:bold; background-color:#888888; color:#ffffff; overflow:hidden; float:left; display:inline-block; text-align:center; border-radius:15px; } #lmcBoard .lmcCate ul li span a { width:94%; height:16px; padding:2px 3% 8px 3%; font-size:13px; line-height:180%; font-weight:bold; background-color:#1e1e1e; color:#ffffff; overflow:hidden; float:left; display:inline-block; text-align:center; border-radius:15px; font-variant:normal; } /* select카테고리 */ #lmcBoard .lmcCateSelect { width:49%; max-width:49%; position:relative; float:left; text-align:left; padding:30px 0 20px 0; margin:0; } /* 패딩 값 변경 디폴트와 IE 6,7이 다름 */ #lmcBoard .lmcCateSelect span { width:100%; display:block; font-size:17px; padding:0 0 15px 0; margin:0; text-align:left; font-weight:bold; font-variant:normal; } #lmcBoard .lmcCateSelect fieldset { width:100%; display:block; } #lmcBoard .lmcCateSelect fieldset label { width:auto; margin:0; font-size:17px; padding-top:2px; vertical-align:top; float:left; } #lmcBoard .lmcCateSelect fieldset select { width:130px; height:30px; margin:0; padding:0; float:left; border:1px solid #cccccc; } #lmcBoard .lmcCateSelect fieldset input { width:auto; height:30px; border:0px; padding:3px 10px; margin:0 0 0 5px;background-color:#424242; color:#ffffff; cursor:pointer; font-size:14px; } /* select카테고리검색 */ #lmcBoard .lmcSelectSearch { width:49%; max-width:49%; float:right; padding:0 0 20px 0; margin:0; } /* 패딩 값 변경 디폴트와 IE 6,7이 다름 */ #lmcBoard .lmcSelectSearch span { width:100%; font-size:15px; color:#676767; display:block; padding:0 0 15px 0; margin:0; text-align:right; font-weight:bold; font-variant:normal; } #lmcBoard .lmcSelectSearch fieldset { width:100%; display:block; text-align:right; } #lmcBoard .lmcSelectSearch fieldset select { width:60px; height:30px; margin:0; padding:0; border:1px solid #cccccc; } #lmcBoard .lmcSelectSearch fieldset input { width:120px; height:30px; padding:0 5px; margin:0 0 0 5px; } #lmcBoard .lmcSelectSearch fieldset input.lmcSearchBtn { width:auto; height:30px; border:0px; padding:3px 10px; margin:0 0 0 5px;float:right; background-color:#424242; color:#ffffff; cursor:pointer; font-size:14px; } /* 파이어폭스 select카테고리 */ #lmcBoard .lmcCateSelectFF { width:49%; max-width:49%; position:relative; float:left; text-align:left; padding:0 0 20px 0; margin:0; } #lmcBoard .lmcCateSelectFF span { width:100%; display:block; padding:0 0 15px 0; margin:0; text-align:left; font-weight:bold; font-variant:normal; } #lmcBoard .lmcCateSelectFF fieldset { width:100%; display:block; } #lmcBoard .lmcCateSelectFF fieldset label { width:auto; margin:0; padding-top:2px; vertical-align:top; float:left; } #lmcBoard .lmcCateSelectFF fieldset select { width:130px; height:20px; margin:0; padding:0; float:left; border:1px solid #cccccc; } #lmcBoard .lmcCateSelectFF fieldset input {width:auto; height:20px; padding:5px; margin:0 0 0 5px; float:left; background-color:#424242; color:#ffffff; cursor:pointer; float:left; } /* 파이어폭스 select카테고리검색 */ #lmcBoard .lmcSelectSearchFF { width:49%; max-width:49%; float:right; padding:0 0 20px 0; margin:0; } #lmcBoard .lmcSelectSearchFF span { width:100%; display:block; padding:0 0 15px 0; margin:0; text-align:right; font-weight:bold; font-variant:normal; } #lmcBoard .lmcSelectSearchFF fieldset { width:auto; display:block; text-align:right; float:right; } #lmcBoard .lmcSelectSearchFF fieldset select { width:60px; height:20px; margin:0; padding:0; float:left; border:1px solid #cccccc; } /* 디폴트와 FF의 display가 다름 */ #lmcBoard .lmcSelectSearchFF fieldset input { width:120px; height:18px; padding:0 5px; margin:0 0 0 5px; float:left; } #lmcBoard .lmcSelectSearchFF fieldset input.lmcSearchBtn {width:auto; height:20px; padding:5px; margin:0 0 0 5px; float:left; background-color:#424242; color:#ffffff; cursor:pointer; } /* 익스6,7 select카테고리 */ #lmcBoard .lmcCateSelectIE { width:49%; max-width:49%; position:relative; float:left; text-align:left; padding:0; margin:0; } /* 패딩 값 변경 디폴트와 IE 6,7이 다름 */ #lmcBoard .lmcCateSelectIE span { width:100%; display:block; padding:0 0 15px 0; margin:0; text-align:left; font-weight:bold; font-variant:normal; } #lmcBoard .lmcCateSelectIE fieldset { width:100%; display:block; } #lmcBoard .lmcCateSelectIE fieldset label { width:auto; margin:0; padding-top:2px; vertical-align:top; float:left; } #lmcBoard .lmcCateSelectIE fieldset select { width:130px; height:20px; margin:0; padding:0; float:left; border:1px solid #cccccc; } #lmcBoard .lmcCateSelectIE fieldset input { width:auto; height:20px; padding:5px; margin:0 0 0 5px; float:left; background-color:#424242; color:#ffffff; cursor:pointer; float:left; } /* 익스6,7 select카테고리검색 */ #lmcBoard .lmcSelectSearchIE { width:49%; max-width:49%; float:right; padding:0; margin:0; } /* 패딩 값 변경 디폴트와 IE 6,7이 다름 */ #lmcBoard .lmcSelectSearchIE span { width:100%; display:block; padding:0 0 15px 0; margin:0; text-align:right; font-weight:bold; font-variant:normal; } #lmcBoard .lmcSelectSearchIE fieldset { width:100%; display:block; text-align:right; } #lmcBoard .lmcSelectSearchIE fieldset select { width:60px; height:20px; margin:0; padding:0; border:1px solid #cccccc; } #lmcBoard .lmcSelectSearchIE fieldset input { width:224px; height:18px; padding:0 5px; margin:0 0 0 5px; } #lmcBoard .lmcSelectSearchIE fieldset input.lmcSearchBtn {width:auto; height:20px; padding:5px; margin:0 0 0 5px; float:left; background-color:#424242; color:#ffffff; cursor:pointer; } /* ui카테고리&none카테고리 검색 */ #lmcBoard .lmcUiSearch { width:100%; float:left; display:block; text-align:right; position:relative; margin:0 0 10px 0; } #lmcBoard .lmcUiSearch span { width:auto; float:left; text-align:right; font-weight:bold; font-size:15px; line-height:150%; font-variant:normal; font-family:"Nanum-bold";} #lmcBoard .lmcUiSearch fieldset { width:auto; padding:0; margin:0; text-align:right; display:inline; vertical-align:top; } #lmcBoard .lmcUiSearch fieldset select { width:85px; max-width:85px; height:30px; border:1px solid #cccccc; padding:0px !important;} #lmcBoard .lmcUiSearch fieldset input { width:150px; height:30px; padding:0 5px; margin:0 0 0 5px; } #lmcBoard .lmcUiSearch fieldset input.lmcSearchBtn { width:auto; height:30px; border:0px; padding:3px 10px; margin:0 0 0 5px;float:right; background-color:#424242; color:#ffffff; cursor:pointer; font-size:14px; } /* 파이어폭스 ui카테고리&none카테고리 검색 */ #lmcBoard .lmcUiSearchFF { width:100%;; float:left; display:block; text-align:right; margin:0 0 10px 0; } #lmcBoard .lmcUiSearchFF span { width:auto; float:left; text-align:right; font-weight:bold; line-height:150%; font-variant:normal; } #lmcBoard .lmcUiSearchFF fieldset { width:auto; padding:0; text-align:right; display:inline; vertical-align:top; } #lmcBoard .lmcUiSearchFF fieldset select { width:60px; max-width:50px; height:20px; float:left; } #lmcBoard .lmcUiSearchFF fieldset input { width:120px; height:18px; padding:0 5px; margin:0 0 0 5px; float:left; } #lmcBoard .lmcUiSearchFF fieldset input.lmcSearchBtn { width:auto; height:21px; float:right; padding:0 5px 6px 5px; background-color:#1e1e1e; color:#ffffff; cursor:pointer; } /* 페이지번호 */ #lmcBoard .lmcPageNumber { width:100%; text-align:center; clear:both; padding-top:30px;} #lmcBoard .lmcPageNumber span.lmcPagePrev { width:auto; height:25px; background-color:#1e1e1e; color:#ffffff; cursor:pointer; padding:0 5px 2px 5px; font-variant:normal; } #lmcBoard .lmcPageNumber span.lmcPageNext { width:auto; height:25px; background-color:#1e1e1e; color:#ffffff; cursor:pointer; padding:0 5px 2px 5px; border-radius:0 5px 0 5px; font-variant:normal; } #lmcBoard .lmcPageNumber ol { height:25px; display:inline; margin:10px; } #lmcBoard .lmcPageNumber ol li { height:25px; display:inline; margin:0 5px; vertical-align:top; } #lmcBoard .lmcPageNumber ol li a { height:25px; display:inline; vertical-align:top; background-color:#f2f2f2;padding:2px 5px 2px 5px; border:1px solid #e0e0e0; color:#424242;} #lmcBoard .lmcPageNumber ol li a:hover { height:25px; border:1px solid #424242; background-color:#424242; color:#ffffff; padding:2px 5px 2px 5px; height:14px; font-weight:bold; vertical-align:top; font-family:"Nanum-bold";} #lmcBoard .lmcPageNumber ol li a:focus { height:25px; border:1px solid #424242; background-color:#424242; color:#ffffff; padding:2px 5px 2px 5px; height:14px; font-weight:bold; vertical-align:top; font-family:"Nanum-bold";} #lmcBoard .lmcPageNumber ol li span {border:1px solid #424242; background-color:#424242; color:#ffffff; padding:2px 5px 2px 5px; height:20px; font-weight:bold; vertical-align:top; font-variant:normal; font-family:"Nanum-bold";} /* 일반목록 */ #lmcBoard .lmcGeneralList { width:100%; border-top:3px solid #1e1e1e; clear:both; margin:0; padding:0; font-size:16px;} #lmcBoard .lmcGeneralList th { padding:18px; border-bottom:1px solid #cccccc; text-align:center; font-family:"Nanum-Bold"; font-weight:normal; float:none; font-size:16px; background-color:#f7f7f7;} #lmcBoard .lmcGeneralList td { padding:20px 0; border-bottom:1px solid #cccccc; text-align:center; font-family:"Nanum-regular"; float:none; } #lmcBoard .lmcGeneralList caption { text-align:left; padding:0 0 10px 0; font-family:"Nanum-ExtraBold"; font-size:14px; border-bottom:1px solid #1e1e1e; } #lmcBoard .lmcGeneralList tbody tr:hover th { background-color:#f3f3f3; } #lmcBoard .lmcGeneralList tbody tr:hover td { background-color:#f3f3f3; } #lmcBoard .lmcGeneralList .lmcNotice { font-family:"Nanum-ExtraBold"; text-align:left; } /* 공지글 폰트 설정 및 텍스트 정렬 */ #lmcBoard .lmcGeneralList .lmcNotice a { font-family:"Nanum-ExtraBold"; text-align:left; } /* 공지글 폰트 설정 및 텍스트 정렬 */ #lmcBoard .lmcGeneralList .lmcNotice a:hover { background-color:#1e1e1e; color:#ffffff; } #lmcBoard .lmcGeneralList .lmcNotice a:focus { background-color:#1e1e1e; color:#ffffff; } #lmcBoard .lmcGeneralList .lmcNo { width:68px; } /* 번호 가로크기 */ #lmcBoard .lmcGeneralList .lmcthum { width:100px; } /* 번호 가로크기 */ #lmcBoard .lmcGeneralList .lmcthum img { width:90%; height:auto;} /* 번호 가로크기 */ #lmcBoard .lmcGeneralList .lmcSubject { width:auto; text-align:left; overflow:hidden; font-family:"Nanum-Bold";} /* 제목 가로크기 및 텍스트 정렬 */ #lmcBoard .lmcGeneralList .lmcSubject a { color:#020202;} /* 제목 가로크기 및 텍스트 정렬 */ #lmcBoard .lmcGeneralList .lmcSubject a:hover { font-family:"Nanum-Bold";} #lmcBoard .lmcGeneralList .lmcSubject a:focus { font-family:"Nanum-Bold"; } #lmcBoard .lmcGeneralList .lmcSubject a b { font-family:"Nanum-Bold"; } #lmcBoard .lmcGeneralList .lmcSubject span { color:#8b8b8b; font-family:"Nanum-regular"; line-height:18px;} /* 제목 가로크기 및 텍스트 정렬 */ #lmcBoard .lmcGeneralList .lmcFile { width:35px; } /* 첨부파일 가로크기 */ #lmcBoard .lmcGeneralList .lmcWriter { width:120px; } /* 작성자 가로크기 */ #lmcBoard .lmcGeneralList .lmcDate { width:120px;} /* 작성일 가로크기 */ #lmcBoard .lmcGeneralList .lmcClick { width:120px; } /* 조회 가로크기 */ #lmcBoard .lmcGeneralList .lmcWrite { text-align:right; border:0 none; } /* 글쓰기 버튼 정렬 및 보더제외 */ #lmcBoard .lmcGeneralList .lmcSubject span.lmcSubjectReply { font-family:"Nanum-ExtraBold"; color:#1e1e1e; font-variant:normal; } /* 앨범목록 */ #lmcBoard .lmcAlbumList { width:100%; border-top:3px solid #1e1e1e; clear:both; text-align:center; float:left; padding-top:25px;} #lmcBoard .lmcAlbumList li { width:25%; float:left; padding-top:20px; padding:15px;} #lmcBoard .lmcAlbumList li ul { width:100%; float:left; } #lmcBoard .lmcAlbumList li ul li { width:100%; display:inline; height:auto; clear:both; overflow:hidden; padding:5px 0 3px 0; } #lmcBoard .lmcAlbumList li ul li span { font-variant:normal; } #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg { width:100%; position:relative; border-bottom:0 none; padding:0 0 5px 0;} #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg img { width:100%; /*height:88px;*/ } /* 이미지사이즈 */ #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a img { width:99.5%; border:1px solid #cccccc; /*background:#1e1e1e;*/ } /* 링크 이미지사이즈 */ /*#lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a:hover img { width:84%; height:74px; padding:8px 7%; border:0 none; }*/ /* 마우스오버 이미지사이즈 */ /*#lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a:focus img { width:84%; height:74px; padding:8px 7%; border:0 none; }*/ /* 마우스오버 이미지사이즈 */ #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a span { width:98%; height:88px; border:1px solid #cccccc; color:#ffffff; display:block; position:absolute; top:0; left:0; background:rgba(0, 0, 0, .0); z-index:600; } #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a:hover span { width:84%; height:74px; margin:8px 7%; border:1px solid #1e1e1e; background:rgba(0, 0, 0, .5); } #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a:focus span { width:84%; height:74px; margin:8px 7%; border:1px solid #1e1e1e; background:rgba(0, 0, 0, .5); } #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a span span { width:98%; height:68px; border:1px solid #cccccc; color:#ffffff; overflow:hidden; display:none; position:absolute; top:0; left:0; background:rgba(0, 0, 0, .0); } #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a:hover span span { width:84%; height:56px; display:block; margin:8px 7%; border:1px solid #1e1e1e; background-color:#000000; background:rgba(0, 0, 0, .6); } #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg a:focus span span { width:84%; height:56px; display:block; margin:8px 7%; border:1px solid #1e1e1e; background-color:#000000; background:rgba(0, 0, 0, .6); } #lmcBoard .lmcAlbumList li ul li.lmcTitle { width:100%; /*height:13px;*/ overflow:hidden; text-align:center; } #lmcBoard .lmcAlbumList li ul li.lmcTitle a { font-family:"Nanum-Bold"; color:#626262; font-size:15px; line-height:20px;} #lmcBoard .lmcAlbumList li ul li.lmcTitle a:hover { background-color:#1e1e1e; color:#ffffff; padding:0 2px 2px 2px; vertical-align:top; border-radius:2px; } #lmcBoard .lmcAlbumList li ul li.lmcTitle a:focus { background-color:#1e1e1e; color:#ffffff; padding:0 2px 2px 2px; vertical-align:top; border-radius:2px; } #lmcBoard .lmcAlbumList li ul li.lmcText { width:100%; height:15px; overflow:hidden; text-align:left; } #lmcBoard .lmcAlbumList li ul li.lmcText span { width:50%; height:15px; float:left; text-align:left; overflow:hidden; font-variant:normal; } #lmcBoard .lmcAlbumList li ul li.lmcText span:last-child { text-align:right; } #lmcBoard .lmcAlbumList.wbzine li { width:20%; margin:0 3.3% 0 1.5%; } #lmcBoard .lmcAlbumList.wbzine li ul li.lmcAlbumImg a img { height:180px; } /* 1칸웹진목록 */ #lmcBoard .lmcWebzinList { width:100%; padding:0; border-top:3px solid #1e1e1e; text-align:left; float:left; } #lmcBoard .lmcWebzinList li { width:100%; padding-top:50px; float:left; } #lmcBoard .lmcWebzinList li:first-child { padding-top:20px; } #lmcBoard .lmcWebzinList li ul { width:100%; float:left; } #lmcBoard .lmcWebzinList li ul li { width:72%; height:15px; float:left; margin-left:1%; border-bottom:1px dashed #cccccc; padding:5px 0 3px 0; word-break:break-all; overflow:hidden; } #lmcBoard .lmcWebzinList li ul li span { font-variant:normal; } #lmcBoard .lmcWebzinList li ul li:nth-child(2) { padding-top:0; } #lmcBoard .lmcWebzinList li ul li.lmcWebzinImg { width:25%; height:115px; display:inline; overflow:hidden; padding:0; border-bottom:0 none; margin:0; vertical-align:top; } /* 웹진 li 세로크기 */ #lmcBoard .lmcWebzinList li ul li.lmcWebzinImg a img { width:98%; height:98%; border:1px solid #cccccc; float:left; background:#1e1e1e; } /*#lmcBoard .lmcWebzinList li ul li.lmcWebzinImg a:hover img { width:84%; height:84%; padding:5% 7% 9% 7%; border:0 none; vertical-align:middle; }*/ /*#lmcBoard .lmcWebzinList li ul li.lmcWebzinImg a:focus img { width:84%; height:84%; padding:5% 7% 9% 7%; border:0 none; vertical-align:middle; }*/ #lmcBoard .lmcWebzinList li ul li.lmcWebzinContent { height:62px; padding-bottom:5px; line-height:120%; } /* 웹진 콘텐츠 세로크기 (위의 li 세로크기와 60px 차이로 */ #lmcBoard .lmcWebzinList li ul li.lmcWebzinTitle a { font-family:"Nanum-ExtraBold"; } #lmcBoard .lmcWebzinList li ul li.lmcWebzinTitle a:hover { background-color:#1e1e1e; color:#ffffff; padding:0 5px 2px 5px; vertical-align:top; border-radius:2px; } #lmcBoard .lmcWebzinList li ul li.lmcWebzinTitle a:focus { background-color:#1e1e1e; color:#ffffff; padding:0 5px 2px 5px; vertical-align:top; border-radius:2px; } #lmcBoard .lmcWebzinList li ul li.lmcWebzinText { text-align:right; } #lmcBoard .lmcWebzinList li ul li.lmcWebzinText span { float:left; } /* 2칸웹진목록 */ #lmcBoard .lmcWebzinListHalf { width:100%; padding:0; border-top:3px solid #1e1e1e; text-align:left; float:left; } #lmcBoard .lmcWebzinListHalf li { width:50%; padding-top:20px; float:left; } #lmcBoard .lmcWebzinListHalf li ul { width:100%; float:left; } #lmcBoard .lmcWebzinListHalf li ul li { width:57%; height:15px; float:left; margin-left:1%; border-bottom:1px dashed #cccccc; padding:5px 0 3px 0; word-break:break-all; overflow:hidden; } #lmcBoard .lmcWebzinListHalf li ul li span { font-variant:normal; } #lmcBoard .lmcWebzinListHalf li ul li:nth-child(2) { padding-top:0; } #lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinImg { width:40%; height:100px; display:inline; overflow:hidden; padding:0; border-bottom:0 none; margin:0; vertical-align:top; } /* 웹진 li 세로크기 */ #lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinImg a img { width:98%; height:98%; border:1px solid #cccccc; float:left; background:#1e1e1e; } /*#lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinImg a:hover img { width:84%; height:84%; padding:5% 7% 9% 7%; border:0 none; vertical-align:middle; }*/ /*#lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinImg a:focus img { width:84%; height:84%; padding:5% 7% 9% 7%; border:0 none; vertical-align:middle; }*/ #lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinContent { height:40px; padding-bottom:5px; } /* 웹진 콘텐츠 세로크기 (위의 li 세로크기와 60px 차이로 */ #lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinTitle a { font-family:"Nanum-ExtraBold"; } #lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinTitle a:hover { background-color:#1e1e1e; color:#ffffff; padding:0 5px 2px 5px; vertical-align:top; border-radius:2px; } #lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinTitle a:focus { background-color:#1e1e1e; color:#ffffff; padding:0 5px 2px 5px; vertical-align:top; border-radius:2px; } #lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinText { text-align:right; } #lmcBoard .lmcWebzinListHalf li ul li.lmcWebzinText span { float:left; } /* 뉴스기사형웹진목록 */ #lmcBoard .lmcWebzinListRow { width:100%; padding:0; border-top:3px solid #1e1e1e; text-align:left; float:left; } #lmcBoard .lmcWebzinListRow li { width:100%; padding-top:20px; float:left; } #lmcBoard .lmcWebzinListRow li ul { width:100%; float:left; } #lmcBoard .lmcWebzinListRow li ul li { width:100%; height:auto; float:left; margin-left:1%; border-bottom:1px dashed #cccccc; padding:5px 0 3px 0; word-break:break-all; overflow:hidden; } #lmcBoard .lmcWebzinListRow li ul li span { font-variant:normal; } #lmcBoard .lmcWebzinListRow li ul li:nth-child(2) { padding-top:0; } #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinImg { width:98%; height:auto; display:inline; overflow:hidden; padding:0; border-bottom:0 none; margin:0; vertical-align:top; text-align:center; } /* 웹진 li 세로크기 */ #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinImg a img { width:98%; height:auto; border:1px solid #cccccc; float:left; background:#1e1e1e; } #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinImg a:hover img { width:96%; height:auto; padding:1%; border:0 none; vertical-align:middle; } #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinImg a:focus img { width:96%; height:auto; padding:1%; border:0 none; vertical-align:middle; } #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinContent { height:auto; padding-bottom:5px; } /* 웹진 콘텐츠 세로크기 (위의 li 세로크기와 60px 차이로 */ #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinTitle a { font-family:"Nanum-ExtraBold"; } #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinTitle a:hover { background-color:#1e1e1e; color:#ffffff; padding:0 5px 2px 5px; vertical-align:top; border-radius:2px; } #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinTitle a:focus { background-color:#1e1e1e; color:#ffffff; padding:0 5px 2px 5px; vertical-align:top; border-radius:2px; } #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinText { text-align:right; } #lmcBoard .lmcWebzinListRow li ul li.lmcWebzinText span { float:left; } /* 글쓰기 & 수정 */ #lmcBoard .lmcTotalWriting { width:100%; padding:0; margin:0; clear:both; text-align:left; } #lmcBoard .lmcTotalWriting caption { text-align:left; padding:0 0 10px 0; font-family:"Nanum-ExtraBold"; font-size:14px; border-bottom:1px solid #1e1e1e; } #lmcBoard .lmcTotalWriting th.lmcWtTh { width:90px; text-align:left; padding:10px; vertical-align:middle; border-bottom:1px solid #cccccc; font-family:"Nanum-bold"; color:#1e1e1e; background-color:#f8f8f8; } #lmcBoard .lmcTotalWriting th.lmcWtTh label { font-family:"Nanum-bold"; color:#424242; } #lmcBoard .lmcTotalWriting td.lmcWtTd { width:auto; text-align:left; padding:10px; vertical-align:middle; border-bottom:1px solid #cccccc; } #lmcBoard .lmcTotalWriting td.lmcWtTd.lmcAlt { width:50%; } #lmcBoard .lmcTotalWriting td.lmcWtTd.lmcAlt label { width:auto; overflow:hidden; font-family:"Nanum-bold"; color:#424242; margin-right:10px; padding-left:15px; } #lmcBoard .lmcTotalWriting td.lmcWtTd.lmcAlt input { width:auto; } #lmcBoard .lmcTotalWriting td.lmcWtTd.lmcAlt span { padding-left:15px; padding-bottom:4px; clear:both; } #lmcBoard .lmcTotalWriting td.lmcWtTd.lmcGuideTxt { text-align:right; color:#ff0000; border-bottom:2px solid #1e1e1e;} #lmcBoard .lmcTotalWriting tfoot td.lmcWtTd { text-align:right; color:#777777; border-bottom:0px solid #1e1e1e; } #lmcBoard .lmcTotalWriting td.lmcWtTd input,select { height:20px; border:0 none; } #lmcBoard .lmcTotalWriting td.lmcWtTd input { width:80%; font-size:13px; border:1px solid #cccccc; height:28px; margin:0px; padding:2px 10px;} #lmcBoard .lmcTotalWriting td.lmcWtTd textarea { width:95%; height:150px; font-size:13px; overflow:auto; font-family:"Nanum-ExtraBold"; border:1px solid #cccccc; resize:none; } #lmcBoard .lmcTotalWriting td.lmcWtTd input.lmcMath { width:10%; height:24px; padding-left:10px; } #lmcBoard .lmcTotalWriting td.lmcWtTd select { width:120px; height:30px; border:1px solid #cccccc; } #lmcBoard .lmcTotalWriting td.lmcWtTd span { display:block; color:#555555; text-align:left; font-variant:normal; margin-bottom:2px; font-size:12px; } #lmcBoard .lmcTotalWriting td.lmcWtTd span.lmcSpamCut { display:block; float:left; background:#1e1e1e; color:#ffffff; text-align:left; font-variant:normal;height:24px; padding:3px 5px; margin-bottom:0; font-size:13px; } #lmcBoard .lmcTotalWriting td.lmcWtTd.lmcfileDelete a { display:block; float:left; margin-right:25px; padding:5px 0 5px 15px; background:url(../img/extention/filedel.jpg) 0 9px no-repeat; } #lmcBoard .lmcTotalWriting td.lmcWtTd.lmcfileDelete a:hover { color:#1e1e1e; font-family:"Nanum-ExtraBold"; } #lmcBoard .lmcTotalWriting td.lmcWtTd.lmcfileDelete a:focus { color:#1e1e1e; font-family:"Nanum-ExtraBold"; } /* 읽기 */ #lmcBoard .lmcTotalRead { width:100%; padding:0; margin:0; clear:both; text-align:left; border-top:3px solid #1e1e1e; position:relative; text-align:center;} #lmcBoard .lmcTotalRead >li { font-size:14px; list-style-type:none; background:url('../') no-repeat 0 2px; width:auto; height:auto; float:left; padding:0 11px 0 10px; color:#777777; margin-bottom:10px; border-left:1px solid #cccccc; position:relative; vertical-align:middle; text-align:left; } #lmcBoard .lmcTotalRead > li:nth-child(2) { padding:0 11px 0 0; color:#1e1e1e; font-family:"Nanum-Bold"; border:0 none; } #lmcBoard .lmcTotalRead > li.lmcReadTitle { background:#f7f7f7; width:100%; line-height:220%; height:auto; float:none; display:block; padding:10px 0; font-family:"Nanum-ExtraBold"; color:#555555;font-size:17px; border:0 none; border-bottom:1px solid #f0f0f0; position:relative; text-align:center;} #lmcBoard .lmcTotalRead > li.lmcReadsub { width:100%; line-height:190%; height:auto; float:none; display:block; padding:10px 0; font-family:"Nanum-ExtraBold"; color:#555555; font-size:13px; border:0 none; border-top:1px dashed #cccccc; position:relative; } #lmcBoard .lmcTotalRead > li.lmcReadDate { color:#777777; float:right; font-size:14px; border:0 none; } #lmcBoard .lmcTotalRead > li.lmcReadContents { width:100%; height:auto; display:block; float:none; padding:10px 0 15px 0; margin:0; clear:both; border:0 none; line-height:160%; overflow:hidden; color:#555555; font-size:13px;} #lmcBoard .lmcTotalRead > li.lmcCheck { width:75px; height:auto; border:0 none; float:none; display:inline-block; padding:0; margin:0 0 10px 10px; text-align:center; } #lmcBoard .lmcTotalRead > li.lmcCheck span.lmcCheckUp { width:70px; height:13px; padding:6px 0; vertical-align:middle; background-color:#1e1e1e; vertical-align:middle; border:0 none; border-left:1px solid #0D45B5; border-right:1px solid #0D45B5; border-top:1px solid #0D45B5; font-variant:normal; color:#ffffff; clear:both; display:block; cursor:pointer; border-radius:5px 5px 0 0; } #lmcBoard .lmcTotalRead > li.lmcCheck span.lmcCheckUp a { color:#ffffff; } #lmcBoard .lmcTotalRead > li.lmcCheck span.lmcCheckUp a:focus { background-color:#f3f3f3; color:#333333; border-radius:2px; } #lmcBoard .lmcTotalRead > li.lmcCheck span.lmcCheckDwon { width:70px; height:13px; padding:6px 0 6px 0; vertical-align:middle; background-color:#f3f3f3; vertical-align:middle; border:0 none; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-variant:normal; color:#333333; clear:both; display:block; border-radius:0 0 5px 5px; } #lmcBoard .lmcTotalRead > li.lmcCheck:hover span.lmcCheckUp { background-color:#f3f3f3; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; } #lmcBoard .lmcTotalRead > li.lmcCheck:hover span.lmcCheckUp a { color:#333333; } #lmcBoard .lmcTotalRead > li.lmcCheck:hover span.lmcCheckDwon { color:#ffffff; background-color:#1e1e1e; border-left:1px solid #0D45B5; border-right:1px solid #0D45B5; border-bottom:1px solid #0D45B5; } #lmcBoard .lmcTotalRead > li textarea { width:99.7%; height:60px; float:right; border:1px solid #cccccc; resize:none; overflow:auto; margin:0; padding:0; } #lmcBoard .lmcTotalRead > li img { max-width:100%; clear:both; display:block; margin:0 auto; } #lmcBoard .lmcTotalRead > li embed { max-width:100%; height:auto; clear:both; display:block; padding:5px 0 10px 0; margin:0 auto; } #lmcBoard .lmcTotalRead > li label { color:inherit; } #lmcBoard .lmcTotalRead > li input.lmcInputBox { width:auto; height:20px; display:inline; padding:0; margin:0; border:0 none; vertical-align:middle; font-family:inherit; font-size:1em; line-height:1.2em; } #lmcBoard .lmcTotalRead > li.lmcReadFile { width:100%; height:auto; display:block; float:none; clear:both; margin:0 auto 15px auto; border:1px solid #cccccc; text-indent:10px; padding:10px 0 0 0; color:#1e1e1e; font-family:"Nanum-ExtraBold"; background:#f6f7f8; } #lmcBoard .lmcTotalRead > li.lmcReadFile ul { width:100%; height:auto; margin:10px 0 0 0; float:none; display:block; padding:10px 0; border-top:1px solid #f0f0f0; background:#ffffff; } #lmcBoard .lmcTotalRead > li.lmcReadFile ul li { width:100%; height:auto; display:block; float:none; border:0 none; padding:5px 0; margin:0; } #lmcBoard .lmcTotalRead > li.lmcReadFile ul li:hover { background:#f3f5fe; } #lmcBoard .lmcTotalRead > li.lmcReadFile ul li a { color:#333333; font-weight:normal; font-family:"Nanum-regular"; padding:0; margin:0; } #lmcBoard .lmcTotalRead > li.lmcReadFile ul li a:hover { font-weight:bold; font-family:"Nanum-bold"; } #lmcBoard .lmcTotalRead > li.lmcReadFile ul li a:focus { font-weight:bold; font-family:"Nanum-bold"; } /* 읽기-댓글 */ #lmcBoard .lmcComment { width:96%; padding:10px 2% 0 2%; float:right; position:relative; background-color:#f6f7f8; border-top:0px solid #1e1e1e; border-bottom:0px dashed #cccccc; } #lmcBoard .lmcComment fieldset { width:100%; padding:10px 0; vertical-align:middle; } #lmcBoard .lmcComment fieldset textarea { width:99%; height:60px; border:1px solid #cccccc; resize:none; font-family:"Nanum-regular"; overflow:hidden; float:right; } #lmcBoard .lmcComment fieldset input { width:auto; height:28px; float:right; padding:5px 10px; margin:10px 0 0 15px; background-color:#f5f5f5; color:#676767; font-size:12px; border:1px solid #cccccc; cursor:pointer; font-family:"Nanum-regular"; } #lmcBoard .lmcComment fieldset span { padding:5px 0 0 5px; } #lmcBoard .lmcComment fieldset span span { color:#ff0000; padding:0 0 0 5px; } #lmcBoard .lmcComment li { width:100%; text-align:left; padding:0; font-family:"Nanum-ExtraBold"; line-height:180%; } #lmcBoard .lmcComment li ul { width:100%; padding:5px 0; } #lmcBoard .lmcComment li ul li { width:100%; font-family:"Nanum-ExtraBold"; padding-bottom:5px; position:relative; } #lmcBoard .lmcComment li ul li span { font-family:"Nanum-regular"; font-size:10px; color:#555555; font-variant:normal; padding-left:20px; } #lmcBoard .lmcComment li ul li.lmcCommentContents { width:98%; border-bottom:1px dashed #cccccc; padding:0 0 10px 2%; font-family:"Nanum-regular"; } #lmcBoard .lmcComment li ul li fieldset label { position:absolute; bottom:0; right:100px; padding-bottom:3px; } #lmcBoard .lmcComment li ul li fieldset label span { padding-left:15px; color:#ff0000; font-variant:normal; font-size:inherit; } #lmcBoard .lmcComment li ul li button { width:auto; height:18px; padding:2px 5px 0 5px; position:absolute; right:0; top:-25px; display:block; color:#676767; background-color:#eeeeee; border:1px solid #cccccc; cursor:pointer; font-variant:normal; } #lmcBoard .lmcComment li ul li button:hover { color:#1e1e1e; background-color:#ffffff; border:1px solid #cccccc; } #lmcBoard .lmcComment li ul li button:focus { color:#1e1e1e; background-color:#ffffff; border:1px solid #cccccc; } #lmcBoard .lmcComment li ul li a { width:auto; height:24px; padding:1px 10px 0 10px; position:absolute; right:0; top:-25px; display:block; color:#676767; background-color:#f5f5f5; border:1px solid #cccccc; cursor:pointer; font-family:"Nanum-regular"; font-size:12px; margin-left:5px; } #lmcBoard .lmcComment li ul li a:hover { color:#1e1e1e; background-color:#ffffff; border:1px solid #cccccc; } #lmcBoard .lmcComment li ul li a:focus { color:#1e1e1e; background-color:#ffffff; border:1px solid #cccccc; } #lmcBoard .lmcComment li ul li ul { width:90%; padding:5px 0 5px 10%; border-bottom:1px dashed #cccccc; background:url(../img/lmRe.png) 7% 10px no-repeat; } #lmcBoard .lmcComment li ul li ul li { width:100%; font-family:"Nanum-bold"; padding-bottom:5px; position:relative; } #lmcBoard .lmcComment li ul li ul li span { font-family:"Nanum-regular"; font-size:10px; color:#555555; font-variant:normal; padding-left:20px; } #lmcBoard .lmcComment li ul li ul li.lmcCommentContents { width:98%; padding:0 0 10px 2%; font-family:"Nanum-regular"; border:0 none; } #lmcBoard .lmcComment li ul li ul li fieldset { position:relative; vertical-align:middle; } #lmcBoard .lmcComment li ul li ul li fieldset textarea { width:99%; height:60px; border:1px solid #cccccc; resize:none; font-family:"Nanum-regular"; overflow:hidden; float:right; } #lmcBoard .lmcComment li ul li ul li fieldset input { width:auto; height:19px; float:right; padding:0 5px 0 5px; margin:10px 0 0 15px; background-color:#eeeeee; color:#676767; border:1px solid #cccccc; cursor:pointer; font-variant:normal; } #lmcBoard .lmcComment li ul li ul li fieldset label { position:absolute; bottom:0; right:100px; padding-bottom:3px; } #lmcBoard .lmcComment li ul li ul li fieldset label span { padding-left:15px; color:#ff0000; font-variant:normal; font-size:inherit; } /* 읽기-이전글&다음글 */ #lmcBoard .lmcPrevNext { width:98.5%; display:block; clear:both; padding:20px 0 0 0; } #lmcBoard .lmcPrevNext li { width:100%; clear:both; float:left; border-top:1px solid #cccccc; background:url('../') no-repeat 0 2px} #lmcBoard .lmcPrevNext li:hover { background-color:#f3f3f3; } #lmcBoard .lmcPrevNext li ul { width:100%; border:0 none; } #lmcBoard .lmcPrevNext li ul li { width:60%; overflow:hidden; float:left; clear:none; padding:10px 0; border:0 none; position:relative; text-indent:70px; } #lmcBoard .lmcPrevNext li ul li a:hover { font-weight:bold; font-family:"Nanum-bold"; } #lmcBoard .lmcPrevNext li ul li a:focus { font-weight:bold; font-family:"Nanum-bold"; } #lmcBoard .lmcPrevNext li ul li span.lmcPrevNext { position:absolute; left:0; top:7px; width:auto; height:auto; font-size:12px; padding:2px 10px 3px 10px; text-indent:0; background-color:#f5f5f5; border:1px solid #cccccc; display:inline-block; font-variant:normal; } #lmcBoard .lmcPrevNext li ul li.lmcViewWriter { width:20%; text-align:center; text-indent:0; font-size:12px; } #lmcBoard .lmcPrevNext li ul li.lmcViewDate { width:20%; text-align:right; text-indent:0; font-size:12px; } /* 삭제 */ #lmcBoard fieldset.lmcDelet { width:70%; height:auto; margin:0 auto; display:block; border:8px solid #1e1e1e; padding:0 5% 15px 5%; } #lmcBoard fieldset.lmcDelet legend { width:60%; text-align:center; max-width:60%; font-family:"Nanum-ExtraBold"; font-size:14px; overflow:hidden; } #lmcBoard fieldset.lmcDelet label { display:block; padding:15px 0; } #lmcBoard fieldset.lmcDelet input.lmcDeletInput { display:block; width:100%; height:30px; margin-bottom:15px; } #lmcBoard fieldset.lmcDelet span { display:block; text-align:right; font-variant:normal; } /* 회원가입 */ #lmcMember { width:100%; font-size:13px; float:left; position:relative; } #lmcMember .lmcMemberJoinBtn { width:auto; height:24px; padding:1px 5px 3px 5px; margin:8px 0 0 10px; background-color:#1e1e1e; float:right; color:#ffffff; border:1px solid #cccccc; cursor:pointer; font-variant:normal; } #lmcMember table { width:100%; padding:0; margin:0; clear:both; text-align:left; } #lmcMember table caption { text-align:left; padding:0 0 10px 0; font-family:"Nanum-ExtraBold"; font-size:14px; border-bottom:1px solid #1e1e1e; } #lmcMember table th { width:120px; text-align:left; padding:10px 0; vertical-align:middle; border-bottom:1px dashed #cccccc; } #lmcMember table th label { font-family:"Nanum-bold"; color:#1e1e1e; font-weight:normal; } #lmcMember table td { width:auto; text-align:left; padding:10px 0; vertical-align:middle; border-bottom:1px dashed #cccccc; } #lmcMember table thead td { text-align:right; color:#ff0000; } #lmcMember table tfoot td { text-align:right; color:#777777; border-bottom:1px solid #1e1e1e; } #lmcMember table td input,select { height:20px; border:0 none; } #lmcMember table td input { width:80%; font-family:"Nanum-ExtraBold"; border:1px solid #cccccc; } #lmcMember table td input.lmcMath { width:10%; height:24px; padding-left:10px; } #lmcMember table td select { width:120px; height:20px; border:1px solid #cccccc; } #lmcMember table td span { display:block; color:#555555; text-align:left; font-variant:normal; padding-bottom:5px; margin-bottom:5px; font-size:11px; } #lmcMember table td span.lmcSpamCut { display:block; float:left; background:#1e1e1e; color:#ffffff; text-align:left; font-variant:normal; padding:5px; margin-bottom:0; font-size:13px; } #lmcMember table td.lmcMail input { width:20%; } #lmcMember table td.lmcMail select { width:110px; height:20px; padding:0; margin:0; } #lmcMember table td.lmcAddress input { width:7%; } #lmcMember table td.lmcAddress input.lmcAddrPoint { width:80%; display:block; margin-top:5px; } #lmcMember table td.lmcAddress a { width:auto; display:inline-block; height:18px; padding:3px 10px 0 10px; margin:0 0 0 5px; background-color:#1e1e1e; color:#ffffff; border:1px solid #cccccc; cursor:pointer; font-variant:normal; } #lmcMember table td.lmcAddress a:hover { background-color:#ffffff; color:#1e1e1e; } #lmcMember table td.lmcAddress a:focus { background-color:#ffffff; color:#1e1e1e; } #lmcMember table td.lmcPhone input { width:10%; } #lmcMember table td.lmcPhone select { width:80px; height:20px; padding:0; margin:0; } #lmcMember table td.lmcTel input { width:10%; } #lmcMember table td.lmcTel select { width:120px; height:20px; padding:0; margin:0; } #pw_form {width:100%; background-color:#f7f7f7; text-align:Center; padding:30px 0; font-size:16px;} #pw_form input { width:auto; height:25px; padding:3px 15px 5px 15px; margin:8px 0 0 5px; } #pw_form button { width:auto; height:35px; padding:3px 15px 5px 15px; margin:8px 0 0 5px; background-color:#424242; color:#fff; display:inline-block; cursor:pointer; font-size:11px; font-family:"Nanum-bold";} /*테이블*/ #lmcBoard .lmcTotalRead .table_w .caption { overflow:hidden; position:absolute; top:-10000px; left:-10000px; width:1px; height:1px; text-indent:-10000px; z-index:-999; font-size:1px; padding:0; margin:0; } #lmcBoard .lmcTotalRead .table_w { position:relative; width:99.5%; margin:20px 0 70px 0;border-top:3px solid #055695; } #lmcBoard .lmcTotalRead .table_w .table { position:relative; width:100%; letter-spacing:0px; border-left:1px solid #e5e5e5; } #lmcBoard .lmcTotalRead .table_w .table th { padding:15px 10px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f8f8f8; word-break:break-all; text-align:center;} #lmcBoard .lmcTotalRead .bn { border-top:none; } #lmcBoard .lmcTotalRead .bn th.gray { background:#3d3d3d; color:#fff; border:1px solid #3d3d3d;} #lmcBoard .lmcTotalRead .table_w .table td { border-top:none; padding:15px 15px; text-align:center; line-height:18px; font-weight:normal; font-size:14px; color:#777; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; word-break:break-all; } #lmcBoard .lmcTotalRead .table_w .table td.bg_01 { background:#f9f9f9; } #lmcBoard .lmcTotalRead .table_w .table td textarea { width:98%; border:1px solid #e5e5e5; height:200px; padding:5px; margin:0 auto; line-height:24px; } #lmcBoard .lmcTotalRead .table_normal { font-size:12px; color:#777; text-align:right; line-height:18px; margin:10px 5px -10px 0px; } #lmcBoard .lmcTotalRead ul.table_ul01 { position:relative; margin:5px 0px; } #lmcBoard .lmcTotalRead ul.table_ul01 li { padding:2px 0px 1px 12px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul01.gif") no-repeat left 12px; } #lmcBoard .lmcTotalRead ul.table_ul02 { position:relative; margin:5px 0px; } #lmcBoard .lmcTotalRead ul.table_ul02 li { padding:2px 0px 1px 12px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul02.gif") no-repeat left 10px; } #lmcBoard .lmcTotalRead ul.table_ul03 { position:relative; margin:5px 0px; } #lmcBoard .lmcTotalRead ul.table_ul03 li { padding:2px 0px 1px 12px; font-size:14px; color:#777; line-height:20px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../images/sub/icon_ul03.gif") no-repeat left 12px; } /* 테이블 들여쓰기 */ #lmcBoard .lmcTotalRead .table_w_ { position:relative; width:97%; margin:10px 0 0 2.7%; } #lmcBoard .lmcTotalRead .table_w_ .table { position:relative; width:100%; letter-spacing:0px; border-top:2px solid #474747; border-left:1px solid #e5e5e5; } #lmcBoard .lmcTotalRead .table_w_ .table th { padding:15px 10px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#fbfdff; word-break:break-all; } #lmcBoard .lmcTotalRead .table_w_ .table th.gray { padding:15px 10px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:url("../images/board/tbody_th.gif") repeat left top; } #lmcBoard .lmcTotalRead .table_w_ .table td { padding:15px 15px; line-height:18px; font-weight:normal; font-size:14px; color:#777; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; word-break: break-all; } /*이미지*/ #lmcBoard .lmcTotalRead .P_img { position:relative; margin:20px 0 30px 0; overflow:hidden;} #lmcBoard .lmcTotalRead .P_img .parts1 { position:relative; float:left; width:49%;} #lmcBoard .lmcTotalRead .P_img .parts2 { position:relative; float:right; width:49%;} /*Lighting Biz Parts (제품소개)*/ #lmcBoard .lmcTotalRead .lmcReadContents { position:relative; width:100%; overflow:hidden; clear:both; padding-top:15px;} #lmcBoard .lmcTotalRead .lmcReadContents .box { overflow:hidden; margin-top:45px; font-family:"NanumGothic"} #lmcBoard .lmcTotalRead .lmcReadContents .viewBox_top .item_photo .bx-wrapper:first-child { border:0 !important; } .lmcReadContents .viewBox_img { position:relative; float:left; width:534px; } .lmcReadContents .prd_img_w { overflow:hidden; position:relative; width:534px; height:460px; border:1px solid #d2d2d2; } .lmcReadContents .prd_img_w .prd_img { position:relative; float:left; width:2000%; } .lmcReadContents .prd_img_w .prd_img li { display:inline-block;} .lmcReadContents .prd_img_w .prd_img1 { float:left; height:460px; } .lmcReadContents .prd_img_w .prd_img2 { float:left; height:460px; } .lmcReadContents .prd_img_w .prd_img img { width:534px; height:460px; } .lmcReadContents .prd_img_w .zoomImg { position:absolute; bottom:12px; right:12px; width:48px; height:48px; } .lmcReadContents .prd_thumbImg_w { position:relative; z-index:100; float:left; width:534px; height:116px; margin-top:12px; padding:0 33px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .lmcReadContents .prd_thumbImg_w .thumbImg { margin:0 2px;} .lmcReadContents .prd_thumbImg_w .thumbImg li { width:116px; position:relative; float:left;} .lmcReadContents .prd_thumbImg_w .thumbImg li.on img{ border:1px solid #808080;} .lmcReadContents .prd_thumbImg_w .thumbImg li img { height:114px;} .lmcReadContents .prd_thumbImg_w button { position:absolute; top:-1px; width:35px; height:116px; border:1px solid #e5e5e5; } .lmcReadContents .prd_thumbImg_w button.prev { left:0; background:#fff url("../img/lighting/btn_item_prev.gif") no-repeat 10px 48px; } .lmcReadContents .prd_thumbImg_w button.next { right:0; background:#fff url("../img/lighting/btn_item_next.gif") no-repeat 10px 48px; } .lmcReadContents .prd_thumbImg_w .thumbImg_w { overflow:hidden; position:relative; width:100%; height:114px; z-index:-10;} .lmcReadContents .prd_thumbImg_w .thumbImg_w a.thumbImg { display:block; width:84px; height:120px; border-right:0 !important; } .lmcReadContents .prd_thumbImg_w .thumbImg_w a.thumbImg img { width:100%; height:120px; border-right:1px solid #e5e5e5; } .lmcReadContents .prd_thumbImg_w .thumbImg_w a.thumbImg:first-child img { width:84px; border-right:0; } .lmcReadContents .prd_thumbImg_w .thumbImg_w a.on img, .lmcReadContents .prd_thumbImg_w .thumbImg_w a.thumbImg:hover img { width:78px !important; height:78px !important; border:3px solid #ff772f !important; } .lmcReadContents .viewBox_info { float:left; width:714px; margin-left:50px; text-align:left;} .lmcReadContents .viewBox_info .v_tt1 { font-size:35px; color:#444444; line-height:42px; margin-bottom:15px; font-weight:600;} .lmcReadContents .viewBox_info .v_tt2 { font-size:25px; border-bottom:1px solid #ececec; padding-bottom:30px;} .lmcReadContents .viewBox_info .prd_group { font-size:18px; color:#606060; text-align:left; padding-top:22px;} .lmcReadContents .viewBox_info .prd_group dt { float:left; width:20%; line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .prd_group dd { line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .g_bg { background:#393939;width:92px; height:34px; float:left; margin-right:5px; color:#fff; text-align:center; padding-top:6px; margin-top:20px;} .lmcReadContents .viewBox_info .g_bg span { margin:7px; font-size:15px;} .lmcReadContents .D_bulb { position:relative; overflow:hidden; background:#f7f7f7; margin:90px 0 40px 0; padding:32px 0;} .lmcReadContents .D_bulb li { display:inline-block; float:left; width:25%; text-align:center;} .lmcReadContents .D_bulb li.ti1 { font-size:30px; color:#292929; font-weight:600; text-align:center; margin-top:80px; line-height:38px;} .lmcReadContents .D_bulb li.ti4 { font-size:30px; color:#292929; font-weight:600; text-align:center; margin-top:80px; line-height:38px;} @media (max-width: 1490px) { /*Lighting Biz Parts (제품소개)*/ .lmcReadContents .viewBox_info { margin-left:40px; width:40%;} .lmcReadContents .viewBox_info .v_tt1 { font-size:35px; color:#444444; line-height:42px; margin-bottom:15px; font-weight:600;} .lmcReadContents .viewBox_info .v_tt2 { font-size:25px; border-bottom:1px solid #ececec; padding-bottom:30px;} .lmcReadContents .viewBox_info .prd_group { font-size:20px; color:#606060; padding-top:22px;} .lmcReadContents .viewBox_info .prd_group dt { float:left; width:30%; line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .prd_group dd { line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .g_bg { background:#393939;width:92px; height:34px; float:left; margin-right:5px; color:#fff; text-align:center; padding-top:8px; margin-top:20px;} .lmcReadContents .viewBox_info .g_bg span { margin:10px;} .lmcReadContents .D_bulb { position:relative; overflow:hidden; background:#f7f7f7; margin-top:90px; padding:32px 0;} .lmcReadContents .D_bulb li { display:inline-block; float:left; width:25%; text-align:center;} .lmcReadContents .D_bulb li.ti1 { font-size:30px; color:#292929; font-weight:600; text-align:center; margin-top:80px; line-height:38px;} .lmcReadContents .D_bulb li.ti4 { font-size:30px; color:#292929; font-weight:600; text-align:center; margin-top:80px; line-height:38px;} } @media (max-width: 1000px) { /* 앨범목록 */ #lmcBoard .lmcAlbumList li { width:50%; } /*0301Lighting Biz Parts*/ .lmcReadContents .viewBox_img { float:none; margin:0 auto;} .lmcReadContents .viewBox_info { margin:60px 0 0 40px; width:100%;} .lmcReadContents .viewBox_info .v_tt1 { font-size:35px; color:#444444; line-height:42px; margin-bottom:15px; font-weight:600;} .lmcReadContents .viewBox_info .v_tt2 { font-size:25px; border-bottom:1px solid #ececec; padding-bottom:30px;} .lmcReadContents .viewBox_info .prd_group { font-size:20px; color:#606060; padding-top:22px;} .lmcReadContents .viewBox_info .prd_group dt { float:left; width:20%; line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .prd_group dd { line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .g_bg { background:#393939;width:92px; height:34px; float:left; margin-right:5px; color:#fff; text-align:center; padding-top:8px; margin-top:20px;} .lmcReadContents .viewBox_info .g_bg span { margin:10px;} .lmcReadContents .D_bulb li.ti1 { font-size:22px; margin-top:53px;} .lmcReadContents .D_bulb li.ti4 { font-size:22px; margin-top:53px;} .lmcReadContents .D_bulb li img { width:100%;} } @media all and (max-width:820px){ #pw_form {width:94%; margin:0 auto; background-color:#f7f7f7; text-align:Center; padding:30px 0;} #lmcBoard .lmcGeneralList .lmcFile {display:none;} /* 작성일 가로크기 */ #lmcBoard .lmcGeneralList .lmcWriter {display:none;} /* 작성일 가로크기 */ #lmcBoard .lmcGeneralList .lmcClick {display:none;} /* 조회 가로크기 */ #lmcBoard .lmcGeneralList .lmcDate {display:none;} /* 조회 가로크기 */ } @media all and (max-width:640px){ /* select카테고리검색 */ #lmcBoard .lmcSelectSearch { width:100%; max-width:100%; float:right; padding:0 0 20px 0; margin:0; } /* 패딩 값 변경 디폴트와 IE 6,7이 다름 */ /* select카테고리 */ #lmcBoard .lmcCateSelect { width:100%; max-width:100%; position:relative; float:right; text-align:right; padding:30px 0 20px 0; margin:0; } #lmcBoard .lmcCateSelect span { width:100%; display:block; font-size:17px; padding:0 0 15px 0; margin:0; text-align:right; font-weight:bold; font-variant:normal; } #lmcBoard .lmcCateSelect fieldset { width:100%; display:block; } #lmcBoard .lmcCateSelect fieldset label { width:auto; margin:0; font-size:17px; padding-top:2px; vertical-align:top; float:right; } #lmcBoard .lmcCateSelect fieldset select { width:130px; height:30px; margin:0; padding:0; float:none; border:1px solid #cccccc; } #lmcBoard .lmcCateSelect fieldset input { width:auto; height:30px; border:0px; padding:3px 10px; margin:0 0 0 5px;background-color:#424242; color:#ffffff; cursor:pointer; font-size:14px; float:right;} /*Lighting Biz Parts*/ .lmcReadContents .viewBox_img { position:relative; width:100%; } .lmcReadContents .prd_img_w { overflow:hidden; position:relative; width:89%; height:auto; border:1px solid #d2d2d2; margin:0 auto;} .lmcReadContents .prd_img_w .prd_img { position:relative; float:left; width:2000%;} .lmcReadContents .prd_img_w .prd_img li { float:left; height:460px;} .lmcReadContents .prd_img_w .zoomImg { position:absolute; bottom:12px; right:12px; width:48px; height:48px; } .lmcReadContents .prd_thumbImg_w { position:relative; float:none; width:406px; height:84px; padding:0 33px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:12px auto; } .lmcReadContents .prd_thumbImg_w .thumbImg li { width:84px; position:relative; float:left;} .lmcReadContents .prd_thumbImg_w .thumbImg li img{ width:84px; height:83px;} .lmcReadContents .prd_thumbImg_w .thumbImg_w { height:83px;} .lmcReadContents .prd_thumbImg_w button { position:absolute; top:-1px; width:35px; height:84px; border:1px solid #e5e5e5; } .lmcReadContents .prd_thumbImg_w button.prev { left:0; background:#fff url("../img/lighting/btn_item_prev.gif") no-repeat 10px 30px; } .lmcReadContents .prd_thumbImg_w button.next { right:0; background:#fff url("../img/lighting/btn_item_next.gif") no-repeat 10px 30px; } .lmcReadContents .viewBox_img { float:none; margin:0 auto;} .lmcReadContents .viewBox_info { margin:60px 0 0 40px; width:100%;} .lmcReadContents .viewBox_info .v_tt1 { font-size:35px; color:#444444; line-height:42px; margin-bottom:15px; font-weight:600;} .lmcReadContents .viewBox_info .v_tt2 { font-size:25px; border-bottom:1px solid #ececec; padding-bottom:30px;} .lmcReadContents .viewBox_info .prd_group { font-size:20px; color:#606060; padding-top:22px;} .lmcReadContents .viewBox_info .prd_group dt { float:left; width:29%; line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .prd_group dd { line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .g_bg { background:#393939;width:92px; height:34px; float:left; margin-right:5px; color:#fff; text-align:center; padding-top:8px; margin-top:20px;} .lmcReadContents .viewBox_info .g_bg span { margin:10px;} .lmcReadContents .D_bulb li { width:100%;} .lmcReadContents .D_bulb li.ti1 { font-size:22px; margin-top:20px;} .lmcReadContents .D_bulb li.ti2 { margin-top:20px;} .lmcReadContents .D_bulb li.ti3 { margin-top:137px; margin-bottom:20px;} .lmcReadContents .D_bulb li.ti4 { position:absolute; font-size:22px; margin-top:53px; top:47%; left:0;} .lmcReadContents .D_bulb li img { width:50%;} } @media all and (max-width:520px){ #lmcBoard .lmcGeneralList .lmcthum { width:65px;} /* 번호 가로크기 */ #lmcBoard .lmcGeneralList .lmcthum img { width:100%;} /* 번호 가로크기 */ } @media all and (max-width:479px){ /* ui카테고리&none카테고리 검색 */ #lmcBoard .lmcUiSearch { margin-bottom:25px;} #lmcBoard .lmcUiSearch span { float:right; text-align:right; margin-bottom:15px;} #lmcBoard .lmcUiSearch fieldset { width:auto; padding:0; margin:0; text-align:right; display:inline; vertical-align:top; } #lmcBoard .lmcUiSearch fieldset select { width:85px; max-width:85px; height:30px; border:1px solid #cccccc; padding:0px !important;} #lmcBoard .lmcUiSearch fieldset input { width:100px; height:30px; padding:0 5px; margin:0 0 0 5px; } /* 앨범목록 */ #lmcBoard .lmcAlbumList { width:100%;} #lmcBoard .lmcAlbumList li { width:100%; margin:0;} #lmcBoard .lmcAlbumList li ul li.lmcAlbumImg { padding:0;} /*0301Lighting Biz Parts*/ .lmcReadContents .viewBox_img { position:relative; width:100%; } .lmcReadContents .prd_img_w { overflow:hidden; position:relative; width:290px; height:200px; border:1px solid #d2d2d2; } .lmcReadContents .prd_img_w .prd_img { position:relative; float:left; width:2000%; } .lmcReadContents .prd_img_w .prd_img li { float:left; width:290px; height:200px;} .lmcReadContents .prd_img_w .prd_img li img { width:100%; height:200px;} .lmcReadContents .prd_img_w .zoomImg { position:absolute; bottom:12px; right:12px; width:48px; height:48px; } .lmcReadContents .prd_thumbImg_w { position:relative; float:none; margin:0 auto; width:290px; height:60px; margin-top:12px; padding:0 33px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .lmcReadContents .prd_thumbImg_w .thumbImg_w { height:58px;} .lmcReadContents .prd_thumbImg_w .thumbImg li { width:25%; position:relative; float:left;} .lmcReadContents .prd_thumbImg_w .thumbImg li img{ width:100%; height:58px;} .lmcReadContents .prd_thumbImg_w button.prev { background: #fff url("../img/lighting/btn_item_prev.gif") no-repeat 10px 17px; height:60px;} .lmcReadContents .prd_thumbImg_w button.next { background: #fff url("../img/lighting/btn_item_next.gif") no-repeat 10px 17px; height:60px;} .lmcReadContents .viewBox_img { float:none; margin:0 auto;} .lmcReadContents .viewBox_info { margin:40px 0 0 10px; width:100%;} .lmcReadContents .viewBox_info .v_tt1 { font-size:25px; color:#444444; line-height:30px; margin-bottom:7px; font-weight:600;} .lmcReadContents .viewBox_info .v_tt2 { font-size:17px; border-bottom:1px solid #ececec; padding-bottom:30px;} .lmcReadContents .viewBox_info .prd_group { font-size:16px; color:#606060; padding-top:22px;} .lmcReadContents .viewBox_info .prd_group dt { float:left; width:43%; line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .prd_group dd { line-height:45px; font-weight:300;} .lmcReadContents .viewBox_info .g_bg { background:#393939;width:92px; height:34px; float:left; margin-right:5px; color:#fff; text-align:center; padding-top:8px; margin-top:20px;} .lmcReadContents .viewBox_info .g_bg span { margin:10px;} .lmcReadContents .D_bulb li { width:100%;} .lmcReadContents .D_bulb li .ti1 { font-size:22px; margin-top:20px;} .lmcReadContents .D_bulb li.ti2 { margin-top:20px;} .lmcReadContents .D_bulb li.ti3 { margin-top:137px; margin-bottom:20px;} .lmcReadContents .D_bulb li.ti4 { position:absolute; font-size:22px; margin-top:53px; top:47%; left:0;} .lmcReadContents .D_bulb li img { width:50%;} }