@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,th,td,select,input,button {width:100%; margin:0; padding:0; font-size:14px; line-height:150%; color:#666; font-family:'Nanum Gothic', 'NanumGothic', '³ª´®°íµñ', 'µ¸¿ò', 'dotum', sans-serif;}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
img,fieldset,button {border:0;}
select, textarea { padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle; box-sizing:border-box;}
input, select, textarea {display:inline-block; box-sizing:border-box; width:auto;line-height:1.4; font-size:1em;}
a {display:inline-block; text-decoration:none; color:#444;}
a:hover {text-decoration:none; color:#444;}
a:visited {text-decoration:none; color:#444;}
dl,dt,dd {margin:0; padding:0;}
ul, li {list-style:none; padding:0;margin:0;}

/* Common */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valt{vertical-align:top !important;}
.valm{vertical-align:middle !important;}
.pdr30{padding-right:30px !important;}

/******************* bbsList ******************/
/* List */
#bbsList{table-layout:fixed; border-collapse:collapse; width:100%; margin:0; border:0; border-top:1px solid #555; border-bottom:1px solid #555;}
#bbsList th{padding:18px 0; border: 0; border-bottom:2px solid #555; background: #fff url('/board/images/line_th.gif') no-repeat left 50%; font-weight:600; line-height: 1.5; color:#444; text-align:center;}
#bbsList thead th:first-child{background:transparent;}
#bbsList td{padding:18px 5px; border: 0; border-top:1px solid #e0e0e0; line-height: 1.5; color:#444; text-align:center; word-break:keep-all;}

/* Icon */
.notice {border:1px solid #ff4500; color:#ff4500; border-radius:3px; white-space:nowrap; height:25px; line-height:1.8; width:40px; display:block; margin:0 auto;}
.ico {float:left; color:#fff; white-space:nowrap; height:21px; line-height:20px; width:40px; display:block; text-align:center; margin:0 10px; vertical-align:middle;}
.blue01 {background:#0480c8 !important;}
.blue02 {background:#047ec9;}
.blue03 {background:#0cbcbf;}
.green01 {background:#008d59;}
.green02 {background:#57ad46;}
.green03 {background:#5dae39;}
.red01 {background:#c0172c;}
.red02 {background:#ff4500;}
.red03 {background:#fe7b3d;}
.purple {background:#823bb8;}

/* Paging */
.pagination{margin:30px 0 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box; width:30px; height:30px; margin: 0 -1px 0 0; background:#fff; font-size:0.85em; font-weight:600; color:#777; line-height:2.3; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; background:#0178b8; color:#fff; line-height: 2.8;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{border:1px solid #b6b6b6; border-radius:2px; text-indent: -9999em;}
.pagination .page_prev{margin-right:35px; background:url(/board/images/ico_arrow_prev.gif) no-repeat 10px 50%;}
.pagination .page_prevend{background:url(/board/images/ico_arrow_prevend.gif) no-repeat 7px 50%;}
.pagination .page_next{margin-left:35px; background:url(/board/images/ico_arrow_next.gif) no-repeat 11px 50%;}
.pagination .page_nextend{background:url(/board/images/ico_arrow_nextend.gif) no-repeat 9px 50%;}

/* Search */
.bbsSearch {display:block; position:relative; border:2px solid #e0e0e0 !important; width:100%; margin:0; border:0; margin:20px 0; padding:20px 0; text-align:center; box-sizing:border-box;}
.bbsSearch .word {width:200px; height:35px; padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle;}
.button{height:35px; margin:5px 3px; padding:0 15px; border:1px solid transparent; font-weight:400; font-size:1em; line-height:2.4; letter-spacing:0;background-color:#666; color:#fff !important;}

.bbsListBtn {margin: 0 0 30px; text-align:right; width:100%; display:block;}



/******************* bbsView ******************/
#bbsView {width:100%; margin:0; border:0; border-top:1px solid #555; border-bottom:1px solid #555;}
#bbsView .row_group {position:relative; border-bottom:1px solid #d8d8d8; box-sizing:border-box;}
#bbsView .row_group dl{position:static; overflow:hidden;}
#bbsView .row_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:140px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center;}
#bbsView .row_group dl dt>span{display:inline-block; vertical-align:middle;}
#bbsView .row_group dl dd{box-sizing:border-box; min-height:50px; margin-left:140px; padding:15px 10px 15px 25px; line-height:1.6;}
#bbsView .row_group.col02 dl:first-child{float:left; width:50%;}
#bbsView .row_group.col03 dl:first-child,
#bbsView .row_group.col03 dl:first-child+dl{float:left; width:33.3%;}
#bbsView .content{position:relative; width: 96%; padding: 2%; line-height:1.6; word-break:keep-all;}
#bbsView .content .imgview img {margin-bottom:20px;}

.bbsViewBtn {margin:30px 0; text-align:center;width:100%; display:block;}


/* ³ª±¤Áø Ãß°¡ */
#bbsView .word {height:35px; padding:7px 8px; border:1px solid #b6b6b6; background:#fff; vertical-align:middle;}

#bbsView p.upfile {
	margin-top:3px;
}
input.filebtn { 
	padding:5px 20px; vertical-align: middle; line-height:100%;
	background:#8C8C8C; border-radius:2px; border:1px solid #8C8C8C; 
	color:#fff; font-size:12px; letter-spacing:-0.05em; 
	cursor:pointer;
}
.filesize { font-size:0.9em; color:#8C8C8C; }
button.wbtn { 
	width:110px; color:#FFF; background:#8C8C8C; 
	border-radius:5px; padding:5px 0; cursor:pointer;
}




/******************* albumList ******************/
#albumList {border-top: 2px solid #444; padding:30px 0 10px;}
#albumList ul {overflow:hidden;}
#albumList ul li {float:left; width:23%;margin-bottom:20px; margin-right:2%; border:1px solid #b7b7b7;}
#albumList ul li:nth-child(4n){margin-right:0 !important;}
#albumList ul li {display:block;}
#albumList ul li .photo {overflow:hidden; width:100%; height:140px; text-align:center; background:#9e9e9e; }
#albumList ul li .photo img {width:100%; height:auto; max-width:442px;}
.no_img { padding-top:60px; color:#FFF;}
#albumList ul li .albumInfo {padding:20px; border-top:1px solid #b6b6b6; margin-top:-2px; box-sizing:border-box;}
#albumList ul li .albumInfo p {display:block;}
#albumList ul li .albumInfo .albumTitle {width:100%; height:40px; font-size:1.1em; font-weight:700; line-height:1.3em; overflow:hidden; word-break:keep-all;}




/******************* tab ******************/
.tab_wrap {margin-bottom:20px;}
.tab {border-left:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.tab li {float:left; border:1px solid #ddd; border-left:none; border-bottom:none; text-align:center; display:block; padding:20px 30px; cursor:pointer; background-color:#eee; margin-bottom:-1px;}
.tab li.on {background-color:#fff; color:#0480c8; font-weight:600; border-bottom-color:transparent;}

.tab02 {background:#fff; overflow:hidden; clear:both}
.tab02 li {float:left; width:19.7%; border:1px solid #ddd; text-align:center; display:inline-block; padding:10px 20px; margin:3px 0.3% 0 0; cursor:pointer;box-sizing:border-box; font-size:0.9em; }
.tab02 li.on {background-color:#eee; color:#0480c8; font-weight:600;}
.tab02 li:nth-child(5n) {margin:3px 0 0 0;}


.nav-tabs {display:table; width:100%; margin:0 0 20px 0; border-bottom:1px solid #ddd;} 
.nav-tabs li {float:left; margin-bottom:-1px !important; background:#f3f3f3; border-right:1px solid #fff;}
.nav-tabs li a, 
.nav-tabs li a:hover,
.nav-tabs li a:focus {display:block; padding:20px 30px; border:1px solid transparent; border-bottom:1px solid #ddd;} 
.nav-tabs li a:hover {background:#e6e6e6; border-bottom:1px solid #ddd;} 
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {background:#fff; margin:0; padding:20px 30px; font-weight:600; color:#0480c8; border:1px solid #ddd; border-bottom-color:transparent !important;}


/******************* faqList ******************/
.faq_a {background:#0480c8; color:#fff; white-space:nowrap; height:25px; width:40px; display:inline-block; margin:0 auto; vertical-align:middle;}
.faq_view { display:none; }