@charset "utf-8";
@import "/adminWeb/Common/css/base.css";
@import "/adminWeb/Common/css/layout.css";



/* comon 
-------------------------------------------------- */
section {position:relative;}
input.text {height:18px;padding:2px 4px 0;border:1px solid #d0d0d0;line-height:1.2; width:85%;}
input.file {height:18px;padding:2px 4px 0;border:1px solid #d0d0d0;line-height:1.2;}
input.file {height:22px;}
.nick{color:#0d5c9d;font-size:12px;font-family:NanumGothic, "나눔고딕", ngttf, ngeot, sans-serif;font-weight:bold;}
.func .center {text-align:center;}

.searchBar {position:absolute;top:0;right:0;width:250px;}
.searchBar p{height:26px;padding:5px 5px 5px 30px;background:url(/adminWeb/Common/images/bg_searchBar.gif) 0 0 no-repeat;text-align:right;}
.searchBar p input.text{float:left;width:148px;height:16px;padding:4px 0 0 0;background:none;border:0 none;font-size:14px;line-height:1.2;}
.searchBar p .btn_search{}

/* txt button (btn) */
.btn_c1, .btn_c1 span,
.btn_c2, .btn_c2 span,
.btn_c3, .btn_c3 span,
.btn2_c1, .btn2_c1 span,
.btn2_c2, .btn2_c2 span,
.btn2_c3, .btn2_c3 span{display:inline-block;*display:inline;*zoom:1;cursor:pointer;text-decoration:none;}
button span{white-space:pre;}

.btn_c1{padding-left:4px;background:url(/adminWeb/Common/images/bg_btn.gif) 0 0 no-repeat;color:#fff;font-size:12px;font-weight:bold;line-height:1.2;}
.btn_c1 span {height:22px;padding:8px 19px 0px 15px;background:url(/adminWeb/Common/images/bg_btn.gif) right 0 no-repeat;}

.btn_c2{padding-left:4px;background:url(/adminWeb/Common/images/bg_btn.gif) 0 -40px no-repeat;color:#fff;font-size:12px;font-weight:bold;line-height:1.2;}
.btn_c2 span {height:22px;padding:8px 19px 0px 15px;background:url(/adminWeb/Common/images/bg_btn.gif) right -40px no-repeat;}

.btn_c3{padding-left:4px;background:url(/adminWeb/Common/images/bg_btn.gif) 0 -80px no-repeat;color:#404040;font-size:12px;font-weight:bold;line-height:1.2;}
.btn_c3:hover{text-decoration:none;}
.btn_c3 span {height:22px;padding:8px 19px 0px 15px;background:url(/adminWeb/Common/images/bg_btn.gif) right -80px no-repeat;}

.btn2_c1{padding-left:2px;background:url(/adminWeb/Common/images/bg_btn2.gif) 0 0 no-repeat;color:#fff;font-size:11px;line-height:1.3;text-align:center;vertical-align:middle;}
.btn2_c1:hover{text-decoration:none;}
.btn2_c1 span {height:18px;padding:4px 10px 0px 8px;background:url(/adminWeb/Common/images/bg_btn2.gif) right 0 no-repeat;	}

.btn2_c2{padding-left:2px;background:url(/adminWeb/Common/images/bg_btn2.gif) 0 -30px no-repeat;color:#fff;font-size:11px;line-height:1.3;text-align:center;vertical-align:middle;}
.btn2_c2:hover{text-decoration:none;}
.btn2_c2 span {height:18px;padding:4px 10px 0px 8px;background:url(/adminWeb/Common/images/bg_btn2.gif) right -30px no-repeat;	}

.btn2_c3{padding-left:2px;background:url(/adminWeb/Common/images/bg_btn2.gif) 0 -60px no-repeat;color:#555;font-size:11px;line-height:1.3;text-align:center;vertical-align:middle;}
.btn2_c3:hover{text-decoration:none;}
.btn2_c3 span {height:18px;padding:4px 10px 0px 8px;background:url(/adminWeb/Common/images/bg_btn2.gif) right -60px no-repeat;	}


/* tab */
.tabContainer{overflow:hidden;}
.tabContainer li{float:left;font-family:NanumGothic, "나눔고딕", ngttf, ngeot, sans-serif;}
.tabD1{overflow:visible;height:33px;margin:0 0 15px;border-bottom:1px solid #999;}
.tabD1 li{position:relative;top:2px;}
.tabD1 li a{position:relative;float:left;height:24px;margin-right:-1px;padding:6px 20px 0;background:#f9f9f9;border:1px solid #ddd;border-bottom-color:#999;}
.tabD1 li.on{font-weight:bold;z-index:2;}
.tabD1 li.on a{background:#fff;border:1px solid #999;border-bottom-color:#fff;}

.tabD2{overflow:hidden;height:12px;margin:0 0 15px -1px;}
.tabD2 li{}
.tabD2 li a{float:left;overflow:hidden;height:12px;padding:0 20px;border-left:1px solid #ccc;line-height:1.2;}
.tabD2 li.on{font-weight:bold;}
.tabD2 li.on a{color:#0d5c9d;}


/* board
-------------------------------------------------- */
/* list */
.boardList {clear:both; margin-bottom: 15px;}
.boardList table {width:100%;border-bottom:1px solid #404040;border-top:2px solid #404040;}
.boardList th, 
.boardList td {vertical-align:middle;}
.boardList tr.tHead th { padding:9px 0; color:#555; font-size: 12px;font-weight:bold;border-bottom:1px solid #404040;}
.boardList td { padding: 8px 0 6px; border-bottom: 1px solid #eaeaea; }
.boardList .title a, 
.boardList td a{text-decoration:underline;}
.boardList td a:hover {color:#0d5c9d !important; }
.boardList td a.btn2_c3 {color:#333 !important; text-decoration:none;}
.boardList td a.btn2_c2 {color:#FFF !important; text-decoration:none;}
.boardList .title { padding-left: 10px; text-align: left; }
.boardList .title a { margin-right:5px; font-size: 12px; color:#333; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space : nowrap; }
.boardList .title span { color:#fd8f00; font-size: 9px; font-family: tahoma, verdana, sans-serif; font-weight: bold; }
.boardList .title img {vertical-align:middle;}
.boardList .img img {max-width:100px; max-height:100px;_width:100px;}
.boardList .check {text-align:left;background:#f9f9f9;}
.boardList .check input{margin-left:10px;}
.boardList .notice {background:#f7f8fc;}
.boardList tfoot th,
.boardList tfoot td { padding:9px 0; color:#555; font-size: 12px;font-weight:bold;background:#f9f9f9;}

.boardList td.title a.indent {margin: 10px 0; }
.boardList td.title .indent2 {margin: 10px 0; }
.boardList td.title .indent2 a {white-space:normal;}

.paging { clear:both; margin:20px 0 10px 0; text-align: center;}
.paging a,
.paging em{ display:inline-block; color:#888; font-size: 10px; font-family: tahoma, verdana, sans-serif; line-height: 1.2; padding: 2px 5px; border: 1px solid #e9e9e9; background:#FFF; margin: 0 1px; vertical-align:top; *display:inline; *zoom:1;}
.paging a:hover { border: 1px solid #0d5c9d; text-decoration:none; }
.paging em { color:#0d5c9d; font-weight: bold; border: 1px solid #0d5c9d; }
.paging a.latest, .paging a.prev, .paging a.next, .paging a.first { padding:0; }
.paging a img {padding-top:1px;}
.paging a:hover img {}

.boardResual {float:left; margin-bottom:10px;}
.boardResual strong {color:#0d5c9d;}
.boardSearch {text-align:right;margin-bottom:10px;}
.boardSearch .text{width:150px;}


.searchDB {text-align:left;overflow:hidden;border: 1px solid #eaeaea;background:#f9f9f9;padding:10px;margin-bottom:20px;}
.searchDB select{padding:2px;}
.searchDB label{margin: 0 10px 0 15px;font-weight: bold;padding-top:2px;display:inline-block;}
.searchDB button{float:right;}
.searchDB .text{width:100px;}


/* view */
.boardView {clear:both;margin-bottom:15px;border-bottom:1px solid #404040;border-top:2px solid #404040;}
.boardView .headSection {overflow:hidden;padding:15px;border-bottom:1px solid #eaeaea;}
.boardView .headSection img {vertical-align:middle;}
.boardView .headSection h3 {padding:0 !important;background:none !important;margin-top:10px;}
.boardView .headSection span {margin-right: 20px;}
.boardView .headSection .social {float:right;}
.boardView .contSection {overflow:hidden;padding: 30px;}

.social .twitter,
.social .facebook,
.social .me2day {text-indent:-999px;width:20px;height:20px;overflow:hidden;display:inline-block;background-position: 0 0;background-repeat: no-repeat; }

.social .twitter {background-image: url(/adminWeb/Common/images/icon_twitter.gif)}
.social .facebook {background-image: url(/adminWeb/Common/images/icon_facebook.gif)}
.social .me2day {background-image: url(/adminWeb/Common/images/icon_me2day.gif)}


/* write */
.boardWrite {clear:both; margin-bottom:15px;border-top:2px solid #404040;}
.boardWrite table {width:100%;border-radius:2px;}
.boardWrite table th,
.boardWrite table td {padding:10px 0px 10px 0px;text-align:left;border-bottom:1px solid #eaeaea;}
.boardWrite table th {font-weight:bold;background:#f9f9f9;}
.boardWrite .editor {border-bottom:1px solid #eaeaea;}
.boardWrite .check {}
.boardWrite .check span{float:left;display:block;width:145px;}
.boardWrite .hit{color:red; font-size: 9px; font-family: tahoma, verdana, sans-serif; font-weight: bold;}

.boardWrite .arrText {font-size:11px;}
.boardWrite p.arrText {margin-top:5px;}

.boardWrite .thumbnail {overflow:hidden;margin-bottom:5px;}
.boardWrite .thumbnail p {float:left;margin-right:10px;}
.boardWrite .thumbnail p a img{vertical-align:middle;}

.boardView .boardWrite {border-top:0;}
.boardWrite table td table {width:98% !important;table-layout:auto;border:1px solid #eaeaea;}
.boardWrite table td table th,
.boardWrite table td table td {padding-left:10px; width:auto;border:1px solid #eaeaea;vertical-align:middle;}


/* write2 2013-04-25 최형래*/
.boardWrite2 {clear:both; margin-bottom:15px;border-top:2px solid #404040;}
.boardWrite2 table {width:100%;table-layout:fixed;border-radius:2px;}
.boardWrite2 table th,
.boardWrite2 table td {padding:10px 0 10px 20px;text-align:left;border-bottom:1px solid #eaeaea;}
.boardWrite2 table th {width:130px;font-weight:bold;background:#f9f9f9;}
.boardWrite2 .editor {border-bottom:1px solid #eaeaea;}
.boardWrite2 .check {}
.boardWrite2 .check span{float:left;display:block;width:145px;}
.boardWrite2 .hit{color:red; font-size: 9px; font-family: tahoma, verdana, sans-serif; font-weight: bold;}

.boardWrite2 .arrText {font-size:11px;}
.boardWrite2 p.arrText {margin-top:5px;}

.boardWrite2 .thumbnail {overflow:hidden;margin-bottom:5px;}
.boardWrite2 .thumbnail p {float:left;margin-right:10px;}
.boardWrite2 .thumbnail p a img{vertical-align:middle;}

.boardView .boardWrite2 {border-top:0;}
.boardWrite2 table td table {width:98% !important;table-layout:auto;border:1px solid #eaeaea;}
.boardWrite2 table td table th,
.boardWrite2 table td table td {padding-left:10px; width:auto;border:1px solid #eaeaea;vertical-align:middle;}dle;}


.articleFunc {clear: both;overflow:hidden;width:100%;margin:10px 0 0;text-align:right;}
.articleFunc .center {text-align:center;}
.articleFunc .leftSide {float:left;}
.articleFunc.viewEnd {margin-bottom:30px;border-top:1px solid #eaeaea;padding-top:10px;}



.boardList select,
.boardWrite select,
.boardSearch select{padding:2px;}




/* Index *************************************************/
html body.index {background:#FFF;}
body.index #wrap {width:700px;margin:0 auto;padding:30px 0 0 0;}
body.index #header {height:30px;}
body.index #container {padding:0;}
body.index #footer {border:0;padding-top:10px;}

body.index .loginBox{position:relative;padding:50px 0 100px 0;border-bottom:1px solid #404040;border-top:2px solid #404040;}
body.index .loginBox h1{margin-bottom:27px;}
body.index .loginBox .form{position:relative;width:360px;margin:0 auto;padding:38px 25px 0 24px;}
body.index .loginBox .form p {padding:4px 0;}
body.index .loginBox .form p label{display:inline-block;width:65px;padding:3px 7px 0 0;text-align:right;font-weight:bold;font-size:15px;font-family:NanumGothic, "나눔고딕", ngttf, ngeot;}
body.index .loginBox .form p input.text{width:172px;height:22px;padding:5px 6px 3px;font-size:15px;}
body.index .loginBox .form input.btn{position:absolute;top:38px;right:24px;}
body.index .loginBox .noti2 {text-align:center;font-size:11px;color:#999;padding-top:20px;}





.valignTop
{
    vertical-align:top;
}

.alignCenter
{
     text-align:center;
}