@charset "utf-8";

/*중복 CSS*/
/*@import url("reset.css");*/
/*@import url("layout.css");*/
/*@import url("content.css");*/
/*@import url("bbs.css");*/


#dashboard{position:absolute;top:34px;bottom:32px;left:0;right:0;overflow:hidden;margin:0;min-height:200px; z-index:20; background: #fff;overflow: auto;}
.ie6 #dashboard{position:relative;top:0;bottom:34px;height:100%;overflow:visible;margin:-95px 0 -39px 0;padding-top:35px;padding-bottom:29px}
#dashboard:after{clear:both;display:block;height:0;content:'';visibility:hidden}

#dashboard #content{position:absolute;top:0;bottom:0;left:0;right:0; z-index: 10;overflow:hidden;width:auto; background: #fff; color:#555;}
#dashboard #content .dash{ margin:1.5% auto; display:block; width:1000px}

.dashboardBox { position:absolute; top:37px; left:0; right:0; bottom:0; overflow-y: auto;border-top: 1px solid #ddd; background: #fff;}

#dashboard .scrollWrap .scrollContent{position: absolute; top: 0; .top: 22px; bottom: 0;left: 0; right: 0;  z-index:0;overflow: auto; overflow-y: scroll; overflow-x: auto; _position: static; text-align:center}

.dash .w50L{width:490px; float:left !important; padding-right:10px}
.dash .w50R{width:490px; float:left !important; padding-left:10px}

/*.gridster-loaded .gridster-item:nth-child(1) {width:490px !important; float:left !important; left: 0 !important}
.gridster-loaded .gridster-item:nth-child(2) {width:998px !important; float:left !important; left: 0 !important}
.gridster-loaded .gridster-item:nth-child(3) {width:490px !important; left: 510px !important;}
.gridster-loaded .gridster-item:nth-child(4) {width:490px !important; float:left !important; left: 510px !important;}
.gridster-loaded .gridster-item:nth-child(5) {width:490px !important; float:left !important; left: 0 !important; padding-right: 0 !important}
.gridster-loaded .gridster-item:nth-child(6) {width:490px !important; float:left !important; left: 510px !important;}*/
/* 대쉬보드 많이 본 기사 수정 */
.dash .w49PL{width:48%; float:left !important; padding-right:10px}
.dash .w49PR{width:48%; float:left !important; padding-left:10px}

/* 로그인*/
.dash .head { width:100%; display:inline-block; text-align:left; margin: 0 0 20px}
.head  h1 {display:inline-block; background:url(../images/logo_campany.gif) no-repeat; width:280px; height:62px; font-size:0; vertical-align:top}
.head .login { display:inline-block; width:186px; text-align:right; line-height: 2/*margin-top:5px;*/}
.head .login .date{ font-size: 14px; color:#222; /*margin: 5px 0 10px;*/ display: inline-block; width:auto; border:0}
.head .login b { color:#222}
.login .btn_logout { background:#e28961 url(../images/btn/bu_logout.gif) left top no-repeat; width:46px; height:15px;  display: inline-block; margin-left: 10px; font-size: 0; cursor: pointer; vertical-align: middle;}

/* 쪽지 */
.memo { width:100%; text-align:left; margin: 0}
.memo h2 { width:100%; display:inline-block; font-size: 14px; color:#333 !important; height: 22px }
.memo h2 .fl { margin: 0; }
.memo h2 .fr { padding: 0; }
.memo h2 ,.memo h2 a   { color: #fff; text-decoration: underline;font-weight: 100;}
.memo .box { padding: 15px; background: #f7f7f7;}
.memo .box table { width:100%; table-layout:fixed; text-align: left }
.memo table td { color:#777; text-align: center; padding: 3px 0; font-size: 11px;text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
.memo td a { color:#333; margin-left: 5px}
.memo td.title { text-align: left}
.memo td .ico_memo { background:url(../images/ico/ico_memo.gif) left -36px no-repeat; width:11px; height:16px; display:inline-block; vertical-align:middle; font-size: 0}
.memo .new td a { color:#0d71ac; font-weight: bold}
.memo .new .ico_memo { background:url(../images/ico/ico_memo.gif) left 1px no-repeat; width:11px; height:16px; display:inline-block; vertical-align:middle; font-size: 0}

.list.memo .box { padding:0; border-top:1px solid #ccc; height:292px}
.list.memo table {}
.list.memo table td { padding: 12px 10px; font-size: 12px; border-bottom:1px solid #eee}
.list.memo table td a{ font-size: 12px}

/* 공통 */
.dash .document { width:100%; display:inline-block; text-align: left}
.document h2 { width:100%; }
.document h2 .fl { margin: 16px 20px 0; font-weight: bold}
.document h2 .fr { padding: 16px 20px 0; font-weight: 100}
.document h2 ,.document h2 a   { color: #fff}
.document table  { width:100%; table-layout:fixed; text-align: left; margin-top: 1px}
.document table th { color:#fff; /*background:#3da2c9;*/ text-align: center; margin-bottom:1px;vertical-align: middle; height: 38px;}
.document table th.boardBox { color:#fff; background:#3da2c9; text-align: center; margin-bottom:1px;vertical-align: middle; height: 38px;}
.document table td { color:#777; text-align: center;text-decoration: none; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
.document table td a { color: #333; }
.document table td.title { text-align: left !important}

.viewDotScroll { padding:15px 0; width:100%; height:300px; overflow-y:auto; line-height:1.6; border-top:1px dashed#ddd; border-bottom:1px solid #eee }
.ViewScroll { padding:0; width:100%; height:300px; overflow-y:auto; line-height:1.8; font-size:14px; color:#333 }

/* 게시판 */
.inform .notice td { background:#e1f1f7}
.inform .notice td a { font-weight: bold}
.inform h2 {  background:#3da2c9; color:#fff; height: 47px}
.inform td { background: #f4f4f4; height: 38px; vertical-align: middle; padding: 0 10px; border-bottom: 1px solid #fff}

/* 내기사 */
.mynews {  }
.mynews h2 { background:#2897c9; color:#fff; height: 47px}
.mynews h2 .fr span span { width: 15px; height: 12px; display: inline-block; vertical-align: middle; margin: 0 5px 0 10px}
.mynews td { height: 38px; vertical-align: middle; padding: 0 ; border-bottom: 1px solid #fff; font-weight: bold; color:#555 !important; text-align: left !important}
.mynews td.reject { background:#569bc2}
.mynews td span { width: 15px; height: 100%; display: inline-block; vertical-align: middle; margin-right: 8px; margin-left: 1px; font-size: 0}
.mynews h2 .fr span span { width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin: 0 3px 0 8px; border: 1px solid #487289}
.mynews h2 .fr .bg_gray ,.mynews h2 .fr .bg_yell ,.mynews h2 .fr .bg_green,.mynews h2 .fr .bg_oran{ background:#2897c9 !important}
.mynews .bg_gray span,.mynewsColor .bg_gray span { background: #eaeaea !important; font-size:0}
.mynews .bg_yell span,.mynewsColor .bg_yell span { background: #e4dc94 !important; font-size:0}
.mynews .bg_green span,.mynewsColor .bg_green span { background: #bfda95 !important; font-size:0}
.mynews .bg_oran span,.mynewsColor .bg_oran span { background: #f1ac85 !important; font-size:0}

.btn_planView { background:url(../images/ico/ico_dash.png) 2px -47px no-repeat; width:17px; height:17px; display:inline-block; cursor:pointer; vertical-align:middle; font-size: 0}
.btn_planView:hover { background:#6eb2e3  url(../images/ico/ico_dash.png) 2px -47px no-repeat    }

.mynewsColor { margin:3px 0 0 }
.mynewsColor span span { width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin: 0 3px 0 8px; border: 1px solid #fff}
.mynewsColor .bg_gray ,.mynewsColor .bg_yell ,.mynewsColor .bg_green,.mynewsColor .bg_oran{ background:#fff !important}

.plan .planPop { margin:3px 0 0 }
.plan .planPop th {padding:10px 0 10px 10px;}
.plan .planPop td { font-weight:100; height:100%; padding:10px 0 10px 10px; line-height:1.4; border-bottom:1px solid #e7e7e7; text-align:center!important; }
.plan .planPop td:last-child{padding-right:10px;}
.plan .planPop .title b { font-size:13px; margin-bottom:5px}
.plan .planPop .bg_gray ,.planPop .bg_yell ,.planPop .bg_green,.planPop .bg_oran{ text-align:center!important; padding-left:0}
.viewPlan {line-height:1.8; font-size:14px; color:#333; height: 300px;}
.btn_PN { width:100%; margin:10px 0 0}
.btn_PN ul {}
.btn_PN li { border:1px solid #ddd ; width:calc(50% - 2px); float:left}
.btn_PN li:last-child { border-left:0 ; }
.btn_PN li a { padding:12px 0; text-align:center; background:#f7f7f7; display:inline-block; width:100%; font-size:14px; font-weight:bold }
.btn_PN li a:hover { text-decoration:none }


/* 댓글 많은 기사 */
.repleNews { border: 1px solid #ddd; background: #fff; margin: 20px 0 0; padding: 0 0 5px; display: inline-block}
.repleNews h2 { margin: 20px 20px 10px; color:#222; font-size: 13px }
.repleNews td { background: #fff; height: 32px; vertical-align: middle; padding: 0 ; border-bottom: 1px solid #fff; }
.repleNews td a:hover {text-decoration: none}
.repleNews tr:hover td { background: #f7f7f7}
.repleNews .top td { font-weight: bold; color: #d74e03 }
.repleNews td span { width: 20px; height: 100%; display: inline-block; vertical-align: middle; margin-right: 8px; margin-left: 1px; font-size: 0}


/* 많이 본 기사 */
.hotNews { width:100%; display:inline-block; background:#99C}
.hotNews { border: 1px solid #ddd; background: #fff; margin: 15px 0 0; padding: 0 0 10px}
.hotNews h2 { margin: 20px 20px 10px; color:#222; font-size: 13px }
.hotNews td { background: #fff; height: 32px; vertical-align: middle; padding: 0 ; border-bottom: 1px solid #fff; }
.hotNews td a:hover {text-decoration: none; color:#fff; font-weight: bold}
.hotNews tr:hover td, .hotNews tr:hover td.title a, .hotNews .select td, .hotNews .select td.title a{ background: #e28961; color: #fff !important}
.hotNews .top td { font-weight: bold; color: #d74e03 }
.hotNews td.up { background:url(../images/ico/i_upDown.png) 5px -27px no-repeat; padding-left: 10px}
.hotNews tr:hover td.up, .hotNews tr.select td.up { background:#e28961 url(../images/ico/i_upDown.png) 5px -46px no-repeat; padding-left: 10px}
.hotNews td.down { background:url(../images/ico/i_upDown.png) 5px 12px no-repeat; padding-left: 10px}
.hotNews tr:hover td.down { background:#e28961 url(../images/ico/i_upDown.png) 5px -7px no-repeat; padding-left: 10px}
.hotNews td span { width: 20px; height: 100%; font-size: 0; display: inline-block; vertical-align: middle; margin-right: 8px; margin-left: 1px; font-size: 0}
.hotNews tr:hover td.arr, .hotNews tr.select td.arr { background:#e28961 url(../images/bg_arr.png) right top no-repeat;}
.hotNews .chart { background:#e28961 url(../images/img_chart.gif) right top no-repeat; width:480px; height:176px;  display: inline-block; margin-top: 22px}

/*버튼*/
.planView { display:inline-block;width: 100%;min-width:778px}
.planView ul { height:100%}
.planView li {height:100%; display:inline-block; vertical-align:middle}
.planViewLi {width:calc(100% - 115px); padding:0 10px}
.planView .btn{ width:43px; height:100% ; vertical-align:middle; margin:auto 0;text-align:center; background:#eee;/*  position:absolute; left:0;right:0;top:0;bottom:0 */}
.planView .btn span { vertical-align:middle; font-size:0; padding:50px 0; display:inline-block ;}
.planView .btn a { margin:0 auto}
.planView .pre	{ float:left; background:url(../images/btn/bu_pre.png) -60px 50% no-repeat    }
.planView .next	{ float:right; background:url(../images/btn/bu_next.png) -60px 50% no-repeat    }
.planView .pre:hover	{ background-position: left 50% !important }
.planView .next:hover	{ background-position: left 50% !important }

/* 지면계획 */

.lodingDot { background : #f7f7f7 url(../images/loading_bar_90.gif) no-repeat 50% 70%; display : block; height : 163px; }

.plan {  }
.plan h2 { background:#569bc2; color:#fff; height: 47px}
.plan h2 .fr span span { width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin: 0 5px 0 10px}
.plan td { height: 38px; vertical-align: middle; padding: 0 ; border-bottom: 1px solid #fff; font-weight: bold; color:#555 !important; text-align: left !important}
.plan td span { width: 20px; height: 100%; font-size: 0; display: inline-block; vertical-align: middle; margin-right: 8px; margin-left: 1px; font-size: 0}
.plan h2 .fr span span { width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin: 0 3px 0 8px; border: 1px solid #487289}
.plan h2 .fr .bg_gray ,.plan h2 .fr .bg_yell ,.plan h2 .fr .bg_green,.plan h2 .fr .bg_oran{ background:#569bc2 !important}
.plan .bg_gray span,.planColor .bg_gray span { background: #eaeaea !important; font-size: 0}
.plan .bg_yell span,.planColor .bg_yell span { background: #e4dc94 !important; font-size: 0}
.plan .bg_green span,.planColor .bg_green span { background: #bfda95 !important; font-size: 0}
.plan .bg_oran span,.planColor .bg_oran span { background: #f1ac85 !important; font-size: 0}

.planColor { margin:3px 0 0 }
.planColor span span { width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin: 0 3px 0 8px; border: 1px solid #fff}
.planColor .bg_gray ,.planColor .bg_yell ,.planColor .bg_green,.planColor .bg_oran{ background:#fff !important}

/*게시판*/
/* .boardItem{ table-layout:fixed; min-width:250px; background:#3da2c9; display:inline-table; border:0 !important}

***게시판***
.boardItem table{width:100%; table-layout:fixed; min-width:300px !important;}
.boardItem td:first-child{border-left: 0;}
.boardItem td input[type="checkbox"]{margin: 0;}
.boardItem td.space{border-left:0;}
.boardItem td{vertical-align: middle; height: 38px; text-align: center; color: #fff; font-size:11px; margin-bottom:1px; font-weight:bold; border:0 !important} */



/* bbs List
.boardListWidth{min-width: 0px !important;}
.boardList {width:100%; table-layout:fixed; min-width:300px}
.ie7 .boardList {margin-right: -16px;}

.boardList thead td:first-child{border-left: 0;}
.boardList thead td{vertical-align: middle; text-align: center; font-weight: normal; color:#000; border-bottom:2px solid #b0afaf; border-right: 0; font-weight:bold; height:35px; text-align:left; padding-left:10px}
.boardList thead td input[type="checkbox"]{margin: 0;}
.boardList thead td.chk input[type="checkbox"]{margin:-1px 4px 0 0;width:13px; height:15px;} */
/* 
.boardList tbody td{ height:32px; padding:0; text-align: center; border-bottom: 1px solid #f1f1f1; color:#777; vertical-align:middle; font-size:12px}
.boardList tbody td.title{ text-align: left; vertical-align:middle; padding-left:10px; font-size:12px}
.boardList tbody td.title h4 { margin-bottom:5px; color:#555}
.boardList tbody th.title{ background:linear-gradient(#ededed 0%, #e7e7e7 100%); border-bottom:1px solid #bbb; height:24px!important; text-align:left; vertical-align:middle; font-size:12px} */