@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%; margin-top: 15px; }
.btype-list li{width:calc(33.3% - 20px);margin-right:30px}
.btype-list li:nth-child(3n){margin-right:0}
.btype-list li:nth-child(n+4){margin-top:30px}
.btype-list li dt{display:block;position:relative;width:100%; height:0;padding-bottom:56.5%;overflow:hidden}
.btype-list li dt iframe{position:absolute;z-index:97;width:100%;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%);height:100%}

.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}
.btype-list li dt .over{position:absolute; z-index:999;background:rgba(0,0,0,.8);padding:10px 15px; border-radius:50px;top:10px; left:10px;font-size:0}
.btype-list li dt .over p{display:inline-block;padding:0;font-size:0}
.btype-list li dt .over p input{vertical-align:middle;margin-right:5px}
.btype-list li dt .list_chk a{display:inline-block;vertical-align:middle;line-height:1 !important;height:auto;font-size:0; margin-left:3px}
.btype-list li dd p{margin:10px 0}
.btype-list li dt .btn-modi{position:absolute;z-index:999; right:10px; bottom:10px;;width:30px; height:30px; background:rgba(0,0,0,.8); border-radius:100%; text-align:center; line-height:27px} 
.btype-list li dt .btn-modi img{width:15px; vertical-align:middle}

.total-num{font-size:12px; display:none;}

/* 보기 */
.btype-view{width:100%;table-layout: fixed}
.btype-view thead th{border-bottom:1px solid #ccc;font-size:22px; text-align:left;font-weight:500;padding:15px}
.btype-view thead td{font-size:14px;color:#888;padding:15px;text-align:right}
.btype-view thead td.file{text-align:right;}
.block-space{display:inline-block; padding:0 5px}
.btype-view .file-con{width:100%; text-align:center}
.btype-view .file-con img{max-width:100%;margin-top:10px}
.btype-view .board-con{padding:15px;width:100%;}
.btype-view .board-con img{width:auto;max-width:100%}
.btype-view .board-con p,.btype-view .board-con div,.btype-view .board-con a{word-break:break-all}
.btype-view tfoot,.btype-view tfoot tr{display:block;}
.btype-view tfoot td{display:flex; flex-wrap:wrap;border:1px solid #ddd;padding:20px 15px;background:#f6f6f6}
.btype-view tfoot td .tit{display:inline-block;width:80px;font-size:15px;font-weight:500;border-right:1px solid #ddd;text-align:center}
.btype-view tfoot td .con{display:inline-block;width:clac(100% - 100px);margin-left:20px}
.btype-view tfoot td .con a{background:url(/gs/img/icon_file.gif) no-repeat 0 3px;padding-left:20px;word-break:break-all;}
.btype-view tfoot td .con a span{word-break:break-all;}

/* 쓰기 */
.board-write{width:100%; display:flex; flex-wrap:wrap;align-items:center;border-bottom:1px solid #eaeaea;font-size:1rem}
.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"]{width:100%;height:42px;border-radius:3px;padding:0 5px;vertical-align:middle}
.board-write dd input[type="file"]{width:70%;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}


/* 버튼 */
.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 25px;vertical-align:middle;}
.btype-btn select{border:1px solid #ddd;height:38px;vertical-align:middle;padding-right:15px}

.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:35px;vertical-align:middle;padding-right:15px;padding-left:5px; border-radius:3px; background-position:calc(100% - 10px) 50%; 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:gulim;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}

.pagenum {text-align:center;font-size:0}
.pagenum > div{display:inline-block;border:1px solid #ddd; border-radius:3px; overflow:hidden;}
.pagenum b, .pagenum a{display:inline-block;width:35px;height:35px;font-size:14px; line-height:35px;border-left:1px solid #ddd}
.pagenum a:first-child,.pagenum b{border:0}
.pagenum b{background:#067dec; color:#fff}

.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}

.search label{position:absolute;width:0px; height:0px; opacity:0}

.video{padding-bottom:30px}
.video_b_w {width:100%; height: 0; padding-bottom: 56.3%; position:relative;}
.video_b_w iframe {width:100% !important;  height: 100% !important; z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%;}

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


.btype-list ul{justify-content:space-between}
.btype-list li{width:calc(50% - 10px);margin-right:0 !important}
.btype-list li:nth-child(n+3){margin-top:30px}

/* 보기 */
.btype-view thead th{font-size:18px}

/* 버튼 */
.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}
}

@media(max-width:768px){
.btype-list ul {justify-content:space-between}
.btype-list li{width:100%;margin-right:0}
.btype-list li:nth-child(n+2){margin-top:20px}
.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}

.btype-view tfoot,.btype-view tfoot tr,.btype-view tfoot td{display:block;}
.btype-view tfoot td .tit{width:100%;text-align:left;border-right:0}
.btype-view tfoot td .con{width:100%;margin-left:0;font-size:13px}
.btype-view tfoot td .con a{display:block;}
.btype-view tfoot td .con > span{display:none}

.search{padding:0;}
.search form{display:flex; flex-wrap:wrap; justify-content:space-between}
.search form select{width:100px;}
.search form > span{width:calc(100% - 105px)}
.search form > span input[type="text"]{width:calc(100% - 50px)}
}