@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lusitana);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@import url(../../css/notosanskr.css);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
a:link, a:visited, a:active { text-decoration:none; color:#636363; }
a:hover { text-decoration:none;color:#589a00 }
form { display:block; margin:0px; padding:0px; }
input[type=text], textarea, input[type=password], select{border:1px solid #ddd;padding:5px; border-radius:3px; background:#f6f6f6;box-sizing:border-box; width: 100%; }
input[type=text]:focus, textarea:focus, input[type=password]:focus, select:focus { background: #fff; }
[data-role=fieldcontain] { margin: 3px 0px; border:0px; padding: 0px; }
table{ border-collapse: collapse; border-spacing: 0px;}

.blackr5{ background:#000; border-radius:5px; color:#fff; border:1px solid #000; font-weight:bold; cursor:pointer }
.blackr5:hover {color:#000;background:#fff;border:1px solid #ccc;}
.bluer5{ background:#5969f7; border-radius:5px; color:#fff; border:1px solid #5969f7; font-weight:bold; cursor:pointer }
.bluer5:hover {color:#5969f7;background:#fff;border:1px solid #ccc;}
.greenr5{ background:#39b54a; border-radius:5px; color:#fff; border:1px solid #39b54a; font-weight:bold; cursor:pointer }
.greenr5:hover {color:#39b54a;background:#fff;border:1px solid #ccc;}
.atype {background:transparent; border:0px; display:inline; cursor:pointer; font-size:inherit; padding:0px; color:#636363 }
.atype:hover { color:#589a00; }
.black3 { cursor:pointer;font-size:90%; line-height:200%; display:inline-block; padding:0px 8px; vertical-align:1px; border:1px solid #000; background:#000; color:#fff; font-weight:bold; border-radius:3px; }
.black3:hover { border:1px solid #000; background:#555; }

.hiden{ display:none; }
.ui-field-contain>.ui-mini{ margin: 0px; }
.ui-page-theme-a a:visited{ color:inherit; }

/*index 레이아웃----------------------------------------------------*/
#mbody{ background: #eaeade;}
#idsconts>img:first-child{ display: block; width: 100%; }

#idxtxt{ margin:0px auto; background:#9bb70d; text-shadow: none; padding:15px 10px; width: calc(100% - 40px); border-top-left-radius: 20px; border-top-right-radius: 20px; }
#dtitle{ border-bottom: 1px dotted #C4E032; padding-bottom: 8px; }
#dtitle>p:first-child{ text-align: center; font-family: Lusitana; font-size:0.9em; font-weight: bold; color:#147800; letter-spacing:-0.05em; }
#dtitle>p:nth-of-type(2){ text-align: center; font-family: Lusitana; font-size:1em; font-weight: 500; color:#fff; margin:0px 0px; }
#dtitle>p:nth-of-type(2)>span:nth-of-type(2){ color:#faebcd; }

#idxnav {text-align:center; margin:20px auto 0px auto; padding-bottom: 10px; }
#idxnav > a { 
	margin-bottom: 5px;
	display:inline-block; width:72px; height:72px; line-height:72px; font-weight:600; vertical-align:middle; font-family: "Noto Sans KR"; font-size: 90%; letter-spacing: -0.05em;
	border-radius: 10px; color:#fff; text-shadow: 0px 1px 0px #00334E; 
	border:1px solid #156008;
	background:#f1f1f1 linear-gradient(#1e860b, #156008);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e860b), to(#156008));
	background:-moz-linear-gradient(top, #1e860b, #156008);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.5);
	box-shadow: 0 3px 5px rgba(0,0,0,.5);
	
}

#idxnav a:link, #idxnav a:visited, #idxnav a:active { text-decoration:none; color:#fff; }
#idxnav > a.spnbn{ 
	color:#fff; text-shadow: 0px 1px 0px #7E9A29; line-height: 20px; 
	border:1px solid #6E7905;
	background: linear-gradient(#b2c201, #708600);	
	background:-webkit-gradient(EEECEA, 0% 0%, 0% 100%, from(#b2c201), to(#708600));
	background:-moz-linear-gradient(top, #b2c201, #708600);
}
#idxnav>a.spnbn>span>img{ display: inline-block; padding-top:5px;}

#idxntc{margin:0px auto; padding: 10px 20px 20px 20px; width:calc(100% - 60px); background:#444141; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
#idxntc>h1{ font-family: "Noto Sans KR"; font-size: 110%; line-height: 110%; letter-spacing: -0.05em; text-align: left; text-shadow: none; }
#idxntc>h1>a { display:inline-block; padding: 10px 0px; color:#BEE415; font-weight: 500 }
.idxbbs{ list-style:none; font-size:85%; color:#c6c6c6 }
.idxbbs li{ line-height:28px;height:28px; display:block; font-weight: 500; opacity: 0.8; text-shadow: none; }
.idxbbs li>a { font-weight: 400; text-shadow: none; color:#c6c6c6;  }
.idxbbs li:not(:last-of-type){ border-bottom:1px solid #555; }
.idxbbs>li>span:first-of-type { display:inline-block;padding-left:5px }
.idxbbs>li>span:nth-of-type(2) { display:inline-block;padding:0px 7px;}
.idxbbs>li>a{ display:inline-block; max-width: calc(100% - 110px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.idxbbs>li>img, .idxNotic>ul>li>span{ vertical-align: middle;}

/*page 레이아웃----------------------------------------------------*/
body.ui-overlay-a{ background: #fff;}
body>div:first-child{ background-color: inherit !important; }
body > article { background: #fff !important; }
#header { 
	font-family: Georgia;
	background: linear-gradient(to bottom, #89ba28, #589505); 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#89ba28), to(#589505));
	background:-moz-linear-gradient(top, #89ba28, #589505); 
}
#header>h1 { text-shadow:none; color:#FFF; padding: 7px; font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; text-shadow: none; }
#header>h1>a>img{ vertical-align: middle; }
#header>a>img { padding:0.6em; opacity:0.5;  }
#pnHead{ 
	margin: -1em; font-family: Georgia; padding-top: 1px; border-bottom: 1px solid #DDD; position: relative; overflow: auto; 
	background: linear-gradient(to bottom, #89ba28, #589505);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#89ba28), to(#589505));
	background:-moz-linear-gradient(top, #89ba28, #589505);
}
#pnHead>h1{ margin: 0px; text-shadow:none; text-align: center; padding: 4px 0; font-size: 1em; }
#pnHead>a>img { position: absolute; z-index: auto; right: 0.6em; top:0.6em; opacity: 0.5; }

#nav{ margin-top: 40px; font-family: "Noto Sans KR"; }
#nav>a{ display: block; font-weight: bold; padding:8px 10px; color:#000; border-bottom: 1px solid #cfcfcf; }
#nav>div { border:1px solid #ccc; border-top:0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#f1f1f1; font-size:90%; padding:8px 10px; }
#nav>div>a { display:block; color:#000; font-size:100%; font-weight:bold; opacity:0.7; padding:8px 10px; }
#nav>div>a.onmenu { opacity:1; color:#599606; background:url(../../mobile/images/arrow_green.png) no-repeat 10px 50%; background-size:7px 10px; text-indent:10px }
#nav>div>a:not(:last-child){ border-bottom:1px dotted #bbb; } 

#chkadm{ text-align: center; line-height: 200%; font-family: "Noto Sans KR"; font-size: 100%; text-shadow: none; margin-top:10px}

#contsw{ position: relative; background:#fff; padding:10px; word-break: keep-all; }
#contsw>h1{ font-size: 120%; font-family: "Noto Sans KR"; font-weight: 600; border-bottom: 1px solid #ccc;  padding: 8px 0px 8px 20px; margin-bottom: 10px; background: url('../../images/barrow.png') no-repeat 0% 50%;}

footer{ padding: 20px 0px 30px 0px; text-align: center; font-size: 75%; font-family: "Noto Sans KR"; color:#777; border-top:1px solid #ddd; letter-spacing: -0.03em; }
footer>div{ margin: 10px auto; color:#000;  }

/* 탭 */
.tab { position: relative; border-bottom: 1px solid #ddd; vertical-align: top; height: 35px}
.tab>a { color:#555; }
.tab>a { 
	display: inline-block; padding: 10px 10px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
	line-height: 130%; letter-spacing: -0.03em; text-align: center; height: 14px; background: #f9f9f9; vertical-align: middle; font-size: 85%; letter-spacing: -0.05em;
}
.tab>a:first-of-type{ border-left: 1px solid #ddd; margin-left: 0px}
.tab>a.tabon { background: #fff; border-bottom: 1px solid #fff; border-top:2px solid #9BB70D; height: 13px; font-weight: bold; color:#000; }

/*text*/
.boldgreen{ color:#39b54a;font-weight:bold; }
.boldblue{ color:#5969f7;font-weight:bold; }
.boldorange{ color:#f26522;font-weight:bold; }
.boldblack{ color:#000;font-weight:bold; }
.boldwhite{ color:#fff;font-weight:bold; }
.boldblue2{ color:#414960; font-weight:bold }
.fnt80 { font-size: 80%; color:#999; }

/*page class ----------------------------------------------------*/
.pgw{ letter-spacing: -0.03em; line-height: 160%; padding-bottom: 30px; }
.textgreen{ color:#8BA600; font-weight: bold; }
a.bnSG { display:inline-block; padding: 7px 50px 7px 30px; border-radius: 30px; background: #EDB715 url('../../images/warrow.png') no-repeat 85% 50%; color:#fff; font-family: "Noto Sans KR"; font-size: 100%; font-weight: 500; text-shadow: 1px 1px 1px #BE8900; }
.footbold{ text-align: right; padding: 20px 0px; color:#000;}

.divtype{ margin:10px auto 30px auto; padding-top:10px; }
.divtype:not(:first-of-type){ margin:30px auto; border-top:1px dotted #ccc; }
.divtype>h1{ font-family: "Noto Sans KR"; font-size: 120%; font-weight: 500; padding: 10px 20px; background:url('../../images/garrow.png') no-repeat 0% 50%; }
.divtype>p{ padding-left:20px; }
.divtype>ul{ margin-left:40px; }

.divtype2{ padding: 15px 0px; overflow: auto;}
.divtype2>h1{ font-size: 110%; font-weight: 500; font-family: "Noto Sans KR"; line-height: 160%; padding: 10px 0px;}

.boxtype1{ 
    border: 1px solid #ccc; border-top:2px solid #000; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding:10px 20px;float: left; 
    background:#f5f5f5 linear-gradient(#ffffff, #f5f5f5);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f5f5f5));
	background:-moz-linear-gradient(top, #ffffff, #f5f5f5);
}
.boxtype1>h1{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; border-bottom:1px solid #ddd; padding: 5px 0px; }
.boxtype1>div{ padding: 10px 0px; font-size: 95%; letter-spacing: -0.03em; }

.roundbox{ overflow: auto; }
.roundbox>div{ float: left; border:1px solid #ccc; border-radius: 40px; padding: 20px; text-align: center; margin-bottom: 1em; }
.roundbox>div>h1{ font-family: "Noto Sans KR"; font-size: 130%; color:#9BB70D; padding-bottom: 10px; border-bottom:1px solid #ddd; font-weight: 500; }
.roundbox>div>p{ padding-top:10px;}
.roundbox>img{ display:block; transform: rotate(90deg); display: block; margin:auto; padding: 10px; }

.boxdesc{ background:#f7f7f7; padding: 20px; border:1px solid #ddd; border-radius: 5px; }
.descstrong{ font-family:'Nanum Pen Script'; font-size: 150%; font-style: italic; font-weight: normal; }

.boxtable{ border:1px solid #ddd; padding:10px;}
.boxtable>table{ width: 100%; text-align: center; line-height: 160%;}
.boxtable>table>thead{ background:#f7f7f7; }
.boxtable>table th{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500;  }
.boxtable>table th, .boxtable>table td { padding:7px 0px; }
.boxtable>table td:not(:last-child), .boxtable>table th:not(:last-child){ border-right: 1px solid #ddd; }
.boxtable>table tr:not(:last-child)>td, .boxtable>table th { border-bottom: 1px solid #eee; }

/*page layout*/
#pgw01_01>h1{font-family:'Nanum Pen Script'; font-size: 170%; line-height: 170%; font-weight: normal; color:#9BB70D; }
#pgw01_01>p.footbold{font-family:'Nanum Pen Script';  font-size: 220%; line-height: 220%;}

#pgw01_01>div:last-child{ background: rgba(0, 0, 0, 0.02); padding: 2em; border-radius: 1em; border:1px solid rgba(0, 0, 0, 0.1); }


#pgw01_02>p{ margin-bottom: 8px;}
#pgw01_02>p.tt{ 
    border:5px solid #fff; background:#8BA600 url("../../images/ptc100px.png"); border-radius: 30px; line-height: 50px; box-shadow: 2px 2px 5px #ccc;
    text-align: center; color:#fff; font-family: "Noto Sans KR"; font-weight: 500; font-size: 120%; text-shadow: 1px 1px 1px #647800;
}
#pgw01_02>p.tst{ 
    border:5px solid #fff; background:#385478 url("../../images/ptc100px.png"); border-radius: 30px; line-height: 50px; box-shadow: 2px 2px 5px #ccc;
    text-align: center; color:#fff; font-family: "Noto Sans KR"; font-weight: 500; font-size: 120%; text-shadow: 1px 1px 1px #105A59;
}
#pgw01_02 > #ort04{ background-color: #376A77;}
#pgw01_02 > #ort05{ background-color: #268584;}
#pgw01_02 > #ort06{ background-color: #25845A;}
#pgw01_02 > #ort07{ background-color: #5EA30D}
#ortdesc>h1{ font-family: "Lusitana"; font-size: 160%;  line-height:90% ; color:#96B300; margin-top: 30px;  }
#ortdesc>h1>span{ font-size: 80% ; color:#000; }
#ortdesc>ul{ margin:20px 0px 0px 40px; font-family: "Noto Sans KR"; }

#pgw01_03{ overflow: auto;}
#pgw01_03>#tab{ margin-bottom: 40px;}
#pgw01_03>#tab>a>select{ padding: 0px; border:0px; background: inherit; display: inline-block; width:60px; }
.yeartt{ font-family: "Lusitana"; font-size: 200%; font-weight: bold; color:#000; margin-top:10px; }
.pdt30{ clear:both;}
#pgw01_03>ul{ border-left: 1px dotted #ccc; padding-left: 40px; margin:10px 0px 0px 30px  }
#pgw01_03>ul>h1{ font-family: "Noto Sans KR"; font-size: 140%; font-weight: 500; text-indent: -20px; margin:15px 0px 15px 0px; color:#000;line-height: 200%; }
#pgw01_03>ul>h1:not(:first-of-type){ margin-top:40px; }

#pgw01_04{ display: flex; flex-wrap: wrap;  }
#pgw01_04>div{
    flex: 1 1 30%; display: flex; justify-content: center; align-items: center;
    text-align: center; border:1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; height: 3em; padding:7px 10px; margin:4px 5px; font-family: "Noto Sans KR"; font-weight: 400; color:#000;  font-size: 110%;
    background:#f1f1f1 linear-gradient(#ffffff, #f7f7f7); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); ;
}

#daumRoughmapContainer1604904392463{ margin:10px auto 10px auto;}
#pgw01_06>h1 { padding:20px 0px;font-family: 'Noto Sans KR'; font-weight: 500; font-size: 110%; text-align: center; line-height: 160%; color:#333; border-bottom: 1px dotted #ccc; }

#pgw02_01{ overflow: auto;}
#pgw02_01>.boxtype1{ margin-bottom: 10px;}
#pgw02_01>.boxtype1>h1{ background: url("../../images/garrow.png") no-repeat 0% 50%; padding-left: 20px; color:#000; }

#pgw02_02>div{ width: calc(100% - 52px); border:4px solid #eee; box-shadow: 1px 1px 3px #aaa; background-color: #f7f7f7; overflow: auto; }
#pgw02_02>div>p{ padding-bottom: 10px; display: block;}

#pgw02_03>.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px;  }
#pgw02_03>.descstrong>span{ color:#9bb70d; }
#pgw02_03 .boxtable{ border:2px solid #9BB70D; border-radius: 5px;}
#pgw02_03 .boxtable th{ background:#EAEADE; }
#pgw02_03 .boxtable+ul{ margin-top:10px; }
#pgw02_03>div.divtype:last-of-type>ul>li{ padding:5px 0px;}

#pgw03_01{ overflow: auto;}
#pgw03_01>.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 20px; }
#pgw03_01>.descstrong>span{ color:#9bb70d; }
#pgw03_01>.boxtype1{ margin-bottom: 10px;}
#pgw03_01>.boxtype1>h1{ background: url("../../images/garrow.png") no-repeat 0% 50%; padding-left: 20px; color:#000; }

#pgw03_02>.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 20px; }
#pgw03_02>.descstrong>span{ color:#9bb70d; }
#pgw03_02>.roundbox>div{ width: calc(100% - 52px); border:4px solid #eee; box-shadow: 1px 1px 3px #aaa; background-color: #f7f7f7; }
#pgw03_02>.roundbox>div>p{ padding-bottom: 10px; display: block;}

#pgw03_03>.descstrong{ border-bottom: 1px dotted #ccc; padding-bottom: 20px;  }
#pgw03_03>.descstrong>span{ color:#9bb70d; }
#pgw03_03 .boxtable{ border:2px solid #9BB70D; border-radius: 5px;}
#pgw03_03 .boxtable th{ background:#EAEADE; }
#pgw03_03 .boxtable+ul{ margin-top:10px; }


/*사용자정의 아이콘*/
.ui-icon-dtgLock{ background:url(../../board/icon/basic/adm_open.png) no-repeat 50% 50%; border-radius: 3px; }
.ui-icon-dtgOpen{ background:url(../../board/icon/basic/adm_rock.png) no-repeat 50% 50%; border-radius: 3px; }
.bnS{
	cursor:pointer;font-size:100%; line-height:120%; font-weight:bold; display:inline-block; padding:5px 8px;
	border:1px solid #b1b1b1;border-radius:3px;color:#636363;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnM{
	cursor:pointer;font-size:100%; line-height:120%; font-weight:bold; display:inline-block; padding:5px 20px;
	border:1px solid #b1b1b1;border-radius:3px; color:#636363;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnB{
	cursor:pointer;line-height:120%;font-weight:bold;padding:10px; color:#636363;
	border:1px solid #b1b1b1;border-radius:5px;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnSimg{
	cursor:pointer;line-height:120%; display:inline-block; padding:5px;
	border:1px solid #b1b1b1;border-radius:3px;
	background:#f1f1f1 linear-gradient(#ffffff, #e6e6e6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e6e6e6));
	background:-moz-linear-gradient(top, #ffffff, #e6e6e6);
}
.bnSimg>img{ vertical-align: top;}

/*board-admlogin----------------------------------------------*/
#admlogin>section:first-child{ padding:10px;border-bottom:1px solid #ccc;}
#admlogin>section:nth-child(2){ width:267px;margin:30px auto;}
#admlogin>section:nth-child(2)>h1{border-bottom:1px dotted #ccc;padding-bottom:5px; margin-bottom:10px; font-size: 110%; color:#000; letter-spacing: -0.02em;}
#admlogin>section:nth-child(2)>h1>span{ color:#aaa; font-weight: normal; font-size: 70%;}
#admlogin>section:nth-child(2)>form{ overflow: auto; }
#admlogin>section:nth-child(2)>form>div{ width: 150px; float: left;}
#admlogin>section:last-child{ padding:10px;border-top:1px solid #ccc;}
#floginbn{ padding:24px 23px; margin: 3px; letter-spacing: -0.03em; }

/*board-write  ----------------------------------------------*/
#bsagree { padding: 1em; border: 1px solid #ccc; border-radius:3px; height: 100px; overflow-y: auto; margin-top:1em; background: #f9f9f9; }
#bsagree + div { margin: 3px 0px 10px 0px; }
#bsagree + div > label { border:0px; border-radius: 0px; background: #fff; border-bottom: 1px solid #ddd; }
#DD_CONTENT{ height: 200px; }
#if_upload { border:0px; width:100%; height:39px; margin:3px 0px; overflow: hidden; }
.smtzone{ text-align: right; margin: 8px 0px }
.smtzone>.ui-mini{ margin:0px; }

/*board-list  ----------------------------------------------*/
#wrapSearch{ padding:10px; background: #f1f1f1; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 85%; }
#wrapSearch>form{ display: inline;}
#wrapSearch>a{ color:#636363; vertical-align:baseline; }
#keyword{ width: 120px; background: #fff;  }
#bbsList>ul{ list-style: none; }
#bbsList>ul>li{ border-bottom:1px solid #ddd; padding: 10px 0px; font-size: 90%; letter-spacing: -0.03em;  }
#bbsList>ul>li>a, #bbsList>ul>li>.scrl{ font-weight: bold; color:#636363;}
#bbsList>ul>li>div{ color:#a59c8e; font-size: 80%; }
#bbsList>ul>li>div>a{ font-weight: normal; color:inherit; }
#multisys{ padding: 7px 13px; border-bottom: 1px solid #ccc; display: none; font-size: 80%; }
#multisys > .black3 { margin-right:1px;}
#pagezone { padding: 10px 0px; }

#pwbox { display:none; position:absolute; z-index:500; top:0px; left:0px;box-shadow: 3px 3px 3px #e6e6e6; font-size: 90%; }
#pwbox > span { position:relative; z-index:501; }
#pwbox > span > img { position:absolute; z-index:502; top:-7px; left:185px; }
#pwbox>section:first-of-type { border:1px solid #ccc; border-radius:5px; padding:15px; color:#636363; background:#fff; line-height: 230%; }
#boxtitle { border-bottom:1px solid #ccc; padding-bottom:8px; color:#000; line-height: normal;  }
#inputpass{ width: 130px;}
.viewfile{ cursor: pointer; }
.bbsntc { font-size:90%; font-weight:bold; background:#000; text-shadow: none; color:#fff; padding:2px 5px; border-radius:2px;margin-right: 5px; }

#filebox{ position:absolute;z-index:auto;background:#fff;padding:5px 15px 10px 15px;border:1px solid #bbb; border-radius:5px; box-shadow: 3px 3px 3px #e6e6e6; font-size: 90%; }
#filebox>img:nth-of-type(1){float:left;margin-top:-13px;display:inline-block;}
#filelist {list-style:none; margin-top:5px}
#filelist>li{ line-height:250%;}
#filelist>li:not(:last-child){ border-bottom:1px dotted #ccc; }
#filelist>li>img{vertical-align:middle;}
#fileQue{ width: 0px; height: 0px; }
#downframe{ width: 0px; height: 0px;}

/*board-view  ----------------------------------------------*/
#viewbn{ font-size: 85%; text-align: right; margin: 1em 0em; border-top:1px solid #ccc; padding:1em 0em; }
#viewbn>.ui-mini{ margin-right:0px; }
#bbsView>h1{ font-size: 120%; letter-spacing: -0.03em; color:#000; padding:8px 0px; border-bottom:1px dotted #ccc; }
#bbsView>h1+div{ font-size: 80%; color:#999; padding:8px 0px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
#bbsfilezn>img {vertical-align: middle; }

/*pagezone*/
.pagezone { color:#ccc; text-align:center; padding:10px }
.pagezone > a, .pagezone > span { margin:0px 2px; }
.pagezone > a:visited{ color:#666; }
.backblue { background:#0087cd; color:#fff; }