@charset "utf-8";

html,body {width:100%;height:100%;}
body {background:#fff;}
#doc_wrap {display:block;position:relative;min-width:1000px;width:100%;background:#fff;overflow:hidden;}

#header_wrap {position:fixed;top:0px;left:0px;z-index:100;margin-top:0px;height:50px;_height:50px;background:#FFF;}
#header_nav {position:fixed;top:0px;width:100%;height:50px;background:#fff url('/webadmin/_img/bg/pnb_bg2.png') repeat-x left top;}

#header {z-index:100; width:auto !important;margin-top:0px;margin-left:0px;margin-right:0px;height:30px;}

#menu_wrap {display:block;position:relative;width:100%;height:50px;}
#menu_wrap .logo {padding:3px 5px;;}

#gnb {position:absolute;right:10px;top:10px;color:#333;}
#gnb * {vertical-align:middle;}

#container_wrap {display:block;position:relative;width:100%;padding-top:50px;clear:both;background:#fff;_height:500px;/*background:#FFF url("../image/main/bg_gray.gif") repeat-y -20px top;border-top:1px solid #282828;*/padding-bottom:0px;/*padding:5px;*/}
#container_wrap:after {clear:both;display:block;content:""}

#left_wrap1 {float:left;display:none;position:absolute;width:150px ;left:0px;_left:-1px;top:0px;z-index:1000;background:url('/webadmin/_img/bg/body_left_bg_line.gif') repeat-y;}
#left_wrap {position:fixed;float:left;display:none;width:150px;height:100%;_height:100%;top:50px;left:0px;*left:-1px;z-index:10;margin-right:-150px;background:url('/webadmin/_img/bg/body_left_bg_line.gif') repeat-y;}
#left_wrap:after {clear:both;display:block;content:""}
#left_wrap.relative_s {position:relative;top:0px;display:block;}
#left_wrap.onleft {display:block;}

#right_wrap {position:fixed;top:50px;right:0px;float:right;width:200px;height:100%;display:none;background:##f6f6f6;border-left:1px solid #dedede;}


/*#cont_wrap {display:block;position:relative;width:auto !important;max-width:870px;_height:500px;}*/
#cont_wrap {display:block;position:relative;width:auto !important;_height:500px;/*margin-right:5px;margin-left:3px;border:1px solid #282828;margin-bottom:5px;*/}

#cont_wrap.full {max-width:100%;}
#cont_wrap.onleft {margin-left:150px;padding-left:15px;}
#cont_wrap.offleft {margin-left:20px;padding-left:15px;}

#leftmenu{position:relative;display:block;width:90%;border:0px solid #282828;}
#leftmenu:after {clear:both;content:"";display:block;}

#leftSiteBoardList1 {max-height:200px;overflow-x:hidden;overflow-y:scroll;}

.lm_tit {background:url('/_img/bg/lm_tit_bg.gif') repeat-x left top;height:16px;display:block;width:100%;color:#FFF !important;font-size:12px;line-height:16px;padding:5px 0px 5px 0px;text-align:center;}
.lm_tit2 {background:url('/_img/bg/lm_tit_bg2.gif') repeat-x left top;height:16px;display:block;width:100%;color:#FFF !important;font-size:12px;line-height:16px;padding:5px 0px 5px 0px;text-align:center;}

/*
	왼쪽메뉴
*/
.leftmenu {position:fixed;top:50px;display:block;width:149px;}
.leftmenu:after {clear:both;content:"";display:block;}
.leftmenu.relative_s {position:relative;top:1px;display:block;}
.leftmenu li.lm_depth1 {position:relative;}
.leftmenu li.lm_depth1>a {position:relative;display:block;width:159px;height:35px;line-height:35px;text-indent:15px;background:url('/_img/common/img_set.png') no-repeat 0 0;font-weight:bold;color:#333;margin-top:-1px;}
.leftmenu li.lm_depth1>a:after {clear:both;content:"";display:block;}
.leftmenu li.lm_depth1>a:hover {background-position: -170px 0;}
.leftmenu li.lm_depth1>a.on {background-position: -340px 0;color:#fff;}

.leftmenu button {padding:0px;margin:0px;border-style:none;}
.leftmenu .bu {position:absolute;top:9px;right:3px;width:19px;height:19px;cursor:pointer;background:url('/_img/common/img_set.png') no-repeat 0px -40px;}
.leftmenu .bu:hover {background-position: 0 -70px;}
.leftmenu .on.bu {background-position: -30px -40px;}
.leftmenu .on.bu:hover {background-position: -30px -70px;}
.leftmenu li.lm_depth1>a.on+.bu {background-position: -90px -40px;}
.leftmenu li.lm_depth1>a.on+.on.bu {background-position: -60px -40px;}
.leftmenu li.lm_depth1>a.on+.on.bu:hover {background-position: -60px -70px;}

.leftmenu .lm_depth2 {position:relative;float:none;line-height:27px;background:#f4f4f4;padding-top:6px;padding-bottom:5px;}
.leftmenu .lm_depth2:after {content:"";clear:both;display:block;}
.leftmenu .lm_depth2 li {line-height:23px;padding:0 0 0 15px;}
.leftmenu .lm_depth2 li a {letter-spacing:-1px;color:#333;background:url('/webadmin/_img/icon/ico_bul.gif') no-repeat 0 50%;padding-left:6px;}
.leftmenu .lm_depth2 li a span {color:#333;}
.leftmenu .lm_depth2 li.on a {color:#4d7cbe;font-weight:bold;background:url('/webadmin/_img/icon/ico_bul2.gif') no-repeat 0 50%;}
.leftmenu .lm_depth2 li.on a span {color:#4d7cbe;}

.leftmenu li.env a{padding:0 0 5px 0;background:none;}
.leftmenu .ic_cncl {vertical-align:middle;display:inline-block;width:14px;height:14px;padding:0px;margin-right:4px;background:url('./_img/bg/lm_head_bg.png') no-repeat 0 -100px;}
.leftmenu .on.env .ic_cncl {background-position: -14px -100px;}

/*
	왼쪽 메뉴가 접혔을 경우 나오는 바
*/
.leftmenu2 {position:fixed;top:125px;display:block;width:19px;height:100%;background:#f8f8f8;border-right:1px solid #C9C9C9;}
.leftmenu2:after {clear:both;content:"";display:block;}
.leftmenu2 #lm_btn_toggle {position:fixed;top:0px;left:0px;height:100%;width:19px;text-align:center;cursor:pointer;background:#f8f8f8;}
.leftmenu2 #lm_btn_toggle:hover {background:#ececec;}
.leftmenu2 #lm_btn_toggle span {position:fixed;top:50%;left:0px;width:19px;text-align:center;}


#cont_global {float:left;width:100%;margin-left:200px;_margin-left:80px;background:#ececec;line-height:14px;padding:3px 15px 5px 15px;height:17px;border-bottom:1px solid #c9c9c9;font-size:11px;letter-spacing:-1px;}
#cont_global * {vertical-align:middle;}

/* container */
#cont {width:100%;margin-top:0px;}
#cont .cont_top {margin-left:15px;padding-top:15px;}
#cont .cont_top h3 {font-size:16px;letter-spacing:-2px;color:#222;}
#cont .cont_top .sub_tit {font-size:11px;color:#999;font-weight:normal;letter-spacing:-1px;padding-left:15px;}
#cont .contents {min-height:350px;_height:expression(this.scrollHeight<501?"500px":"auto");border-top:0px;padding:15px 15px 50px 15px;}
#cont .contents:after {content:"";clear:both;display:block;}
#cont .onleft {padding-left:150px;}



/************************/
/* mngFooter in wrapper */
#footer_wrap { position:fixed;display:block;left:0px; bottom:0px; width:100%; height:30px; z-index:150; background: url('/webadmin/_img/bg/bg_copyright.gif') repeat-x 0 0; }
#footer_wrap .quick_tools {position:absolute;left:15px;top:5px;*top:8px;color:#fff;line-height:17px;letter-spacing:-1px;overflow:hidden;font-size:11px;}
#footer_wrap address {width:100%;height:30px;line-height:30px;text-align:center;color:#f1f1f1;font-size:10px;display:block;}
#process_bar_state_wrap {position:absolute;display:none;left:15px;top:5px;*top:8px;color:#fff;line-height:17px;letter-spacing:-1px;overflow:hidden;font-size:11px;}



/*레이어 팝업 메세지 박스*/
.pop_windoc {width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:6000;_position:absolute; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
.pop_windoc_bg {width:100%;height:100%;background:url('/_img/bg/back_bg.png') repeat;opacity:.80;filter:alpha(opacity:80);_background:#282828;left:0px;top:0px;position:absolute;z-index:6001;}
.pop_windoc_box {position:relative;z-index:6002;background:#FFFFFF;}
.pop_winWrap {height:100%;width:100%;border:1px solid #696969;/*background:#FFF url(../_img/bg/top_bg2.gif) repeat-x left top;*/position:relative;display:block;}
.pop_winWrap .pop_winTop {height:40px;background:url('../_img/bg/top_bg2.gif') no-repeat 0px 0px;width:100%;color:#FFF;position:relative;display:block;}
.pop_winWrap .pop_title { position:absolute;top:10px;left:15px;background:url('/_img/icon/pop_icon.gif') no-repeat 0 6px; height:30px; padding-left:20px; font-size:16px; color:#fff; font-weight:bold;}
.pop_winWrap .pop_winTop .pop_close {position:absolute;top:10px;right:15px;}
.pop_winWrap .pop_winFoot  {background:#BBBBBB;width:100%;display:block;text-align:center;position:absolute;bottom:0px;left:0px;height:15px;}
.pop_winWrap .pop_winBody {padding:5px 15px 5px 15px;overflow-y:scroll;display:block;position:relative;}
.pop_winWrap .pop_body {position:relative;display:block;padding-bottom:15px;}
.pop_winWrap .pop_body:after {clear:both;content:"";display:block;}
.pop_winWrap .cont_top {display:none;}
/*.pop_winWrap .contents {position:relative;display:block;}*/

/*팝업창*/
body.popup {background:#FFF;}
.pop_wrap {background:#FFF;}
.pop_head {display:block;position:fixed;top:0px;width:100%;z-index:5000;
_position:absolute;_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);
_top:expression(document.documentElement.scrollTop);
}
.pop_head {background:url('/_img/bg/top_bg2.gif') no-repeat 0px 0px; height:40px;}

.pop_head span.close {height:40px;position:absolute;right:10px;top:10px;}
.pop_head .pop_title {font-size:14px;letter-spacing:-1px;font-weight:bold;color:#FFF;display:inline-block;padding:10px 20px 10px 20px;}
.pop_foot {display:block;position:fixed;bottom:0px;width:100%;z-index:5000;background:#282828;
_position:absolute; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
.pop_foot {height:15px;overflow:hidden}
.pop_foot span{height:15px;overflow:hidden;display:block;}
.pop_cont {z-index:6000;padding:45px 15px 30px 20px;}

.pop_cont .cont_top h3 {font-size:11px !important;color:#AAA;font-weight:normal;}



.cut_img {width:700px;}
.cut_img li {float:left;}
.cut_img_s {width:500px; margin: 0px;}
.cut_img_s li {float:left; margin:0px 5px 0 5px; width:100px; border:2px solid #FFF;text-align:center;}
.cut_img_s li.select { border:2px solid #E61B2E;}

.cut_img_l {width:570px; margin: 0px;}
.cut_img_l li {float:left; margin:0px 5px 0 5px; width:100px; border:2px solid #FFF;text-align:center;}
.cut_img_l li.select { border:2px solid #E61B2E;}

ul.ul_list {display:block;float:left;width:100%}
ul.ul_list li div.isField1{display:hidden;}
ul.ul_list li div.isField2{position:relative;float:left;display:block;width:50px;text-align:center;}
ul.ul_list li div.isField3{position:relative;float:left;display:block;width:150px;text-align:center;}
ul.ul_list li div.isField4{position:relative;float:left;display:block;width:160px;text-align:center;}
ul.ul_list li div.isField5{position:relative;float:left;display:block;width:130px;text-align:center;}
ul.ul_list li div.isField6{position:relative;float:left;display:block;width:80px;text-align:center;}
ul.ul_list li div.isField7{position:relative;float:left;display:block;width:160px;text-align:center;}
ul.ul_list li div.isField8{position:relative;float:left;display:block;width:160px;text-align:center;}
ul.ul_list li div.isField9{position:relative;float:left;display:block;width:160px;text-align:center;}

/*steelcut*/
#steelcut_wrap {width:630px;height:545px;}
#steelcut_wrap .cut_tit {text-align:center; color:#ffffff; width:630px; height:30px;line-height:170%; font-size:14px; font-weight:bold;}
#steelcut_wrap .cut_img {width:630px; margin-top:25px;}
#steelcut_wrap .cut_img li {float:left;}
#steelcut_wrap .cut_img .btn {float:left; width:50px; margin-top:160px;}
#steelcut_wrap .cut_img .btn p {margin: 0px auto; width:29px;text-align:center;}
#steelcut_wrap .cut_img_s {width:570px; margin: 0px auto; text-align:center}
#steelcut_wrap .cut_img_s ul {float:left;margin:auto;}
#steelcut_wrap .cut_img_s li {float:left; margin:20px 5px 0 5px; padding:0px; width:95px; border:2px solid #FFF;text-align:center;}
#steelcut_wrap .cut_img_s li.select { border:2px solid #E61B2E;}


.director_info{margin:auto;text-align:center;}

ul.file_list {position:relative;display:block;float:left;padding-left:0px;padding-top:5px;padding-bottom:5px;}
ul.file_list .photo{float:left; width:100px;text-align:center;}
ul.file_list .file_info{float:left;padding-left:10px;text-align:left}

.photo {float:left; width:120px;}
.m_info {float:left;padding-left:10px;}

.sortable {display:block;position:relative;float:left}
.sortable:after {clear:both;content:"";}
ul.sortable li{width:250px;text-align:left;margin:3px;}
ul.sortable li ul.sub{width:250px;text-align:left;padding-left:0px;}
ul.sortable li ul.sub li{margin:0px;}

ul.sortable li.depth01{background:url("/_img/icon/ico_folder_01.gif") no-repeat left 3px;padding-left:0px;}
ul.sortable li.depth01 span{padding-left:20px;}

ul.sortable li ul.sub li.depth02{width:230px;background:url("/_img/icon/tree-leaf.gif") no-repeat left 0px;padding-left:20px;}

ul.sortable li ul.sub li.depth02end{width:230px;background:url("/_img/icon/tree-leaf-end.gif") no-repeat left 0px;padding-left:20px;}
ul.sortable li ul.sub li a{padding-left:5px;}

ul.masonry {position:relative; display:block; float:left;width:100%;}
ul.masonry:after {clear:both;content:"";}

ul.masonry li.box {
	background: rgb(255, 255, 255); margin: 10px 0px 10px 15px; padding: 8px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); width: 200px; line-height: 1.4em; overflow: hidden; font-size: 11px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.mmtitle {padding: 0px 0px 10px; color: rgb(224, 69, 75); line-height: 90%; font-size: 16px; text-decoration: none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:200px;}
.mmtitle a {color: rgb(224, 69, 75); line-height: 90%;}
.mmimg {padding: 0px 0px 8px;}}