@charset "utf-8";
/* CSS Document */

.bnt_black { background:url(../images/lmms/bnt_black.gif) no-repeat; width:43px; height:19px; color:#fff;   display:inline-block; text-align:center; padding-top:9px;}

/*paging*/
.pagination {position:relative; margin-top:10px;display:block; margin-bottom:10px; text-align:center;}
.pagination ul { display: inline-block;margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.pagination ul > li { display: inline;zoom:1; *display:inline;}
.pagination ul > li > li
.pagination ul > li > span {float: left;line-height: 22px; text-decoration: none; font-family:'나눔고딕', NanumGothic;color:#909090;width:22px;text-align:center;margin-right:3px;background:url(../images/lmms/pagination.gif) no-repeat 0 3px;}
.pagination ul > li > a,
.pagination ul > li > span {float: left;line-height: 22px; text-decoration: none;font-family:'나눔고딕', NanumGothic;color:#909090;width:22px;text-align:center;margin-right:3px; background:url(../images/lmms/pagination.gif) no-repeat 0 3px;}
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {color: #21abd8; cursor: default; background:none; }
.pagination ul > .active > a,
.pagination ul > .active > span {color: #21abd8; cursor: default; background:none;} 
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {color: #999999;cursor: default;background-color: transparent;}
.pagination ul > li.pg-btn > a {border:0;}
.pagination ul > li.pg-btn > a:hover {border:0;}
.pagination ul > li.pg-btn > a:focus {background:none;border:0;}

/*basic table*/
.table01{width:100%;border-top:2px solid #b0b3b7;font-size:12px; border-right:1px solid #ececec; margin-bottom:10px; }
.table01 th,.table01 td{text-align:center;}
.table01 th{ height:30px;  vertical-align:middle;color:#6b7075;font-family:'나눔고딕', NanumGothic; background-color:#f4f4f4;border-bottom:1px solid #dfe2e6;border-left:1px solid #e6e6e6;}
.table01 td{/*height:38px;*/ height:30px; padding:5px 0;vertical-align:middle;border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-family:'나눔고딕', NanumGothic;}
.table01 tr:hover{background-color:#f9f9f9;}
.table01 tr:hover .hover a{color:#0e328a;text-decoration:underline;}

/*basic table2*/
.table02{width:100%;border-top:2px solid #b0b3b7;font-size:12px; border-right:1px solid #ececec; margin-bottom:10px; border-bottom:1px solid #bdc6cf !important;}
.table02 th,.table02 td{text-align:center;}
.table02 th{ font-weight: bold; height:35px;  vertical-align:middle;color:#6b7075;font-family:'나눔고딕', NanumGothic;background-color:#f4f5f6;border-bottom:1px solid #ececec;border-left:1px solid #e6e6e6;}
.table02 td{/*height:38px;*/ height:35px; vertical-align:middle;border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;font-family:'나눔고딕', NanumGothic;}
.table02 tr:hover .hover a{color:#0e328a;text-decoration:underline;}
.table02 span.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

/*basic table3*/
.table03{width:100%;border-top:2px solid #b0b3b7;font-size:12px; border-right:1px solid #ececec; margin-bottom:10px; border-bottom:1px solid #bdc6cf !important; }
.table03 th,.table03 td{text-align: left; padding-left:20px;}
.table03 th{ height:35px; vertical-align:middle;color:#6b7075; font-family:'나눔고딕', NanumGothic; background-color:#f4f5f6;border-bottom:1px solid #ececec;border-left:1px solid #e6e6e6;}
.table03 td{/*height:38px;*/ height:35px; vertical-align:middle;border-bottom:1px solid #ececec; border-left:1px solid #e6e6e6; font-family:'나눔고딕', NanumGothic;}
.table03 tr:hover .hover a{color:#0e328a;text-decoration:underline;}

/*basic table4*/
.table04{width:100%;font-size:12px; border-right:1px solid #ececec; margin-bottom:10px; border-bottom:1px solid #bdc6cf !important; }
.table04 th,.table04 td{text-align:center;}
.table04 th{ height:35px; vertical-align:middle;color:#6b7075; font-family:'나눔고딕', NanumGothic; background-color:#f4f5f6;border-bottom:1px solid #ececec;border-left:1px solid #e6e6e6;}
.table04 td{/*height:38px;*/ height:35px; vertical-align:middle;border-bottom:1px solid #ececec; border-left:1px solid #e6e6e6; font-family:'나눔고딕', NanumGothic;}
.table04 tr:hover .hover a{color:#0e328a;text-decoration:underline;}

.table05 {clear:both;margin-top:8px;border:1px solid #a9a9a9;border-top:2px solid #818181;border-left:none;}
.table05 tr:first-child th, .table05 tr:first-child td{/* border-top:0; */}
.table05 th:first-child, .table05 td:first-child{}
.table05 th{background:#d3d3d3;color:#696969;font-weight: bold;}
.table05 th{border-bottom:1px solid #a9a9a9}
.table05 th, .table05 td{height:31px;padding:0 8px;border-left:1px solid #a9a9a9;border-top:1px solid #a9a9a9;font-size:12px;color:#3c4145; vertical-align: middle; text-align: center;}
.table05 td a{color:#3c4145;}
.table05 input[type="radio"]{margin:-1px 3px 0 7px;}
.table05 input[type="radio"]:first-child{margin-left:0;}
.table05 input[type="text"], .table05 select{height:27px !important;vertical-align:middle;border:1px solid #d7d7d7;box-sizing:border-box;font-weight:normal;font-size:12px;}
.table05 input[type="text"] + img{ vertical-align: middle; }
.table05 input[type="button"]{cursor: pointer; padding: 0 10px; border-radius: 3px; height:25px;background:#747474;border:1px solid #3e3e3e;box-sizing:border-box;color:#fff;vertical-align:middle;}
.table05 input[type="button"]:hover{background:#868686;}
.table05 span { vertical-align: middle; display: inline-block; }

/*pop*/
.popwrap { overflow:hidden;}
.popwrap h2 { position:absolute; top:16px; left:16px; font-size:16px; color:#FFF; font-weight:600; font-family:'나눔고딕', NanumGothic;}
.popwrap h3 { line-height: 140%; word-spacing: -1px; font-size:14px; height: 20px; color: #666; margin: 5px 0px 2px 0px; padding-left: 20px; padding-top: 2px; float: left; font-weight:600; font-family:'나눔고딕', NanumGothic; text-shadow: 0 3px 3px #ccc; background:url(../images/lmms/tit01.gif) no-repeat 0 3px;}
.popwrap h6 { float: right; color: #666666; padding-right: 6px; text-shadow: 0 2px 2px #ddd; margin: 0; font-size: 1em; line-height: 140%; word-spacing: -1px; font-family:'나눔고딕', NanumGothic;}

/* label button */
label.delete { display: inline-block;padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #c34848; cursor: pointer; border: 1px solid #ae4c4c; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
label.delete:hover { background-color: #d36e6e; }
label.delete:active { background-color: #7c3636; }

label.insert { display: inline-block;padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #4e73df; cursor: pointer; border: 1px solid #224abe; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
label.insert:hover { background-color: #5e93ff; }
label.insert:active { background-color: #36367c; }

label.info { display: inline-block;padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #5cb85c; cursor: pointer; border: 1px solid #4cae4c; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
label.info:hover { background-color: #6ed36e; }
label.info:active { background-color: #367c36; }

label.action { display: inline-block;padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #45858C; cursor: pointer; border: 1px solid #6FA6A0; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
label.action:hover { background-color: #55959C; }
label.action:active { background-color: #A9DFD4; }

label.off { display: inline-block;padding: .5em .75em; color: #333; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #e3e3e3; cursor: pointer; border: 1px solid #939393; border-radius: .25em; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
label.off:hover { background-color: #f3f3f3; }
label.off:active { background-color: #a3a3a3; }

/*#00A8FF  #28A1E0*/
.tit_box > a { color:#00A8FF; text-align: center; position:absolute; top:12px; right:10px;}
.section { border-bottom:1px #c8c8c8 solid;padding:10px 0 9px 10px; background-color:#fff;} 
.section2 { border-bottom:1px #c8c8c8 solid;padding:0px 0 20px 10px; margin-top:15px; margin-bottom:10px; background-color:#fff; font-family:'나눔고딕', NanumGothic; position: relative;} 
.section3 { border-top:1px #c8c8c8 solid;padding:20px 0 0px 10px; margin-top:30px; margin-bottom:10px; background-color:#fff; font-family:'나눔고딕', NanumGothic; position: relative;}
.section4 { padding:0px 0 20px 10px; margin-top:15px; margin-bottom:10px; background-color:#fff; font-family:'나눔고딕', NanumGothic; position: relative;} 
.scroll_wrap {overflow:auto; overflow-y:scroll; height:599px;}
.scroll {overflow:auto; overflow-y:scroll; height:324px; }/*pop03 오른쪽스크롤 */
.scroll_02 { overflow:auto; overflow-y:scroll; overflow-x:hidden; height:502px; position: relative;}/*pop02 전체스크롤 */
.left_pop { float:left;}
.right_pop { float:right;} 
.section2 .but_top { position:absolute; top:-8px; right:0px; font-size:11px; }
.section3 .but_top { position:absolute; top:10px; right:0px; font-size:11px; }
.section4 .but_top { position:absolute; top:15px; right:12px; font-size:11px; }
.section2 .ym_div { position:absolute; top:5px; left:5px; font-size:11px; font-weight:bold; color:#28A1E0;}

.but_01 { background:url(../images/lmms/btn_01.gif) no-repeat; width:55px; height:23px;  display:inline-block; text-align:center; padding-top:7px; padding-left:12px;}
.but_02 { background:url(../images/lmms/btn_02.gif) no-repeat; width:67px; height:23px;  display:inline-block; text-align:center; padding-top:7px; padding-left:12px;}
.but_03 { background:url(../images/lmms/btn_03.gif) no-repeat; width:79px; height:23px;  display:inline-block; text-align:center; padding-top:7px; padding-left:12px;}
.but_04 { background:url(../images/lmms/btn_normal1.gif) no-repeat; width:85px; height:23px;  display:inline-block; text-align:center; padding-top:7px; padding-left:12px;}
/* .but_05 { background:url(../images/lmms/btn_normal2.gif) no-repeat; width:50px; height:23px;  display:inline-block; text-align:center; padding-top:7px; padding-left:12px;} */
.but_05 { background:url(../images/lmms/btn_01.gif) no-repeat; width:50px; height:23px;  display:inline-block; text-align:center; padding-top:7px; padding-left:12px;}
.but_06 { background:url(../images/lmms/btn_06.gif) no-repeat; width:50px; height:23px;  display:inline-block; text-align:center; padding-top:7px; padding-left:5px;}
.but_07 { background:url(../images/lmms/btn_01.gif) no-repeat; width:55px; height:23px;  display:inline-block; text-align:center; padding-top:7px; padding-left:12px;}


#pop03 { width:878px; height:215px; position:relative; border:1px #ededed solid;}
#pop03 .whitebox {margin:0px; padding:10px 10px 0 10px; }
#pop03 .tit_box {background:#28A1E0; width:878px; height:45px; border:1px #00A7FF solid;}
#pop02 { width:980px; height:680px; position:relative; border:1px #ededed solid;}
#pop02 .whitebox {margin:0px; padding:10px 10px 0 10px; }
#pop02 .tit_box {background:#28A1E0; width:1026px; height:45px; border:1px #00A7FF solid;}
#pop01 { width:660px; height:324px; position:relative; border:1px #ededed solid;}
#pop01 .whitebox {margin:0px; padding:10px 10px 0 10px; }
#pop01 .tit_box {background:#28A1E0; width:660px; height:45px; border:1px #00A7FF solid;}

/*tabmenu*/
#tabmenu{ position:relative; top:14px; left:10px; height:39px; margin-right:37px; background:url(../images/lmms/tab_bg3.gif); background-repeat:repeat-x;}
#tabmenu ul,#tabmenu ul li{margin:0;padding:0}
#tabmenu ul li{list-style:none}
#tabmenu ul li{ float:left; margin-right:2px;line-height:26px}
#tabmenu ul li a{ width:180px; height:34px;  display:block; color:#898989; font-family: '나눔고딕', NanumGothic, '돋움', Dotum, AppleGothic, sans-serif; text-align:center; padding-top:5px; cursor:pointer; font-size:13px;  background: url(../images/lmms/tab_bg2.gif) no-repeat; text-decoration:none;}
#tabmenu ul li a:hover{color:#ff6f00; background: url(../images/lmms/tab_bg.gif) no-repeat; }
#tabmenu ul li.on a{ width:180px; height:34px; display:block; color:#ff6f00; text-decoration:none; font-family: '나눔고딕', NanumGothic, '돋움', Dotum, AppleGothic, sans-serif; text-align:center; padding-top:5px; background: url(../images/lmms/tab_bg.gif) no-repeat; text-decoration:none;}
#tabcontent0,#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4{  margin-top:20px; }

#tabDiv table tbody tr.listCadtMgTmpl1:hover{color:#CD853F; background:#FDF5E6}
	