@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;background:url(img/ico_down.jpg) no-repeat calc(100% - 10px) 50%}
select::-ms-expand{ display:none } /* 화살표 없애기 for IE10, 11*/


.list{width:100%;border-top:2px solid #333;margin-top:15px; table-layout: fixed}
.list thead th{font-weight:500;padding:15px 10px;border-bottom:1px solid #ccc;text-align:center;}
.list tbody td{text-align:center;padding:20px 10px;border-bottom:1px solid #eee;font-size:13px; color:#888}
.list tbody td.subject{text-align:left;font-size:17px; color:#333;}
.list tbody td.subject a{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.list tbody td.subject img{vertical-align:middle; margin-right: 5px;}
.search .ico img{width:13px;}

/* 보기 */
.btype-view{width:100%;}
.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:30px 15px}
.btype-view .board-con img{max-width:100% !important}
.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{display:block;background:url(/gs/img/icon_file.gif) no-repeat 0 5px;padding-left:20px;word-break:break-all;}
.btype-view tfoot td .con a span{word-break:break-all;}
.btype-view tfoot td .con > span{display:none}

.write-form{width:100%;}
.write-form li{display:flex; flex-wrap:wrap;align-items:center; width:100%; margin-top:20px;border:0; background:#fff;}
.write-form li span, .write-form li strong{display:inline-block}
.write-form li strong{width:100px;text-align:center;font-weight:500}
.write-form li span{width:calc(100% - 100px);}
.write-form li span input[type="text"],.write-form li span input[type="password"]{height:50px;border:0; width:100%;padding:0 10px}
.write-form li span.file br:first-child,.write-form li span.memo br {display:none}
.write-form li span.memo textarea,.write-form li span.file{border:0}
.write-form li span.spam{display:flex; flex-wrap:wrap;}
.write-form li span.spam img{width:100px}
.write-form li span.spam em{display:inline-block; width:calc(100% - 100px)}
.agree-box{margin-top:20px;}
.agree-box textarea{width:100%; height:130px;background:#f6f6f6;border:1px solid #ddd;padding:15px;font-family:Inherit; line-height:1.8;font-size:.9rem}
.btn-wrap{margin-top:30px; text-align:center}
.btn-wrap a{display:inline-block; width:100%; max-width:250px; line-height:55px;border:1px solid #ddd}
.btn-wrap a:hover{background:#000; color:#fff}


.write-form textarea{border:0}
.write-form li{background:#f6f6f6;border-radius:5px;text-align:left}
.write-form li input[type="text"],.write-form li textarea{border:0; background:none;}
.write-form li.email span input[type="text"]{width:33.3%;max-width:180px; }
.write-form li .tel input[type="text"], .write-form li .tel select{width:calc(100%/3 - 5px); max-width:180px;}
.write-form li .tel select{background:url(img/ico_down.jpg) no-repeat calc(100% - 10px) 50%; border:0; height:50px}
.write-form li select{height:50px;width:99%; border:none; background:none}
.write-form li input[type="file"]{height:45px;padding:0 10px !important; line-height:45px}
.write-form li .file{font-size:16px}
.write-form li .file > div{display:flex; flex-wrap:wrap}
.write-form li .file > div input, .write-form li .file > div span{display:inline !important; width:auto;margin-right:5px; vertical-align:middle;line-height:45px; margin-top:0}

/* 버튼 */
.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;background:#fff}
.btype-btn select{border:1px solid #ddd;height:38px;vertical-align:middle; padding-left: 5px;padding-right:20px;background:url(img/ico_down.jpg) no-repeat calc(100% - 5px) 50%}

.border-footer{margin-top:10px;}
.paging {padding:5px;text-align:center; width:100%}
.paging a{display:inline-block; padding:3px;font-weight:300}
.paging b{font-weight:bold}
.search{text-align:right;padding:5px 0}
.search select{border:1px solid #ddd;height:30px;vertical-align:middle;padding-right:15px;padding-left:5px;background:url(img/ico_down.jpg) no-repeat calc(100% - 10px) 50%}
.search span{display:inline-block;border:1px solid #ddd; border-radius:3px;vertical-align:middle;background:#fff}
.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;background:#fff}
.search a i{vertical-align:middle;line-height:30px;}
.search .ico img{display:block;vertical-align:middle;padding:8px 0}

.noData{padding:15px;border-bottom:1px solid #ddd;text-align:center}
.btn_wrap{padding:5px}
.btn_wrap a{margin-top:3px}
.t_red{color:#ff0066 !important}
.gs_ln_file_name{text-decoration:underline;color:#0062b2}

.password-wrap{width:100%;max-width:500px; margin:0 auto;border:1px solid #ddd; padding:0 0 20px 0;text-align:center;font-size:1rem;background:#f6f6f6}
.password-wrap .tit{display:block; background:#333; color:#fff; padding:10px 0;margin-bottom:10px;}
.password-wrap input[type="password"]{width:80%; max-width:250px;height:50px; line-height:50px; border:1px solid #ddd;margin-top:10px;padding:0 10px;}

.btn-wrap{text-align:center;margin-top:10px}
.btn-wrap a{display:inline-block; width:50%; max-width:120px;background:#333; color:#fff !important;height:50px; line-height:50px;}
.btn-wrap a.cancel{background:#666}

.agreeWrap{text-align:left}

@media(max-width:768px){
.write-form li strong{width:70px;font-size:12px}
.write-form li span{width:calc(100% - 70px);font-size:12px}
.agree-box textarea{font-size:.8rem}
.agreeWrap{font-size:12px}
.btn-wrap a{font-size:14px}
}