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

body.modelstory {background:#f6f6f6;}

#boardSkin {width: 1200px;margin: 50px auto;font-size:16px;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:16px; color:#222222; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
#boardSkin select {height:40px; padding:3px; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
#boardSkin .textForm {height:40px; padding:0 10px;}
#boardSkin .middleCon { vertical-align:middle;}
#boardSkin a { color:#222; }
#boardSkin a:hover { text-decoration:none;}
#boardSkin .clr { clear:both;}
.filebox {display:inline-block; position:relative; width:520px; height:40px; margin-right:10px !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:0px; width:105px; height:36px; color:#222222 !important; text-align:center; line-height:34px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}
.filebox input[type="text"] {width:400px}
#boardSkin .file_img {margin-top:5px;}


.totalCount {float:left; position:relative; top:-35px; height:0; font-size:14px; color:#222;}

/*############################################################# 리스트 #############################################################*/

#boardSkin .no_data {padding:50px; text-align:center; background:#f7f7f7;}
#boardList {position:relative; overflow:hidden;}
#bImg {float:left; border:1px solid #e1e1e1; width:598px; height:698px;}
#bImg img {width:598px; height:698px;}
#thumbList {float:right; width:597px;}
#thumbList li {float:left; position:relative; margin-left:19px; margin-bottom:19px; border:1px solid #e1e1e1;}
#thumbList li img {width:178px; height:219px;}
#thumbList .btns {position:absolute; right:10px; bottom:10px; z-index:1; text-align:center;}
#thumbList .btns a {float:left; width:38px; height:18px; margin-left:2px; border:1px solid #515151; font-family:'돋움'; font-size:11px; color:#fff; line-height:20px; background:#7e7e7e;}



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

#searchBox {overflow:hidden; padding:15px; text-align:center;}
#searchBox form {display:inline-block;}
#searchBox select, #searchBox input[type='text'] {float:left; height:30px; font-size:14px;}
#searchBox select {width:110px; margin-right:10px;}
#searchBox input[type='text'] {width:160px;}
#searchBox input[type='submit'] {float:left; width:65px; height:30px; border:0px; font-size:14px; color:#fff; background:#2c2c2c;}

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

#categoryBox {overflow:hidden; margin-bottom:55px; text-align:left; border:1px solid #b1b2b6; background:#f8f8f8;}

#categoryBox .category {display:inline-block; width:101%; vertical-align:top;}
#categoryBox .category li {float:left; vertical-align:middle;}
#categoryBox .category li a {display:block; text-align:center; font-size:18px; line-height:43px; font-weight:normal; color:#333; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#categoryBox .category li+li a {border-left:1px solid #b1b2b6;}
#categoryBox .category li a:hover {background:#131a2a; color:#fff; font-weight:400; text-decoration:none;}
#categoryBox .category li.select a { background:#131a2a; color:#fff;}
#categoryBox .category li.select a:hover { background:#131a2a; color:#fff; text-decoration:none;}
#categoryBox .category.grid3 li {width:33.33%;}
#categoryBox .category.grid4 li {width:25%;}
#categoryBox .category.grid5 li {width:20%;}
#categoryBox .category.grid6 li {width:16.666%;}
#categoryBox .category.grid7 li {width:14.2857%;}
#categoryBox .category.grid8 li {width:12.5%;}
#categoryBox .category.grid9 li {width:11.111%;}
#categoryBox .category.grid10 li {width:10%;}

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

#boardSkin .btnArea {overflow:hidden; position:relative; margin:30px -4px 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 4px !important;}
.btn01 {display:inline-block; min-width:100px; height:30px; margin:0 4px !important; font-size:14px; color:#fff !important; line-height:30px !important; text-align:center; background:#2c2c2c;}
.btn03 {display:inline-block; min-width:160px; height:45px; margin:0 7px !important; font-size:18px; color:#fff !important; line-height:45px !important; text-align:center; background:#2c2c2c;}
.btn02 {display:inline-block; width:105px; height:36px; color:#222222 !important; text-align:center; line-height:34px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}
.btn04 {display:inline-block; height:25px; margin:0 4px; padding:0 10px !important; font-size:12px; color:#fff !important; line-height:25px !important; text-align:center; background:#2c2c2c;}


#boardSkin .btnArea a {display:inline-block;}
#boardSkin .btnArea .gray01 {background:#b5b6b8;}
.b_gray {border:1px solid #d9d9d9 !important; color:#2c2c2c !important; background:#fff;}

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

#boardSkin .pageArea {text-align:center; padding-top:25px;}
#boardSkin .pageArea .pagingList {text-align:center; display:inline-block;}
#boardSkin .pageArea .pagingList img {float:left;}
#boardSkin .pageArea .paging {display:inline-block; float:left; border:1px solid #8c909d;}
#boardSkin .pageArea .paging li {float:left; width:28px;}
#boardSkin .pageArea .paging li+li {border-left:1px solid #8c909d;}
#boardSkin .pageArea .paging li a {display:block; font-family:Verdana, sans-serif; font-size:12px; color:#242633; font-weight:normal; line-height:27px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#boardSkin .pageArea .paging li.over a {margin:-1px; line-height:29px; color:#fff; background:#19213c;}
#boardSkin .pageArea .paging li a:hover {margin:-1px; line-height:29px; color:#fff; background:#19213c;}


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

#boardView .line {border-top:2px solid #767784;}
#boardView .boardTop {position:relative; padding:25px 120px 25px 10px; border-top:2px solid #767784; border-bottom:1px solid #babbc1;}
#boardSkin .subjectBox {padding-top:5px; font-size:18px; color:#636363; font-weight:500;}
#boardSkin .infor {overflow:hidden;}
#boardSkin .infor li {float:left; position:relative; color:#898989;}
#boardSkin .infor li+li {margin-left:13px;}
#boardSkin .infor li+li:before {position:absolute; top:50%; left:-6px; width:1px; height:13px; margin-top:-6px; background:#a1a1a1; content:'';}
#boardSkin .infor li.date {color:#a1a1a1;}
#boardSkin .hit {position:absolute; right:25px; bottom:25px; font-size:14px; 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 .imgWrap img {width:auto; max-width:100%;}
#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;}

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

#boardSkin .agreeBox { background:#f8f8f8; border:1px solid #dddddd; padding:20px;}
#boardSkin .agreeBox .agreeText { height:120px; overflow:auto; line-height:150%;}
#boardSkin .agreeBox p { padding-top:15px; text-align:center;}

#writeForm {border-top:2px solid #242633;}
#writeForm td * {vertical-align:middle;}
#writeForm th,
#writeForm td {border-bottom:1px solid #babbc1; padding:20px 0; padding-left:26px; font-size:16px; color:#222222; text-align:left;}
#writeForm th {color:#585858; padding-left:15px; vertical-align:top; line-height:40px;}
#writeForm td .tt { color:#499fcb; letter-spacing:-1px; margin-left:10px;}
#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:30px 0;}
#writeForm td .btnArea .btn02 {min-width:250px;}
#writeForm .file_list li+li {margin-top:17px;}

.f_size01 {width:30%;}
.f_size02 {width:15%;}
.f_size03 {width:80%;}
.full {width:100%;}
.red {color:#c90b0b;}