@charset "utf-8";
/* SIR 지운아빠 */

/* 새글 스킨 (latest) */
.lt_pc {float:left;margin-left:20px}
.lt {position:relative;margin-bottom:20px;max-width:1200px;margin:0 auto 30px;font-size:1.2em}
.lt ul {margin:0 0 10px;padding:0;list-style:none;}
.lt li {padding:14px 0;border-bottom:1px solid #dedede}
.lt .lt_title {display:block;padding:10px 0 8px;font-size:2em;margin-bottom:50px;text-align:center}
.lt .lt_more {position:absolute;top:10px;right:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.lt li:after{display:block;clear:both;content:''}
span.lt_date{display:block;float:right;margin-right:20px}
.latest_content>li>a{float:left;cursor:pointer;display:block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;width:calc(100% - 160px);text-align:left}
.title-block{border-top:3px solid #000;border-bottom:1px solid #000;padding:15px 0;background:#efefef}
.title-block:after{display:block;clear:both;content:''}
.subject-title{float:left;text-align:center;width:calc(100% - 160px);color:#000;}
.date-title{width:40px;float:right;margin-right:20px;text-align:center}

.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.page{font-size:.95em !important;line-height:1em !important;width:100%;text-align:center;position:relative}
.page a,.page span{display:inline-block;position:relative;vertical-align:top}
.page a:hover{text-decoration:none}
.page .num,.page .num span{margin-left:0;padding:0}
.page .num{margin-top:4px;margin-right:5px;*margin-right:0;font-size:.9em;font-family:tahoma,sans-serif;color:#b3b7bc;letter-spacing:-1px;position:absolute;right:20px}
.page .num span{font-weight:bold}
.page .num em{font-weight:bold;color:#848689}

.page a{width:40px;margin:20px 20px;padding:10px}

.l-num{float:left;width:80px;text-align:center}

.bbg{width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:999; display:none;cursor:pointer}
.more_wrap{width:1200px;height:60%;z-index:99998;position:fixed !important;left:50%;margin-left:-600px;padding:5px;background:#ffffff;overflow:hidden;top:100px;scrollbar-3dLight-Color: #fff; scrollbar-arrow-color: #fff; scrollbar-base-color: #fff; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #fff; scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #fff}
.more{float:left !important;width:400px;padding:10px}
.more_wrap .more img{width:auto;margin:auto; max-width:380px;display:block}
.more_wrap img{max-width:100%}

.close{position:absolute;width:50px;height:50px;right:5px;top:5px;z-index:999999;cursor:pointer;opacity:1 !important;filter: alpha(opacity=100) !important}
.close-area{display:block;position:absolute;width:100%;height:100%;padding:5px}
.close-bt{position:absolute;z-index:20;right:0;top:5px;width:100%;height:100%;border:none;background-color:transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;}
.close-bt{}
.close-bt:before,.close-bt:after{content:'';display:block;position:absolute;background-color:#000;}
.close-bt:before{top:0;left:50%;width:2px;height:100%;margin-left:-1px}
.close-bt:after{left:0;top:50%;margin-top:-1px;width:100%;height:2px;}
.close-area:hover .close-bt{opacity:1;transform:rotate(405deg);-webkit-transform:rotate(405deg);-moz-transform:rotate(405deg);-o-transform:rotate(405deg));-ms-transform:rotate(405deg);}
.more_wrap ul.more li:hover .arrow{opacity:1;}
.page-content{text-align:center}
.prev{left:0; background-position:left;display:none}
.next{right:0;  background-position:right;display:none}
.view{width:800px; color:#fff; text-align:center; font-size:18px; padding:20px 0 20px 0; background:#eee; display:block;z-index:99999;}
.content img{max-width:100%}
.site_title{font-size:16px;display:block;padding:20px 50px 0;color:#000;text-align:center;padding-bottom: 10px;line-height: 180%;border-bottom:1px solid #aaa;word-break: break-all;font-weight:600}
.site_content{font-size:16px;display:block;padding:0 0 20px;overflow-x:auto;overflow-y:hidden;position:relative;word-break: break-all}
.site_content img{max-width:100%}
.site_date{font-size:12px;display:block;padding:0 5px 0 10px}
.site_url{font-size:16px;padding-right:5px;color:#bcb8ea}
.site_link{font-size:16px;display:block;padding:20px 5px 0 10px;;word-wrap:break-word}
.site_link a{text-decoration:none;color:#999}
.site_link:link{color:#999999}
.site_link a:hover{color:#444444}
.adm-modi{margin:10px auto;background:#000;display:block;width:60px;padding:2px 0;text-align:center;color:#fff;font-size:12px}

@media only screen and (max-width:1280px) {
.more_wrap{width:90%;left:50%;margin-left:-45%;}
}

@media only screen and (max-width:1000px) {
.view-img{display:none}
}

@media only screen and (max-width:800px) {
.close{width:30px;height:30px;top:15px}
}