@charset "utf-8";

@import url("reset.css");
@import url("layout.css");
@import url("content.css");
@import url("bbs.css");

*{margin: 0; padding: 0;}
body{font-family: '맑은 고딕', 'Malgun Gothic', verdana; letter-spacing: -0.075em; font-size: 13px; color: #111; text-decoration: none; background: #eaeaea;}
a{text-decoration: none; color: #111;}
a:hover{text-decoration: underline;}
h2{font-size: 18px; color: #2ea4f6;}
img{vertical-align: middle;}
table{width: 100%; text-align: left; border: 0 none; border-collapse: collapse; border-spacing: 0; table-layout:fixed;}
li{list-style: none;}

#wrap{width: 100%; height: 100%;}

/* layout Form */
#header .headerArea{overflow:hidden;background: #2f2f2f url(../images/bg_top_cms.jpg); height: 34px;}
#header h1 {position: absolute; left:0; top:6px; z-index:2; background:#333}
#header h1 a{display:block; margin-left:10px}
#header h1 a.topLogo	{ background: url( ../images/logo_top.jpg) no-repeat; height:18px; font-size:0 }
#header h1 a.topCMSLogo	{ background: url( ../images/logo_top_cube.jpg) no-repeat; width:220px; height:18px; font-size:0 }
#header .util{width: 310px; overflow:hidden;padding-left: 20px; text-align:right;position: absolute; right: 15px; top:6px; z-index:1; font-size: 11px; color:#eee;}
#header .util *{vertical-align: middle;}
#header .util a{display:inline-block;}
#header .util #btnLogout,#header .util #btnEditUserInfo { border:1px solid #2f2f2f}
#header .util #btnLogout:hover,#header .util #btnEditUserInfo:hover { border:1px solid #777; background:#555}
#header .util strong.userName{display:inline-block;font-size: 11px; color:#eee;padding: 0;}
#header .util span.loginInfo{display:inline-block; padding: 0 15px ;font-size: 11px; color:#eee;}
#header .util a.btnOption{display: inline-block; width:66px; height:21px; padding:0; background: url(/common/btn/btn_option_off.gif) no-repeat left top;}
#header .util a.btnOption span{text-indent: -9999px; font-size: 0;}
#header .util a.btnOption.active,
#header .util a.btnOption:hover{background: url(../common/btn/btn_option_on.gif) no-repeat left top; }

#header #gnb{width: 330px; margin: 0 auto; z-index:10; position:relative; text-align:center}
#header #gnb ul{overflow: hidden; display:inline-block }
#header #gnb li{float: left; padding: 0;}
#header #gnb li span{display: block; text-indent: -9999px;}
#header #gnb li.gnb_home a span{background: url(../images/btn/nav_home.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_home a.active span,
#header #gnb li.gnb_home a:hover span{background: url(../images/btn/nav_home_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_cms a span{background: url(../images/btn/nav_cms.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_cms a.active span,
#header #gnb li.gnb_cms a:hover span{background: url(../images/btn/nav_cms_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_pps a span{background: url(../images/btn/nav_pps.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_pps a.active span,
#header #gnb li.gnb_pps a:hover span{background: url(../images/btn/nav_pps_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_dps a span{background: url(../images/btn/nav_dps.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_dps a.active span,
#header #gnb li.gnb_dps a:hover span{background: url(../images/btn/nav_dps_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_wps a span{background: url(../images/btn/nav_wps.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_wps a.active span,
#header #gnb li.gnb_wps a:hover span{background: url(../images/btn/nav_wps_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_dams a span{background: url(../images/btn/nav_dams.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_dams a.active span,
#header #gnb li.gnb_dams a:hover span{background: url(../images/btn/nav_dams_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_admin a span{background: url(../images/btn/nav_admin.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_admin a.active span,
#header #gnb li.gnb_admin a:hover span{background: url(../images/btn/nav_admin_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_nav {background: url(../images/nav_barR.jpg) no-repeat left top; width: 1px; height: 34px}


#header #gnb li.gnb_cms_kr a span{background: url(../images/btn/nav_cms_kr.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_cms_kr a.active span,
#header #gnb li.gnb_cms_kr a:hover span{background: url(../images/btn/nav_cms_kr_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_wps_kr a span{background: url(../images/btn/nav_wps_kr.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_wps_kr a.active span,
#header #gnb li.gnb_wps_kr a:hover span{background: url(../images/btn/nav_wps_kr_on.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_admin_kr a span{background: url(../images/btn/nav_admin_kr.jpg) no-repeat left top; width: 60px; height: 34px}
#header #gnb li.gnb_admin_kr a.active span,
#header #gnb li.gnb_admin_kr a:hover span{background: url(../images/btn/nav_admin_kr_on.jpg) no-repeat left top; width: 60px; height: 34px}
#header #gnb li.gnb_webAdd_kr a span{background: url(../images/btn/nav_webAdd_kr.jpg) no-repeat left top; width: 73px; height: 34px}
#header #gnb li.gnb_webAdd_kr a.active span,
#header #gnb li.gnb_webAdd_kr a:hover span{background: url(../images/btn/nav_webAdd_kr_on.jpg) no-repeat left top; width: 73px; height: 34px}
#header #gnb li.gnb_onEdit_kr a span{background: url(../images/btn/nav_onEdit_kr.jpg) no-repeat left top; width: 47px; height: 34px}
#header #gnb li.gnb_onEdit_kr a.active span,
#header #gnb li.gnb_onEdit_kr a:hover span{background: url(../images/btn/nav_onEdit_kr_on.jpg) no-repeat left top; width: 47px; height: 34px} 

/* 상단메뉴 */
#header #lnb {clear:both; width:100%; position:relative; padding:0 0; height:33px; background: url(../common/bg_nav.gif) repeat-x left top;}
#header #lnb ul#gNavi {float:none; padding:0;}
#header #lnb ul#gNavi li {float:left; padding:0; background: url(../common/bar_nav.gif) no-repeat left 10px; padding:10px 20px;}
#header #lnb ul#gNavi li:first-child {background: none; }
#header #lnb .navist a{color: #888;text-decoration: none;}
#header #lnb .navist a:hover{color: #398ec0;}
#header #lnb .navist a.active{color: #398ec0;}
#header #lnb #navi01 {position:absolute; top:30px; padding:9px 0 0; left:10px; z-index:1; visibility:hidden;}
#header #lnb #navi01 ul {padding:0; margin:0; width:950px; height:auto;}
#header #lnb #navi01 ul li {background: none; padding: 0 10px;}
#header #lnb #navi02 {position:absolute; top:30px; padding:9px 0 0; left:92px; z-index:1; visibility:hidden;}
#header #lnb #navi02 ul {padding:0; margin:0; width:950px; height:auto}
#header #lnb #navi02 ul li {background: none; padding: 0 10px;}
#header #lnb #navi03 {position:absolute; top:30px; padding:9px 0 0; left:188px; z-index:1; visibility:hidden;}
#header #lnb #navi03 ul {padding:0; margin:0; width:950px; height:auto}
#header #lnb #navi03 ul li {background: none; padding: 0 10px;}
#header #lnb #navi04 {position:absolute; top:30px; padding:9px 0 0; left:260px; z-index:1; visibility:hidden;}
#header #lnb #navi04 ul {padding:0; margin:0; width:950px; height:auto}
#header #lnb #navi04 ul li {background: none; padding: 0 10px;}
#header #lnb #navi05 {position:absolute; top:30px; padding:9px 0 0; left:345px; z-index:1; visibility:hidden;}
#header #lnb #navi05 ul {padding:0; margin:0; width:950px; height:auto}
#header #lnb #navi05 ul li {background: none; padding: 0 10px;}
#header #lnb #navi06 {position:absolute; top:30px; padding:9px 0 0; left:440px; z-index:1; visibility:hidden;}
#header #lnb #navi06 ul {padding:0; margin:0; width:950px; height:auto}
#header #lnb #navi06 ul li {background: none; padding: 0 10px;}
#header #lnb #navi07 {position:absolute; top:30px; padding:9px 0 0; left:553px; z-index:1; visibility:hidden;}
#header #lnb #navi07 ul {padding:0; margin:0; width:950px; height:auto}
#header #lnb #navi07 ul li {background: none; padding: 0 10px;}


#dashboard { background: #eaeaea ; bottom: 32px; left: 0; margin: 0; min-height: 200px; overflow: auto; position: absolute; right: 0; top: 34px; z-index: 20;}
.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 { clear: both; content: ""; margin: 0 auto; padding-top: 34px; width: 1004px;}

.cube_content01 .cube_date,.cube_content02 .cube_letter,.cube_content03 .cube_QnA{width: 266px; height: 279px; float: left; border: 1px solid #b8b8b8; background: #fff; margin-right: 12px; border-radius: 5px; box-shadow: 0.5px 0.5px 5px 2px #d7d7d7;}
.cube_content01 .cube_board,.cube_content02 .cube_paper{width: 722px; height: 279px; float: left; border: 1px solid #b8b8b8; background: #fff; border-radius: 5px; box-shadow: 1px 2px 2px 0.5px #d7d7d7;}

.cube_content02{display: inline-block; padding-top: 12px;}
.cube_content03{padding-top: 9px;}
.cube_content02 .cube_letter,.cube_content02 .cube_paper{height: 214px;}

.cube_content03 .cube_QnA{height: 234px;}
.cube_content03 .w_article{width: 722px; height: 234px; float: left; border: 1px solid #b8b8b8; background: #fff; /*margin-right: 12px;*/ border-radius: 5px; box-shadow: 1px 2px 2px 0.5px #d7d7d7;}
.cube_content03 .s_article{margin-right: 0;}

.cube_date{position: relative;}
.cube_date .today{width: 60px; font-size: 18px; font-weight: bold; color: #2ea4f6; margin: 14px auto 9px;}
.cube_date .today img{padding-right: 2px;}
.cube_date .date{font-size: 34px; letter-spacing: -0.1em; text-align: center; border-bottom: 2px solid #3c86c4; padding-bottom: 11px;}
.cube_date .date_02{font-size: 34px; letter-spacing: -0.1em; text-align: center; border-bottom: 2px solid #3c86c4; padding-bottom: 11px;}
.cube_date .picture{display: inline-block; margin: 26px 0 0 15px; width: 118px; height: 120px;}
.cube_date .name{display: inline-block; vertical-align: top; margin: 40px 0 0 12px;}
.cube_date .name strong{font-size: 18px;}
.cube_date .login{position: absolute; top: 201px; left: 148px; }
.cube_date .logout{position: absolute; top: 231px; left: 148px;}
.cube_date .login a{display: inline-block; border: 1px solid #b8b8b8; background: #eaeaea; width: 98px; height: 18px; font-size: 11px; text-align: center; padding-top: 1px;}
.cube_date .login a:hover{background: #f2f2f2; text-decoration: none;}
.cube_date .logout a{display: inline-block; width: 98px; height: 18px; border: 1px solid #2f7cbd; background: #2ea4f6; font-size: 11px; text-align: center; color: #fff; padding-top: 1px;}
.cube_date .logout a:hover{background: #3dacf9; text-decoration: none;}

.cube_board{position: relative;}
.board_title{padding: 10px 0 13px 15px; border-bottom: 2px solid #3c86c4;}
.board_title img{padding-right: 7px;}
.cube_board .board_write{position: absolute; top: 17px; right: 44px;}
.cube_board .board_more{position: absolute; top: 19px; right: 16px;}
.cube_board .board_write a{display: inline-block; width: 16px; height: 16px; background: url(../images/cube_pencil_icon.png) no-repeat; text-indent: -999em;}
.cube_board .board_write a:hover{background-position: 0 -18px;}
.cube_board .board_more a{display: inline-block; width: 8px; height: 13px; background: url(../images/cube_arrow_icon.png) no-repeat; text-indent: -999em;}
.cube_board .board_more a:hover{background-position: 0 -16px;} 

.cube_board tr{}
.tb_last{border-bottom: none !important;}
.cube_board td{height: 45px; padding: 0 10px; border-bottom: 1px solid #cccccc;}
.cube_board .tb_fr{text-align: center;}
.cube_board .text_blue{color: #306fa4; font-weight: bold; background: #f4f4f4;}
.cube_board .text_bold{font-weight: bold; background: #f4f4f4;}
.text_gray{color: #959595;}
.bg_gray{background: #f4f4f4;}

.cube_letter{position: relative;}
.cube_letter td{text-overflow:ellipsis; overflow:hidden; height: 54px; padding: 0 14px; border-bottom: 1px solid #cccccc;}
.cube_letter .letter_icon{position: absolute; top: 19px; right: 13px; color: #898989;}
.cube_letter .letter_icon strong{color: #111;}
.cube_letter .letter_icon img{padding-right: 5px; margin-top: -1px; vertical-align: middle;}

.cube_paper{position: relative;}
.cube_paper span{position: absolute; top: 16px;}
.cube_paper span img{padding-right: 7px;}
.cube_paper .paper_no_icon{right: 268px;}
.cube_paper .paper_mn_icon{right: 208px;}
.cube_paper .paper_aft_icon{right: 146px;}
.cube_paper .paper_fns_icon{right: 86px;}
.cube_paper .paper_icon{top: 19px; right: 47px;}
.cube_paper .paper_icon a{display: inline-block; width: 17px; height: 13px; background: url(../images/cube_paper2_icon.png) no-repeat; text-indent: -999em;}
.cube_paper .paper_icon a:hover{background-position: 0 -15px;}
.cube_paper .paper_more{top: 19px; right: 8px;}
.cube_paper .paper_more a{display: inline-block; width: 16px; height: 16px; background: url(../images/cube_arrow_icon.png) no-repeat; text-indent: -999em;}
.cube_paper .paper_more a:hover{background-position: 0 -16px;}
.cube_paper td{height: 54px; padding: 0 15px; border-bottom: 1px solid #cccccc; font-size: 14px; border-right: 1px solid #cccccc;}
.cube_paper td img{padding-right: 10px;}

.cube_QnA{position: relative; }
.cube_QnA .qna_more{position: absolute; top: 19px; right: 8px;}
.cube_QnA .qna_more a{display: inline-block; width: 16px; height: 16px; background: url(../images/cube_arrow_icon.png) no-repeat; text-indent: -999em; }
.cube_QnA .qna_more a:hover{background-position: 0 -16px;}
.cube_QnA .naver_list{content: ''; display: block; clear: both; margin: 20px 0 0 14px;}
.cube_QnA .naver_list li{float: left;}
.cube_QnA .naver_list .naver_number a{display: inline-block; width: 13px; height: 13px; border: 1px solid  #e0e0e0; background: #fff; text-align: center; line-height: 13px; font-size: 12px; color: #707070;}
.cube_QnA .naver_list .naver_number a:hover{text-decoration: none;}
.cube_QnA .naver_list .naver_text{margin-left: 14px; height: 30px;}
.cube_QnA .naver_list .naver_text a{display: inline-block; width: 188px; font-size: 13px; color: #111; }
.cube_QnA .naver_list .naver_new a{display: inline-block; width: 26px; font-size: 10px; color: #f04b46; font-family: helvetica;}
.cube_QnA .naver_list .naver_new a:hover{text-decoration: none;}

.w_article{position: relative;}
.w_article li.article_news{width: 354px;}
.w_article li.article_chart{width: 368px;}
.w_article .text_gray{width: 64px; padding: 0 !important;}
.w_article .article_more{position: absolute; top: 19px; right: 8px;}
.w_article .article_more a{display: inline-block; width: 16px; height: 16px; background: url(../images/cube_arrow_icon.png) no-repeat; text-indent: -999em;}
.w_article .article_more a:hover{background-position: 0 -16px;}
.w_article .article_table{margin-top: 10px;}
.w_article .article_table td{text-overflow:ellipsis; overflow:hidden; height: 32px; padding: 0 25px 0 14px;}
.w_article .selected{position: relative;}
.w_article .article_list a:hover{text-decoration: none;}
.w_article tr:hover {background: #e6f1f6;}
.w_article tr:hover td.article_arr{width: 7px; height: 32px; background: url(../images/news_bg2.png) left top no-repeat;}
/*.w_article td.article_arr{width: 22px; height: 32px; }*/

.w_article .chart{position: absolute; top: 65px; right: 13px; background: url(../images/cube_chart.png) no-repeat; width: 350px;  height: 147px;}

#footer{background:#323232 url(../images/bg_footer.gif) repeat-x; position:absolute; bottom:0; width: 100%; min-width:880px; height: 33px; z-index: 100; padding: 0 0 0 0}
.ie6 #footer{position:relative;}
#footer .footBtn{position: absolute; left: 17px; top: 5px;}
#footer .footBtn a{display:inline-block;}
#footer .copy{ margin: 13px auto 5px; font-size:11px; line-height:130%; text-align:center; background:url(../images/img_copy.gif) no-repeat left 1px; width:320px; height:14px}
#footer .btnHelp{position: absolute; right: 15px; top: 10px;}

/* 쪽지 */
.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}
.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}

.searchPerson {/*float: right;*/ position: relative; /*top: -50px;*/ border-left: 1px #ccc solid; padding-left: 15px; /*right: 40px;*/}
.searchBox01 { height: 21px !important; width: 190px;}
.searchBtn01 { background: url(../images/ico/btn_search_02.png) no-repeat 0px 0px; width: 36px;  height: 23px; float: right; cursor: pointer; margin-left: 5px; }
.searchBtn01:hover { background: url(../images/ico/btn_search_02.png) -77px 0 no-repeat; width: 36px; height: 23px;}

/* 공통 */
.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:#4fa2dd; text-align: center; margin-bottom:1px;vertical-align: middle; height: 38px;}
.document table td { color:#777; text-align: center;}
.document table td a { color:#333;}
.document table td.title { text-align: left !important}
.document table td.title.re { background:#f4f4f4 url(../images/ico/i_pItem.png) no-repeat 10px 16px; padding-left:30px}
.document table .edit td.title.re { background:#e3eff7 url(../images/ico/i_pItem.png) no-repeat 10px 16px !important; padding-left:30px}

.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:#e3eff7}
.inform .notice td a { font-weight: bold}
.inform h2 {  background:#4fa2dd; color:#fff; height: 47px}
.inform h2.qna {  background:#479ebc; border-top:1px solid #3f8ca7; border-bottom:1px solid #3f8ca7; height: 44px}
.inform td { background: #f4f4f4; height: 38px; vertical-align: middle; padding: 0 10px; border-bottom: 1px solid #fff}
.inform .edit td { background:#e3eff7 !important}

/* 지면계획 */
.plan { background:#f7f7f7 url(../images/loading_bar_90.gif) no-repeat 50% 70%; display:block;}
.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}

.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 }

.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}

.planPop { margin:3px 0 0 }
.planPop th {padding:10px 0 10px 10px;}
.planPop td { font-weight:100; height:100%; padding:10px 0 10px 10px; line-height:1.4; border-bottom:1px solid #e7e7e7 }
.planPop td:last-child{padding-right:10px;}
.planPop .title b { font-size:13px; margin-bottom:5px}
.planPop .bg_gray ,.planPop .bg_yell ,.planPop .bg_green,.planPop .bg_oran{ text-align:center!important; padding-left:0}
.viewPlan { color: #333; font-size: 14px; height: 400px; line-height: 1.8; overflow-y: scroll;}
.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: 15px 0 0; padding: 0 0 5px}
.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%; font-size: 0; 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: #000; 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:#000 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:#000 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 }

.btnLayerClose { padding: 2px 0 0 0;}


.active {background: #e3eff7;}

.copy img {vertical-align:baseline;}