@charset "utf-8"; /* position Layout */ .absLeft {position:absolute; left:0; top:0} .absRight {position:absolute; right:0; top:0} .absCenter_wrap {position:absolute; left:50%; top:0} /* 가운데 띄우기를 원할 경우 wrap 안에 */ .absCenter_cont {position:relative; left:-50%; top:0} /* cont 를 만들고 내용을 넣을 것 */ /* 게시판 */ #BoardInc {position:relative; width:100%; _width:99%; text-align:left; margin:0 auto; padding:0; clear:both} #BoardInc .BoardInnerWrap {width:100%; _width:99%; clear:both} #BoardInc #BoardHeader {width:100%; _width:99%; clear:both} #BoardInc #BoardRead {width:100%; _width:99%; clear:both} #BoardInc #BoardWrite {width:100%; _width:99%; clear:both; margin-top:20px} #BoardInc #BoardList {width:100%; _width:99%; clear:both} #BoardInc #BoardError {width:100%; _width:99%; clear:both} #BoardInc .icon_recent {display:inline-block; width:14px; height:14px; line-height:14px; font-size:7px; text-align:center; font-style:normal; color:#ffffff; vertical-align:middle; background:#000000; margin-top:-3px; border-radius:7px; box-sizing:border-box} #BoardInc .icon_recent_type2 {display:inline-block; width:16px; height:16px; line-height:16px; font-size:12px; text-align:center; font-style:normal; color:#000000; vertical-align:middle; background:#ffffff; border:#aaaaaa 1px solid; box-sizing:border-box} #BoardInc .icon_replay {vertical-align:top; padding:0 0 0 0} #BoardInc .icon_lock {vertical-align:top; padding:0 5px 0 0} #BoardInc .icon_lock_unAuth {color:red} #BoardInc .icon_lock_checkAuth {} #BoardInc .icon_lock_open {color:blue} /* 공통 */ #BoardInc .BoardInnerWrap:after {clear:both; content: ""; display:table} #BoardInc form {width:100%; margin:0; padding:0} #BoardInc .displayNone {width:0 !important; height:1px !important; line-height:0 !important; font-size:0 !important; text-indexnt:-9000px; left:-100000px; top:auto; overflow:hidden; background:none !important; margin:0 !important; padding:0 !important} #BoardInc .ellipsis a {display:inline} #BoardInc dt.col_L1 {float:left; width: 15%} #BoardInc dt.col_L2 {float:left; width: 50%} #BoardInc dt.col_L3 {float:left; width: 65%} #BoardInc dt.col_L4 {float:left; width:100%} #BoardInc dd.col_L1 {float:left; width: 35%} #BoardInc dd.col_L2 {float:left; width: 50%} #BoardInc dd.col_L3 {float:left; width: 85%} #BoardInc dd.col_L4 {float:left; width:100%} #BoardInc .bd_T_none {border-top:none !important} #BoardInc .bd_T_00806E {border-top:#00806E 1px solid !important} #BoardInc .bd_T_242c39 {border-top:#242c39 1px solid !important} #BoardInc dl {display:block; width:100%; margin:0; padding:0} #BoardInc dl:after {clear:both; content: ""; display:table} #BoardInc dt {min-height:28px; line-height:28px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box} #BoardInc dd {min-height:28px; line-height:28px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box} /* 머릿글 */ #BoardInc #BoardHeader {display:none} /* 읽기 */ #BoardInc #BoardRead {border-top:#158700 2px solid; margin-top:30px} #BoardInc #BoardRead img {max-width:100% !important} #BoardInc #BoardRead dl {position:relative; width:100%; background:none; font-size:0; text-align:center} #BoardInc #BoardRead dt {font-weight:normal; text-align:right; color:#000000; font-size:14px; border:none; background:transparent; padding-right:5px} #BoardInc #BoardRead dd {font-weight:normal; text-align:left; color:#000000; font-size:14px; border:none; background:transparent} #BoardInc #BoardRead dd.info_notice {clear:both; width:100%; text-align:center} #BoardInc #BoardRead dd.ViewCONTENT {position:relative; width:100%; min-height:100px; text-align:left; font-weight:normal; word-break:break-all; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:10px; margin:0} #BoardInc #BoardRead dd.ViewCONTENT img {max-width:100% !important} #BoardInc #BoardRead .contInfo {border-bottom:#000000 1px solid; padding:25px 0} #BoardInc #BoardRead .contInfo dt.info_dt {display:inline-block} #BoardInc #BoardRead .contInfo dd.cont_Tit {display:block; width:100%; text-align:center; font-size:26px; font-weight:500; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:10px} #BoardInc #BoardRead .contInfo dt.info_dt {display:inline-block; min-height:20px; line-height:20px; vertical-align:middle; box-sizing:border-box; font-weight:300} #BoardInc #BoardRead .contInfo dd.info_dd {display:inline-block; min-height:20px; line-height:20px; vertical-align:middle; box-sizing:border-box; font-weight:300} #BoardInc #BoardRead .contInfo dd.info_dd:after {content:""; display:inline-block; width:1px; height:10px; font-size:0; margin:0 10px; background:#000000} #BoardInc #BoardRead .contInfo dd.info_dd:last-child:after {content:""; display:none; width:0; height:0} #BoardInc #BoardRead dd.contRead {padding:25px; line-height:30px} #BoardInc #BoardRead dd.contRead:after {content:""; clear:both} /* 읽기 - 첨부파일 */ #BoardInc #BoardRead .attach_dt {position:relative; float:left; width:15%; line-height:28px; text-align:center; border-top:#dadada 1px solid; padding:10px 0} #BoardInc #BoardRead .attach_dd {position:relative; float:left; width:85%; line-height:28px; text-align:left; border-top:#dadada 1px solid; padding:10px 0} #BoardInc #BoardRead .AttachFile {position:relative; width:100%; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} #BoardInc #BoardRead .AttachFile a {display:inline-block; max-width:90%; line-height:28px; text-overflow:ellipsis; overflow:hidden} #BoardInc #BoardRead .AttachFile a img{display: inline-block; vertical-align:middle; margin-right:5px} #BoardInc #BoardRead .AttachFile .a_fileName {max-width: calc(100% - 230px)} /* 읽기 - 별점 */ #BoardInc #BoardRead .pointView_dt {clear:both; float:left; width:20%; height:45px; line-height:45px; border-top:#242c39 1px solid} #BoardInc #BoardRead .pointView_dd {float:left; width:30%; height:45px; line-height:45px; border-top:#242c39 1px solid} #BoardInc #BoardRead .pointView_dd .point_img {position:relative; width:93px; height:17px; text-align:left; background:url('/images/icon/icon_point.gif') no-repeat 0px 0px; margin-top:11px} #BoardInc #BoardRead .pointView_dd .point_img div {position:relative; height:17px; overflow:hidden} #BoardInc #BoardRead .pointView_dd .point_img img {position:absolute; bottom:0} #BoardInc #BoardRead .pointFrm_dt {float:left; width:20%; height:45px; line-height:45px; border-top:#242c39 1px solid} #BoardInc #BoardRead .pointFrm_dd {float:left; width:30%; height:45px; line-height:45px; border-top:#242c39 1px solid} /* 읽기 - 메모 */ #BoardInc #BoardRead .memo_dd {clear:both; min-height:auto} #BoardInc #MemoWrap {position:relative; width:98%; border-top:#e3e3e3 1px solid; margin:0 auto; padding:10px 0; margin-top:10px; margin-bottom:10px; box-sizing:border-box} #BoardInc #MemoWrap * {box-sizing:border-box} /* 읽기 - 메모 - 쓰기 */ #BoardInc #MemoWrite {position:relative; width:100%; margin:0 auto; padding:10px; box-sizing:border-box; border:#e3e3e3 1px solid} #BoardInc #MemoWrite #REALNAME_RE {width:100%; line-height:20px; color:#656565; font-size:1em; font-weight:bold; border:none; background:none; margin:5px 0} #BoardInc #MemoWrite #MEMO_RE {float:left; width:80%; height:60px; font-size:1em; font-weight:normal; resize:none} #BoardInc #MemoWrite #MEMO_SUBMIT {float:left; width:20%; height:60px; color:#ffffff; font-size:18px; border:none; margin:0; padding:0; background:#242c39} #BoardInc #MemoWrite:after {content:""; clear:both; display:block} /* 읽기 - 메모 - 리스트 */ #BoardInc #MemoList {position:relative; width:100%; margin:0 auto; margin:10px 0} #BoardInc #MemoList li {width:100%; min-height:30px; line-height:30px; border-bottom:#abadb3 1px dotted; margin:0 auto; padding:10px; box-sizing:border-box} #BoardInc #MemoList li div {min-height:25px; line-height:25px} #BoardInc #MemoList li .memo_Name {width:100%; font-size:0.9em; color:#158700; padding:0 10px} #BoardInc #MemoList li .memo_Name .dt {padding-left:10px} #BoardInc #MemoList li .memo_Cont {width:100%; padding:0 10px} #BoardInc #MemoList li .memo_Cont form {width:20px; margin-top:2px} #BoardInc #MemoList li .memo_Cont input {display:inline-block} #BoardInc #MemoList:after {content:""; clear:both; display:block} /* 리스트 */ #BoardInc #BoardList {position:relative; width:100%; margin:0; padding:0; border-top:#384079 2px solid; border-bottom:#384079 2px solid} #BoardInc #BoardList .list {position:relative; width:100%; min-height:50px; line-height:50px; margin:0; padding:0; background:transparent; border-bottom:#dadada 1px solid; box-sizing:border-box} #BoardInc #BoardList .list:nth-of-type(2n+1) {background:#f7f7f7} #BoardInc #BoardList .list:last-child {border-bottom:none} #BoardInc #BoardList .list:after {display:block; content:""; clear:both; height:0} #BoardInc #BoardList .list.Notice {background:#eee; font-weight:900; color:#fff} #BoardInc #BoardList .list.blank {background:none} #BoardInc #BoardList .list.list_rp {border-left: #aaa 3px dotted; border-right: #aaa 3px dotted} #BoardInc #BoardList .list.list_rp_first {border-top: #aaa 3px dotted} #BoardInc #BoardList .list.list_rp_last {border-bottom: #aaa 3px dotted} #BoardInc #BoardList .list .identfy {float:left; width:15%; height:80px; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} #BoardInc #BoardList .list .identfy .no {display:block; width:100%; line-height:40px; text-align:center; color:#606060; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} #BoardInc #BoardList .list .identfy .cate {display:block; width:100%; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} #BoardInc #BoardList .list .title {float:left; width: 85%; height:40px; line-height:40px; text-align:left; font-size:22px; font-weight:400; text-overflow:ellipsis; white-space:nowrap} #BoardInc #BoardList .list.noCate .title {font-weight:500} #BoardInc #BoardList .list .title.selectOn {font-weight:500} #BoardInc #BoardList .list .title .highlight {background:#707070; color:yellow} #BoardInc #BoardList .list .title a {width:100%; font-weight:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom: none} #BoardInc #BoardList .list .title img {vertical-align:middle; margin-right:5px} #BoardInc #BoardList .list .info {float:left; width:85%; height:40px; line-height:40px; text-align:left; font-size:16px; color:#606060; padding-right:10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} #BoardInc #BoardList .list .info .datetime {color:#606060; font-weight:300} #BoardInc #BoardList .list .info span:after {content:""; display:inline-block; width:1px; height:10px; font-size:0; margin:0 10px; background:#000000} #BoardInc #BoardList .list .info span:last-child:after {display:none; width:0; height:0} #BoardInc .paging {position:relative; width:100%; line-height:40px; text-align:center; border:none} #BoardInc .btnSet {position:relative; width:100%; line-height:40px; text-align:center} #BoardInc .paging .btnSet {position:static; width:auto; height:auto} #BoardInc .paging .btnSet .absLeft {top:15px} #BoardInc .paging .btnSet .absRight {top:15px} /* 연관글 */ #BoardInc #BoardREF {position:relative; width:100%; margin:0; padding:0; border-top:#000000 2px solid; border-bottom:#000000 2px solid} #BoardInc #BoardREF .list {position:relative; width:100%; line-height:50px; margin:0; padding:0; border-bottom:#dadada 1px solid} #BoardInc #BoardREF .list:after {display:block; content:""; clear:both; height:0} #BoardInc #BoardREF .list.Notice {background:#f7f7f7} #BoardInc #BoardREF .list.blank {background:none} #BoardInc #BoardREF .list .identfy {float:left; width:25%; text-align:center} #BoardInc #BoardREF .list.noCate .identfy {width:15%} #BoardInc #BoardREF .list .identfy .no {float:left; width:30%; text-align:center} #BoardInc #BoardREF .list.Notice .identfy .no {width:100%} #BoardInc #BoardREF .list .identfy .cate {float:left; width:70%; text-align:center} #BoardInc #BoardREF .list .title {float:left; width:45%; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} #BoardInc #BoardREF .list.noCate .identfy {width:55%} #BoardInc #BoardREF .list .title img {vertical-align:middle; margin-right:5px} #BoardInc #BoardREF .list .info {float:right; width:30%; text-align:right} #BoardInc #BoardREF .list .info span:after {content:""; display:inline-block; width:1px; height:10px; font-size:0; margin:0 10px; background:#000000} #BoardInc #BoardREF .list .info span:last-child:after {display:none; width:0; height:0} #BoardInc .paging {position:relative; width:100%; line-height:40px; text-align:center} #BoardInc .btnSet {position:relative; width:100%; line-height:40px; text-align:center} /* 글쓰기 */ #BoardInc #BoardWrite {border-top:#363d4c 2px solid} #BoardInc #BoardWrite input {max-width:calc(100% - 10px) !important} #BoardInc table.BoardTable {width:100%; margin:0px auto; color:#333333; border-top:none; border-bottom:#363d4c 2px solid; table-layout:fixed} #BoardInc table.BoardTable thead th {line-height:35px; text-align:right; border:0px; border-right:1px #E5E5E5 solid; border-bottom:1px #E5E5E5 solid; background:#EEEEEE; padding:0; padding-right:5px} #BoardInc table.BoardTable thead td {height:35px; text-align:left; padding-left:5px; border:0px; border-bottom:1px #E5E5E5 solid} #BoardInc table.BoardTable thead td .input_1col {width:245px; height:20px; text-align:left; border:#e6e6e6 1px solid; border-top:#afafaf 1px solid; padding:0; margin:0} #BoardInc table.BoardTable thead td .input_3col {width:620px; height:20px; text-align:left; border:#e6e6e6 1px solid; border-top:#afafaf 1px solid; padding:0; margin:0} #BoardInc table.BoardTable tbody td {position:relative} #BoardInc table.BoardTable tbody .ReadInfo {position:absolute; top:0; right:0} #BoardInc table.BoardTable tbody .ReadDiv {position:relative; clear:both; width:730px; min-height:100px; text-align:left; font-weight:normal; WORD-BREAK:break-all; padding:30px 10px 10px 10px; border-top:#158700 1px solid; margin:0 auto} #BoardInc table.BoardTable tbody .ReadDiv th {font-weight:normal} #BoardInc table.BoardTable tbody .ReadDiv td {font-weight:normal} #BoardInc table.BoardTable .ReadDiv UL LI {margin-top:0pt; margin-bottom:0pt; MARGIN-LEFT:30pt; color:#454545; list-style:disc outside none;} #BoardInc table.BoardTable .ReadDiv OL LI {margin-top:0pt; margin-bottom:0pt; MARGIN-LEFT:30pt; color:#454545; list-style:decimal outside none;} #BoardInc table.BoardTable td.ARTICLETYPE input {width:10px; vertical-align:middle} #BoardInc table.BoardTable td.ARTICLETYPE label {font-size:11px} #BoardInc table.BoardTable .stInline {width:auto; display:inline-block} /* 페이징 */ #BoardInc table.BoardPaging {width:100%; font-size:1em; border:0px; border-collapse:collapse; margin:0px auto; color:#333333;} #BoardInc table.BoardPaging td.btn {width:150px; border:0px; text-align:left;} #BoardInc table.BoardPaging td.page {width:420px; border:0px; text-align:center;} #BoardInc table.BoardPaging td.size {width:150px; border:0px; text-align:right; font-family:Arial;} #BoardInc table.BoardPaging td.size input.none {width:27px; height:20px; font-size:14px; text-align:center; border:1px #ccc dotted; vertical-align:bottom;} #BoardInc table.BoardPaging td.size input.over {width:27px; height:20px; font-size:14px; text-align:center; border:1px #ccc solid; vertical-align:bottom;} /* 검색 */ #BoardInc table.BoardSearch {width:320px; font-size:1em; border:0px; border-collapse:collapse; margin:0px auto; color:#333333;} #BoardInc table.BoardSearch td table.starget {line-height:1.2em;} #BoardInc table.BoardSearch td table.skeyword {line-height:1.2em;} #BoardInc table.BoardSearch td table.skeyword input {width:265px; height:20px; border:1px #aaa solid;} /* 버튼셋 */ #BoardInc #BoardRead .btnSet_dd {position:relative; clear:both; width:100%; border-top:#242c39 2px solid; padding: 20px 0; box-sizing:border-box} #BoardInc .btnSet {position:relative; width:100%; min-height:40px; line-height:40px; text-align:left; padding:0; margin:0} #BoardInc .btnSet * {box-sizing:border-box} #BoardInc .btnSet a {vertical-align:middle} #BoardInc .btnSet .btnST {width:auto; height:30px; line-height:30px; text-align:center; vertical-align:top; color:#454545; padding:0 10px; letter-spacing:2px; border:#cccccc 1px solid} #BoardInc .btnSet .btnST.borderNV {border:#242c39 1px solid} #BoardInc .btnSet .btnST:after {content:""; width:6px; height:inherit; position:absolute; bottom:1px; right:-1px; background:transparent} #BoardInc .btnSet .absLeft {top:10px} #BoardInc .btnSet .absRight {top:10px} #BoardInc .btnSet .btn_pack * {display:inline-block} #BoardInc .btnSet .btn_pack.medium * {height:22px;line-height:22px; padding:0 10px 0 6px} #BoardInc .btnSet .btn_pack.small * {height:19px;line-height:19px; padding:0 6px 0 2px} /*#BoardInc .btnSet .btnReset {width:56px; height:22px; font-size:0; text-indent:-9999px; border:0; background-color: transparent; background:url('/Board/images/btn/btn_Reset.gif') no-repeat left top; cursor:pointer; overflow:hidden} #BoardInc .btnSet .btnBack {width:68px; height:22px; font-size:0; text-indent:-9999px; border:0; background-color: transparent; background:url('/Board/images/btn/btn_Back.gif') no-repeat left top; cursor:pointer; overflow:hidden}*/ #BoardInc .btnSet .btnReset {width:auto; height:30px; line-height:30px; text-align:center; font-size:16px; vertical-align:top; color:#454545; margin:0; padding:0 20px; border:#242c39 1px solid; background:#ffffff} #BoardInc .btnSet .btnBack {width:auto; height:30px; line-height:30px; text-align:center; font-size:16px; vertical-align:top; color:#454545; margin:0; padding:0 20px; border:#242c39 1px solid; background:#ffffff} #BoardInc .btnSet .btnSubmit {width:auto; height:30px; line-height:30px; text-align:center; font-size:16px; vertical-align:top; color:#ffffff; margin:0; padding:0 20px; border:none; background:#158700} /* - 공지사항 : 컨텐츠 테이블 */ #BoardInc #BoardRead #noticeTable2011 {position:inherit; width:100%; text-align:center; border-left:#c5c5c5 1px solid; border-top:#c5c5c5 1px solid; border-collapse:collapse; border-spacing:0px;} #BoardInc #BoardRead #noticeTable2011 th {position:inherit; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;} #BoardInc #BoardRead #noticeTable2011 td {position:inherit; line-height:1.8em; font-weight:normal; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;} #BoardInc #BoardRead .noticeTable2013 {position:inherit; width:100%; text-align:center; border-collapse:collapse; border-left:#c5c5c5 1px solid; border-top:#c5c5c5 1px solid} #BoardInc #BoardRead .noticeTable2013 th {position:inherit; font-weight:bold; color:#d45500; text-align:center; background:#fffae5; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid} #BoardInc #BoardRead .noticeTable2013 td {position:inherit; min-height:25px; line-height:1.8em; font-weight:normal; color:#454545; text-align:center; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid} #BoardInc #BoardRead .noticeTable2016 {position:inherit; width:100%; text-align:center; border-collapse:collapse; border-left:#c5c5c5 1px solid; border-top:#c5c5c5 1px solid} #BoardInc #BoardRead .noticeTable2016 th {position:inherit; font-weight:bold; color:#d45500; text-align:center; background:#fffae5; border-top:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid; padding-left:5px} #BoardInc #BoardRead .noticeTable2016 td {position:inherit; min-height:25px; line-height:1.8em; font-weight:normal; color:#454545; text-align:center; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid; padding-left:5px} /* 게시판 Editor 전용 - New */ #BoardInc #BoardRead .noticeTable2018 {position:inherit; width:100%; text-align:center; border-collapse:collapse; border-left:#c5c5c5 1px solid; border-top:#c5c5c5 1px solid} #BoardInc #BoardRead .noticeTable2018 caption {position:relative; display:table-caption; left:auto; top:auto; } #BoardInc #BoardRead .noticeTable2018 th {position:inherit; font-weight:bold; color:#c63430; text-align:center; background:#fff6ef; border-top:#c8c1bb 1px solid; border-right:#c8c1bb 1px solid; border-bottom:#c8c1bb 1px solid; padding:5px; height:30px} #BoardInc #BoardRead .noticeTable2018 td {position:inherit; min-height:25px; line-height:1.8em; font-weight:normal; color:#454545; text-align:center; border-right:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid; padding:5px} #BoardInc #BoardRead .noticeTable2018 tbody th {position:inherit; font-weight:bold; color:#333333; text-align:center; background:#fbfbfb; padding:5px; height:30px;border-top:none; border-right:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid;}