@charset "utf-8";

/*모빌리스웹폰트 나눔고딕 And 구글 본고딕*/
@import url(font.css);
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url(content.css);

/* html, body {width:100%; height:100%; color:#333; font-size:14px; line-height:16px; font-family:'Nanum Gothic';} */
html, body {/* width:100%; */ height:100%; color:#333; font-size:13px; line-height:16px; font-family:'Noto Sans', sans-serif; /* overflow: hidden; */}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, input, select, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; border:0;}
img,a,fieldset {vertical-align:top;}
ol, ul {list-style:none;}
img, fieldset, input {border:none;}
hr, caption {display:none;}
legend, caption {width:0; height:0; line-height:0; position:absolute; top:-10000px; left:-10000px; overflow:hidden; visibility:hidden;}
legend, caption {width:0; height:0; line-height:0; position:absolute; top:-10000px; left:-10000px; overflow:hidden; visibility:hidden;}

#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
/* select {font-family:'Nanum Gothic';} */
/* input {font-family:'Nanum Gothic';} */

a,a:visited,a:hover,a:active {color:#fff; text-decoration:none;}

.hide {position:absolute; top:-10000px; left:-10000px; width:0; height:0; visibility:hidden;}
.ellipsis {overflow: hidden;  white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap:normal !important;}
.ellipsis_multiple {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */	-webkit-box-orient:vertical; word-wrap:break-wrod;}

.wrap {position:relative; min-height:720px; min-width:1280px;}

html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('../images/icon/img_bg.png') #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

/*common*/
.fl {float:left}
.fr {float:right !important;}
.clear {clear:both!important;}

.mgCenter {margin:0 auto;!important;}

.vta_m {vertical-align:middle !important;}
.vta_t {vertical-align:top !important;}
.vta_b {vertical-align:bottom !important;}

.txtAlign-rht {text-align:right !important;}
.txtAlign-cnt {text-align:center !important; text-indent:0 !important;}

.dip_block {display:block !important;}
.dip_inblock {display:inline-block !important;}

/*margin*/
.mgt_40 {margin-top:-40px !important;}.mgt_20 {margin-top:-20px !important;}.mgt_10 {margin-top:-10px !important;}.mgt_1 {margin-top:-1px !important;}.mgt4 {margin-top:4px !important;}.mgt5 {margin-top:5px !important;}.mgt2 {margin-top:2px !important;}.mgt8 {margin-top:8px !important;}.mgt10 {margin-top:10px !important;}.mgt13 {margin-top:13px !important;}.mgt15 {margin-top:15px !important;}.mgt25 {margin-top:25px !important;}.mgt30 {margin-top:30px !important;}.mgt33 {margin-top:33px !important;}.mgt45{margin-top:45px !important;}
.mgr5 {margin-right:5px !important;}.mgr10 {margin-right:10px !important;}.mgr40 {margin-right:40px !important;}
.mgb5 {margin-bottom:5px !important;}.mgb7 {margin-bottom:7px !important;}.mgb10 {margin-bottom:10px !important;}.mgb15 {margin-bottom:15px !important;}.mgb20 {margin-bottom:20px !important;}.mgb36 {margin-bottom:36px !important;}
.mgl20{margin-left: 20px !important;}
.mgl3 {margin-left:3px !important;}.mgl9 {margin-left:9px !important;}.mgl15 {margin-left:15px !important;}.mgl30 {margin-left:30px !important;}.mgl40 {margin-left:40px !important;}.mgl48 {margin-left:48px !important;}.mgl53 {margin-left:53px !important;}.mgl90 {margin-left:90px !important;}.mgl7_30 {*margin-left:30px !important;}


/*padding*/
.pdt1 {padding-top:1px !important;}.pdt2 {padding-top:2px !important;}.pdt5 {padding-top:5px !important;}.pdt10 {padding-top:10px !important;}.pdt12 {padding-top:12px !important;}.pdt15 {padding-top:15px !important;}.pdt20 {padding-top:20px !important;}.pdl310 {padding-left:310px !important;}.pdl210 {padding-left:210px !important;}.pdl120 {padding-left:120px !important;}.pdl110 {padding-left:110px !important;}.pdl57 {padding-left:57px !important;}.pdl5 {padding-left:5px !important;}.pdl9 {padding-left:9px !important;}.pdl10 {padding-left:10px !important;}.pdl20 {padding-left:20px !important;}.pdb7 {padding-bottom:7px !important;}.pdr20 {padding-right:20px !important;}.pdr13 {padding-right:13px !important;}.pd8{padding:0 8px 0 0 !important;}.pd5 {padding:5px 0 !important;}.pd0 {padding:0 !important;}

.bod01 {width:100%; padding:10px 0 0 0; border-top:1px solid #838383;}

/*width*/
.wid100 {width:100%;!important;}.wid95 {width:95% !important;}.wid90 {width:90% !important;}.wid88 {width:88% !important;}.wid80 {width:80% !important;}.wid70 {width:70% !important;}.wid65 {width:65% !important;}.wid60 {width:60% !important;}.wid55 {width:55% !important;}.wid50 {width:50% !important;}.wid49 {width:49% !important;}.wid45 {width:45% !important;}.wid40 {width:40% !important;}.wid39 {width:39% !important;}.wid35 {width:35% !important;}.wid30 {width:30% !important;}.wid29 {width:29% !important;}.wid25 {width:25% !important;}.wid24 {width:24% !important;}.wid20 {width:20% !important;}.wid19 {width:19% !important;}.wid15 {width:15% !important;}.wid14 {width:14% !important;}.wid10 {width:10% !important;}.wid9 {width:9% !important;}.wid8 {width:8% !important;}.wid7 {width:7% !important;}.wid5 {width:5% !important;}.wid3 {width:3% !important;}

.w37 {width:37px !important;}.w60 {width:60px !important;}.wid75{width:75px !important;}.w110 {width:110px !important;}.w116 {width:116px !important;}.w140 {width:140px !important;}.w145 {width:145px !important;}.w190 {width:190px !important;}.w210 {width:210px !important;}.wid230 {width:230px !important;}.wid240 {width:240px !important;}.wid260 {width:260px !important;}.wid280 {width:280px !important;}.wid300 {width:300px !important;}.wid308 {width:308px !important;}.wid440 {width:440px !important;}.wid400 {width:400px !important;}.wid460 {width:460px !important;}.wid330 {width:330px !important;}

.hig71 {height:61px; !important;}.hig200 {height:200px !important;}

.wh36 {width:63px !important; height:63px !important;}
.w50 {width:50px !important; display:inline-block; text-indent:0;}
.w30 {width:30px !important; display:inline-block; text-indent:0;}

.txtAlign-lft {text-align:left !important; text-indent:20px !important;}
.txtAlign-pidd {padding-left:20px !important; text-align:left !important;}
.txtAlign-rgt {text-align:right !important; text-indent:20px !important;}

.vAlign-btm {vertical-align: bottom;}

.txt-rht {text-align:right !important; padding-top:2px; display:inline-block;}
.txtInd01 {text-indent:40px !important;}

.inp01 {width:80%; padding:1px 5px; background:#e5e5e5; border:1px solid #666; font-size:12px;}
.inp02 {padding:4px 5px; border:1px solid #969696; line-height:13px;}
.inp03 {padding:3px 2px 3px 5px; border:1px solid #969696; line-height:13px;}
.inp04 {width:80%; padding:0 5px; border:1px solid #666; font-size:12px;}

/*COLOR BAR*/
/* .blue_bar {width:80%; background:#0aa2e1; display:block;}
.orange_bar {width:100%; background:#faa813; display:block;}
.red_bar {width:100%; background:#ff0000; display:block;}
.brown_bar {width:100%; background:#910000; display:block;}
.yellow_bar {width:100%; background:#fbb40f; display:block;}
.black_bar {width:100%; background:#1a1a1a; display:block;}
 */
/* color list */
.orange{color:#dd5a03;}
.blue{color:#0aa2e1;}
.white{color:#fff;}
.light_gray{color:#d3d3d3;}


/*USER */
#header {width:100%; height:70px; background:#FEFEFE; border-bottom:6px solid #0aa2e1;}
#header h1 {position:absolute; left:35px;top:14px; width:110px;}

/*USER GNB*/
#gnb {width:495px; height:58px; margin:0 auto; padding-top:12px; font-size:12px; color:#7d7d7d;}
#gnb li {float:left; width:55px; margin:0 22px; background:url(../images/visual/gnb_menu.png) no-repeat; letter-spacing:-1px;}
#gnb li a {padding:37px 0 0 2px; color:#5f5f5f; font-weight:bold; display:block;}
#gnb li a:hover {color:#4374D9;}
#gnb li.menu01 {background-position:0 0;}
#gnb li.menu02 {background-position:-90px 0;}
#gnb li.menu03 {background-position:-182px 0;}
#gnb li.menu04 {background-position:-272px 0;}
#gnb li.menu05 {background-position:-366px 0;}
#gnb li.menu01:hover {background-position:0 -60px;}
#gnb li.menu02:hover {background-position:-90px -60px;}
#gnb li.menu03:hover {background-position:-182px -60px;}
#gnb li.menu04:hover {background-position:-272px -60px;}
#gnb li.menu05:hover {background-position:-366px -60px;}
#gnb li.menu01.selected {background-position:0 -60px;}
#gnb li.menu02.selected {background-position:-90px -60px;}
#gnb li.menu03.selected {background-position:-182px -60px;}
#gnb li.menu04.selected {background-position:-272px -60px;}
#gnb li.menu05.selected {background-position:-366px -60px;}
#gnb li.selected a {color:#2F97FF;}
/*MY GNB*/

#gnb02 {width:364px; height:58px; margin:0 auto; padding-top:12px; font-size:12px; color:#7d7d7d;}
#gnb02 li {float:left; width:55px; margin:0 18px; background:url(../images/visual/gnb_menu02.png) no-repeat; letter-spacing:-1px;}
#gnb02 li a {padding:37px 0 0 5px; color:#5f5f5f; font-weight:bold; display:block;}
#gnb02 li a:hover {color:#4374D9;}
#gnb02 li.menu02 a {padding-left:0;}
#gnb02 li.menu01 {background-position:3px 0;}
#gnb02 li.menu02 {background-position:-87px 0;}
#gnb02 li.menu03 {background-position:-179px 0;}
#gnb02 li.menu04 {background-position:-269px 0;}
#gnb02 li.menu01:hover {background-position:3px -60px;}
#gnb02 li.menu02:hover {background-position:-87px -60px;}
#gnb02 li.menu03:hover {background-position:-179px -60px;}
#gnb02 li.menu04:hover {background-position:-269px -60px;}
#gnb02 li.menu01.selected {background-position:3px -60px;}
#gnb02 li.menu02.selected {background-position:-87px -60px;}
#gnb02 li.menu03.selected {background-position:-179px -60px;}
#gnb02 li.menu04.selected {background-position:-269px -60px;}
#gnb02 li.selected a {color:#2F97FF;}
/*SERVICE GNB*/
/*#gnb03 {width:190px; height:58px; margin-left:250px; padding-top:12px; font-size:12px; color:#7d7d7d;}*/
#gnb03 {width:445px; height:58px; margin:0 auto; padding-top:12px; font-size:12px; color:#7d7d7d;}
#gnb03 li {float:left; width:58px; margin:0 18px; background:url(../images/visual/gnb_menu03.png) no-repeat; text-align:cneter; letter-spacing:-1px;}
#gnb03 li a {padding:37px 0 0 5px; color:#5f5f5f; font-weight:bold; display:block;}
#gnb03 li a:hover {color:#4374D9;}
#gnb03 li.menu02 a {padding-left:0;}
#gnb03 li.menu01 {background-position:9px 0;}
#gnb03 li.menu02 {background-position:-92px 0;}
#gnb03 li.menu01:hover {background-position:9px -60px;}
#gnb03 li.menu02:hover {background-position:-92px -60px;}
#gnb03 li.menu01.selected {background-position:9px -60px;}
#gnb03 li.menu02.selected {background-position:-92px -60px;}
#gnb03 li.selected a {color:#2F97FF;}

/*footer*/
#footer {position:fixed; bottom:0;left:0; width:100%;  height:50px; background:#1a1a1a; border-top:1px solid #c6c6c6;}
#footer:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
#footer h1 {float:left; margin:15px 0 0 58px;}
#footer .copyright {margin:15px 0 0 245px; color:#fff; font-size:11px;}
#footer .copyright span {color:#9e9e9e; font-size:11px;}
#footer .copyright strong {color:#0aa2e1; font-size:10px;}

/*container*/
#container {position:relative; min-width:100%; /*min-height:100%; */ padding-bottom:0px;}
/*jwjang #container .snb {position:absolute; top:0;bottom:0;left:0; width:220px; padding-bottom:1px; overflow:hidden;} */
#container .snb {position:absolute; top:0;bottom:0;left:0; width:250px; padding-bottom:1px; overflow:hidden;}
/*jwjang #container .content {padding-left:221px; vertical-align:top; overflow: auto;} */
#container .content {padding-left:251px; vertical-align:top; overflow: auto;}
/*jwjang #snb_line {position:absolute; top:76px;bottom:50px;left:220px; width:1px; font-size:1px; background:#c6c6c6;} */
#snb_line {position:absolute; top:76px;bottom:20px;left:250px; width:1px; font-size:1px; background:#c6c6c6;}

.search a, .user_search a, .user_search_box a, .content .location div.bgimg, .selectImg, /*.defaultImg,*/ .content .section li dl dd.bookmark, .content .section li dl dd.comment {background:url(../images/icon/img_bg.png) no-repeat; }

/*button*/
.btn_dft a {width:87px; padding:8px 0 9px 0; background:#282828; border:3px solid #0aa2e1; color:#fff; text-align:center; font-weight:bold; display:block;}
.btn_dft02 a { padding:3px 19px 3px 19px; background:#282828; border:2px solid #0aa2e1; color:#fff; text-align:center; font-weight:bold; display:inline-block;}
.btn_dft03 { padding:9px 40px; background:#282828; border:2px solid #0aa2e1; color:#fff; text-align:center; font-weight:bold; display:inline-block;}
.btn_dft img {padding:3px 0 3px 3px;}
.btn_dft a.expand {width:162px; height:16px; padding:7px 14px;}
.btn_dft a.expand span {float:left; width:138px; padding-left:12px; text-align:center; display:block;}
.btn_dft a.expand img {float:right; padding:3px 0 3px 0;}
/* added */
.btn_dft a{font-size: 13px;}

/*side  navigation bar*/
.snb .userTop {height:47px; background:#666; padding:12px 0 0 12px;}
.menuTop {height:37px; background:#454545;}
.menuTop ul {padding:11px 0 0  21px;}
.menuTop:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
.menuTop ul li {float:left; background:url(../images/icon/img_line.png) no-repeat left 2px; padding:0 6px 0 10px; vertical-align :middle; }
.menuTop ul li.first {background:none; padding:0 6px 0 0;}
.search {width:190px; height:21px; margin:14px 0 18px 14px; padding:0; background:#fff; border:1px solid #b4b4b4;}
.search label {display:none;}
.search:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
.search a.btn_list { width:23px; height:21px; background:url(../images/icon/icon_doc_off.png) no-repeat center;  text-indent:-9999px; display:inline-block; }
.search a.btn_sh {width:23px; height:21px; background-position:-58px -51px; text-indent:-9999px; display:inline-block; }
.search input {width:122px; height:18px; padding:2px 5px 0 5px; line-height:15px; border:0; font-family:'Noto Sans', sans-serif; }

/* 통합검색 */
.user_search {width:275px; height:21px; margin:20px 0 18px 20px; padding:0; background:#fff; border:1px solid #b4b4b4;}
.user_search label {display:none;}
.user_search:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
.user_search a.btn_list { width:23px; height:21px; background:url(../images/icon/icon_doc_off.png) no-repeat center;  text-indent:-9999px; display:inline-block; z-index: 999}
.user_search a.btn_sh {width:23px; height:21px; background-position:-58px -51px; text-indent:-9999px; display:inline-block; }
.user_search input {width:235px; height:18px; padding:2px 5px 0 5px; line-height:15px; border:0; font-family:'Noto Sans', sans-serif; }

.directory {margin:14px 0 0 0; border-top:1px solid #e3e3e3;}
.tree {padding-top:26px;}
.tree .depth1 a {padding:3px 5px 5px 43px; background:url(../images/icon/img_folder_off.png) no-repeat 15px 3px; color:#666; font-size:12px; display:block;}
.tree .depth1_01 a {padding:3px 5px 5px 43px; background:url(../images/icon/img_folder_on.png) no-repeat 15px 3px; color:#666; font-size:12px; display:block;}
.tree .depth1 a:hover {background:url(../images/icon/img_folder_on.png) no-repeat 15px 3px #e5e5e5;}
.tree .depth1_01 a:hover {background:url(../images/icon/img_folder_on.png) no-repeat 15px 3px #c0c0c0;}
.tree .depth2 a {padding:3px 5px 5px 60px; background:url(../images/icon/img_folder_off.png) no-repeat 30px 3px; display:block;}
.tree .depth2 a:hover {padding:3px 5px 5px 60px; background:url(../images/icon/img_folder_on.png) no-repeat 30px 3px #e5e5e5; display:block;}
.tree .depth2_01 {margin-bottom:10px;} /*1228 : 추가*/
.tree .depth2_01 a {padding:3px 5px 5px 60px; background:url(../images/icon/img_folder_off.png) no-repeat 30px 3px; display:block;}
.tree .depth2_01 a:hover {padding:3px 5px 5px 60px; background:url(../images/icon/img_folder_on.png) no-repeat 30px 3px #c0c0c0; display:block;}
.tree .depth3 a {padding:3px 5px 5px 80px; background:url(../images/icon/img_folder_off.png) no-repeat 50px 3px; display:block;}
.tree .depth3 a:hover {padding:3px 5px 5px 80px; background:url(../images/icon/img_folder_on.png) no-repeat 50px 3px #e5e5e5;}
.tree .depth4 a {padding:3px 5px 5px 60px; background:url(../images/icon/icon_user.png) no-repeat 40px 3px; display:block;}
.tree .depth4 a:hover {padding:3px 5px 5px 60px; background:url(../images/icon/icon_user.png) no-repeat 40px 3px #e5e5e5;}

/*content*/
.location {height:59px; background:#666;}
.location div.bgimg.folder {float:left;width:27px; height:24px; background-position:-123px 0; margin:18px 0px 0px 30px; cursor:pointer;}
.location div.bgimg.next {float:left; width:8px; height:14px; margin:7px 6px 3px 13px; background-position:-165px 0;margin:25px 0px 0px 12px;}
.location div.text {float:left; color:#dedddd; font-weight:bold; vertical-align:top; line-height:20px; margin:21px 0px 0px 10px; }
.location .info {padding-left:11px; color:#2ac1ff; text-indent:0; font-weight:bold; display:inline-block;}

/*added*/

/*navigation*/
.nav {height:37px; background:#454545;}
.nav ul {/*min-width:759px; */ overflow:hidden;}
.nav ul li {float:left; width:147px; height:37px; border-right:1px solid #a0a0a0; display:block;}
.nav ul li.nav_right {float:right; border:0; border-left:1px solid #a0a0a0;}
.nav ul li.ckb {width:13px; padding:0 12px 0 10px; border-right:none;}
.nav ul li.ckb input {height:13px; vertical-align:middle;}
.nav ul li span.menu_name {float:left; width:93px; padding:10px 0 10px 14px;  text-align:center; color:#a0a0a0; display:inline-block;}
.nav ul li span.menu_off {float:right; width:40px; height:37px; background:url(../images/icon/icon_doc_off.png) no-repeat center; display:inline-block;}
.nav ul li span.menu_off.on {background-color:#1a1a1a; background-image:url(../images/icon/icon_doc_on.png);}
.nav ul li.document {width:177px;}
.nav ul li.nav_search {width:auto;}
.nav ul li.document span.menu_name {width:123px;}
.nav ul li.nav_search span.menu_search {position:absolute; left:0; right:40px; height:37px; color:#a0a0a0;}
.nav ul li.option span.menu_name {width:70px;}
.nav ul li.nav_search span.menu_search .menu_search_input {position:absolute; left:14px; right:40px; top:10px; display:inline-block;}
.nav ul li.nav_search span.menu_search .menu_search_input input { width:100%; border:0; background:#454545; font-size:14px; color:#a0a0a0;}
.nav ul li.nav_search span.menu_search .menu_search_off {float:right; width:40px; height:37px; background:url(../images/icon/icon_see_off.png) no-repeat center; display:inline-block;}
.nav ul li.nav_search span.menu_search .menu_search_off.on {background-color:#1a1a1a; background-image:url(../images/icon/icon_see_on.png);}
.nav ul li.nav_search {position:absolute; left:878px; right:210px; border:0; }
.nav ul li.left_arrow {float:right; width:40px; height:37px; border:0; border-left:1px solid #a0a0a0;}
.nav ul li.right_arrow {float:right; width:40px; height:37px; border:0; border-left:1px solid #a0a0a0;}
.nav ul li.option {float:right; width:125px; border:0; border-left:1px solid #a0a0a0;}
.nav ul li span.l_arrow {width:40px; height:37px; background:url(../images/icon/icon_arrowL_off.png) no-repeat center; display:inline-block;}
.nav ul li span.r_arrow {width:40px; height:37px; background:url(../images/icon/icon_arrowR_off.png) no-repeat center; display:inline-block;}
.nav ul li span.l_arrow.on {background-color:#1a1a1a; background-image:url(../images/icon/icon_arrowL_on.png);}
.nav ul li span.r_arrow.on {background-color:#1a1a1a; background-image:url(../images/icon/icon_arrowR_on.png);}

.rftMu {float:right; width:147px; height:37px; display:inline-block;}
.rftMu span.menu_off {float:right; width:40px; height:37px; background:url(../images/icon/icon_doc_off.png) no-repeat center; display:inline-block;}
.rftMu span.menu_off.on {background-color:#1a1a1a; background-image:url(../images/icon/icon_doc_on.png);}
.rftMu span.menu_name {float:left; width:93px; padding:10px 0 10px 14px;  text-align:center; color:#a0a0a0; display:inline-block;}
/* section */
.content .section {/*min-width:759px;*/}
.content .section li:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
.content .section li {margin:0; padding:14px 0 0 0; border-bottom:1px solid #c6c6c6; cursor: default;}
.content .section li.ui-selected {background:#f1f1f1;}
.content .section li.ui-selecting {background:#F9F9F9;}
.content .section li.ui-over {background:#F9F9F9;}
.content .section li .list_con { width: 100%; height:63px; padding:0; margin:0; padding-bottom:17px; display:inline-block;}
.content .section li .list_con:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
.content .section li p, 
.content .section li .defaulttxt, 
.content .section li dl dd {float:left; }
.content .section li p.inbox {padding:2px 12px 0 10px}
.selectImg {width:63px; height:63px; padding:0 7px 0 0; background-position:-75px -130px; text-indent:-9999px;}
.defaultImg {width:63px; height:63px; padding:0 7px 0 0; text-align:center; }
.defaultImg img {border: 1px solid transparent; cursor: pointer;}
.defaultImg img:hover {box-shadow: 0 0 10px rgba( 103, 153, 255, 1); border:1px solid #6799FF;}
.content .section li dl {/*margin-bottom:17px;*/ padding-top:2px;}
.content .section li dl dt {height:17px; margin-bottom:3px; font-weight:bold; cursor: pointer;}
.content .section li dl dt span:hover {color: #dd5a03;}
.content .section li dl dt strong {height:17px; margin:-2px 0 0 9px; padding:0 5px 2px 5px; background:#0aa2e1; color:#fff; font-size:12px; line-height:15px; }
.content .section li dl dd strong {color:#0aa2e1; padding-right:25px;}
.clear {clear:both !important;}
.content .section li dl dd.bookmark {height:18px; margin-top:3px; padding:2px 27px 0 22px; background-position:-189px 0; font-size:12px;display:inline-block; }
.content .section li dl dd.bookmark_on {height:18px; margin-top:3px; padding:2px 27px 0 22px; background: url(../images/list/icon_bookmark_on.png) left center no-repeat; font-size:12px;display:inline-block; }
.content .section li dl dd.bookmark_off {height:18px; margin-top:3px; padding:2px 27px 0 22px; background: url(../images/list/icon_bookmark_off.png) left center no-repeat; font-size:12px;display:inline-block; }
.content .section li dl dd.hit {height:18px; margin-top:3px; padding:2px 0 0 23px; background: url(../images/list/icon_View.png) left center no-repeat; font-size:12px;display:inline-block; }
.content .section li dl dd.comment {height:18px; margin-top:3px; padding:2px 27px 0 22px; background-position:-242px -50px; font-size:12px;display:inline-block;}

.content .section li dl dd.comment span,
.content .section li dl dd.bookmark_on span,
.content .section li dl dd.bookmark_off span,
.content .section li dl dd.hit span {color:#7f7c7c; cursor: pointer; padding: 0 3px 2px 3px;}

.content .section li dl dd.comment span:hover,
.content .section li dl dd.bookmark_on span:hover, 
.content .section li dl dd.bookmark_off span:hover,
.content .section li dl dd.hit span:hover
{color: #dd5a03; font-weight: bold; border-bottom: 1px solid #dd5a03; padding-bottom: 2px;}

.content .section li dl a, .content .section li dl a:hover {color:#333;}
.userSelect {width:100%; padding:13px 0 0 0 !important; background:#666; display: none; color:#fff;}
.userSelect:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
.userSelect ul {float:left;padding-bottom:4px; font-size:0;}
.userSelect ul li {padding:0 0 6px 0 !important; border:0 !important; color:#fff; font-size:12px;  vertical-align:middle;}
.tit_document {float:left; padding:0 26px 0 40px; color:#b6b6b6;}
.tit_document img { padding:3px 0 0 8px;}
.docPoint {height:17px; margin:0 3px; padding:0 6px 2px 5px; background:#dd5a03; color:#fff; font-size:12px; line-height:15px;}

.content .section div.drag-helper { 
	position: absolute; font-weight: bold; width: 80px; padding-top: 40px; text-align: center; height: 64px; font-size:15pt;background: url(../images/list/icon-zenithgrid-multi-document.png) center center no-repeat; z-index: 999;
}
.content .section div.loading { 
	background: url(../images/list/icon-zenithGrid-loader.gif) center center no-repeat; width:100%; height:40px;
}
.userSelect span.icon_doc_off {
	background: url(../images/icon/icon_doc_off.png) right bottom no-repeat; width:20px; height:16px; display:inline-block; cursor: pointer;
}
.userSelect span.fileName { cursor: pointer;}
.userSelect span.fileName:hover { border-bottom: 1px solid #fff; padding-bottom: 2px;}

/*subMenu*/
.sub { position:absolute; width:147px; font-size:14px; display:none; z-index: 999}
.sub .sub_title {height:37px; background:#0aa2e1; color:#fff; font-weight:bold; overflow:hidden;}
.sub .sub_title span.menu_icon {float:left; padding:9px 0; width:107px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub .sub_title span.menu_icon img {padding:0 10px 0 10px;}
.sub .sub_title span.menu_on {float:right; width:40px; height:37px; background:url(../images/icon/icon_doc_on.png) no-repeat center; background-color:#1a1a1a; display:inline-block;}
.sub .sub_menu {padding:15px 15px 10px 15px; background:#1a1a1a; font-size:13px; color:#fff; display:none; }
.sub .sub_menu p {display:block; padding:0px 0px 5px 12px; background:url(../images/icon/icon_dot02.png) no-repeat 0px 7px;}
.sub .sub_menu div {clear:both; height:15px; padding-bottom:12px;}
.sub .sub_menu div span.check {float:left; padding:2px 8px 0 0; margin:0; display:inline-block;}
.sub .sub_menu div span.check input {height:13px; vertical-align:middle;}
.sub .sub_menu div span.label {float:left; padding:0; margin:0; display:inline-block;}
.sub .sub_menu div span.select {float:right; font-size:12px;}
.sub .sub_menu div span.select select {font-size:12px;}
.sub .sub_title_search {height:37px; color:#fff; font-weight:bold; overflow:hidden;}
.sub .sub_title_search span.menu_on {float:right; width:40px; height:37px; background:#1a1a1a; display:inline-block;}
.sub .sub_title_search span.menu_on img { padding:13px 14px 0px 14px; }
.sub.nav_search .sub_menu {padding:14px 14px 2px 14px; font-size:12px;}
.sub.option .sub_menu {padding:14px 14px 2px 14px; font-size:12px;}
.sub.nav_search .sub_menu div span.select select {width:90px;}
.sub.option .sub_menu div span.select select {width:40px;}
.sub.document {top:59px; left:256px; width:177px;}
.sub.align {top:59px; left:434px;}
.sub.see {top:59px; left:582px;}
.sub.date {top:59px; left:730px;}
.sub.nav_search {top:96px; right:208px; width:196px; }
.sub.option {top:59px; right:0; width:166px; }
.sub.file { width:177px;}
.sub.document .sub_title span.menu_icon {width:137px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub.document .sub_title span.menu_icon img {padding:0 4px 0 10px;}
.sub.file .sub_title span.menu_icon {width:137px;}
.sub.file .sub_title span.menu_icon img {padding:0 4px 0 10px;}
.sub.option .sub_title span.menu_icon {width:126px;}
.sub.nav_search .sub_title span.menu_input {display:inline-block; float:left; padding:10px 5px;}
.sub.nav_search .sub_title span.menu_input input {width:120px; height:18px; background:#0aa2e1; color:#fff; font-size:12px;}
.sub.nav_search .sub_title span.menu_search {display:inline-block; float:left; width:25px;}
.sub.nav_search .sub_title span.menu_search img {padding:11px 6px 8px 0;}

/*sub menu 추가*/
.search a.btn_list.on {background-color:#1a1a1a; background-image:url(../images/icon/icon_doc_on.png);}
.sub.tree_search .sub_menu {padding:14px 14px 2px 14px; font-size:12px;}
.sub.tree_search .sub_menu p{cursor: pointer;}
.sub.tree_search {top:132px; left:99px;  width: 75px;}
.nav ul li.tree_search {position:absolute; left:878px; right:167px; border:0; }
.sub.sub_menu.selected{font-weight: bold;}
.sub.favorite_search {width: 90px; position: fixed;}
.sub_menu p.selected{font-weight: 700; color: #0aa2e1;}
.sub_menu p{cursor: pointer;}
.sub_menu p:hover{color:#0aa2e1;}


.userTop .sub {top:12px; left:12px; width:196px;}
.userTop .sub .sub_title span.menu_name {float:left; padding:9px 0; width:156px; text-align:center;}
.userTop .sub .sub_menu {padding:18px 10px 18px 10px; }
.userTop .sub .sub_menu div {clear:none; height:auto; padding-bottom:0;}
.userTop .sub .sub_menu .picture {float:left;}
.userTop .sub .sub_menu .info {float:left; padding-left:15px; font-size:12px; color:#fff;}
.userTop .sub .sub_menu .info div {padding:2px 0;}
.userTop .sub .sub_menu .button {clear:both; padding-top:18px; font-size:10px; height:10px; line-height:10px; display:block;}
.userTop .sub .sub_menu .button div a {color:#b6b6b6;}
.userTop .sub .sub_menu .button div.btn1 {float:left; padding-right:5px; border-right:1px solid #b6b6b6;}
.userTop .sub .sub_menu .button div.btn2 {float:left; padding:0 5px; border-right:1px solid #b6b6b6;}
.userTop .sub .sub_menu .button div.btn3 {float:left; padding-left:3px;}
.location .sub {top:13px; left:244px; width:220px;}
.location .sub .sub_title span.menu_name {float:right; padding:9px 0; width:180px; text-align:center;}
.location .sub .sub_title span.menu_on {float:left;}

/* 문서등록 */
.nav .nav_docreg_title {float:left; padding:10px 20px 0 30px; color:#fff;}
.nav .nav_docreg_input {float:left; padding-top:8px;}
.nav .nav_docreg_input input {width:500px; height:22px; padding:0 5px;}
.nav .nav_docreg_button {float:left; padding-left:20px;}
.nav .nav_docreg_button p {float:left; padding:6px 6px; display:inline-block;}
.nav .nav_docreg_button p.btn_dft a {width:66px; padding:2px 0 1px 0;}
.keyword_list ul li.delete_btn{width:16px; height:20px; background:url(../images/icon/list_delete.png) no-repeat; cursor: pointer; margin:5px 0 0 5px;}

/* 

.accessor_info li {float:left !important; height:20px; padding:5px 0 !important; text-indent:23px; display:block; color: #1a1a1a;}
.accessor_info li.delete_btn{width:16px; height:20px; background:url(../images/icon/list_delete.png) no-repeat; cursor: pointer; margin:5px 0 0 5px;}
.accessor_lft_cont {width: 245px; height: 245px; background:#fff; overflow:auto; clear:both;}
.accessor_rght_cont {float:left;width:200px; padding-left:30px;}

.accessor_search {width: 210px; height:21px; margin: 10px 0 18px 10px; padding:0; background:#fff; border:1px solid #b4b4b4;}
.accessor_search label {display:none;}
.accessor_search:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
.accessor_search a.btn_list { width:23px; height:21px; background:url(../images/icon/icon_doc_off.png) no-repeat center;  text-indent:-9999px; display:inline-block; z-index: 999}
.accessor_search a.btn_sh {width:23px; height:21px; background-position:-58px -51px; text-indent:-9999px; display:inline-block; }
.accessor_search input {width: 170px; height:18px; padding:2px 5px 0 5px; line-height:15px; border:0; font-family:'Nanum Gothic'; }

.accessor_list {border:1px solid #b4b4b4}
.accessor_list ul {clear:both; margin:0; padding:0; border:0; background: none; border-bottom:1px solid #b4b4b4; background-color: #fff;}
.accessor_list ul li {margin:0; padding:0; border:0; background: none;  cursor: pointer; padding-bottom:5px;}
.accessor_list li {float:left !important; height:17px; padding:5px 0 !important; text-indent:13px !important;; display:block; background: none;} */

/* .accessor_list ul li:hover {background:#e4e4e4;} */ 
.docreg .ts_inbox .accessor_list li span {width:40px; color:#fff; display:inline-block;}
.docreg .ts_inbox .accessor_list li input {width:15px; height:16px; margin-top:5px; vertical-align: bottom;}
.docreg .ts_inbox .accessor_list li:hover{background: none; cursor: default;}

.docreg {/*min-width:759px;*/ height:100%; background:#929292;}
.docreg .ts_inbox {padding:14px 10px 0px 20px;}
/* .docreg .ts_inbox:after {content:','; display:block; height:0; clear:both; visibility:hidden;} */
.docreg .ts_item {float:left; padding-bottom:8px;}
.docreg .ts_inbox li {padding-bottom:10px;}
.docreg .ts_inbox label {width:68px; color:#fff; display:inline-block;}
.docreg .ts_inbox input {width:180px; height:24px; padding:0 5px; border:1px solid #b4b4b4;}
.docreg .ts_inbox .doc_info input{width:160px; height:20px; padding:0 5px; border:1px solid #b4b4b4;}
.docreg .ts_inbox .doctype_attr input{width:160px; height:20px; padding:0 5px; margin-left: 4px;}

.docreg .ts_inbox select {width:171px; height:24px; font-size:14px; padding:2px 0; border:1px solid #b4b4b4;}
.doc01, .doc02, .doc03 {float:left;}
.doc01 {width:260px;}
.doc02 {width:155px;}
.send_bar {width:130px; height:15px; margin:0 6px; background:#fff; vertical-align:middle; display:inline-block;}
.send_text {width:110px; font-size:12px; color:#fff; vertical-align:middle; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.send_text_tit {padding:0 0 6px 100px; font-size:14px; color:#fff; vertical-align:middle;}
.send {padding:0 2px 0 2px;}
.send p {height:30px; line-height:30px;}
.btn_dft_s a {width:95px; padding:4px 0; background:#282828; border:3px solid #0aa2e1; text-align:center; display:block;}
.btn_dft_e a {width:95px; padding:4px 0; background:##BDBDBD; border:3px solid #8C8C8C; text-align:center; display:block;}

.btn_dft_s01 a {margin-top:-4px; padding:1px 15px; background:#282828; border:2px solid #0aa2e1; font-size:12px; font-weight:bold; text-align:center; display:inline-block;}
.btn_dft_s01_expand a {margin-top:-4px; padding:1px 15px; width:82px; background:#282828; border:2px solid #0aa2e1; font-size:12px; font-weight:bold; text-align:center; display:inline-block;}
.btn_dft_s02 {padding:4px 15px; background:#282828; border:2px solid #0aa2e1; font-size:12px; font-weight:bold; text-align:center; display:inline-block;}
.btn_dft_s03 {padding:2px 15px; background:#282828; border:2px solid #0aa2e1; font-size:12px; font-weight:bold; text-align:center; display:inline-block;}
.btn_dft_s04 {padding:2px 8px; background:#282828; border:2px solid #0aa2e1; font-size:12px; font-weight:bold; text-align:center; display:inline-block;}


/* 통합검색 */
.total_search {/*min-width:759px; padding-bottom:14px;*/ background:#929292; color:#fff; overflow:hidden;}
.total_search .ts_inbox {padding:14px 20px;}
.total_search .ts_item {float:left; /* padding-bottom:8px; */}
.total_search .ts_item div {float:left; font-size:14px;}
.total_search .ts_item .ts_left {width:90px; padding-top:4px; color:#fff;}
.total_search .ts_item .ts_right {width:260px;}
.total_search .ts_item .ts_right input {width:250px; height:24px; padding:0 5px; border:1px solid #b4b4b4;}
.total_search .ts_item .ts_right select {width:160px; height:24px; font-size:14px; padding:2px 0; border:1px solid #b4b4b4;}
.total_search .ts_item .ts_right select.sel_width2 {width:260px;}
.total_search .ts_item .ts_right .calendar input {float:left;width:80px; margin-right:6px;}
.total_search .ts_item .ts_right .calendar a {float:left;}
.total_search .ts_item .ts_right .dash {float:left; padding:4px 6px;}
.total_search .ts_item .btn_dft {float:right; display:inline-block;}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {.total_search .ts_item .btn_dft {margin-top:-25px;}}*/
.total_search .ts_item .btn_dft a {width:66px; padding:2px 0 1px 0;}
.total_search .ts_search_btn {float:left;}
.total_search .ts_search_btn .btn_dft {padding-left:140px;}
.total_search .ts_search_btn .btn_dft a {width:140px;}
.total_search .leftpad {padding-left:40px;}
.lft_item {float:left; width:35%;}
.cnt_item {float:left; width:35%;}
.rht_item {float:left; width:30%;}
.lft_item li, .cnt_item li, .rht_item li {padding-bottom:8px;}
.lft_item input, .cnt_item input, .rht_item input {height:21px; padding:0 0 0 5px; border:1px solid #b4b4b4; line-height:21px;}
.lft_item select, .cnt_item select, .rht_item select {height:23px; padding:0 0 0 5px; border:1px solid #b4b4b4; line-height:21px;}
.lft_item label {width:64px; padding-bottom:3px; display:inline-block;}
.rht_item label, .cnt_item label {width:90px; padding-bottom:3px; display:inline-block;}

.only_check{margin:5px; vertical-align: middle;}
.srch_result_head {clear:both; margin:0; padding:0; border:0;  background:#666 !important; height: 30px; color:#fff;  text-indent:0 !important;} 
.srch_result_head ul {clear:both; height:30px; margin:0; padding:0; border:0; border-bottom:1px solid #b4b4b4; color:#fff;  text-indent:0 !important;}}
.srch_result_head li { padding:0; border:0;}
.srch_result_head li {margin-top:5px; float:left !important; height:20px; padding:5px 0 !important; /* text-indent:23px; */ }
 
.srch_result {clear:both; margin:0; padding:0; border:0;  background:#fff !important;   text-indent:0 !important;} 
.srch_result ul {clear:both; height:35px; margin:0; padding:0; border:0; border-bottom:1px solid #b4b4b4; color:black;  text-indent:0 !important; text-overflow:ellipsis;}
.srch_result ul li {margin:0; float:left !important; height:25px; padding-top:5px;  /* text-indent:23px; */white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.ts_keywordbox {width:100%;}
.ts_keywordbox .ts_keywordlist { height:90px; width:100%; overflow: auto;}
.ts_keywordbox .ts_keywordlist ul {float:left; height:30px; margin-right: 10px;}

.ts_btnbox{text-align: right; width:100%; margin-top:5px;}
.ts_view .open_view{content: url(../images/icon/accordion_open.png) no-repeat center; cursor: pointer; }
.ts_view .close_view{content: url(../images/icon/accordion_close.png) no-repeat center; cursor: pointer; }
.ts_view .view_layer{background-color: #666; height:30px;border-bottom: 1px solid #ddd;}
.ts_view .view_layer .title {color:#ddd; }
/* .ts_view .view_layer .title:hover{color:#0aa2e1;} */


/* 리스트 관련 추가 */
div.zenithstList-InitText { text-align: center; font-size: 14px; margin: 30px;}
span.zenithstList-action{float:left; display:none; width: 60px; height: 60px; background: url(../images/list/icon-zenithlist-action.png) no-repeat center; z-index: 10; cursor: pointer;}
span.zenithstList-action:hover{background: url(../images/list/icon-zenithlist-action-over.png) no-repeat center; }
p.zenithstList-shared { position: absolute; left:7px; top:50px; background: url(../images/list/icon-zenithlist-share.png) no-repeat center; width: 18px; height: 18px;}
p.zenithstList-lock { position: absolute; left:7px; top:25px; background: url(../images/list/icon-zenithlist-lock.gif) no-repeat center; width: 18px; height: 18px;}

/* 그리드 관련 추가 */
div.zenithstGrid-action {
	position: relative; float: left; width: 100%; height: 295px; background:#363636; color: #ffffff; border-radius: 5px;
}

/* 문서등록관련 추가 */
/* .docreg .ts_inbox li {color: #fff;} */
.docreg .ts_inbox li span {width:50px; color:#fff; display:inline-block;}
/* .docreg .keyword {background: url(../images/file/icon_file_close_on.png) center center no-repeat; width: 25px; height:10px; cursor: pointer; } */
.docreg .doc_info li span {width:159px; color:#fff; display:inline-block;}
.docreg .info_tree {float:left; width:220px;}
.docreg .info01{float:left; width:460px; margin-left:20px;}
.docreg .doc_info{width: 300px; float: left;}
.docreg .info02{float:left; width:160px; margin-left:20px; background-color:#fff; }

.docreg .doc_info {width: 300px; margin: 10px 20px; float:left;}
.docreg .doc_info label {width: 100px;color: #fff;display: inline-block;}
.docreg .doc_info li span {width: 180px;color: #fff;display: inline-block;}
.docreg .doc_info li select {width: 180px;display: inline-block;}
.docreg .doc_info li {padding-bottom: 10px;}


.docreg .info_tree {float: left;width: 220px;}
.docreg .info01 {float: left;width: 460px;margin-left: 20px;}
.docreg .info02 {float: left;width: 160px;margin-left: 20px;background-color: #fff;}

.docreg_inner_tab {overflow:hidden;}
.docreg_inner_tab:after {content:','; display:block; height:0; clear:both; visibility:hidden;}
.docreg_inner_tab li {float:left;  background:#333; font-size:14px; text-align:center; color:#fff; border-left: 1px solid #a0a0a0}
.docreg_inner_tab li:hover{background:#666; color:#fff;}
.docreg_inner_tab li a {padding-top:2px; line-height:33px; text-align:center; color:#fff; display:block;}
.docreg_inner_tab li a:hover, .docreg_inner_tab li a.on  { background:#929292; text-align:center; color:#fff; display:block;}

.docreg .docreg_extraInfo{margin-top: 10px;}
.docreg_extraInfo .docreg_accessor{ width: 300px; margin-top: 10px; margin-left: 15px; float:left;}
/* .docreg .docreg_extraInfo .keyword {background: url(../images/file/icon_file_close_on.png) center center no-repeat;width: 25px;height: 10px;cursor: pointer;} */
.docreg .docreg_extraInfo .inpt { height: 20px; width: 100%; margin-left: 5px; }

/* PDF뷰어 관련 */
.viewer_con {
	position: absolute;
	top: 32px;
	right: 0;
	bottom: 0;
	left: 0;
	outline: none;
}
.page_con {
	direction: ltr;
	margin: 1px auto -8px auto;
	position: relative;
	overflow: visible;
	border: 9px solid transparent;
	background-clip: content-box;
	border-image: url(resources/pdfjs-1.0.712/web/images/shadow.png) 9 9 repeat;
	background-color: white;
}
.preview_btn {
	cursor: pointer;
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top, #888, #575757);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	display: inline-block;
	padding: .2em 0.5em .30em;
}
.preview_btn:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}