@charset "utf-8";

@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
/*
@font-face {
	font-family:"Noto-Sans";
	font-style:normal;
	font-weight:normal;
	src:url("./font/NotoSansKR-DemiLight.eot");
	src:url("./font/NotoSansKR-DemiLight.eot?#iefix") format("embedded-opentype"), 
	url("./font/NotoSansKR-DemiLight.woff") format("woff"),
	url("./font/NotoSansKR-DemiLight.otf") format("OpenTypeFont")
}
*/
/*
@font-face {
  font-family:'NotoSansKR-DemiLight';
  font-style:normal;
  font-weight:400;
  src: url(./font/NotoSansKR-DemiLight.eot);
  src: url(./font/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
       url(./font/NotoSansKR-DemiLight.woff) format('woff'),
       url(./font/NotoSansKR-DemiLight.otf) format('OpenTypeFont');
}
*/

/* ======================================== Reset ======================================== */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Roboto',/*"Noto-Sans",*/'Malgun Gothic','맑은 고딕',sans-serif;font-size:16px;color:#171717;}
ul,ol,li{display:block;margin:0;padding:0;overflow:hidden;}
img{border:0px none;}
img,input,button,label{vertical-align:middle}
select{vertical-align:top}
i,em,address{font-style:normal}
a{text-decoration:none;color:#111;}
a:hover{text-decoration:none}
table{border-spacing:0;table-layout:fixed;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block}
caption, .soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}

#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0}

.inner{display:block;position:relative;margin:0 auto;width:1180px;}
.inner:after{display:block;content:'';clear:both;}

/* ======================================== Align ======================================== */
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}

