@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face{
  font-family: 'NanumMyeongjo';
  src: url('/common/fonts/NanumMyeongjo.eot');
  src: url('/common/fonts/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
       url('/common/fonts/NanumMyeongjo.woff') format('woff'),
       url('/common/fonts/NanumMyeongjo.ttf') format('truetype');
}

@font-face{
  font-family: 'NanumMyeongjoBold';
  src: url('/common/fonts/NanumMyeongjoBold.eot');
  src: url('/common/fonts/NanumMyeongjoBold.eot?#iefix') format('embedded-opentype'),
       url('/common/fonts/NanumMyeongjoBold.woff') format('woff'),
       url('/common/fonts/NanumMyeongjoBold.ttf') format('truetype');
}

/**********************************************/
/** 기본 마진, 패딩 정의 **/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin:0;padding:0;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin:0;padding:0;}
br {letter-spacing:normal;}
textarea { padding:2px; }

/** 기본글씨체 설정 **/
body,input,textarea,select,button,table,th,td{ font-style:normal; font-variant:normal; letter-spacing:-0.03em; font-family:'Noto Sans KR',sans-serif; font-weight:normal}
body{font-size:15px;color:#404040; font-weight:normal;}

h1,h2,h3,h4,h5,h6{ font-style:normal; font-variant:normal; font-family:'Noto Sans KR',Dotum,Arial,sans-serif; font-weight:normal;}

/** 태그별 기본 설정 **/
input,textarea,select,button {font-size:1.0em;}

button {background: none repeat scroll 0 0 #FFF; border: medium none; cursor: pointer; margin: 0; padding: 0; vertical-align: middle;}
legend {margin:0; padding:0; display:none;}

img{border:0 none;vertical-align:top;}
input {vertical-align:middle;line-height:16px;}
textarea,select {vertical-align:middle;}
ul,ol,li,dl,dt,dd{list-style:none;vertical-align:top;}

a { text-decoration:none; color:#000000; }
a:link, a:hover, a:visited, a:active, a:focus { color:#004394; text-decoration:underline; }

.readonly { background-color:#ddd; }

input[type=checkbox] {
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 5px;
}

/** 체크박스형 **/
.chkmid { margin-right:5px; width:15px; height:15px; cursor: pointer; border:solid 1px #222; }
.chkbig { margin-right:5px; width:20px; height:20px; cursor: pointer; border:solid 1px #222; }

/** 컨텐츠 방향 **/
.fleft { float:left; }
.fleft10 { float:left; padding-left:10px; }
.fleft20 { float:left; padding-left:20px; }
.fleft30 { float:left; padding-left:30px; }

.fright { float:right; }
.fright10 { float:right; padding-right:10px; }
.fright20 { float:right; padding-right:20px; }
.fright30 { float:right; padding-right:30px; }

/***************** 텍스트 **/
/** class='aleft txt10 nblue ' **/
.aleft { text-align:left; width:100%; display:inline-block;}
.aright { text-align:right; width:100%; display:inline-block;}
.ajust { text-align:justify; width:100%; display:inline-block;}
.aleft05 { text-align:left; padding-left:5px; }
.aleft10 { text-align:left; padding-left:10px; }
.aleft15 { text-align:left; padding-left:15px; }
.aleft20 { text-align:left; padding-left:20px; }
.aleft25 { text-align:left; padding-left:25px; }
.aleft30 { text-align:left; padding-left:30px; }
.aright10 { text-align:right; padding-right:10px; }
.aright20 { text-align:right; padding-right:20px; }
.aright30 { text-align:right; padding-right:30px; }
.acenter { text-align:center; width:100%; display:inline-block;}

.apadd10tb { padding-top:10px !important; padding-bottom:10px !important; }
.apadd20tb { padding-top:20px !important; padding-bottom:20px !important; }
.apadd30tb { padding-top:30px !important; padding-bottom:30px !important; }
.apadd10lr { padding-left:10px !important; padding-right:10px !important; }
.apadd20lr { padding-left:20px !important; padding-right:20px !important; }
.apadd30lr { padding-left:30px !important; padding-right:30px !important; }


.pointer { cursor:pointer; color:#09c; }
.pointer:hover { color:#059; font-weight:bold; }
.move { cursor:move; color:#059; }
.regpointer { cursor:pointer; color:#09c; }
.regpointer:hover { font-weight:bold; }

.onover { cursor:pointer; }
.onover:hover { background-color:#fe0; }

.aleftimg { padding-right:20px; padding-bottom:15px; }
.arightimg { padding-left:20px; padding-bottom:15px; }
.acenterimg { padding-left:10px; padding-right:10px; }

.tfpadd03 { padding-top:3px; padding-bottom:3px; }
.tfpadd04 { padding-top:4px; padding-bottom:4px; }
.tfpadd05 { padding-top:5px; padding-bottom:5px; }
.tfpadd06 { padding-top:6px; padding-bottom:6px; }
.tfpadd07 { padding-top:7px; padding-bottom:7px; }
.tfpadd08 { padding-top:8px; padding-bottom:8px; }
.tfpadd09 { padding-top:9px; padding-bottom:9px; }
.tfpadd10 { padding-top:10px; padding-bottom:10px; }
.tfpadd15 { padding-top:15px; padding-bottom:15px; }
.tfpadd20 { padding-top:20px; padding-bottom:20px; }
.tfpadd30 { padding-top:30px; padding-bottom:30px; }

.txt05 { font-size:0.5em; }
.txt06 { font-size:0.6em; }
.txt07 { font-size:0.7em; }
.txt08 { font-size:0.8em; }
.txt09 { font-size:0.9em; }
.txt10 { font-size:1.0em; }
.txt11 { font-size:1.1em; }
.txt12 { font-size:1.2em; }
.txt13 { font-size:1.3em; }
.txt14 { font-size:1.4em; }
.txt15 { font-size:1.5em; }
.txt16 { font-size:1.6em; }
.txt17 { font-size:1.7em; }
.txt18 { font-size:1.8em; }
.txt19 { font-size:1.9em; }
.txt20 { font-size:2.0em; }
.txt21 { font-size:2.1em; }
.txt22 { font-size:2.2em; }
.txt23 { font-size:2.3em; }
.txt24 { font-size:2.4em; }
.txt25 { font-size:2.5em; }
.txt26 { font-size:2.6em; }
.txt27 { font-size:2.7em; }
.txt28 { font-size:2.8em; }
.txt29 { font-size:2.9em; }
.txt30 { font-size:3.0em; }
.txt40 { font-size:4.0em; }
.txt50 { font-size:5.0em; }

.tmarg01 { margin-top:0.1em; }
.tmarg02 { margin-top:0.2em; }
.tmarg03 { margin-top:0.3em; }
.tmarg04 { margin-top:0.4em; }
.tmarg05 { margin-top:0.5em; }
.tmarg06 { margin-top:0.6em; }
.tmarg07 { margin-top:0.7em; }
.tmarg08 { margin-top:0.8em; }
.tmarg09 { margin-top:0.9em; }
.tmarg10 { margin-top:1.0em; }
.tmarg11 { margin-top:1.1em; }
.tmarg12 { margin-top:1.2em; }
.tmarg13 { margin-top:1.3em; }
.tmarg14 { margin-top:1.4em; }
.tmarg15 { margin-top:1.5em; }
.tmarg16 { margin-top:1.6em; }
.tmarg17 { margin-top:1.7em; }
.tmarg18 { margin-top:1.8em; }
.tmarg19 { margin-top:1.9em; }
.tmarg20 { margin-top:2.0em; }
.tmarg21 { margin-top:2.1em; }
.tmarg22 { margin-top:2.2em; }
.tmarg23 { margin-top:2.3em; }
.tmarg24 { margin-top:2.4em; }
.tmarg25 { margin-top:2.5em; }
.tmarg26 { margin-top:2.6em; }
.tmarg27 { margin-top:2.7em; }
.tmarg28 { margin-top:2.8em; }
.tmarg29 { margin-top:2.9em; }
.tmarg30 { margin-top:3.0em; }
.tmarg35 { margin-top:3.5em; }
.tmarg40 { margin-top:4.0em; }
.tmarg45 { margin-top:4.5em; }
.tmarg50 { margin-top:5.0em; }

.bmarg01 { margin-bottom:0.1em; }
.bmarg02 { margin-bottom:0.2em; }
.bmarg03 { margin-bottom:0.3em; }
.bmarg04 { margin-bottom:0.4em; }
.bmarg05 { margin-bottom:0.5em; }
.bmarg06 { margin-bottom:0.6em; }
.bmarg07 { margin-bottom:0.7em; }
.bmarg08 { margin-bottom:0.8em; }
.bmarg09 { margin-bottom:0.9em; }
.bmarg10 { margin-bottom:1.0em; }
.bmarg11 { margin-bottom:1.1em; }
.bmarg12 { margin-bottom:1.2em; }
.bmarg13 { margin-bottom:1.3em; }
.bmarg14 { margin-bottom:1.4em; }
.bmarg15 { margin-bottom:1.5em; }
.bmarg16 { margin-bottom:1.6em; }
.bmarg17 { margin-bottom:1.7em; }
.bmarg18 { margin-bottom:1.8em; }
.bmarg19 { margin-bottom:1.9em; }
.bmarg20 { margin-bottom:2.0em; }
.bmarg25 { margin-bottom:2.5em; }
.bmarg30 { margin-bottom:3.0em; }
.bmarg35 { margin-bottom:3.5em; }
.bmarg40 { margin-bottom:4.0em; }
.bmarg45 { margin-bottom:4.5em; }
.bmarg50 { margin-bottom:5.0em; }

.txt05b { font-size:0.5em; font-weight:bold; }
.txt06b { font-size:0.6em; font-weight:bold; }
.txt07b { font-size:0.7em; font-weight:bold; }
.txt08b { font-size:0.8em; font-weight:bold; }
.txt10b { font-size:1.0em; font-weight:bold; }
.txt11b { font-size:1.1em; font-weight:bold; }
.txt12b { font-size:1.2em; font-weight:bold; }
.txt13b { font-size:1.3em; font-weight:bold; }
.txt14b { font-size:1.4em; font-weight:bold; }
.txt15b { font-size:1.5em; font-weight:bold; }
.txt16b { font-size:1.6em; font-weight:bold; }
.txt17b { font-size:1.7em; font-weight:bold; }
.txt18b { font-size:1.8em; font-weight:bold; }
.txt19b { font-size:1.9em; font-weight:bold; }
.txt20b { font-size:2.0em; font-weight:bold; }
.txt21b { font-size:2.1em; font-weight:bold; }
.txt22b { font-size:2.2em; font-weight:bold; }
.txt23b { font-size:2.3em; font-weight:bold; }
.txt24b { font-size:2.4em; font-weight:bold; }
.txt25b { font-size:2.5em; font-weight:bold; }
.txt26b { font-size:2.6em; font-weight:bold; }
.txt27b { font-size:2.7em; font-weight:bold; }
.txt28b { font-size:2.8em; font-weight:bold; }
.txt29b { font-size:2.9em; font-weight:bold; }
.txt30b { font-size:3.0em; font-weight:bold; }
.txt40b { font-size:4.0em; font-weight:bold; }
.txt50b { font-size:5.0em; font-weight:bold; }

.lnhgt100 { line-height:100%;	}
.lnhgt110 { line-height:110%;	}
.lnhgt120 { line-height:120%;	}
.lnhgt130 { line-height:130%;	}
.lnhgt140 { line-height:140%;	}
.lnhgt150 { line-height:150%;	}
.lnhgt160 { line-height:160%;	}
.lnhgt170 { line-height:170%;	}
.lnhgt180 { line-height:180%;	}
.lnhgt190 { line-height:190%;	}
.lnhgt200 { line-height:200%;	}
.lnhgt250 { line-height:250%;	}
.lnhgt300 { line-height:300%;	}
.lnhgt400 { line-height:400%;	}
.lnhgt500 { line-height:500%;	}

/** 기본컬러 **/
.nblack { color:#000000; }
.ngray { color:#999999; }
.nwhite { color:#ffffff; }
.norange { color:#ff6600; }
.nred { color:#ff0000; }
.nblue { color:#1f5a91; }
.nrosy { color:#dd3322; }
.ngreen { color:#629f10; }
.npink { color:#dd77aa; }
.nyellow { color:#ffff00; }

.ndblue { color:#224190; }
.ndgray { color:#404040; }

/** 밝은컬러 **/
.lblack { color:#333333; }
.lgray { color:#e9e9e9; }
.lwhite { color:#ffffff; }
.lorange { color:#fcd3a5; }
.lred { color:#ffdddd; }
.lblue { color:#2c86da; }
.lrosy { color:#fae7e9; }
.lgreen { color:#ddffdd; }
.lpink { color:#feeef5; }
.lyellow { color:#ffffdd; }

/** 어두운컬러 **/
.dgray { color:#555555; }
.dorange { color:#ff6600; }
.dred { color:#990000; }
.dblue { color:#004890; }
.drosy { color:#993322; }
.dgreen { color:#629f10; }
.dpink { color:#aa5588; }
.dyellow { color:#999900; }


/***************** 배경색 **/
.fblack { background-color:#333333; }
.fgray { background-color:#dddddd; }
.fwhite { background-color:#ffffff; }
.forange { background-color:#f47c20; }
.fred { background-color:#b61318; }
.fblue { background-color:#007ead; }
.frosy { background-color:#ba4b58; }
.fgreen { background-color:#538018; }
.fpink { background-color:#d57ea5; }
.fyellow { background-color:#ffcc00; }

/** 밝은컬러배경 **/
.flblack { background-color:#666666; }
.flgray { background-color:#dddddd; }
.flwhite { background-color:#ffffff; }
.florange { background-color:#ffcc66; }
.flred { background-color:#ffdddd; }
.flblue { background-color:#ddddff; }
.flrosy { background-color:#fae7e9; }
.flgreen { background-color:#ddffdd; }
.flpink { background-color:#feeef5; }
.flyellow { background-color:#ffffdd; }

/**************** input사이즈 넓이 ***/
.wid10 { width:10%; }
.wid15 { width:15%; }
.wid20 { width:20%; }
.wid25 { width:25%; }
.wid30 { width:30%; }
.wid35 { width:35%; }
.wid40 { width:40%; }
.wid45 { width:45%; }
.wid50 { width:50%; }
.wid55 { width:55%; }
.wid60 { width:60%; }
.wid65 { width:65%; }
.wid70 { width:70%; }
.wid75 { width:75%; }
.wid80 { width:80%; }
.wid85 { width:85%; }
.wid90 { width:90%; }
.wid95 { width:95%; }
.wid100 { width:98%; }

.hgt20 { height:20px; }
.hgt25 { height:25px; }
.hgt30 { height:30px; }
.hgt35 { height:35px; }
.hgt40 { height:40px; }
.hgt45 { height:45px; }
.hgt50 { height:50px; }
.hgt60 { height:60px; }
.hgt70 { height:70px; }
.hgt80 { height:80px; }
.hgt90 { height:90px; }
.hgt100 { height:100px; }
.hgt150 { height:150px; }
.hgt200 { height:200px; }
.hgt250 { height:250px; }
.hgt300 { height:300px; }
.hgt350 { height:350px; }
.hgt400 { height:400px; }
.hgt450 { height:450px; }
.hgt500 { height:500px; }


.lspace01 { letter-spacing:0.1em; }
.lspace02 { letter-spacing:0.2em; }
.lspace03 { letter-spacing:0.3em; }
.lspace04 { letter-spacing:0.4em; }
.lspace05 { letter-spacing:0.5em; }
.lspace06 { letter-spacing:0.6em; }
.lspace07 { letter-spacing:0.7em; }
.lspace08 { letter-spacing:0.8em; }
.lspace09 { letter-spacing:0.9em; }
.lspace10 { letter-spacing:1.0em; }
.lspace20 { letter-spacing:2.0em; }
.lspace30 { letter-spacing:3.0em; }
.lspace40 { letter-spacing:4.0em; }
.lspace50 { letter-spacing:5.0em; }

.rspace01 { letter-spacing:-0.01em; }
.rspace02 { letter-spacing:-0.02em; }
.rspace03 { letter-spacing:-0.03em; }

.tspace05 { text-indent:0.5em; }
.tspace10 { text-indent:1.0em; }
.tspace15 { text-indent:1.5em; }
.tspace20 { text-indent:2.0em; }
.tspace25 { text-indent:2.5em; }
.tspace30 { text-indent:3.0em; }
.tspace35 { text-indent:3.5em; }
.tspace40 { text-indent:4.0em; }
.tspace45 { text-indent:4.5em; }
.tspace50 { text-indent:5.0em; }

.tbsdow2 { text-shadow: 2px 1px 1px black; }
.tgsdow2 { text-shadow: 2px 1px 1px gray; }
.twsdow2 { text-shadow: 2px 1px 1px white; }

.tbsdow3 { text-shadow: 3px 2px 1px black; }
.tgsdow3 { text-shadow: 3px 2px 1px gray; }
.twsdow3 { text-shadow: 3px 2px 1px white; }

.twsdow22 { text-shadow: #fff 2px 2px 3px, #fff -2px -2px 3px; }
.twsdow33 { text-shadow: #fff 3px 3px 4px, #fff -3px -3px 4px; }

.tbsdow4 { text-shadow: 4px 3px 1px black; }
.tgsdow4 { text-shadow: 4px 3px 1px gray; }
.twsdow4 { text-shadow: 4px 3px 1px white; }

.tbsdow5 { text-shadow: 5px 3px 1px black; }
.tgsdow5 { text-shadow: 5px 3px 1px gray; }
.twsdow5 { text-shadow: 5px 3px 1px white; }

.linesol { border-bottom:solid 2px #ddd; }
.linedis { border-bottom:disc 2px #ddd; }
.linedot { border-bottom:dotted 2px #ddd; }

.linesolo { border-bottom:solid 2px #f60; }

.linesol1 { border-bottom:solid 1px #ddd; }
.linedis1 { border-bottom:disc 1px #ddd; }
.linedot1 { border-bottom:dotted 1px #ddd; }


/** 공간띄우기 **/
.cnspan50 { min-width:50px; text-align:center; display:inline-block; }
.cnspan60 { min-width:60px; text-align:center; display:inline-block; }
.cnspan70 { min-width:70px; text-align:center; display:inline-block; }
.cnspan80 { min-width:80px; text-align:center; display:inline-block; }
.cnspan90 { min-width:90px; text-align:center; display:inline-block; }
.cnspan100 { min-width:100px; text-align:center; display:inline-block; }
.cnspan150 { min-width:150px; text-align:center; display:inline-block; }
.cnspan200 { min-width:200px; text-align:center; display:inline-block; }
.cnspan250 { min-width:250px; text-align:center; display:inline-block; }
.cnspan300 { min-width:300px; text-align:center; display:inline-block; }
.cnspan350 { min-width:350px; text-align:center; display:inline-block; }
.cnspan400 { min-width:400px; text-align:center; display:inline-block; }

.lfspan50 { min-width:50px; text-align:left; display:inline-block; }
.lfspan60 { min-width:60px; text-align:left; display:inline-block; }
.lfspan70 { min-width:70px; text-align:left; display:inline-block; }
.lfspan80 { min-width:80px; text-align:left; display:inline-block; }
.lfspan90 { min-width:90px; text-align:left; display:inline-block; }
.lfspan100 { min-width:100px; text-align:left; display:inline-block; }
.lfspan150 { min-width:150px; text-align:left; display:inline-block; }
.lfspan200 { min-width:200px; text-align:left; display:inline-block; }
.lfspan250 { min-width:250px; text-align:left; display:inline-block; }
.lfspan300 { min-width:300px; text-align:left; display:inline-block; }
.lfspan350 { min-width:350px; text-align:left; display:inline-block; }
.lfspan400 { min-width:400px; text-align:left; display:inline-block; }


/******* 사용자 정의 스크롤바 ***********/
.tableWRAP {  overflow-y: auto;  border-collapse: collapse; height:35vh; padding-top:0px; }
.tableWRAP::-webkit-scrollbar { width: 5px; }
.tableWRAP::-webkit-scrollbar-thumb { background-color: #fc0; }
.tableWRAP::-webkit-scrollbar-track { background-color: #ddd; }

/*******************************************************************************************************/

#sidemenu { position:fixed; left:0; top:100px; width:120px; height:auto; padding:20px 0; background-color:#9cf; border:solid 3px #09f; border-top-right-radius:1.0em; border-bottom-right-radius:1.0em; }
#sidemenu ul { width:80%; min-height:auto; display:inline-block; }
#sidemenu ul li { width:100%; font-size:1.0em; padding:10px; margin:5px 0; background-color:#09f; color:#fff; text-align:left; border-top-right-radius:1.0em; border-bottom-right-radius:1.0em; cursor:pointer; }
#sidemenu ul li:nth-child(1)::before { content:"\1F3E2"; }
#sidemenu ul li:nth-child(2)::before { content:"\1F3ED"; }
#sidemenu ul li:nth-child(3)::before { content:"\1F4C5"; }
#sidemenu ul li:nth-child(4)::before { content:"\1F4CB"; }
#sidemenu ul li:nth-child(5)::before { content:"\1F52F"; }
#sidemenu ul li:nth-child(6)::before { content:"\1F4F0"; }
#sidemenu ul li:nth-child(7)::before { content:"\1F477"; }
#sidemenu ul li:hover { background-color:#eee; color:#222; font-weight:bold; }
#sidemenu .onover { background-color:#eee; color:#222; font-weight:bold; }



/***************** 로그인 **/
#login { width:100%; margin-top:10vh; text-align:center; display:inline-block; }
#login .login_round { width:40%; min-width:800px; height:auto; border:solid 5px #ddd; border-radius:2.0em; -moz-border-radius:2.0em; -webkit-border-radius:2.0em; display:inline-block;}
#login .login_round dl { width:94%; height:30px; margin:5px 10px; padding:10px; border:solid 1px #ddd; }
#login .login_round dt { float:left; width:30%; margin-top:5px; text-align:left; font-size:1.2em; }
#login .login_round dd { float:left; width:60%; text-align:left; font-size:1.2em; }
#login .login_round input { height:30px; font-size:1.2em; }

#login_msg { width:100%; line-height:160%; text-align:center; display:inline-block; }
#login_msg .login_kval { float:left; width:30%; text-align:center; }
#login_msg .login_kval img { width:100px; height:55px; }
#login_msg .login_text { float:left; width:68%; margin-top:5px; text-align:left; }

.login_secure { text-decoration:underline; color:red; cursor:pointer; }

.btn_area { margin:10px 0; text-align:center; }
.btn_area button { width:100px; background:#059; color:#fff; padding:5px; font-size:1.0em; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; cursor:pointer;}
.btn_area button:hover { background:#000; }

/***************** 페이지 :  공백 > \00a0 **/
#header { width:100%; height:50px; background:none; color:#fff; text-align:left; font-size:1.0em; display:inline-block; }

#settop { width:100%; height:50px; background: linear-gradient(to bottom, #0099cc, #eeeeff); display:inline-block; }
#settop	.settitle { float:left; width:60%; height:24px; margin-top:5px; margin-left:1%; color:#fff; font-size:1.0em; }
#settop	.setlogout { float:right; width:30%; height:24px; margin-top:10px; margin-right:1%; text-align:right; }

.log_btn { float:right; width:60px; padding:2px 5px; background-color:#036; margin-left:5px; text-align:center; color:#fff; font-size:0.9em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; }
.log_btn:hover { background-color:#09c; text-align:center; color:#fff; font-size:0.9em; cursor:pointer; }

#setmenu { width:100%; display:inline-block; }
#setmenu dl { min-width:95%; height:auto; padding-bottom:10px; }
#setmenu dl dt { width:97%; padding:7px 0 7px 3%; margin-bottom:3px; text-align:left !important; color:#fff; font-size:1.0em; border-top-left-radius:0.5em; border-top-right-radius:0.5em; display:inline-block; }
#setmenu dl dt::before { content:"\1F4C2"; }
#setmenu dl dd { width:100%; height:auto; display:inline-block; }
#setmenu dl dd ul { width:100%; list-style:none; display:inline-block; }
#setmenu dl dd ul li { width:95%; padding:3px 0 3px 5%; margin-bottom:2px; text-align:left; cursor:pointer; }
#setmenu dl dd ul li::before { content:"\1F4CB"; }
#setmenu dl dd ul li:hover{ background:#c90; color:#fff; }

#setmenu dl .over { background:#036; color:#fff; font-size:1.0em; cursor:pointer; }
#setmenu dl .out { background:#07a; color:#fff; font-size:1.0em; cursor:pointer; }
#setmenu dl dd ul .sover { background:#09c; color:#fff; font-size:1.0em;}
#setmenu dl .hide { display:none; }



#container { width:100%; height:auto; min-height:700px; margin-top:0; text-align:center; position:relative; }
.content { width:98%; height:auto; min-height:700px; background:#fff; margin:0 1%; }



#contmenu { width:100%; min-height:28px; margin:10px auto; border-bottom:solid 1px #036; }
#contmenu ul { text-decoration:none; display:block; }
#contmenu ul li { float:left; margin-right:1px; min-height:24px; padding:2px 20px 2px 10px; background-color: #036; color:#fff; text-align:left; font-size:1.0em; border-top-left-radius:0.5em; border-top-right-radius:0.5em; cursor:pointer; }
#contmenu ul li:hover { background-color: #09c; color:#fff; }
#contmenu ul li::before { content:'\1F348 '; margin-right:5px; }
#contmenu .over { background:#09c; color:#fff; }
#contmenu .out { background:#036; color:#fff; }



#footer { position:fixed; bottom:0; left:0; width:100%; height:20px; margin:0; padding:10px 0; background:#555; color:#fff; text-align:center; font-size:1.0em; display:inline-block; }


/*******************************************************************************************/
#popuptab { position:fixed; top:0; width:100%; padding:10px 0; background-color:#ddd; z-index:999; }
#popuptab ul { min-height:10px; display:inline-block; }
#popuptab ul li { float:left; margin-left:1px; padding:7px 10px; background-color:#059; color:#fff; border-top-left-radius:0.5em; border-top-right-radius:0.5em; cursor:pointer; }
#popuptab .pover { background-color:#05c; }
/*******************************************************************************************/


/***************** 페이지 **/

.table01 caption{display:none;}
.table01 {width:100%; border-top:solid 2px #404040; margin:0 0 5px 0; }
.table01 th{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px 0 5px 0; background-color:#eee; font-weight:bold;}
.table01 td{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; vertical-align:middle; padding:5px 0 5px 0; text-align:center;}
.table01 .st01{font-size:1.8em; padding-top:10px; font-weight:bold; color:#3b59b3; background-color:#eee;}
.table01 .st02{font-size:1.3em; font-weight:bold; color:#3b59b3; background-color:#f1f1f1; vertical-align:middle;}
.table01 .vmiddle{vertical-align:middle;}
.table01 .left{text-align:left; padding-left:10px;}
.table01 .right{text-align:right; padding-right:10px;}
.table01 .bol_y {border-left:solid 1px #ddd;;}
.table01 .bor_n {border-right:none;}

.table02 caption{display:none;}
.table02 {width:150%; border-top:solid 2px #404040; margin:0 0 5px 0; }
.table02 th{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px 0 5px 0; background-color:#eee; font-weight:bold;}
.table02 td{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; vertical-align:middle; padding:5px 0 5px 0; text-align:center;}
.table02 .vmiddle{vertical-align:middle;}
.table02 .left{text-align:left; padding-left:10px;}
.table02 .right{text-align:right; padding-right:10px;}
.table02 .bol_y {border-left:solid 1px #ddd;;}
.table02 .bor_n {border-right:none;}

/*****
.table02 caption{display:none;}
.table02 {width:100%; border-top:solid 2px #404040; margin:0 0 5px 0; }
.table02 th{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px; font-weight:bold;}
.table02 td{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; vertical-align:top; padding:5px; }
.table02 .st01{font-size:1.8em; padding-top:10px; font-weight:bold; color:#3b59b3; background-color:#eee;}
.table02 .st02{font-size:1.3em; font-weight:bold; color:#3b59b3; background-color:#f1f1f1; vertical-align:middle;}
.table02 .vmiddle{vertical-align:middle;}
.table02 .left{text-align:left; padding-left:10px;}
.table02 .right{text-align:right; padding-right:10px;}
.table02 .bol_y {border-left:solid 1px #ddd;;}
.table02 .bor_n {border-right:none;}
*****/

.tableDF caption{ display:none; }
.tableDF { width:100%; border-top:solid 2px #404040; margin:0 auto; }
.tableDF tr{ vertical-align:middle; }
.tableDF th{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px 2px; background-color:#eee; font-size:1.0em; font-weight:bold; text-align:center; }
.tableDF td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; height:25px; padding:3px 2px; font-size:1.0em; vertical-align:middle; text-align:center; }
.tableDF .vmiddle{ vertical-align:middle; }
.tableDF .left{ text-align:left; padding-left:5px; }
.tableDF .right{ text-align:right; padding-right:5px; }
.tableDF .center{ text-align:center; }
.tableDF .bol_y { border-left:solid 1px #ddd; }
.tableDF .bor_n { border-right:none; }
.tableDF label{ font-size:1.0em; text-align:left; padding-left:5px; }
.tableDF a { text-decoration:none; color:#3A76CC; }
.tableDF a:hover { color:#990000; }


.tableDF2 caption{ display:none; }
.tableDF2 { width:100%; border-top:solid 2px #404040; margin:0 auto; }
.tableDF2 tr{ vertical-align:middle; }
.tableDF2 th{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px; background-color:#eee; font-size:1.0em; font-weight:bold; text-align:center; }
.tableDF2 td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; vertical-align:middle; padding:5px; font-size:1.0em; text-align:center; }
.tableDF2 .vmiddle{ vertical-align:middle; }
.tableDF2 .left{ text-align:left; padding-left:5px; }
.tableDF2 .right{ text-align:right; padding-right:5px; }
.tableDF2 .center{ text-align:center; }
.tableDF2 .bol_y { border-left:solid 1px #ddd; }
.tableDF2 .bor_n { border-right:none; }
.tableDF2 label{ font-size:1.0em; text-align:left; padding-left:10px; }
.tableDF2 a { text-decoration:none; color:#3A76CC; }
.tableDF2 a:hover { color:#990000; }

.tableDFN caption{ display:none; }
.tableDFN { width:100%; border-top:solid 2px #404040; margin:0 auto; }
.tableDFN tr{ vertical-align:middle; }
.tableDFN th{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px 2px; background-color:#eee; font-size:1.0em; font-weight:bold; text-align:center; }
.tableDFN td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; height:25px; padding:0 2px; font-size:1.0em; vertical-align:middle; text-align:center; }
.tableDFN .vmiddle{ vertical-align:middle; }
.tableDFN .left{ text-align:left; padding-left:5px; }
.tableDFN .right{ text-align:right; padding-right:5px; }
.tableDFN .center{ text-align:center; }
.tableDFN .bol_y { border-left:solid 1px #ddd; }
.tableDFN .bor_n { border-right:none; }
.tableDFN label{ font-size:1.0em; text-align:left; padding-left:5px; }
.tableDFN a { text-decoration:none; color:#3A76CC; }
.tableDFN a:hover { color:#990000; }

.tableINB caption{display:none;}
.tableINB {width:100%; margin:0; }
.tableINB th{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px 0 5px 0; background-color:#eee; text-align:center; font-weight:bold;}
.tableINB td{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:5px 0 5px 0; vertical-align:middle; text-align:center;}
.tableINB .vmiddle{vertical-align:middle;}
.tableINB .left{text-align:left; padding-left:5px;}
.tableINB .right{text-align:right; padding-right:5px;}
.tableINB .bol_y {border-left:solid 1px #ddd;;}
.tableINB .bor_n {border-right:none;}

.tableBK caption{display:none;}
.tableBK {width:100%; margin:0; border-top:solid 2px #222; margin:5px auto; border-spacing:0; border-collapse:collapse; }
.tableBK th{border-bottom:solid 1px #222; border-right:solid 1px #222; padding:5px 0 5px 0; background-color:#eee; text-align:center; font-weight:bold;}
.tableBK td{border-bottom:solid 1px #222; border-right:solid 1px #222; padding:5px 0 5px 0; vertical-align:middle; text-align:center;}
.tableBK .vmiddle{vertical-align:middle;}
.tableBK .left{text-align:left; padding-left:5px;}
.tableBK .right{text-align:right; padding-right:5px;}
.tableBK .bol_y {border-left:solid 1px #222;;}
.tableBK .bor_n {border-right:none;}

.tableBKS caption{display:none;}
.tableBKS {width:100%; margin:0; border-top:solid 1px #222; margin:0 auto; border-spacing:0; border-collapse:collapse; }
.tableBKS th{border-bottom:solid 1px #222; border-right:solid 1px #222; padding:2px 0 2px 0; background-color:#eee; text-align:center; font-weight:bold;}
.tableBKS td{border-bottom:solid 1px #222; border-right:solid 1px #222; padding:2px 0 2px 0; vertical-align:middle; text-align:center;}
.tableBKS .vmiddle{vertical-align:middle;}
.tableBKS .left{text-align:left; padding-left:5px;}
.tableBKS .right{text-align:right; padding-right:5px;}
.tableBKS .bol_y {border-left:solid 1px #222;;}
.tableBKS .bor_n {border-right:none;}


/******* 이수증용 테이블 ******/
.tableEDU caption{ display:none; }
.tableEDU { width:98%; border:solid 2px #000; margin:0 auto; }
.tableEDU tr{ }
.tableEDU th{ font-size:1.0em; font-weight:bold; text-align:center; }
.tableEDU td{ font-size:1.0em; text-align:center; }
.tableEDU .vtop{ vertical-align:top; }
.tableEDU .vmiddle{ vertical-align:middle; }
.tableEDU .left{ text-align:left; padding-left:5px; }
.tableEDU .right{ text-align:right; padding-right:5px; }
.tableEDU .center{ text-align:center; }
.tableEDU label{ font-size:1.0em; text-align:left; padding-left:5px; }

.tableNOB caption{ display:none; }
.tableNOB { width:100%; border:0; margin:0 auto; }
.tableNOB tr{ }
.tableNOB th{ font-size:1.0em; font-weight:bold; text-align:center; }
.tableNOB td{ font-size:1.0em; text-align:center; }
.tableNOB .vtop{ vertical-align:top; }
.tableNOB .vmiddle{ vertical-align:middle; }
.tableNOB .left{ text-align:left; padding-left:5px; }
.tableNOB .right{ text-align:right; padding-right:5px; }
.tableNOB .center{ text-align:center; }
.tableNOB label{ font-size:1.0em; text-align:left; padding-left:5px; }


/******* 메뉴관리 ******/
#mpageDiv { float:left; width:49%; min-height:700px; }
#hpageDiv { float:right; width:49%; min-height:700px; }

.ptitle {text-align:left; font-weight:bold; padding:5px;}
.btn_mod { min-width:55px; background-color:#00c; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_mod:hover { background-color:#009; }

.btn_del { min-width:55px; background-color:#800; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_del:hover { background-color:#c22; }

.btn_save { min-width:55px; background-color:#088; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_save:hover { background-color:#0cc; }

/** 상하가 큰버튼 **/
.btn_bsave { min-width:55px; background-color:#088; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:1.0em 0.4em; }
.btn_bsave:hover { background-color:#0cc; }

.btn_cancel { min-width:55px; background-color:#555; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_cancel:hover { background-color:#000; }

.btn_rep { min-width:55px; background-color:#808; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_rep:hover { background-color:#c0c; color:#fff; }

.btn_add { min-width:55px; background-color:#0a0; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_add:hover { background-color:#070; color:#fff; }

.btn_sch { min-width:55px; background-color:#555; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_sch:hover { background-color:#000; color:#fff; }

.btn_confirm { min-width:55px; background-color:#09c; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_confirm:hover { background-color:#059; color:#fff; }

.btn_list { min-width:55px; background-color:#555; margin:0 0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.3em 0.4em; }
.btn_list:hover { background-color:#000; color:#fff; }

.btn_join { min-width:55px; background-color:#955; margin-left:0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_join:hover { background-color:#b22; color:#fff; }

.btn_comp { min-width:55px; background-color:#595; margin-left:0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_comp:hover { background-color:#2b2; color:#fff; }

.btn_exit { min-width:55px; background-color:#999; margin-left:0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_exit:hover { background-color:#222; color:#fff; }

.btn_appro { min-width:55px; background-color:#955; margin-left:0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_appro:hover { background-color:#b22; color:#fff; }

.btn_excelup { min-width:55px; background-color:#955; margin-left:0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_excelup:hover { background-color:#b22; color:#fff; }

.btn_dbldel { min-width:55px; background-color:#595; margin-left:0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_dbldel:hover { background-color:#2b2; color:#fff; }

.btn_table { float:right; width:100px; background-color:#955; margin-left:0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_table:hover { background-color:#b22; color:#fff; }

.btn_graph { float:right; width:100px; background-color:#09c; margin-left:0.3em; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; padding:0.2em 0.3em; }
.btn_graph:hover { background-color:#059; color:#fff; }




.btn_perv { min-width:55px; padding:3px; background-color:#555; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; }
.btn_perv:hover { background-color:#222; }

.btn_next { min-width:55px; padding:3px; background-color:#555; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; }
.btn_next:hover { background-color:#222; }

.btn_excel { min-width:100px; padding:3px; background-color:#559; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; }
.btn_excel:hover { background-color:#22b; }

.btn_mana { min-width:100px; padding:3px; background-color:#955; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; }
.btn_mana:hover { background-color:#b22; }

.btn_rdel { float:right; width:18px; height:18px; background-color:#bbb; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; display:block; }
.btn_rdel:hover { background-color:#222; }

.btn_radd { float:right; width:18px; height:18px; background-color:#99f; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; display:block; }
.btn_radd:hover { background-color:#33f; }

.btn_close { float:right; width:22px; height:22px; padding:3px; background-color:#555; text-align:center; color:#fff; border:0; font-size:1.0em; cursor:pointer; display:block; }
.btn_close:hover { background-color:#ddd; color:#222; }

.btn_iplus { margin:0 auto; width:18px; height:18px; background-color:#bbb; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; display:block; }
.btn_iplus:hover { background-color:#222; }

.btn_fplus { margin:0 auto; width:18px; height:18px; background-color:#99f; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; display:block; }
.btn_fplus:hover { background-color:#33f; }

.btn_lplus { margin:0 auto; width:18px; height:18px; background-color:#9f9; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; display:block; }
.btn_lplus:hover { background-color:#3f3; }

.btn_print { min-width:35px; padding:3px; background-color:#559; text-align:center; color:#fff; border:0; font-size:0.8em; cursor:pointer; }
.btn_print:hover { background-color:#22b; }

.btn_poll { float:right; min-width:55px; padding:3px; background-color:#55c; text-align:center; color:#fff; border:solid 1px #fff; font-size:0.8em; cursor:pointer; }
.btn_poll:hover { background-color:#22f; }


#mpageDiv input { height:22px; font-size:1.0em; }
#mpageDiv select { height:22px; font-size:1.0em; }

#hpageDiv input { height:22px; font-size:1.0em; }
#hpageDiv select { height:22px; font-size:1.0em; }

.pageList { background-color:#fff; cursor:pointer; }
.pageList:hover { background-color:#ff9; }
.pageTList { background-color:#eee; }

.inp { font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; background-color:#fff; border:1px solid #ddd; padding:0.2em 0.3em; line-height:1.0em; }
.inprgt { font-size:1.0em; text-align:right; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; background-color:#fff; border:1px solid #ddd; padding:0.2em 0.3em; line-height:1.0em; }
.inpcen { font-size:1.0em; text-align:center; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; background-color:#fff; border:1px solid #ddd; padding:0.2em 0.3em; line-height:1.0em; }

.sel { font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; background-color:#fff; border:1px solid #ddd; padding:0.1em 0.3em; line-height:1.0em; }
.lab { height:25px; font-size:1.0em; padding:5px; }
.lab_no { display:none; }
.cals { background: url('/images/icon_cal.png') no-repeat 1px 1px; text-indent:2.0em; background-color:#fff; }
.readonly { background-color:#ddd; }

.imgdel { margin-left:10px; width:22px; height:22px; text-align:center; font-size:1.0em; background-color:#222; color:#fff; cursor:pointer; display:inline-block; }
.imgdel:hover { background-color:#900; }
.filedel { margin-left:10px; width:22px; height:22px; text-align:center; font-size:1.0em; background-color:#222; color:#fff; cursor:pointer; display:inline-block; }
.filedel:hover { background-color:#900; }


.spanlink { color:#059; font-size:1.0em; cursor:pointer; }
.spanlink:hover { color:#05f; }

/*******************************************************************************************/

.navigation { width:99%; margin:0 auto; background-color:#ddd; display:inline-block; }
.navigation p { float:left; text-indent:0.5em; padding:10px; font-weight:bold; font-size:1.0em; color:#222; text-align:left; }

/** 레이아웃 규격 **/
#contdiv64 { width:100%; min-height:200px; margin:0 auto; display:inline-block; }
#contdiv64 .leftDiv { float:left; width:60%; display:inline-block; }
#contdiv64 .rightDiv { float:right; width:39%; display:inline-block; }
#contdiv64 p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#contdiv73 { width:100%; min-height:200px; margin:0 auto; display:inline-block; }
#contdiv73 .leftDiv { float:left; width:70%; display:inline-block; }
#contdiv73 .rightDiv { float:right; width:29%; display:inline-block; }
#contdiv73 p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#contdiv82 { width:100%; min-height:200px; margin:0 auto; display:inline-block; }
#contdiv82 .leftDiv { float:left; width:80%; display:inline-block; }
#contdiv82 .rightDiv { float:right; width:19%; display:inline-block; }
#contdiv82 p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#contdiv46 { width:100%; min-height:200px; margin:0 auto; display:inline-block; }
#contdiv46 .leftDiv { float:left; width:39%; display:inline-block; }
#contdiv46 .rightDiv { float:right; width:60%; display:inline-block; }
#contdiv46 p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#contdiv37 { width:100%; min-height:200px; margin:0 auto; display:inline-block; }
#contdiv37 .leftDiv { float:left; width:29%; display:inline-block; }
#contdiv37 .rightDiv { float:right; width:70%; display:inline-block; }
#contdiv37 p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#contdiv28 { width:100%; min-height:200px; margin:0 auto; display:inline-block; }
#contdiv28 .leftDiv { float:left; width:19%; display:inline-block; }
#contdiv28 .rightDiv { float:right; width:80%; display:inline-block; }
#contdiv28 p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#contdiv55 { width:100%; min-height:200px; margin:0 auto; display:inline-block; }
#contdiv55 .leftDiv { float:left; width:49.5%; display:inline-block; }
#contdiv55 .rightDiv { float:right; width:49.5%; display:inline-block; }
#contdiv55 p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }


#fulldiv { width:100%; min-height:20px; margin:10px auto; display:inline-block; }
#fulldiv dl { float:left; width:22.6%; margin:10px 1%; border:solid 1px #ddd; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; }
#fulldiv dl dt { width:98%; padding:10px 1%; background-color:#fff; }
#fulldiv dl dd { width:98%; padding:5px 1%; background-color:#f5f5f5; }
#fulldiv dl dd p { text-align:center; padding:5px 0; }
#fulldiv dl dt img { width:100px; height:auto; }

#fullcondiv { width:100%; min-height:20px; margin:0 auto; display:inline-block; }


/** 게시판관리 **/
#bbsdiv { width:100%; min-height:400px; margin:10px auto; display:inline-block; }
#bbsdiv .leftDiv { float:left; width:49.5%; display:inline-block; }
#bbsdiv .rightDiv { float:right; width:49.5%; min-height:600px; display:inline-block; }

#bbsdiv p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#bbsdiv .imgdel { margin-left:10px; width:22px; height:22px; text-align:center; font-size:1.0em; background-color:#222; color:#fff; cursor:pointer; display:inline-block; }
#bbsdiv .imgdel:hover { background-color:#900; }
#bbsdiv .filedel { margin-left:10px; width:22px; height:22px; text-align:center; font-size:1.0em; background-color:#222; color:#fff; cursor:pointer; display:inline-block; }
#bbsdiv .filedel:hover { background-color:#900; }

#bbsdiv .sublink { color:#059; font-size:1.0em; cursor:pointer; }
#bbsdiv .sublink:hover { color:#05f; }

#rightDiv .contTitle { width:100%; text-align:left; font-size:1.4em; font-weight:bold; color:#222; display:inline-block; }
#rightDiv .contStory { width:100%; margin:1.0em 0; border-bottom:solid 1px #ddd; display:inline-block; }
#rightDiv .contStory ul { list-style:none; }
#rightDiv .contStory ul li { float:left; width:20%; text-align:left; padding-bottom:0.5em; }
#rightDiv .writer { font-size:1.0em; color:#555; text-indent:1.5em; background: url('/images/sub/icon_b1.png') no-repeat 0 4px; }
#rightDiv .time { font-size:1.0em; color:#555; text-indent:1.5em; background: url('/images/sub/icon_b2.png') no-repeat 0 4px; }
#rightDiv .hits { font-size:1.0em; color:#555; text-indent:1.5em; background: url('/images/sub/icon_b3.png') no-repeat 0 4px; }

#rightDiv .contBody { width:100%; text-align:left; display:inline-block; }
#rightDiv .contImage { width:100%; display:inline-block; }
#rightDiv .contImage p { text-align:center; }
#rightDiv .contImage p img { margin:0.5em auto; }

#rightDiv .contFile { width:100%; margin:1.0em 0; text-align:left; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; display:inline-block; }
#rightDiv .contFile ul { list-style:none; margin:0.5em 0; }
#rightDiv .contFile ul li { font-size:1.0em; color:#555; text-indent:1.5em; background: url('/images/sub/icon_b4.png') no-repeat 0 5px; }

#rightDiv .contLink { width:100%; margin:0.5em 0; text-align:left; border-bottom:solid 1px #ddd; display:inline-block; }
#rightDiv .contLink ul { list-style:none; margin:0.5em 0; }
#rightDiv .contLink ul li { font-size:1.0em; color:#555; text-indent:1.5em; }
#rightDiv .contLink ul li::before { content:"\1F4CB "; }

#gallery { width:100%; display:inline-block; }
#gallery dl { float:left; width:25%; min-height:240px; display:inline-block; }
#gallery dt { padding:10px; text-align:center; cursor:pointer; }
#gallery dt img { width:200px; height:135px; box-shadow: 2px 2px 2px 2px gray; }
#gallery dt .no_img { width:200px; height:135px; background-color:#eee; display:inline-block; box-shadow: 2px 2px 2px 2px gray; }
#gallery dt .no_img span { padding-top:50px; color:#999; text-align:center; font-size:1.2em; display:block; }
#gallery dd { font-size:1.0em; padding:3px 10px; text-align:center; }


#movie { width:100%; display:inline-block; }
#movie dl { float:left; width:25%; min-height:240px; display:inline-block; }
#movie dt { padding:10px; text-align:center; cursor:pointer; }
#movie dt img { width:200px; height:135px; box-shadow: 2px 2px 2px 2px gray; }
#movie dt .no_img { width:200px; height:135px; background-color:#eee; display:inline-block; box-shadow: 2px 2px 2px 2px gray; }
#movie dt .no_img span { padding-top:50px; color:#999; text-align:center; font-size:1.2em; display:block; }
#movie dd { font-size:1.0em; padding:3px 10px; text-align:center; }


/** 예약 **/
#resvdiv { width:100%; min-height:400px; margin:10px auto; display:inline-block; }
#resvdiv .leftDiv { float:left; width:49.5%; display:inline-block; }
#resvdiv .rightDiv { float:right; width:49.5%; display:inline-block; }
#resvdiv p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#resvdiv .lightred { background-color:#ff6666; font-size:1.2em; text-align:center; font-weight:bold; color:#ffffff; }
#resvdiv .lightgray { background-color:#999999; font-size:1.2em; text-align:center; font-weight:bold; color:#ffffff; }
#resvdiv .lightblue { background-color:#6666ff; font-size:1.2em; text-align:center; font-weight:bold; color:#ffffff; }

#resvdiv .whitered { background-color:#ffcccc; vertical-align:top; text-align:left; }
#resvdiv .whitegray { background-color:#eeeeee; vertical-align:top; text-align:left; }
#resvdiv .white { background-color:#ffffff; vertical-align:top; text-align:left; }
#resvdiv .whiteblue { background-color:#ccccff; vertical-align:top; text-align:left; }

#resvdiv .yearmonth { width:160px; font-size:1.4em; font-weight:bold; text-align:center; display:inline-block; }
#resvdiv .daytext { font-size:1.4em; font-weight:bold; cursor:pointer; }
#resvdiv .daytextoff { font-size:1.2em; color:#bbb; font-weight:bold; }
#resvdiv .res_seq { font-size:1.0em; color:#222; cursor:pointer; }


/** 접속통계관리 **/
#static { width:100%; min-height:400px; margin:10px auto; display:inline-block; }
#static .leftDiv { float:left; width:49.5%; display:inline-block; }
#static .rightDiv { float:right; width:49.5%; display:inline-block; }

#static p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#pageDiv { width:100%; text-align:center; margin:20px 0; display:inline-block; }
#pageDiv img { border:solid 1px #ddd; }
#pageDiv img:hover { border:solid 1px #06c; }
#pageDiv .page_now {	background:#3b3b3b; width:34px; height:34px; font-size:1.0em; color:#FFF; line-height:33px; border:1px solid #3b3b3b; display:inline-block; }
#pageDiv .page_links { background:#fff; width:34px; height:34px; font-size:1.0em; line-height:33px; border:1px solid #CCC; display:inline-block; }

/*** 이미지 리스트 ***/
#imglist { width:100%; display:inline-block; }
#imglist ul { width:100%; list-style:none; display:inline-block; }
#imglist ul li { float:left; margin:1%; width:18%; text-align:center; }
#imglist ul li img { width:98%; }


/** 일정관리 **/
#schediv { width:100%; min-height:400px; margin:10px auto; display:inline-block; }
#schediv .leftDiv { float:left; width:60%; display:inline-block; }
#schediv .rightDiv { float:right; width:39%; display:inline-block; }
#schediv p { width:100%; text-align:left; margin:5px 0; text-indent:0.5em; }

#schediv .main_mnu_class {font-weight:bold; font-size:9pt; padding-top:5; padding-right:20; padding-bottom:0; padding-left:20;}
#schediv .main_mnu_class a{text-decoration:none;}

#schediv .sub_mnu_class {font-size:9pt; padding-top:10;}
#schediv .sub_mnu_class a{text-decoration:none;}

#schediv .lightred { background:#ff6666; font-size:1.2em; text-align:center; font-weight:bold; color:#ffffff; }
#schediv .lightgray { background:#999999; font-size:1.2em; text-align:center; font-weight:bold; color:#ffffff; }
#schediv .lightblue { background:#6666ff; font-size:1.2em; text-align:center; font-weight:bold; color:#ffffff; }

#schediv .whitered { background:#ffcccc; vertical-align:top; }
#schediv .whitegray { background:#eeeeee; vertical-align:top; }
#schediv .white { background:#ffffff; vertical-align:top; }
#schediv .whiteblue { background:#ccccff; vertical-align:top; }

#schediv .yearmonth { width:160px; font-size:1.0em; font-weight:bold; text-align:center; display:inline-block; }
#schediv .daytext { font-size:1.2em; font-weight:bold; }
#schediv .daytextoff { font-size:1.2em; color:#bbb; font-weight:bold; }
#schediv .sche_seq { font-size:1.0em; color:#222; cursor:pointer; }
#schediv ul { width:100%; }
#schediv li { float:left; width:100%; text-align:left; display:block; }
#schediv li:hover { color:#f60; font-weight:bold; }


.stateAct { cursor:pointer; }
.stateAct:hover { background-color:#ffff00; }

.dbl_check { min-width:55px; background-color:#222; margin:0 0.3em; padding:0.2em 0.5em; text-align:center; color:#fff; font-size:1.0em; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; }
.dbl_check:hover { background-color:#59C; }

/*** 영역분할 ***/
.titleDiv { width:98%; min-height:20px; margin:10px auto; }
.divlft10 { float:left; width:10%; }
.divlft20 { float:left; width:20%; }
.divlft30 { float:left; width:30%; }
.divlft40 { float:left; width:40%; }
.divlft50 { float:left; width:50%; }
.divlft60 { float:left; width:60%; }
.divlft70 { float:left; width:70%; }
.divlft80 { float:left; width:80%; }
.divlft90 { float:left; width:90%; }

.divrgt10 { float:right; width:10%; }
.divrgt20 { float:right; width:20%; }
.divrgt30 { float:right; width:30%; }
.divrgt40 { float:right; width:40%; }
.divrgt50 { float:right; width:50%; }
.divrgt60 { float:right; width:60%; }
.divrgt70 { float:right; width:70%; }
.divrgt80 { float:right; width:80%; }
.divrgt90 { float:right; width:90%; }

/*** 고용지표 ***/
#divwininfo { position:absolute; top:50px; left:400px; width:500px; height:400px; border:solid 2px #59c; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; background-color:#ddeeff; cursor:move; display:none; z-index:99; }
#divwininfo .wininfodiv { width:calc(100% -20px); padding:10px; min-height:600px; }


/*** 고용기상도 ***/
#divweainfo { position:absolute; top:50px; left:400px; width:500px; height:400px; border:solid 2px #59c; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; background-color:#ddeeff; cursor:move; display:none; z-index:99; }
#divweainfo .weainfodiv { width:calc(100% -20px); padding:10px; min-height:600px; }

.hover { color:#000; cursor:pointer; }
.hover:hover { font-weight:bold; color:#09f; }

.lnover { }
.lnover:hover { background-color:#ff8; }

.trover { cursor:pointer; }
.trover:hover { background-color:#ff8; }


/************* ul :: 레디오/체크박스 *********/
.ul4step { width:100%; }
.ul4step li { float:left; width:25%; padding:3px 0; text-align:left; }

.ul5step { width:100%; }
.ul5step li { float:left; width:20%; padding:3px 0; text-align:left; }

/************* ul :: 스크롤박스 *********/
.ulscrollbox { width:calc(100% - 12px); height:150px; padding:0 5px; border:solid 1px #222; overflow:scroll; }
.ulscrollbox li { width:calc(100% - 20px); padding:2px 10px; }
.ulscrollbox li:hover { background-color:#09c; color:#fff; }

/************* ul :: 스크롤박스 *********/
#sosokDiv { position:absolute; left:10px; top:35px; width:92%; height:200px; border:solid 2px #059; padding:5px; background-color:#fff; overflow-y:scroll; display:none; z-index:99; }
#sosokDiv ul { width:100%; }
#sosokDiv ul li { width:calc(100% - 20px); padding:2px 10px; cursor:pointer; }
#sosokDiv ul li:hover { background-color:#09c; color:#fff; }

#enameDiv { position:absolute; left:10px; top:35px; width:92%; height:200px; border:solid 2px #095; padding:5px; background-color:#fff; overflow-y:scroll; display:none; z-index:99; }
#enameDiv ul { width:100%; }
#enameDiv ul li { width:calc(100% - 20px); padding:2px 10px; cursor:pointer; }
#enameDiv ul li:hover { background-color:#0c9; color:#fff; }

/** 머리 로고 아이콘 **/
.favidiv { width:100%; min-height:30px; padding-top:3px; text-align:left; text-indent:2.0em; background: url('/favicon.png') no-repeat left center; background-size:25px; border-bottom:solid 1px #222; }


/** 이수증 출력 ***/
.eprint { cursor:pointer; font-weight:bold; color:red; }



/*** 이모지콘 ***/
/****************************************************/
/** 프린트 **/
.ico_print { padding:2px; background-color:#fff; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_print::before { content:'\1F4C7'; }
.ico_print:hover { background-color:#f60; color:#fff; }

/** 수정 **/
.ico_modify { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_modify::before { content:'\1F4DD'; }
.ico_modify:hover { background-color:#f60; color:#fff; }

/** 삭제/사용안함 **/
.ico_delete { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_delete::before { content:'\1F4DB'; }
.ico_delete:hover { background-color:#f60; color:#fff; }

/** 운용/사용함 **/
.ico_doing { padding:2px; background-color:#ddd; text-align:center; border:solid 1px #ccc; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_doing::before { content:'\1F935'; }
.ico_doing:hover { background-color:#f60; color:#fff; }
.ico_doingov { padding:2px; background-color:#f60; color:#fff; text-align:center; border:solid 1px #ccc; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_doingov::before { content:'\1F935'; }

/** 첨부 **/
.ico_attach { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_attach::before { content:'\1F517'; }
.ico_attach:hover { background-color:#f60; color:#fff; }

/** 파일 **/
.ico_file { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_file::before { content:'\1F4BE'; }
.ico_file:hover { background-color:#f60; color:#fff; }

/** 잠김 **/
.ico_lock { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_lock::before { content:'\1F512'; }
.ico_lock:hover { background-color:#f60; color:#fff; }

/** 열림 **/
.ico_open { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_open::before { content:'\1F513'; }
.ico_open:hover { background-color:#f60; color:#fff; }

/** 교환 **/
.ico_change { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_change::before { content:'\1F501'; }
.ico_change:hover { background-color:#f60; color:#fff; }

/** 이동 **/
.ico_move { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_move::before { content:'\1F500'; }
.ico_move:hover { background-color:#f60; color:#fff; }

/** 찾기 **/
.ico_search { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_search::before { content:'\1F50D'; }
.ico_search:hover { background-color:#f60; color:#fff; }

/** 내리기 **/
.ico_down { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_down::before { content:'\1F4E5'; }
.ico_down:hover { background-color:#f60; color:#fff; }

/** 올리기 **/
.ico_up { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_up::before { content:'\1F4E4'; }
.ico_up:hover { background-color:#f60; color:#fff; }


/** 아래로 이동 **/
.ico_mdown { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_mdown::before { content:'▼'; }
.ico_mdown:hover { background-color:#f60; color:#fff; }

/** 위로 이동 **/
.ico_mup { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_mup::before { content:'▲'; }
.ico_mup:hover { background-color:#f60; color:#fff; }


/** 창닫기 **/
.ico_close { padding:2px; background-color:#fff; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_close::before { content:'\1F4F5'; }
.ico_close:hover { background-color:#f60; color:#fff; }

/** 저장하기 **/
.ico_save { padding:2px; background-color:#fff; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_save::before { content:'\1F4BD'; }
.ico_save:hover { background-color:#f60; color:#fff; }



/*** 기타아이콘 ****/
/** 달력 **/
.ico_calendar { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_calendar::before { content:'\1F4C5'; }
.ico_calendar:hover { background-color:#f60; color:#fff; }

/** 통계 **/
.ico_static { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_static::before { content:'\1F4C8'; }
.ico_static:hover { background-color:#f60; color:#fff; }

/** 댓글 **/
.ico_comment { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_comment::before { content:'\1F4AC'; }
.ico_comment:hover { background-color:#f60; color:#fff; }

/** 편지 **/
.ico_email { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_email::before { content:'\1F4E7'; }
.ico_email:hover { background-color:#f60; color:#fff; }

/** 서류 **/
.ico_doc { padding:2px 10px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_doc::before { content:'\1F4C2'; }
.ico_doc:hover { background-color:#f60; color:#fff; }

/** 포인트 **/
.ico_point { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_point::before { content:'\1F4CC'; }
.ico_point:hover { background-color:#f60; color:#fff; }

/** 열쇠 **/
.ico_key { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_key::before { content:'\1F511'; }
.ico_key:hover { background-color:#f60; color:#fff; }


/** 좌로 이동 **/
.ico_left { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_left::before { content:'\1F880'; }
.ico_left:hover { background-color:#59c; color:#fff; }


/** 우로 이동 **/
.ico_right { padding:2px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_right::before { content:'\1F882'; }
.ico_right:hover { background-color:#59c; color:#fff; }

/** 추가 **/
.ico_add { padding:2px 6px; margin-right:3px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_add::before { content:'\271A'; }
.ico_add:hover { background-color:#59c; color:#fff; }

/** 수정 **/
.ico_edit { padding:2px 3px; margin-right:3px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_edit::before { content:'\1F4DD'; }
.ico_edit:hover { background-color:#59c; color:#fff; }

/** 삭제 **/
.ico_del { padding:2px 6px; margin-right:3px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_del::before { content:'\2716'; }
.ico_del:hover { background-color:#59c; color:#fff; }

/** 보기 **/
.ico_view { padding:2px 3px; margin-right:3px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_view::before { content:'\1F4D6'; }
.ico_view:hover { background-color:#59c; color:#fff; }

/** 결과 **/
.ico_result { padding:2px 6px; margin-right:3px; background-color:#ddd; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_result::before { content:'\1F4CA'; }
.ico_result:hover { background-color:#c59; color:#fff; }

/** 파일 **/
.ico_disk { padding:5px; cursor:pointer; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; display:inline-block; }
.ico_disk::before { content:'\1F4BE'; }
.ico_disk:hover { background-color:#ddd; }

/** 우편번호 **/
.ico_post { padding:2px 6px 5px 6px; margin-right:3px; background-color:#222; color:#fff; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_post::before { content:'\1F4EC'; }
.ico_post:hover { background-color:#59c; }


/** 엑셀저장 **/
.ico_excel { padding:2px 6px 5px 6px; margin-right:3px; background-color:#09c; color:#fff; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_excel::before { content:'\274E'; }
.ico_excel:hover { background-color:#059; }

/** 상신 ***/
.ico_play { padding:2px 6px; margin-right:3px; background-color:#0c9; color:#fff; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_play::before { content:'\1F4DC'; }
.ico_play:hover { background-color:#095; color:#fff; }


/** 인력 **/
.ico_person { padding:2px 5px; cursor:pointer; background-color:#fff; border:solid 1px #ddd; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; display:inline-block; }
.ico_person::before { content:'\1F935'; }
.ico_person:hover { background-color:#f60; color:#fff; }

.ico_personov { padding:2px 5px; cursor:pointer; background-color:#f60; color:#fff; border:solid 1px #ddd; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; display:inline-block; }
.ico_personov::before { content:'\1F935'; }

.threetab { list-style:none; width:100%; }
.threetab li { float:left; width:33%; }


/** 서명하기 **/
.ico_sign { padding:2px 10px; margin-right:3px; background-color:#09c; color:#fff; text-align:center; font-size:1.0em; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; cursor:pointer; display:inline-block; }
.ico_sign::before { content:'\1F4DD'; }
.ico_sign:hover { background-color:#059; }


/** TBM 활동 및 교육 - 상세보기 표 적용 **/
.ullidiv { width:100%; }
.ullidiv ul { width:100%; min-height:20px; display:inline-block; }
.ullidiv ul li { float:left; margin:2px 0; padding-left:20px; }


/** 체크항목 **/
.ullidiv2 { width:100%; min-height:auto; display:inline-block; }
.ullidiv2 li { float:left; width:50%; margin:2px 0; text-align:left; }

.ullidiv3 { width:100%; min-height:auto; display:inline-block; }
.ullidiv3 li { float:left; width:33%; margin:2px 0; text-align:left; }

.ullidiv4 { width:100%; min-height:auto; display:inline-block; }
.ullidiv4 li { float:left; width:25%; margin:2px 0; text-align:left; }

.ullidiv5 { width:100%; min-height:auto; display:inline-block; }
.ullidiv5 li { float:left; width:20%; margin:2px 0; text-align:left; }

.ullidiv6 { width:100%; min-height:auto; display:inline-block; }
.ullidiv6 li { float:left; width:16.6%; margin:2px 0; text-align:left; }

.ullidiv7 { width:100%; min-height:auto; display:inline-block; }
.ullidiv7 li { float:left; width:14.2%; margin:2px 0; text-align:left; }

.ullidiv8 { width:100%; min-height:auto; display:inline-block; }
.ullidiv8 li { float:left; width:12.5%; margin:2px 0; text-align:left; }

.ullidiv9 { width:100%; min-height:auto; display:inline-block; }
.ullidiv9 li { float:left; width:11.1%; margin:2px 0; text-align:left; }

.ullidiv10 { width:100%; min-height:auto; display:inline-block; }
.ullidiv10 li { float:left; width:10%; margin:2px 0; text-align:left; }

.ullifulldiv { width:100%; min-height:auto; display:inline-block; }
.ullifulldiv li { width:100%; text-align:center; padding:5px 0; }
.ullifulldiv li:nth-child(n+2) { border-top:dotted 1px #ccc; }

/*****************************************************************/

.riskulli1 { position:absolute; left:0; top:100px; width:400px; height:250px; padding:5px; background-color:#ffffff; border:solid 1px #59c; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; display:none; overflow-y:scroll; }
.riskulli1 ul { width:100%; display:inline-block; }
.riskulli1 ul li { width:100%; margin:5px 0; background-color:#ffffff; text-align:left; cursor:pointer; }
.riskulli1 ul li:hover { background-color:#f5f500; }

.riskulli2 { position:absolute; left:0; top:135px; width:400px; height:250px; padding:5px; background-color:#ffffff; border:solid 1px #59c; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; display:none; }
.riskulli2 ul { width:100%; height:210px; display:inline-block; overflow-y:scroll; }
.riskulli2 ul li { width:100%; margin:5px 0; background-color:#ffffff; text-align:left; cursor:pointer; }
.riskulli2 ul li:hover { background-color:#f5f500; }

.riskulli3 { position:absolute; left:300px; top:-300px; width:460px; height:250px; padding:5px; background-color:#09c; border:solid 1px #59c; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; display:none; }
.riskulli3 ul { width:98%; margin:7px auto; height:210px; background-color:#ffffff; display:inline-block; overflow-y:scroll; }
.riskulli3 ul li { float:left; width:33%; margin:5px 0; text-align:left; text-indent:0.5em; cursor:pointer; }
.riskulli3 ul li:hover { background-color:#f5f500; }

.riskulli4 { position:absolute; left:0px; top:0px; width:98%; padding:5px; background-color:#09c; border:solid 1px #59c; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; display:none; }
.riskulli4 ul { width:98%; margin:7px auto; height:200px; background-color:#ffffff; display:inline-block; overflow-y:scroll; }
.riskulli4 ul li { float:left; width:25%; margin:5px 0; text-align:left; text-indent:0.5em; cursor:pointer; }
.riskulli4 ul li:hover { background-color:#f5f500; }

/**************************** 레이블 처리 ***********/
.lb_y { width:auto; text-align:left; }
.lb_y::before { content:"\1F4CD"; padding-right:5px; }

.lb_n { width:auto; text-align:left; }
.lb_n::before { content:"\1FAA1"; padding-right:5px; }

.lb_o { width:auto; text-align:left; }
.lb_o::before { content:"\1F48E"; padding-right:5px; }


/**************************** 다중파일업로드 ***********/
.file-list { height: 200px; overflow: auto; border: 1px solid #989898; padding: 5px;	}
.file-list .filebox p { margin-top:5px; display: inline-block; }
.file-list .filebox .delete { color: #ff5353; margin-left:5px; }

.file-lists { height: 120px; overflow: auto; border: 1px solid #989898; padding: 5px;	}
.file-lists .filebox p { margin-top:5px; display: inline-block; }
.file-lists .filebox .delete { color: #ff5353; margin-left:5px; }

/** 파일목록 출력 **/
.filedldt { width:100%; height:auto; display:inline-block; }
.filedldt dl { width:100%; margin:2px 0; height:auto; min-height:20px; border-bottom:dotted 1px #ddd; display:inline-block; }
.filedldt dl dt { float:left; width:86%; text-align:left; padding:2px 1%; }
.filedldt dl dt::before { content:"\1F9F7"; padding-right:10px; }
.filedldt dl dd { float:right; width:10%; min-width:60px; text-align:center; padding:2px; }
.filedldt dl:hover { background-color:#ff9; }


.filedldt2 { width:100%; height:auto; display:inline-block; }
.filedldt2 dl { width:100%; margin:2px 0; height:auto; min-height:20px; border-bottom:dotted 1px #ddd; display:inline-block; }
.filedldt2 dl dt { float:left; width:78%; text-align:left; padding:2px 1%; }
.filedldt2 dl dt::before { content:"\1F9F7"; padding-right:10px; }
.filedldt2 dl dd { float:right; width:18%; min-width:60px; text-align:center; padding:2px; }
.filedldt2 dl:hover { background-color:#ff9; }

.d-flex {
    display: flex;
}

.mb-15px {
    margin-bottom: 15px;
}

.align-items-center {
    align-items: center;
}

.page-safe .wrap-content {
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border: solid 3px #3953b7;
    border-radius: 5px;
}

.page-safe .wrap-content .wrap-data {
    width: 100%;
}

.page-safe .wrap-content .wrap-head .text-title {
    margin-bottom: 30px;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #3953b7
}

.page-safe .wrap-content .wrap-data .wrap-head {
    width: 10%;
}

.page-safe .wrap-content .wrap-data .wrap-head .text-label {
    font-weight: bold;
}

.page-safe .wrap-content .wrap-data .wrap-list-item {
    max-width: 90%;
    padding-bottom: 5px;
}

.scroll-disp {
    overflow-x: scroll;
    overflow-y: hidden;
}

.page-safe .wrap-content .wrap-data .wrap-list-age .item-list .item {
    width: 60px;
}

.page-safe .wrap-content .wrap-data .item-list {
    display: table;
    width: 100%;
    margin-bottom: -1px;
    border-collapse: collapse;
}

.bg-weak {
    background: #f3f3f3;
}

.page-safe .wrap-content .wrap-data .item-list .item:first-child {
    min-width: 60px;
}

.page-safe .wrap-content .wrap-data .item-list .item {
    display: table-cell;
    min-width: 80px;
    max-width: 120px;
    padding: 5px;
    border: solid 1px #ddd;
}