/*-----------------------------------------------------------------*/ /* 목록 /*-----------------------------------------------------------------*/ #boardlist .category {width:100%; margin:15px 0; text-align:center;} #boardlist .category > ul {border-top:1px solid #e0e0e0;} #boardlist .category > ul > li {float:left; width:33.33%;} #boardlist .category > ul > li > a {display:block; position:relative; height:34px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; color:#888; line-height:34px;} #boardlist .category > ul > li:nth-child(3n-2) > a {border-width:0 1px 1px 1px;} #boardlist .category > ul > li.cate_all > a, #boardlist .category > ul > li.selected > a {background:#fafafa; color:#333; font-weight:bold;} #boardlist .category:after {display:block; clear:both; content:'';} #boardlist .list {margin:15px 0; border-top:1px solid #dbdbdb;} #boardlist .list > li {border-bottom:1px solid #dbdbdb; cursor:pointer;} #boardlist .list > li > .subject {position:relative; padding:20px 15px 20px 60px;} #boardlist .list > li > .subject:before {display:inline-block; position:absolute; left:15px; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:50%; background-color:#777474; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:30px; content:'Q';} #boardlist .list > li > .subject > p {overflow:hidden; padding-top:5px; text-overflow:ellipsis; white-space:nowrap;} #boardlist .list > li > .subject > p:first-child {padding-top:0;} #boardlist .list > li > .subject > p.title img {width:auto; height:6px; margin-top:4px; vertical-align:top;} #boardlist .list > li > .content {padding:15px; border-top:1px solid #dbdbdb; background:#fafafa;} #boardlist .list > li > .content .answer {position:relative; min-height:30px; margin:15px 0; padding-left:45px;} #boardlist .list > li > .content .answer:before {display:inline-block; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%; background-color:#ef6363; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:30px; content:'A';} #boardlist .list > li > .content .answer img {max-width:100%; height:auto;} #boardlist .list > li > .content .btn {padding-top:10px; text-align:left;} #boardlist .list > li > .content .comment {padding-top:10px;} #boardlist .list > li.notice > .subject:before {left:15px; top:50%; width:auto; height:auto; margin-top:-8px; border-radius:0; background-color:transparent; color:#333; font-family:'arial'; font-size:1rem; text-align:center; line-height:inherit; content:'[공지]';} #boardlist .list > li.notice > .content .answer {position:relative; min-height:30px; margin:15px 0; padding-left:0;} #boardlist .list > li.notice > .content .answer:before {display:none;} #boardlist .page_write {position:relative; margin-top:30px;} #boardlist .page_write .write {margin-top:15px;} #boardlist .board_search {clear:both; margin-top:15px; padding:7px 0; border:1px solid #e0e0e0;} #boardlist .board_search form {position:relative; padding:0 38px 0 75px; text-align:center;} #boardlist .board_search select {position:Absolute; left:0; top:0; border:0; width:70px;} #boardlist .board_search input.form_input.search {border-width:0 1px;} #boardlist .board_search .btn_search {display:inline-block; position:absolute; right:0; top:0; width:38px; height:34px; border:0; background:url('/board/_skin/basic_faq_responsive/img/btn_search.png') no-repeat center/18px; vertical-align:top; text-indent:-9999px; cursor:pointer;} /*-----------------------------------------------------------------*/ /* 열람 /*-----------------------------------------------------------------*/ #boardview > .info {border:1px solid #e0e0e0; border-width:1px 0;} #boardview > .info .subject {padding:15px;} #boardview > .info .subject p {padding-top:5px;} #boardview > .info .subject p:first-child {padding-top:0;} #boardview > .info .subject .title {width:100%;} #boardview > .info .subject .title img {width:auto; height:10px; vertical-align:middle;} #boardview > .info .subject .stat, #boardview > .info .subject .stat a, #boardview > .info .subject .file, #boardview > .info .subject .file a, #boardview > .info .subject .add {font-size:0.917rem;} #boardview > .info .subject .stat img {width:auto; height:10px; vertical-align:middle;} #boardview > .boxview {padding:15px; border-bottom:1px solid #e0e0e0; text-align:left;} #boardview > .boxview .content {word-break:break-all; word-wrap:break-word;} #boardview .boxview > .content > * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} #boardview > .boxview .content img {max-width:100%; height:auto;} #boardview > .btn {padding-top:15px; text-align:right;} /*-----------------------------------------------------------------*/ /* 쓰기 /*-----------------------------------------------------------------*/ #editorFrm {width:100% !important;} #boardwrite fieldset {text-align:left;} #boardwrite fieldset > div {position:relative; margin-bottom:10px;} #boardwrite fieldset > div:last-child {margin-bottom:0;} #boardwrite fieldset > div > label {display:none;} #boardwrite fieldset > div.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;} #boardwrite fieldset > div.name .form_input {width:90%;} #boardwrite fieldset > div.name .check {position:absolute; right:0; top:8px; color:#999;} #boardwrite fieldset > div.name .check label {color:#999; font-size:0.875rem; font-weight:normal;} #boardwrite fieldset > div.contents {background:#fff;} #boardwrite fieldset select {width:100%;} #boardwrite .btn {padding-top:20px;} /*-----------------------------------------------------------------*/ /* 비밀번호 확인 /*-----------------------------------------------------------------*/ #boardpw {margin:15px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;} #boardpw h3 {padding-bottom:15px;} #boardpw p {margin-bottom:10px; color:#888;} #boardpw .form_input {margin-bottom:10px;} /*-----------------------------------------------------------------*/ /* 댓글목록, 댓글쓰기 - 스킨공통css 적용 /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* Responsive /*-----------------------------------------------------------------*/ @media all and (min-width:850px) { /*-----------------------------------------------------------------*/ /* 목록 /*-----------------------------------------------------------------*/ #boardlist {width:100%;} #boardlist .category {display:table; width:100%; margin:0 0 20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;} #boardlist .category > ul {display:table-row; border-top:none;} #boardlist .category > ul > li {display:table-cell; float:none; width:10%; vertical-align:top;} #boardlist .category > ul > li > a {height:48px; line-height:48px;} #boardlist .category > ul > li:nth-child(3n-2) > a {border-width:0 1px 1px 0;} #boardlist .category > ul > li.cate_all > a, #boardlist .category > ul > li.selected > a {border-bottom:1px solid #fff; background:none;} #boardlist .page_write {min-height:34px; margin-top:30px;} #boardlist .page_write .write {position:absolute; right:0; top:0; margin-top:0;} #boardlist .page_write .write * {width:100px;} #boardlist .board_search {padding:0; border:none; text-align:center;} #boardlist .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #e0e0e0;} #boardlist .board_search select {position:static; border:0;} #boardlist .board_search input.form_input.search {width:300px !important;} #boardlist .board_search .btn_search {display:inline-block; position:static; width:34px; height:34px;} /*-----------------------------------------------------------------*/ /* 쓰기 /*-----------------------------------------------------------------*/ #boardwrite .btn {width:400px; margin:0 auto;} /*-----------------------------------------------------------------*/ /* 열람 /*-----------------------------------------------------------------*/ #boardview > .info .subject .stat, #boardview > .info .subject .stat a, #boardview > .info .subject .file, #boardview > .info .subject .file a, #boardview > .info .subject .add {font-size:1rem;} #boardview > .btn {padding:20px 0;} /*-----------------------------------------------------------------*/ /* 비밀번호 확인 /*-----------------------------------------------------------------*/ #boardpw {margin:0; padding:40px 0;} #boardpw p {margin-bottom:20px;} #boardpw .form_input {width:330px; margin-bottom:20px;} #boardpw .btn_col {width:400px; margin:0 auto;} }