@charset "euc-kr";

/* layout */
body {margin:0;}
/*html>body {overflow-y:scroll;}*/
.container { position: relative; width:984px; height:100%; margin:0 auto;}

.header { position: relative; width:984px; height:65px;}
.logo { width:181px; float:left; padding:12px 0 0 3px; text-align: center;}
.menu { width:788px; margin-top:13px; float:right; background:url(../[TPH_Vimages]/menu_back.gif) no-repeat 0 0;}

.footer {width:984px; height:70px; background:url(../[TPH_Vimages]/footer.gif) no-repeat center 18px; border-top:solid 1px #d2d2d2; position:relative; clear:both;}

/*IE8 에서 테두리 안보임 문제때문에 삽입*/
/*table.MsoTableGrid tr td table tr td { border:1px solid #000 !important;}*/

.leftCon { width:196px; float:left;}
.leftCon table:first-child { width:180px; margin-bottom: 10px; border-radius: 2px; background: #1f579f !important;}
.leftCon table:first-child tr td { padding-right: 5px;}
.leftCon table:first-child tr:last-child { display: none;}
.leftCon table:first-child tr:nth-child(4) td { padding-bottom: 8px;}
.leftCon table:first-child tr:nth-child(5) td { display: none;}
.leftCon table:first-child tr:nth-child(10) td { padding-top: 2px; padding-bottom: 5px;}
.mainCon { width:788px; float:left;}

.menuBar { background:url(../[TPH_Vimages]/menu_bar.gif) no-repeat center right;}
.smenuLine { background:url(../[TPH_Vimages]/line_smenu.gif) no-repeat center bottom;}

.groupBox { padding:15px; text-align:left; height:552px; overflow-y:auto;}
.groupBox ul li { min-height:10px;}
.groupBox .grAon { padding:6px 0 3px 15px; font-weight:bold; cursor:pointer; background:url(../[TPH_Vimages]/gr_a_on.gif) no-repeat;}
.groupBox .grAoff { padding:6px 0 3px 15px; font-weight:bold; cursor:pointer; background:url(../[TPH_Vimages]/gr_a_off.gif) no-repeat;}
.groupBoxa { padding:15px; text-align:left; height:580px; overflow:auto;}
.groupBoxa .grAon { padding:6px 0 3px 15px; font-weight:bold; cursor:pointer; background:url(../[TPH_Vimages]/gr_a_on.gif) no-repeat;}
.groupBoxa .grAoff { padding:6px 0 3px 15px; font-weight:bold; cursor:pointer; background:url(../[TPH_Vimages]/gr_a_off.gif) no-repeat;}

.groupBox2 .grBon { padding:6px 0 3px 30px; font-weight:bold; cursor:pointer; background:url(../[TPH_Vimages]/gr_b_on.gif) no-repeat;}
.groupBox2 .grBoff { padding:6px 0 3px 30px; font-weight:bold; cursor:pointer; background:url(../[TPH_Vimages]/gr_b_off.gif) no-repeat;}
.groupBox2 .grBoffLast { padding:6px 0 3px 30px; font-weight:bold; cursor:pointer; background:url(../[TPH_Vimages]/gr_b_off_last.gif) no-repeat;}
.groupBox2 .grBonLast { padding:6px 0 3px 30px; font-weight:bold; cursor:pointer; background:url(../[TPH_Vimages]/gr_b_on_last.gif) no-repeat;}

.groupBox3 .grCon { padding:5px 0 2px 34px; cursor:pointer; background:url(../[TPH_Vimages]/gr_c_on.gif) no-repeat;}
.groupBox3 .grConLast { padding:5px 0 2px 34px; cursor:pointer; background:url(../[TPH_Vimages]/gr_c_on_last.gif) no-repeat;}
.groupBox3 .grC2on { padding:5px 0 2px 34px; cursor:pointer; background:url(../[TPH_Vimages]/gr_c2_on.gif) no-repeat;}
.groupBox3 .grC2onLast { padding:5px 0 2px 34px; cursor:pointer; background:url(../[TPH_Vimages]/gr_c2_on_last.gif) no-repeat;}

.groupBox3 .grC3Mid { padding:5px 0 2px 20px; cursor:pointer; background:url(../[TPH_Vimages]/gr_c3_mid.gif) no-repeat; }
.groupBox3 .grC3Last { padding:5px 0 2px 20px; cursor:pointer; background:url(../[TPH_Vimages]/gr_c3_last.gif) no-repeat;}

.titleOn { background:#006fb0; color:#FFF;}

.groupBox0yes  {padding-left:15px; background:url(../[TPH_Vimages]/gr_line.gif) repeat-y left;}
.groupBox0no  {padding-left:15px;}

.adminBox01 { height:180px; padding:10px; overflow:auto;}
.adminBox01 table tr td { height:20px;}
.adminBox02 { height:140px; padding:10px;}

/*navi*/

/* align */
.alignL { text-align:left !important; }
.alignC { text-align:center !important; }
.alignR { text-align:right !important; }
.floatL { float:left; }
.floatR { float:right; }
.left10 { padding-left:10px !important; text-align:left !important; }
.left15 { padding-left:15px; text-align:left !important; }
.left20 { padding-left:20px !important; text-align:left !important; }
.right10 { text-align:right !important; padding-right:10px !important; }
.verAlignT { vertical-align:top !important; }
.verAlignM { vertical-align:middle !important; }

/* margin */
.mAuto { margin:0 auto; }
.mt2 { margin-top:2px !important; }
.mt5 { margin-top:5px !important; }
.mt8 { margin-top:8px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mt110 { margin-top:110px !important; }

.mr15 { margin-right:15px !important; }

.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }
.ml120 { margin-left:120px !important; }
.ml150 { margin-left:150px !important; }
.ml200 { margin-left:200px !important; }
.ml250 { margin-left:250px !important; }
.ml300 { margin-left:300px !important; }
.ml350 { margin-left:350px !important; }

.mt_20 { margin-top:-20px !important; }

/* padding */
.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl18 { padding-left:18px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pb5 { padding-bottom:5px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pr10 { padding-right:10px !important; }
.pr20 { padding-right:20px !important; }
.pr30 { padding-right:30px !important; }
.pr40 { padding-right:40px !important; }
.pr50 { padding-right:50px !important; }
.pr60 { padding-right:60px !important; }
.pr70 { padding-right:70px !important; }
.pr80 { padding-right:80px !important; }
.pr90 { padding-right:90px !important; }
.pr100 { padding-right:100px !important; }
.pr120 { padding-right:120px !important; }
.pr150 { padding-right:150px !important; }

/* width */
.wid100p { width:100%; }
.wid50 { width:50px !important; }
.wid100 { width:100px !important; }
.wid130 { width:130px !important; }
.wid140 { width:140px !important; }
.wid150 { width:150px !important; }
.wid200 { width:200px !important; }
.wid210 { width:210px !important; }
.wid200 { width:200px !important; }
.wid225 { width:225px !important; }
.wid310 { width:310px !important; }
.wid400 { width:400px !important; }

/*line-height*/
.lh20 { line-height: 20px !important;}
.lh25 { line-height: 25px !important;}
.lh30 { line-height: 30px !important;}
.lh35 { line-height: 35px !important;}
.lh40 { line-height: 40px !important;}
.lh45 { line-height: 45px !important;}
.lh50 { line-height: 50px !important;}

/*font-size*/
.fs14 { font-size: 14px; !important}
.fs16 { font-size: 16px; !important}
.fs18 { font-size: 18px; !important}
.fs20 { font-size: 20px; !important}
.fs22 { font-size: 22px; !important}
.fs24 { font-size: 24px; !important}
.fs26 { font-size: 26px; !important}
.fs28 { font-size: 28px; !important}
.fs30 { font-size: 30px; !important}
.fs32 { font-size: 32px; !important}
.fs34 { font-size: 34px; !important}
.fs40 { font-size: 40px; !important}
.fs50 { font-size: 50px; !important}

/* input */
.check { margin-top:1px; vertical-align:middle; }
.txtBox01 { border: solid 1px #999; height:15px; padding-top:3px; vertical-align:middle;}
.txtBox01+img { vertical-align:middle;}
.txtBox01b { border: solid 1px #d2d2d2; height:16px;}
.txtBox02 { border: solid 1px #999;}
.txtBox03_50 { width: 50%; border: solid 1px #999; height: 23px;}
.txtBox03_100 { width: 100%; border: solid 1px #999; height: 23px;}
.txtBox03_10 { width: 10%; border: solid 1px #999; height: 23px;}
.txtBox03_20 { width: 20%; border: solid 1px #999; height: 23px;}
.txtBox03_30 { width: 30%; border: solid 1px #999; height: 23px;}
.txtBox03_40 { width: 40%; border: solid 1px #999; height: 23px;}
.radio { margin-top:-1px; vertical-align:middle; }
/*	*html .radio { margin-top:-2px; }
	*+html .radio { margin-top:-2px; }*/
.typeBtn { display:block; overflow:hidden; padding:0; cursor:pointer; text-indent:-1000em; border:0; }
.input01 { height:17px; font:12px/17px dotum; border:1px solid #d4d0c8; }

/* font */
.fontBor { font-weight:bold !important; }
.fcBlack * { color: #000 !important;}

/* font color */

.small		{ color:#444; FONT-SIZE:11PX; line-height:14px }
.small A:link {color: #444; font-size: 11px; line-height:14px}
.small A:visited {color:#444; font-size: 11px; line-height:14px}
.small A:active {color:#444; font-size: 11px; line-height:14px}
.small A:hover {color: #444; font-size: 11px; line-height:14px; text-decoration:underline}

.small_b		{ color:#444; FONT-SIZE:11PX; line-height:14px; font-weight:bold}
.small_b A:link {color: #444; font-size: 11px; line-height:14px; font-weight:bold}
.small_b A:visited {color:#444; font-size: 11px; line-height:14px; font-weight:bold}
.small_b A:active {color:#444; font-size: 11px; line-height:14px; font-weight:bold}
.small_b A:hover {color: #444; font-size: 11px; line-height:14px; text-decoration:underline; font-weight:bold}

.small_b_6a6a6a		{ color:#6a6a6a; FONT-SIZE:11PX; line-height:14px; font-weight:bold}
.small_b_6a6a6a A:link {color: #6a6a6a; font-size: 11px; line-height:14px; font-weight:bold}
.small_b_6a6a6a A:visited {color:#6a6a6a; font-size: 11px; line-height:14px; font-weight:bold}
.small_b_6a6a6a A:active {color:#6a6a6a; font-size: 11px; line-height:14px; font-weight:bold}
.small_b_6a6a6a A:hover {color: #6a6a6a; font-size: 11px; line-height:14px; text-decoration:underline; font-weight:bold}

.small_6a6a6a		{ color:#6a6a6a; FONT-SIZE:11PX; line-height:14px;}
.small_6a6a6a A:link {color: #6a6a6a; font-size: 11px; line-height:14px;}
.small_6a6a6a A:visited {color:#6a6a6a; font-size: 11px; line-height:14px;}
.small_6a6a6a A:active {color:#6a6a6a; font-size: 11px; line-height:14px;}
.small_6a6a6a A:hover {color: #6a6a6a; font-size: 11px; line-height:14px; text-decoration:underline;}

.small_b_971725		{ color:#971725; FONT-SIZE:11PX; line-height:14px; font-weight:bold}
.small_b_971725 A:link {color: #971725; font-size: 11px; line-height:14px; font-weight:bold}
.small_b_971725 A:visited {color:#971725; font-size: 11px; line-height:14px; font-weight:bold}
.small_b_971725 A:active {color:#971725; font-size: 11px; line-height:14px; font-weight:bold}
.small_b_971725 A:hover {color: #971725; font-size: 11px; line-height:14px; text-decoration:underline; font-weight:bold}

.small_971725		{ color:#971725; FONT-SIZE:11PX; line-height:14px;}
.small_971725 A:link {color: #971725; font-size: 11px; line-height:14px;}
.small_971725 A:visited {color:#971725; font-size: 11px; line-height:14px;}
.small_971725 A:active {color:#971725; font-size: 11px; line-height:14px;}
.small_971725 A:hover {color: #971725; font-size: 11px; line-height:14px; text-decoration:underline;}

.W1 {color: #fff;font-size: 12px;}
.W1 A:link {color: #fff;font-size: 12px;}
.W1 A:visited {color:#fff;font-size: 12px;}
.W1 A:active {color:#fff;font-size: 12px;}
.W1 A:hover {color: #fff;font-size: 12px;text-decoration:underline}

.W2 {color: #fff; font-size: 11px;}
.W2 A:link {color: #fff; font-size: 11px;}
.W2 A:visited {color:#fff; font-size: 11px;}
.W2 A:active {color:#fff; font-size: 11px;}
.W2 A:hover {color: #fff;font-size: 11px; text-decoration:underline}

.a14b		{ color:#000; font:14px/16px gulim; font-weight:bold;}
.a14b a:link {color: #000; font:14px/16px gulim; font-weight:bold;}
.a14b a:visited {color:#000; font:14px/16px gulim; font-weight:bold;}
.a14b a:active {color:#000; font:14px/16px gulim; font-weight:bold;}
.a14b a:hover {color: #000; font:14px/16px gulim; text-decoration:underline; font-weight:bold;}

.a16b		{ color:#000; FONT-SIZE:16px; font-weight:bold; letter-spacing:-1px;}

.content4 {	FONT-SIZE: 9pt; LINE-HEIGHT: normal; FONT-STYLE: normal;}
.bk12b { font-size: 12pt; font-weight: bold;}
.bk13b { font-size: 11pt; font-weight: bold; letter-spacing:-1px;}
.bk13b_w { color: #fff; font-size: 10pt; font-weight: bold;}
.bk14b { color: #fff; font-size: 11pt; font-weight: bold; letter-spacing:-1px;}
.bk15b { font-size: 15pt; font-weight: bold; line-height:30px;}
.w16b { color: #ffffff; font-size: 14pt; font-weight:  bold; letter-spacing:-1px; line-height:23px;}

.black01b { color:#444; font:14px/14px dotum; font-weight:bold;}
.black01s { color:#444; font:11px/14px dotum;}
.black01sb { color:#444; font:11px/14px dotum; font-weight:bold;}
.black01sb2 { color:#777; font:11px/14px dotum; font-weight:bold;}

.white01b { color:#FFF; font:12px/14px dotum; font-weight:bold;}
.white01b a { color:#FFF; font:12px/14px dotum; font-weight:bold;}
.white01 { color:#FFF; font:12px/14px dotum;}
.white01 a { color:#FFF; font:12px/14px dotum;}
.white01bs { color:#FFF; font:11px/14px dotum; font-weight:bold;}
.white01bs a { color:#FFF; font:11px/14px dotum; font-weight:bold;}
.white01s { color:#FFF; font:11px/14px dotum;}
.white01s a { color:#FFF; font:11px/14px dotum;}
.white02b { color:#FFF; font:14px/14px dotum; font-weight:bold;}
.white02b a { color:#FFF; font:14px/14px dotum; font-weight:bold;}

.blue01, .blue01 a { color:#4bc3ff; font:12px/14px dotum;}
.blue01b, .blue01b a { color:#4bc3ff; font:12px/14px dotum; font-weight:bold;}
.blue01s, .blue01s a { color:#4bc3ff; font:11px/14px dotum;}
.blue01bs, .blue01bs a { color:#4bc3ff; font:11px/14px dotum; font-weight:bold;}
.blue02, .blue02 a { color:#0066cc; font:12px/14px dotum;}
.blue02b, .blue02b a { color:#0066cc; font:12px/14px dotum; font-weight:bold;}
.blue02sb, .blue02sb a { color:#0066cc; font:11px/14px dotum; font-weight:bold;}
.blue03b, .blue03b a { color:#005cb8; font:30px dotum; font-weight:bold;}
.blue04b, .blue04b a { color:#00558b; font:12px/14px dotum; font-weight:bold;}

.orange01b {color:#e66000; font:12px/14px dotum; font-weight:bold;}
.orange02bs {color:#f68327; font:11px/13px dotum; font-weight:bold;}

.fontRed1 { color:#e60012; }
.fontRed1b { color:#e60012; font-weight:bold; }
.fontRed1b a { color:#e60012; font-weight:bold; }
.fontRed1sb { color:#e60012; font:11px/13px dotum; font-weight:bold; }
.fontblue1 { color:#00a0e9; }
.fontCol01 { color:#78940a; }
.fontCol02 { color:#e07900; }
.fontCol03 { color:#676767; }
.fontCol04 { color:#34353a !important; }
.fontCol05 { color:#96c400 !important; }

.000000_14b		{ color:#000; FONT-SIZE:14px; font-weight:bold;}
.000000_14b A:link {color: #000; font-size: 14px; font-weight:bold;}
.000000_14b A:visited {color:#000; font-size: 14px; font-weight:bold;}
.000000_14b A:active {color:#000; font-size: 14px; font-weight:bold;}
.000000_14b A:hover {color: #000; font-size: 14px;text-decoration:underline; font-weight:bold;}

/* border*/
.b1000 { border-top:solid 1px #ccc;}
.b0100 { border-right:solid 1px #ccc;}
.b0010 { border-bottom:solid 1px #ccc;}
.b0001 { border-left:solid 1px #ccc;}
.b0110 { border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;}
.b1111 { border:solid 1px #ccc;}

.b0010c666 { border-bottom:1px solid #666;}
.b0010dot{border-bottom:1px dashed #999;}

.sche0100 { border-right:solid 1px #959595;}
.sche0001 { border-left:solid 1px #959595;}
.sche0111 { border-left:solid 1px #959595; border-right:solid 1px #959595; border-bottom:solid 1px #959595;}
.sche1111 { border:solid 1px #959595;}

.todayBox { background:#227ecc; font-size:11px; color:#FFF; font-weight:bold;}
.scheDay { background:#f5f5f5; font-size:11px; font-weight:bold; border:solid 1px #6fa0d8;}

/* box type */
.box01 .box01T { height:10px; font-size:1px; background:url("../[TPH_Vimages]/common/bg/bg_box01T.gif") no-repeat 0 0; }
.box01 .box01C { overflow:hidden; width:753px; background:url("../[TPH_Vimages]/common/bg/bg_box01C.gif") no-repeat 0 bottom; }

/* etc */
.line01 { width:100%; height:2px; background:url("../[TPH_Vimages]/common/bg/bg_line01.gif") repeat-x 0 0; }
.lineHe16 { line-height:16px; }

/* common */
.divBox { overflow:hidden; width:572px; }
.on { display:block !important; }

/* padding */
.paging { overflow:hidden; width:100%; height:21px; margin:10px auto; font-size:12px; text-align:center; }
.paging a, .paging strong { display:inline-block; float:left; padding:2px 8px 3px; font:12px/14px dotum; }
.paging a img { display:inline-block; vertical-align:middle; margin-bottom:1px; }
	/*html .paging a img { margin-bottom:6px; }
	*+html .paging a img { margin-bottom:6px; }*/
.paging a.next { padding:0 0 0 5px; }
.paging a.nextL { padding:0; }
.paging a.prevF { padding:0; }
.paging a.prev { padding:0 5px 0 0; }
.paging a.next:hover,
.paging a.nextL:hover,
.paging a.prevF:hover,
.paging a.prev:hover { border:0; background:none; }
.paging .count { margin-right:5px; padding-right:0; }
.paging a, .paging strong  { float:none; margin:0; color:#666; font-weight:bold; }
.paging strong.cur,.paging a:hover { color:#e86e0e; text-decoration:none; border:1px solid #bbb; background-color:#f2f2f2; }

/* tabMenu */
.tabMenu { overflow:hidden; width:572px; height:32px; background:url("../[TPH_Vimages]/common/bg/bg_tabMenu.gif") repeat-x 0 bottom; }
.tabMenuNobg { height:23px; background:none; }
.tabMenu ul li { float:left; height:23px; margin-right:3px; }
.tabMenu ul li a { display:block; width:117px; height:23px; overflow:hidden; text-indent:-10000em; cursor:pointer; }

.pageOn { color:#000; background-color:#f2f2f2; border:1px solid #bbb; padding-top:1px; height:20px; width:28px; font-weight:bold; line-height: 25px;}
.pageOn strong { display: inline-block; width: 28px; height: 24px; line-height: 26px;}
.pageNo { color:#000; padding-top:1px; height:22px; width:28px; line-height: 25px; cursor: pointer;}
.pageNo a { display: inline-block; height: 24px; width: 28px; line-height: 26px; box-sizing: border-box;}
.pageNo:hover { background-color:#f2f2f2; text-decoration: none; font-weight: bold;}
.pageNo:hover a { text-decoration: none; font-weight: bold;}
.pageBtn { padding-top:1px; height:20px; width:18px; cursor:pointer;}
/* IE 6.x  PNG-24  /  摸  歐  CSS/Javascript  */
/*.png24 { tmp:expression(setPng24(this)); }*/

.downDel { float: right; padding-right:5px;}
.noteR { height:200px; overflow-y:scroll; padding:5px; text-align:left;}
* html .noteR {}

.btlOff { display:inline-block; width:61px; height:23px; line-height:28px; text-align:center; background:url("../[TPH_Vimages]/board_tab_off.gif") no-repeat; overflow: hidden;}
.btlOn { display:inline-block; width:61px; height:23px; line-height:28px; text-align:center; background:url("../[TPH_Vimages]/board_tab_on.gif") no-repeat; overflow: hidden;}
a:hover.btlOff, a:hover.btlOn { text-decoration:none;}
.btlOff span { font-weight:bold;}
.btlOn span { color:#FFF; font-weight:bold;}

.btl80Off { display:inline-block; width:80px; height:23px; line-height:28px; text-align:center; background:url("../[TPH_Vimages]/board_tab80_off.gif") no-repeat;}
.btl80On { display:inline-block; width:80px; height:23px; line-height:28px; text-align:center; background:url("../[TPH_Vimages]/board_tab80_on.gif") no-repeat;}
a:hover.btl80Off, a:hover.btl80On { text-decoration:none;}
.btl80Off span { font-weight:bold;}
.btl80On span { color:#FFF; font-weight:bold;}

/*일정관리 공유자목록보기*/
.shareListDiv { position:absolute; z-index:100; width:230px; height:180px; border:2px solid #4f86cb; background:#FFF; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); overflow-y:scroll; }
.shareListDiv table { width:213px;}
.shareListDiv table tr th { height:23px; border-bottom:1px solid #a8a8a8; padding-left:10px; text-align:left;}
.shareListDiv table tr td { height:18px; padding-left:10px; text-align:left;}
.shareListDiv table tr td.placeList ,th.placeList { background:#efefef; width:100px;}
.shareListDiv table tr td.firstLine { padding-top:5px;}
.shareListDiv .closeTop { position:absolute; right:3px; top:4px;}
.shareListDiv .shareEditTop { position:absolute; right:20px; top:4px;}
#sharelist1 img { cursor:pointer;}

/*일정관리 수정20160927*/
.scheTable { width: 100%; margin-bottom: 30px;}
.scheTableTypeWeek { margin-bottom: 0px;}
.scheTableTypeDay {}
.scheTableTop { width: 100%; margin-bottom: 7px; border-top: 1px solid #ddd;}
.scheTableTop td { padding-top: 7px;}
.schePageTd {}
.schePageNum { text-align: left;}
.schePageNum img { vertical-align: middle;}
.schePageNum span { padding: 0 10px 0; font-size: 14px; font-weight: bold; letter-spacing: -0.5px;}
.scheTableWeek td { border-top: 3px solid #0e8bcd; text-align: center;}
.scheTableWeek td:first-child { border-left: 1px solid #999;}
.scheTableWeek td:last-child { border-right: 1px solid #999;}
.scheMonthContOut { border: 1px solid #999;}
.scheMonthCont > tbody > tr > td { padding: 2px 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.scheMonthCont > tbody > tr:first-child > td { border-top: none;}
.scheMonthCont > tbody > tr > td:first-child { border-left: none;}
.scheWeekCont { border-top: 3px solid #0e8bcd;}
.scheWeekCont > tbody > tr > td:first-child { border-left: 1px solid #999;}
.scheWeekCont > tbody > tr > td:last-child { border-right: 1px solid #999;}
.scheWeekCont > tbody > tr:last-child > td { border-bottom: 1px solid #999; border-top: 1px solid #999;}
.scheDayCont { border-top: 3px solid #0e8bcd;}
.scheDayCont > tbody > tr > td:first-child { border-left: 1px solid #999;}
.scheDayCont > tbody > tr > td:last-child { border-right: 1px solid #999;}
.scheDayCont > tbody > tr:last-child > td { border-bottom: 1px solid #999; border-top: 1px solid #999;}

/*20140325 결재지정표*/
table.workflowTable { width:788px;}

table.workflowInfo { width:100%; border-right:1px solid #555; border-bottom:1px solid #555;}
table.workflowInfo tr th,
table.workflowInfo tr td { border-top:1px solid #555; border-left:1px solid #555;}
table.workflowInfo tr th { width:70px; background:#c6d9f1;}

table.workflowWorkpath { width:100%;}
table.workflowWorkpath tr th,
table.workflowWorkpath tr td { border-top:1px solid #555; border-left:1px solid #555;}
table.workflowWorkpath tr th { background:#c6d9f1;}
table.workflowWorkpath tr td { text-align:center;}
table.workflowWorkpath tr th.WorkpathThLeft { width:15px; border-left:0;}
table.workflowWorkpath:first-child tr th.WorkpathThLeft { border-top:0;}
table.workflowWorkpath:first-child tr th.WorkpathThTop { border-top:0;}
table.workflowWorkpath tr th.WorkpathThTop { width:60px; height:20px; padding-top:4px;}
table.workflowWorkpath tr td.WorkpathTdName { height:22px;}
table.workflowWorkpath tr td.WorkpathTdStamp { height:60px;}
table.workflowWorkpath tr td.WorkpathTdStamp span { display: block; padding-top: 2px;}
table.workflowWorkpath tr th:nth-child(1) { width: 20px;}
table.workflowWorkpath tr th:nth-child(2),
table.workflowWorkpath tr th:nth-child(3),
table.workflowWorkpath tr th:nth-child(4),
table.workflowWorkpath tr th:nth-child(5),
table.workflowWorkpath tr th:nth-child(6),
table.workflowWorkpath tr th:nth-child(7) { width: 80px;}

table.workflowVan { width:100%; border-right:1px solid #555; border-bottom:1px solid #555;}
table.workflowVan tr th,
table.workflowVan tr td { border-top:1px solid #555; border-left:1px solid #555;}
table.workflowVan tr th { width:70px; height:35px; background:#FFD6C1; padding-top:5px;}
table.workflowVan tr td { width:705px; padding-left:10px;}

table.workflowFile { width:100%; border-right:1px solid #555; border-bottom:1px solid #555;}
table.workflowFile tr th,
table.workflowFile tr td { border-top:1px solid #555; border-left:1px solid #555; text-align:left;}
table.workflowFile tr th { width:70px; height:35px; background:#c6d9f1; padding-top:5px; text-align:center;}
table.workflowFile tr td { padding-left:10px;}

table.workflowFile2 { width:100%; border-right:1px solid #555; border-bottom:1px solid #555;}
table.workflowFile2 tr th,
table.workflowFile2 tr td { border-top:1px solid #555; border-left:1px solid #555;}
table.workflowFile2 tr th { width:70px; background:#c6d9f1; padding-top:5px;}
table.workflowFile2 tr td { padding:5px 0 5px 3px;}
table.workflowFile2 tr td table tr td { border:0;}

.workflowCustom {}

.workflowPrint { width:100%; border-right:1px solid #555; border-top:1px solid #555;}
.workflowPrint tr th,
.workflowPrint tr td { height:30px; border-bottom:1px solid #555; border-left:1px solid #555; text-align:center;}
.workflowPrint tr th { width:50%; background:#eee;}

.workflowOther { width:100%; border-right:1px solid #555; border-top:1px solid #555;}
.workflowOther tr th,
.workflowOther tr td { height:30px; border-bottom:1px solid #555; border-left:1px solid #555; text-align:center;}
.workflowOther tr th { background:#eee;}
.workflowOther tr th:first-child { width:100px;}
.workflowOther tr th.lastTh { width:100px;}
.workflowOther tr td.centerTd { text-align:left; padding: 7px 10px 3px; white-space: pre-wrap;}

table.workflowFileRegi { width:100%; border-right:1px solid #555; border-bottom:1px solid #555;}
table.workflowFileRegi tr th,
table.workflowFileRegi tr td { border-top:1px solid #555; border-left:1px solid #555; text-align:left;}
table.workflowFileRegi tr th { width:70px !important; height:35px; background:#c6d9f1; padding-top:5px; text-align:center;}
table.workflowFileRegi tr td {}
table.workflowFileRegi tr td table tr td { border:0;}
table.workflowFileRegi tr td:nth-child(2) { padding: 0 !important;}
table.workflowFileRegi tr td #uploadTable table { width: 100%;}
table.workflowFileRegi tr td #html5_uploader { width: 100% !important;}
.plupload_container { padding: 0 !important;}

.editorBox { margin-bottom:-20px;}

/*
.MsoNormal { min-height:25px !important;}
*/

/*150129*//*161011*/
.signTable { border-left: none; border-right: none;}
.signTable tr th { text-align:center;}
.signTable tr td { text-align:center;}
.signTable tr:hover td { background-color: #f1f1f1;}
.signTable tr td.signTitle { text-align:left;}
.signTable tr td.signTitle a { display:inline-block; width:100%; height: 35px; padding:0px 0; text-overflow:ellipsis;  overflow:hidden; line-height: 35px;}
.boardTable { width: 100%; border: none; background:url(../[TPH_Vimages]/name_back.gif) no-repeat top left;}
.boardTable tr:hover td { background-color: #f1f1f1;}
.boardTable tr th { height: 22px; color: #fff; font-size: 11px; line-height: 26px;}
.boardTable tr th:last-child { background:url(../[TPH_Vimages]/name_back2.gif)no-repeat top right;}
.boardTable tr td { text-align:center;}
.boardTable tr td.boardTitle { text-align:left;}
.boardTable tr td.boardTitle a { display:inline-block; padding:7px 0; cursor: pointer;}
.boardTable tr td.boardTitle a img { vertical-align:middle;}
.boardTable tr td.boardTitle a span { display:inline-block; width:340px; padding-top:3px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle;}
.boardTable tr td.boardTitle a:hover span { text-decoration: underline;}
.boardTable tr td:nth-child(1) { width: 50px;}
.boardTable tr td:nth-child(3) { width: 130px;}
.boardTable tr td:nth-child(4) { width: 70px;}
.boardTable tr td:nth-child(5) { width: 100px;}
.boardTable tr td:nth-child(6) { width: 60px;}
.boardTable tr th select { height: 18px; width: 130px !important; font-size: 11px;}

.boardMain tr td { text-align:center; line-height:31px;}
.boardMain tr td.boardMainTitle { padding-left:5px; text-align:left;}
.boardMain tr td.boardMainTitle a { display:inline-block; width:100%; height:28px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.signMain tr td { text-align:center;}
.signMain tr th.signMainTitle { text-align:left;}
#mainCalList tr td { text-align:center; line-height:24px;}
.mainCalTop { color:#005cb8; font-size:26px; font-weight:bold; text-align:center;}
.mainCalTopTable { width:150px;}
/*150302*/
.signTable tr td.signTitle a:visited b { color:#0e8dc8;}
.signTable tr td.signTitle a b { color:#000;}
/*150814*/
.anoteContTable { width:100%; border: 1px solid #abadb3; border-bottom: none; background-color:#fff;}
.anoteContTable td { border: 1px solid #abadb3; border-bottom: none;  border-top: none;}
.anoteWrap { width:100%; background:#f7faff;}
.anoteWrap td.pdWrap { padding:10px 0 0 17px;}
.anoteWrapTable { width: 600px;}
.anoteSearch { width: 100%; height: 40px; border:1px solid #abadb3; border-bottom: none;}
.anoteSearch td { padding-left: 10px;}
.anoteListHead { width: 600px; border:1px solid #abadb3; border-bottom: none;}
.anoteListHead td { border:1px solid #abadb3; text-align: center; background-color: #c6d9f1; }
#notescroll { overflow-y:scroll; height:145px; background:#FFF; border-right: 1px solid #abadb3;}
#notelist { width:582px; border: none;}
#notelist td { border:1px solid #abadb3;}
#notelist td:last-child { border-right: none;}
#notelist tr:first-child td { border-top: none;}
#notelist td:first-child,
#notelist td:nth-child(2),
#notelist td:nth-child(4) { text-align: center;}
.anoteFileTitle { width: 600px; border: 1px solid #abadb3; border-bottom: none; background-color: #c6d9f1;}
#filelist td { padding-top: 3px;}
.anoteFile { overflow-y:scroll; width:598px; height:71px; border-bottom:1px solid #abadb3; border-left:1px solid #abadb3; border-right:1px solid #abadb3; background:#FFF;}
.anoteContHead { padding: 5px; border: 1px solid #abadb3; border-bottom: none; background-color: #c6d9f1;}
.anoteBtn { width: 100%; margin-top: 4px;}

#mbottomlist { background:#fff; width:100%;}
#mbottomlist td { border: 1px solid #d5d5d5;}
#mbottomlist tr:first-child td { border-top: none;}
#mbottomlist tr:last-child td { border-bottom: none;}
#mbottomlist tr td:first-child { border-left: none;}
.mbListWrap { overflow-y:scroll; overflow-x:hidden; width:100%; height:100px; border-bottom: 1px solid #d5d5d5;}
.mbListTitle { width:100%; background:#fff;}
.mbListTitle td { border-bottom: 1px solid #d5d5d5; border-top:none; text-align: center;}
.mbListTitle td:first-child { width: 115px; border-right: 1px solid #d5d5d5;}
.mbBtn { width:100%; min-width: 470px; background:#f7faff;}

/*전자결재 참조*/
.tableRef tr th { height: 32px;}
.tableRef tr td { padding: 5px; padding-top: 0;}
.btnRefAdd { display: inline-block; width: 58px; height: 20px; margin-top: 5px; text-indent: -9999px; vertical-align: middle; background:url("../[TPH_Vimages]/btn_jijung02.gif") no-repeat;}
.refBlock { display: inline-block; height: 15px; margin-left: 2px; margin-top: 5px; padding: 3px 5px 7px 10px; background: #f4f4f4; border: 1px solid #c2c2c2; border-radius: 3px; vertical-align: middle; line-height: 24px;}
.refBlock em { display: inline-block; font-weight: bold; vertical-align: middle;}
.refBlock span { display: inline-block; margin-left: 5px; vertical-align: middle;}
.refBlock a { display: inline-block; width: 20px; height: 20px; margin-left: 1px; text-align: center; line-height: 18px; font-size: 18px; font-weight: bold; vertical-align: middle;}
.refBlock a:hover { text-decoration: none; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px;}

/*password change*/
.wrapPwc { width: 880px; margin:0 auto;}
.pwcLogo { width: 178px; height: 50px; margin-top: 30px; text-indent: -9999px; background:url("../[TPH_Vimages]/pwc_logo.png") no-repeat; }
.pwcInner { margin-top: 15px; padding: 40px 0; border-top: 2px solid #e2e2e2; border-bottom: 2px solid #e2e2e2;}
.pwcTopInfo p { font-size: 20px; font-weight: bold;}
.pwcTopInfo p.pwcTopInfoSec { margin-top: 5px; color: #f68327;}
.pwcBottomInfo { margin-top: 15px;}
.pwcBottomInfo p { line-height: 20px;}
.pwcBottomInfo p em { color: #f23409; font-weight: bold;}
.pwcInputDiv { position: relative; width: 100%; height: 250px; margin-top: 15px; background: #f9f9f9;}
.pwcInputDiv ul { width: 470px; margin: 60px auto 0; padding-left: 130px; box-sizing: border-box; background:url("../[TPH_Vimages]/pwc_ico.png") 0 center no-repeat;}
.pwcInputDiv ul li { margin-top: 8px;}
.pwcInputDiv ul li.changeCheck { padding-left: 92px;}
.pwcInputDiv label { display: inline-block; width: 92px; font-weight: bold;}
.pwcInputDiv input { width: 235px; height: 34px; padding-left: 5px; border:1px solid #d7d7d7; font-size: 20px;} 
.pwcBtnDiv { margin-top: 20px; text-align: center; margin-bottom: 10px;}
.pwcBtnDiv a { display: inline-block; width: 124px; height: 42px; text-indent: -9999px;}
.btnChange { background:url("../[TPH_Vimages]/pwc_btn01.png") no-repeat;}
.btnNext { margin-left: 6px; background:url("../[TPH_Vimages]/pwc_btn02.png") no-repeat;}
.btnHome { background:url("../[TPH_Vimages]/pwc_btn03.png") no-repeat;}
.changeCheck { position: absolute; bottom: 43px; left: 428px; color: #f23409;}
.pwcComplete { height: 250px; margin-top: 0; padding-left: 385px; box-sizing: border-box;line-height: 250px; font-size: 14px; font-weight: bold; background:#f9f9f9 url("../[TPH_Vimages]/pwc_ico.png") 270px center no-repeat;}
.pwChangeChk { margin-left: 10px; color: #f23409;}

/*upgrade 1.6.7 popup*/
.wrapUpg { width: 700px; margin:0 auto;}
.wrapUpg .pwcTopInfo p { font-size: 18px; letter-spacing: -1px;}
.wrapUpg .pwcTopInfo p.pwcTopInfoSec { font-size: 17px;}
.btnHelp { background:url("../[TPH_Vimages]/up_btn01.png") no-repeat;}
.btnUpClose { background:url("../[TPH_Vimages]/up_btn02.png") no-repeat;}
.upgradeBg { width: 100%; height: 200px; margin-top: 30px; padding-top: 49px; box-sizing: border-box; background:url("../[TPH_Vimages]/up_bg.png") no-repeat;}
.upgradeBtn { display: block; width: 319px; height: 102px; margin: 0 auto; text-indent: -9999px; background:url("../[TPH_Vimages]/up_btn.png") no-repeat;}
.upgHelpImg { margin-top: 40px;}
.wrapUpg .pwcBtnDiv { padding-bottom: 20px;}

.voeTable { border-top: 2px solid #1299ce;}
.voeTable tr th { height: 30px; padding-top: 5px; background-color:#f6f6f7; border-bottom:1px solid #ddd; font-weight: bold;}
.voeTable tr td { padding: 10px 5px 5px; border-bottom:1px solid #ddd; word-break: break-all; text-align: left;}
.voeTable tr td.voeBottom { height: 50px; border-bottom:none; text-align: center;}
.voeTxt { padding: 20px 15px; border-top:2px solid #1299ce; line-height: 22px;}
.voeTxt b { color: #fa7308; font-weight: bold;}

#divautosave { width: 200px !important; right: 0 !important;}

.tabNewOn a { display:inline-block; min-width:40px; height:22px; margin-right: 4px; padding: 0 7px; line-height:23px; border: 1px solid #2a657e; border-bottom:none; border-radius:3px 3px 0 0; text-align:center; font-weight: bold; color: #fff; word-break: keep-all; background:url("../[TPH_Vimages]/board_tab_on_bg.gif") repeat-x;}
.tabNewOff a { display:inline-block; min-width:40px; height:22px; margin-right: 4px; padding: 0 7px; line-height:23px; border: 1px solid #c1c1c1; border-bottom:none; border-radius:3px 3px 0 0; text-align:center; font-weight: bold; word-break: keep-all; background:url("../[TPH_Vimages]/board_tab_off_bg.gif") repeat-x;}
.tabNewOn a:hover { text-decoration:none;}
.tabNewOff a:hover { text-decoration:none;}
.tabNewOn a em { margin-left: 3px; color:aqua;}
.tabNewOff a em { margin-left: 3px; color:coral;}

.trTopLine { border-top: 2px solid #1299ce;}
.voeTable .adrLineTitle { padding-top: 20px; padding-bottom: 7px;}
.voeTable .adrDate { padding-top: 20px; padding-bottom: 7px; text-align: right;}
.adrChkTable { width: 100%;}
.voeTable .adrChkTable tr td { padding: 1px 3px; border-bottom:none;}
.voeTable .adrChkTable tr td label { display: inline-block; height: 20px; line-height: 20px;}
.voeTable .adrChkTable tr td label input { margin-right: 3px;}
.boardNameAdr { display: inline-block; overflow: hidden; width: 100%; height: 28px; line-height: 28px; text-align: left; font-weight: bold;}
.adrTable tr td { border-bottom:1px solid #ccc;}

a.btnBasic { display: inline-block; min-width: 70px; height: 22px; padding: 0 10px; box-sizing: border-box; line-height:20px; border: 1px solid #2a657e; color:#fff; font-weight: bold; vertical-align: middle; cursor: pointer; background:url("../[TPH_Vimages]/btn_bg.gif") repeat-x;}
a.btnBasicBlack { display: inline-block; min-width: 80px; height: 22px; padding: 0 10px; box-sizing: border-box; line-height:20px; border: 1px solid #505050; color:#fff; font-weight: bold; vertical-align: middle; cursor: pointer; background:url("../[TPH_Vimages]/btn_black_bg.gif") repeat-x;}
a.btnBasic:hover,
a.btnBasicBlack:hover { text-decoration:none;}

/*에디터에서 ul,ol 사용시 앞으로 튀어나옴 해결*/
.MsoTableGrid tr td > ul,
.MsoTableGrid tr td > ol { margin-left: 20px;}
/*에디터에서 텍스트 볼드,이탤릭체 출력되게 처리*/
.MsoTableGrid tr td em { font-style: italic; font-weight: bold;}
.MsoTableGrid tr td strong { font-weight: bold;}
/*에디터에서 템플릿 테이블 서식안의 텍스트 서식*/
.txc-table tr td p { color: inherit;}
/*에디터 배경색, 인용글 기능 삭제*/
.tx-list #tx_quote,
.tx-list #tx_background { display: none;}

/*쪽지 리스트 수정20160930*/
.noteRecvTable { width: 100%; background:url(../[TPH_Vimages]/name_back.gif) no-repeat top left;}
.noteRecvTable tr:hover td { background-color: #f1f1f1;}
.noteRecvTable tr th { height: 22px; font-size: 11px; color: #fff; line-height: 26px;}
.noteRecvTable tr th:first-child { padding-top: 5px; vertical-align: top; text-align: right;}
.noteRecvTable tr th:last-child { background:url(../[TPH_Vimages]/name_back2.gif)no-repeat top right;}
.noteRecvTable tr td { height: 30px; padding-top: 3px; border-bottom: 1px solid #e6e6e6; text-align: center; word-break: break-all;}
.noteRecvTable tr td span { padding-top: 2px;}
.noteRecvTable tr td:first-child { text-align: right;}
.noteRecvTable tr:last-child td { border-bottom: 1px solid #ccc;}
.noteRecvTable tr td:nth-child(3) { text-align: left;}
.noteRecvTable tr td:nth-child(3) span,
.noteDelTable tr td:nth-child(4) span { display: inline-block; width: 440px; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px;}
.noteRecvTable tr td:nth-child(3) span:hover,
.noteDelTable tr td:nth-child(4) span:hover { text-decoration: underline;}
.noteSendTable tr td:nth-child(3) span { width: 335px;}
.noteDelTable tr td:nth-child(3) { text-align: center;}
.noteDelTable tr td:nth-child(4) { text-align: left;}
.noteDelTable tr td:nth-child(4) span { width: 530px;}
/*쪽지 보내기,보기 수정 20161004*/
.noteSendWrite { width: 100%; border-top: 2px solid #1299ce;}
.noteSendWrite th { background-color: #c6d9f1;}
.noteSendAddr th { height: 35px;}
.noteSendAddr th:first-child { font-weight: bold;}
.noteSendAddr th:last-child { padding-left: 3px; text-align: left;}
.noteSendAddr th:last-child input { width: 702px; height: 18px; cursor: pointer;}
.noteSendEditor .tx-side-bi,
.noteSendEditor #tx_resize_holder { display: none;}
.noteSendEditor .tx-resize-bar { height: 6px;}
.noteSendAtt #uploadTable table { width: 100%}
.noteSendAtt #uploadTable #html5_uploader { width: 100% !important;}
.noteSendBottom { padding-top: 15px; text-align: center;}

.noteRecvView { width: 100%; border-top: 2px solid #1299ce;}
.noteRecvView th,
.noteRecvView td { border-bottom: 1px solid #ccc; line-height: 18px;}
.noteRecvView th { height: 35px; font-weight: bold; background-color: #f1f1f1;}
.noteRecvView td { padding: 7px 10px 3px;}
.noteRecvView tr:last-child td { border-bottom: none;}
.noteRecvView td.noteRecvViewCon { padding: 30px 10px 25px;}
.noteRecvView td.noteRecvBottom { padding-top: 15px; text-align: center;}
.userModyEdit td { padding: 5px 10px 5px;}

.voeListTable { margin-bottom: 5px;}
.voeListTable tr td:nth-child(3) a { display: inline-block; width: 570px; height: 100%;}
.voeListTable tr td:nth-child(3) span { width: 570px;}

.adrListTable { margin-bottom: 5px;}
.adrListTable tr th:first-child { padding-top: 0px; vertical-align: top; text-align: center;}
.adrListTable tr td:first-child { text-align: center;}
.adrListTable tr td:nth-child(2) { text-align: left;}
.adrListTable tr td:nth-child(2) a { display: inline-block; width: 230px; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.adrListTable tr td:nth-child(3) { text-align: center;}
.adrListTable tr td a { padding-top: 2px; line-height: 30px;}

.greetingListTable { margin-bottom: 5px;}
.greetingListTable tr th:first-child { padding-top: 0px; vertical-align: top; text-align: center;}
.greetingListTable tr td:first-child { text-align: left;}
.greetingListTable tr td:first-child a { display: inline-block; width: 500px; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.greetingListTable tr td:nth-child(2),
.greetingListTable tr td:nth-child(3) { text-align: center;}
.greetingListTable tr td a { padding-top: 2px; line-height: 30px; cursor: pointer; font-weight: bold;}
.greetingListTable tr td:nth-child(2) a { display: inline-block; width: 350px; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*관리자 부서 순서변경*/
#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { position: relative; margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 12px; height: 18px; line-height: 22px; background-color: #fff; }
#sortable li span { position: absolute; margin-left: -1.3em; top: 9px; }
#sortable li:hover { background-color: #7aba21; color: #fff; font-weight: bold; }

/*관리자 버튼*/
.bottomBtnTable { width: 100%; margin-top: 8px;}
.bottomBtnTable td { text-align: right;}
a.txt_btn { display: inline-block; min-width: 52px; height: 35px; padding:0 19px; line-height: 35px; color:#fff; background-color:#0870bb; font-weight: bold; text-align: center;}
a.txt_btn_gray { background-color:#656565;}
a.txt_btn:hover { background-color: #7aba21; text-decoration: none;}
a.txt_btnWhS { display: inline-block; min-width: 40px; height: 20px; margin: 0 3px; padding:0 5px; line-height: 20px; color:#fff; background-color:#fff; color: #444; text-align: center; font-weight: bold;}

/*메신저 받은쪽지 버튼*/
.msgNoteBtn { display: inline-block; padding: 8px 5px 5px 5px; cursor: pointer; border: 1px solid #6e9fcd; border-radius: 1px; background-color: #e7f3ff;}
.msgNoteBtn:hover { border: 1px solid #0870bb; background-color: #0870bb; color: #fff; text-decoration: none;}

/*에디터 삽입 이미지 크기제한*/
.MsoTableGrid tr td img,
.MsoTableGrid tr th img { max-width: 780px;}
.BBS_READ_CON p img { max-width: 755px;}

/*힘찬마당 170529*/
a.btnMadangClose { color: #fff; font-size: 16px; border-radius: 5px; text-indent: 0; line-height: 42px; font-weight: bold; background-color: #566abe;}
.madangBg { width: 100%; height: 200px; margin-top: 30px; padding-top: 66px; font-size: 26px; font-weight: bold; letter-spacing: -1px; text-align: center; box-sizing: border-box; color: #222; background:url("../[TPH_Vimages]/bg_progress.png") center no-repeat;}
.pwcTopInfo p.madangTxt { font-size: 30px; color: #e97e22; text-align: center; letter-spacing: -2px;}
.pwcTopInfo p.madangTxt2 { margin-top: 15px; font-size: 15px; color: #777; text-align: center; font-weight: normal; letter-spacing: -1.5px;}
.madangInner { margin-top: 15px; padding: 30px 0 25px; border-top: 1px solid #969696;}
.madangBgStxt { margin-top: 10px; font-size: 17px; font-weight: normal;}
/*170616*/
.containerWrite { width: 788px; margin: 0 auto; padding-top: 20px;}
.mainConWrite {}
.popWriteTable { width: 100%;}
.madangTxt { padding: 20px 15px; border-top:2px solid #1299ce; line-height: 22px;}
.madangTxt b { color: #000; font-weight: bold;}
.madangTxt b.madangTxtT { color: #fa7308; font-size: 14px;}
.madangTable { border-top: 2px solid #1299ce;}
.madangTable tr th { height: 30px; padding:3px 0; background-color:#f6f6f7; border-bottom:1px solid #ddd; font-weight: bold;}
.madangTable tr td { padding: 5px 5px; border-bottom:1px solid #ddd; word-break: break-all; text-align: left;}
.madangTable tr td.madangBottom { height: 50px; border-bottom:none; text-align: center;}
.mainCon .madangListTable tr th,
.mainCon .madangListTable tr td { text-align: center;}
.mainCon .madangListTable tr th { line-height: 14px;}
.madangListTable tr td a { display: inline-block; width: 100%; height: 100%; text-align: left; cursor: pointer;}
.madangListTable tr td.madangReTitle a { padding-left: 20px; background: url("../[TPH_Vimages]/ico_reply.png") 0 6px no-repeat;}
.madangListTable tr td a span { display: inline-block; padding-left: 18px; line-height: 24px; vertical-align: middle; background: url("../[TPH_Vimages]/ico_lock.png") center left no-repeat;}
.madangListTable tr td a em { display: none;}
.madangListTable tr td.listNew a em { display: inline-block; width: 11px; height: 11px; margin-left: 5px; vertical-align: middle; text-indent: -9999px; background: url("../[TPH_Vimages]/ico_new.png") no-repeat; }
.madangListTable tr td.listNew a span { font-weight: bold;}
.madangConTable { width: 100%;}
.conViewBottom { height: 50px; border-top: 1px solid #ddd; text-align: center; background: #f6f6f7 url(../[TPH_Vimages]/common/line_board02.gif) bottom repeat-x;}
.madangCon {}
.madangCon p { line-height: 20px;}
.madangCon p img { max-width: 755px;}
.madangContitle { height: 33px; padding-left: 15px; font-size: 14px; font-weight: bold; border-top: 2px solid #1299ce; border-bottom: 1px solid #ddd; background: url(../[TPH_Vimages]/common/name_back02.gif) repeat-x;}
.madangConInfo { height:30px; padding-left: 15px; border-bottom: 1px solid #ddd;}
.madangConInfo span { margin-right: 15px; line-height: 30px;}
.madangSec { padding-bottom: 7px; font-size: 14px; font-weight: bold; color: #f17a1a;}
.madangSec02 { padding-top: 40px; padding-bottom: 7px; font-size: 14px; font-weight: bold; color: #f17a1a;}
.replyDate { padding-bottom: 10px;}
.madangConTable .voeTable { width: 100%;}
.madangConTable .voeTable tr th,
.madangConTable .voeTable tr td { padding-top: 5px; border-bottom: 0;}
.madangReTarea { width: 99%; height: 300px;}
/*170628 ul방식으로 변경*/
.madangListUl li { float: left; height: 30px; text-align: center; line-height: 30px;}
.madangListUl li:first-child { width: 70px;}
.madangListUl li:nth-child(2) { width: 460px;}
.madangListUl li:nth-child(3) { width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.madangListUl li:nth-child(4) { width: 130px;}
.madangListUl li.listNew a em { display: inline-block; width: 11px; height: 11px; margin-left: 5px; vertical-align: middle; text-indent: -9999px; background: url("../[TPH_Vimages]/ico_new.png") no-repeat; }
.listNew a span { font-weight: bold;}
.madangListUl li a { display: inline-block; width: 100%; height: 100%; text-align: left; cursor: pointer;}
.madangListUl li.madangReTitle a { padding-left: 20px; background: url("../[TPH_Vimages]/ico_reply.png") 0 6px no-repeat;}

/*preloader 프리로더*/
.preloaderDiv { position:absolute; top:0; left:0; height:100%; width:100%; background: rgba(0,0,0,0.4);}
.preloaderInner { width:100px; margin:0 auto;}
.preloaderImg { display: block; width: 100px; height: 110px; position:absolute; top:50%; margin-top:-55px; background: url(../[TPH_Vimages]/preloader.gif) no-repeat;}

/*힘찬마당 레이어*/
#nowLoading { background: #000; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; opacity: 0.6; z-index: 90;}
.alertAlign { position: fixed; top: 50%; left: 50%; width: 450px; height: 300px; margin-top: -150px; margin-left: -225px; padding: 40px 10px 0; box-sizing: border-box; background-color: #fff; z-index: 92;}
.alertTxtB { font-size: 30px; text-align: center; font-weight: bold; color: #e6832e;}
.alertTxtNum { width: 100px; height: 100px; margin: 10px auto 0; border-radius: 100px; line-height: 100px; font-size: 30px; text-align: center; font-weight: bold; color: #fff; background: #e6832e;}
.alertTxt { margin-top: 15px; font-size: 12px; text-align: center;}
.alertBtn { margin-top: 20px; text-align: center;}
a.btnClose { display: inline-block; width: 90px; height: 40px; color: #fff; line-height: 40px; background: #225378;}
a.btnConfirm { display: inline-block; width: 90px; height: 40px; color: #fff; line-height: 40px; background: #e6832e;}
.pwInputAlign { position: fixed; top: 50%; left: 50%; width: 450px; height: 250px; margin-top: -125px; margin-left: -225px; padding: 20px 10px 0; box-sizing: border-box; background-color: #fff; z-index: 92;}
.inputPw { text-align: center;}
.inputPw input { width: 360px; height: 36px; border: 2px solid #ccc; margin-top: 12px; text-align: center;}
.iconPw { width: 95px; height: 95px; margin: 0 auto 0; text-indent: -9999px; background: url(../[TPH_Vimages]/ico_pw.png) no-repeat;}
.madangViewAlign { position: fixed; top: 50%; left: 50%; width: 830px; height: 700px; margin-top: -350px; margin-left: -415px; padding: 15px 15px 0; box-sizing: border-box; background-color: #fff; z-index: 92;}
.madangViewBottom { height: 60px; border-top: 1px solid #ddd; text-align: center; background: #f6f6f7 url(../[TPH_Vimages]/common/line_board02.gif) bottom repeat-x;}
.madangConScr { height: 500px; overflow: auto; padding: 20px 15px;}
.madangConScrAd { height: 185px; overflow: auto; padding: 20px 15px;}

/*준비중*/
.prepareWrap {}
.prepareIn { position: absolute; top: 50%; left: 50%; margin-top: -115px; margin-left: -170px; width: 340px; height: 230px;}
.prepareH { padding-top: 140px; font-size: 30px; font-weight: bold; letter-spacing: -2px; color: #f68327; text-align: center; background: url(../[TPH_Vimages]/ico_wait.png) center 0 no-repeat;}
.prepareTxt { margin-top: 20px; line-height: 20px; text-align: center;}

/*신입직원인사181105*/
a.basicBtn { display: inline-block; min-width: 70px; padding: 0px 5px 0px 5px; cursor: pointer; border: 1px solid #095a9f; border-radius: 1px; color: #fff; text-align: center; font-weight: bold; line-height: 26px; background-color: #0a76d2;}
a.basicGrayBtn { border: 1px solid #505050; background-color: #646464;}
a.basicRedBtn { border: 1px solid #d02b0b; background-color: #f3502d;}
a.basicBtn:hover { background-color: #0870bb; text-decoration: none;}
a.basicGrayBtn:hover { background-color: #555;}
a.basicRedBtn:hover { background-color: #d23c1b;}
.greetingContTxt { white-space: pre-wrap; line-height: 16px;}
.greetingContPhoto img { max-width: 350px;}

/*게시판 쓰기수정*/
.btlWrite { width: 100%; border-top: 2px solid #1299ce;}
.btlWrite th { height: 30px; padding: 3px 0; border-bottom: 1px solid #aaa; font-weight: bold; background-color: #c6d9f1;}
.btlWrite td { padding: 5px 5px; border-bottom: 1px solid #aaa; word-break: break-all; text-align: left;}
.btlWrite td .txtBox01 { width: 100%;}
td.bottomBtnTd { height: 50px; border-bottom:none; text-align: center;}
.btlWrite td.BBS_READ_CON { padding: 0;}
.noPd { padding: 0 !important;}
.btlWrite #uploadTable td { border: none; padding: 0;}
.btlWriteEdit tr:nth-child(4) td table tr td { border: none; padding: 0px 3px;}

/*관리자 게시판순서변경*/
.boardOrderHospital { border-top: 1px solid #999;}
.boardOrderHospital li a { display: block; padding: 10px 10px 6px 30px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid #ccc; line-height: 20px; background: url(../[TPH_Vimages]/bul_title.gif) 15px 13px no-repeat;}
.boardOrderHospital li a:hover { background-color: #eee;}

/*회의일정 관리자*/
.adWrap { width: 100%; height: 100%;}
.adWrapHead {}
.adHeadLeft { min-width: 210px; width: 210px; height: 76px; text-align: center; background: #f3f3f3;}
.adHeadRight { width: calc(100% - 210px); min-width: 785px;}
.adNavi { width: 100%; min-width: 785px;}
.adNaviList { width: 789px; height: 76px; padding-bottom: 27px; padding-left: 8px; vertical-align: bottom;}
.adNaviList a { display: inline-block; padding: 0px 15px; border-left: 1px solid #bbb; font-size: 14px; font-weight: bold;}
.adNaviList a:first-child { border-left: none;}
.adTitle { height: 32px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; background: #183c71;}
.adTitleInfo { padding-right: 10px; padding-left: 19px; background: #f09348;}
.adTitleInfoTable { width: 100%;}
.adTitleInfoL {}
.adTitleInfoR { text-align: right;}
.bottomBtn { padding: 15px 0;}
.bottomBtnR { padding: 15px 0; text-align: right;}
.bottomBtnR750 { width: 750px; padding: 15px 0; text-align: right;}
.adNormalListTable { width: 100%; border-top: 2px solid rgb(90, 144, 219);}
.adNormalListTable tr:hover { background-color: cornsilk;}
.adNormalListTable th { position: relative; height: 25px; font-size: 12px; background: #f1f1f1;}
.adNormalListTable th::before { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 1px; height: 8px; background: #999;}
.adNormalListTable th:first-child::before { display: none;}
.adNormalListTable td { height: 30px; border-bottom: 1px solid #ccc; text-align: center;}
.adNormalListTable td a { display: block; height: 100%; line-height: 30px; font-weight: bold;}
.chkBoxNormal { width: 20px; height: 20px;}
.adTitleSub { height: 35px; padding-bottom: 5px; font-weight: bold;}
.adTitleSub::before { display: inline-block; content: ""; width: 5px; height: 13px; margin-right: 7px; vertical-align: -3px; background: url(../[TPH_Vimages]/ad/bar04.gif);}
.adContTable { width: 100%; min-width: 750px;}
.adContRight { padding: 10px 20px; vertical-align: top;}
.adContLeft { vertical-align: top; background: #f3f3f3;}
.adContLeftNavi { width: 100%;}
.adContLeftNavi th { padding-top: 3px; border-top: 1px solid #ccc; text-align: left;}
.adContLeftNavi th a { display: block; padding: 8px 0px 8px 35px; font-weight: bold; background: url(../[TPH_Vimages]/ad/bullet_menu.gif) 20px center no-repeat;}
.adContLeftNavi td a { display: block; padding: 0px 0px 5px 30px;}
.adNormalRegiTable { width: 100%; max-width: 750px; border-top: 2px solid rgb(90, 144, 219);}
.adNormalRegiTable th { position: relative; height: 35px; border-bottom: 1px solid #ccc; font-size: 12px; background: #f1f1f1;}
.adNormalRegiTable td { padding-left: 5px; border-bottom: 1px solid #ccc;}
.adNormalRegiTable td a { display: block; height: 100%; line-height: 30px; font-weight: bold;}
.adAuthorizationTable { width: 750px; margin-top: 20px;}
.adAuthorHead { height:27px; border:1px solid #ccc; font-weight:bold; line-height:27px; text-align: center; background: #f1f1f1;}
.adAuthorCont { width: 300px; height:575px; text-align:left; border:1px solid #ccc; border-top: 0; background:#fff;}
.adAuthorControl { vertical-align: middle; text-align: center;}
.controlIn a { display: inline-block; width: 27px; height: 27px; background: url(../[TPH_Vimages]/ad/btn_right.gif);}
.controlOut a { display: inline-block; width: 27px; height: 27px; margin-top: 5px; background: url(../[TPH_Vimages]/ad/btn_left.gif);}
.adAuthorRegiTable { width: 100%; height: 100%;}
.adAuthorRegiTable .authorityNum { border-radius: 50px; line-height: 24px;}
.adAuthorRegiTableHead { width: 100%;}
.adAuthorRegiTableHead tr { background: url(../[TPH_Vimages]/common/back_gra01.gif) repeat-x;}
.adAuthorRegiTableHead th { height: 22px; border: 1px solid #ccc; border-top: none; font-size: 12px;}
.adAuthorRegiDivCont { overflow-y: scroll; width: 100%; height:576px; box-sizing:border-box; border: 1px solid #ccc; border-top: 0; background:#fff;}
.adAuthorRegiTableCont { width: 100%;}
.adAuthorRegiTableCont td { height: 25px; border: 1px solid #ccc; border-top: none; word-break: break-all;}
.adAuthorRegiTableCont tr th:last-child,
.adAuthorRegiTableCont tr td:last-child { border-right: none;}
.adAuthorRegiTableCont tr th:first-child,
.adAuthorRegiTableCont tr td:first-child { border-left: none; text-align: center;}
.adAuthorRegiTableCont tr:hover { background-color: cornsilk;}
.adAuthorRegiTableCont tr { cursor: pointer;}
.adAuthorRegiTableCont th { height: 22px; border: 1px solid #ccc; border-top: none; font-size: 12px; background: url(../[TPH_Vimages]/common/back_gra01.gif) repeat-x;}
.adAuthorRegiTableCont tr th:nth-child(1),
.adAuthorRegiTableCont tr td:nth-child(1) { width: 25px;}
.adAuthorRegiTableCont tr th:nth-child(2),
.adAuthorRegiTableCont tr td:nth-child(2) { width: 75px;}
.adAuthorRegiTableCont tr th:nth-child(3),
.adAuthorRegiTableCont tr td:nth-child(3) { width: 80px;}
.meetingRoomOderTable { width: 750px;}
.meetingRoomOderL { width: 45%;}
.meetingRoomOderL table { width: 100%; height: 620px; border: 1px solid #ccc; border-top: none; border-right: none;}
.meetingRoomOderL table th { height: 32px; border-top: 2px solid rgb(14, 139, 205); font-size: 12px; font-weight: bold; background: url("../[TPH_Vimages]/sche_bg01.gif");}
.meetingRoomOderL table td { vertical-align: top;}
.meetingRoomOderL .boardOrderHospital { border-top: none;}
.meetingRoomOderR { width: 55%;}
.meetingRoomOderR table { width: 100%; height: 620px; border: 1px solid #ccc; background: rgb(242, 242, 242);}
.meetingRoomOderR table th { border-top: 2px solid rgb(14, 139, 205); height: 32px; text-align: left; padding-left: 15px; font-size: 12px; color: rgb(14, 139, 205); font-weight: bold; background: url("../[TPH_Vimages]/sche_bg01.gif");}
.meetingRoomOderR table td { text-align: center;}
a { cursor: pointer;}

/*new template*/
.logoLink { display: block; width: 173px; height: 40px; text-indent: -9999px;}
.orgBp .logoLink { background: url(../[TPH_Vimages]/logo_bp.gif) no-repeat;}
.orgIc .logoLink { background: url(../[TPH_Vimages]/logo_ic.gif) no-repeat;}
.orgKb .logoLink { background: url(../[TPH_Vimages]/logo_gb.gif) no-repeat;}
.orgBs .logoLink { background: url(../[TPH_Vimages]/logo_bs.gif) no-repeat;}
.orgCw .logoLink { background: url(../[TPH_Vimages]/logo_cw.gif) no-repeat;}
.orgKn .logoLink { background: url(../[TPH_Vimages]/logo_gn.gif) no-repeat;}
.orgMd .logoLink { background: url(../[TPH_Vimages]/logo_md.gif) no-repeat;}
.orgHw .logoLink { background: url(../[TPH_Vimages]/logo_hw.gif) center no-repeat; height: 49px;}
.orgHh .logoLink { background: url(../[TPH_Vimages]/logo_hh.gif) center no-repeat; height: 49px;}
.orgSw .logoLink { background: url(../[TPH_Vimages]/logo.gif) center no-repeat; width: 181px;}
.orgHw .logo,
.orgHh .logo { padding:5px 0 0 3px;}

.navList { width: 100%;}
.navList li { float: left; display: inline-block; min-width: 80px; height:39px; text-align: center; }
.navList li a { display: inline-block; width: 100%; height: 20px; margin-top: 10px; padding: 0 9px; box-sizing: border-box; border-left: 1px solid #2eb3c2; line-height: 20px; color:#fff; font-weight: bold;}
.navList li:first-child a { border-left: none;}
.navList li.navRightLink { float: right; padding-right: 10px;}
.navList li.navRightLink a { margin-top: 8px; border-left: none; text-indent: -9999px;}
.navList li a.linkMsg { width: 92px; height: 22px; background: url(../[TPH_Vimages]/btn_messenger.png) no-repeat;}
.navList li a.linkMessage { width: 55px; height: 22px; background: url(../[TPH_Vimages]/btn_message.png) 0 2px no-repeat;}

em { font-style: normal;}
.leftUserInfo { width: 180px; border-radius: 3px; padding: 15px 12px; box-sizing: border-box; background: #1f579f;}
.userInfoId em { display: block; color: #fff; font-weight: bold;}
.userInfoId span { display: block; margin-top: 3px; color: #4bc3ff;}
.userInfoSign { margin-top: 5px;}
.userInfoSign em { display: inline-block; padding-left: 15px; color: #fff; background: url(../[TPH_Vimages]/icon_doc.gif) 0 center no-repeat;}
.userInfoSign a { display: inline-block; margin-left: 4px; color: #4bc3ff; font-weight: bold;}
.userInfoSche { margin-top: 5px;}
.userInfoSche em { display: inline-block; padding-left: 15px; color: #fff; background: url(../[TPH_Vimages]/icon_sche.gif) 0 center no-repeat;}
.userInfoSche span { display: inline-block; margin-left: 4px; color: #4bc3ff; font-weight: bold;}
.userInfoLog { margin-top: 13px; padding-top: 10px; border-top: 1px solid #597da9; color: #4bc3ff; font-weight: bold;}
.userInfoLogTime { margin-top: 3px; color: #fff;}
.userInfoBtn { margin-top: 10px;}
.userInfoBtn a { display: inline-block; width: 75px; height: 27px; padding: 8px 0 5px; box-sizing: border-box; letter-spacing: -1px; text-align: center; font-weight: bold; font-size: 11px;}
.userInfoBtn .infoBtnMy { background: #6fc5ff;}
.userInfoBtn .infoBtnOut { margin-left: 5px; background: #d0e4ff;}
.leftNav { width: 180px; margin-top: 10px; background: url(../[TPH_Vimages]/smenu_back.gif) no-repeat;}
.leftNav h2 { height: 30px; padding-left: 15px; line-height: 30px; font-size: 14px; color: #fff; font-weight: bold;}
.leftNav ul { padding: 10px 10px 0;}
.leftNav ul::after { content: ""; display: block; width: 180px; height: 7px; margin: 20px 0 0 -10px; background: url(../[TPH_Vimages]/smenu_back2.gif) left;}
.leftNav ul li { border-bottom: 1px solid #ccc;}
.leftNav ul li a { display: inline-block; height: 25px; padding-left: 15px; line-height: 25px; background: url(../[TPH_Vimages]/bul_menu.gif) 5px center no-repeat;}
.leftNav ul li span { margin-left: 3px; color: coral; font-weight: bold; font-size: 11px;}
.leftNav ul li i { display: inline-block; width: 11px; height: 11px; margin-left: 3px; vertical-align: 0px; text-indent: -9999px; background: url(../[TPH_Vimages]/common/icon_new.gif) no-repeat;}
.leftBanner { margin: 10px 0 30px 0; width: 180px; height: 360px; text-indent: -9999px; background-repeat: no-repeat;}
.orgBp .leftBanner { background-image: url(../[TPH_Vimages]/banner01_bp.gif);}
.orgIc .leftBanner { background-image: url(../[TPH_Vimages]/banner01_ic.gif);}
.orgKb .leftBanner { background-image: url(../[TPH_Vimages]/banner01_gb.gif);}
.orgBs .leftBanner { background-image: url(../[TPH_Vimages]/banner01_bs.gif);}
.orgCw .leftBanner { background-image: url(../[TPH_Vimages]/banner01_cw.gif);}
.orgKn .leftBanner { background-image: url(../[TPH_Vimages]/banner01_gn.gif);}
.orgMd .leftBanner { background-image: url(../[TPH_Vimages]/banner01_md.gif);}
.orgHw .leftBanner { background-image: url(../[TPH_Vimages]/banner01_hw.gif);}
.orgHh .leftBanner { background-image: url(../[TPH_Vimages]/banner01_hh.gif);}
.orgSw .leftBanner { background-image: url(../[TPH_Vimages]/banner01_hw.gif);}
.conTitle { height: 24px; font-size: 14px; border-bottom: 1px solid #ddd;}
.conTitle::before { display: inline-block; content: ""; width: 10px; height: 10px; margin-right: 5px; background: url(../[TPH_Vimages]/bul_title.gif) no-repeat;}
.conTitleS { height: 30px; font-size: 12px;}
.conTitleS::before { display: inline-block; content: ""; width: 12px; height: 30px; margin-right: 5px; vertical-align: middle; background: url(../[TPH_Vimages]/bul_stitle.gif) 0 9px no-repeat;}

.paymentTable th { font-weight: bold; }
/*회의일정*/
.meetingScheTableTop { width: 100%;}
.meetingScheTableTop tr td:nth-child(1) { width: 78%; vertical-align: bottom;}
.meetingScheTableTop tr td:nth-child(2) { width: 22%;}
.tabNew li { float: left;}
.meetingScheTableTop .schePageNum { padding: 10px 0 10px; text-align: right;}
.schePagePrev { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; vertical-align: -4px; background: url(../[TPH_Vimages]/btn_pre.gif) center no-repeat;}
.schePageNext { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; vertical-align: -4px; background: url(../[TPH_Vimages]/btn_next.gif) center no-repeat;}
.calWrap {}
.calMonthTop { width: 100%; border-top: 3px solid #0e8bcd;}
.calMonthTop th { height: 35px; font-weight: bold;}
.calMonthTop th:first-child { color: #da5b5b;}
.calWeekTop th:first-child { color: #444;}
.calWeekTop th:nth-child(2) { color: #da5b5b;}
.calMonthWrap { border: 1px solid #7f7f7f; border-left: none;}
.calMonthRow { position: relative;}
.calMonthTd { width: 100%;}
.calMonthTd tr td { width: 14.3%; height: 145px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; cursor: pointer;}
.calMonthWrap .calMonthRow:first-child .calMonthTd tr td { border-top: none;}
.calMonthTd tr td:first-child { border-left: 1px solid #7f7f7f;}
.calMonthTd tr td:last-child { width: 14.2%;}
.calWeekTd tr td { height: 40px;}
.calWeekTd tr td:first-child { text-align: center; background: #f1f1f1;}
.calWeekTd tr td:nth-child(2) { border-left: none;}
.calWeekTd02 tr td { height: 103px;}
.calWeekTd02 tr td:first-child { text-align: center; background: #f1f1f1;}
.calWeekTd02 tr td:nth-child(2) { border-left: none;}
.today { background: #fff4b9;}
.calMonthCont { position: absolute; top: 1px; width: 100%;}
.calMonthCont td { width: 14.3%; height: 22px; position: relative; cursor: pointer; vertical-align: top;}
.calMonthCont tr td:last-child { width: 14.2%;}
.calMonthWrap .calMonthRow:first-child .calMonthCont { top: 0;}
.calMonthCont td span,
.calMonthTd td span { display:block; height: 16px; margin-bottom: 5px; padding: 3px 7px; overflow: hidden; box-sizing: border-box;}
.calMonthCont td span.scheBar,
.calMonthTd td span.scheBar { width: 107px; height: 32px; margin: 0 2px 2px 3px; padding: 2px 0 0 4px; background: #898989; color: #fff; cursor: pointer; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; font-weight: bold;}
.calMonthCont td span.scheBar em,
.calMonthTd td span.scheBar em { display: block; overflow: hidden; text-overflow: ellipsis;}
.calMonthCont td span.scheBarMy,
.calMonthTd td span.scheBarMy { background: #f68327;}
.calMonthCont td span.scheBarShare,
.calMonthTd td span.scheBarShare { background: #0382c7;}
.calMonthCont td span.scheBarMore { cursor: pointer; padding-top: 0; font-weight: bold; color: #777;}
span.scheBarShare::before { content: "공"; display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50px; font-size: 10px; font-weight: bold; color: #0382c7; text-align: center; background: #fff;}
span.scheBarMy::before { content: "나"; display: inline-block; width: 14px; height: 14px; line-height: 14px; border-radius: 50px; font-size: 10px; font-weight: bold; color: #f68327; text-align: center; vertical-align: 1px; background: #fff;}
.calMonthCont tr:first-child td:first-child span,
.calMonthCont tr:first-child td:first-child span a { color: #db1313;}
.calMonthCont td span.otherDay a { color: #ccc;}
.calMonthCont tr:first-child td:first-child span.otherDay a { color: #e99191;}
.calWeekCont td span.scheBarWeek { height: 40px; margin: 0 2px 3px 3px; padding-top: 0; line-height: 40px; cursor: pointer;}
.calWeekCont02 td span.scheBarWeek { height: 22px; margin: 4px 2px 0 3px; padding-top: 0; line-height: 22px; cursor: pointer; background: #f1f1f1;}
.calWeekCont02 td span.scheBar { margin: 3px 1px 0 1px; padding-top: 0;}
.calWeekCont02 td span.scheBarMore { margin-top: 3px;}
.calWeekCont02Hgt td { height: 0;}
.nextBorderType+.calMonthRow .calMonthTd tr td { border-top: 1px solid #7f7f7f;}
.calDayTd02 tr td { height: auto; padding-bottom: 8px; padding-top: 5px;}
.calDayTd02 td span.scheBar { margin: 3px 1px 0 1px; padding-top: 0;}
.scheMoreLayer { position: absolute; top: -1px; left: 0px; min-width: 150%; padding-bottom: 2px; box-sizing: border-box; border: 1px solid #ccc; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.4); z-index: 5; }
.scheMoreLayerDay { min-width: 100%;}
.calMonthCont tr:first-child td .scheMoreLayer table tr td span { color: #fff;}
.scheMoreTable { width: 100%;}
.scheMoreTable th { height: 35px; padding: 0 0 0 10px; line-height: 35px; text-align: left; font-weight: bold;}
.btnScheClose { float: right; display: inline-block; width: 30px; font-size: 18px; text-align: center;}
.calWeekTdTime tr td { height: 99px;}
.calWeekTdTime tr td:first-child { text-align: center; background: #f1f1f1;}
.calWeekTdTime tr td:nth-child(2) { border-left: none;}
.calWeekContTime { position: absolute; top: 1px; left: 0; width: 100%;}
.calWeekContTime td { position: relative; height: 50px;}
.calWeekContTime span.scheBarTime { display: block; position: absolute; top: 0px; left: 0px; padding: 2px 3px; background: #55b8ec; color: #fff; cursor: pointer; line-height: 18px; overflow: hidden; box-sizing: border-box; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; z-index: 4;}
.calWeekContTimeIn li { float: left;}
.scheMeetingLegend { margin-top: 10px; padding-bottom: 30px; text-align: right;}
.scheMeetingLegendMy { margin-left: 15px; letter-spacing: -1px;}
.scheMeetingLegendShare { letter-spacing: -1px;}
.scheMeetingLegendMy::before { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50px; margin-right: 3px; vertical-align: -4px; background: #f68327;}
.scheMeetingLegendShare::before { content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 50px; margin-right: 3px; vertical-align: -4px; background: #0382c7;}

/*회의일정 등록,수정 레이어*/
.layerDiv { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); z-index: 101;}
.meetingScheRegi { width: 800px; min-height: 300px; box-shadow: 1px 1px 20px rgba(0,0,0,0.8); background: #fff;}
.meetingScheRegiL { float: left; width: 45%;}
.meetingScheDate { position: relative; height: 65px; padding: 10px 0 0 10px; box-sizing: border-box; background: #1269d6;}
.meetingScheDate h4 { display: inline-block; min-width: 50px; padding: 5px 10px; border-radius: 30px; text-align: center; color: #fff; font-size: 14px; background: #f68327;}
.meetingScheDate .btnNewRegi { position: absolute; top: 10px; right: 10px; width: 60px; height: 45px; text-align: center; background: #fff;}
.meetingScheDate .btnNewRegi:hover { text-decoration: none;}
.meetingScheDate .btnNewRegi i { display: block; font-style: normal; font-size: 30px; color: #f68327; line-height: 26px;}
.meetingScheDate .btnNewRegi span { display: block; color: #0b4ea1; font-weight: bold; letter-spacing: -1px;}
.meetingScheDateDay { margin-top: 6px; padding-left: 3px;}
.meetingScheDateDay em { color: #fff; font-weight: bold;}
.meetingScheDateDay span { margin-left: 5px; color: #96bff6;}
.meetingScheList { height: 400px; overflow: auto; border-right: 1px solid #ccc;}
.meetingScheList li { position: relative; box-sizing: border-box; padding: 10px 12px; border-bottom: 1px solid #ccc; cursor: pointer;}
.meetingScheList li:hover { background: #f1f1f1;}
.meetingScheList li em { display: block; font-weight: bold; font-size: 16px;}
.meetingScheList li span { display: block; margin-top: 3px;}
.meetingScheList .myRegi,
.meetingScheList .myRegi:hover { background: #fff29a;}
.meetingScheList .myRegi span,
.meetingScheList .myRegi em { width: calc(100% - 85px);}
.meetingScheList .myRegiBtn { position: absolute; right: 5px; top: 50%; margin-top: -17.5px;}
.meetingScheList .myRegiBtn a { display: inline-block; width: 35px; height: 35px; border-radius: 50px; font-weight: bold; color: #fff; text-align: center; line-height: 35px;}
.meetingScheList .myRegiBtnDel { background: #707070;}
.meetingScheList .myRegiBtnEdit { margin-left: 2px; background: #f68327;}
.meetingScheList .myShare,
.meetingScheList .myShare:hover { background: #bdeaff;}
.meetingScheRegiR { float: right; width: 55%;}
.meetingScheEditR { background: #fff29a;}
.meetingScheRegiRCon { height: 405px; box-sizing: border-box; padding: 10px 15px;}
.meetingScheRegiRCon h4 { height: 37px; border-bottom: 1px solid #ccc; line-height: 30px; font-size: 14px;}
.meetingScheRegiRCon h4 span { padding-right: 12px; border-right: 1px solid #444;}
.meetingScheInputTable { width: 100%;}
.meetingScheInputTable th { width: 40px; padding: 5px 5px 5px 0px; font-weight: bold;}
.meetingScheInputTable td { height: 30px; box-sizing: border-box; padding: 5px 5px;}
.meetingScheInputTable .inputTableTitle { font-weight: bold; color: #f68327;}
select.regiSel { height: 25px; border: 1px solid #aaa;}
label.regiChk { display: inline-block; padding-right: 3px;}
label.regiChk + input.regiTbox { margin-left: -3px;}
label.regiChk input { width: 17px; height: 17px;}
input.regiTbox { border: 1px solid #aaa; height: 23px; width: 150px; padding-left: 5px;}
input.regiTbox100 { border: 1px solid #aaa; height: 23px; width: 100%; padding-left: 5px;}
a.btnSmall { display: inline-block; min-width: 50px; padding: 5px 8px 4px; border: 1px solid #aaa; border-radius: 5px; text-align: center; background: #f1f1f1;}
.meetingScheRegiRBottom { box-sizing: border-box; padding: 10px 15px 15px 15px; text-align: right;}
.meetingScheRegiRBottom .txt_btn_gray { margin-left: 5px;}

.meetingScheRegiShare { width: 750px; min-height: 300px; padding: 20px; box-shadow: 1px 1px 20px rgba(0,0,0,0.8); background: #fff;}
.meetingScheRegiShare .adAuthorizationTable { margin-top: 0;}
.authorityNum { display: inline-block; height: 22px; margin-top: 2px; padding: 0 8px; border-radius: 10px; background: #5f5f5f; color: #fff;}
.meetingScheRegiShare .meetingScheRegiRBottom { padding: 10px 0 0 0;}
.meetingScheRegiShare .editPersonList { height: 257px; border-bottom: none;}
.meetingScheRegiShare .editGroupList { height: 160px;}
.meetingScheRegiShare .fixedList { height: 100px; border-bottom: none; background: #e5e5e5;}
.fixedList .adAuthorRegiTableCont tr th:nth-child(1),
.fixedList .adAuthorRegiTableCont tr td:nth-child(1) { width: 75px;}
.fixedList .adAuthorRegiTableCont tr th:nth-child(2),
.fixedList .adAuthorRegiTableCont tr td:nth-child(2) { width: 80px;}
.fixedList .adAuthorRegiTableCont tr th:nth-child(3),
.fixedList .adAuthorRegiTableCont tr td:nth-child(3) { width: auto;}
.fixedList .adAuthorRegiTableCont tr { cursor: default;}
.meetingScheRegiShare .adAuthorHead { border-top: 2px solid #777; background: #fff;}

.editGroupList .adAuthorRegiTableCont tr th:nth-child(1),
.editGroupList .adAuthorRegiTableCont tr td:nth-child(1) { width: 25px;}
.editGroupList .adAuthorRegiTableCont tr th:nth-child(2),
.editGroupList .adAuthorRegiTableCont tr td:nth-child(2) { width: auto;}

.meetingScheEditConfirm { width: 250px; min-height: 150px; padding: 15px 15px 0px 15px; box-sizing: border-box; box-shadow: 1px 1px 20px rgba(0,0,0,0.8); background: #fff;}
.meetingScheEditConfirm h4 { height: 37px; border-bottom: 1px solid #777; line-height: 30px; font-size: 14px;}
.meetingScheEditConfirm h4 span { padding-right: 12px;}
.meetingScheEditConfirm .meetingScheRegiRBottom { text-align: center;}
.meetingScheEditConfirm .meetingScheInputTable { width: 100%; margin: 10px 0 5px; }
.meetingScheEditConfirm .meetingScheInputTable td { height: 30px; box-sizing: border-box; padding: 5px 0px;}
.meetingScheEditConfirm .regiChk { width: 100%; height: 100%;}

/*중복일정 확인용 레이어*/
.meetingScheOverlap { width: 350px;}
.meetingScheOverlap .meetingScheDateDay span { display: block; margin-top: 5px; margin-left: 0; color:bisque;}
.meetingScheOverlap .meetingScheDate { background: #f68327;}
.meetingScheOverlap .meetingScheList li { padding: 8px 12px; cursor: default;}
.meetingScheOverlap .meetingScheRegiRBottom { padding: 10px 15px 15px 15px; text-align: center;}

/*공유자 보기 레이어*/
.meetingScheViewShare { width: 450px;}
.meetingScheViewShare .adAuthorizationTable { width: 450px;}
.meetingScheViewShare .editPersonList .adAuthorRegiTableCont tr th:nth-child(1),
.meetingScheViewShare .editPersonList .adAuthorRegiTableCont tr td:nth-child(1) { width: 75px; cursor: default;}
.meetingScheViewShare .editPersonList .adAuthorRegiTableCont tr th:nth-child(2),
.meetingScheViewShare .editPersonList .adAuthorRegiTableCont tr td:nth-child(2) { width: 80px; cursor: default;}
.meetingScheViewShare .editPersonList .adAuthorRegiTableCont tr th:nth-child(3),
.meetingScheViewShare .editPersonList .adAuthorRegiTableCont tr td:nth-child(3) { width: auto; cursor: default;}
.meetingScheViewShare .editGroupList .adAuthorRegiTableCont tr th:nth-child(1) { width: auto; cursor: default;}
.meetingScheViewShare .editGroupList .adAuthorRegiTableCont tr td:nth-child(1) { width: auto; padding-left: 5px; text-align: left; cursor: default;}

/*인사관리 - 신규입사자등록*/
.personnel_regi {}
.regiWrap { min-width: 1000px;}
.personnelRegiHead { height: 150px; padding: 30px 0 0 30px; box-sizing: border-box; background: url(../[TPH_Vimages]/personnel_top_bg.png) center no-repeat; background-size: cover; width:100vw; margin-left: calc(-50vw + 50%);}
.personnelRegiHead h1 { width: 255px; height: 95px; text-indent: -9999px; background: url(../[TPH_Vimages]/personnel_top_txt.png) no-repeat;}
.personnelRegiCont { max-width: 900px; margin: 0 auto; padding-bottom: 40px;}
.personnelRegiCont h2 { position: relative; margin-top: 25px; font-size: 16px;}
.personnelRegiCont h2 span { display: inline-block; font-size: 12px; font-weight: normal;}
.personnelRegiSect { position: relative; margin-top: 10px; border-top: 1px solid #555;}
.personnelRegiTable { width: 100%;}
.personnelRegiTablePhoto { margin-left: 180px; width: calc(100% - 180px);}
.personnelRegiTable th { height: 36px; border-bottom: 1px solid #ccc; line-height: 16px; background: #f0f0f0; font-weight: normal;}
.personnelRegiTable td { height: 36px; border-bottom: 1px solid #ccc; padding: 5px 5px; box-sizing: border-box;}
.tBoxRegi { width: 100%; height: 25px; border: 1px solid #aaa; padding-left: 5px; box-sizing: border-box;}
.tBoxRegi3 { width: 30%;}
.tBoxRegi4 { width: 40%;}
.tBoxRegi5 { width: 50%;}
.tBoxRegi6 { width: 60%;}
.tBoxRegi7 { width: 70%;}
.tBoxRegi8 { width: 80%;}
.tBoxRegi100 { width: 100px;}
.tBoxRegi70 { width: 70px;}
.tBoxRegi80 { width: 80px;}
.tBoxRegi90 { width: 90px;}
.tBoxRegi50 { width: 50px;}
.btnCal { display: inline-block; width: 30px; height: 21px; margin-left: 5px; vertical-align: middle; text-indent: -9999px; background: url(../[TPH_Vimages]/personnel_u30.png) center 0 no-repeat;}
.personnelRegiPhoto { position: absolute; top: 0px; left: 0; width: 180px; height: 260px; background-color: #459bf0;}
.personnelRegiPhoto label { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.personnelRegiPhoto label img { width: 180px; height: 260px;}
.personnelRegiPhoto label input { display: none;}
.labRegi { display: inline-block; height: 100%; margin-right: 3px; line-height: 25px;}
.labRegi input { margin-right: 1px;}
.labRegi + input { margin-left: 5px;}
.personnelRegiTableHor { width: 100%;}
.personnelRegiTableHor th { height: 25px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: #f0f0f0; font-weight: normal;}
.personnelRegiTableHor td { height: 36px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px 5px; box-sizing: border-box; text-align: center;}
.personnelRegiTableHor th:first-child,
.personnelRegiTableHor td:first-child { border-left: none;}
.addList { position: absolute; top: 0; right: 11px; width: 20px; height: 19px; text-indent: -9999px; border: none; cursor: pointer; background: #fff url(../[TPH_Vimages]/personnel_u30.png) center -50px no-repeat;}
.regiSignSect { margin-top: 10px; padding: 10px 0; border: 1px solid #ccc; border-top: 1px solid #555; text-align: center; background: #f1f1f1;}
.regiSignSect::after { display: block; content: ""; clear: both;}
.regiSignSectInner { position: relative; display: inline-block; width: 300px; min-height: 150px; background: #fff;}
.regiSignSectInner .pad { width: 100%; height: 150px;}
a.btnClear { position: absolute; right: -60px; bottom: 0; width: 60px; padding: 5px 10px; box-sizing: border-box; color: #fff; background: #6f6f6f;}
.delList { width: 20px; height: 19px; text-indent: -9999px; border: none; cursor: pointer; background: #fff url(../[TPH_Vimages]/personnel_u30.png) center -92px no-repeat;}
.delListPosiR { float: right;}
.btnSearchInline { display: inline-block; margin-left: 5px; padding: 3px 15px; color: #fff; font-weight: normal; background: #555;}
.btnSearchInline:hover { color: #fff;}
.printEmphasis { padding: 25px 0; border-bottom: 1px solid #555; font-weight: bold; text-align: center; color: #f62547; font-size: 18px;}
.printEmphasis::before { display: inline-block; content: ""; width: 36px; height: 32px; margin-right: 7px; vertical-align: -10px; background: url(../[TPH_Vimages]/ico_warning.png) no-repeat;}

/*인사관리- btn 버튼*/
.boardBtn { max-width: 900px; margin: 0 auto; padding:15px 0 0px; text-align: center;}
.boardBtnLeft { float: left;}
.boardBtnRight { float: right;}
.boardBtn::after { clear: both; display: block; content: "";}
.boardBtn a,
.boardBtn button { display:inline-block; height:37px; border-radius: 20px; margin-right:4px; line-height:36px; border: none; padding:0 20px 0 37px; cursor: pointer; color:#fff;}
.boardBtn a:hover { text-decoration:none;}
.boardBtnRight a,
.boardBtnRight button { margin-right:0px; margin-left: 4px;}
.btnWrite { background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 13px -42px no-repeat;}
.btnPrint { background:#397ff2 url(../[TPH_Vimages]/personnel_u20.png) 14px -91px no-repeat;}
.btnDelete { background:#6f6f6f url(../[TPH_Vimages]/ico_u20.png) 15px -88px no-repeat;}
.btnList { background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 15px -139px no-repeat;}
.btnConfirm { padding:0 20px 0 33px !important; background:#397ff2 url(../[TPH_Vimages]/ico_btn.png) 13px -149px no-repeat;}
.btnCancel { padding:0 20px 0 33px !important; background:#6f6f6f url(../[TPH_Vimages]/ico_u20.png) 13px -239px no-repeat;}
.btnPlus { padding:0 20px 0 33px !important; background:#41c1aa  url(../[TPH_Vimages]/ico_u20.png) 13px -339px no-repeat;}
.btnChk { padding:0 18px 0 36px !important; background:#41c1aa  url(../[TPH_Vimages]/ico_u20.png) 13px -289px no-repeat;}
.btnComplete { padding:0 8px 0 26px !important; border-color: #f75684 !important; cursor:default !important; background: #f75684 url(../[TPH_Vimages]/ico_u20.png) 13px -295px no-repeat !important;}
.btnBasic { padding: 0 20px !important; background:#397ff2;}
.btnGreen { padding: 0 20px !important; background:#7fb92f;}
a.btnTableAdd { position: absolute; right: 6px; top: 6px; display:inline-block; height:24px; border-radius: 20px; line-height:24px; color:#fff; padding:0 10px 0 24px; font-size: 13px; background:#41c1aa  url(../[TPH_Vimages]/ico_u20.png) 5px -445px no-repeat;}
a.btnTableAdd:hover { text-decoration: none;}
a.btnMinus { display: inline-block; width: 24px; height: 24px; border-radius: 20px; text-indent: -9999px; background:#c0c0c0  url(../[TPH_Vimages]/ico_u20.png) center -489px no-repeat;}
a.btnTdInEdit { display:inline-block; height:26px; border-radius: 20px; margin-right:4px; line-height:26px; padding:0 10px 0 27px; color:#fff; background:#41c1aa url(../[TPH_Vimages]/ico_u20.png) 8px -47px no-repeat;}
.btnDbLog { padding:0 16px 0 39px !important; background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 13px -539px no-repeat;}
.btnSvLog { padding:0 16px 0 39px !important; background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 13px -590px no-repeat;}
a.btnDownMini {display:inline-block; height:24px; border-radius: 20px; margin-left:5px; padding:0 12px 0 31px;  border: 1px solid #41c1aa; box-sizing: border-box; line-height:20px; color:#fff; vertical-align: top; background:#41c1aa  url(../[TPH_Vimages]/ico_u20.png) 9px -798px no-repeat;}
a.btnDownMini:hover { text-decoration: none; border: 1px solid #198471;}
a.btnDown { padding-left: 42px; background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 15px -841px no-repeat;}
a.btnUp { padding-left: 42px; background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 15px -891px no-repeat;}
a.btnViewWeek { padding-left: 42px; background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 15px -590px no-repeat;}
.btnSync { background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 13px -1040px no-repeat;}

/*인사관리 - 등록완료*/
.personnelComp { width: 400px; margin: 0 auto; text-align: center;}
.personnelComp em { display: block; margin-top: 40px; padding-top: 90px; font-size: 20px; font-weight: bold; background: url(../[TPH_Vimages]/personnel_comp.png) center 0 no-repeat;}
.personnelComp span { display: block; margin-top: 20px; line-height: 20px;}
.personnelCompInfo { width: 560px; min-height: 100px; margin: 40px auto 0; padding: 35px 40px; box-sizing: border-box; border-radius: 20px; background: #f1f1f1;}
.personnelCompInfo em { display: block; font-size: 16px; font-weight: bold;}
.personnelCompInfo ol { margin-top: 20px;}
.personnelCompInfo ol li { height: 22px;}
.personnelCompInfo ul { margin-top: 20px; padding-top: 20px; border-top: 1px solid #666;}
.personnelCompInfo ul li { height: 26px;}
.personnelCompInfo ul li span { display: inline-block; width: 370px; vertical-align: -4px;}

/*전자결재페이지 서식용 기존css*/
.MsoTableGrid { padding:0; margin:0; width:100%; border-collapse:collapse;}
.MsoTableGrid tr th { background: rgb(198, 217, 241); text-align:center;}
.MsoTableGrid tr th,
.MsoTableGrid tr td { height:18px; padding:3px; border:1px solid #444; font-size:12px; color:#444; font-family:dotum;}
.MsoTableGridHor { padding:0; margin:0; width:100%; border-collapse:collapse;}
.MsoTableGridHor tr th { background: rgb(198, 217, 241); text-align:center;}
.MsoTableGridHor tr th,
.MsoTableGridHor tr td { height:18px; padding:3px; border:1px solid #444; font-size:12px; color:#444; font-family:dotum; text-align: center;}
.noteRecvView .MsoTableGridHor tr:last-child td { border-bottom: 1px solid #444;}

.MsoTableGridBTNo tr:first-child th, 
.MsoTableGridBTNo tr:first-child td { border-top: none;}
.MsoTableGrid2 tr td,
.MsoTableGrid2 tr th { border:0 !important; border-left:1px solid #444 !important; border-top:1px solid #444 !important;}
.MsoTableGrid2 tr td:first-child,
.MsoTableGrid2 tr th:first-child { border-left:0 !important;}
.MsoTableGrid2 tr:first-child th,
.MsoTableGrid2 tr:first-child td { border-top:0 !important;}
.MsoTableGrid2 tr th:last-child,
.MsoTableGrid2 tr td:last-child { border-right:0 !important;}
.MsoTableGrid2 tr:last-child th,
.MsoTableGrid2 tr:last-child td { border-bottom:0 !important;}
.alignL { text-align:left !important;}
.alignC { text-align:center !important;}
.alignR { text-align:right !important;}
.MsoTableGrid tr th.titleName { height:40px; font-size:20px; font-weight:bold;}
.mt20 { margin-top:20px !important;}
.mb20 { margin-bottom:20px !important;}
.mt10 { margin-top:10px !important;}
.mb10 { margin-bottom:10px !important;}
.mt3 { margin-top:3px !important;}
.mt5 { margin-top:5px !important;}
.mt0 { margin-top:0px !important;}
.mb5 { margin-bottom:5px !important;}
.txtB { font-weight:bold !important;}
.pd0 { padding:0 !important;}
.pd10 { padding:10px !important;}
.pd15 { padding:15px !important;}
.pd20 { padding:20px !important;}
.pd25 { padding:25px !important;}
.pd30 { padding:30px !important;}
.MsoTableGrid select { height: 20px; border: 1px solid #999;}
.MsoTableGrid .tBoxRegi { height: 20px; padding-left: 2px;}
.MsoTableGrid .btnCal { margin-left: 0px; margin-right: 5px;}
.MsoTableGrid tr td.formBottom { padding-bottom: 20px; text-align: center;}
.MsoTableGrid tr td .formBottomTxt { margin-top: 20px;}
.MsoTableGrid tr td .formBottomDate { margin-top: 20px;}
.MsoTableGrid tr td.MsoTableGridInner { padding: 0;}
.MsoTableGridInner .MsoTableGrid tr th:first-child,
.MsoTableGridInner .MsoTableGrid tr td:first-child { border-left: none;}
.MsoTableGridInner .MsoTableGrid tr th:last-child,
.MsoTableGridInner .MsoTableGrid tr td:last-child { border-right: none;}
.MsoTableGridInner .MsoTableGrid tr:first-child th,
.MsoTableGridInner .MsoTableGrid tr:first-child td { border-top: none;}
.MsoTableGridInner .MsoTableGrid tr:last-child th,
.MsoTableGridInner .MsoTableGrid tr:last-child td { border-bottom: none;}
.MsoTableGridInner .MsoTableGrid tr td { text-align: center;}
#ifOverseas { display: none;}
.holidayTypeDetail { display: none;}
.dutyDetail { display: none;}
.txtBoxWid100 { width: 100%; box-sizing: border-box;}
.MsoTableGrid a.btnSmall { min-width: 20px; padding: 3px 5px 3px;}
.MsoTableGridHor a.btnSmall { min-width: 25px; padding: 3px 5px 3px;}
.noDpChk input { display: none;}
.addListBtn { float: right; width: 20px; height: 19px; text-indent: -9999px; border: none; cursor: pointer; background: url(../[TPH_Vimages]/personnel_u30.png) center -50px no-repeat;}

/*서식용 입사자등록*/
.personnelForm .personnelRegiCont { max-width: 788px; margin: 0 auto; padding-bottom: 0px;}
.personnelForm .personnelRegiCont h2 { margin-top: 20px; font-size: 12px; line-height: 18px;}
.personnelForm .personnelRegiSect { margin-top: 0px; border-top: none;}
.personnelForm .personnelRegiTable { width: 100%;}
.personnelForm .personnelRegiTablePhoto { margin-left: 145px; width: calc(100% - 145px);}
.personnelForm .personnelRegiTable th { height: 26px; box-sizing: border-box; border: 1px solid #444; background: rgb(198, 217, 241);}
.personnelForm .personnelRegiTable td { height:26px; padding:3px; border:1px solid #444; font-size:12px; color:#444; font-family:dotum;}
.personnelForm .tBoxRegi { height: 20px; border: 1px solid #999; padding-left: 3px;}
.personnelForm select.regiSel { height: 20px; border: 1px solid #999;}
.personnelForm .chkBoxNormal { width: auto; height: auto;}
.personnelForm .btnCal { margin-left: 0px;}
.personnelForm .personnelRegiPhoto { width: 145px; height: 184px;}
.personnelForm .personnelRegiPhoto a { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.personnelForm .personnelRegiTableHor th { height: 18px; border: 1px solid #444; background: rgb(198, 217, 241);}
.personnelForm .personnelRegiTableHor td { height: 18px; border: 1px solid #444; padding: 3px;}
.personnelForm .personnelRegiTableHor th:first-child,
.personnelForm .personnelRegiTableHor td:first-child { border-left: 1px solid #444;}
.personnelForm .addList { top: -5px; right: 9px;}
.personnelForm .labRegi { height: 100%; margin-right: 3px; line-height: 20px;}
.personnelForm .personnelRegiTable .highlightPink th {background-color: pink;}

/*인사평가*/
.rightLink { position: absolute; top: 12px; right: -58px; width: 50px; border-radius: 3px; box-shadow: 1px 1px 5px rgba(0,0,0,0.3); background: #046dc0;}
.rightLink a { display: block; height: 87px; box-sizing: border-box; color: #fff; text-align: center;}
.rightLink a span { display: inline-block; font-weight: bold; letter-spacing: -1px;}
a.personnelLink { padding-top: 47px; background: url(../[TPH_Vimages]/ico_right_link.png) center 13px no-repeat;}
a.personnelLink span { width: 32px;}
a.paystubLink { padding-top: 44px; border-top: 1px solid #5099d3; background: url(../[TPH_Vimages]/ico_right_link.png) center -85px no-repeat;}
a.paystubLink span { width: 45px;}
a.surveyLink { padding-top: 47px; border-top: 1px solid #5099d3; background: url(../[TPH_Vimages]/ico_right_link.png) -1px -188px no-repeat;}
a.surveyLink span { width: 45px;}
.bottomSearchBtn { clear: both; height: 30px; margin-top: 20px;}
.topSearchBtn { clear: both; height: 30px; margin-top: 20px;}
.leftBtn { float: left; width: 50%; height: 100%;}
.rightBtn { float: right; width: 50%; height: 100%; text-align: right;}
.centerBtn { text-align: center;}
.leftBtnAll { width: 100%;}
.BtnWidth20 { width: 20%;}
.BtnWidth25 { width: 25%;}
.BtnWidth30 { width: 30%;}
.BtnWidth80 { width: 80%;}
.BtnWidth70 { width: 70%;}
.BtnWidth75 { width: 75%;}
.leftBtn h5 { padding-top: 12px;}
.basicBtn.btnWrite { padding-left: 25px; background:#397ff2 url(../[TPH_Vimages]/ico_u20.png) 13px -47px no-repeat;}
.topTabBtn { position: relative; clear: both; height: 23px; border-bottom: 2px solid #0e8bcd;}
.topTabBtn .basicBtn { position: absolute; bottom: 10px; right: 0;}
.topTabBtn + .MsoTableGridHor th { border-top: none;}
.varLabel { position: relative; display: inline-block; padding: 0 7px; height: 18px; line-height: 18px; background: #f75684; color: #fff; font-weight: normal; text-align: center; border-radius: 20px; cursor: default; font-weight: bold;}
.impLabel { display: inline-block; width: 16px; height: 16px; margin: -1px 5px 0 10px; vertical-align: middle; border-radius: 100%; text-indent: -9999px; background: #f45125;}
.varBlack { background: #444;}
.varGray { background: #6d6d6d; color: #fff;}
.varOrange { background: #f19824;}
.varYellow { background: #ffe533; color: #7a6c0b;}
.varGreen { background: #76cf0d;}
.varSky { background: #2bfaf3; color: #12817d;}
.varBlue { background: #288dee;}
.varViolet { background: #9e58ef;}
.varPink { background: #fa45eb;}
.varAll { background: #fff; border: 1px solid #aaa;}
.varLabelDel { position: absolute; top: 0; right: 0; display: none; width: 24px; height: 24px; border-radius: 20px; text-indent: -9999px; background: #f45125 url(../[TPH_Vimages]/personnel_ad/ico_new.png) 1px -249px no-repeat; box-shadow: 1px 1px 6px rgba(0,0,0,0.4);}
.varLabel:hover .varLabelDel { display: inline-block;}
.varBlack .varLabelDel { background-color: #444;}
.varGray .varLabelDel { background-color: #999;}
.varOrange .varLabelDel { background-color: #f19824;}
.varYellow .varLabelDel { background-color: #ceb400;}
.varGreen .varLabelDel { background-color: #66b00f;}
.varSky .varLabelDel { background-color: #0eada8;}
.varBlue .varLabelDel { background-color: #476eff;}
.varViolet .varLabelDel { background-color: #9e58ef;}
.varPink .varLabelDel { background-color: #fa45eb;}
.timerDisp { display: inline-block; margin-top: 2px;}
.timerDisp em { margin-right: 8px; font-weight: bold; font-size: 13px;}
.timerPaystub { margin-bottom: -7px; text-align: right;}
.timerPaystub em { margin-right: 8px; font-weight: bold; font-size: 13px; vertical-align: 1px;}

/*인사평가관리 레이어*/
.layerDiv { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); z-index: 101;}
.personnelLayer { position: relative; width: 700px; min-height: 300px; padding: 30px 35px 30px 35px; box-sizing: border-box; border-radius: 30px; box-shadow: 1px 1px 20px rgba(0,0,0,0.5); background: #fff;}
.dutyLayer { width: 800px;}
.personnelLayerInner { max-height: 500px; overflow: auto;}
.personnelLayerTop { margin-bottom: 15px; font-weight: bold; font-size: 20px;}
.personnelLayerTop span { margin-left: 7px; font-size: 20px; font-weight: normal; color: #888;}
.personnelLayerTop em { float: right; font-size: 16px; font-weight: normal; color: #888;}
.personnelLayerListTable { width: 100%;}
.personnelLayerListTable tr { position: relative;}
.personnelLayerListTable th { height: 28px; font-size: 12px; background: #ebebeb;}
.personnelLayerListTable td { height: 40px; border-bottom: 1px solid #ccc; text-align: center;}
.btnCamfImgclose { position: absolute; right: -3px; top: -55px; width: 50px; height: 50px; background: url(../[TPH_Vimages]/personnel_ad/btn_close.png) center no-repeat;}
.personnelLayerListTitle a { display: block; height: 50px; border-bottom: 1px solid #777; line-height: 50px; font-size: 16px; font-weight: bold;}
.personnelLayerListTitle a::after { display: inline-block; content: ""; width: 30px; height: 50px; float: right; margin-right: 8px; vertical-align: middle; background: url(../[TPH_Vimages]/personnel_ad/ico_accordion.png) right 17px no-repeat;}
.personnelLayerListTitle a.accordionOn::after { background-position: right -85px;}
.personnelLayer .centerBtn { margin-top: 20px;}
.btnLayer { display: inline-block; min-width: 90px; margin-right: 0px; padding: 8px; background: #fff; border-radius: 50px; border: 1px solid #aaa; font-weight: bold; text-align: center; box-sizing:border-box; cursor: pointer;}
.btnLayer:hover { text-decoration: none; border: 1px solid #222;}
.btnLayer.btnDownload { padding-left: 25px; padding-right: 13px; color: #fff; background: #484848  url(../[TPH_Vimages]/personnel_ad/ico_ssmall.png) 1px -739px no-repeat;}
.btnLayer.btnUpload { padding-left: 25px; padding-right: 13px; color: #fff; background: #484848  url(../[TPH_Vimages]/personnel_ad/ico_ssmall.png) 1px -690px no-repeat;}
.btnLayer.btnLayerBlack { color: #fff; background: #484848;}
.assessmentLayerListTable { width: 100%; border-top: 1px solid #666;}
.assessmentLayerListTable tr { position: relative;}
.assessmentLayerListTable th { height: 28px; border: 1px solid #ccc; border-top: none; font-size: 12px; background: #ebebeb;}
.assessmentLayerListTable td { height: 26px; padding: 5px; border: 1px solid #ccc; text-align: center; line-height: 22px;}
.assessmentLayerListTableHor { width: 100%;}
.assessmentLayerListTableHor tr { position: relative;}
.assessmentLayerListTableHor tr:first-child th,
.assessmentLayerListTableHor tr:first-child td { border-top: 1px solid #666;}
.assessmentLayerListTableHor th { height: 28px; border: 1px solid #ccc; font-size: 12px; background: #ebebeb;}
.assessmentLayerListTableHor td { height: 26px; padding: 5px; border: 1px solid #ccc; text-align: center; line-height: 22px;}
.assessmentLayer { width: 960px;}
.personnelLayerListScr { margin-top: 20px; max-height: 500px; overflow: auto;}
.gradeScore { font-size: 20px; font-weight: bold;}

/*근로계약서*/
.employmentWrap { min-width: 700px;}
.employmentCont { max-width: 900px; margin: 0 auto; padding-bottom: 50px;}
.employmentSect { position: relative; margin-top: 10px; border: 1px solid #555;}
.employmentCont h2.employmentHeader { position: relative; margin-top: 20px; font-size: 25px; text-align: center; letter-spacing: 10px;}
.employmentCont h2.employmentHeader span { position: absolute; right: 0; top: 5px; font-size: 14px; letter-spacing: 0; font-weight: normal;}
.employmentCont h2.employmentHeader span em { margin-left: 8px; font-weight: bold;}
.employmentTable { width: 100%;}
.employmentTable th { height: 26px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f0f0f0;}
.employmentTable td { height: 26px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 2px 5px; box-sizing: border-box;}
.employmentTable tr:first-child th,
.employmentTable tr:first-child td { border-top: none;}
.contractTxt { text-align: center;}
.contractTxt p { margin-top: 10px;}
.employmentTableIn { width: 500px; margin-top: 5px;}
.employmentTableIn th { height: 25px; border: 1px solid #ccc; padding: 0px 5px; text-align: left; background: #f0f0f0;}
.employmentTableIn td { height: 25px; border: 1px solid #ccc; padding: 2px 5px; text-align: right; box-sizing: border-box;}
.employmentTableIn td:nth-child(2),
.employmentTableIn td:nth-child(5) { text-align: center;}
.employmentTableIn tr:first-child th,
.employmentTableIn tr:first-child td { border-top: 1px solid #ccc;}
.employmentTable td.employmentTdIn { padding: 3px 10px 10px 10px;}
.employmentTable td.employmentTdIn p { margin-top: 5px;}
.employmentTableInEtc { width: 600px;}
.employmentTableInEtc td { text-align: left;}
.employmentTableInEtc td:nth-child(2) { text-align: right;}
.employmentTableInEtc td:nth-child(3) { text-align: center;}
.employmentTableInWelfare { width: 100%;}
.employmentTableInWelfare th { letter-spacing: -1px;}
.employmentTableInWelfare td { text-align: left; letter-spacing: -1px;}

.parInd { padding-left: 15px;}
.parInd2 { padding-left: 43px;}
.parInd3 { padding-left: 23px;}
.parInd4 { padding-left: 30px;}
.parInd5 { padding-left: 123px;}
.parInd6 { padding-left: 117px;}
.employmentTableSign { width: 100%;}
.employmentTableSign td { vertical-align: bottom;}
.regiSignSectInnerEmpl { position: relative; display: inline-block; width: 100%; min-height: 100px; border: 1px solid #555; box-sizing: border-box; background: #fff;}
.regiSignSectInnerEmpl .pad { width: 100%; height: 100px;}
.regiSignSectInnerEmpl a.btnClear { position: absolute; right: -1px; bottom: -1px; width: 50px; padding: 3px 8px; box-sizing: border-box; text-align: center; color: #fff; background: #6f6f6f;}
.emplSignTitle { display: block; text-align: center; background: #f1f1f1;}
.emplSignDate { margin: 25px 0 20px; text-align: center; font-size: 16px;}
.emplSignName { margin-top: 5px; font-size: 16px; font-weight: bold;}
.emplSignGroup { margin-top: 5px; font-size: 14px;}
.employmentSignSect { border-bottom: 1px solid #555; padding-bottom: 15px;}
.employmentSignSect2 { border-bottom: 1px solid #555; padding: 15px 0px 15px 0px;}
.employmentSignSect2 .employmentTableSign td { vertical-align: middle;}
.emplSignRule { padding-right: 20px; font-size: 16px; font-weight: bold;}
.contractTxtTop { text-align: center; margin-top: 20px; margin-bottom: 20px;}
.contractTxtTop p { margin-top: 10px;}
.employmentCont h2.employmentHeader2 { position: relative; margin-top: 50px; font-size: 25px; text-align: center; letter-spacing: 0px;}
.contractTxtSubH { text-align: center; margin-top: 20px; margin-bottom: 20px;}
.contractTxtSubH p { margin-top: 10px; font-size: 18px;}
.tdInfoHead { margin-top: 20px; margin-bottom: 5px; font-size: 14px;}
.tdInfoHead:first-child { margin-top: 0px;}
.employmentInfoSect { position: relative; margin-top: 10px; border: 1px solid #555; padding: 20px; line-height: 23px;}
.fontBlueB { font-size: 14px; font-weight: bold; color: dodgerblue;}
.fontRed { color: orangered;}
.employmentSignBottom { padding-top: 20px; padding-bottom: 10px;}

/*시간외근무청구서*/
.inputBox01 { border: 1px solid #999; height: 28px; min-width: 70px; vertical-align: top; box-sizing: border-box;}
a.searchBtn { display: inline-block; min-width: 50px; padding: 0px 5px 0px 5px; cursor: pointer; border: 1px solid #095a9f; border-radius: 1px; color: #fff; text-align: center; font-weight: bold; line-height: 26px; background-color: #0a76d2;}
a.searchBtn:hover { background-color: #0870bb; text-decoration: none;}
.userInfoOvertime { display: block; height: 30px; margin-top: 10px; box-sizing: border-box; border-radius: 5px; text-align: center; line-height: 30px; background: #ef7811;}
.userInfoOvertime:hover { text-decoration: none;}
.userInfoOvertime em { color: #fff; font-weight: bold; line-height: 13px; vertical-align: middle;}
.userInfoOvertime span { display: inline-block; width: 16px; height: 16px; margin-left: 4px; border-radius: 50px; color: #ef7811; font-size: 14px; font-weight: bold; line-height: 18px; vertical-align: middle; text-align: center; background: #fff;}
a.linkTd { display: block; padding: 6px 0 4px; box-sizing: border-box;}
.txtBoxW30 { border: solid 1px #999; width: 30px; height:20px; vertical-align:middle;}
.txtBoxW40 { border: solid 1px #999; width: 40px; height:20px; vertical-align:middle;}
.txtBoxW50 { border: solid 1px #999; width: 50px; height:20px; vertical-align:middle;}
.txtBoxW100 { border: solid 1px #999; width: 100px; height:20px; vertical-align:middle;}
.txtBoxP50 { border: solid 1px #999; width: 50%; height:20px; vertical-align:middle;}
.txtBoxP100 { border: solid 1px #999; width: 100%; height:20px; vertical-align:middle;}
.MsoTableGrid tr td.RegularPayTd { height: 22px; text-align: left; line-height: 22px;}
.MsoTableGrid tr td.RegularPayTd label { display: inline-block; width: 150px;}
.MsoTableGrid tr td.RegularPayTd input + label + span { display: none;}
.MsoTableGrid tr td.RegularPayTd input:checked + label + span { display: inline-block;}

/*급여지급명세서*/
.paystubSect { position: relative; margin-top: 20px; border: 1px solid #555;}
.paystubTable { width: 100%; margin-top: 20px;}
.paystubTable th { height: 28px; border: 1px solid #555; background: #f0f0f0;}
.paystubTable td { border: 1px solid #555; padding: 20px 30px; box-sizing: border-box; vertical-align: top;}
.paystubTableIn { width: 100%;}
.paystubTableIn th { padding: 0; border: none; border-top: 1px solid #555; text-align: left; background: #fff;}
.paystubTableIn td { padding: 0; border: none; border-top: 1px solid #555; padding-right: 5px; box-sizing: border-box; text-align: right; vertical-align: middle;}
.paystubTableIn tr:first-child th { border-top: none;}
.paystubTableIn tr:first-child td { border-top: none;}
.paystubTableIn td b { font-size: 14px;}
.paystubTable td.monthlyPayTd { padding: 10px 30px; text-align: right; font-size: 14px;}
.paystubBottom { margin-top: 25px; padding: 0 5px;}
.paystubBottom h3 { font-size: 16px;}
.paystubBottom ul { margin-top: 7px;}
.paystubBottom ul li { line-height: 19px; list-style:inside;}
.paystubBottomWord { margin-top: 25px; padding-top: 10px; margin-bottom: 10px; border-top: 1px solid #555;}
.paystubBottomWord p { padding-top: 10px; font-size: 15px; text-align: center;}
.paystubNoneSec { position: fixed; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column;}
.paystubNoneSec p { padding-top: 105px; font-size: 18px; font-weight: bold; background: url(../[TPH_Vimages]/ico_paystub.png) center 0px no-repeat;}
.paystubNoneSec span { display: block; margin-top: 15px;}
.paystubNoneSec .boardBtn { margin-top: 50px;}

/*설문조사*/
.surveyTxt { margin-top: 10px; padding: 20px 20px; border-radius: 10px; background: #f1f1f1;}
.surveyTxt p { line-height: 16px;}
.surveyTxt p:nth-child(2) { margin-top: 10px;}
.surveySection {}
.surveyQuestion { margin-top: 20px; padding: 20px 10px 0px 10px; border-top: 1px solid #999;}
.surveyQuestion:first-child { margin-top: 5px; border: none;}
.surveyQtxt { font-weight: bold;}
.surveyChoice { margin-top: 10px;}
.surveyChoice::after { display: block; clear: both; content: "";}
.surveyChoice li { float: left; display: inline-block; width: 33%; height: 22px;}
.surveyChoice li .tBoxRegi { height: 18px;}
.surveyChoice1 { margin-top: 10px;}
.surveyChoice1 li { height: 22px;}
.surveyChoice1 li .tBoxRegi { height: 18px;}
.surveyChoice1 li label { display: inline-block; width: 115px;}
.surveyTxtarea { margin-top: 10px;}
.surveyTxtarea textarea { width: 100%; height: 100px;}
.surveyCompTxt { margin-top: 30px; padding: 105px 20px 20px 20px;  background: url(../[TPH_Vimages]/survey_comp.png) center 0px no-repeat;}
.surveyCompTxt p { text-align: center; line-height: 20px; font-weight: bold; font-size: 16px;}
.surveyCompTxt span { display: block; margin-top: 15px; text-align: center; line-height: 16px;}
.surveyCompBtn { width: 270px;}
.surveyCompBtn .btnDown { width: 210px; margin-top: 5px; margin-right: 2px; letter-spacing: -1px;}
.surveyChoiceView { margin-top: 15px;}
.surveyChoiceView p { margin-top: 7px; word-break: break-all;}

/*사직서*/
.resignWrap { width: 210mm; margin: 0 auto; border: 1px solid #fff; box-sizing: border-box;}
.resignCont { width: 100%; position: relative;}
.resignSect { position: relative; margin-top: 70px;}
.resignSect2 { position: relative; margin-top: 50px;}
.resignCont h2.resignHeader { position: relative; width: 50%; margin-top: 70px; font-size: 30px; text-align: center; letter-spacing: 20px; color: #000;}
.resignCont h2.resignHeader2 { position: relative; margin-top: 50px; font-size: 30px; text-align: center; letter-spacing: 5px; color: #000;}
.resignInfoTable { width: 100%;}
.resignInfoTable th { height: 40px; border: 1px solid #555; background: #f0f0f0; font-size: 13px; color: #000;}
.resignInfoTable td { border: 1px solid #555; padding: 4px 5px; box-sizing: border-box; font-size: 13px; color: #000;}
.resignApproval { position: absolute; top: -35px; right: 0; width: 400px;}
.resignApproval .resignInfoTable th { height: 25px; color: #000;}
.resignApproval .resignInfoTable td { height: 70px; color: #000;}
.resignInfoSect { position: relative; border: 1px solid #555; border-top: none; padding: 15px 20px 60px; line-height: 24px;}
.resignReasonTxt { margin: 110px 0 0px; height: 80px; text-align: center; font-size: 24px; line-height: 36px; color: #000;}
.resignReasonDate { margin: 110px 0 0px; text-align: center; font-size: 18px; color: #000;}
.resignSignTxt { margin-top: 80px; padding-right: 60px; text-align: right; font-weight: bold; color: #000;}
.resignSignTxt em { font-size: 18px; letter-spacing: 10px;}
.resignSignTxt span { margin-left: 150px; font-size: 18px;}
.resignBottom { margin-top: 100px; height: 50px; text-align: center;}
.resignInfoTable td p.interviewTxt { height: 100%; padding: 10px; font-size: 14px; color: #000; box-sizing: border-box;}
.interviewTxt span { clear: both; display: block; margin-bottom: 10px; color: #000;}
.interviewTxt em { display: inline-block; width: 49%; color: #000;}
.brdTopNone th,
.brdTopNone td { border-top: none;}
.resignInfoTableHor { width: 100%;}
.resignInfoTableHor th { height: 25px; border: 1px solid #555; background: #f0f0f0; font-size: 14px; color: #000;}
.resignInfoTableHor td { height: 40px; border: 1px solid #555; padding: 4px 0px; box-sizing: border-box; font-size: 14px; color: #000; text-align: center;}

/*비번확인 레이어*/
.confirmationLayer { position: relative; width: 500px; min-height: 300px; padding: 50px 35px 60px 35px; box-sizing: border-box; border-radius: 30px; box-shadow: 1px 1px 20px rgba(0,0,0,0.5); background: #fff;}
.confirmationLayer .centerBtn { margin-top: 30px;}
.confirmationTxt { padding: 100px 20px 0px 20px;  background: url(../[TPH_Vimages]/ico_confirmation.png) center 0px no-repeat;}
.confirmationTxt p { text-align: center; line-height: 20px; font-weight: bold; font-size: 16px;}
.confirmationTxt span { display: block; margin-top: 10px; text-align: center; line-height: 16px; color: #999;}
.confirmationInput { margin-top: 30px; text-align: center;}
.pwBox { border: 1px solid #666; width: 280px; height: 30px; text-align: center; font-size: 20px;}

/*중고장터 추가*/
a.basicGreenBtn { padding-left: 35px; border: 1px solid #118a48; background: #118a48 url('../[TPH_Vimages]/icon_excel.png') 7px no-repeat;}
a.basicGreenBtn:hover { background-color: #0e6b38;}
a.basicBlue02Btn { text-decoration: none; display: inline-block; width: 61px; cursor: pointer; color: #fff; text-align: center; font-weight: bold; line-height: 24px; background: url(../[TPH_Vimages]/board_tab_on.gif) no-repeat;}
a.basicWhite02Btn { text-decoration: none; display: inline-block; width: 61px; cursor: pointer; color: #000; text-align: center; font-weight: bold; line-height: 24px; background: url(../[TPH_Vimages]/board_tab_off.gif) no-repeat;}
.btnUsedMarket { border-radius: 7px; width: 180px; height: 41px; background: #046dc0 url('../[TPH_Vimages]/icon_used.png') 16px no-repeat; cursor: pointer;}
.btnUsedMarket a { padding-left: 45px; text-decoration: none; color: #fff; font-weight: bold; font-size: 14px; letter-spacing: -1px; }
.btnPhotoDel { display: inline-block; width: 20px; height: 20px; margin: 0 5px; vertical-align: middle; line-height: 20px; text-align: center; font-weight: bold; color: #fff; background: #555;}
.photoView { margin-bottom: 5px;}
.photoView li { padding: 1px 0;}
.usedMarketPhoto img { display: block; max-width: 660px;}

/*쪽지 수신자 트리html*/
#flexDiv { width: 395px !important; height: 345px !important;}


/*댓글기능*/
.commentsCon { padding: 50px 0 70px;}
.commentsTitle { display: inline-block; font-weight: bold; font-size: 15px; margin: 20px 0;}
.commentsInput { position: relative; width: 100%; border: 1px solid #444;  }
.commentsInput textarea { padding: 10px; width: 100%; height: 100px; overflow-y: auto; border-bottom: 1px solid #E2E2E2; border-top: none; border-right: none; border-left: none; box-sizing: border-box; }
.commentsInput textarea:focus { outline: none !important; }
.commentsBtn { position: relative; display: flex; justify-content: space-between; height: 50px; line-height: 50px; padding: 0 0 0 10px; }
.writeBtn { position: relative; display: inline-block; padding: 0 5px; width: 50px; height: 50px; text-align: center; background-color: #525252; color: #fff !important;}
.commentsCon a:hover { text-decoration: none; }
.commentsList { margin: 20px 0; }
.commentsList li { position: relative; margin: 10px 0; padding: 10px; border-bottom: 1px solid #E2E2E2; }
.idArea { margin-right: 5px; font-size: 16px; font-weight: bold; }
.commentsList span:nth-child(2) { color: rgb(139, 139, 139); margin-right: 15px;}
.commentsList p { margin: 20px 0 10px 0;}
.commentsList a { display: inline-block; min-width: 42px; height: 24px; line-height: 24px; text-align: center; border-radius: 30px; background-color: #F0F0F0; font-weight: 600; color: #666;}
.commentsList li textarea { display: block; margin-top: 10px; padding: 5px; width: 100%; box-sizing: border-box;}
.commentsList li textarea:focus { outline: none !important; }
.commentsList li.noList { height: 50px; line-height: 40px; text-align: center;}
.commentsListPage table { margin: 0 auto;}
.commentsList p.delComment { margin: 20px 0 30px 0;}

/*연계문서 추가*/
table.workflowLink { width:100%; border-right:1px solid #555; border-bottom:1px solid #555;}
table.workflowLink tr th,
table.workflowLink tr td { border-top:1px solid #555; border-left:1px solid #555; text-align: center;}
table.workflowLink tr th { height:24px; background:#c6d9f1; text-align:center;}
table.workflowLink tr td { height: 30px; padding: 3px 3px;}
table.workflowLink tr td.workflowLinkBottom { padding: 5px 7px; text-align: left; background: #dfdfdf;}
table.workflowLink tr td a { display: inline-block;}
.btnDelLink { display: inline-block; width: 30px; height: 30px; text-indent: -9999px; background: url(../[TPH_Vimages]/btn_close01.gif) center no-repeat;}
.workflowLinkTitle { margin-top: 10px; padding: 7px 0;}
.workflowLinkTitle b { font-size: 14px;}

.reasonLayerOuter { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.8); z-index: 10;}
.reasonLayer { position: relative; width: 800px; min-height: 500px; padding: 25px 20px; box-sizing: border-box; border: 1px solid #ccc; box-shadow: 1px 1px 7px rgba(0,0,0,0.5); background: #fff; z-index: 11;}
.reasonLayerListIn { max-height: 400px; overflow-y: auto;}
.reasonLayerListIn .workflowLink tr:first-child td { border-top: none;}
.wfConnPopPage { position: absolute; top: 0px; right: 20px;}
.popHead { font-size: 18px;}
.rightSearch { margin-top: 15px;}
.rightSearch select { border: 1px solid #888; height: 30px; min-width: 100px;}
.rightSearch input[type=text] { border: 1px solid #888; height: 30px; width: 200px; padding: 0 5px;}
.rightSearch input[type=submit] { height: 32px; width: 50px; cursor: pointer; color: #fff; background-color: #0a76d2;}
.workflowTab { margin-top: 15px;}
.workflowTab li { font-size: 14px; font-weight: 600;}
.wfConnPopPage { position: absolute; top: 100px; right: 20px;}
.wfConnPopPage .pageNum { margin-right: 10px;}
.pageBottom { margin-top: 10px; text-align: center;}
.pageBottom table { width: auto; margin: 0 auto;}

/*쪽지 쓰기영역 수정-엣지브라우저*/
.editable { width: 495px; height: 150px; padding: 5px 10px; border: 1px solid #ccc; box-sizing: border-box; overflow-y: scroll; text-align: left; background: #fff;}
.editable:focus { outline: none;}
.editable * { text-align: left;}
.uploadTableNote { margin-top: 5px;}
.uploadTableNote #html5_uploader { width: 493px !important; border: 1px solid #ccc;}
/*ie7*/
*+html .editable { width: 466px;}

/*관리자페이지_그라데이션 버튼*/
a.shadowBtn {display: inline-block; height: 40px; padding: 3px 12px; border: 1px solid #C1C1C1; box-shadow: 0 -10px 5px rgba(0,0,0,0.1) inset; font-weight: bold; text-align: center; margin: 10px 0px;}
a.shadowBtn:hover{background-color: #0870BB; color:#fff; text-decoration: none;}
.blueArrow { width: 20px; height: 34px; background: url(../[TPH_Vimages]/ico_arrow_blue.svg) center no-repeat;}
a.shadowBtn:hover .blueArrow {background: url(../[TPH_Vimages]/ico_arrow_white.svg) center no-repeat;}
.arrowDown { transform: rotate(180deg);}

@media only print {
	.resignation .boardBtn,
	.resignation_return_deduct .boardBtn,
	.resignation_security .boardBtn,
	.resignation_interview .boardBtn { display: none;}
	.personnel_regi .boardBtn,
	.personnel_regi .btnClear,
	.personnel_regi .delList,
	.personnel_regi .addList,
	.personnel_regi .btnSearchInline,
	.personnel_regi .btnCal,
	.personnel_regi .printEmphasis,
	.personnel_regi .personnelRegiHead { display: none;}
	/*근로계약서*/
	.employment_contract_overwatcher .boardBtn,
	.employment_contract_overwatcher .btnClear,
	.employment_contract_medical .boardBtn,
	.employment_contract_medical .btnClear,
	.employment_contract_staff .boardBtn,
	.employment_contract_staff .btnClear,
	.employment_contract_fellow .boardBtn,
	.employment_contract_fellow .btnClear { display: none;}
	.employment_contract_fellow .employmentSignSect,
	.employment_contract_medical .employmentHeader2,
	.employment_contract_medical .employmentSignSect { page-break-before:always;}
  
  .employmentCont { padding-bottom: 0px;}
    
}
@page {
	size: A4;
	margin: 15mm;
}










/*------힘찬병원 반응형-------*/
/*.regiWrap .personnelRegiHead{width:100vw !important;}*/
/*.personnel_regi .personnelRegiSect .tBoxRegi {max-width: 120px !important;}*/

/*태블릿*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1345px) {
/*비밀번호 변경*/
  .wrapPwc{box-sizing: border-box; padding: 0 20px; width: 100%; max-width: 880px;}
  .pwcInner{padding: 40px 0px;}
  .changeCheck {max-width: 300px; width: 100%; left: 48%;}
  
  /* 비밀번호변경 확인*/
  .pwcComplete { text-align: center; height: 250px; margin-top: 0; padding-left: 0;  box-sizing: border-box; line-height: 350px; font-size: 14px; font-weight: bold; background: #f9f9f9 url(../[TPH_Vimages]/pwc_ico.png) center 40px no-repeat;}
  
  /*신규입사자 사원등록*/
  .regiWrap {min-width: 100%; box-sizing: border-box; padding: 0 20px;}
  .personnelRegiCont { max-width: 100%; margin: 0 auto;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(5) th:nth-child(6) {white-space: nowrap;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(5) td:first-child .tBoxRegi {max-width: 40% !important;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(5) td:nth-child(2) .tBoxRegi {max-width: 30px !important;}
  .personnel_regi .personnelRegiSect .tBoxRegi {max-width: 100% !important;}
  .personnel_regi .personnelRegiTable td { height: auto;}
}


/*스마트폰*/
@media only screen and (max-device-width : 767px){
/* 비밀번호 변경*/
  .wrapPwc{box-sizing: border-box; padding: 0 20px; width: 100%;}
  .pwcInner {padding: 20px 0px;}
  .pwcInputDiv {min-height: 260px; height: auto;}
  .pwcInputDiv input {width: 50%;}
  .pwcInputDiv ul { width: 100%; text-align: center; margin: 0 auto; padding: 120px 0 60px 0; padding-left: 0; box-sizing: border-box; background: url(../[TPH_Vimages]/pwc_ico.png) center 10px no-repeat;}
  
  .changeCheck {width: 100%; box-sizing: border-box; position: absolute; bottom: 10px; left: 0px; padding: 0 20px; color: #f23409; display: flex; justify-content: center; align-items: center;}
  
 
  /*신규입사자 자원등록*/
  .regiWrap{min-width: 100% !important; width: 100% !important; overflow: hidden; padding: 0 10px; box-sizing: border-box;}
  .regiWrap .personnelRegiCont { width: auto; max-width: 100% !important; margin: 0; padding-bottom: 40px;}
  .regiWrap .personnelRegiTablePhoto{margin-left: 0px;} 
  .regiWrap .personnelRegiPhoto {position: relative; top: 0px; width: 113px;height: 151px;}
  .regiWrap .personnelRegiTable {width: 100%; margin-top: 0px;}
  .regiWrap .personnelRegiTable tr th{font-size: 14px !important; font-weight: normal !important;}
  .regiWrap .personnelRegiTable td{padding: 5px; font-size: 14px;}
  .regiWrap .personnelRegiCont .personnelRegiSect:nth-of-type(1) {width: 100%; margin-top: 0px; }
  .regiWrap .labRegi{display: inline-block; height: auto; margin-right: 3px; line-height: 0px; font-size: 14px;}
  .regiWrap a.btnClear { position: absolute; right: 20px; bottom: -50; width: 60px; padding: 5px 10px; box-sizing: border-box; color: #fff; background: #6f6f6f;}
  .personnel_regi .printEmphasis{margin: 0 auto; padding-top:60px; padding-left: 2em; padding-right: 2em;}
  .personnel_regi .printEmphasis::before{width: 0;}
  .personnel_regi .personnelRegiTableHor th {font-size: 14px; font-weight: normal;}
  .personnel_regi .regiSignSectInner {width: 100% !important;}
  .personnel_regi .personnelRegiPhoto{margin: 5px auto;}
  .personnel_regi .personnelRegiPhoto span:last-child{font-size: 16px !important;}
  .personnel_regi .personnelRegiTableHor tr th {font-size: 14px; font-weight: normal;}
  .personnel_regi .addList {right: 5px !important;}
  .personnel_regi .chkBoxNormal { width: 15px; height: 15px;}
  .personnel_regi .tBoxRegi4 { width: 100% !important;}
  .personnel_regi .tBoxRegi3 { width: 100% !important; max-width: 120px; margin: 2px;}
  .personnel_regi .btnCal {margin-left: 0;}
  .personnel_regi .personnelRegiSect {overflow-x: scroll;}

  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(2) .tBoxRegi5 {width: 80% !important;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(1) .hasDatepicker {width: calc(100% - 40px) !important; margin-top: 5px !important;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(3) td:nth-child(4), 
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(3) td:nth-child(5) {width: 80px;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(3) .personnelRegiTableHor{min-width: 500px;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(3) tr td:first-child {width: 30px;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(5) td {font-size: 14px; white-space: nowrap;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(5) td .tBoxRegi3 { width: 30px !important;;}

  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(5) colgrouop col:nth-child(2) {width: }
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(5) .personnelRegiTableHor{min-width: 900px;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(6) td .hasDatepicker {min-width: auto !important;}
  .personnel_regi .personnelRegiCont .personnelRegiSect:nth-of-type(6) .hasDatepicker {width: calc(100% - 40px) !important; margin-top: 5px !important;}
  
/*  신규입사자 제출 완료*/
  .regiWrap .personnelComp {width: 100% !important;}
  .regiWrap .personnelComp em { margin-top: 0px !important; padding-top: 50px !important;}
  .regiWrap .personnelCompInfo {padding: 15px 10px;  margin-bottom: 20px;}
  .regiWrap .personnelCompInfo ol li {height: auto !important; line-height: 26px}
  .regiWrap .personnelCompInfo ul li {width: 100% !important; min-height: 40px; position: relative;}
  .regiWrap .personnelCompInfo ul {margin-top: 0px; height: auto; padding-top: 0px; display: inline-block; border-top: none; width: 100%;}
  .regiWrap .personnelCompInfo ul li span {width: calc(100% - 110px) !important; min-width: 130px !important; float: left;}
  .regiWrap .personnelCompInfo ul li a.btnDownMini {width: 100px !important; float: right; display: inline-block; position: absolute;}
  .regiWrap .personnelCompInfo{width: 96% !important;}


/*비밀번호변경 확인*/
  .pwcComplete { text-align: center; height: 250px; margin-top: 0; padding-left: 0;  box-sizing: border-box; line-height: 350px; font-size: 14px; font-weight: bold; background: #f9f9f9 url(../[TPH_Vimages]/pwc_ico.png) center 40px no-repeat;}

}
@media only screen and (max-device-width : 767px) and (orientation : landscape){
}
@media only screen and (max-device-width : 320px) {
  .pwcInputDiv {height: 300px;}
  .changeCheck {width: 100%;}

}

/*------힘찬병원 반응형 end-------*/