/* ======================================== Form ======================================== */
select{display:inline-block;vertical-align:middle;height:28px;margin:2px;border:1px solid #e9e9e9;background-color:#fff;box-sizing:border-box;}
input[type='text'],
input[type='password']{display:inline-block;vertical-align:middle;height:28px;padding:0 5px;margin:2px;border:1px solid #e9e9e9;background-color:#fff;box-sizing:border-box;}
input[type='file']{display:block;height:28px;margin:2px;background-color:#fff;box-sizing:border-box;}
input[type='button'],input[type='submit'],button{display:inline-block;vertical-align:middle;cursor:pointer;box-sizing:border-box;}
textarea{border:1px solid #e9e9e9;background-color:#fff;box-sizing:border-box;}

/* ======================================== Tab ======================================== */
.tabBar{}
.tabBar:after{display:block;content:"";clear:both;}
.tabBar > li{position:relative;float:left;z-index:1;}
.tabBar.col3 > li{width:33.3333%;}
.tabBar.col4 > li{width:25%;}
.tabBar.col5 > li{width:20%;}
.tabBar.col6 > li{width:16.6666%;}
.tabBar > li > a{display:block;}
.tabBar > li.active{z-index:2;}
.tabBar > li.active > a{}
.tabPage{position:relative;display:none;}
.tabPage.active{display:block;}

/* ======================================== Layout ======================================== */
#wrap{}

#header{position:relative;width:100%;max-width:1820px;margin:0 auto;background-color:#fff;z-index:99;}
#header.fixed{position:fixed;top:-115px;left:0;right:0}
h1{display:block;width:134px;height:67px;padding:24px 0;margin:0 auto;}
h1 img{display:block;height:67px;margin:0 auto;}
#hdInfo{position:absolute;top:45px;left:10px;font-size:11px;letter-spacing:-0.5px;}
#hdInfo b{display:block;height:16px;}
#hdInfo span{position:relative;display:inline-block;height:16px;line-height:16px;padding-right:14px;}
#hdInfo span:after{display:block;content:'/';clear:both;width:14px;height:16px;line-height:16px;text-align:center;font-size:8px;position:absolute;top:0;right:0;}
#hdInfo span:last-child:after{display:none;}
#gnb{display:block;position:relative;height:55px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;box-sizing:border-box;background-color:#fff;z-index:999;}
#gnb ul.deaph1{width:660px;margin:0 auto;overflow:visible;}
#gnb ul.deaph1 > li{float:left;width:25%;overflow:visible;}
#gnb ul.deaph1 > li > a{display:block;height:54px;line-height:53px;font-size:18px;text-align:center;font-weight:bold;}
#gnb ul.deaph2{display:none;padding:0 0 20px;}
#gnb ul.deaph2.active{display:block;}
#gnb ul.deaph2 > li > a{display:block;padding:5px 0;font-size:16px;text-align:center;}
#gnb ul.deaph2 > li.active > a{color:blue;}
#allNav{display:none;position:absolute;top:54px;left:0;right:0;padding:37px 0;background:rgba(0,0,0,.5);}
#allNav .allNav_depth1{margin:auto;width:660px;height:206px;overflow:visible;}
#allNav .allNav_depth1:after{display:block;content:'';clear:both;}
#allNav .allNav_depth1 > li{float:left;width:25%;height:100%;border-right:1px solid #58534d;box-sizing:border-box;overflow:visible;}
#allNav .allNav_depth1 > li:last-child{border:0px none;}
#allNav .allNav_depth1 > li > a{display:none;}
#allNav .allNav_depth2{overflow:visible;}
#allNav .allNav_depth2 > li{padding:8px 0;overflow:visible;}
#allNav .allNav_depth2 > li:first-child{padding-top:0;}
#allNav .allNav_depth2 > li:last-child{padding-bottom:0;}
#allNav .allNav_depth2 > li a{display:block;font-size:16px;font-weight:bold;text-align:center;color:#fff;}
#allNav .allNav_depth2 > li a:hover{text-decoration:underline;}
#hdSns{position:absolute;top:-60px;right:10px;}
#hdSns > a{display:inline-block;vertical-align:middle;width:20px;height:30px;background-repeat:no-repeat;background-image:url(../images/common/btn_sns.png);text-indent:-9999px;}
#hdSns > a.sns1{background-position:0 center;}
#hdSns > a.sns2{background-position:-30px center;}
#hdSns > a.sns3{background-position:-60px center;}
#hdSns > a.sns4{background-position:-90px center;}
#areaLanguage{position:absolute;top:0;left:10px;}
#areaLanguage > a{display:inline-block;height:55px;line-height:53px;margin:0 5px;font-size:14px;box-sizing:border-box;}
#areaLanguage > a.active{text-decoration:underline;}
#btn_SearchOpen{display:block;width:55px;height:55px;line-height:53px;padding-left:20px;position:absolute;top:117px;right:10px;background:url(../images/common/btn_Search.png) no-repeat 0 center;box-sizing:border-box;z-index:1000;}
#btn_navAllOpen{display:none;width:55px;height:55px;position:absolute;top:0;right:0;box-sizing:border-box;z-index:1000;}
#btn_navAllOpen i{display:block;width:20px;height:2px;position:absolute;left:50%;margin-left:-10px;background-color:#181818;}
#btn_navAllOpen i:nth-child(1){top:20px;}
#btn_navAllOpen i:nth-child(2){top:26px;}
#btn_navAllOpen i:nth-child(3){top:32px;}
#areaSearch{display:none;width:1180px;position:absolute;top:0;left:50%;margin-left:-590px;}
#areaSearch input[type=text]{display:block;width:1180px;height:53px;padding-left:30px;margin:0;border:0;background:#fff url(../images/common/btn_Search.png) no-repeat 0 center;box-sizing:border-box;}
#container{}
#footer{position:relative;padding:30px 0;border-top:1px solid #e4e4e4;}
#footer .inner{text-align:center;}
#footer .inner a{display:inline-block;vertical-align:middle;padding:0 50px;}
#overlay{display:none;position:fixed;background:rgba(0,0,0,0.7);top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:99;}

/* ======================================== Button ======================================== */
div.btnArea{margin:40px 0;}

.btn{display:inline-block;margin:2px;border-radius:4px;vertical-align:middle;box-sizing:border-box;text-align:center;}
.btn.focus{min-width:120px;height:46px;line-height:42px;border-radius:23px;background-color:#181818;border:1px solid #181818;color:#fff;text-align:center;font-size:18px;}
.btn.list{padding-left:40px;padding-right:20px;background-image:url(../images/common/icon_btn_list.png);background-repeat:no-repeat;background-position:30% center;}
.btn.direct{height:28px;line-height:28px;padding:0 40px 0 20px;border-radius:14px;background:#181818 url(../images/common/icon_btn_direct.png) no-repeat 90% center;color:#fff;text-align:center;font-size:13px;}

/* ======================================== board ======================================== */
/* 페이지 */
.paging{margin:40px 0;text-align:center;}
.paging:after{display:block;content:"";clear:both;}
/*
.paging a{display:inline-block;width:30px;height:30px;line-height:30px;vertical-align:middle;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{text-indent:-9999px;background-repeat:no-repeat;background-position:center center;}
.paging a.first{background-image:url(../images/common/page_first.png);}
.paging a.prev{margin-right:20px;background-image:url(../images/common/page_prev.png);}
.paging a.next{margin-left:20px;background-image:url(../images/common/page_next.png);}
.paging a.last{background-image:url(../images/common/page_last.png);}
.paging a.active{background:url(../images/common/page_active.png) no-repeat center center;text-indent:-9999px;}
*/
.paging a{display:inline-block;width:34px;height:34px;line-height:34px;vertical-align:middle;box-sizing:border-box;color:#171717;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{margin:0;width:34px;height:34px;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;border:1px solid #181818;}
.paging a.last{text-indent:-9999px;background-repeat:no-repeat;background-position:center center;}
.paging a.first{background-image:url(../images/common/icon_first_arrow.png);}
.paging a.prev{margin:0 5px 0 -5px;background-image:url(../images/common/icon_prev_arrow.png);}
.paging a.next{margin:0 -5px 0 5px;background-image:url(../images/common/icon_next_arrow.png);}
.paging a.last{background-image:url(../images/common/icon_last_arrow.png);}
.paging a.active{color:#fff;background:#181818;}
/*썸네일 목록*/
div.thumbList{}
div.thumbList > ul{margin:10px -10px;}
div.thumbList > ul:after{display:block;content:'';clear:both;}
div.thumbList > ul > li{float:left;padding:10px 10px 30px 10px;box-sizing:border-box;}
div.thumbList > ul > li > a{display:block;}
div.thumbList > ul.col2 > li{width:50%;}
div.thumbList > ul.col3 > li{width:33.3333%;}
div.thumbList > ul.col4 > li{width:25%;}
div.thumbList > ul.col5 > li{width:20%;}
div.thumbList > ul a{display:block;text-align:center;}
div.thumbList > ul li span.img{display:block;height:200px;margin-bottom:10px;border:1px solid #d1d1d1;overflow:hidden;}
div.thumbList > ul li span.img img{display:block;width:100%;height:200px;}
div.thumbList > ul li span.subject{display:block;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:bold;}
div.thumbList > ul li span.write{display:block;height:20px;line-height:20px;}
div.thumbList > ul li span.date{display:block;height:20px;line-height:20px;}

/*게시판 목록*/
div.list{border-top:2px solid #181818;}
div.list > table{width:100%;}
div.list > table thead th{position:relative;padding:15px 10px;border-bottom:1px solid #d1d1d1;background-color:#efefef;}
div.list > table tbody td{padding:15px 10px;border-bottom:1px solid #d1d1d1;}
div.list > table tbody td a.subject{display:inline-block;vertical-align:top;max-width:90%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:bold;} 

/*게시판 상세*/
div.view{}
div.view table{width:100%;}
div.view > table thead th{padding:10px;border-bottom:2px solid #181818;text-align:left;}
div.view > table thead th span.subject{display:block;font-size:30px;font-weight:bold;}
div.view > table thead th .write,
div.view > table thead th .date{display:inline-block;padding:10px 0;margin-right:20px;font-size:17px;font-weight:normal;}
div.view > table tbody td{padding:15px 10px;border-bottom:1px solid #181818;}
div.view > table tbody td.content{padding:50px 0;}
div.view > table tbody td.content img{max-width:100%;height:auto !important;}

/* tableBox */
div.tableBox{border-top:2px solid #181818;}
div.tableBox > table{width:100%;}

/* list */
div.tableBox > table.list thead th{position:relative;padding:15px 10px;color:#000;background-color:#f9f9f9;border-bottom:1px solid #e3e3e3;}
div.tableBox > table.list tbody td{padding:15px 10px;font-size:16px;text-align:center;color:#171717;border-bottom:1px solid #e3e3e3;}
div.tableBox > table.list tbody td.alignLeft{text-align:left;}
div.tableBox > table.list tbody td a.subject{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
div.tableBox > table.list tbody td .cate{display:inline-block;padding:0 10px;height:32px;line-height:32px;font-size:15px;text-align:center;color:#fff;background:#272727;border-radius:3px;}

/* info */
div.tableBox > table.info thead th{position:relative;padding:15px 10px;color:#000;background-color:#f9f9f9;border-bottom:1px solid #e3e3e3;}
div.tableBox > table.info tbody td{padding:15px 10px;font-size:16px;text-align:center;color:#171717;border-bottom:1px solid #e3e3e3;}
div.tableBox > table.info tbody td.alignLeft{text-align:left;}
div.tableBox > table.info tbody td a.subject{display:inline-block;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
div.tableBox > table.info tbody td.border_R{border-left:1px solid #e3e3e3;}
/* view */
div.tableBox > table.view thead th{padding:20px 32px;font-size:21px;font-weight:bold;color:#171717;background:#f9f9f9;border-bottom:1px solid #e3e3e3;}
div.tableBox > table.view thead th.noticeTh span.notice{display:inline-block;margin-right:14px;padding:0 12px;height:36px;line-height:36px;font-size:17px;text-align:center;color:#fff;background:#272727;border-radius:3px;}
div.tableBox > table.view tbody td{padding:20px 36px;background:#fff;border-bottom:1px solid #e3e3e3;}
div.tableBox > table.view tbody td .infoList:after{display:block;content:'';clear:both;}
div.tableBox > table.view tbody td .infoList li{float:left;margin-right:34px;line-height:20px;font-size:15px;font-weight:bold;}
div.tableBox > table.view tbody td .infoList li:last-child{margin-right:0px;}
div.tableBox > table.view tbody td .infoList li span{display:inline-block;margin-right:14px;font-size:14px;font-weight:normal;}
div.tableBox > table.view tbody td .infoList li a.fileDown{display:inline-block;padding-left:28px;font-size:14px;background:url(/images/sub/icon_listFile.png) no-repeat 5px 1px;background-size:15px;}

/*공통 슬라이드*/
.thumbSlider{position:relative;}
.thumbSlider .bx-prev{position:absolute;top:50%;left:0;margin-top:-30px;width:50px;height:60px;text-indent:-9999em;background:rgba(0,0,0,0.6) url(../images/common/btn_sliderPrev.png) no-repeat center center;}
.thumbSlider .bx-next{position:absolute;top:50%;right:0;margin-top:-30px;width:50px;height:60px;text-indent:-9999em;background:rgba(0,0,0,0.6) url(../images/common/btn_sliderNext.png) no-repeat center center;}


/* ======================================== Responsive ======================================== */
@media all and (max-width:1180px){
	.inner{width:100%;padding:0;box-sizing:border-box;}
	.inner img{max-width:100%;}
}

/*Mobile*/
@media all and (max-width:960px){
	h1{height:40px;padding:8px 0 7px;}
	h1 img{height:40px;}

	#hdInfo{display:none;}
	#gnb{display:none;position:fixed;top:0;right:0;bottom:0;left:0;height:auto;padding:20px;overflow-y:auto;}
	#gnb ul.deaph1{width:auto;}
	#gnb ul.deaph1 > li{float:none;width:auto;}
	#hdSns{display:block;position:static;padding:20px 0;text-align:center;}
	#areaLanguage{position:relative;left:auto;text-align:center;}

	#btn_navAllOpen{display:block;}
	#btn_SearchOpen{display:none;top:0;right:0;}
	#areaSearch{display:block;width:100%;margin:0;position:static;}
	#areaSearch input[type=text]{width:80%;margin:0 auto;border-bottom:1px solid #181818;}
	#footer{padding:10px 0;}
	#footer .inner a{padding:0 5px;}

	div.thumbList > ul.col3 > li{width:50%;}

	/* table */
	/* list */
	div.tableBox > table.list thead th{padding:10px;font-size:15px;}
	div.tableBox > table.list tbody td{font-size:15px;}

	/* view */
	div.tableBox > table.view thead th{padding:15px;font-size:18px;}
	div.tableBox > table.view tbody td{padding:15px;}

}

/*Phone*/
@media all and (max-width:639px){
	#footer .inner a{max-width:30%;}

	div.thumbList > ul.col3 > li{width:100%;}

	/* table */
	.m_table,
	.m_table tbody,
	.m_table tbody tr,
	.m_table tbody th,
	.m_table tbody td{display:block;}

	/* list */
	div.tableBox > table.list.m_table thead{display:none;}
	div.tableBox > table.list.m_table tbody tr{padding:5px;border-bottom:1px solid #e3e3e3;box-sizing:border-box;}
	div.tableBox > table.list.m_table tbody td{display:block;margin:5px 0;padding:0;width:100%;font-size:13px;text-align:left;border:0px none;}
	div.tableBox > table.list.m_table tbody td a.subject{position:relative;top:3px;max-width:85%;}
	div.tableBox > table.list.m_table tbody td .cate{display:inline-block;height:24px;line-height:24px;font-size:13px;}

	div.tableBox > table.list.m_table.type1 tbody td:nth-child(1){display:none;}
	div.tableBox > table.list.m_table.type1 tbody td:nth-child(2):before{display:inline;content:'분류 : ';}
	div.tableBox > table.list.m_table.type1 tbody td:nth-child(3):before{display:inline;content:'제목 : ';}
	div.tableBox > table.list.m_table.type1 tbody td:nth-child(4):before{display:inline;content:'등록일 : ';}
	div.tableBox > table.list.m_table.type1 tbody td:nth-child(5):before{display:inline;content:'첨부파일 : ';}

	div.tableBox > table.list.m_table.type2 tbody td:nth-child(1){display:none;}
	div.tableBox > table.list.m_table.type2 tbody td:nth-child(2):before{display:inline;content:'제목 : ';}
	div.tableBox > table.list.m_table.type2 tbody td:nth-child(3):before{display:inline;content:'작가명 : ';}

	/* view */
	div.tableBox > table.view thead th{font-size:16px;}
	div.tableBox > table.view thead th.noticeTh span.notice{display:block;margin:0 0 5px 0;padding:0;width:35px;height:25px;line-height:25px;font-size:14px;}
	div.tableBox > table.view tbody td{font-size:14px;}

}

/*Tablet*/
@media all and (min-width:640px) and (max-width:960px){	

}