/* 게시판 */ #mainSectionBBS {width:1080px; min-height:700px;height:auto; margin:0 auto; position:relative;} #mainSectionBBS .list {clear:both; width:718px; height:auto; background:#fff; padding:17px;} #mainSectionBBS .list h3 {font-size:24px; } #mainSectionBBS .searchWrap {clear:both; margin-top:24px; border-top:2px solid #b8b8b8; position:relative; overflow:hidden; border-bottom:1px solid #dddddd; height:38px; line-height:38px;} #mainSectionBBS .searchWrap ul {position:absolute; top:0px; left:0px; } #mainSectionBBS .searchWrap li {float:left; padding-left:15px; margin-left:5px;} #mainSectionBBS .searchWrap .over {background:url('/new/img/main/bg_menu_category.gif') 4px 12px no-repeat;} #mainSectionBBS .searchWrap .over a { color:#006cb8} #mainSectionBBS .searchWrap .subSearch {position:absolute; top:0px; right:0px; overflow:hidden; border-left:1px solid #ddd; width:200px; height:38px; background:#f5f7f8} #mainSectionBBS .searchWrap .subSearch input {position:absolute; top:0px; left:0px; border:0px; height:38px; width:95%; padding-left:10px; background:#f5f7f8;} #mainSectionBBS .searchWrap .subSearch .btn_search {position:absolute; right:0px; top:0px;} #mainSectionBBS .bbsCategory {width:100%; margin-top:20px; margin-bottom:20px; border-top:2px solid #b8b8b8;} #mainSectionBBS .bbsCategory .cateMap {height:40px; line-height:30px; border-bottom:1px solid #ddd; padding:5px; } #mainSectionBBS .bbsCategory .cateList {padding:5px; height:auto; padding-bottom:20px;} #mainSectionBBS .bbsCategory .cateList li {float:left; padding:10px; font-size:12px;} #mainSectionBBS .dateWrap {clear:both; margin-top:10px; position:relative; overflow:hidden; border-bottom:1px solid #dddddd; height:auto; text-align:center; margin-bottom:30px;} #mainSectionBBS .dateWrap .Y {color:#333333; height:16px;} #mainSectionBBS .dateWrap .M {font-size:76px; height:80px; line-height:80px; font-family: 'NotoSansKR-Regular-Hestia'; } #mainSectionBBS .dateWrap .btn_webzine_L {position:absolute; top:40px; left:0px;} #mainSectionBBS .dateWrap .btn_webzine_R {position:absolute; top:40px; right:0px;} #mainSectionBBS .list .listview {height:auto; overflow:hidden; position:relative;} #mainSectionBBS .list .listview li .img {width:30%; height:150px; overflow:hidden; float:left; margin-right:10px; border:1px solid #eeeeee;} #mainSectionBBS .list .listview li .img img {width:100%; min-height:150px;} #mainSectionBBS .list .listview li {width:100%; min-height:80px; overflow:hidden; border-bottom:1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px;} #mainSectionBBS .list .listview li h5 { font-size:14px; color:#444; line-height:20px; color:#555; margin-bottom:10px; } #mainSectionBBS .list .listview span {line-height:20px; margin-top:5px; font-size:11px; color:#666; } #mainSectionBBS .list .listview p {margin-top:5px;} #mainSectionBBS .list .listview dl {width:32%; float:left; margin-top:40px; } #mainSectionBBS .list .listview dt {font-size:22px; height:30px; font-family:'NotoSansKR-Regular-Hestia'; letter-spacing:-1px; margin-bottom:10px; border-bottom:2px solid #006cb8 } #mainSectionBBS .list .listview dd {margin-top:10px; line-height:20px; font-size:14px;} #mainSectionBBS .list .listview dd a {color:#555} #mainSectionBBS .list .atozL {height:750px;} #mainSectionBBS .list .listview .part1 {position:absolute; top:0px; left:0px;} #mainSectionBBS .list .listview .part2 {position:absolute; top:0px; left:34%;} #mainSectionBBS .list .listview .part3 {position:absolute; top:0px; left:68%;} #mainSectionBBS .list .listview .part4 {position:absolute; top:290px; left:0px;} #mainSectionBBS .list .listview .part5 {position:absolute; top:290px; left:34%;} #mainSectionBBS .list .listview .part6 {position:absolute; top:290px; left:68%;} #mainSectionBBS .list .listview .part7 {position:absolute; top:430px; left:68%;} #mainSectionBBS .list .portfolioInfo {clear:both; width:100%; min-height:170px; border-top:1px solid #ddd; position:relative;} #mainSectionBBS .list .portfolioInfo .logo {width:200px; height:170px; border:1px solid #ddd; margin-right:15px; overflow:hidden; margin-top:15px; float:left;} #mainSectionBBS .list .portfolioInfo .logo img {width:100%;} #mainSectionBBS .list .portfolioInfo .comName {margin-top:15px; position:absolute; top:145px; left:5px; font-size:13px; color:#666; line-height:20px; display:inline-block;} #mainSectionBBS .list .portfolioInfo .btn_com {display:inline-block; width:50px; vertical-align:top; margin-left:5px; height:16px;line-height:20px; text-align:center; font-size:11px; color:#777; font-weight:500; border:1px solid #ddd} #mainSectionBBS .list .portfolioInfo .info {margin-left:15px; height:auto; float:left;} #mainSectionBBS .list .portfolioInfo .info h6 {color:#006cb8; font-size:14px;} #mainSectionBBS .list .portfolioInfo .info table {font-size:12px; margin-top:5px;} #mainSectionBBS .list .portfolioInfo .info table th {width:70px; text-align:left; height:26px;} #mainSectionBBS .list .portfolioInfo .info table td {width:150px;} #mainSectionBBS .list .portfolioInfo2 {clear:both; width:100%; min-height:290px; border-top:1px solid #ddd; position:relative;} #mainSectionBBS .list .portfolioInfo2 .logo {width:200px; height:170px; border:1px solid #ddd; margin-right:15px; overflow:hidden; margin-top:15px; float:left;} #mainSectionBBS .list .portfolioInfo2 .logo img {width:100%;} #mainSectionBBS .list .portfolioInfo2 .comName {margin-top:15px; position:absolute; top:145px; left:5px; font-size:13px; color:#666; line-height:20px; display:inline-block;} #mainSectionBBS .list .portfolioInfo2 .btn_com {display:inline-block; width:50px; vertical-align:top; margin-left:5px; height:16px;line-height:20px; text-align:center; font-size:11px; color:#777; font-weight:500; border:1px solid #ddd} #mainSectionBBS .list .portfolioInfo2 .info {margin-left:15px; height:auto; float:left;} #mainSectionBBS .list .portfolioInfo2 .info h6 {color:#006cb8; font-size:14px;} #mainSectionBBS .list .portfolioInfo2 .info table {font-size:12px; margin-top:5px; height:auto;} #mainSectionBBS .list .portfolioInfo2 .info table th {width:70px; text-align:left; height:26px;} #mainSectionBBS .list .portfolioInfo2 .info table td {width:150px;} #mainSectionBBS .pagingWrap {height:30px; text-align:center; margin-top:20px; line-height:30px; } #mainSectionBBS .pagingWrap a {color:#555555} #mainSectionBBS .pagingWrap strong {display:inline-block; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#006cb8; height:28px; width:28px; border:1px solid #006cb8; text-align:center; margin-left:1px;} #mainSectionBBS .pagingWrap .page_n {display:inline-block; height:28px; width:28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; margin-left:1px;} #mainSectionBBS .pagingWrap .page_n:hover {border:1px solid #ddd;} #mainSectionBBS .pagingWrap .direction {border:1px solid #ddd; display:inline-block; height:28px; padding-right:8px; padding-left:8px; margin-left:4px;} #mainSectionBBS .pagingWrap .direction:hover {color:#006cb8; background:#f7f7f7} /* 뷰페이지 */ #mainSectionBBS .list .viewBBS {height:auto;} #mainSectionBBS .list .viewBBS .bbsCont {height:auto; padding-bottom:30px; border-bottom:1px solid #ddd;} #mainSectionBBS .list .viewBBS h3 {font-size:14px; font-weight:500} #mainSectionBBS .list .viewBBS h5 {font-size:24px; margin-top:10px; color:#333; font-family: 'NotoSansKR-Light-Hestia';} #mainSectionBBS .list .viewBBS .info {display:block; font-size:14px; margin-top:10px; margin-bottom:20px; height:24px; line-height:24px; color:#555555} #mainSectionBBS .list .viewBBS .info img {vertical-align:middle} #mainSectionBBS .list .viewBBS .line {border-top:2px solid #ddd; padding-top:20px;} #mainSectionBBS .list .viewBBS .imgcont {max-width:100%; border:1px solid #ddd} #mainSectionBBS .list .viewBBS .btn_voted {border:2px solid #006cb8; margin:0 auto; margin-top:50px; margin-bottom:50px; text-align:center; width:80px; font-size:14px; font-weight:600; height:30px; line-height:30px;} #mainSectionBBS .list .viewBBS .btn_voted img {vertical-align:middle;} .bbsBtn {height:50px; width:100%; margin-top:20px; text-align:right} .bbsBtn div {width:100px; height:46px; border:1px solid #999999; background:#fff; font-size:16px; line-height:46px; text-align:center; display:inline-block;} #mainSectionBBS .list .btn_list {background:#f7f7f7; color:#006cb8} #mainSectionBBS .list .btn_write {background:#f7f7f7; color:#006cb8; font-weight:600} #mainSectionBBS .list .btn_update {background:#f7f7f7; color:#006cb8; font-weight:600} #mainSectionBBS .list .btn_answer {background:#f7f7f7; border:1px solid #006cb8; color:#006cb8; font-weight:600} #mainSectionBBS .list .viewBBS .answer {margin-top:10px;} #mainSectionBBS .list .viewBBS .answer h3 {font-size:16px; font-weight:600; color:#111111; display:block; height:30px; line-height:30px; border-bottom:2px solid #ddd;} #mainSectionBBS .list .viewBBS .answer .listanswer {height:auto;} #mainSectionBBS .list .viewBBS .answer .listanswer li {width:100%; min-height:80px; position:relative; overflow:hidden; border-bottom:1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px;} #mainSectionBBS .list .viewBBS .answer .listanswer li h5 { font-size:14px; color:#444; line-height:20px; color:#555; margin-bottom:10px; } #mainSectionBBS .list .viewBBS .answer .listanswer .comName {line-height:20px; font-weight:600; margin-top:5px; font-size:14px; color:#006cb8; display:inline-block;} #mainSectionBBS .list .viewBBS .answer .btn_com {display:inline-block; width:80px; vertical-align:top; height:16px;line-height:20px; text-align:center; font-size:11px; color:#777; font-weight:500; border:1px solid #ddd} #mainSectionBBS .list .viewBBS .answer .listanswer p {margin-top:5px;} #mainSectionBBS .list .viewBBS .answer .listanswer .answer_btn {position:absolute; top:30px; right:5px;} #mainSectionBBS .list .viewBBS .answer .listanswer .answer_btn div {float:left; border:1px solid #ddd; color:#777; text-align:center; width:30px; margin-left:3px; font-size:11px; line-height:20px; height:16px; } #mainSectionBBS .list .viewBBS .answer .listanswer .answer_date {position:absolute; top:55px; right:5px; color:#999999;} #mainSectionBBS .list .viewBBS .reply {margin-top:10px;} #mainSectionBBS .list .viewBBS .reply .replyW {margin-top:10px; height:auto; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #dddddd;} #mainSectionBBS .list .viewBBS .reply .replyW textarea {width:535px; height:90px; border:1px solid #ddd; float:left; padding:5px; color:#555} #mainSectionBBS .list .viewBBS .reply .replyW .btn_reply {width:125px; margin-left:7px; height:100px; font-weight:600; text-align:center; line-height:100px; font-size:16px; color:#333333; border:1px solid #ddd; float:left;} #mainSectionBBS .list .viewBBS .reply .listreply {height:auto;} #mainSectionBBS .list .viewBBS .reply .listreply li {width:100%; min-height:80px; position:relative; overflow:hidden; border-bottom:1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px;} #mainSectionBBS .list .viewBBS .reply .listreply .comName {line-height:20px; font-weight:600; margin-top:5px; font-size:14px; color:#006cb8; display:inline-block;} #mainSectionBBS .list .viewBBS .reply .listreply p {margin-top:10px;} #mainSectionBBS .list .viewBBS .reply .listreply .answer_btn {position:absolute; top:30px; right:5px;} #mainSectionBBS .list .viewBBS .reply .listreply .answer_btn div {float:left; border:1px solid #ddd; color:#777; text-align:center; width:30px; margin-left:3px; font-size:11px; line-height:20px; height:16px; } #mainSectionBBS .list .viewBBS .reply .listreply .reply_date {margin-left:5px; display:inline-block; color:#999999;} #mainSectionBBS .list .viewBBS .reply .listreply .btn_reply_re {margin-top:10px; color:#777; cursor:pointer; width:70px;} #mainSectionBBS .list .viewBBS .reply .editBox {width:100%; height:auto; margin-top:10px; overflow:hidden; background:url('/new/img/common/ico_reply.gif') 0px 10px no-repeat;} #mainSectionBBS .list .viewBBS .reply .editBox .editBoxA { height:auto; } #mainSectionBBS .list .viewBBS .reply .editBox textarea {width:75%; margin-left:30px; height:90px; border:1px solid #ddd; float:left; padding:5px; color:#555} #mainSectionBBS .list .viewBBS .reply .editBox .btn_reply2 {width:15%; margin-left:7px; height:100px; font-weight:600; text-align:center; line-height:100px; font-size:16px; color:#333333; border:1px solid #ddd; float:left;} #mainSectionBBS .list .viewBBS .reply .listreply .re_re {padding-left:40px; background:url('/new/img/common/ico_reply.gif') 15px 22px no-repeat;} /* 많이 본 뉴스*/ #mainSectionBBS .bigNews {width:354px; height:380px; position:absolute; background:#fff; top:307px; right:0px; padding:17px; } #mainSectionBBS .bigNews h3 {color:#111; font-size:16px; font-weight:500;} #mainSectionBBS .bigNews ol {margin-top:20px} #mainSectionBBS .bigNews li {height:30px; width:100%; line-height:30px; } #mainSectionBBS .bigNews span {color:#006cb8; display:inline-block; width:15px;} @media all and (max-width:1080px){ #mainSectionBBS {width:100%;} #mainSectionBBS .main-Login {display:none;} #mainSectionBBS .main-AD2 {display:none;} #mainSectionBBS .bigNews {display:none;} #mainSectionBBS .list {width:100%;} #mainSectionBBS .list .viewBBS .reply .replyW textarea {width:70%; padding:5px; } #mainSectionBBS .list .viewBBS .reply .replyW .btn_reply {width:20%; margin-left:1%; } #mainSectionBBS .list .viewBBS .reply .listreply .btn_reply_re {margin-top:10px; color:#777; cursor:pointer; width:70px;} #mainSectionBBS .list .viewBBS .reply .editBox {width:100%; height:auto; margin-top:10px; overflow:hidden; background:url('/new/img/common/ico_reply.gif') 0px 10px no-repeat;} #mainSectionBBS .list .viewBBS .reply .editBox .editBoxA { height:auto; } #mainSectionBBS .list .viewBBS .reply .editBox textarea {width:60%; margin-left:30px; height:90px; border:1px solid #ddd; float:left; padding:5px; color:#555} #mainSectionBBS .list .viewBBS .reply .editBox .btn_reply2 {width:15%; margin-left:7px; height:100px; font-weight:600; text-align:center; line-height:100px; font-size:16px; color:#333333; border:1px solid #ddd; float:left;} #mainSectionBBS .list .viewBBS .reply .listreply .re_re {padding-left:40px; background:url('/new/img/common/ico_reply.gif') 15px 22px no-repeat;} } @media all and (max-width:727px){ #mainSectionBBS .list .listview li .img {width:45%; height:100px;} #mainSectionBBS .list .listview li .img img {width:100%; min-height:100px;} #mainSectionBBS .list .btn_bbs_print {display:none;} #mainSectionBBS .list .btn_bbs_sns {display:none;} #mainSectionBBS .searchWrap li {padding-left:15px;} #mainSectionBBS .searchWrap .subSearch {width:170px; } #mainSectionBBS .pagingWrap strong { line-height:18px; height:18px; width:18px; } #mainSectionBBS .pagingWrap .page_n {line-height:18px; height:18px; width:18px;} #mainSectionBBS .pagingWrap .page_n:hover {border:1px solid #ddd;} #mainSectionBBS .pagingWrap .direction {border:1px solid #ddd; display:inline-block; height:28px; padding-right:8px; padding-left:8px; margin-left:4px;} #mainSectionBBS .pagingWrap .direction:hover {color:#006cb8; background:#f7f7f7} #mainSectionBBS .pagingWrap .prev2 {display:none;} #mainSectionBBS .pagingWrap .next2 {display:none;} #mainSectionBBS .list .portfolioInfo .logo {display:none;} #mainSectionBBS .list .portfolioInfo .logo img {width:100%;} #mainSectionBBS .list .portfolioInfo .info {width:100%; margin-left:0%; } #mainSectionBBS .list .portfolioInfo2 .logo {display:none;} #mainSectionBBS .list .portfolioInfo2 .logo img {width:100%;} #mainSectionBBS .list .portfolioInfo2 .info {width:100%; margin-left:0%; } #mainSectionBBS .list .listview dl {width:49%; float:left; margin-top:40px; } #mainSectionBBS .list .listview dt {font-size:22px; height:30px; font-family:'NotoSansKR-Regular-Hestia'; letter-spacing:-1px; margin-bottom:10px; border-bottom:2px solid #006cb8 } #mainSectionBBS .list .listview dd {margin-top:10px; line-height:20px; font-size:14px;} #mainSectionBBS .list .listview dd a {color:#555} #mainSectionBBS .list .atozL {height:950px;} #mainSectionBBS .list .listview .part1 {position:absolute; top:0px; left:0px;} #mainSectionBBS .list .listview .part2 {position:absolute; top:0px; left:50%;} #mainSectionBBS .list .listview .part3 {position:absolute; top:290px; left:0%;} #mainSectionBBS .list .listview .part4 {position:absolute; top:290px; left:50%;} #mainSectionBBS .list .listview .part5 {position:absolute; top:470px; left:0%;} #mainSectionBBS .list .listview .part6 {position:absolute; top:550px; left:50%;} #mainSectionBBS .list .listview .part7 {position:absolute; top:670px; left:50%;} } /* 의뢰게시판 */ #mainSectionBBS .searchTable {clear:both; margin-top:-30px; position:relative; width:100%; height:40px; line-height:36px;} #mainSectionBBS .searchTable ul {position:absolute; top:0px; left:0px; } #mainSectionBBS .searchTable li {float:left; padding-left:15px; margin-left:5px;} #mainSectionBBS .searchTable .over {background:url('/new/img/main/bg_menu_category.gif') 4px 12px no-repeat;} #mainSectionBBS .searchTable .over a { color:#006cb8} #mainSectionBBS .searchTable .subSearch {position:absolute; top:0px; right:0px; overflow:hidden; border:1px solid #ddd; width:200px; height:38px; background:#f5f7f8} #mainSectionBBS .searchTable .subSearch input {position:absolute; top:0px; left:0px; border:0px; height:38px; width:95%; padding-left:10px; background:#f5f7f8;} #mainSectionBBS .searchTable .subSearch .btn_search {position:absolute; right:0px; top:0px;} #mainSectionBBS #tbl_request {clear:both; width:100%; height:auto; margin-top:10px; } #mainSectionBBS #tbl_request th {height:40px; font-size:14px; color:#555555; border-top:1px solid #b8b8b8; border-bottom:1px solid #dddddd} #mainSectionBBS #tbl_request td {height:40px; text-align:center; color:#555555; border-bottom:1px solid #dddddd; font-size:13px;} #mainSectionBBS #tbl_request .td_tit {text-align:left;} #mainSectionBBS #tbl_request #col1 {width:60px} #mainSectionBBS #tbl_request #col2 {width:388px} #mainSectionBBS #tbl_request #col3 {width:100px} #mainSectionBBS #tbl_request #col4 {width:100px} #mainSectionBBS #tbl_request #col5 {width:80px} #mainSectionBBS .countBox {width:26px; height:26px; border:2px solid #ddd; display:inline-block; line-height:29px; font-weight:600; color:#006cb8} #mainSectionBBS #tbl_request_w {clear:both; width:100%; height:auto; margin-top:20px; border-top:1px solid #b8b8b8;} #mainSectionBBS #tbl_request_w td {height:40px; text-align:left; overflow:hidden; color:#555555; border-bottom:1px solid #dddddd; font-size:13px;} #mainSectionBBS #tbl_request_w td input[type=text] {width:80%; border:0px; padding-left:10px; height:100%; color:#555; font-size:14px;} #mainSectionBBS #tbl_request_w td input:hover {border:0px} #mainSectionBBS #tbl_request_w td textarea {width:99.3%; height:400px;} #mainSectionBBS #tbl_request_w td .filetit {float:left;padding-top:20px;} #mainSectionBBS #tbl_request_w td .fileArea {float:left; overflow:hidden; position:relative; font-size:5px; width:250px; padding-top:15px; margin-left:20px;} #mainSectionBBS #tbl_request_w td .fileArea2 {float:left; overflow:hidden; position:relative; font-size:5px; width:250px; padding-top:15px; margin-left:20px;} #mainSectionBBS #tbl_request_w td input[type=file] {background:#fff; height:26px; width:100%; opacity:0; -ms-fileter: "alpha(opacity=0)"; -khtml-poacity:0; -moz-opacity:0;} #mainSectionBBS #tbl_request_w td .bg_file label {width:180px; overflow:hidden; position:absolute; font-size:12px; line-height:26px; } #mainSectionBBS #tbl_request_w td .bg_file {border:1px solid #ddd; height:26px; cursor:pointer; background:url('/new/img/bbs/btn_file.gif') right no-repeat; background-color:#f5f7f8;} #mainSectionBBS #tbl_request_w td .btn_file_add {margin-top:15px; margin-left:10px;} #mainSectionBBS #tbl_request_w td .fileGuide {clear:both; padding-top:25px; margin-left:70px; line-height:20px; margin-bottom:20px; color:#555} #mainSectionBBS #tbl_request_w td .fileGuide b {color:#006cb8} #mainSectionBBS #tbl_request_w td .fileGuide span {color:#999} #mainSectionBBS #tbl_request_w td .file_chk {font-size:12px; line-height:20px; color:#999} #mainSectionBBS #tbl_request_w .btn_fileD {cursor:pointer} #mainSectionBBS .list .viewBBS .fileVewer {width:100%; line-height:20px; color:#555; text-align:right;} #mainSectionBBS .list .viewBBS .fileVewer h6 {font-size:12px; font-weight:500;} #mainSectionBBS .list .viewBBS .fileVewer a {color:#777; } #mainSectionBBS .list .viewBBS .fileVewer a:hover {color:#006cb8; text-decoration:underline;} /* 포트폴리오 */ #mainSectionBBS .list .listPortfolio {width:100%; height:auto; overflow:hidden; position:relative;} #mainSectionBBS .list .listPortfolio li {width:49%; height:320px; margin-top:30px; position:relative; float:left;} #mainSectionBBS .list .listPortfolio .end {margin-right:2%;} #mainSectionBBS .list .listPortfolio li .img {width:100%; height:250px; overflow:hidden; border:1px solid #eeeeee;} #mainSectionBBS .list .listPortfolio li .img img {width:100%; min-height:250px;} #mainSectionBBS .list .listPortfolio li h5 { font-size:14px; color:#444; line-height:20px; color:#555; padding-top:5px; } #mainSectionBBS .list .listPortfolio span {line-height:20px; margin-top:5px; font-size:11px; color:#666; } #mainSectionBBS .list .listPortfolio span b {font-size:13px; color:#777; font-weight:500} #mainSectionBBS .list .listPortfolio p {margin-top:5px;} #mainSectionBBS .list .listPortfolio .countBox2 {margin-top:5px;} /* 업체정보 */ #mainSectionBBS .list .listCompany {width:100%; height:auto; overflow:hidden; position:relative;} #mainSectionBBS .list .listCompany .subTitle {margin-top:20px; padding-left:15px; color:#333; position:relative; background:url('/new/img/bbs/ico_tit_dot.gif') left 4px no-repeat;} #mainSectionBBS .list .listCompany .subTitle .btn_join {position:absolute; top:0px; right:0px; font-weight:600; width:116px; height:34px; text-align:center; line-height:34px; color:#006cb8; border:1px solid #006cb8} #mainSectionBBS .list .listCompany h4 {display:inline; font-size:16px; } #mainSectionBBS .list .listCompany ul {margin-top:20px;} #mainSectionBBS .list .listCompany li {width:23.4%; height:198px; margin-left:2%; margin-top:20px; position:relative; float:left;} #mainSectionBBS .list .listCompany .end {margin-left:0;} #mainSectionBBS .list .listCompany li h5 { font-size:14px; color:#444; line-height:18px; color:#555; padding-top:5px; } #mainSectionBBS .list .listCompany li .img {width:100%; height:112px; line-height:112px; overflow:hidden; text-align:center; border:1px solid #eeeeee;} #mainSectionBBS .list .listCompany li .img img {max-width:100%; vertical-align:middle;} #mainSectionBBS .list .listCompany .comAddr {color:#666; margin-top:5px;} #mainSectionBBS .list .listCompany .countBox2 {margin-top:5px; color:#999;} #mainSectionBBS .list .listCompany .countBox2 strong {color:#006cb8} #mainSectionBBS .list .listCompany2 {clear:both; width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px;} #mainSectionBBS .list .listCompany2 .subTitle {margin-top:20px; font-size:14px; padding-left:15px; color:#777; position:relative; background:url('/new/img/bbs/ico_tit_dot.gif') left 4px no-repeat;} #mainSectionBBS .list .listCompany2 .subTitle .btn_join {position:absolute; top:0px; right:0px; font-size:12px; font-weight:600; width:116px; height:34px; text-align:center; line-height:34px; color:#006cb8; border:1px solid #006cb8} #mainSectionBBS .list .listCompany2 h4 {display:inline; font-size:16px; color:#333 } #mainSectionBBS .list .listCompany2 ul {margin-top:40px;} #mainSectionBBS .list .listCompany2 li {width:100%; height:40px; border-bottom:1px solid #ddd; line-height:40px; overflow:hidden;} #mainSectionBBS .list .listCompany2 li h5 { font-size:12px; color:#006cb8; width:35%; float:left;} #mainSectionBBS .list .listCompany2 .comAddr {color:#666; width:50%; float:left;} #mainSectionBBS .list .listCompany2 .comTel {color:#666; width:15%; float:left;} #mainSectionBBS .searchWrap2 {clear:both; position:relative; overflow:hidden; border-bottom:1px solid #dddddd; height:38px; line-height:38px;} #mainSectionBBS .searchWrap2 ul {position:absolute; top:0px; left:0px; } #mainSectionBBS .searchWrap2 li {float:left; padding-left:15px; margin-left:5px;} #mainSectionBBS .searchWrap2 .over {background:url('/new/img/main/bg_menu_category.gif') 4px 12px no-repeat;} #mainSectionBBS .searchWrap2 .over a { color:#006cb8} #mainSectionBBS .searchWrap2 .subSearch {position:absolute; top:0px; right:0px; overflow:hidden; width:33.3%; height:38px; background:#f5f7f8} #mainSectionBBS .searchWrap2 .subSearch input {position:absolute; top:0px; left:0px; border:0px; color:#555; height:38px; width:95%; padding-left:10px; background:#f5f7f8;} #mainSectionBBS .searchWrap2 .subSearch .btn_search {position:absolute; right:0px; top:0px;} #mainSectionBBS .selectBox {width:33.3%; height:38px; float:left;border-right:1px solid #ddd; overflow:hidden; background:url('/new/img/bbs/ico_select_arror.jpg') right center no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #mainSectionBBS .selectBox:last-child {border-right:0px;} #mainSectionBBS .selectBox label {width:100%; padding-left:10px; color:#555; overflow:hidden; position:absolute; font-size:14px; line-height:34px; } #mainSectionBBS .selectBox select {width:100%; height:100%; border:0px; opacity:0; -ms-fileter: "alpha(opacity=0)"; -khtml-poacity:0; -moz-opacity:0;} .selectBox2 {width:20%; height:36px; float:left; border:1px solid #ddd; overflow:hidden; background:url('/new/img/bbs/ico_select_arror.jpg') right center no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative;} .selectBox2 label {font-size:12px; width:100%; padding-left:10px; overflow:hidden; position:absolute; top:0px; left:0px; line-height:38px; } .selectBox2 select {width:100%; height:100%; border:0px; opacity:0; -ms-fileter: "alpha(opacity=0)"; -khtml-poacity:0; -moz-opacity:0;} #mainSectionBBS .list .viewCompany {height:auto;} #mainSectionBBS .list .viewCompany .bbsCont {height:400px; overflow:hidden; margin-top:20px; position:relative; padding-top:20px; padding-bottom:20px; border-top:2px solid #ddd; border-bottom:1px solid #ddd;} #mainSectionBBS .list .viewCompany h3 {font-size:24px; font-weight:500; color:#333333; letter-spacing:-2px; } #mainSectionBBS .list .viewCompany .info_bg {width:320px; height:400px; z-index:100; position:absolute; top:20px; right:0px; opacity:0.7; -ms-fileter: "alpha(opacity=7)"; -khtml-poacity:7; -moz-opacity:7; background:#001c3b;} #mainSectionBBS .list .viewCompany .info {width:320px; height:100%; color:#fff; z-index:101; position:absolute; top:20px; right:0px; } #mainSectionBBS .list .viewCompany #map {width:150%; height:400px; position:absolute; left:-300px; top:0px;} #mainSectionBBS .list .viewCompany .info .logo {width:280px; max-height:170px; overflow:hidden; margin:20px; text-align:center; background:#fff;} #mainSectionBBS .list .viewCompany .info .logo img {max-width:50%; } #mainSectionBBS .list .viewCompany .info h5 {font-size:16px; margin:20px; color:#fff; font-family:'NotoSansKR-Light-Hestia';} #mainSectionBBS .list .viewCompany table {margin-left:20px;} #mainSectionBBS .list .viewCompany table th {width:80px;text-align:left; height:26px; color:#fff;} #mainSectionBBS .list .viewCompany table td {width:200px;text-align:left; color:#fff;} #mainSectionBBS .list .viewCompany table td a {color:#fff;} #mainSectionBBS .list .viewCompany .comGreeting {clear:both;width:100%; position:relative; color:#333333; padding-bottom:60px; border-bottom:1px solid #ddd; margin-top:20px; height:auto; } #mainSectionBBS .list .viewCompany .comGreeting .title {font-size:16px; padding-left:15px; top:0px; left:0px; position:absolute; letter-spacing:-2px; background:url('/new/img/bbs/ico_tit_dot.gif') left 4px no-repeat;} #mainSectionBBS .list .viewCompany .comGreeting .greeting {width:550px; margin-left:100px;} #mainSectionBBS .list .viewBBS .info img {vertical-align:middle} #mainSectionBBS .list .viewBBS .line {border-top:2px solid #ddd; padding-top:20px;} #mainSectionBBS .list .viewBBS .imgcont {max-width:100%; border:1px solid #ddd} #mainSectionBBS .list .viewBBS .imgcont2 {max-width:100%; border:1px solid #ddd } #mainSectionBBS .list .viewBBS .fileView {clear:both; margin-top:20px; padding-top:20px;} #mainSectionBBS .list .viewBBS .fileView b {font-size:14px; border-bottom:1px solid #ddd; display:block; line-height:20px;} #mainSectionBBS .list .bbsBtn {height:50px; width:100%; margin-top:20px; text-align:right} #mainSectionBBS .list .bbsBtn div {width:100px; height:46px; border:1px solid #999999; font-size:16px; line-height:46px; text-align:center; display:inline-block;} #mainSectionBBS .list .btn_list {background:#f7f7f7; color:#006cb8} #mainSectionBBS .list .btn_write {background:#f7f7f7; color:#006cb8; font-weight:600} #mainSectionBBS .list .btn_update {background:#f7f7f7; color:#006cb8; font-weight:600} #mainSectionBBS .list .btn_answer {background:#f7f7f7; border:1px solid #006cb8; color:#006cb8; font-weight:600} #mainSectionBBS2 .btn_join {background:#006cb8; border:1px solid #ddd; color:#fff; font-weight:600} #mainSectionBBS2 {width:100%; min-height:700px;height:auto; margin:0 auto; position:relative;} #mainSectionBBS2 #tbl_request_w2 {clear:both; width:100%; height:auto; margin-top:5px; border-top:1px solid #b8b8b8;} #mainSectionBBS2 #tbl_request_w2 th {width:15%; border-right:1px solid #ddd; border-bottom:1px solid #dddddd; color:#555 } #mainSectionBBS2 #tbl_request_w2 td {width:85%; background:#fff; padding-left:10px; height:40px; text-align:left; overflow:hidden; color:#555555; border-bottom:1px solid #dddddd; font-size:13px;} #mainSectionBBS2 #tbl_request_w2 td input[type=text] {width:30%; height:32px; border:1px solid #ddd;; color:#555; font-size:14px;} #mainSectionBBS2 #tbl_request_w2 td input[type=password] {width:30%; height:32px; border:1px solid #ddd;; color:#555; font-size:14px;} #mainSectionBBS2 #tbl_request_w2 td .textLong {width:80%} #mainSectionBBS2 #tbl_request_w2 td .fileArea label {width:180px; overflow:hidden; position:absolute; font-size:12px; line-height:26px; } #mainSectionBBS2 #tbl_request_w2 td .filetit {float:left;padding-top:20px;} #mainSectionBBS2 #tbl_request_w2 td .fileArea {float:left; overflow:hidden; position:relative; font-size:5px; width:250px; padding-top:15px; margin-left:20px;} #mainSectionBBS2 #tbl_request_w2 td input[type=file] {background:#fff; height:26px; width:100%; opacity:0; -ms-fileter: "alpha(opacity=0)"; -khtml-poacity:0; -moz-opacity:0;} #mainSectionBBS2 #tbl_request_w2 td .bg_file {border:1px solid #ddd; height:26px; cursor:pointer; background:url('/new/img/bbs/btn_file.gif') right no-repeat; background-color:#f5f7f8;} #mainSectionBBS2 #tbl_request_w2 td .fileGuide {clear:both; padding-top:25px; margin-left:70px; line-height:20px; margin-bottom:20px; color:#555} #mainSectionBBS2 #tbl_request_w2 td .fileGuide b {color:#006cb8} #mainSectionBBS2 #tbl_request_w2 td .fileGuide span {color:#999} #mainSectionBBS2 #tbl_request_w2 td .file_chk {font-size:12px; line-height:20px; color:#999} #mainSectionBBS2 #tbl_request_w2 .btn_fileD {cursor:pointer} #mainSectionBBS2 .selectBox {width:33.3%; height:38px; float:left;border-right:1px solid #ddd; overflow:hidden; background:url('/new/img/bbs/ico_select_arror.jpg') right center no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #mainSectionBBS2 .selectBox:last-child {border-right:0px;} #mainSectionBBS2 .selectBox label {width:100%; padding-left:10px; overflow:hidden; position:absolute; font-size:12px; line-height:34px; } #mainSectionBBS2 .selectBox select {width:100%; height:100%; border:0px; opacity:0; -ms-fileter: "alpha(opacity=0)"; -khtml-poacity:0; -moz-opacity:0;} @media all and (max-width:727px){ #mainSectionBBS .list .listCompany li {width:47%; height:198px; margin-left:2%; margin-top:20px; position:relative; float:left;} #mainSectionBBS .list .listCompany .end {margin-left:2%;} #mainSectionBBS .list .listPortfolio {width:100%; height:auto; overflow:hidden; position:relative;} #mainSectionBBS .list .listPortfolio li {width:100%; height:auto; margin-top:30px; position:relative; float:left;} #mainSectionBBS .list .listPortfolio .end {margin-right:0%;} #mainSectionBBS .list .listPortfolio li .img {width:100%; height:auto; overflow:hidden; border:1px solid #eeeeee;} #mainSectionBBS .list .viewCompany .info_bg {width:100%; height:300px;} #mainSectionBBS .list .viewCompany .info {width:100%; height:300px; } #mainSectionBBS .list .viewCompany #map {width:100%; height:200px; left:0px; top:300px;} #mainSectionBBS .list .viewCompany .info .logo {width:20%; max-height:100px; } #mainSectionBBS .list .viewCompany .info .logo img {max-width:100%;} #mainSectionBBS .list .viewCompany .info h5 { margin:10px; margin-left:20px;} #mainSectionBBS .list .viewCompany table th {height:23px; } #mainSectionBBS .list .listCompany2 .subTitle .btn_join {top:20px;} #mainSectionBBS .list .listCompany2 h4 {display:inline; font-size:16px; color:#333 } #mainSectionBBS .list .listCompany2 ul {margin-top:40px;} #mainSectionBBS .list .listCompany2 li {width:100%; height:60px; border-bottom:1px solid #ddd; line-height:30px; overflow:hidden;} #mainSectionBBS .list .listCompany2 li h5 { font-size:12px; color:#006cb8; width:100%; float:left;} #mainSectionBBS .list .listCompany2 .comAddr {color:#666; width:70%; float:left;} #mainSectionBBS .list .listCompany2 .comTel {color:#666; width:30%; float:left;} } /*180508 진 START*/ /*건축웹툰 CSS*/ /*리스트 페이지*/ #webtoon {background:url('/new/img/bbs/webtoon_bak.jpg') center no-repeat;height:980px;width:100%;margin-top:10px;} .webtoon_txt {font-size:24px;font-weight:bold;font-family: 'Noto Sans KR', sans-serif;} .changeToon {font-size:13px;cursor:pointer;font-family: 'Dotum';} /*뷰페이지*/ .changeToon {cursor:pointer} .divListToon {clear:both;height:124px;margin:43px 0 0 0;padding:0 0 0 0;} .divListToon .btnPrevT {float:left;width:29px;height:124px;margin:0 9px 0 0;line-height:174px;text-align:right;cursor:pointer;} .divListToon .btnNextT {float:left;width:29px;height:124px;margin:0 0 0 9px;line-height:174px;cursor:pointer;} .divListToon .divLT {float:left;width:606px;overflow:hidden;} .divListToon #listWebtoon {width:4000px;} .divListToon .listBox {float:left;width:117px;height:145px;border:solid 2px #FFFFFF;} .divListToon .listBox_o {float:left;width:117px;height:145px;border:solid 2px #0091f2;} .divListToon .title {width:117px;margin:10px 0 0 0;text-align:center;font-family:'dotum';font-size:14px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .divListToon .content {width:117px;margin:5px 0 0 0;text-align:center;font-family:'dotum';font-size:12px;color:#909294;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .divListToon .image {width:117px;height:89px;background-color:#d8d9d9;overflow:hidden;} .divListToon .image img{width:100%;height:100%;} .webtoonView {height:auto;margin:20px auto 20px;overflow-y:scroll;-ms-overflow-style: none;overflow: -moz-scrollbars-none;} .webtoonView::-webkit-scrollbar {display:none;} .webtoonLeft {width:290px;float:left;margin:0 0 0 45px;} .webtoonRight {float:left;margin:0 0 0 45px;} @media all and (max-width:1080px){ .webtoon_txt {font-size:24px;font-weight:bold;font-family: 'Noto Sans KR', sans-serif;} .changeToon {font-size:15px;cursor:pointer;font-family: 'Dotum';} .webtoonLeft {width:290px;float:left;margin:0 0 0 65px;} .webtoonRight {float:left;margin:0 0 0 45px;} } @media all and (max-width:727px){ .webtoon_txt {font-size:12px;font-weight:bold;font-family: 'Noto Sans KR', sans-serif;} .changeToon {font-size:11px;cursor:pointer;font-family: 'Dotum';} .divListToon {clear:both;height:124px;margin:43px 0 0 0;padding:0 0 0 0;} .divListToon .btnPrevT {float:left;width:29px;height:84px;margin:0 9px 0 0;line-height:174px;text-align:right;cursor:pointer;} .divListToon .btnNextT {float:left;width:29px;height:84px;margin:0 0 0 9px;line-height:174px;cursor:pointer;} .divListToon .divLT {float:left;width:75%;overflow:hidden;} .divListToon #listWebtoon {width:4000px;} .divListToon .listBox {float:left;width:90px;height:145px;border:solid 2px #FFFFFF;} .divListToon .listBox_o {float:left;width:90px;height:145px;border:solid 2px #0091f2;} .divListToon .title {width:90px;margin:10px 0 0 0;text-align:center;font-family:'dotum';font-size:12px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .divListToon .content {width:90px;margin:5px 0 0 0;text-align:center;font-family:'dotum';font-size:12px;color:#909294;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .divListToon .image {width:90px;height:89px;background-color:#d8d9d9;overflow:hidden;} .divListToon .image img{width:100%;height:100%;} .webtoonLeft {display:inline-block;width:150px;float:left;margin:0 0 0 5px;} .webtoonRight {display:inline-block;width:150px;float:right;margin:0 0 0 5px;} } /*180508 진 END*/