@charset "utf-8";

.inp_date {background: #ffffff;border: 1px solid #cccccc;border-radius: 2px;box-sizing: border-box;color: #000000;font-size: 13px;height: 30px;line-height: 30px;padding: 0 5px;width:100px;text-align:center;}
.btn1.small{height: 33px;line-height: 33px;font-size: 13px;vertical-align: middle;min-width: 110px;}

.workbook-table1 input[type=radio] {display: none;}
.workbook-table1 input[type=radio] + label {display: inline-block;font-size: 15px;line-height: 20px;padding-left: 23px;position: relative;vertical-align: middle;}
.workbook-table1 input[type=radio] + label:before {border: 1px solid #ddd;border-radius: 2px;content: '';display: block;font-size: 10px;font-weight: bold;height: 16px;left: 0;line-height: 16px;position: absolute;text-align: center;top: 50%;transform: translate(0, -50%);width: 16px;}
.workbook-table1 input[type=radio]:checked + label:before {border-color: #6b52e9;color: #6b52e9;content: '\f00c';font-family: "Font Awesome 5 Free";}
.workbook-table1 input[type=checkbox] {display: none;}
.workbook-table1 input[type=checkbox] + label {display: inline-block;font-size: 14px;line-height: 20px;padding-left: 23px;position: relative;vertical-align: middle;}
.workbook-table1 input[type=checkbox] + label:before {border: 1px solid #ddd;border-radius: 2px;content: '';display: block;font-size: 10px;font-weight: bold;height: 16px;left: 0;line-height: 16px;position: absolute;text-align: center;top: 50%;transform: translate(0, -50%);width: 16px;}
.workbook-table1 input[type=checkbox]:checked + label:before {border-color: #6b52e9;color: #6b52e9;content: '\f00c';font-family: "Font Awesome 5 Free";}

#result {font-size: 20px; color: red;}
#mod_board_top_source {margin-bottom: 40px;}
#mod_board_bottom_source {margin-top: 40px;}

#boatd-total {color: #999999;display: inline-block;font-size: 15px;margin-bottom: 20px;position: relative;letter-spacing: -0.05em;z-index: 2;}
#boatd-total strong {color: #000000;}

#workbook-sch {border-top: 1px solid #dddddd;margin-top: 30px;padding: 20px;text-align: center;}
#workbook-sch .where {border: 1px solid #cccccc;height: 35px;padding: 0 0 0 5px;width: 100px;}
#workbook-sch .keyword {border: 1px solid #cccccc;box-sizing: border-box;height: 35px;padding: 0 10px;width: 250px;}
#workbook-sch > button,
#workbook-sch > a {padding: 0 10px;vertical-align: top;}

#workbook-cat {margin: -3px -3px 20px -3px;}
#workbook-cat ul > li {display: inline-block;margin: 3px;vertical-align: top;}
#workbook-cat ul > li a {border: 1px solid #cccccc;border-radius: 40px;color: #999999;display: block;font-size: 15px;line-height: 40px;padding: 0 20px;text-decoration: none;}
#workbook-cat ul > li.active a {border-color: #000000;color: #000000;}
#workbook-cat ul > li:hover a {color: #000000;}

#workbook-list table {background: #ffffff;border-top: 1px solid #333333;width: 100%;}
#workbook-list table tr > * {border: 1px solid #dddddd;border-width: 1px 0 1px 0;font-size: 15px;letter-spacing: -0.05em;padding: 20px 10px;text-transform: uppercase;}
#workbook-list table thead th {text-transform: none;border-bottom: 1px solid #000000;color: #000000;letter-spacing: -0.05em;padding: 20px 0; position: relative; background: -webkit-linear-gradient(bottom, rgb(243 245 244) 0%, rgba(255, 255, 255, 1) 100%)}
#workbook-list table thead th:before {background: #dddddd;content: '';display: block;height: 12px;left: 0;margin-top: -6px;position: absolute;top: 50%;width: 1px;}
#workbook-list table tbody td {text-align: center;}
#workbook-list table tbody tr:hover > * {background: #fafafa;}
#workbook-list table tbody.notice td {background: #fafafa;}
#workbook-list table td a {letter-spacing: -0.05em;font-size: 15px;text-decoration: none;transition: all 0.3s;}
#workbook-list table td.no {color: #999999;font-size: 14px;}
#workbook-list table td.no strong {color: #000000;font-weight: normal;}
#workbook-list table td.sbj {text-align: left;}
#workbook-list table td.sbj a {color: #000000;font-size: 16px;text-decoration: none;word-break: break-all;}
#workbook-list table td.sbj a:hover {color: #000000;}
#workbook-list table td.sbj .cat {color: #999999;font-weight: normal;margin-right: 15px;position: relative;}
#workbook-list table td.sbj .cmt {color: #e4002b;font-family: Arial,Tahoma;font-size: 13px;font-weight: bold;margin-left: 10px;}
#workbook-list table td.sbj strike {color: #999999;}
#workbook-list table td.sbj img {height: 18px;width: 18px;margin-top: -4px;}
#workbook-list table td.sbj img.reply-ico {height: 15px;margin-top: -4px;width: 15px;}
#workbook-list table td.mobile-info {display: none;}

#workbook-view {border-left: 1px solid #f1f1f1;height: 100px;font-size: 15px;line-height: 30px;font-weight: bold;vertical-align: top;padding: 30px 20px 30px 20px;}
#workbook-left {border-left: 1px solid #f1f1f1;height: 35px;font-size: 15px;line-height: normal;font-weight: bold;vertical-align: center;padding: 10px 20px 10px 20px;}
#workbook-center {height: 35px;text-align: center; font-size: 15px;line-height: normal;padding: 10px 20px 10px 20px;}
#workbook-bold {height: 35px;font-size: 15px;line-height: normal;font-weight: bold;vertical-align: center;padding: 0px;}

#workbook-paging {margin: 0 auto;}

#workbook-write h3 {color: #000000;font-size: 18px;margin-bottom: 15px;letter-spacing: -0.05em;}
#workbook-write table {width: 100%;}
#workbook-write table tr > * {border: 1px solid #f1f1f1;border-width: 1px 0 1px 0;letter-spacing: -0.05em;padding: 15px;}
#workbook-write table thead th {background: #f7f7f7;border-top: 1px solid #000000;color: #000000;font-weight: normal;}
#workbook-write table tbody th {color: #000000;text-align: left;}
#workbook-write table tbody tr:first-child > * {border-top: 1px solid #000000;}
#workbook-write table td.subject {padding: 10px 0;}
#workbook-write table td.subject .inp {box-shadow: inset 0 2px 0 rgba(0,0,0,0.05);font-size: 16px;height: 45px;padding: 0 15px;}
#workbook-write table td.article {border: none;padding: 0;}
#workbook-write .bytetxt {color: #999999;display: block;font-size: 14px;margin-top: 5px;}
#workbook-write .uploaded_wrap {background: #f7f7f7;border-radius: 3px;margin-top: 10px;padding: 15px;}
#workbook-write .uploaded {color: #000000;display: block;font-size: 14px;margin-bottom: 5px;}
#workbook-write .temp-btn {border: 1px solid #333333;box-shadow: 1px 1px rgba(0,0,0,0.1);display: inline-block;font-size: 0;height: 37px;inline-size: none;overflow: hidden;vertical-align: middle;}
#workbook-write .temp-btn button {display: inline-block;line-height: 37px;padding: 0 15px;vertical-align: middle;}
#workbook-write .temp-btn button.load-btn {background: none;border: none;border-left: 1px solid #eeeeee;cursor: pointer;}
#workbook-write .temp-btn button.load-btn strong {color: #6b52e9;font-size: 14px;font-weight: bold;}
#workbook-write .temp-btn button.save-btn {background: none;border: none;color: #000000;font-size: 14px;letter-spacing: -1px;}

#workbook-view .view-tit {border-top: 1px solid #000000;}
#workbook-view .view-tit h3 {border-bottom: 1px solid #dddddd;color: #000000;font-size: 22px;font-weight: bold;letter-spacing: -0.05em;line-height: 22px;padding: 30px 20px;position: relative;}
#workbook-view .view-tit h3 em {color: #666666;display: block;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: -0.03em;margin-bottom: 10px;position: relative;}
#workbook-view .view-tit h3 img {height: 18px;margin-top: -4px;width: 18px;}
#workbook-view .view-tit .info {border-bottom: 1px solid #cccccc;padding: 25px 20px;text-align: left;}
#workbook-view .view-tit .info li {color: #999999;display: inline-block;font-size: 14px;letter-spacing: -0.05em;margin: 0 40px 0 0;}
#workbook-view .view-tit .info li a {color: #000000;}
#workbook-view .view-tit .info li strong {color: #000000;margin-right: 10px;}
#workbook-view table {width: 100%;}
#workbook-view table tr > * {border: 1px solid #f1f1f1;border-width: 1px 0 1px 0;letter-spacing: -0.05em;padding: 15px 10px;}
#workbook-view table tbody tr:first-child > * {border-top: none;}
#workbook-view table tbody th {color: #000000;text-align: left;}
#workbook-view .article-wrap {padding: 40px 20px;vertical-align: top;}
#workbook-view .article {min-height: 400px;}
#workbook-view .article .nostyle p {margin: 30px 0;}
#workbook-view .article img {height: auto !important;max-width: 800px !important;}
#workbook-view .img-wrap {margin-bottom: 50px;text-align: center;}
#workbook-view .fileinfo a {font-size: 15px;letter-spacing: -0.05em;word-break: break-all;}
#workbook-view .fileinfo a:after{content: '';display: block;margin-bottom: 5px;}
#workbook-view .fileinfo .byte,
#workbook-view .fileinfo .cnt {color: #999999;font-size: 14px;letter-spacing: -0.05em;margin-right: 10px;}
#workbook-view .drop-box {background: #fde8e9;border: 1px solid #f4cdcf;color: #5b5252;display: block;font-size: 12px;line-height: 16px;padding: 20px 10px;text-align: center;}

#workbook-ft-list {margin-top: 150px;}
#workbook-likes {margin-top: 80px;text-align: center;}
#workbook-likes > button {background: none;border: none;display: inline-block;margin: 0 10px;width: 30px;}
#workbook-likes > button img {height: auto;width: 25px;}
#workbook-likes > button p {color: #000000;display: block;font-size: 11px;font-weight: bold;margin-top: 5px;}

#workbook-pwd {border: 1px solid #dddddd;box-shadow: 0 0 20px rgba(0,0,0,0.1);box-sizing: border-box;margin: 30px auto;overflow: hidden;width: 400px;}
#workbook-pwd table {width: 100%;}
#workbook-pwd table tr > * {padding: 20px;text-align: center;}
#workbook-pwd table thead th {border-bottom: 1px solid #dddddd;font-weight: normal;}

#workbook-comment {margin: 50px 0;}
#workbook-comment .total {color: #999999;display: block;font-size: 13px;letter-spacing: -0.05em;margin-bottom: 10px;}
#workbook-comment .total strong {color: #000000;font-size: 16px;}
#workbook-comment #workbook-nodata {background: #f7f7f7;}

#workbook-seek {margin: 50px 0;}
#workbook-seek > li {border: 1px solid rgba(0,0,0,0.1);line-height: 50px;margin-bottom: -1px;padding: 0 200px 0 110px;position: relative;}
#workbook-seek > li strong {background: #f7f7f7;color: #000;font-weight: normal;height: 100%;left: 0;letter-spacing: -0.05em;position: absolute;text-align: center;top: 0;width: 90px;}
#workbook-seek > li strong i {color: #999;margin-left: 4px;}
#workbook-seek > li .sbj {color: #333;display: block;font-size: 15px;font-weight: bold;letter-spacing: -0.05em;overflow: hidden;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
#workbook-seek > li .sbj .cmt {color: #e4002b;font-family: Arial,Tahoma;font-size: 12px;font-weight: bold;margin-left: 10px;}
#workbook-seek > li .writer {position: absolute;right: 100px;top: 0;}
#workbook-seek > li .date {color: #999;font-size: 12px;position: absolute;right: 20px;top: 0;}

#comm-form {margin-bottom: 15px;}
#comm-form .gue-writer {margin-bottom: 5px;}
#comm-form .gue-captcha {margin-top: 5px;}
#comm-form .gue-captcha .tbltxt {display: inline-block;margin-left: 5px;}
#comm-form fieldset {box-shadow: 0 1px 3px rgba(0,0,0,0.1);position: relative;zoom: 1;}
#comm-form fieldset > * {float: left;}
#comm-form fieldset textarea {background: none;border: 1px solid #ddd;border-right: none;min-height: 130px;resize: none;width: 87%;}
#comm-form fieldset .sbm {height: 130px;width: 13%;}

#comm-re-form {background: #f7f7f7;display: none;padding: 0 20px 20px 40px;position: relative;}
#comm-re-form .gue-captcha {margin-top: 5px;}
#comm-re-form .gue-captcha .tbltxt {display: inline-block;margin-left: 5px;vertical-align: top;}
#comm-re-form .rep-ico {height: 13px;left: 20px;position: absolute;top: 5px;width: 13px;}
#comm-re-form .gue-writer {margin-bottom: 5px;}
#comm-re-form fieldset {padding-right: 150px;position: relative;}
#comm-re-form fieldset textarea {min-height: 130px;}
#comm-re-form fieldset .re_sbm {height: 130px;position: absolute;right: 0;top: 0;width: 145px;}
#comm-re-form #captcha,
#comm-re-form #re-captcha {height: 25px;padding: 0 5px;vertical-align: top;width: 70px;}

#comm-list {}
#comm-list > li {border: 1px solid rgba(0,0,0,0.1);box-shadow: 0 1px 3px rgba(0,0,0,0.1);margin: 10px 0;position: relative;}
#comm-list .comm-btn {position: absolute;right: 15px;top: 15px;}
#comm-list .comm-btn a {color: #666666;font-size: 12px;letter-spacing: -0.05em;margin-left: 10px;text-decoration: none;}
#comm-list .comm-btn a img {height: 13px;vertical-align: middle;width: 13px;}
#comm-list .info {border-bottom: 1px solid #ddd;padding: 15px;}
#comm-list .info .writer {color: #000000;margin-right: 10px;}
#comm-list .info .writer a {color: #000000;}
#comm-list .info .writer img {display: inline-block;vertical-align: middle;}
#comm-list .info .writer img.ico {height: 18px;width: 18px;}
#comm-list .info .writer p {display: inline-block;}
#comm-list .info .date {color: #999999;font-size: 12px;}
#comm-list .info img {height: 13px;width: 13px;}
#comm-list .comment {background: #f7f7f7;line-height: 22px;padding: 15px;}
#comm-list .comment > a[data-profile] {color: #000000;font-weight: bold;}
#comm-list .comment > p {display: inline;}
#comm-list .comment #comm-re-form {margin: 5px 0;padding: 0;}
#comm-list .comment #comm-re-form .rep-ico {display: none;}
#comm-list .comm-list-li.reply{margin-left: 20px;}

#workbook-nodata {border-bottom: 1px solid #f1f1f1;color: #999999;display: block;margin-top: -1px;padding: 40px 0;text-align: center;}

#ctrpop {background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.03);box-sizing: border-box;display: none;height: 380px;left: 50%;margin-left: -200px;margin-top: -190px;overflow: hidden;padding-top: 60px;position: fixed;top: 50%;width: 400px;z-index: 301;}
#ctrpop .tit {background: #fafafa;border-bottom: 1px solid #eee;box-sizing: border-box;left: auto;line-height: 60px;padding: 0 25px;position: absolute;top: 0;width: 100%;z-index: 302;}
#ctrpop .tit h2 {color: #000;font-size: 16px;font-weight: bold;letter-spacing: -0.05em;}
#ctrpop .tit .close {color: #333;display: block;font-size: 16px;height: 60px;line-height: 60px;position: absolute;right: 0;text-align: center;text-decoration: none;top: 0;width: 60px;}
#ctrpop .cont {box-sizing: border-box;height: 100%;overflow-y: auto;padding: 15px 20px 15px 20px;width: 100%;}
#ctrpop .cont p {display: block;font-size: 14px;letter-spacing: -0.05em;margin-bottom: 10px;text-align: center;}
#ctrpop .cont p strong {color: #e4002b;font-size: 20px;margin: 0 5px;}
#ctrpop .cont .ctr-btn {text-align: center;}
#ctrpop .cont em {color: #999999;display: block;font-size: 13px;margin: 30px 0;margin-bottom: 20px;position: relative;text-align: center;}
#ctrpop .cont em:before {background: #f1f1f1;content: '';display: block;height: 1px;left: 0;position: absolute;top: 50%;width: 150px;}
#ctrpop .cont em:after {background: #f1f1f1;content: '';display: block;height: 1px;position: absolute;right: 0;top: 50%;width: 150px;}
#ctrpop .cont select {height: 40px;margin-bottom: 10px;width: 100%;}

#ctrpop-bg {background: rgba(0,0,0,0.2);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 300;}

#mbpop {background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.03);box-sizing: border-box;display: none;height: 380px;left: 50%;margin-left: -200px;margin-top: -190px;overflow: hidden;padding-top: 60px;position: fixed;top: 50%;width: 400px;z-index: 301;}
#mbpop .tit {background: #fafafa;border-bottom: 1px solid #eee;box-sizing: border-box;left: auto;line-height: 60px;padding: 0 25px;position: absolute;top: 0;width: 100%;z-index: 302;}
#mbpop .tit h2 {color: #000;font-size: 16px;font-weight: bold;letter-spacing: -0.05em;}
#mbpop .tit .close {color: #333;display: block;font-size: 16px;height: 60px;line-height: 60px;position: absolute;right: 0;text-align: center;text-decoration: none;top: 0;width: 60px;}
#mbpop .cont {box-sizing: border-box;height: 100%;overflow-y: auto;padding: 20px 30px;}
#mbpop .mb-tbl {width: 100%;}
#mbpop .mb-tbl tbody tr > * {border-bottom: 1px solid #f7f7f7;font-size: 14px;padding: 10px;letter-spacing: -0.03em;}
#mbpop .mb-tbl tbody th {color: #000000;font-weight: bold;text-align: left;}
#mbpop .mb-tbl tbody td {color: #999999;}
#mbpop .sment {display: block;font-size: 14px;letter-spacing: -0.05em;line-height: 20px;margin-bottom: 20px;text-align: center;}
#mbpop .mb-btn {text-align: center;}
#mbpop-bg {background: rgba(0,0,0,0.2);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 300;}

#temppop {background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.03);box-sizing: border-box;display: none;height: 380px;left: 50%;margin-left: -300px;margin-top: -190px;overflow: hidden;padding-top: 60px;position: fixed;top: 50%;width: 600px;z-index: 301;}
#temppop .tit {background: #fafafa;border-bottom: 1px solid #eee;box-sizing: border-box;left: auto;line-height: 60px;padding: 0 25px;position: absolute;top: 0;width: 100%;z-index: 302;}
#temppop .tit h2 {color: #000;font-size: 16px;font-weight: bold;letter-spacing: -0.05em;}
#temppop .tit .close {color: #333;display: block;font-size: 16px;height: 60px;line-height: 60px;position: absolute;right: 0;text-align: center;text-decoration: none;top: 0;width: 60px;}
#temppop .cont {box-sizing: border-box;height: 100%;overflow-y: auto;padding: 20px 30px;}
#temppop .tbl {width: 100%;}
#temppop .tbl tbody tr > * {border-bottom: 1px solid #f1f1f1;font-size: 15px;padding: 18px 10px;letter-spacing: -0.03em;}
#temppop .tbl tbody td .sbj {color: #333333;display: block;font-size: 16px;font-weight: bold;line-height: 22px;letter-spacing: -1px;}
#temppop .tbl tbody td .date {color: #999999;display: block;font-size: 13px;letter-spacing: -1px;text-align: right;}
#temppop .tbl tbody td .remove-btn {color: #666666;font-size: 13px;}
#temppop .sment {border-bottom: 1px solid #333333;color: #999999;display: block;font-size: 14px;letter-spacing: -0.05em;line-height: 20px;padding-bottom: 15px;}
#temppop .mb-btn {text-align: center;}
#temppop-bg {background: rgba(0,0,0,0.2);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 300;}

.workbook-mb-profileimg {background-position: center center;background-size: cover;border-radius: 50%;display: inline-block;height: 23px;position: relative;vertical-align: middle;width: 23px;}
.workbook-mb-profileimg:after {border: 1px solid rgba(0,0,0,0.1);border-radius: 50%;box-sizing: border-box;content: '';display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}


/* Table */
.workbook-table1 tr {border: 1px solid #f1f1f1;border-width: 1px 1px 1px 1px;font-size: 14px;line-height: 18px;transition: all 0.2s;}
.workbook-table1 {border-top: 1px solid #cccccc;margin-top: -1px;width: 100%;text-transform: uppercase;}
.workbook-table1.list {margin: 0 -20px;width: calc(100% + 40px);}
.workbook-table1 tr > * {padding: 10px 20px;}
.workbook-table1 > thead > tr > th {background: #fafafa;border-bottom: 1px solid #eeeeee;border-top: none;color: #333333;letter-spacing: -1px;padding: 10px 20px;position: relative;}
.workbook-table1 > thead > tr:first-child > th {font-size: 16px;padding: 20px;}
.workbook-table1 > thead > tr > th a {color: #666666;display: inline-block;line-height: 13px;padding-bottom: 1px;position: relative;text-decoration: none;}
.workbook-table1 > thead > tr > th a:after {border-bottom: 1px dashed #000000;bottom: -2px;content: '';display: block;left: 0;opacity: 0.4;position: absolute;transition: all 0.2s;width: 100%;}
.workbook-table1 > thead > tr > th a:hover:after {opacity: 1;}
.workbook-table1 > tbody > tr > th {color: #000000;font-size: 13px;font-weight: normal;letter-spacing: -1px;padding-left: 20px;text-align: left;width: 100px;}
.workbook-table1 > tbody > tr > td {letter-spacing: -0.5px;}
.workbook-table1 > tbody > tr > td.no {color: #999999;font-size: 11px;}
.workbook-table1 > tbody > tr > td > strong {color: #000000;font-weight: bold;}
.workbook-table1 > tbody > tr > td a {color: #6b52e9;text-decoration: underline;}
.workbook-table1 > tbody > tr > td a strong {font-weight: bold;}
.workbook-table1 > tbody > tr > td .tmb {height: auto;max-height: 40px;max-width: 40px;width: auto;}
.workbook-table1 > tbody:last-child {border-bottom: 1px solid #ddd;}
.workbook-table1.list {border-top: none;}
.workbook-table1.list tr > * > label{margin-top: -4px;}
.workbook-table1.list > thead > tr:first-child > * {background: rgb(250,250,250);background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);border-bottom: 1px solid #dedede;border-top: none;color: #666666;font-size: 14px;padding: 12px 5px;}
.workbook-table1.list > thead > tr th:before {background: #dddddd;content: '';display: block;height: 12px;left: 0;margin-top: -6px;position: absolute;top: 50%;width: 1px;}
.workbook-table1.list > thead > tr th:first-child:before {display: none;}
.workbook-table1.list > thead > tr th i {margin-left: 5px;}
.workbook-table1.list > tbody > tr:nth-child(even) > * {background: #fafafa;}
.workbook-table1.list > tbody > tr:hover > * {background: rgba(0,0,0,0.02);}
.workbook-table1.list .inp {background: #ffffff;border-radius: 3px;height: 26px;line-height: 26px;}
.workbook-table1 .table1 tr > * {border: none;}
.workbook-table1 .table1 > tbody > tr > th {color: #000000;font-size: 12px;width: 60px;}

.sub-table tr > * {width: 100%;display: flex; border: none; border-width: 1px 0 1px 0;font-size: 14px;line-height: 18px;padding: 10px 20px;transition: all 0.2s;}

/* Button */
.btn-wrap {margin: 40px;min-height: 33px;position: relative;text-align: center;}
.btn-wrap .left {text-align: left;}
.btn-wrap .right {display: inline-block;position: absolute;right: 0;top: 0;}

/* for mobile */
@media screen and (max-width: 1000px){

    #mod_board_top_source {margin-bottom: 20px;}
    #mod_board_bottom_source {margin-top: 20px;}

    #boatd-total {font-size: 13px;margin-bottom: 15px;}
    #boatd-total strong {color: #000000;}

    #board-sch {margin-top: 20px;padding: 10px 0;}
    #board-sch .where {margin-bottom: -1px;width: 100%;}
    #board-sch .keyword {margin-bottom: 5px;width: 100%;}
    #board-sch > button,
    #board-sch > a {padding: 0 10px;}
    
    #board-cat {margin: -2px -2px 20px -2px;}
    #board-cat ul > li {margin: 2px;}
    #board-cat ul > li a {border-radius: 30px;font-size: 13px;line-height: 30px;padding: 0 15px;}

    #board-list table colgroup {display: none;}
    #board-list table tr {display: block;position: relative;}
    #board-list table tr > * {border: none;border-bottom: 1px solid #ddd;font-size: 13px;letter-spacing: -0.05em;padding: 15px 10px;}
    #board-list table thead th {display: none;}
    #board-list table tbody tr:hover > * {background: none;}
    #board-list table tbody.notice td {background: none;}
    #board-list table td {display: none;}
    #board-list table td.chk {border: none;display: block;position: absolute;right: 0;text-align: right;top: 6px;width: 30px;}
    #board-list table td.sbj {border-bottom: none;display: block;padding: 20px 35px 5px 10px;width: auto;}
    #board-list table td.sbj a {color: #333;display: block;font-size: 16px;font-weight: bold;line-height: 19px;}
    #board-list table td.sbj .cat {display: block;font-size: 13px;margin-right: 0;padding-right: 0;}
    #board-list table td.sbj .cat:after {display: none;}
    #board-list table td.sbj .cmt {font-size: 12px;margin-left: 5px;}
    #board-list table td.sbj img {height: 15px;width: 15px;}
    #board-list table td.sbj img.reply-ico {height: 13px;margin-top: -3px;width: 13px;}
    #board-list table th.like,
    #board-list table td.like {display: none;}
    #board-list table td.mobile-info {border-top: none;box-sizing: border-box;display: block;margin-bottom: -1px;padding-bottom: 20px;padding-top: 0;text-align: left;width: 100%;}
    #board-list table td.mobile-info ul li {color: #999999;display: inline-block;font-size: 13px;letter-spacing: -0.05em;margin-right: 12px;vertical-align: top;}
    #board-list table td.mobile-info ul li a {font-size: 13px;}
    #board-list table td.mobile-info ul li > strong {color: #666666;font-weight: bold;margin-right: 5px;}

    #board-write h3 {font-size: 14px;margin-bottom: 10px;}
    #board-write table colgroup {display: none;}
    #board-write table tr > * {padding: 10px 5px;}
    #board-write table thead th {font-size: 13px;}
    #board-write table tbody th {font-size: 13px;letter-spacing: -0.05em;width: 70px;}
    #board-write table td.subject .inp {font-size: 14px;padding: 0 10px;}
    #board-write .bytetxt {display: block;font-size: 13px;line-height: 13px;margin: 5px 0 0 0;}
    #board-write .uploaded {font-size: 13px;}

    #board-view .view-tit h3 {font-size: 18px;font-weight: bold;letter-spacing: -0.05em;line-height: 22px;padding: 20px 5px;}
    #board-view .view-tit h3 em {display: block;font-size: 13px;font-weight: normal;margin-bottom: 5px;margin-right: 0;}
    #board-view .view-tit h3 em:after {display: none;}
    #board-view .view-tit .info {line-height: 18px;padding: 10px 5px;}
    #board-view .view-tit .info li {font-size: 13px;letter-spacing: -0.05em;margin: 5px 15px 0 0;}
    #board-view .view-tit .info li strong {margin-right: 5px;}
    #board-view table colgroup {display: none;}
    #board-view table th {font-size: 13px;letter-spacing: -0.05em;width: 70px;}
    #board-view table tr > * {padding: 10px 5px;}
    #board-view .article-wrap {padding: 20px 5px;}
    #board-view .article {min-height: 200px;}
    #board-view .article .nostyle p {margin: 15px 0;}
    #board-view .article img {height: auto !important;max-width: 100% !important;}
    #board-view .img-wrap {margin-bottom: 20px;}
    #board-view .fileinfo a {font-size: 13px;}
    #board-view .fileinfo .byte,
    #board-view .fileinfo .cnt {font-size: 13px;margin-right: 10px;}

    #board-ft-list {margin-top: 100px;}

    #board-likes {margin-top: 30px;}
    #board-likes > button {width: 20px;}
    #board-likes > button img {width: 20px;}

    #board-pwd {margin: 20px auto;width: 100%;}

    #board-comment {margin: 30px 0;}
    #board-comment .total {font-size: 13px;}
    #board-comment .total strong {font-size: 15px;}

    #board-seek {margin: 30px 0;}
    #board-seek > li {line-height: 20px;padding: 12px 12px 12px 90px;}
    #board-seek > li strong {box-sizing: border-box;height: 100%;padding-top: 15px;width: 70px;}
    #board-seek > li .sbj {font-size: 14px;}
    #board-seek > li .sbj .cmt {font-size: 11px;margin-left: 5px;}
    #board-seek > li .writer {font-size: 13px;letter-spacing: -0.05em;line-height: 13px;position: static;}
    #board-seek > li .writer .board-mb-profileimg {display: none;}
    #board-seek > li .date {font-size: 13px;line-height: 13px;margin-left: 10px;position: static;}

    #comm-form {margin-bottom: 10px;}
    #comm-form fieldset textarea {border-color: #eeeeee;min-height: 130px;width: 80%;}
    #comm-form fieldset .sbm {height: 130px;min-width: 0;width: 20%;}
    #comm-list .info {padding: 15px;}
    #comm-list .info .date {display: block;font-size: 12px;margin-top: 4px;}
    #comm-list .comment p{font-size: 13px;}

    #comm-re-form {padding: 0 10px 10px 40px;}
    #comm-re-form fieldset {padding-right: 80px;}
    #comm-re-form fieldset textarea {min-height: 80px;}
    #comm-re-form fieldset .re_sbm {height: 80px;width: 75px;}

    /* layer popup */
    #ctrpop {height: 60%;left: 5%;margin-left: 0;margin-top: 0;padding-top: 50px;top: 20%;width: 90%;}
    #ctrpop .tit {line-height: 50px;padding: 0 15px;}
    #ctrpop .tit h2 {font-size: 14px;}
    #ctrpop .tit .close {height: 50px;line-height: 50px;width: 50px;}
    #ctrpop .cont em:before {width: 100px;}
    #ctrpop .cont em:after {width: 100px;}

    #mbpop {height: 60%;left: 5%;margin-left: 0;margin-top: 0;padding-top: 50px;top: 20%;width: 90%;}
    #mbpop .tit {line-height: 50px;padding: 0 15px;}
    #mbpop .tit h2 {font-size: 14px;}
    #mbpop .tit .close {height: 50px;line-height: 50px;width: 50px;}
    #mbpop .cont {padding: 15px;}
    #mbpop .mb-tbl colgroup {display: none;}
    #mbpop .mb-tbl tbody th {font-size: 13px;width: 60px;}
    #mbpop .mb-tbl tbody td {font-size: 13px;}

    #temppop {height: 60%;left: 5%;margin-left: 0;margin-top: 0;padding-top: 50px;top: 20%;width: 90%;}
    #temppop .tit {line-height: 50px;padding: 0 15px;}
    #temppop .tit h2 {font-size: 14px;}
    #temppop .tit .close {height: 50px;line-height: 50px;width: 50px;}
    #temppop .cont {padding: 15px;}
    #temppop .sment {font-size: 13px;}
    #temppop .tbl colgroup {display: none;}
    #temppop .tbl tbody th {font-size: 13px;width: 60px;}
    #temppop .tbl tbody td {font-size: 13px;}
    #temppop .tbl tbody td .sbj {font-size: 14px;}

    .board-mb-profileimg {height: 16px;width: 16px;}

}