@charset "utf-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css);

#FormBoard {position:relative;}

.board-container:before,
.board-container:after,
.board-container .search-bar:after,
.board-container .command-bar:before,
.board-container .command-bar:after,
.board-container div.article-title:before,
.board-container div.article-title:after,
.board-container div.article-content:before,
.board-container div.article-content:after,
.board-container ul.gallery-list:before,
.board-container ul.gallery-list:after,
.board-container div.user-profile:before,
.board-container div.user-profile:after,
.board-container ul.board-webzine:before,
.board-container ul.board-webzine:after {content:'';clear:both;display:table;}
.board-container .left-align {float:left;}
.board-container .right-align {float:right;}

.board-container img.newicon {width:10px;height:9px;background:url(/resource/board/img/new.gif) no-repeat 0 0;margin-left:4px;}
.board-container em.gsmall {color:#555;font-size:10pt;font-style:normal;}

.board-container .rows-count * {vertical-align:middle;}
.board-container table[width="1000"] {width:100%;}
.board-container .center-align {text-align:center;margin:0 180px;}

/* board list table */
.board-container .board-list {width:100%;border-spacing:0;border-collapse:collapse;margin-bottom:20px;}
.board-container .board-list thead th {padding:8px 0;text-align:center;font-family:'Noto Sans KR','Nanum Gothic',sans-serif;border-top:solid 1px #000;border-bottom:solid 1px #ccc;font-weight:400;font-size:11pt;}
.board-container .board-list tbody td {padding:8px 0;text-align:center;border-bottom:solid 1px #ccc;font-size:9pt;}
.board-container .board-list tbody td.fleft {text-align:left;padding-left:12px;font-size:11pt;}
.board-container .board-list tbody td.fleft a {font-family:'Noto Sans KR','Nanum Gothic',sans-serif;}
.board-container .board-list tbody tr:nth-child(2n+1) {background:#f6f6f6;}
.board-container .board-list tbody tr:hover {background:#e7effc;}
.board-container .board-list .subject {font-size:11pt;font-family:'Noto Sans KR','Nanum Gothic',sans-serif;font-weight:400;}
.board-container .board-list a.colored {color:#007fff;}

/* gallery table */
.board-container .gallery-table {width:100%;}
.board-container .gallery-table span.view {font-size:9pt;}
.board-container .gallery-table span.name {font-size:10pt;}
.board-container ul.genre {background:#454545;padding:10px 20px;margin:0 0 20px 0;display:block;list-style:none;}
.board-container ul.genre:after {content:'';clear:both;display:table;}
.board-container ul.genre li {display:block;float:left;white-space:nowrap;width:120px;font-size:10pt;}
.board-container ul.genre li a.selected {font-weight:bold;color:#f5ff00 !important;}

/* calendar table */
.board-container table.board-calendar {width:100%;table-layout:fixed;}
.board-container table.board-calendar th {padding:8px 0;text-align:center;border-bottom:solid 1px #000;}
.board-container table.board-calendar td {padding:8px;text-align:left;border-bottom:solid 1px #eee;}
.board-container table.board-calendar div.date {min-height:80px;}
.board-container table.board-calendar div.row {font-size:10pt;margin-bottom:4px;}
.tipsy {background:#232323;opacity:0.9;padding:20px;color:#fff;border-radius:6px;max-width:200px;}

/* webzine list */
.board-container ul.board-webzine {display:block;padding:0;margin:0;list-style:none;border-top:solid 1px #000;}
.board-container ul.board-webzine li {display:block;border-bottom:solid 1px #eee;padding:10px;}
.board-container ul.board-webzine li:after {content:'';clear:both;display:table;}
.board-container ul.board-webzine li img.thumb {float:left;margin-right:20px;border-radius:5px;box-shadow:#ccc 0 5px 5px;}
.board-container ul.board-webzine li span.desc {display:block;margin:10px 0;font-size:0.9em;text-align:justify;}
.board-container ul.board-webzine li > a:first-child {font-size:1.3em;font-family:'Noto Sans KR',sans-serif;}
.board-container ul.board-webzine li em {font-style:normal;font-size:0.9em;}
.board-container ul.board-webzine li span.split {display:none;}
.board-container ul.board-webzine a.user-link {color:#007fff;}

/* gallery list */
.board-container ul.gallery-list {list-style:none;padding:0;margin:0;display:block;width:100%;border-top:solid 1px #000;border-bottom:solid 1px #ccc;padding-top:20px;padding-bottom:10px;margin-bottom:20px;}
.board-container ul.gallery-list li {display:block;float:left;width:22%;margin-left:4%;padding-bottom:20px;}
.board-container ul.gallery-list li:nth-child(5n+1) {clear:left;margin-left:0;}
.board-container ul.gallery-list li.split {display:none;}
.board-container ul.gallery-list li span.fsmall {display:none;}
.board-container ul.gallery-list li img {max-width:100%;}
.board-container ul.gallery-list li img.thumb {display:block;margin:0 auto 10px auto;box-shadow:#999 0 3px 3px;border-radius:4px;}
.board-container ul.gallery-list li a {font-family:'Noto Sans KR','Nanum Gothic',sans-serif;font-weight:400;font-size:12pt;line-height:1.3;}
.board-container ul.gallery-list li a:hover img.thumb {box-shadow:#666 0 3px 10px;}
.board-container ul.gallery-list li span.article-info {display:block;font-size:10pt;line-height:1.3;}
.board-container ul.gallery-list li span.article-info a {font-size:10pt;font-weight:normal;font-family:'Nanum Gothic',sans-serif;}
.board-container ul.gallery-list li span.article-info em {font-style:normal;}
.board-container ul.gallery-list li span.article-info .lborder {border-left:solid 1px #ccc;padding-left:1em;margin-left:1em;}
.board-container ul.gallery-list li span.article-info .lborder:empty {display:none;}

.board-container .search-bar {margin:5px 0;}
.board-container .search-bar * {vertical-align:middle;}
.board-container .search-bar select {box-sizing:border-box;height:26px;border:solid 1px #999;font-size:9pt;}
.board-container .search-bar input[type=text] {padding:0 4px;font-size:11pt;box-sizing:border-box;height:26px;line-height:26px;border:solid 1px #999;}

/* article detail */
.board-container div.article-title {border-top:solid 1px #000;border-bottom:solid 1px #ccc;padding:10px 0;}
.board-container div.article-title strong {font-family:'Noto Sans KR','Nanum Gothic',sans-serif;font-size:17pt;float:left;font-weight:500 !important;}
.board-container div.article-title em {float:right;font-style:normal;border-left:solid 1px #ccc;padding-left:1em;margin-left:1em;color:#9c2b2b;font-size:9pt;}
.board-container div.article-title dl {float:right;display:block;padding:0;margin:0;font-size:9pt;}
.board-container div.article-title dl dt,
.board-container div.article-title dl dd {display:inline-block;padding:0;margin:0;color:#007fff;}
.board-container div.article-title dl dt {padding-left:5px;margin-left:5px;color:#333;}
.board-container div.article-writer {padding:10px 0;}
.board-container div.article-writer a {color:#007fff;}
.board-container div.article-writer em {font-style:normal;border-left:solid 1px #ccc;padding-left:1em;margin-left:1em;}
.board-container div.article-content {padding:30px 0;}

.board-container div.user-profile {padding:10px;border-top:solid 1px #ccc;}
.board-container div.user-profile img.user-img2 {max-width:100px;}
.board-container div.user-profile a.user-link {color:#007fff;}
.board-container div.user-profile .center-align {text-align:left;margin:0 120px;}
.board-container dl.article-attach {padding:10px;margin:0;background:#f6f6f6;}
.board-container dl.article-attach dt {float:left;}
.board-container dl.article-attach dd {margin-left:5em;}
.board-container dl.article-attach dd a {color:#007fff;}

.board-container .comments .comment-form {padding:20px;background:#f6f6f6;}
.board-container .comments .comment-form input {box-sizing:border-box;padding:4px;border:solid 1px #888;font-size:10pt;}
.board-container .comments .comment-form textarea {box-sizing:border-box;padding:4px;border:solid 1px #888;line-height:1.6;font-size:11pt;width:100%;height:80px;}
.board-container .comments table {margin-top:20px;}
.board-container .comments table input {height:80px;cursor:pointer;background:#232323;color:#fff;border-radius:4px;font-size:9pt;width:90%;}
.board-container .comment:before,
.board-container .comment:after {content:'';clear:both;display:table;}
.board-container .comment {padding:10px;border-bottom:solid 1px #eee;}
.board-container .comment .user-img {max-width:100px;}
.board-container .comment .center-align {text-align:left;margin:0 120px;}
.board-container .comment .comment-info a {color:#007fff;}
.board-container .comment .comment-info em {font-size:10pt;margin-left:1em;font-style:normal;display:inline-block;}

body.sub-photo .board-container .comments .comment-form {background:#777;}

.board-container table.board-post {width:100%;border-top:solid 1px #000;}
.board-container table.board-post tbody th {padding:6px;text-align:left;border-bottom:solid 1px #eee;width:110px;}
.board-container table.board-post tbody td {padding:6px;text-align:left;border-bottom:solid 1px #eee;}
.board-container table.board-post input,
.board-container table.board-post select,
.board-container table.board-post textarea {border:solid 1px #aaa;box-sizing:border-box;padding:2px;font-size:10pt;line-height:1.6;}
.board-container table.board-post .full {width:100%;}

body.sub-photo .board-container table.board-post {border-top:solid 1px #eee;}
body.sub-photo .board-container table.board-post tbody th,
body.sub-photo .board-container table.board-post tbody td {border-bottom:solid 1px #888;}

/* photo detail */
.board-container .article-photos .article-photo {text-align:center;position:relative;margin-top:20px;}
.board-container .article-photos .article-photo img {max-width:100%;}
.board-container .article-photos .article-photo dl.exif-info {position:absolute;left:10px !important;top:10px !important;padding:10px;margin:0;background:#232323;opacity:0.7;color:#fff;display:none;}
.board-container .article-photos .article-photo dl.exif-info dt {float:left;text-align:left;}
.board-container .article-photos .article-photo dl.exif-info dd {margin-left:6em;text-align:left;}
.board-container table .photo-title {text-align:center;font-size:18pt;font-family:'Noto Sans KR','Nanum Gothic',sans-serif;font-weight:300;padding:10px 0;}
.board-container table .photo-info {padding:10px;border-top:solid 1px #888;}
.board-container table .photo-info:after {content:'';clear:both;display:table;}
.board-container table .photo-info1 img.user-img2 {float:left;margin-right:20px;}
.board-container table .photo-info2 {float:left;}
.board-container table .photo-info2 dl {display:block;padding:0;margin:0;}
.board-container table .photo-info2 dt {float:left;}
.board-container table .photo-info2 dd {margin-left:5em;}

/* jihoebest photo */
.photo-list span.article-info,
.photo-list a.user-link {font-size:10pt;}
.best-detail .photo-title {text-align:center;font-size:18pt;font-family:'Noto Sans KR','Nanum Gothic',sans-serif;font-weight:300;padding:10px 0;}
.best-detail .article-photo {text-align:center;}
.best-detail .article-photo img {max-width:100%;}
.best-detail .photo-info {border-top:solid 1px #ccc;padding:10px;}
.best-detail .photo-info:after {content:'';clear:both;display:table;}
.best-detail .photo-info .user-img2 {width:100px;float:left;margin-right:30px;margin-top:8px;}
.best-detail .photo-info .photo-info2 {float:left;}
.best-detail .photo-info .photo-info2 dl {margin:0;padding:0;}
.best-detail .photo-info .photo-info2 dt {float:left;}
.best-detail .photo-info .photo-info2 dd {padding-left:4em;}

a.prev_page_arrow,
a.next_page_arrow {position:absolute;left:-140px;top:0;width:120px;height:100%;background:#323232;color:#323232 !important;display:block;z-index:2;opacity:0;}
a.next_page_arrow {left:auto;right:-140px;}
a.prev_page_arrow:hover,
a.next_page_arrow:hover {opacity:0.3;}

/* board-latest */
.board-latest:before,
.board-latest:after {content:'';clear:both;display:table;}
.board-latest .board-latest-head:after {content:'';clear:both;display:table;}
.board-latest .board-latest-head {border-bottom:solid 1px #eee;padding-bottom:5px;margin-bottom:10px;}
.board-latest .board-latest-head h3 {margin:0;padding:0;float:left;font-size:13pt;}
.board-latest .board-latest-head a.more {display:block;float:right;font-size:9pt;padding:3px 6px;background:#eee;color:#666;border-radius:4px;line-height:1;margin-top:3px;}
.board-latest ul {display:block;padding:0;margin:0;list-style:none;}
.board-latest ul li {display:block;}
.board-latest ul li a {display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-left:10px;background:url(/2019/images/notice_bl.gif) no-repeat 0 12px;font-size:10pt;vertical-align:middle;}
.board-latest ul li .ico-new {vertical-align:middle;}