/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/

.project_wrap .category {display:table; width:100%; height:50px; margin-bottom:20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; text-align:center;}
.project_wrap .category > ul {display:table-row;}
.project_wrap .category > ul > li {display:table-cell; width:10%; vertical-align:top;}
.project_wrap .category > ul > li > a {display:block; position:relative; height:48px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#888; line-height:48px;}
.project_wrap .category > ul > li.cate_all > a,
.project_wrap .category > ul > li.selected > a {border-bottom:1px solid #fff; color:#333; font-weight:bold;}

#boardlist {width:100%;}
#boardlist table {table-layout:fixed; width:100%;}
#boardlist table tr > td {padding-bottom:40px; text-align:left; vertical-align:top;}
#boardlist table tr > td .box {width:260px; margin:0 auto; text-align:center;}
#boardlist table tr > td .box .img {width:262px; height:322px; border:1px solid #dcdcdc;}
#boardlist table tr > td .box .img img {width:100%; height:100%;}
#boardlist table tr > td .subject {padding:20px 0 10px;}
#boardlist table tr > td .date {color:#888; font-size:11px;}
#boardlist table tr > td.notice {position:relative; padding:0 70px 15px 0;}
#boardlist table tr > td.notice > .date {position:absolute; right:0; top:0;}
#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .write {position:absolute; right:0; top:0;}
#boardlist .board_search {clear:both; text-align:center;}
#boardlist .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;}
#boardlist .board_search select {border:0;}
#boardlist .board_search input.form_input.search {width:300px; border-width:0 1px;}
#boardlist .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/board/_skin/gallery_general/img/btn_search.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;}


/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview .view_top {display:flex; padding: 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #f0f0f0; align-items:center;}
#boardview .view_top .subj {flex: 1; padding: 0 20px; font-size: 14px; font-weight: 400; letter-spacing: -0.28px;}
#boardview .view_top .name {padding: 0 32px; color: #999; font-size: 14px; font-weight: 400;}
#boardview .view_top .date {width: 100px; color: #999; font-size: 14px; font-weight: 400; text-align: center;}
#boardview .view_top2 {border-top: 0;}


#boardview .boxview {min-height: 300px; margin-bottom: 40px; padding:50px 30px; text-align:left;}
#boardview .boxview > div {word-break:break-all; word-wrap:break-word;}
#boardview .boxview > div * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview .boxview > div img {max-width:100%;}

#boardview .btn {padding:20px 0; text-align:right;}
#boardview .btn .modelete {float:left;}

#boardview .view_prd_wrap {margin-bottom: 130px;}
#boardview .view_prd_wrap .view_prd_top {display:flex; padding: 20px 0; align-items:center; justify-content:space-between;}
#boardview .view_prd_wrap .view_prd_top .tit {font-size: 17px; font-weight: 600; line-height: 20px; letter-spacing: -0.34px;}
#boardview .view_prd_wrap .view_prd_top .arr {display:flex; align-items:center;}
#boardview .view_prd_wrap .view_prd_top .arr .view_prd_prev {width: 20px; height: 20px; background:url('img/arrow_back.svg') no-repeat 50% 50%; cursor:pointer;}
#boardview .view_prd_wrap .view_prd_top .arr .view_prd_next {width: 20px; height: 20px; background:url('img/arrow_forward.svg') no-repeat 50% 50%; cursor:pointer;}
#boardview .view_prd_wrap .view_prd_top .arr .swiper-button-disabled {opacity: 0.3; cursor: auto;}

#boardview .view_file {}
#boardview .view_file > li {display:flex; padding: 20px 0; align-items:center; border-bottom: 1px solid #f0f0f0;}
#boardview .view_file > li:first-child {border-top: 1px solid #f0f0f0;}
#boardview .view_file > li .tit {padding: 0 26px; font-size: 14px; font-weight: 400; letter-spacing: -0.28px;}
#boardview .view_file > li .cont {padding: 0 30px;}
#boardview .view_file > li .cont > a {font-size: 14px; font-weight: 400; letter-spacing: -0.28px;}
#boardview .view_file > li .cont > a:hover {text-decoration: underline;}
 
.view_comment {border-top: 1px solid #f0f0f0;}
.view_comment > li {display:flex; align-items:center; padding: 18px 0; border-bottom: 1px solid #f0f0f0;}
.view_comment > li * {font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.28px;}
.view_comment > li .name {width: 100px; text-align: center;}
.view_comment > li .content {flex:1; padding: 0 30px;}
.view_comment > li .desc {display:flex; align-items:center;}
.view_comment > li .desc .view_date_numb {color: #999; padding: 0 10px;}
.view_comment > li .desc .del {}
.view_comment > li .desc .del > a {display: block; width: 55px; height: 20px; background:url('img/del.svg') no-repeat 50% 50%; cursor:pointer;}

.view_write_comment {overflow:hidden; padding: 30px; background-color: #f9f9f9; border-bottom:1px solid #f0f0f0}
.view_write_comment .user {overflow:auto; padding-bottom:10px; text-align:left;}
.view_write_comment .user span {float:left;}
.view_write_comment .user span.name {padding-right:5px;}
.view_write_comment .user span.pw {padding-left:5px;}
.view_write_comment .user span input {display:block; overflow:visible; padding:0; border:none; box-shadow:none; border-radius:0; background: inherit;}
.view_write_comment .user span input::placeholder {color: #999;}
.view_write_comment .user span input {width: 200px; height: 45px; padding: 0 15px; border: 1px solid #dbdbdb; background-color: #fff; font-size: 14px; font-weight: 400; letter-spacing: -0.28px;}
.view_write_comment .inputbox {display:flex; height: 100px;}
.view_write_comment .inputbox textarea.form_input {display:block; overflow:visible; padding:0; border:none; box-shadow:none; border-radius:0; background: inherit; resize:none;}
.view_write_comment .inputbox textarea.form_input::placeholder {color: #999;}
.view_write_comment .inputbox textarea.form_input {flex:1; height: 100%; padding: 10px 15px; margin-right: 10px; border: 1px solid #dbdbdb; background-color: #fff; font-size: 14px; font-weight: 400; letter-spacing: -0.28px;}
.view_write_comment .inputbox .btn_comment {display:block; overflow:visible; padding:0; border:none; box-shadow:none; border-radius:0; background: inherit; cursor:pointer; font-family: inherit;}
.view_write_comment .inputbox .btn_comment {display: flex; align-items:center; justify-content:center; width: 100px; height: 100%; border: 1px solid #333; background-color: #fff; font-size: 13px; font-weight: 400; line-height: 19px; letter-spacing: -0.26px;}



/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#boardwrite {}
#boardwrite form {}
#boardwrite fieldset.write_top {padding: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#boardwrite fieldset.write_top .inp_box {margin-bottom: 10px;}
#boardwrite fieldset.write_top .inp_box > * {font-size: 14px; font-weight: 400; letter-spacing: -0.28px; font-family: inherit; outline:none;}
#boardwrite fieldset.write_top .inp_box > *::placeholder {color: #999;}
#boardwrite fieldset.write_top .inp_box > input {display:block; overflow:visible; padding:0; border:none; box-shadow:none; border-radius:0; background: inherit;}
#boardwrite fieldset.write_top .inp_box > input {width: 100%; height: 45px; padding: 0 15px; background-color: #fff; border: 1px solid #dbdbdb;}
#boardwrite fieldset.write_top .inp_box > input[type="file"] {padding-top: 9px;}
#boardwrite fieldset.write_top .inp_box > select {display:block; overflow:visible; padding:0; border:none; box-shadow:none; border-radius:0; background: inherit;}
#boardwrite fieldset.write_top .inp_box > select {border: 1px solid transparent; border-radius: 0px; background: url('img/chevron_down.svg') no-repeat calc(100% - 10px) 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#boardwrite fieldset.write_top .inp_box > select::-ms-expand{display:none ;}
#boardwrite fieldset.write_top .inp_box > select {width: 100%; height: 45px; padding: 0 15px; background-color: #fff; border: 1px solid #dbdbdb;}
#boardwrite fieldset.write_top .name {display:flex; align-items:center; margin-bottom: 10px; font-size: 14px; font-weight: 400; letter-spacing: -0.28px;}
#boardwrite fieldset.write_top .name .inp_box {width: 200px; margin-right: 10px; margin-bottom: 0;}
#boardwrite fieldset.write_top .name .check {display:flex; margin-left: auto; align-items:center;}
#boardwrite fieldset.write_top .name .check > li {margin-right: 10px;}

#boardwrite .btn {padding:20px 0; text-align:right;}
#boardwrite .related_prd_write {margin-bottom: 30px; padding: 40px 0 30px; border-bottom: 1px solid #f0f0f0;}
#boardwrite .related_prd_write > .box_btn {display:flex; justify-content:center;}
#boardwrite .related_prd_write > .box_btn > * { border: 1px solid #111; background-color: #fff; color: #111 !important;}
#boardwrite .related_prd_write .prd_basic.col3 > li {width: 20%;}
#boardwrite .related_prd_write > ul {margin: 30px -5px -50px;}
#boardwrite .related_prd_write .prd_basic.col3 > li .box_btn {display: block; width: 100%; margin-top: 10px;}
#boardwrite .related_prd_write .prd_basic.col3 > li .box_btn > * {display: block; width: 100%; padding: 7px 9px; border: 1px solid #111; background-color: #fff; color: #111 !important; }
#boardwrite .related_prd_write .prd_basic .box .price p strong {font-size: 13px;}


/*-----------------------------------------------------------------*/
/* 비밀번호 확인
/*-----------------------------------------------------------------*/

#boardpw {padding:40px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#boardpw h3 {padding-bottom:15px;}
#boardpw p {margin-bottom:20px; color:#888;}
#boardpw .form_input {width:330px; margin-bottom:20px;}


/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/


/* PROJECT */
.paging {padding-top: 50px;}
.project_wrap {padding: 20px 0 100px;}
.project_list {display:flex; margin: 0 -5.5px -60px; flex-wrap:wrap;}
.project_list > li {width: 33.3333%; margin-bottom: 60px; padding: 0 5.5px;}
.project_list > li .box {width: 100%;}
.project_list > li .box .thum {width: 100%; height: auto; margin-bottom: 15px;}
.project_list > li .box .thum img {width: 100%; height: 100%; object-fit: cover;}
.project_list > li .box .cont {padding-right: 10px;}
.project_list > li .box .cont .tit {padding: 5px 0 8px; font-size: 17px; font-weight: 600; line-height: 20px; letter-spacing: -0.02em;}
.project_list > li .box .cont .tit > a {font-size: 17px; font-weight: 600; line-height: 20px; letter-spacing: -0.02em;}
.project_list > li .box .cont .desc {word-break: keep-all; color: #555; font-size: 14px; font-weight: 500; line-height: 17px; letter-spacing: -0.02em;}