@charset "utf-8";
@import url('default.css');
@import url('comm.css');
@import url('board.css');
@import url('popup.css');


/* sub container */
*:focus-visible {outline:3px dotted #000;}
#container {position:relative; display: inline-block; vertical-align: middle; width:100%; height:100%; min-width: 1024px; box-sizing: border-box; background: #f0f0f0;}

	/* snb */
	.snb {position: absolute; left: 0; top: 0; width: 180px; height: 100%; border-right: 1px solid #dddddd; box-sizing: border-box; background: #ffffff; display: none;}
	.side_navi > ul > li {letter-spacing:-0.75px; border-bottom:1px solid #dddddd;}
	.side_navi > ul > li > a {display: block; padding: 15px 18px; color: #000; font-size: 14px;}
	.side_navi > ul > li > ul {display:none; background: #f8f8f8; padding: 20px 20px 6px; border-top: 1px solid #dddddd;}

	.side_navi > ul > li.on > a {color: #3a589e; font-weight: 600;}
	.side_navi > ul > li.depth2 > a {background:url(../../images/mng/ico_sub.gif) no-repeat right 20px center;}
	.side_navi > ul > li.depth2.on > a {background-image:url(../../images/mng/ico_sub_on.gif);}
	.side_navi > ul > li.on > ul {display:block;}
	.side_navi > ul > li.on > ul > li {margin-bottom: 15px;}
	.side_navi > ul > li.on > ul > li > a {font-size:12px; position: relative; margin-left: 8px;}
	.side_navi > ul > li.on > ul > li > a:before {content: '-'; position: absolute; left: -8px; top: -1px;}
	.side_navi > ul > li.on > ul > li > a:after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #666; transition: all .25s;}
	.side_navi > ul > li.on > ul > li.on > a:after, .side_navi > ul > li > ul > li > a:hover:after, .side_navi > ul > li > ul > li > a:focus:after {width: 100%;}

	.btn_snb {position: absolute; top: 300px; right: -25px; width: 25px; height: 60px; border: 1px solid #dbdde2; box-sizing: border-box; background: #3a589e; text-indent: -9999px; z-index: 1;}
	.btn_snb:after {content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 9px; margin-left: -3px; margin-top: -5px; background:url(../../images/mng/ic_snb_arrow.png) no-repeat; transform: rotate(180deg);}
	.btn_snb.close:after {transform: rotate(0deg);}

	/* contents */
	#container .content {position: relative; min-height:500px; width:100%; height:100%; padding: 25px 20px 90px; line-height:160%; box-sizing:border-box;}

	/* title */
	.titarea {position:relative; padding-right: 300px; margin-bottom: 15px;}
	.titarea h2 {font-size: 17px; letter-spacing :-0.5px; font-weight:600; color: #000000; line-height: 130%;}
	h3 {  position:relative;  font-size:16px;  background:url(../../images/mng/bull_rblue.gif) no-repeat 5px 8px;   padding-left:18px ;  margin-bottom:10px;  letter-spacing:-1px;  font-weight:600;  color:#343434;  }
	h3.bgnone {padding-left: 0;}
	h3.h3_chck { padding-left:23px; background:url(../../images/mng/bull_mandor.gif) no-repeat left center; margin-bottom: 0; letter-spacing: -0.5px;}
	h4 {position:relative; font-size:13px; background:url(../../images/mng/ic_check_blue.gif) no-repeat 0 center; padding-left:15px; letter-spacing:-1px; font-weight:600; color:#343434;}

	/* page location */
	.Pg_location {position: absolute; top: 0; right: 0;}
		.progress ol {position: relative; overflow: hidden;}
		.progress li {letter-spacing: -0.5px; float: left; color: #777777; position: relative; font-size: 13px;}
		.progress li:after {content: ''; background: url('../../images/mng/ic_location_arrow.png') no-repeat; display: inline-block; vertical-align: middle; width: 6px; height: 9px; margin: 0 7px 0 9px;}
		.progress li:last-child:after {content: none;}
		.progress li.home {padding-left: 18px;}
		.progress li.home:before {content: ''; position: absolute; left: 0; top: 4px; width: 13px; height: 12px; background:url(../../images/mng/ic_home.png) no-repeat;}

	/* box type */
	.box_type1 { display:block; background:#ffffff; border:1px solid #dcdcdc; padding:15px 20px; box-sizing: border-box;}
	.box_type2 { display:block; background:#f5f5f5; border:1px solid #dbdbdb; padding:15px 20px; color:#121212;}
	.box_type3 { display:block; background:#f7fafc; border-top:1px solid #d4dde3; border-bottom:1px solid #d4dde3; padding:20px; color:#121212;}
	.box_type4 { display:block; background:#f5f5f5; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:15px 20px; color:#121212;}
	.box_type5 { display:block; background:#ffffff; border:1px solid #dbdbdb; padding:15px 20px; color:#333; box-sizing: border-box;}
	.box_type6 { display:block; background:#ffffff; border:1px solid #dcdcdc; padding:30px; box-sizing: border-box;}
	.box_type7 { display:block; background:#f9fafd; border:1px solid #3a589e; padding:20px; color:#121212;}
	.box_init {padding: 0 !important; border: 0 !important;}

	/* 활동정지사유 */
	.member_list {  width:100%; line-height:150%; border-top:2px solid #666; margin-top:10px; padding:10px 0; word-break:keep-all; word-wrap:break-word;}
	.member_list .none {  text-align: center; height:40px; margin:0 auto; padding-top:30px; font-size:12px;  }
	.member_list ul {  border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; overflow-y:auto; width:100%; max-height:300px; min-height:100px;  }
	.member_list ul li {  min-height:20px; display:inline-block; line-height:120%; padding-top:5px; padding-bottom:5px; text-align:left; width:100%; border-bottom:1px solid #c8c8c8; color:#323232; font-weight:600;  }
	.member_list ul li.tit {  font-size:13px; color:#000; background:#ffffed;  }

	.member_list ul li .member{padding-left:10px; text-align:left; color:rgb(50,50,50); font-weight:600; float:left; width:40%; word-break:normal;  }
	.member_list ul li .id {  font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif, NanumGothic, NGNormal, "돋움", Dotum; letter-spacing:0; color:rgb(36,156,208);  }
	.member_list ul li .info{color:rgb(80,80,80); letter-spacing:0; margin-left:10px; text-align:left; display:inline-block; width:100px; padding:3px 0px;  }

	/* 메뉴별 권한 설정 */
	.authority_list{position:relative; float:left; width:100%; display:inline-block;; border:1px solid #dcdcdc; color:#666;  }
	.authority_list .author_btn{padding:8px 5px; background:#f5f5f5; border-bottom:1px solid #ccc;  }
	.authority_list .author_btn img {  vertical-align:middle;  }
	.authority_list .author_btn .authorbtn {  font-size:11px; text-align:center; color:#fff; background:#333; padding:2px 3px; border:1px solid #222; line-height:16px; margin:3px 0;  }
	.authority_list .author_btn.bottom {  position:relative; bottom:0px; border-bottom:0;  }
	.authority_list li input {  position:absolute; float:left; top:5px; left:24px; z-index:100; border-top:1px solid #ccc;  }

	.authority_list ul.tree_menu, ul.tree_menu * {margin:0; padding:0;  list-style:none; border:none; overflow:hidden; text-decoration:none; color:#555; background:none; padding-left:0; margin-bottom:10px;  }
	.authority_list ul.tree_menu a:hover {text-decoration:underline; display:block;  }
	.authority_list ul.tree_menu ul{padding:0 0 0 0px;  margin-left:0px; margin-bottom:5px ;  }
	.authority_list ul.tree_menu li{position:relative; background:url(../../../images/lecturetree_bg.gif) no-repeat 0px 0px; padding:0px 0 0 17px; font-size:12px; line-height:20px; margin-left:7px; padding-left:40px;  }
	.authority_list ul.tree_menu li img{position:relative; left:3px; top:5px; z-index:99; overflow:visible;  }
	.authority_list ul.tree_menu li.end {background-image:url(../../../images/lecturetree_bg2.gif);  }
	.authority_list ul.tree_menu li a.control {position:absolute; background:url(../../../images/lecturetree_bg.gif) no-repeat 0px 2px; left:0px; top:-2px; width:9px; height:12px; line-height:20px; padding:2px 3px;  }
	.authority_list ul.tree_menu li.line{border-bottom:1px dotted gray; margin:0; margin-bottom:5px;  }
	.authority_list ul.tree_menu li.first {  background:url(../../../images/lecturetree_bg.gif) no-repeat 0px 0px ; left:-8px;  }

	.authority_list li input{top:8px;  }
	.authority_list  ul.tree_menu li input{top:2px;  }
	.authority_list li input[type="checkbox"]{vertical-align:middle; margin:0 0 0 0; padding:1px 0px 14px 16px; display:inline-block; background:url(../../../images/lecturebtn_check_small.png) no-repeat; width:17px; height:15px; /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:3px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -moz-box-sizing:content-box; -moz-box-shadow:0; -webkit-border-radius:0; -moz-border-radius:0; -moz-box-shadow:none; cursor:pointer; outline: none; */ /*selector-dummy:expression(this.hideFocus=true);*/ ;  }
	.authority_list  input[type="checkbox"]  {  ;  }
	.authority_list  input[type="checkbox"]:checked{background-position: 0 -15px;  }
	.authority_list  input[type="checkbox"].dis_check {  background-position: 0 -30px;  }
	.authority_list  input[type="checkbox"].dis_check:disabled {  background-position: 0 -30px;  }
	.authority_list  input[type="checkbox"]:disabled {  background-position: 0 -30px;  }
	.authority_list  input[type="checkbox"]:disabled:checked {  background-position: 0 -45px;  }

	/* 팝업관리 > 권한선택 레이어팝업 */
	.addr_list_head.layer_title {color: #ffffff; border-bottom: 0;}
	.addr_list_head .css_check {margin-right: 1px;}

	.addr_list{}
	.addr_list ul{}
	.addr_list li{display:block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:3px 10px;cursor:pointer; box-sizing: border-box;}
	.addr_list li:hover, .addr_list li.selected {background:#f3f3f3;}
	.addr_list .css_check {margin-right: 6px;}

	.addr_list li.listnone{border:1px #d0d0d0 dashed; display:inline-block; padding:10px 20px 10px 35px; height:45px; margin-bottom:3px; background:#fcfcfc; color:#a0a0a0; background:url(../../images/mng/bull_info_white.png) no-repeat 15px center; width:100%; box-sizing:border-box; margin-right:3px; }
	.addr_list li.listnone:hover{ background:#fcfcfc; color:#a0a0a0; background:url(../../images/mng/bull_info_white.png) no-repeat 15px center;}
	.ctrl_fixed {position: static;}

	.receive_list li.listnone{border:1px #d0d0d0 dashed; display:inline-block; padding:10px 20px 10px 35px; margin-bottom:3px; background:#fcfcfc; color:#a0a0a0; background:url(../../images/mng/bull_info_white.png) no-repeat 15px center; }
	.receive_list  {  margin-top:5px; clear:both;  }
	.receive_list li{border:1px #cbe6ff solid; display:inline-block; padding:1px 25px 2px 5px; margin-bottom:3px; margin-right:3px; background:#e5f3ff; position: relative;}
	.receive_list.read li {padding-right: 5px;}
	.receive_list .name { font-size:12px; display:inline-block; letter-spacing:-0.5px; line-height: 100%;}
	.receive_list .delete  { position: absolute; top: 0; right: 0; width:25px; height:100%; text-indent:-9999px; background:url(../../images/mng/btn_del.gif) no-repeat center;   }
	.receive_list.st01 li {  width:150px; padding:3px 5px;  }
	.receive_list .none{ border:1px solid #d0d0d0; background:#f6f6f6; float:left; padding:5px 20px;}

	/* 팝업관리 > 팝업 미리보기 */
	.preview_img_box img {display: block; margin: 0 auto; max-width: 100%; max-height: 100%;}

	/* 엑셀 업로드 */
	.xls_upload {position: relative; width: 100%; padding-right: 120px; box-sizing: border-box;}
	.xls_upload .btn_upload {position: absolute; right: 0; top: 0; width: 105px; height: 105px; background: #303449; color: #fff; line-height: 130%}

	/* 분할 박스 영역 */
	.division_box {padding: 30px; position: relative; border: 1px solid #dcdcdc; background: #fff; display: table; table-layout: fixed; width: 100%; box-sizing: border-box; }
	.division_box .l_box {display: table-cell; vertical-align: top; width: 100%; box-sizing: border-box; border-right: 1px solid #dcdcdc !important; padding-right: 30px !important;}
	.division_box .r_box {display: table-cell; vertical-align: top; padding-left: 30px !important; border: 0; padding: 0; position: fixed;}
	.division_box .r_box .board_tip  {padding: 10px 10px 12px;}
	.division_box .form_table, .division_box .list_table {padding: 0; border: 0; background: none;}
	.division_box .r_box.posbottom { position: absolute !important; top: auto !important; bottom: 30px;}

	/* 통합게시판 관리 > 말머리 목록  */
	.tb_list li{border: 1px solid #bbbbbb; padding: 5px 10px; box-sizing: border-box; position: relative; margin-top: 5px;}
	.tb_list li .lsit_tit {display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
	.tb_list li .list_btn {position: absolute; right: 0; top: 4px;}
	.tb_list li:hover, .tb_list li.selected {background:#f3f3f3;}

	/* 비밀번호변경 */
	.mbmodipw > ul {position: relative; overflow: hidden; text-align: center;}
	.mbmodipw > ul > li {float: left; width: 32%; height: 250px; padding:40px 20px; background:#fafafa; margin-left: 2%; box-sizing: border-box; border: 1px solid #dbdbdb; color: #121212;}
	.mbmodipw > ul > li:first-child {margin-left: 0;}
	.mbmodipw > ul > li > strong {font-size: 17px; display: block; margin-bottom: 10px; font-weight: bold;}
	.mbmodipw > ul > li > p {height: 50px; margin-bottom: 10px;}

	/* 리스트 타입 */
	.list_disc {overflow: visible; padding-left: 15px;}
	.list_disc li {list-style: disc;}