@charset "UTF-8";

.evalTeam{width: 100%;}
.evalTeam > .grayBox{margin: 0 0 105px;}
.evalTeam .loginWrap{width: 100%;padding: 64px 0 80px;border:1px solid #ced1e5;border-width: 1px 0;box-sizing: border-box;}
.evalTeam .loginWrap .loginBox{display:block;width: 923px;float:initial;margin:0 auto;}
.evalTeam .loginWrap .loginBox > strong{display:inline-block;width: 100%;color:#5993e9;font-size: 2.5rem;margin: 0 0 34px;}
.evalTeam .loginWrap .loginBox form{width: 100%;height: 60px;margin: 0 0 28px;}
.evalTeam .loginWrap .loginBox form input[type="text"],
.evalTeam .loginWrap .loginBox form button[type="submit"]{height:60px;float:left;border-radius: 10px;border: 0;box-sizing: border-box;}
.evalTeam .loginWrap .loginBox form input[type="text"]{width: 350px;color:#333;font-size:1.125rem;padding:18px 10px 18px 23px;margin: 0 18px 0 0;background: #f6f7fd;}
.evalTeam .loginWrap .loginBox form button[type="submit"]{width: 187px;text-align:center;color:#fff;font-size:1.25rem;padding:18px 0;background:#5993e9;}
.evalTeam .loginWrap .loginBox form+p span{color:#e3286b}

.wrap{width:100%}
.evalgnb{width:100%;height: 70px;background: #fff;}
.evalgnb a{
    display: inline-block;
    height: 70px;
    line-height: 70px;
    color: #152065;
    font-size: 25px;
    font-weight: 600;
    padding: 0 30px;
}
.contents{width:100%;padding:20px 40px 20px 20px;background: #fff;box-sizing:border-box;}
.brdtbinTxt.eval.t2 textarea{height:327px;border:0;background:transparent;resize:none}

/*평가단페이지 셀렉트박스*/
.brdTop .brdSrch .selecBox select{width:100%;height:45px;font-size: 1.125rem;padding: 0 30px;background: url(/images/web/sub/brdsrcharrw.png) no-repeat 110px center;;background-size: 14px 13px;border:0;border-radius: 25px;}
.divselec ul li .selecBox select{width: 100%;height: 31px;padding:0 18px;background: url(/images/web/sub/brdsrcharrw.png) no-repeat 95px center;background-size: 11px 10px;border:0;box-sizing:border-box;border-radius: 5px;}

/*평가단페이지 검색창등*/
.logout.evals{width: 108px;height: 35px;line-height:35px;font-family:'SpoqaHanSansNeo';float:right;text-align:center;font-size:1.125rem;margin:0 0 2rem;background:#d4d8f2;border:0;border-radius: 5px;}
.brdTop .brdSrch .srWrap{position:relative;width: 600px;height: 45px;float:left;}
.brdTop .brdSrch .srWrap input[type="text"]{width:100%;height:45px;padding: 0 30px;border: 1px solid #ced1e5;border-radius: 100px;}
.brdTop .brdSrch .srWrap .srchbtn{position:absolute;width:132px;height:45px;text-align:center;color:#fff;background: #3246b5;border:0;border-radius: 100px;top: 0;right: 0;}
.wb_area .btn{display:inline-block;width: 147px;line-height:50px;text-align:center;color:#fff;font-size: 1.125rem;background: #3246b5;border:0;border-radius: 6px;}

.pagenate{width: 100%;text-align: center;}
.pagenate > strong,
.pagenate > a{display:inline-block;width:32px;height:32px;line-height:32px;overflow:hidden;text-align:center;color:#666;border-radius: 6px;transition:.3s all;}
.pagenate > strong:hover,
.pagenate > a:hover{color:#fff;background: #3246b5;}

.eval+.brdinEdit ul li{width: 140px;}
.wb_area{width:100%;}
.wb_area > ul{display:inline-block;float:right}

table.brdtbin.t2{margin:0 0 1rem;}
table.brdtbin.t2 tbody tr{}
table.brdtbin.t2 tbody tr td{background: #fff;border: 1px solid #ced1e5;}
table.brdtbin.t2 tbody tr th{background: #f6f7fd;border: 1px solid #ced1e5;}
table.brdtbin.t2 tbody tr td span,
table.brdtbin.t2 tbody tr th span{border: 0;background: transparent;}
table.brdtbin.t2 tbody tr:first-child th span{margin: 0 !important;}
table.brdtbin.t2 tbody tr td span{margin: 0 !important;}
table.brdtbin.t2 tbody tr:last-child td span{}
table.brdtbin.t2 tbody tr td input[type="text"]{}
table.brdtbin.t2 tbody tr td label{}
table.brdtbin.t2 tbody tr td button.evalin{width: 108px;height: 35px;text-align:center;font-size:1rem;background:#d4d8f2;border:0;border-radius: 5px;}
table.brdtbin.t2 tbody tr td b{display:inline-block;width:100%;float:left;font-weight: 400;margin: 10px 0;}



@charset "utf-8";
/*
전체 스킨의 공통적인 Style입니다.
*/

/* Type Selector */
* { margin:0; padding:0; font-size:100%}
/*html, body { font-size:12px; font-style:normal; font-family: 'Nanum Gothic',  sans-serif; zoom:1.15; overflow: auto; }*/
html, body { font-size:17px; font-style:normal; font-family: 'Nanum Gothic',  sans-serif; overflow: auto; }
body {position:relative;background: #fff;}
img, fieldset, button { border:none}
hr, button img, legend{ display:none}
h1,h2,h3,h4,h5,h6 {font-weight:normal}
h1,h2 { position:absolute; left:0px; text-align:left; width:1px;height:1px;top:-1000000px;overflow:hidden}
li { list-style:none}
*:first-child+html li { margin-bottom:2.5px}
html:first-child select { padding-right:6px; height:20px} /* Opera 9 & Below Fix */
option { padding-right:6px} /* Firefox Fix */
div { border:0px dashed #6666ff; text-align:left}
label { cursor:pointer; _cursor /**/:hand}
table { border-collapse:collapse}
table th { font-weight:normal}


/*input, textarea, keygen, select, button{font:13px 'Nanum Gothic'}*/

input, select, textarea, button{vertical-align:middle;margin:0;padding:0;-webkit-font-smoothing:antialiased;color:#333;letter-spacing:-0.09em;font-size:15px;font-family: 'Nanum Gothic',  sans-serif !important;}

select, textarea, input[type="text"], input[type="password"],input[type="tel"],input[type="reset"],input[type="submit"],input[type="input"]{vertical-align:bottom;border:1px solid #b6b5b5;background-color:#fff;line-height:24px;color:#333;}
select, input[type="text"], input[type="password"],input[type="tel"],input[type="reset"],input[type="submit"],input[type="input"]{height:26px;}
textarea{/* resize:none; */width:100%;line-height:20px;}
input[type="radio"]{}
input:not[type="checkbox"]{}
input[type="text"], input[type="password"],input[type="tel"],input[type="reset"],input[type="submit"],input[type="input"], textarea{/* text-indent:5px; */padding:0 5px;ime-mode:active;-webkit-ime-mode:active;-moz-ime-mode:active;}
input[type="button"]{border:none;background-color:inherit;color:inherit;cursor:pointer;}
input[type="submit"]{cursor:pointer;}



.back_gray{background:url(/common/image/background/back.jpg) repeat-x}
.frame { line-height:1.5; border:1px solid #e5e5e5; overflow-y:auto; overflow-x:hidden}
.btn { cursor:pointer;_cursor:hand}
.blank { padding:30px; font-size:12px; color:#990000; line-height:14px;text-align:center}
.error {color:red}
.blind {width: 0px; height: 0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px}
.hidden {width: 0px; height: 0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px}

/* skin pattern */
.displaySetButton { position:absolute; top:0; left:0; z-index:991; border:1px dotted #ff6600; cursor:pointer}
.pattern { background:url(/common/image/background/bg_pattern.png); color:#990000; overflow:hidden; position:relative; filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8}
.patternWrap .patternInfo { padding-top:10px; font-size:11px; overflow:visible}
.visual { position:relative}
.visual .design { margin:0; padding:0; font-size:0}
.visual .design img { display:block}

/* 에러 페이지 */
.msgBox { position:absolute; top:30%; left:50%; width:500px; height:200px; margin:100px 0 0 -250px; border:4px solid #d2d2d2; text-align:center; background:#eee}
.msgBox p { padding:15px; font-size:1.2em; font-weight:bold; margin-top:40px}
.msgBtn { margin:20px 0; text-align:center}
.msgBtn .btn { display:inline; border:0; background:#ff6600; vertical-align:middle; color:#fff; font-weight:bold; padding:3px 10px; cursor:pointer; text-decoration:none; height:20px; border:2px solid #999; letter-spacing:0.1em}

.clear { float:none; clear:both; height:0; width:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important}

.show { display:block}
.hide {position:absolute; left:0px; text-align:left; width:1px;height:1px;top:-1000000px;overflow:hidden}
caption .blind {position:absolute; left:0px; text-align:left; width:1px;height:1px;top:-1000000px;overflow:hidden}
.center { text-align:center}
.right { text-align:right}
.left { text-align:left}
.middel { vertical-align:middle}
.normal { font-weight:normal}
.bold { font-weight:bold}
.bd { border:1px dashed #ff6600; cursor:pointer}
.no_line { border:0 solid #fff}
.pd1 { padding:1px}
.pd2 { padding:2px}
.pd3 { padding:3px;_padding:3px}
.pd4 { padding:4px}
.pd5 { padding:5px}
.pd7 { padding:7px}
.pd8 { padding:8px}
.pd10 { padding:10px}
.pd15 { padding:15px}

.pb5 { padding-bottom:5px}
.pb10 { padding-bottom:10px}
.pb20 { padding-bottom:20px}
.pb30 { padding-bottom:30px}
.pb40 { padding-bottom:40px}
.pb50 { padding-bottom:50px}

.pt5 { padding-top:5px}
.pt10 { padding-top:10px}
.pt20 { padding-top:20px}
.pt30 { padding-top:30px}
.pt40 { padding-top:40px}
.pt50 { padding-top:50px}

.pl5 { padding-left:5px}
.pl10 { padding-left:10px}
.pl20 { padding-left:20px}
.pl30 { padding-left:30px}
.pl40 { padding-left:40px}
.pl50 { padding-left:50px}

.ptb1 { padding:1px 0}
.ptb2 { padding:2px 0}
.ptb3 { padding:3px 0}
.ptb4 { padding:4px 0}
.ptb5 { padding:5px 0}
.ptb7 { padding:7px 0}
.ptb8 { padding:8px 0}
.ptb10 { padding:10px 0}
.ptb15 { padding:15px 0}

.wrap60 { width:60px; white-space:nowrap; overflow:hidden}
.wrap70 { width:70px; white-space:nowrap; overflow:hidden}
.wrap80 { width:80px; white-space:nowrap; overflow:hidden}
.wrap100 { width:100px; white-space:nowrap; overflow:hidden}
.wrap120 { width:120px; white-space:nowrap; overflow:hidden}
.wrap150 { width:150px; white-space:nowrap; overflow:hidden}
.wrap200 { width:200px; white-space:nowrap; overflow:hidden}



/*.100per { width:100%; white-space:nowrap; overflow:hidden}

.sp3 { white-space:3px}
.sp5 { white-space:5px}
*/
.line120 {line-height:120%}
.line150 {line-height:150%}
.line180 {line-height:180%}

.bgWhite {background-color:#ffffff}
.bgGray {background-color:#efefef}

.line_1_gray{ border:1px solid #999}
.line_tb1_gray{ border-top:1px solid #999; border-bottom:1px solid #999}
.line_b1_gray{ border-bottom:1px solid #999}
.line_1_black{ border:1px solid #000}
.line_tb1_black{ border-top:1px solid #000; border-bottom:1px solid #000}
.line_2_gray{ border:2px solid #999}
.line_2_black{ border:2px solid #000}
.line_side_black{ border-left:1px solid #000}

p.dan { word-break:break-all}
p.keeping input { vertical-align:middle}
p.keeping label { position:relative; top:1px; left:3px; margin-right:7px; color:#777; letter-spacing:-1px}
p.keeping label.first {  margin-right:1px}
span.keeping input { vertical-align:middle}
span.keeping label { position:relative; top:1px; left:3px; margin-right:7px; color:#777; letter-spacing:0}
span.keeping label.first {  margin-right:1px}
span.keeping select { position:relative; }

#hdFrame { border:0}

/* Skin selector */
#skin { width:100%; position:fixed; _position:absolute; bottom:0; z-index:2002; text-align:center; background:url(../../common/image/background/bg_shadow.png) repeat-x 0px 1px}
#skin .btn { float:right; text-align:right; height:16px}
#skinSelector { display:none; clear:both; background:#fff; text-align:center; margin:auto}

/* Etc */
#help { border:1px solid #e1e1e1; margin:0 3px 3px 3px; padding:3px}
#help legend { color:#999}
#help li { list-style:decimal inside; padding:2px; color:#888; text-align:left}

/* Ajax */
#ajax_header{ width:100%; height:100%; top:0; left:0; overflow:hidden; position:absolute; background:#000; filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; z-index:2003}
#ajax_close { cursor:pointer;_cursor:hand; position:absolute; z-index:2003}
#ajax_display { position:relative; margin:auto}
#ajax_display select,input{ filter:none}
#ajax_body {border:1px solid #333 !important}
/* Ajax : modal */
#modal p { padding:4px; font-weight:bold}
#modal .input { padding:0 0px 10px 20px; text-align:center}
#modal .frame { background:#eee; overflow:auto; margin:5px auto; color:#444;}
#modal .frame .address { font-weight:normal; font-size:12px; color:black}
#modal li { float:left; margin-left:3px}

/* Set-up */
#setup_layout{ min-height:100%}
*:first-child+html #setup_layout { height:100%}
#setup_wrap{ padding:2em 0; width:600px; text-align:center; margin:auto}
#setup_header{ position:relative}
#setup_header h1{  padding-top:9px; font-size:12px; font-weight:bold; display:block}
#setup_footer{ border:1px dotted #999; padding:5px; margin-top:5px; position:relative}
#setup_footer li{ list-style:circle inside; padding-left:5px; font-size:11px; line-height:130%}
#setup_footer li.accent{ color:#3366ff}

/* Title pattern */
.head_red{ height:33px; font-weight:bold; color:#ffffcc; text-align:center; background:url(../../common/image/background/bg_top_red.gif) repeat-x}
.head_red p { padding-top:9px; cursor:move}
.head_violet{ height:33px; font-weight:bold; color:#eadff2; text-align:center; background:url(../../common/image/background/bg_top_violet.png) repeat-x}
.head_violet p { padding-top:9px; cursor:move}
.head_black{ height:33px; font-weight:bold; color:#dfffff; text-align:center; background:url(../../common/image/background/bg_top_black.png) repeat-x}
.head_black p { padding-top:9px; cursor:move}
.head_black h3 { padding-top:9px; font-weight:bold}
.head_gray{ height:33px; font-weight:bold; color:#000; text-align:center; background:url(../../common/image/background/bg_top_gray.png) repeat-x}
.head_blue{ height:33px; font-weight:bold; color:#dfffff; text-align:center; background:url(../../common/image/background/bg_top_blue.png) repeat-x}
.head_darkblue{ height:33px; font-weight:bold; color:#dfffff; text-align:center; background:url(../../common/image/background/bg_top_darkblue.png) repeat-x}
.head_darkblue p { padding-top:9px; cursor:move}
.head_darkblue h3 { padding-top:9px; font-weight:bold}
.head_green{ height:33px; font-weight:bold; color:#ffffcc; text-align:center; background:url(../../common/image/background/bg_top_green.gif) repeat-x}
.head_green p { padding-top:9px; cursor:move}
.head_darkgreen{ height:33px; font-weight:bold; color:#ffffcc; text-align:center; background:url(../../common/image/background/bg_top_darkgreen.gif) repeat-x}
.head_darkgreen p { padding-top:9px; cursor:move}

.menu_red { position:relative; height:27px; color:#fff; text-align:center; background:url(../../common/image/background/bg_top_red.gif) repeat-x 0 -4px}
.menu_red p { padding-top:5px; cursor:move; text-align:center}
.menu_black { position:relative; height:29px; color:#fff; text-align:center; background:#666}
.menu_black p { padding-top:5px; cursor:move; text-align:center}
.menu_gray { position:relative; height:27px; color:#444; text-align:center; background:url(../../common/image/background/bg_top_gray.png) repeat-x 0 -4px}
.menu_gray p { padding-top:5px; cursor:move; text-align:center}
.menu_blue { position:relative; height:27px; color:#fff; text-align:center; background:url(../../common/image/background/bg_top_blue.png) repeat-x 0 -4px}
.menu_blue p { padding-top:5px; cursor:move; text-align:center}
.menu_darkblue { position:relative; height:27px; color:#fff; text-align:center; background:url(../../common/image/background/bg_top_darkblue.png) repeat-x 0 -4px}
.menu_darkblue p { padding-top:5px; cursor:move; text-align:center}
.menu_green { position:relative; height:27px; color:#fff; text-align:center; background:url(../../common/image/background/bg_top_green.gif) repeat-x 0 -4px}
.menu_green p { padding-top:5px; cursor:move; text-align:center}
.menu_darkgreen { position:relative; height:27px; color:#fff; text-align:center; background:url(../../common/image/background/bg_top_darkgreen.gif) repeat-x 0 -4px}
.menu_darkgreen p { padding-top:5px; cursor:move; text-align:center}
.menu_violet { position:relative; height:27px; color:#fff; text-align:center; background:#4ca1ed}
.menu_violet p { padding-top:5px; cursor:move; text-align:center}

.tabMenu {position:relative; overflow:hidden}
.tabMenu ul.tabBox {position:relative; width:100%; height:30px; border-bottom:2px solid #663399; text-align:center}
.tabMenu li.tab {position:relative; top:1px; border:1px solid #999; margin-left:2px; float:left; cursor:pointer; background:#f4f4f4}
.tabMenu li.tab a {display:block; height:10px; border-bottom:5px solid #d2d2d2; text-align:center; padding:6px 8px}
.tabMenu li.on { height:27px; top:1px; border:2px solid #663399; margin-left:2px; float:left; cursor:pointer; background:url(../../common/image/icon/icon_tab_vio.gif) no-repeat #fff}
.tabMenu li.on a {position:relative; height:15px; border-bottom:3px solid #fff; color:#663399; font-weight:bold}
.tabMenu li.on a:visited {color:#663399}
.tabMenu .tabBody {clear:both; padding:1px; top:-1px;_top:0px; border:2px solid #663399; border-top:none; background:#fff; overflow:hidden}

.tabMenu2 {position:relative; overflow:hidden}
.tabMenu2 ul.tabBox {position:relative; width:100%; height:30px; border-bottom:2px solid #999; text-align:center}
.tabMenu2 li.tab {position:relative; top:1px; border:1px solid #999; margin-left:2px; float:left; cursor:pointer; background:#f4f4f4}
.tabMenu2 li.tab a {display:block; height:10px; border-bottom:5px solid #d2d2d2; text-align:center; padding:6px 8px}
.tabMenu2 li.on { height:27px; top:1px; border:2px solid #999; margin-left:2px; float:left; cursor:pointer; background:url(../../common/image/icon/icon_tab_red.gif) no-repeat #fff}
.tabMenu2 li.on a {position:relative; height:15px; border-bottom:3px solid #fff; color:#ff3300; font-weight:bold}
.tabMenu2 li.on a:visited {color:#ff3300}
.tabMenu2 .tabBody {clear:both; padding:5px; top:-1px;_top:0px; border:2px solid #999; border-top:none; background:#fff; overflow:hidden}

.tabMenu3 {position:relative; overflow:hidden}
.tabMenu3 ul.tabBox {position:relative; width:100%; height:30px; border-bottom:2px solid #999; background-color:#bebebe; text-align:center}
.tabMenu3 li.tab {position:relative; top:1px; border:1px solid #999; margin-right:2px; float:right; cursor:pointer; background:#f4f4f4}
.tabMenu3 li.tab a {display:block; height:10px; border-bottom:5px solid #d2d2d2; text-align:center; padding:6px 8px}
.tabMenu3 li.on { height:27px; top:1px; border:2px solid #999; margin-right:2px; float:right; cursor:pointer; background:url(../../common/image/icon/icon_tab_red.gif) no-repeat #fff}
.tabMenu3 li.on a {position:relative; height:15px; border-bottom:3px solid #fff; color:#ff3300; font-weight:bold}
.tabMenu3 li.on a:visited {color:#ff3300}
.tabMenu3 .tabBody {clear:both; padding:5px; top:-1px;_top:0px; border:0px solid #999; border-top:none; background:#fff; overflow:hidden}

.tabBody .sect {border-bottom:1px dotted #b7b7b7; margin:2px 0;_margin-top:-10px}
*:first-child+html .tabBody .sect {margin-top:-10px; margin-bottom:3px}
.tabBody .leftMenu {background:#fff; display:none; overflow:hidden}
.tabBody .box {position:relative; border:3px solid #fff; background-color:#fff}
.tabBody .box .line {position:relative; border:1px #b7b7b7 solid; padding:1px; background-color:#fff}
.tabBody .box .line ul {width:100%; padding:5px 0}
.tabBody .box .line h3 {height:18px; font-size:12px; font-weight:normal}
.tabBody .box .line h3 a {display:block; padding:2px; background:url(../../common/image/icon/icon_aw_left.gif) no-repeat right}
.tabBody .box .line h3 a.active {background:url(../../common/image/icon/icon_aw_dw_ani.gif) no-repeat right; color:red; font-weight:bold}
.tabBody .box .line .menu { padding:2px 0 0 3px; color:#666; overflow:hidden; white-space:nowrap}
.tabBody .box .line .menu .info {padding-left:5px}
.tabBody .box .line .menu .edit {padding-right:3px}
.tabBody .box .line .menuWrap {padding:0px 0px 4px 0px}
.tabBody .box .line .menuSide {float:left; padding:5px; color:#666; overflow:hidden; white-space:nowrap; line-height:150%}
.tabBody .box .line .blank {padding:.3em; color:#666; line-height:14px}

/* layer selectbox */
.selectBox { display:inline-block; position:relative; background:#fff; line-height:normal; vertical-align:middle; }
.selectBox * { margin:0; padding:0; font-size:12px; font-family:Nanum Gothic, Tahoma, Sans-serif; cursor:pointer;}
.selectBox .selectValue { overflow:hidden; position:relative; top:0; left:0; z-index:2; border:1px solid #bababa; background:transparent; color:#666; text-align:left; line-height:18px; _line-height:normal}
.selectBox .selectValue.selected { color:#990000}
.selectBox .selectValue,
.selectBox div.selectValue { height:18px; text-indent:8px}
.selectBox button.selectValue{ width:100%; height:20px; text-indent:5px;}
.selectBox .selectCtrl { position:absolute; top:0; right:0; z-index:3; width:18px; height:18px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff}
.selectBox .selectArrow { position:absolute; width:0; height:0; top:8px; right:6px; z-index:3; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff; font-size:0; line-height:0}
.selectBox ul { overflow:hidden; position:absolute; top:19px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; list-style:none}
.selectBox ul.selectList1 { display:none}
.selectBox.open ul.selectList1 { display:block; z-index:2000}
.selectBox ul.selectList2 { left:-2000%}
.selectBox.open ul.selectList2 { left:0; z-index:2000}
.selectBox li { overflow:hidden; position:relative; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap}
.selectBox li input.option { position:absolute; width:100%; height:20px; line-height:20px}
.selectBox li label { position:absolute; top:0; left:0; width:100%; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; }
.selectBox li a { display:block; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; text-decoration:none;}
.selectBox li.hover * { background:#999; color:#fff}

/* new_pop */
.ui-dialog {position: absolute; border:1px solid #999;padding:0px; font-family: 'Nanum Gothic'; }
.ui-dialog .ui-dialog-titlebar { height:26px; color:#fff;  background:#666; padding:0px; _height:26px}
.ui-draggable .ui-dialog-titlebar { cursor:move;padding:0px;}
.ui-dialog-titlebar, .ui-draggable-disabled .ui-dialog-titlebar {  cursor: default}
.ui-dialog .ui-dialog-titlebar-close {display: none; width:16px; height:16px; background: url(../../common/image/icon/icon_close_small.gif) no-repeat; position:absolute; top:15px; right:5px; cursor:pointer;_cursor:hand}
.ui-dialog .ui-dialog-titlebar-close span {  display: none}
.ui-dialog .ui-resizable-se { width:5px; height:5px; right:3px; bottom:3px}
.ui-dialog .ui-dialog-content { border:0; padding:0; }
.ui-dialog .ui-dialog-title { margin-left:5px; color:white; position:relative; top:2px; left:4px; font-size:14px}
.ui-dialog .ui-dialog-buttonpane { position: absolute; bottom:8px; right:12px; width:100%; text-align: right}
.ui-dialog .ui-dialog-buttonpane button { margin:6px}
.ui-dialog a{ padding:0px;}
.ui-dialog a:focus{outline:1px dashed #333 !important; margin:0px auto; padding:0px}
.ui-dialog button:focus{outline:1px dashed #333 !important}
.ui-dialog input:focus{outline:1px dashed #333 !important}
.ui-dialog input{color:#333; }

/* Count */
.count { line-height:16px}
.count span { color:#990000}

/* image Zoom */
.zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80); color: #333;font-size: 12px;font-family: Nanum Gothic, Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../../common/image/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px; width:100px; height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter:alpha(opacity=60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none; z-index:101;}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;}
.zoomWrapper{position:relative;border:2px dashed #d2d2d2;border-left:1px dashed #d2d2d2;z-index:110;}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:24px;line-height:24px;width:100%;overflow:hidden;text-align:center;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;}

.cate_display01 { border:1px solid #d2d2d2; margin-bottom:5px}
.cate_display01 td { border:1px solid #d2d2d2; padding:3px; overflow:hidden}

/* Image viewer : Facebox */
#facebox {position: absolute;top: 0;left: 0;z-index:3000;text-align: left;}
#facebox .popup{position:relative;border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4);}
#facebox .content {display:table; width: 370px; padding: 10px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#facebox .content > p:first-child{margin-top:0;}
#facebox .content > p:last-child{margin-bottom:0;}
#facebox .close{position:absolute; top:5px; right:5px; padding:2px; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#facebox .close img{opacity:0.3;}
#facebox .close:hover img{opacity:1.0;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}

/* float 된 높이만큼 감싸기 */
#d_wrap { }
#d_wrap:after { content:""; }

/* .table_basic 기본 스타일 지정 */
#subject_td li.opt {width:100%}
#url_td li.opt {width:100%}

/* date picker */
.calLayout{	border:1px solid #DDDDDD; background-color:#ECEADF;	position:absolute;padding:2px;display:none;z-index:9999	}
.calTitle{ border:1px solid #D4D1BF; background-color: #ffffff; width:99%;	font-size:9pt;}
.calHeader{	padding:2px; padding-bottom:0px;text-align:center;}
.calBody{padding:2px;padding-top:0px;text-align:center;	}
.calDay{background-color: #FBFBFB;border:1px solid #CBC7BD;	width:20px;float:left;font-size:8pt;padding-top:3px;padding-bottom:2px;cursor:pointer;}
.calSunDay{	background-color: #FBFBFB;border:1px solid #CBC7BD;	width:20px;float:left;font-size:8pt;padding-top:3px;padding-bottom:2px;cursor:pointer;color:red;}
.calSatDay{ background-color: #FBFBFB;border:1px solid #CBC7BD;	width:20px;float:left;font-size:8pt;padding-top:3px;padding-bottom:2px;cursor:pointer;	color:blue;}
.calOtherDay{background-color: #FBFBFB;	border:1px solid #CBC7BD;width:20px;float:left;font-size:8pt;padding-top:3px;padding-bottom:2px;cursor:pointer;color:#CBC7BD;}
.dayToday{background-color: #368CFE;border:1px solid #CBC7BD;font-weight:bold;font-weight:bold;width:20px;float:left;font-size:8pt;padding-top:3px;padding-bottom:2px;cursor:pointer;color:white;	}
.calSelDay{	background-color: #CF4040;border:1px solid #CBC7BD;font-weight:bold;width:20px;float:left;font-size:8pt;padding-top:3px;padding-bottom:2px;cursor:pointer;text-decoration:underline;color:white;}
.dayEvMon{font-size:8pt;width:25px;	height:15px;background-color: #FBFBFB;border:1px solid #CBC7BD;	padding:4px 4px 0px 3px;float:left;cursor:pointer;}
.MonToday{font-size:8pt;width:25px;	height:15px;background-color: #368CFE;border:1px solid #CBC7BD;	font-weight:bold;padding:4px 4px 0px 3px;color:white;cursor:pointer;}
.selMon{font-size:8pt;width:25px;height:15px;background-color: #CF4040;border:1px solid #CBC7BD;font-weight:bold;padding:4px 4px 0px 3px;text-decoration:underline;color:white;}
.calOnDay{background-color: #006060;border:1px solid #4B22C0;float:left;cursor:pointer;color:white;}
.calDaySpace{padding:1px;float:left;}
.calDayBr{clear:both;height:2px;}
.calDayTitle{padding-top:2px;width:22px;float:left;	font-size:8pt;}
.divHeadOnRigth{color:#18CCA8;cursor:pointer;}
.todayBtn{clear:both;text-align: center;font-size:8pt;cursor:pointer;background-color: #FBFBFB;border:1px solid #CBC7BD;padding:4px 4px 0px 3px;height:15px;}
.todayLay{padding-left:2px;}