@charset "utf-8";

#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;}

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

#board-cat {margin: -3px -3px 20px -3px;}
#board-cat ul > li {display: inline-block;margin: 3px;vertical-align: top;}
#board-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;}
#board-cat ul > li.active a {border-color: #000000;color: #000000;}
#board-cat ul > li:hover a {color: #000000;}

#board-list table {background: #ffffff;border-top: 1px solid #333333;width: 100%;}
#board-list table tr > * {border: 1px solid #dddddd;border-width: 1px 0 1px 0;font-size: 15px;letter-spacing: -0.05em;padding: 20px 10px;}
#board-list table thead th {border-bottom: 1px solid #000000;border-top: none;color: #000000;letter-spacing: -0.05em;;padding: 20px 0;}
#board-list table tbody td {text-align: center;}
#board-list table tbody tr:hover > * {background: #fafafa;}
#board-list table tbody.notice td {background: #fafafa;}
#board-list table td a {letter-spacing: -0.05em;font-size: 15px;text-decoration: none;transition: all 0.3s;}
#board-list table td.no {color: #999999;font-size: 14px;}
#board-list table td.no strong {color: #000000;font-weight: normal;}
#board-list table td.sbj {text-align: left;}
#board-list table td.sbj a {color: #000000;font-size: 16px;text-decoration: none;word-break: break-all;}
#board-list table td.sbj a:hover {color: #000000;}
#board-list table td.sbj .cat {color: #999999;font-weight: normal;margin-right: 15px;position: relative;}
#board-list table td.sbj .cmt {color: #e4002b;font-family: Arial,Tahoma;font-size: 13px;font-weight: bold;margin-left: 10px;}
#board-list table td.sbj strike {color: #999999;}
#board-list table td.sbj img {height: 18px;width: 18px;margin-top: -4px;}
#board-list table td.sbj img.reply-ico {height: 15px;margin-top: -4px;width: 15px;}
#board-list table td.mobile-info {display: none;}

#board-paging {margin: 0 auto;}

#board-write h3 {color: #000000;font-size: 18px;margin-bottom: 15px;letter-spacing: -0.05em;}
#board-write table {width: 100%;}
#board-write table tr > * {border: 1px solid #f1f1f1;border-width: 1px 0 1px 0;letter-spacing: -0.05em;padding: 15px;}
#board-write table thead th {background: #f7f7f7;border-top: 1px solid #000000;color: #000000;font-weight: normal;}
#board-write table tbody th {color: #000000;text-align: left;}
#board-write table tbody tr:first-child > * {border-top: 1px solid #000000;}
#board-write table td.subject {padding: 10px 0;}
#board-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;}
#board-write table td.article {border: none;padding: 0;}
#board-write .bytetxt {color: #999999;display: block;font-size: 14px;margin-top: 5px;}
#board-write .uploaded {color: #000000;display: block;font-size: 14px;margin-bottom: 10px;}

#board-view .view-tit {border-top: 1px solid #000000;}
#board-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;}
#board-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;}
#board-view .view-tit h3 img {height: 18px;margin-top: -4px;width: 18px;}
#board-view .view-tit .info {border-bottom: 1px solid #cccccc;padding: 25px 20px;text-align: left;}
#board-view .view-tit .info li {color: #999999;display: inline-block;font-size: 14px;letter-spacing: -0.05em;margin: 0 40px 0 0;}
#board-view .view-tit .info li a {color: #000000;}
#board-view .view-tit .info li strong {color: #000000;margin-right: 10px;}
#board-view table {width: 100%;}
#board-view table tr > * {border: 1px solid #f1f1f1;border-width: 1px 0 1px 0;letter-spacing: -0.05em;padding: 15px 10px;}
#board-view table tbody tr:first-child > * {border-top: none;}
#board-view table tbody th {color: #000000;text-align: left;}
#board-view .article-wrap {padding: 40px 20px;vertical-align: top;}
#board-view .article {min-height: 400px;}
#board-view .article .nostyle p {margin: 30px 0;}
#board-view .article img {height: auto !important;max-width: 800px !important;}
#board-view .img-wrap {margin-bottom: 50px;text-align: center;}
#board-view .fileinfo a {font-size: 15px;letter-spacing: -0.05em;word-break: break-all;}
#board-view .fileinfo a:after{content: '';display: block;margin-bottom: 5px;}
#board-view .fileinfo .byte,
#board-view .fileinfo .cnt {color: #999999;font-size: 14px;letter-spacing: -0.05em;margin-right: 10px;}
#board-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;}

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

#board-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;}
#board-pwd table {width: 100%;}
#board-pwd table tr > * {padding: 20px;text-align: center;}
#board-pwd table thead th {border-bottom: 1px solid #dddddd;font-weight: normal;}

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

#board-seek {margin: 50px 0;}
#board-seek > li {border: 1px solid rgba(0,0,0,0.1);line-height: 50px;margin-bottom: -1px;padding: 0 200px 0 110px;position: relative;}
#board-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;}
#board-seek > li strong i {color: #999;margin-left: 4px;}
#board-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;}
#board-seek > li .sbj .cmt {color: #e4002b;font-family: Arial,Tahoma;font-size: 12px;font-weight: bold;margin-left: 10px;}
#board-seek > li .writer {position: absolute;right: 100px;top: 0;}
#board-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;}

#board-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; height: 60px;
    display: flex;
    align-items: center; margin:0}
#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;}

.board-mb-profileimg {background-position: center center;background-size: cover;border-radius: 50%;display: inline-block;height: 23px;position: relative;vertical-align: middle;width: 23px;}
.board-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%;}

/* 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 15px;}
    #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 15px;}
    #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 0;}
    #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;}

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

}