@charset "utf-8"; /* 게시판과 관련된 내용 */ /* -- 게시판 공통-- */ #board{width: 100%;} caption {display:none;} #board img{ width:100%; } /* -- 게시판 반응 -- */ #board .web_col { display: table-column-group; } #board .mob_col { display: none; } #board .web_tr { display: table-row; } #board .mob_tr { display: none; } #board .web_td { display: table-cell; } #board .mob_td { display: none; } @media (max-width:750px) { #board .web_col { display: none; } #board .mob_col { display: table-column-group; } #board .web_tr { display: none; } #board .mob_tr { display: table-row; } #board .web_td { display: none; } #board .mob_td { display: table-cell; } } /* 게시판 제목 말줄임 */ #board .name{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*#board .subject{ text-align:left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/ #board .subject a{ display: block; width: 100%; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #board .subject2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em; height: 2.6em; } #board .subject3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em; height: 3.8em; } .sub_title{ margin: 0 -5px; padding: 10px 0; text-align: center; color:#fff; background: #2d2d6d; } #board .bo_title{ padding: 15px 0 10px 0; } #board .bo_title span{ float:right; } /* -- 게시판 버튼 -- */ #board .btn_l{ float: left; padding: 15px 2px !important; } #board .btn_l a{ display: inline-block; cursor: pointer; margin: 0 0 0 10px; text-align: center; line-height: 40px; } #board .btn_r{ float: right; padding: 15px 2px !important; } #board .btn_r a{ display: inline-block; cursor: pointer; margin: 0 10px 0 0; text-align: center; line-height: 40px;} /* -- 글쓰기 버튼 -- */ #board .btn_write{ padding: 0px 20px; vertical-align: middle; color: #fff; background: #2d2d6d;} #board .btn_list { padding: 0px 20px; vertical-align: middle; color: #fff; background: #666; } #board .btn_modify { padding: 0px 20px; vertical-align: middle; color: #fff;background: #666; } #board .btn_delete { padding: 0px 20px; vertical-align: middle; color: #fff; background: #666; } #board .btn_again { height: 40px; padding: 0 20px; color: #fff; background: #999; } #board .btn_end { height: 40px; padding: 0 20px; vertical-align: middle; line-height: 40px; color: #fff; background: #845ca2; } #board .btn_cancel { padding: 0px 20px; vertical-align: middle; color: #fff; background: #999;} #board .btn_modify { padding: 0px 20px; vertical-align: middle; color: #fff; background: #999; } #board .btn_delete_file { padding: 0px 10px; vertical-align: middle; color: #fff; background: #666; } .modal .btn_write { padding: 0px 20px; vertical-align: middle; color: #fff; background: #2d2d6d;} .modal .btn_end { padding: 0px 20px; vertical-align: middle; color: #fff; background: #666; } /* -- 상태 -- */ #board .re_ing{ display: inline-block; padding: 3px 8px; font-size: 0.9em; color: #fff; background: #999; } #board .re_ok{ display: inline-block; padding: 3px 8px; font-size: 0.9em; color: #fff; background: #475065; } /* -- 스팸방지코드 -- */ .mr_5{ width: auto !important; } /* -- 비밀번호 -- */ .board_pw {width:350px; margin:auto; padding:30px 25px; text-align:center; border:2px solid #3286e4; background-color:#fff; display:none;} .board_pw div{margin: 0 0 10px 0;} .board_pw input[type="password"]{ width: 40%; height: 40px; } .board_pw .btn_pw_ok { padding:0 15px !important; line-height: 32px; color:#fff !important; background:#475065 !important; } .board_pw .btn_pw_gray { display: inline-block; padding:0px 15px !important; line-height: 32px; vertical-align: middle; color:#fff !important; background:#a3a3a3 !important;} #simplemodal-overlay { background-color:#000; } /*지역설정*/ .area { padding: 15px 0 0 0; } .area li a{ display: block; text-align: center; margin:0 0 10px 0; padding: 20px 0; border: 1px solid #ddd; border-radius: 5px; } .area .on a{ color:#fff; border: 1px solid #2d2d6d; background: #2d2d6d; } /* -- 페이징 -- */ #page { clear: both; padding: 15px 0 0 0; text-align: center; } #page a{ display: inline-block; width: 50px; height: 50px; line-height: 50px; } #page a:hover { font-weight: 500; } #page span { position: relative; } #page span i{ content: ""; position: absolute; top: 45%; left: 0; display: block; width: 5px; height: 5px; border-radius: 5px; background: #444; } #page .on {border-radius: 50%; font-weight: 500; color: #2d2d6d; background: #f7f7f7; } #page .first, #page .prev, #page .next ,#page .last{ width: 20px; height: 50px; background: url('../../img/board/arrow.png') no-repeat; vertical-align: top; } #page .first{ background-position: -40px 12px; margin: 0 15px 0 0; } #page .prev{ background-position: 0px 12px; margin: 0 2% 0 0; } #page .next{ background-position: -20px 12px; margin: 0 0 0 2%; } #page .last{ background-position: -60px 12px; margin: 0 0 0 15px; } /* -- 검색 -- */ #search{ margin:0 -5px; padding: 10px; background: #f7f7f7; } #search td{ padding: 5px; text-align: center; } #search input[type="submit"]{ height: 40px; vertical-align: middle; } #search .info{ border-top: 1px solid #dcdcdc; } #search .info td{ text-align: left; } #search .info a{ display: block; text-align: center; line-height: 52px; } /* -- 리스트형 게시판 -- */ #board h5{ padding:10px 0; } #board .list{ border-top:1px solid #ddd; } #board .list th{ padding:15px 10px; text-align: center; font-weight: 300; letter-spacing: -1px; border-bottom: 1px solid #ddd; } #board .list td{ padding:15px 10px; text-align: center; letter-spacing: -1px; border-bottom: 1px solid #ddd; } #board .list td:nth-child(2){ text-align: left; } #board .list td:nth-child(3){ text-align: right; } #board .list .num{ position: relative; } #board .list .num a{ display: block; position: absolute; width: 30px; height:35px; line-height: 35px; text-align: center; } #board .list .num a.up{ top:15px; right:10px; border-left: 1px solid #cdcdcd;} #board .list .num a.down{ top:15px; left:-20px; border-left: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } #board .list .sub_bg, #board .list .point_bg{ padding: 5px 0; } /* faq */ #board .list .faq_icon{ vertical-align: top; background:#f1f1f1; } #board .list .faq_content{ background:#f1f1f1; } /* -- 추천인 정보 -- */ #board .friend{ border-top:1px solid #ddd; } #board .friend th{ padding:15px 10px; text-align: center; font-weight: 300; letter-spacing: -1px; border-bottom: 1px solid #ddd; } #board .friend td{ padding:15px 10px; text-align: center; letter-spacing: -1px; border-bottom: 1px solid #ddd; } /* -- 마이페이지 -- */ #board .mypage th{ padding:10px 10px; text-align: center; font-weight: 300; letter-spacing: -1px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; } #board .mypage td{ padding: 5px 5px; text-align: center; letter-spacing: -1px; border-bottom: 1px solid #ddd; } /* -- 가맹점 -- */ #board .store_tt{ padding: 15px 0 10px 0; } #board .store{ border-top: 2px solid #2d2d6d; } #board .store th{ padding: 5px 10px; text-align: center; font-weight: 300; letter-spacing: -1px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; } #board .store td{ padding: 5px 10px; text-align: center; letter-spacing: -1px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } #board .store th:nth-child(1){ border-left: 0; } #board .store td:nth-child(1){ border-left: 0; } #board .store a{ display: block; line-height: 30px; color:#fff; background: #2d2d6d; } /* -- 게시판 뷰 -- */ #board .view{ border-top:1px solid #ddd; } #board .view th{ padding:15px 10px; text-align:center; font-weight:500; border-bottom: 1px solid #ddd;} #board .view th img{ width: auto; max-width: 100%; } #board .view td{ padding:15px 10px; text-align: left; border-bottom: 1px solid #ddd;} #board .view td bold{font-weight:bold; color:#333;} /* -- 댓글 -- */ #board .comment_title{ padding: 10px; background: #ddd; } #board .comment{ border-top:1px solid #ddd; } #board .comment td{ padding:15px 10px; border-bottom: 1px solid #ddd;} /* -- 게시판뷰 정보 -- */ #board .view dl{ overflow: hidden;} #board .view .substance dl{ background:#f2f2f2;} #board .view dl dt{ float:left; margin-right:10px; font-weight:bold; color:#333;} #board .view dl dd{float:left; text-align:left; margin-right:50px; background:#fff;} @media (max-width: 520px){ #board .view dl dt{ width:18%; } #board .view dl dd{ width:60%; } } /* -- 첨부파일 -- */ #board .view .file dt{ float: left; } #board .view .file dd{ display: block; float: none; margin: 0; padding: 0 0 0 80px; } @media (max-width: 960px){ #board .view .file dd{ padding: 0 0 0 70px; } } @media (max-width: 750px){ #board .view .file dd{ padding: 0 0 0 62px; } } /* -- 게시글 내용 -- */ #board .view .substance {padding:2%; text-align: left;} #board .view .substance img {max-width:700px;} /* -- 다음글 이전글 -- */ #board .view .p_next { padding:13px 0; font-weight:bold;text-align:center; background:#f8f8f8; } #board .view .p_pre { padding:13px 0; font-weight:bold;text-align:center; background:#f8f8f8; } /* =================================================================================================================== */ /* -- 게시판 쓰기// -- */ #board .counsel_list .subject a{ max-width: 70%; } #board .title{ padding: 2% 0; font-size: 16px; font-weight: 500; } /* -- 약관 -- */ #board .agree_wrap h4{ padding: 15px 0 0 5px; font-weight: 500; } #board .agree_wrap h5{ padding: 15px 0 5px 5px; } #board .agree_box { padding: 10px; overflow-y: scroll; width: 100%; height: 150px; border: 1px solid #ddd;} #board .agree_wrap p{ padding: 5px 5px 0 5px; } #board .agree_wrap .section li{ position: relative; padding: 5px 10px 0 30px; } #board .agree_wrap .section li > span{ position: absolute; left: 10px; } #board .agree_wrap .section .circle > li:nth-child(1) > span:before{ content: "①"; } #board .agree_wrap .section .circle > li:nth-child(2) > span:before{ content: "②"; } #board .agree_wrap .section .circle > li:nth-child(3) > span:before{ content: "③"; } #board .agree_wrap .section .circle > li:nth-child(4) > span:before{ content: "④"; } #board .agree_wrap .section .circle > li:nth-child(5) > span:before{ content: "⑤"; } #board .agree_wrap .section .circle > li:nth-child(6) > span:before{ content: "⑥"; } #board .agree_wrap .section .circle > li:nth-child(7) > span:before{ content: "⑦"; } #board .agree_wrap .section .circle > li:nth-child(8) > span:before{ content: "⑧"; } #board .agree_wrap .section .circle > li:nth-child(9) > span:before{ content: "⑨"; } #board .agree_wrap .section .circle > li:nth-child(10) > span:before{ content: "⑩"; } #board .agree_wrap .section .circle > li:nth-child(11) > span:before{ content: "⑪"; } #board .agree_wrap .section .num > li:nth-child(1) > span:before{ content: "1."; } #board .agree_wrap .section .num > li:nth-child(2) > span:before{ content: "2."; } #board .agree_wrap .section .num > li:nth-child(3) > span:before{ content: "3."; } #board .agree_wrap .section .num > li:nth-child(4) > span:before{ content: "4."; } #board .agree_wrap .section .num > li:nth-child(5) > span:before{ content: "5."; } #board .agree_wrap .section .num > li:nth-child(6) > span:before{ content: "6."; } #board .agree_wrap .section .num > li:nth-child(7) > span:before{ content: "7."; } #board .agree_wrap .section .num > li:nth-child(8) > span:before{ content: "8."; } #board .agree_wrap .section .num > li:nth-child(9) > span:before{ content: "9."; } #board .agree_wrap .section .num > li:nth-child(10) > span:before{ content: "10."; } #board .agree_wrap .section .num > li:nth-child(11) > span:before{ content: "11."; } #board .agree_wrap .section .brac > li:nth-child(1) > span:before{ content: "1)"; } #board .agree_wrap .section .brac > li:nth-child(2) > span:before{ content: "2)"; } #board .agree_wrap .section .brac > li:nth-child(3) > span:before{ content: "3)"; } #board .agree_wrap .section .brac > li:nth-child(4) > span:before{ content: "4)"; } #board .agree_wrap .section .brac > li:nth-child(5) > span:before{ content: "5)"; } #board .agree_wrap .section .brac > li:nth-child(6) > span:before{ content: "6)"; } #board .agree_wrap .section .brac > li:nth-child(7) > span:before{ content: "7)"; } #board .agree_wrap .section .brac > li:nth-child(8) > span:before{ content: "8)"; } #board .agree_wrap .section .brac > li:nth-child(9) > span:before{ content: "9)"; } #board .agree_wrap .section .brac > li:nth-child(10) > span:before{ content: "10)"; } #board .agree_wrap .section .brac > li:nth-child(11) > span:before{ content: "11)"; } #board .agree_wrap .section .brac > li:nth-child(12) > span:before{ content: "12)"; } #board .agree_wrap .section .brac > li:nth-child(13) > span:before{ content: "13)"; } #board .agree_wrap .section .brac > li:nth-child(14) > span:before{ content: "14)"; } #board .agree_wrap .section .brac > li:nth-child(15) > span:before{ content: "15)"; } #board .agree_wrap .section .han > li:nth-child(1) > span:before{ content: "가"; } #board .agree_wrap .section .han > li:nth-child(2) > span:before{ content: "나"; } #board .agree_wrap .section .han > li:nth-child(3) > span:before{ content: "다"; } #board .agree_wrap .section .han > li:nth-child(4) > span:before{ content: "라"; } #board .agree_wrap .section .han > li:nth-child(5) > span:before{ content: "마"; } #board .agree_wrap .section .hyphen > li > span:before{ content: "-"; } #board .agree_wrap .section .squ > li > span:before{ content: "ο"; } #board .agree_wrap .section .title:before{ content: "■"; } /*#board .agree_wrap .section li > p{ position: relative; padding: 5px 10px 5px 30px; } #board .agree_wrap .section li p > span{ position: absolute; left: 10px; }*/ #board .agree_wrap table{ margin: 0 0 10px 0; } #board .agree_wrap th{ padding: 15px 10px; border-bottom: 1px solid #ddd; } #board .agree_wrap td{ padding: 15px 10px; border-bottom: 1px solid #ddd; } /* 공지사항 */ #board .list_notice {margin: 0 0 2% 0;} #board .list_notice li{ float: left; width: 25%; padding: 0.5%;} @media (max-width: 960px){ #board .list_notice li{ width: 50%;} } #board .list_notice li a {display: block; padding: 1%; border: 1px solid #ddd;} #board .list_notice img{ width: 100%; } #board .notice .subject a{ max-width: 90%; } /* 수익구조 */ #board .profit_title{ padding: 20px; } #board .profit_title h1{ font-size: 40px; font-weight: 800; } #board .profit_title img{ width: auto; } .profit h1{ letter-spacing: -3px; } .profit h2{ margin: 0 0 20px 0; padding: 20px 0; line-height: 1.5em; letter-spacing: -1px; text-shadow: 0 1px 2px #eee; border-bottom: 1px solid #eee; } .profit .con td{ padding: 10px; } .profit .con p{ padding:10px; border-radius: 0 10px 10px 10px; } .profit .con strong{ display: inline-block; padding: 0 5px; border-bottom: 1px solid #fff; } .profit .text{ padding: 0 5px 20px 0; } .profit .text p{ display: inline; text-align:center; padding:5px 15px; border-radius: 20px; } .profit .sum{ padding: 15px 10px; background: #e5e5e5; } .profit .sum table{ margin: 5px 0; } .profit .sum table th{ padding: 10px 5px; text-align:center; color:#fff; border:1px solid #2d2d6d; background: #2d2d6d; } .profit .sum table td{ padding: 10px 5px; text-align:center; border:1px solid #fff; } .profit .btn_wrap{ padding: 20px 0; } .profit .btn_wrap a{ display: block; padding: 15px 0; font-size: 16px; font-weight: 800; text-align:center; color:#fff; border-radius: 30px; background: #2d2d6d; }