.clearfix {*zoom: 1;}
.clearfix::after {content: ""; display: block; clear: both;}

.wrap-contents .sub-custom-table {position:relative;}
.wrap-contents .sub-custom-table:after {content:''; position: absolute; right:-1px; top:0px; width:2px; height:100%; background:#fff;}
.wrap-contents .sub-custom-table table {font-family:'Noto DemiLight'; position:relative;}
.wrap-contents .sub-custom-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d;}
.wrap-contents .sub-custom-table table:before {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d;}
.wrap-contents .sub-custom-table thead th {padding:10px 15px; font-weight:normal; background:#e4ebf2; color:#1b1b1b; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:18px;}
.wrap-contents .sub-custom-table tbody th {padding:10px 15px; background:#f1f1f1; color:#6d6e71; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:16px;}
.wrap-contents .sub-custom-table tbody th.color {background:#e4ebf2; font-size: 18px; color: #1b1b1b; font-weight: normal;}
.wrap-contents .sub-custom-table tbody td {padding:10px 15px; background:#fff; color:#666; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:16px;}
.wrap-contents .sub-custom-table .align-l {text-align:left;}
.wrap-contents .sub-custom-table .align-c {text-align:center;}
.wrap-contents .sub-custom-table .align-r {text-align:right;}

@media all and (max-width:860px) {
  .wrap-contents .sub-custom-table {}
  .wrap-contents .sub-custom-table table, .wrap-contents .sub-custom-table tbody th, .wrap-contents .sub-custom-table tbody td {display: block;}
}

/* Button */
.board-button {text-align: center; display: inline-block; width: 100%;}
.board-button.align-r {text-align: right;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; cursor: pointer; font-size: 16px; height: 50px; line-height: 48px; text-align: center; padding: 0 35px; margin: 0 5px; border-radius: 100px; font-family: 'Noto DemiLight';}
.board-button  a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #313644; border: 1px solid #313644;}
.board-button .btn-deco.color2 {background: #0067c3; border: 1px solid #0067c3;}
.board-button .btn-deco.color3 {background: #fff; border: 1px solid #0067c3; color: #0067c3;}
.board-button .btn-deco.color4 {background: #fff; border: 1px solid #ce2856; color: #ce2856;}
.board-button .btn-deco.color5 {background: #fff; border: 1px solid #1c3c8f; color: #1c3c8f;}
.board-button.view {margin-bottom: 40px; text-align: center;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}

a.samll-btn, input.samll-btn {color: #fff; display: inline-block !important;}
.small-btn-box {text-align: center;}
.small-btn-box.align-r {text-align: right;}
.small-btn-box .samll-btn {display: inline-block; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; text-align: center; padding: 0 20px; margin: 0 5px; font-family: 'Noto DemiLight';}
.small-btn-box .samll-btn.color1 {background: #0c837f; color: #fff; border: 1px solid #0c837f;}
.small-btn-box .samll-btn.color2 {background: #fff; color: #ce2856; border: 1px solid #ce2856;}

.tiny-btn {display: inline-block; cursor: pointer; font-size: 13px; height: 25px; line-height: 20px; border-radius: 50px; text-align: center; padding: 0 12px; margin: 0 3px; font-family: 'Noto DemiLight';}
.tiny-btn.color1 {background: #0c837f; border: 1px solid #0c837f; color: #fff;}
.tiny-btn.color2 {background: #ce2856; border: 1px solid #ce2856; color: #fff;}

.file-btn {border: 1px solid #d5d5d5; height: 30px; line-height:26px; padding-left: 35px; padding-right: 20px; cursor: pointer;}
.file-btn.add {background: #ececec url('../images/ico-file-add.png') no-repeat 10px center; margin-right: 5px;}
.file-btn.del {background: #ececec url('../images/ico-file-del.png') no-repeat 14px center;}

@media all and (max-width: 420px) {
    .board-button .btn-mine,
    .board-button.view .btn-mine {width: 100%;}
    .board-button .btn-control,
    .board-button.view .btn-control {width: 100%;}
    .board-button .btn-deco {display: block; width: 100%; margin: 0 0 10px 0;}
}

.custom-select select {background: #ebebeb url(../images/arrow-search.png) no-repeat right center;    font-size: 14px;    font-family: 'Noto Regular';    color: #646464;    border: 0;    height: 40px;    border-radius: 100px;    min-width: 160px;    padding-left: 20px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;}

.request-btn input {display: inline-block; padding: 7px 10px; border: 2px solid #183d93; background: #183d93; border-radius: 20px; font-size: 15px; font-family: "Noto Medium"; color: #fff; width: 100%; max-width: 100px; cursor: pointer; transition: all 0.3s;}
.request-btn input:hover {background: #fff; color: #183d93;}


.prod-category {font-family: "Noto Medium";}
.prod-category .arrow {display: inline-block; width: 11px; height: 20px; background: url("../images/ic_arrow.png") no-repeat; margin: 0 5px; vertical-align: middle;}

.prod-top .prod-img {float: left; text-align: center; width: 48%; }
.prod-top .prod-img img {max-width: 100%;}
.prod-top .prod-info {float: right; width: 48%; margin-left: 4%;}

.prod-explain {position: relative; padding: 30px; border-bottom: 1px solid #c1c1c1;}
.prod-explain::before {content: ""; position: absolute; width: 100%; height: 5px; background: url("../images/info_bg.png"); left: 0; top: 0;}

.con-table .prod-name-bx {text-align: left; vertical-align: top;}
.con-table .prod-name {font-size: 18px; font-family: "Noto Medium";}
.con-table .prod-info {line-height: 22px;}

.red-color {color: #d63f11; font-family: "Noto Medium";}
.prod-price {font-family: "Noto Medium";}

@media all and (max-width: 860px){
  .prod-top .prod-img {float: none; width: 100%;}
  .prod-top .prod-info {float: none; width: 100%; margin-left: 0;}
}