#cnt .cntbody {width: 1240px !important;}

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

#boardlist {width:100%;}
#boardlist .category {display:table; width:100%; height:50px; margin-bottom:20px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; text-align:center;}
#boardlist .category > ul {display:table-row;}
#boardlist .category > ul > li {display:table-cell; width:10%; vertical-align:top;}
#boardlist .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;}
#boardlist .category > ul > li.cate_all > a,
#boardlist .category > ul > li.selected > a {border-bottom:1px solid #fff; color:#333; font-weight:bold;}
#boardlist .board_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;}
#boardlist .board_col caption {padding-bottom:20px; font-weight:bold; text-align:left;}
#boardlist .board_col > thead > tr > th {padding:20px 0; border-top:1px solid #000000; border-bottom:1px solid #f0f0f0; font-weight:normal; text-align:center; vertical-align:middle;}
#boardlist .board_col > tbody > tr > td {padding:20px 0; border-bottom:1px solid #f0f0f0; text-align:center; vertical-align:middle;}
#boardlist .board_col > tbody > tr > td,
#boardlist .board_col > tbody > tr > td * {color:#111; font-size: 14px;}
#boardlist .board_col > thead > tr > th,
#boardlist .board_col > thead > tr > th * {color:#111; font-size: 14px;}
#boardlist .board_col > tbody > tr > td.tal {}
#boardlist .board_col > tbody > tr > td.subject img {margin-right:5px; vertical-align:middle;}

#boardlist .board_col > tbody > tr > td .notice {display: inline-block; width: 24px; height: 24px; background:url('img/notice.svg') no-repeat 50% 50%; background-size:cover;}

#boardlist .page_write {position:relative; min-height:34px; margin-top:30px;}
#boardlist .page_write .list_btn {display:flex; margin-top: 10px; justify-content:flex-end;}
#boardlist .page_write .list_btn .write {margin-top: 10px;}
#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/basic_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 .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 적용
/*-----------------------------------------------------------------*/