/* intro */
.icon-box.trbl-box{padding: 50px 50px 60px 50px; border: 1px solid #d1dee1;}
.icon-box.trbl-box .title{font-family: 'Noto DemiLight'; font-size: 22px; margin-bottom: 0;}
.icon-box.trbl-box .box-btn{margin-top: 30px;}
.icon-box02.trbl-box .icon{margin-right: 77px;}
.icon-box .box-btn.trbl-btn a{background-color: white; font-family: 'Noto DemiLight'; font-size: 16px; color: #333333; padding: 6.5px 18px 6.5px 50px; margin-right: 15px; margin-bottom: 10px;}
.icon-box .box-btn.trbl-btn a:last-child{margin-right: 0;}
.icon-box .box-btn.trbl-btn a.write-logo{background: url(../images/write_logo.png) no-repeat left 20px center; background-color: white;}
.icon-box .box-btn.trbl-btn a.check-logo{background: url(../images/check_logo.png) no-repeat left 20px center; background-color: white;}

@media all and (max-width: 680px) {
  .icon-box.trbl-box{padding: 30px;}
  .icon-box02.trbl-box .icon{margin-right: auto;}
}

.wrap-contents .sub-custom-table {position:relative; margin-top:50px; }
.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, .wrap-contents .sub-custom-table tr, .wrap-contents .sub-custom-table tbody th, .wrap-contents .sub-custom-table tbody td {display: block; width: 100%;}
}

/* Button */
.board-button {text-align: center; display: inline-block; width: 100%;}
.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;}
}

.sub-custom-table select {border: 1px solid #dfdfdf;    height: 30px;    line-height: 30px;    padding: 0 10px;}
.sub-custom-table input[type="text"], .sub-custom-table input[type="password"] {border: 1px solid #dfdfdf;    height: 30px;    line-height: 30px;    padding: 0 10px;}
.sub-custom-table input.long {width: 100%;}
.sub-custom-table input.mid {width: 25%;}
.sub-custom-table textarea {display: block; width: 100%; border: 1px solid #dfdfdf;}

.req {
	color:#c00;
}