@charset "utf-8";
/* CSS Document */

#boardSkin {font-size:13px; color:#222222;}
#boardSkin * { margin: 0; padding: 0; border: 0;}
#boardSkin table {border-collapse: collapse;}
#boardSkin select, #boardSkin input[type="text"], #boardSkin input[type="password"],#boardSkin textarea {background:#ffffff; border:1px solid #d9d9d9; font-size:13px; color:#222222; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
#boardSkin select {height:30px; padding:3px; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
#boardSkin .textForm {height:30px; padding:0 5px;}
#boardSkin .middleCon { vertical-align:middle;}
#boardSkin a { color:#222; }
#boardSkin a:hover { text-decoration:none;}
#boardSkin .clr { clear:both;}
.filebox {display:block; position:relative; height:30px; margin-right:75px !important;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:1px; right:-75px; width:70px; height:30px; color:#222222 !important; text-align:center; line-height:30px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}
.filebox input[type="text"] {width:100%;}
#boardSkin .file_img {margin-top:5px;}

#boardSkin .totalCount {position:relative; padding-bottom:10px; font-size:12px; color:#222;}
/*############################################################# 리스트 #############################################################*/
#boardSkin .no_data {padding:25px 0; text-align:center; font-size:13px; background:#f7f7f7;}
#boardSkin #boardList {width:100%; table-layout:fixed; border-top:2px solid #767784;}
#boardSkin #boardList thead {}
#boardSkin #boardList thead th {text-align:center; border-bottom:1px solid #e8e8e8; padding-top:5px; font-size:13px; color:#222; line-height:50px;}
#boardSkin #boardList tbody td {padding:10px 5px; border-bottom:1px solid #f5f5f5; font-size:12px; color:#222222; text-align:center; line-height:1.3;} 
#boardSkin #boardList tbody tr:last-child td {border-color:#babbc1;}
#boardSkin #boardList tbody td img {max-height:13px;}
#boardSkin #boardList .notice .title a {font-weight:500;}
#boardSkin #boardList .title {text-align:left;}
#boardSkin #boardList .title * {vertical-align:middle;}
#boardSkin #boardList .b_notice {display:inline-block; height:18px; margin-right:5px; padding:0 5px; border-radius:3px; font-size:11px; color:#fff; text-align:center; line-height:18px; font-weight:500; background:#8c7fd9;}
#boardSkin #boardList td .s_title {display:block; overflow:hidden; height:20px; font-size:15px; white-space:nowrap; text-overflow:ellipsis;}
#boardSkin #boardList .f_row {overflow:hidden; min-width:125px;}
#boardSkin #boardList .f_row select {float:left; width:80px;}
#boardSkin #boardList .btn01 {float:left; width:55px; min-width:45px; margin:0 !important;}

/*############################################################# 검색 #############################################################*/

#searchBox {overflow:hidden; padding-top:15px; text-align:center;}
#searchBox form {display:inline-block;}
#searchBox select, #searchBox input[type='text'] {float:left; height:30px; font-size:13px;}
#searchBox select {width:80px; margin-right:5px;}
#searchBox input[type='text'] {width:150px;}
#searchBox input[type='submit'] {float:left; width:45px; height:30px; border:0px; font-size:13px; color:#fff; background:#959595;}


/*############################################################# 카테고리 #############################################################*/

#categoryBox {overflow:hidden; margin-bottom:35px; text-align:left; border:1px solid #fff;}
#categoryBox .category {overflow:hidden; margin:0 -5px; vertical-align:top;}
#categoryBox .category li {float:left; width:33.33%; vertical-align:middle; background:#959595;}
#categoryBox .category li a {display:block; text-align:center; font-size:13px; line-height:35px; font-weight:normal; color:#fff;}
#categoryBox .category li a {border-right:1px solid #fff; border-bottom:1px solid #fff;}
#categoryBox .category li.select a { background:#ff78bb; color:#fff;}


#categoryBox .category.grid4 li {width:50%;}


/*############################################################# 버튼영역 #############################################################*/

#boardSkin .btnArea {overflow:hidden; position:relative; margin:20px 10px 0; text-align:center;}
#boardSkin .btnArea * {vertical-align:middle;}
#boardSkin .btnArea p.right {text-align:right;}
#boardSkin .btnArea p.left {text-align:left;}
#boardSkin .btnArea .btn02 {margin:0 1px !important;}
.btn01 {display:inline-block; min-width:48px; height:24px; margin:0 1px !important; font-size:12px; color:#fff; line-height:24px; text-align:center; background:#2c2c2c;}
.btn03 {display:inline-block; min-width:80px; height:35px; margin:0 2px !important; font-size:14px; color:#fff; line-height:35px; text-align:center; background:#2c2c2c;}
.btn02 {display:inline-block; width:48px; height:30px; color:#222222 !important; font-size:12px; text-align:center; line-height:28px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}


#boardSkin .btnArea a {display:inline-block;}
#boardSkin .btnArea .gray01 {background:#b5b6b8;}

/*############################################################# 페이징 #############################################################*/

#boardSkin .pageArea {text-align:center; padding-top:25px;}
#boardSkin .pageArea .pagingList {text-align:center; display:inline-block; font-size:13px;}
#boardSkin .pageArea .pagingList a {color:#959595;}
#boardSkin .pageArea .paging {display:inline-block; padding:0 10px;}
#boardSkin .pageArea .paging li {display:inline-block;}
#boardSkin .pageArea .paging li:first-child:before, #boardSkin .pageArea .paging li:after {color:#959595; content:'/'}
#boardSkin .pageArea .paging li a {display:inline-block; padding:0 5px; font-weight:normal; line-height:25px;}
#boardSkin .pageArea .paging li.over a {color:#1e1e1e;}


/*################################# view #################################*/

#boardView .line {border-top:2px solid #767784;}
#boardView .boardTop {position:relative; padding:20px 10px; border-top:2px solid #767784; border-bottom:1px solid #babbc1;}
#boardSkin .subjectBox {padding-top:5px; font-size:17px; color:#636363; font-weight:bold;}
#boardSkin .infor {overflow:hidden;}
#boardSkin .infor li {float:left; position:relative; color:#a1a1a1;}
#boardSkin .infor li+li {margin-left:13px;}
#boardSkin .infor li+li:before {position:absolute; top:50%; left:-6px; width:1px; height:12px; margin-top:-6px; background:#a1a1a1; content:'';}
#boardSkin .infor li.date {color:#a1a1a1;}
#boardSkin .file { background:#f8f8f8; border-bottom:1px solid #dfdfdf; padding:6px 0;}
#boardSkin .file * {vertical-align:middle;}
#boardSkin .file ul { text-align:left; display:inline-block; .display:inline; zoom:1; padding-left:10px;}
#boardSkin .file li { text-align:left; color:#333333; padding-left:15px; background:url(../images/icon_file.gif) no-repeat left center;}
#boardSkin .file li a {display:inline-block; line-height:20px; color:#a3a29f; text-decoration:underline;}
#boardSkin .contents { padding:20px 10px 40px 10px; border-bottom:1px solid #dfdfdf; line-height:150%; text-align:left;}
#boardSkin .contents .imgWrap {margin-bottom:7px; text-align:center;}
#boardSkin .contents img {width:auto; max-width:100%; height:auto;}
#boardSkin .goList {}
#boardSkin .goList ul {}
#boardSkin .goList ul li { border-bottom:1px solid #dfdfdf; padding:7px 0 7px 80px;}
#boardSkin .goList ul li.prev { background:url(../images/view_tt_prev.gif) no-repeat center left;}
#boardSkin .goList ul li.next { background:url(../images/view_tt_next.gif) no-repeat center left;}
#boardView table {width:100%; border-top:2px solid #767784;}
#boardView td, #boardView th {padding:12px 5px; border-bottom:1px solid #f5f5f5; font-size:14px; color:#222222;} 
#boardView th {background:#f7f7f7;}
#boardView td {padding-left:30px; text-align:left;}
#boardView tbody tr:last-child td, #boardView tbody tr:last-child th {border-color:#babbc1;}
#boardView .notice .title a {font-weight:500;}
#boardView .title {position:relative; padding-left:60px; text-align:left;}
#boardView .b_notice {display:inline-block; position:absolute; top:0; left:0; height:20px; padding:0 7px; border-radius:3px; font-size:13px; color:#fff; text-align:center; line-height:20px; font-weight:500; background:#8c7fd9;}
#boardView .f_row {overflow:hidden; min-width:125px;}
#boardView .f_row select {float:left; width:80px;}
#boardView .f_row .btn01 {float:left; min-width:45px; margin:0 !important;}
#boardView a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#replay_cont {background:#f7f7f7;}
#replay_cont .tit {position:relative; padding:12px; padding-left:50px; border-bottom:1px dashed #999999; font-size:15px; color:#636363;}
#replay_cont .tit span {position:absolute; top:12px; left:12px; width:32px; height:20px; font-size:12px; color:#fff; line-height:20px; text-align:center; background:#131a2a;}
#replay_cont .cont {padding:20px;}


/*################################# write #################################*/

#boardSkin .agreeBox {border:1px solid #e1e1e1; background:#f8f8f8;}
#boardSkin .agreeBox .scrollCont {height:120px; padding:25px; overflow:hidden; overflow-y:auto; line-height:150%; background:#fff;}
#boardSkin .agreeBox .agreeChk {padding:15px; text-align:center;}

#writeForm {table-layout:fixed; border-top:2px solid #242633;}
#writeForm td * {vertical-align:middle;}
#writeForm th,
#writeForm td {border-bottom:1px solid #babbc1; padding:10px; font-size:13px; color:#222222; text-align:left;}
#writeForm th {color:#585858; padding:10px 0; padding-left:10px; vertical-align:top; line-height:30px;}
#writeForm th.th_type02 {line-height:15px;}
#writeForm td .tt { color:#499fcb; letter-spacing:-1px; margin-left:10px;}
#writeForm td input, #writeForm td select {margin:2px 0px;}
#writeForm .border_none td, #writeForm .border_none th {border:0 !important; padding-bottom:0;}
#writeForm .auto_input_box * {vertical-align:baseline;}
#writeForm td .btnArea {margin:20px 0;}
#writeForm td .btnArea .btn02 {min-width:170px;}
#writeForm .file_list li+li {margin-top:7px;}
#writeForm .file_list .btn02 {width:auto; min-width:50px; margin-top:5px;}
#writeForm .pd0 {padding:0;}
#writeForm .subCont * {vertical-align:middle;}
#writeForm .subCont dl {position:relative; margin:10px 0;}
#writeForm .subCont dt {position:absolute; top:0; left:0; padding-left:10px; line-height:30px;}
#writeForm .subCont dd {padding:0; padding-left:85px; padding-right:10px;}
#writeForm .subCont dd .btn02 {margin:0; vertical-align:top; margin-left:8px; margin-top:1px;}
#writeForm .subCont+.subCont {border-top:1px solid #babbc1;}
#writeForm .b_cont01 {display:block; padding-top:5px;}

.f_size01 {width:100%;}
.f_size02 {width:15%;}
.email {width:45%;}
.phone {width:25%;}
select.phone {width:32%;}
.full {width:100%;}
.red {color:#c90b0b;}
.brown {color:#9e0b0f;}

.t_left {text-align:left !important;}