@charset"utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin: 0;padding: 0; border:none;word-break:keep-all }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; padding:0;margin:0} 
body {font-family:"Noto Sans KR", "NanumGothic", dotum ,sans-serif;} 

ul, li, ol, dl, dd, dt{list-style:none;padding:0; margin:0}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px;border-collapse:collapse;border-spacing: 0;}
td,th{-ms-word-break:break-all;word-break:break-all;vertical-align: middle;}
select { border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:3px 25px 3px 3px}
select::-ms-expand{ display:none } /* 화살표 없애기 for IE10, 11*/

/* 리스트 */
.btype-list {overflow:hidden}
.btype-list .check{font-size:14px;width:100%;overflow:hidden;text-align:left}
.btype-list .check > p{display:inline-block;vertical-align:middle}
.btype-list ul{display:flex; flex-wrap:wrap; justify-content: flex-start ;width:100%; width:100%;border-bottom:1px solid #efefef;padding-bottom:30px}
.btype-list li{width:calc(100%/3 - 20px); margin-right:calc(60px/2);margin-top:30px}
.btype-list li:nth-child(3n){margin-right:0}
.btype-list li dt{display:block;position:relative;width:100%; height:0;padding-bottom:130%;border:1px solid #eaeaea;overflow:hidden;background:#f4f4f4}
.btype-list li dt img{position:absolute;z-index:9;width:100%; height: auto;top:50%; left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.btype-list li dt input[type="checkbox"]{position:absolute;z-index:10;left:10px; top:10px; width:15px; height:15px}
.btype-list li dd.list_subject{margin-top:5px;line-height:130%}
.btype-list li dd.list_subject a{display:inline-block;font-size:16px;font-weight:500; width:100%;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.btype-list li dd.list_writer{font-size:14px; color:#888}

.t_red{color:red}

.total-num{font-size:12px}

/* 보기 */
.event-view{display:flex; flex-wrap:wrap;justify-content:space-between; border-top:2px solid #000;padding-top:40px}
.event-view .thum-img{width:450px;}
.event-view .thum-img > div{position:relative;width:100%;height:0; padding-bottom:130%;background:#f4f4f4;}
.event-view .thum-img > div img{position:absolute; top:50%; left:0;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.event-view .event-content{width:calc(100% - 500px)}
.event-view .event-content .subject{font-size:30px; font-weight:600;}
.event-view .event-content .event-memo{margin-top:20px}
.event-view .event-content .event-info{margin-top:20px;display:flex; flex-wrap:wrap; width:100%;}
.event-view .event-content .event-info dt{width:100px;position:relative;padding-left:13px; margin-top:10px;font-weight:600; color:#ed6a04}
.event-view .event-content .event-info dt:before{content:''; position:absolute; top:11px; width:4px; height:4px; background:rgba(0,0,0,.2);left:0; border-radius:100%}
.event-view .event-content .event-info dd{width:calc(100% - 100px); margin-top:10px;}
.event-view .event-content .event-info dd > span{display:inline-block; margin-right:10px}
.event-view .event-content .event-info dd a{display:inline-block; font-size:14px; padding:0 10px;background:#222;color:#fff; line-height:28px;border-radius:3px;}
.event-view .event-content .event-info dd a .ico{display:inline-block;font-size:17px !important; vertical-align:middle; line-height:28px; }
.event-view .event-content .add-file{margin-top:30px;}
.event-view .event-content .add-file .tit{font-weight:600; color:#000}
.event-view .event-content .add-file .file{background:#f6f6f6;margin-top:10px; padding:10px 20px}
.event-view .event-content .add-file .file a{display:inline-block;font-size:16px;font-weight:500;line-height:1;vertical-align:middle;margin:3px 0}
.event-view .event-content .add-file .file a:hover{text-decoration:underline;color:#033ee9;}
.event-view .event-content .add-file .file a .ico{font-size:20px;vertical-align:middle;margin-right:3px;}
.event-view .event-content .add-file .file a:after{content:",  "}
.event-view .event-content .add-file .file a:last-child:after{display:none}

.event-photo .tit{font-weight:600;margin-top:30px}
.event-photo ul{display:flex; flex-wrap:wrap;background:#f6f6f6; padding:20px;margin-top:10px; border-radius:15px }
.event-photo li{width:calc(100%/4 - 10px); margin-right:calc(40px/3);position:relative;font-size:0}
.event-photo li:nth-child(4n){margin-right:0}
.event-photo li:nth-child(n+5){margin-top:15px}
#plusImg{display:inline-block;width:22px; height:22px;border:1px solid rgba(0,0,0,.2);background:#f6f6f6;vertical-align:middle;text-align:center;line-height:22px;cursor:pointer ;margin-left:10px}
#plusImg:hover{background:#000; color:#fff}
.event-photo li span{position:relative;display:inline-block;width:100%; height:0; padding-bottom:65%;overflow:hidden; border-radius:7px;background:#fff; border:1px solid rgba(0,0,0,.05)}
.event-photo li span img{position:absolute; left:50%; top:50%;max-width:100%;max-height:100%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

/* 쓰기 */
.board-write{width:100%; display:flex; flex-wrap:wrap;border-bottom:1px solid #eaeaea}
.board-write dt{width:120px;padding:15px 0;font-weight:500}
.board-write dd{width:calc(100% - 120px);padding:5px 0}
.board-write dd input[type="text"],.board-write dd input[type="file"],.board-write dd input[type="password"],.board-write dd select{width:100%;height:42px;border-radius:3px;padding:0 10px;vertical-align:middle}
.board-write dd input[type="file"]{width:50%;max-width:300px;margin:2px 0; line-height:42px}
.board-write dd input[type="password"]{width:150px}
.board-write dd.none-br br{display:none}
.board-write dd.file-box{font-size:14px}
.board-write dd select{background-position:calc(100% - 10px) 50%}
.board-write dt.file,.board-write dd.file{border-top:1px solid #ddd}
.preview_img{display:inline-block;}
.preview_img img{max-width:42px; max-height:42px}
.preview_img > a{margin-right:10px;margin-top:5px}


/* 버튼 */
.btype-btn{width:100%; text-align:right;margin-top:20px}
.btype-btn a{font-size:14px;font-weight:400;display:inline-block;height:38px;border:1px solid #ddd;line-height:38px;padding:0 20px;vertical-align:middle;border-radius:3px}
.btype-btn select{border:1px solid #ddd;height:38px;vertical-align:middle;padding-right:25px;padding-left:10px}

.border-footer{display:flex; flex-wrap:wrap;justify-content:space-between;margin-top:10px; align-items:center}
.paging {padding:5px}
.paging a{display:inline-block; padding:3px;font-weight:300}
.paging b{font-weight:bold}
.search{text-align:right;padding:5px}
.search select{border:1px solid #ddd;height:32px;vertical-align:middle;padding-right:15px;padding-left:5px;min-width:80px}
.search span{display:inline-block;border:1px solid #ddd; border-radius:3px;vertical-align:middle;}
.search input[type="text"]{border:0;height:30px;padding:0 5px}
.search a{display:inline-block;color:#333;height:30px;  border-radius:3px;line-height:30px; padding:0 10px; vertical-align:middle; font-family:'poppins','Pretendard','gulim',sans-serif; font-size:12px; font-weight:bold}
.search a i{line-height:30px}

.noData{padding:15px;text-align:center; width:100% !important}
.btn_wrap{padding:5px}
.btn_wrap a{margin-top:3px}
.t_red{color:#ff0066 !important}
.gs_ln_file_name{text-decoration:underline;color:#0062b2}

.eag_list_page{text-align:center;margin-top:30px}
.eag_list_page a, .eag_list_page b{display:inline-block;width:40px; height:40px;line-height:40px;text-align:center;border:1px solid #ddd;font-weight:normal}
.eag_list_page b{background:#000; color:#fff; border:1px solid #000}

.pass-check{width:100%;margin:0 auto;border:1px solid #ddd; padding:30px; text-align:center}
.pass-check .tit{font-size:24px;border-bottom:1px solid #ddd;padding-bottom:15px; margin-bottom:15px}
.check-contents input[type="password"]{width:100%; max-width:200px;margin-top:15px; height:40px;padding:0 10px}
.password-btn{text-align:center;width:100%; max-width:200px;margin:10px auto 0 auto; color:#fff}
.password-btn a{display:inline-block;width:calc(50% - 2px);background:#111;line-height:40px;}
.password-btn a.btn-cancel{background:#aaa}

@media(max-width:1200px){
.event-view .thum-img{width:40%;}
.event-view .event-content{width:calc(60% - 50px)}
.event-view .event-content .subject{font-size:24px}
.event-view .event-content .event-memo,.event-view .event-content .event-info{font-size:16px}
.event-view .event-content .event-info dd{word-break:break-all}
.event-view .event-content .add-file .file a{font-size:14px}
}

@media(max-width:1000px){
.m-hidden{display:none}
.paging,.search{width:100%}
.paging{text-align:center}


/* 버튼 */
.btype-btn{width:100%; text-align:right;margin-top:20px}
.btype-btn a{font-size:13px;font-weight:400;display:inline-block;height:35px;border:1px solid #ddd;line-height:35px;padding:0 20px;margin-top:3px}
.btype-btn select{border:1px solid #ddd;height:35px;vertical-align:middle;padding-right:15px}

.event-photo ul{padding:10px}
.event-photo li{width:calc(100%/3 - 10px); margin-right:calc(30px/2)}
.event-photo li:nth-child(3n){margin-right:0}
.event-photo li:nth-child(4n){margin-right:calc(30px/2)}
.event-photo li:nth-child(n+4){margin-top:15px}
}

@media(max-width:768px){
.btype-list  ul{justify-content:space-between; width:100%; margin:0}
.btype-list li{width:calc(50% - 5px);margin:0}
.btype-list li:nth-child(n+3){margin-top:30px}
.btype-list li dd.list_writer,.btype-view thead td,.btype-view tfoot td .tit{font-size:12px}
.btype-list li dd.list_subject a{font-size:14px}
.btype-view tfoot td{padding:15px}

.board-write dt{width:100%;padding:10px 0 0 0;font-size:16px}
.board-write dt:before{content:'- '}
.board-write dd{width:100%}
.board-write dd iframe, #smart_editor2{min-width:auto !important;max-width:100% !important}
.board-write dd input[type="file"]{width:100%;margin:2px 0; line-height:42px; max-width:100%}
.board-write dd.file{border-top:0}

.event-view .thum-img{width:100%;position:relative;top:auto; left:auto}
.event-view .thum-img img{width:100%}
.event-view .event-content{width:100%;margin-top:30px}
.event-view .event-content .subject{font-size:20px}
.event-view .event-content .event-memo,.event-view .event-content .event-info{font-size:14px}
.event-view .event-content .add-file .file a{font-size:12px}
.event-view .event-content .event-info dt:before{top:8px}

.event-photo ul{justify-content:space-between;padding:0; border-radius:0; background:none}
.event-photo li{width:calc(100%/2 - 5px); margin-right:0 !important}
.event-photo li:nth-child(n+3){margin-top:15px}


}