@charset"utf-8";
/*게시판공통*/

.boardBox{position:relative;}
.boardBox label,legend {display:none;}
/*체크박스*/
.boardBox .icheckbox_square-yellow{margin-bottom:10px;}

/*검색*/
.searchBox{border:1px solid #ccc; background:#fafafa; padding:30px 0px; letter-spacing:-0.06em; text-align:center; margin-bottom:20px; }
.searchBox fieldset{ margin: 0 auto;}
/*.searchBox select, .searchBox input, .searchBox a{margin:0 1%; border-color:#ccc; border-radius:0px;   padding:.25em; font-size:0.8em;}*/
.searchBox .searchBtn{/*height:2.571em;*/ background:#007dc6; border:1px solid #007dc6; display:inline-block; padding:.1em .8em; color:#ffffff; vertical-align:middle}


.search1{position:relative;margin:1.5em 0;width:100%;overflow:hidden; padding: 10px 0;border: 1px solid #d7d9da;background: #f7f8fa;
text-align: center;letter-spacing: -0.06em;}
.search1 .label{display:inline-block;line-height:2.308em;letter-spacing:-1px;}
.search1 .select1{display:inline-block;margin-right:1%}
.search1 .text1{display:inline-block;margin-right:1%}
.search1 .submit{display:inline-block;text-align:center;letter-spacing:-1px;margin-right:1%;}



/*페이지*/
.pageList{text-align:center; margin-bottom:20px;}
.pageList li{display:inline-block; text-align:center}
.pageList li span {display:inline-block}
.pageList li a{display:block; padding:5px 6px; font-size:12px}
.pageList li a.select{font-weight:500; text-decoration:underline; color:#F60}
.pageList li.next a:before {content:"\f112";font-family: 'LineAwesome'; }
.pageList li.prev a:before {content:"\f111";font-family: 'LineAwesome'; }
.pageList li.first a:before {content:"\f10d";font-family: 'LineAwesome'; }
.pageList li.last a:before {content:"\f10e";font-family: 'LineAwesome'; }

.d_paging {text-align:center}
.d_paging a {padding:5px 6px;}
.d_paging .pg_current {font-weight:500; text-decoration:underline; color:#F60}

/*게시판버튼*/
.boardBtn{margin:20px 0;}
.boardBtn a{display:inline-block;  padding:.4em .8em; background:#808080; color:#ffffff; font-size:0.9em; letter-spacing:-0.06em;vertical-align:middle}
.boardBtn a.btnPrimary {background:#0066cc;}
input.btnPrimary {background:#0066cc; padding:.4em .8em; border:0; border-radius:0; color:#fff; height:36px; cursor:pointer}


/* 공지사항리스트 */

#list_body {/*padding-top:30px!important;*/}
.column li{position:relative; width: 100%; margin: 0 auto 10px auto; /*padding-bottom:15px;*/ background-color: #fff; border:1px solid #ccc; border-radius:3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.column li a {display:block; color:#333;padding:10px 8px 8px 8px; }
.column li a:hover {background-color:#f5f5f5;}
.column a:hover {text-decoration:none;}
.column h4 { font-size:1.0em; line-height:1.143em; margin: 0 0 1em 0; font-weight:700}
.column h4 i.new {display: inline-block; border-radius: 2px;margin-bottom: 2px;padding: 0 3px 1px 1px;background: #f63;color: #fff; font-size: 11px;line-height: 1.333;letter-spacing: -1px;white-space: nowrap; vertical-align: middle; font-style:normal}
.column li div.listWrap {overflow:hidden;}
.column li div.listWrap .col02{float: left; position: relative;width: 22%;margin: 0 3% 0 0;}
.column li div.listWrap .col10 {float: left; position: relative;width: 75%;}
.column li div.listWrap .col02 .p1 {display: block;position: relative;padding: 0 0 66.666%; overflow: hidden;}
.column li div.listWrap .col02 .p1 img {display: block;position: absolute;left: 0;top: 0;width: 100%; height: auto;min-height: 100%;}
.column li div.listWrap p {color:#666;}
.fwrap {display: block;margin: .666em 0 0;color:#808080; font-size:13px !important}
.fwrap span {display:inline-block;}
.fwrap span:after {content:"|"; display:inline-block; color:#CCC; margin:0 5px; width:5px}
.fwrap span:last-child:after {display:none;}
.fwrap span.writer:before {content:"\f2b2";font-family: LineAwesome; display:inline-block; vertical-align:middle; margin-right:3px} 
.file_wrap {text-align:right;}
.file_wrap span a {font-size:12px !important}
.totalnum {width:100%; text-align:right; display:block; padding:5px; color:#666; font-size:13px}
.totalnum em {color:#F30;}


/*채용리스트*/
.column.job li{border:1px solid #ccc; border-top:1px solid #333; padding-bottom:0; margin-bottom:20px}
.column.job li a {padding:0}
.column.job li a:hover {background:none}
i.newj{display: inline-block; border-radius: 2px;margin-bottom: 2px;padding: 0 3px 1px 1px;background:#666;color:#fff; font-size: 11px;line-height: 1.333;letter-spacing: -1px;white-space: nowrap; vertical-align: middle; font-style:normal; margin-right:5px}
.job dl {margin-bottom:10px;}
.job dl dt{padding:10px}
.job dl dd{padding:0 10px}
.job dl dt{font-weight:400; margin-bottom:10px; font-size:1.125em; background:rgba(222,235,244,0.2); border-bottom:1px dashed #d7d7d7}
.job dl dt span {margin-left:5px;}
.job dl dd {font-size:1em; color:#555}

/*소식지리스트*/
#tlist_body ul>li.column {padding:1.5%}
.tbox {border: 1px solid #e9e9e9;border-top: 1px solid #4a4a4a;}
.bbox {border: 1px solid #e9e9e9; padding:10px}
.bbox>span.pic {display: block;position: relative;padding: 0 0 80.666%;overflow: hidden; margin-bottom:15px}
.bbox>span.pic>img {display: block;position: absolute;left: 0;top: 0; width: 100%; height: auto; min-height: 100%;}

/*테이블리스트*/
table.tblist1{width:100%;margin:.666em 0;border:0;border-collapse:collapse;border-top:2px solid #3a4a5d;border-bottom:1px solid #dadde0;}
table.tblist1>*>tr>th,
table.tblist1>*>tr>td{padding:.75em .95em;border:0;border-bottom:1px solid #dadde0; text-align:center; color:#555}
table.tblist1>*>tr>th{background:#f7f8f9;}
table.tblist1>tbody>tr>th{background:#fff;}
table.tblist1>*>tr>td.tal {text-align:left;}
table.tblist1>*>tr>td.num {color:#666;}


@media (min-width: 768px) {

/* 공지사항리스트 */
#list_body {padding-top:10px!important;}
#list_body.btline {border-top:2px solid #333}
.column li {border-left:0; border-right:0; border-top:0; border-bottom:1px dashed #ccc; box-shadow:none; margin:0;}
.column li a {display:block; color:#333;padding:20px 8px 18px 8px; }
.label-notice {display:inline-block; }




}



/*갤러리리스트*/
.boardTop {margin:20px 0 10px 0;}
.boardCount {font-size:13px; display:block; text-align:right}
.boardCount>em {color:#e3776a; font-style:normal}
.photoList{overflow:hidden;position:relative;*zoom:1; margin:0 -1% 1em -1%}
.photoList:after{display:block;clear:both;content:""}

.photoList li{overflow:hidden;position:relative; margin-bottom:30px;}

.photoList li:last-child{margin-bottom:0px;}
.photoList .thumb{display:block; position:relative; border:1px solid #ccc; padding-bottom:133%; overflow:hidden; margin-bottom:8px}
.photoList a .thumb:after{content:""; visibility:hidden;position:absolute;bottom:0;left:0; display:block;width:100%;height:100%;background:rgba(92,75,65,60%); font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60); text-indent:-999999px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.photoList a .thumb:before {content:""; background:url("../images/bbs/ic_view.png") no-repeat center center; position:absolute; width:50px; height:50px; left:50%; top:50%; margin-left:-25px;  margin-top:-25px; opacity:0; z-index:1;transition: all 0.4s ease-out;-webkit-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); transform-origin: 50% 50%;}
.photoList a input {margin-right:8px}
.photoList .thumb img {width:100%; position:absolute; left:0; top:0;}

.photoList a{display:block;cursor:pointer; letter-spacing:-0.06em; text-align:center}
.photoList a span.tit{display:inline-block; color:#303030; font-size:1.1em; margin-bottom:5px;}
.photoList a span.txt{display:block;margin-bottom:10px; font-size:0.9em;color:#808080}

.photoList a:hover .thumb:after,
.photoList a:active .thumb:after,
.photoList a:focus .thumb:after{visibility:visible;width:100%;height:100%; }
.photoList a .thumb  img, .photoList a:hover .thumb  img {-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.photoList a:hover .thumb  img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.photoList a:hover .thumb:before{opacity:1;-webkit-transform: scale(1,1) rotate(0)skew(0,0) translate(0,0);-moz-transform: scale(1,1) rotate(0)skew(0,0) translate(0,0); transform-origin: 50% 50%;}


@media all and (min-width:414px) {
.photoList li{width:50%; float:left;padding:0 2%}
}


@media all and (min-width:768px) {
.photoList li{width:33.333%;}
}


@media all and (min-width:1024px) {	
.photoList li{width:25%;}


}

@media all and (min-width:1280px) {
.photoList li{width:16.666%;}


}


/*게시글보기*/

.viewTop{min-height:80px; padding:15px 10px 15px 10px; letter-spacing:-0.06em; border-top:2px solid #333; border-bottom:1px solid #ebecec; margin-bottom:20px;}
.viewTop li.date{}
.viewTop li.tit{font-size:1.1em; color:#303030; margin-bottom:10px;}
.viewTop li.sinfo {text-align:right;}
.viewTop li span{font-size:13px; margin:0 3px; font-weight:300}
.viewTop span.name b,.viewTop span.hit b{font-weight:normal; margin-right:5px;}
.viewTop span.name span.hit{display:none;}
.viewTop span.date:before {display:inline-block; content:"\f18f"; font-family: 'LineAwesome'; }

.viewContainer{font-size:0.9em; padding-bottom:20px; border-bottom:1px solid #ebecec; }
.viewContainer img{display:block; max-width:100%; margin: 0 auto}


.assignTop{padding:10px; border-top:2px solid #333; border-bottom:1px solid #ebecec; margin-bottom:20px;}
.assignTop li {padding:5px 0}
.assignTop li span {margin:0 10px 0 0; font-size:13px}
.assignTop li span b {margin-right:5px;}


.viewFile{padding:20px 10px; border-bottom:1px solid #ebecec; }
.viewFile ul{overflow:hidden;}
.viewFile li{float:left; font-size:0.9em}
.viewFile li a{font-size:0.9em}
.viewFile li.tit{width:23%; margin-right:5%;}
.viewFile li.txt{width:72%; float:right;}

.viewFoot{position:relative; padding:25px 0px; border-bottom:1px solid #ebecec; overflow:hidden; margin-bottom:30px;  letter-spacing:-0.06em;}
.viewFoot li{width:50%; float:left; position:relative}
.viewFoot li:last-child:before{content:""; position:absolute; left:0; top:0; width:1px; height:100%; border-left:1px dotted #ccc}
.viewFoot li a{font-size:0.9em}
.viewFoot li.prev{padding-left:20px; }
.viewFoot li.next{padding-right:20px;text-align:right;}
.viewFoot li span.arrow{position:absolute; font-size:1.8em; top:40%; color:#808080}
.viewFoot li.prev .arrow{left:0px;}
.viewFoot li.next .arrow{right:0px;}

.viewFoot li .txt b{font-size:0.9em; display:block}
.viewFoot li .txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.assignWrite {display:table; width:100%;}
.assignWrite>dl {display:table-row;}
.assignWrite>dl>dt,.assignWrite>dl>dd {display:table-cell;}
.assignWrite>dl>dt {width:30%;}
.assignWrite>dl>dd {width:70%;}
.assignWrite {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 0}
.assignWrite>dl>dd{padding:0 0 10px 0}
.assignWrite>dl>dd>input{width:100%;}
.inline-form>input[type=text]{width:60%;}
.inline-form>input[type=submit]{width:35%;}



@media all and (min-width:768px) {

.viewTop li.tit{font-size:1.4em;}
.viewTop li.name span.hit{display:inline-block; float:right; font-size:0.9em}
.viewTop li.name span.hit b{display:inline-block; margin-right:5px;}


.assignTop{ display:table; width:100%;}
.assignTop li {display:table-cell;}
.assignTop li:first-child {width:70%}
.assignTop li:last-child {width:30%;  text-align:right}


.assignWrite>dl>dt {width:15%;}
.assignWrite>dl>dd {width:85%;}
.assignWrite>dl>dd,.assignWrite>dl>dd{padding:5px 0}
.assignWrite>dl>dd>input{width:auto}
.inline-form>input[type=text]{width:auto;}
.inline-form>input[type=submit]{width:auto;}

}

@media all and (min-width:1024px) {
/*이미지슬라이드*/
.viewContainer {padding:20px;}
}

/*글작성*/
h3.boardh3{font-size:1.2em; text-align:center; padding:10px 0px;}
h3.boardh3:before{content:'';}
.wirteWrap {/*border-bottom: 1px solid #ebecec;*/}
input.ed ,textarea.ed{border-color:#ccc; border-radius:0px; padding:.25em; font-size:0.9em; margin:0px;}

.writeTop dl{overflow:hidden; letter-spacing:-0.06em; margin-bottom:20px;}
.writeTop dl:first-child dt{border-top:1px solid #808080; padding-top:20px;}
.writeTop dl:first-child dd{border-top:1px solid #c8c8c8; padding-top:20px;}
.writeTop dl:last-child{border-bottom:1px solid #ebecec; padding-bottom:20px;}
.writeTop dl dt{clear:both; float:left; width:25%; padding-right:3%; font-weight:bold; font-size:0.9em; text-indent:10px; line-height:2.571em}
.writeTop dl dd{float:left; width:75%;}
.writeTop dl dd .input_type input{width:100%; }

.writeBox{margin-bottom:20px;}
.writeBox textarea{min-height:10em}


.writeFile{margin-bottom:30px;}
.writeFile input{ padding:.25em; font-size:0.9em; margin:0px;  }
.file_input {overflow:hidden; border:1px solid #c8c8c8; position:relative; max-width:500px; margin-bottom:5px;}
.file_input label {display:block; position:absolute; right:0px;top:0px; font-size:0.8em; padding:.4em 1em; height:38px; border-left:1px solid #c8c8c8; background:#fcfcfc; color:#808080; width:28%; text-align:center;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; background:none;font-size:0px;}
.file_input input[type=text] {width:72%; vertical-align:middle; display:inline-block; height:38px; padding:0; border:0; background:none; text-indent:10px; color:#808080; font-size:0.8em;}
.writeTop input[type="text"], .writeTop select {height:36px; line-height:36px;}
.writeTop select {width:100px}



@media all and (min-width:768px) {
.writeTop dl dt{width:15%; }
.writeTop dl dd{width:85%;}

}
.typeList {margin:20px 0; background:#f5f5f5; padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center}
.typeList li {display:inline-block; padding:0 10px; font-weight:300}
.typeList li.active {color:#416448;font-weight:400}
.typeList li a {transition:.2s ease-out;}
.typeList li a:hover,
.typeList li a:focus {color:#416448; transition:.2s ease-out;text-decoration:underline;}