@charset "utf-8";

/* Reset */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,button,table,h1,h2,h3,h4,h5,h6{font-family:'Nanum Gothic',sans-serif;font-size:14px;color:#555}
select{font-size:14px;color:#555}
ul,ol,li{list-style:none}
img,fieldset{border:0px none;}
img,input,select,button,label{}
input[type='checkbox'],input[type='radio'],img{vertical-align:middle;}
i,em,address{font-style:normal;}
a{text-decoration:none;font-size:14px;color:#555;}
a:hover{text-decoration:none;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';zoom:1;overflow:hidden;clear:both;}
caption, .soundOnly, .hidden{display:block !important;position:absolute !important;top:-9999px !important;}

.inner{display:block;position:relative;min-width:1170px;}
.inner:after{display:block;content:'';clear:both;}

.fl_l{float:left;}
.fl_r{float:right;}
iframe{margin:0;padding:0;width:100%;border:none;}

.ta_left{text-align:left !important;}
.ta_center{text-align:center !important;}
.ta_right{text-align:right !important;}

.color_blue{color:#2763b9 !important;}

/* Size */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}
.indent1{text-indent:15px}.indent2{text-indent:30px}.indent3{text-indent:45px}.indent4{text-indent:60px}

/* ======================================== Tab ======================================== */
.tabBar{margin-bottom:30px;border-bottom:1px solid #d3d3d3;}
.tabBar:after{display:block;content:"";clear:both;}
.tabBar > li{position:relative;float:left;z-index:1;}
.tabBar.col2 > li{width:50%;}
.tabBar.col3 > li{width:33.3333%;}
.tabBar.col4 > li{width:25%;}
.tabBar.col5 > li{width:20%;}
.tabBar.col6 > li{width:16.6666%;}
.tabBar.col7 > li{width:14.2857%;}
.tabBar.col8 > li{width:12.5%;}
.tabBar > li > a{display:block;padding:0 50px;height:45px;line-height:43px;border:1px solid #d3d3d3;text-align:center;border-bottom:0px;}
.tabBar > li.active{z-index:2;}
.tabBar > li.active > a{background-color:#525252;border:1px solid #3d3d3d;border-bottom:0px;color:#fff;}
.tabPage{display:none;}
.tabPage.active{display:block;}

/* ======================================== Layout ======================================== */
#wrap{min-width:1440px;}
#header{position:relative;height:70px;padding-left:210px;background-color:#525252;}
#header h1{position:absolute;top:0;left:0;}
#header h1 a{display:block;height:70px;}
#gnb{height:70px;border-left:1px solid #353538;}
#gnb ul.deaph1:after{display:block;content:'';clear:both;}
#gnb ul.deaph1 > li{float:left;position:relative;}
#gnb ul.deaph1 > li > a{display:block;height:70px;line-height:70px;padding:0 34px;font-size:15px;color:#fff;font-weight:bold;}
#gnb ul.deaph1 > li.active > a{background-color:#f68720;}
#container{position:relative;padding-left:210px;}
#lnb{position:absolute;top:0;left:0;bottom:0;width:210px;background-color:#f9f9f9;}
#lnb .memberInfo{position:relative;width:210px;height:90px;padding-left:70px;background-color:#e0e4eb;box-sizing:border-box;}
#lnb .memberInfo .mem_photo{display:block;width:50px;height:50px;border-radius:30px;position:absolute;top:50%;left:10px;margin-top:-25px;}
#lnb .memberInfo .mem_name{display:block;padding-top:9px;color:#000;letter-spacing:-1px;}
#lnb .memberInfo .mem_photo > img {width:50px;height:50px;}
#lnb .memberInfo .mem_name strong{font-size:16px;}
#lnb .memberInfo a.btnLogout{display:inline-block;width:62px;height:25px;line-height:25px;margin-top:5px;border-radius:3px;background-color:#a69684;color:#fff;font-size:12px;text-align:center;}
#lnb h2{display:block;height:60px;line-height:60px;padding:0 20px;font-size:15px;color:#2f2f2f;background-color:#fff;border-bottom:1px solid #e1e1e1;}
#lnb ul.deaph1 > li{border-bottom:1px solid #e1e1e1;}
#lnb ul.deaph1 > li > a{display:block;height:40px;line-height:40px;padding-left:40px;background:url(../images/icon_lnb_arrow_r.gif) no-repeat 20px 15px;font-weight:bold;letter-spacing:-1px;}
#lnb ul.deaph1 > li.active > a{background-color:#e1e1e1;}

#content {border-left:1px solid #a7adbb;}
#content #contentTop{position:relative;}
#content #contentTop #contentLocation{height:40px;padding:0 40px;background-color:#f1f1f1;color:#333;letter-spacing:-1px;}
#content #contentTop #contentLocation span{display:inline-block;vertical-align:middle;height:40px;line-height:40px;padding-left:15px;background:url(../images/icon_location_arrow.png) no-repeat 7px center;}
#content #contentTop #contentLocation span.home{background:none;padding-left:0;}
#content #contentTop #loginTime{position:absolute;top:0;right:0;height:40px;line-height:40px;}
#content #contentTop h3{display:block;height:72px;line-height:72px;margin:0 40px;border-bottom:1px solid #000;background-color:#fff;font-size:18px;color:#000;}
#content #contentholder{padding:30px 40px;}
h4{display:block;min-height:30px;padding:20px 0 5px 12px;position:relative;font-size:16px;color:#333;}
h4:before{display:block;content:'';clear:both;width:4px;height:4px;background-color:#f68720;position:absolute;top:30px;left:0;}
h4:first-child{padding-top:0;}
h4:first-child:before{top:10px;}

.footer{position:relative;padding:25px 10px;background-color:#616267;color:#ddd;text-align:center;}

#overlay{display:none;position:fixed;background:rgba(0,0,0,0.7);top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:99;}

/* login */
#login{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f5f6f7;}
#login .loginForm{width:630px;height:500px;position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-315px;}
#login h1{display:block;text-align:center;}
#login h2,
#login input[type=text],
#login input[type=password],
#login input[type=submit]{display:block;width:100%;height:50px;line-height:50px;padding:0 20px;box-sizing:border-box;}
#login h2{margin-top:50px;background-color:#525252;color:#fff;text-align:center;font-weight:normal;}
#login input[type=text]{margin-top:30px;border:1px solid #dadada;background-color:#fff;}
#login input[type=password]{margin-top:10px;border:1px solid #dadada;background-color:#fff;}
#login input[type=submit]{margin-top:30px;background-color:#f68720;color:#fff;text-align:center;font-size:18px;border:0;}
#login .footer{margin-top:30px;background-color:initial;border-top:1px solid #e4e4e5;color:#777;}

/* dashboard */
#dashboard .project ul{margin:0 -5px;}
#dashboard .project ul:after{display:block;content:'';clear:both;}
#dashboard .project li{float:left;width:25%;padding:0 5px;box-sizing:border-box;}
#dashboard .project li div{height:175px;padding-top:100px;box-sizing:border-box;background-color:#dedede;background-repeat:no-repeat;background-position:center 40px;text-align:center;font-size:16px;}
#dashboard .project li div span,
#dashboard .project li div em{display:inline-block;vertical-align:middle;}
#dashboard .project li div em{margin-left:10px;border-bottom:1px solid #4c4c4c;}
#dashboard .project li div.icon1{background-image:url(../images/img_dash_icon1.png);}
#dashboard .project li.active div.icon1,
#dashboard .project li:hover div.icon1{background-image:url(../images/img_dash_icon1_active.png);}
#dashboard .project li div.icon2{background-image:url(../images/img_dash_icon2.png);}
#dashboard .project li.active div.icon2,
#dashboard .project li:hover div.icon2{background-image:url(../images/img_dash_icon2_active.png);}
#dashboard .project li div.icon3{background-image:url(../images/img_dash_icon3.png);}
#dashboard .project li.active div.icon3,
#dashboard .project li:hover div.icon3{background-image:url(../images/img_dash_icon3_active.png);}
#dashboard .project li div.icon4{background-image:url(../images/img_dash_icon4.png);}
#dashboard .project li.active div.icon4,
#dashboard .project li:hover div.icon4{background-image:url(../images/img_dash_icon4_active.png);}
#dashboard .project li.active div,
#dashboard .project li:hover div{background-color:#298e86;color:#fff;}
#dashboard .project li.active div em,
#dashboard .project li:hover div em{font-size:30px;border-bottom:1px solid #fff;}

/* 서브메인 */
.submain{position:relative;min-height:380px;padding:80px 90px;background:#f4f9f9 url(../images/bg_submain.jpg) no-repeat left bottom;}
.submain .submain_logo{}
.submain .submain_text{padding-top:30px;line-height:120%;font-size:42px;font-weight:bold;color:#248e86;}
.submain .submain_text span{display:block;/*padding-top:20px;*/font-size:20px;font-weight:normal;color:#807f83;}
.submain .submain_img{position:absolute;bottom:12px;right:90px;}

#dashboard .order{padding:25px 60px 30px;margin:40px 0 30px;background:url(../images/img_dash_bg.gif) repeat 0 0;}
#dashboard .order .ordertotal{font-size:18px;text-align:center;color:#222222;}
#dashboard .order .ordertotal span{display:inline-block;vertical-align:middle;margin-right:20px;}
#dashboard .order .ordertotal strong{display:inline-block;vertical-align:middle;font-size:26px;}
#dashboard .order ul.orderRate{margin-top:15px;}
#dashboard .order ul.orderRate:after{display:block;content:'';clear:both;}
#dashboard .order ul.orderRate > li{float:left;position:relative;}
#dashboard .order ul.orderRate .bar{display:block;height:54px;line-height:54px;color:#fff;text-align:center;font-size:20px;}
#dashboard .order ul.orderRate .price{display:block;padding-top:10px;/*text-align:right;*/font-size:16px;}
#dashboard .order ul.orderRate .cost .price{position:absolute;top:54px;right:0;min-width:200px;text-align:right;}
#dashboard .order ul.orderRate .revenue .bar{background-color:#f68720;}
#dashboard .order ul.orderRate .revenue .price{color:#f68720;}
#dashboard .order ul.orderRate .cost .bar{background-color:#a6a6a6;}
#dashboard .order ul.orderRate .cost .price{color:#878787;}

.orderLayout{padding:25px 60px 30px;margin:40px 0 30px;background:url(../images/img_dash_bg.gif) repeat 0 0;}
.orderLayout .ordertotal{font-size:18px;text-align:center;color:#222222;}
.orderLayout .ordertotal span{display:inline-block;vertical-align:middle;margin-right:20px;}
.orderLayout .ordertotal strong{display:inline-block;vertical-align:middle;font-size:26px;}
.orderLayout ul.orderRate{margin-top:15px;}
.orderLayout ul.orderRate:after{display:block;content:'';clear:both;}
.orderLayout ul.orderRate > li{float:left;}
.orderLayout ul.orderRate .bar{display:block;height:54px;line-height:54px;color:#fff;text-align:center;font-size:20px;}
.orderLayout ul.orderRate .price{display:block;padding-top:10px;text-align:right;font-size:16px;}
.orderLayout ul.orderRate .revenue .bar{background-color:#f68720;}
.orderLayout ul.orderRate .revenue .price{color:#f68720;}
.orderLayout ul.orderRate .cost .bar{background-color:#a6a6a6;}
.orderLayout ul.orderRate .cost .price{color:#878787;}

/* ================================================== Btn ================================================== */
input[type='button'],input[type='submit'],input[type='reset'],button{cursor:pointer;}
.btnArea{margin:20px 0 0;text-align:center;line-height:24px;}
.btnArea.right{text-align:right;}
.btnArea.left{text-align:left;}
.btnArea:after{display:block;content:'';clear:both;}
.btnArea > h4{display:inline-block;margin:0;}
.btnArea.tab{margin:0 0 5px 0;}
.btn_l,.btn_m,.btn_s,.btn_ss,.btn_inline{display:inline-block;color:#454545;text-align:center;background:#f5f5f5;border:1px #dedede solid;box-sizing:border-box;/*vertical-align:middle;*/}
.btn_l{min-width:100px;padding:0 16px;height:32px;line-height:30px;font-size:15px;border-radius:3px;}
.btn_m{padding:0 12px;height:28px;line-height:26px;font-size:13px;/*border-radius:3px;*/}
.btn_s{min-width:20px;padding:0 4px;height:22px;line-height:20px;font-size:12px;/*border-radius:2px;*/}
.btn_ss{padding:0 2px;height:20px;line-height:18px;font-size:11px;/*border-radius:2px;*/}
.btn_s.round{border-radius:3px;}
.btn_inline{padding:0 12px;height:24px;line-height:22px;font-size:12px;/*border-radius:3px;*/}
.btn_focus{color:#fff;background:#f78721;border:1px #f78721 solid;}
.btn_basic{color:#fff;background:#5d707f;border:1px #5d707f solid;}
.btn_border{background:#fff;border:1px #5d707f solid;}
.btn_darkGray{color:#fff;background:#525252;border:1px #525252 solid;}
.ui-dialog-buttonset .ui-button.ui-state-default{color:#fff;background:#f78721;border:1px #f78721 solid;outline:none;}
.noText{padding:0 !important;}
.btn_l.noText{width:32px;text-indent:-9999em;}
.btn_m.noText{width:28px;text-indent:-9999em;}
.btn_s.noText{width:22px;text-indent:-9999em;}
.btn_ss.noText{width:20px;text-indent:-9999em;}
.btn_inline.noText{width:24px;text-indent:-9999em;}

.btn_modify{padding-left:28px;color:#fff;background:url(../images/icon_edit.png) no-repeat 8px center;}
.btn_ss.btn_modify,
.btn_s.btn_modify{padding:0;background:url(../images/icon_edit.png) no-repeat center center;border:0;text-indent:-9999px;}
.btn_delete{padding-left:28px;color:#fff;background:url(../images/icon_delete.png) no-repeat 8px center;}
.btn_ss.btn_delete,
.btn_s.btn_delete{padding:0;background:url(../images/icon_delete.png) no-repeat center center;border:0;text-indent:-9999px;}
.btn_s.btn_schedule{padding:0;background:url(../images/bg_datepicker.png) no-repeat center center;border:0;text-indent:-9999px;}

.btn_download{padding-left:30px;border:1px solid #d2d2d2;background:url(../images/icon_down.png) no-repeat 8px center;}

/* ================================================== Form ================================================== */
input[type='text'],
input[type='number'],
input[type='password'],
select{min-width:70px;max-width:100%;height:28px;padding-left:5px;margin:2px 0;/*line-height:1.8em;*/border:1px #9e9e9e solid;border-bottom:1px #ccc solid;border-right:1px #ccc solid;box-sizing:border-box;/*vertical-align:middle;*/}
input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus,
select:focus{border-color:#387ec6;outline:none;}
input[type='text'],
input[type='number'],
input[type='password']{padding:0 4px;}
.required,
.captionText{font-weight:bold;color:#ee0000;}
table.form th .required{display:block;position:absolute;margin-left:-8px;}
input[type='text']:disabled,
input[type='number']:disabled,
input[type='password']:disabled{color:#aaa;background:#f3f3f3;}
input[type='text']:read-only,
input[type='number']:read-only,
input[type='password']:read-only{color:#aaa;background:#f3f3f3;}
input[type='text']:read-only,
input[type='number']:read-only,
input[type='password']:read-only{color:#aaa;background:#f3f3f3;}
input[type='text']:-moz-read-only,
input[type='number']:-moz-read-only,
input[type='password']:-moz-read-only{color:#aaa;background:#f3f3f3;}
textarea{padding:5px;vertical-align:middle;border:1px #9e9e9e solid;border-bottom:1px #ccc solid;border-right:1px #ccc solid;box-sizing:border-box;}
label.linked{display:inline-block;margin:0 3px 3px 0;padding:0 3px;line-height:22px;border:1px #dedede solid;cursor:pointer;}
input[type='radio']{width:14px;height:14px;background:#fdfdfd;border:1px #ccc solid;border-radius:8px;box-sizing:border-box;outline:none;cursor:pointer;}
input[type='checkbox']{width:14px;height:14px;background:#fdfdfd;border:1px #ccc solid;box-sizing:border-box;outline:none;cursor:pointer;}
input[type='radio'] + label,
input[type='checkbox'] + label{margin-left:4px;margin-right:8px;cursor:pointer;}
input[type='radio']:checked{background:#fdfdfd url(../images/bg_radio_active.png) no-repeat center center;}
input[type='checkbox']:checked{background:#fdfdfd url(../images/bg_check_active.png) no-repeat center center;}

/* ================================================== Table ================================================== */
table{margin-bottom:10px;width:100%;border-spacing:0;clear:both;table-layout:fixed;}
table td{padding:12px 8px;word-break:break-all;}
table.list,
table.view,
table.form,
table.calendar{margin-bottom:10px;width:100%;border-top:2px solid #525252;}
table.list th,
table.view th,
table.form th,
table.calendar th{padding:12px 8px;background:#fff;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;background-color:#f2f2f2;}
table.list th{background-color:#fff;}
table.list th,
table.view th,
table.form th,
table.list td,
table.view td,
table.form td,
table.calendar td{border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;word-break:break-all;}
td.center,
table.list td.center,
table.view td.center,
table.form td.center{text-align:center;}
td.left,
table.list td.left,
table.view td.left,
table.form td.left{text-align:left;}
td.right,
table.list td.right,
table.view td.right,
table.form td.right{text-align:right;}
table.list th,
table.list td{text-align:center;letter-spacing:-0.5px;}
table.form th,
table.form td{line-height:28px;}
table.form th{padding-left:14px;text-align:left;}
table table.list,
table table.view,
table table.form{margin:5px 0;border-top:1px #ddd solid;}
table table.form th,
table table.form td{line-height:160%;}
table.list tr th:last-child,
table.list tr td:last-child,
table.view tr th:last-child,
table.view tr td:last-child,
table.form tr th:last-child,
table.form tr td:last-child{border-right:0;}

table.list tr th.borderRight,
table.list tr td.borderRight,
table.view tr th.borderRight,
table.view tr td.borderRight,
table.form tr th.borderRight,
table.form tr td.borderRight{border-right:1px solid #ddd !important;}

table.calendar th:first-child,
table.calendar td:first-child{border-left:1px solid #d3d3d3;}
table.calendar tr{position:relative;}
table.calendar td{vertical-align:top;padding:0 0 20px 0;}
table.calendar td .day{display:inline-block;vertical-align:top;height:20px;padding:5px;color:#5d5d5d;font-size:13px;}
table.calendar td .day.inactive{color:#999;}
table.calendar td .bar{display:block;height:30px;line-height:28px;padding:0 10px;margin-top:5px;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*
table.calendar td .bar.green{background-color:#e0eded;border:1px solid #c6dbdb;}
table.calendar td .bar.darkGreen{background-color:#298e86;border:1px solid #1e7972;color:#fff;}
*/

table.calendar td .bar.bgColor1{background-color:#daeef3;border:1px solid #bbd6dd;}
table.calendar td .bar.bgColor2{background-color:#b7d0ee;border:1px solid #a0bbdb;}
table.calendar td .bar.bgColor3{background-color:#f9d7ef;border:1px solid #debad3;}
table.calendar td .bar.bgColor4{background-color:#f3b6b6;border:1px solid #d79999;}
table.calendar td .bar.bgColor5{background-color:#bfdfa0;border:1px solid #acc693;}
table.calendar td .bar.bgColor6{background-color:#f8f1d8;border:1px solid #dad1b3;}
table.calendar td .bar.bgColor7{background-color:#b3ddc6;border:1px solid #91c8aa;}
table.calendar td .bar.bgColor8{background-color:#8eccd8;border:1px solid #7bb9c5;}
table.calendar td .bar.bgColor9{background-color:#dccdf6;border:1px solid #c1aee3;}
table.calendar td .bar.bgColor10{background-color:#f8caa4;border:1px solid #e2b087;}

.empty{padding:80px 0 !important;text-align:center;}
.scrolled{border:1px #ddd solid;border-top:2px solid #3e3e3e;overflow-y:auto;}
.scrolled table.list{margin-bottom:0;border-top:0px none;border-left:0px none;}
td.textContent{padding:6px;height:200px;line-height:140%;vertical-align:top;}
tr.bg_yellow td{background-color:#fff39e;}
tr.bg_gray td{background-color:#efefef;}
tr.bg_orange td{background-color:#ffe6b9;}
#container #content #content{min-height:auto !important;}

/* ================================================== Paging ================================================== */
.paginate{padding:10px 0;margin:20px 0;border:1px solid #d3d3d3;background-color:#f7f7f7;text-align:center;}
.paginate a{display:inline-block;width:26px;height:26px;line-height:26px;border:1px solid #dedede;background-color:#f2f2f2;color:#333;vertical-align:middle;}
.paginate a.first{background:#f2f2f2 url(../images/page_first.png) no-repeat center center;text-indent:-9999px;border:1px solid #dedede;}
.paginate a.prev{background:#f2f2f2 url(../images/page_prev.png) no-repeat center center;text-indent:-9999px;border:1px solid #dedede;}
.paginate a.next{background:#f2f2f2 url(../images/page_next.png) no-repeat center center;text-indent:-9999px;border:1px solid #dedede;}
.paginate a.last{background:#f2f2f2 url(../images/page_last.png) no-repeat center center;text-indent:-9999px;border:1px solid #dedede;}
.paginate a.current{color:#5d707f;background-color:#5d707f;border:1px solid #5d707f;color:#fff;font-weight:bold;}

/* ================================================== Search ================================================== */
.search{padding:10px 20px;background-color:#f7f7f7;border:1px #dedede solid;}
.search label,
.search select,
.search input{display:inline-block;vertical-align:middle;box-sizing:border-box;}
.search label{height:28px;line-height:28px;padding-right:10px;text-align:right;}
.search span{text-align:left;}

.search .brief{padding:10px;}
.search .brief > ul:after{display:block;content:'';clear:both;}
.search .brief > ul > li{float:left;padding:0 30px;box-sizing:border-box;}
.search .detail{display:none;padding:6px 10px;border-top:1px solid #dedede;}
.search .detail.active{display:block;}
.search .detail > ul:after{display:block;content:'';clear:both;}
.search .detail > ul > li{float:left;width:50%;padding:4px 30px;box-sizing:border-box;}

.search .btn_calendar_prev,
.search .btn_calendar_next{display:inline-block;vertical-align:middle;width:30px;height:30px;line-height:30px;border:1px solid #ccc;border-radius:15px;text-indent:-9999px;} 
.search .btn_calendar_prev{background:#fff url(../images/btn_prevMonth.png) no-repeat center center;}
.search .btn_calendar_next{background:#fff url(../images/btn_nextMonth.png) no-repeat center center;}
.search .calendar_month{display:inline-block;vertical-align:middle;width:140px;height:30px;line-height:28px;font-size:1.4em;text-align:center;} 

/* ================================================== Datepicker ================================================== */
input.hasDatepicker{min-width:100px;padding:0 25px 0 10px;background:#fff url(../images/bg_datepicker.png) no-repeat 95% center;box-sizing:border-box;}
#ui-datepicker-div{display:none;width:200px;background:#fff;border:1px #ccc solid;z-index:101 !important;}
/* -------------------- Datepicker Reset -------------------- */
.ui-datepicker .ui-datepicker-header{padding:0 0 5px 0;background:none;border:0px none;}
.ui-datepicker .ui-datepicker-header .ui-icon{background:none;}
.ui-datepicker .ui-datepicker-title{margin:0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:auto;vertical-align:middle;}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default{background:none;border:0px none;}
.ui-datepicker .ui-datepicker-title select{font-size:12px;}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border:0px none;}
.hasDatepicker + .ui-datepicker-trigger{}
/* -------------------- //Datepicker Reset -------------------- */
.ui-datepicker-trigger{cursor:pointer;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px;border:0px none;}
.ui-datepicker table thead th{padding:0;height:24px;color:#777;line-height:24px;text-align:center;border:0px none;}
.ui-datepicker table tbody td{padding:0;width:14.2857%;text-align:center;height:22px;border:0px none;}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center;}
.ui-datepicker table tbody td span{color:#aaa;}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c;}
.ui-datepicker tr td:first-child *{color:#eb3c3c;}
.ui-datepicker tr td:last-child *{color:#4084d2;}
.ui-datepicker td a.ui-state-active{background:#696a6c;color:#fff;}
.ui-datepicker .ui-datepicker-header{position:relative;}
.ui-datepicker .ui-datepicker-title{height:32px;font-size:16px;font-weight:bold;color:#242424;line-height:32px;letter-spacing:-1px;text-align:center;}
.ui-datepicker .ui-datepicker-title select{margin:0 2px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:4px;width:20px;height:26px;border:1px solid #ccc;border-radius:2px;text-indent:-9999em;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{left:0;background:url(../images/btn_prevMonth.png) no-repeat center;}
.ui-datepicker .ui-datepicker-next{right:0;background:url(../images/btn_nextMonth.png) no-repeat center;}

/* ================================================== Dialog ================================================== */
.ui-dialog{padding:0 !important;border-radius:0px !important;-webkit-border-radius:0px !important;-moz-border-radius:0px !important;}
.ui-dialog .ui-dialog-titlebar{padding:0 0 0 15px !important;height:35px;line-height:35px;background:#555;border:0px none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{margin:0 !important;color:#fff;line-height:35px;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{top:0 !important;right:0 !important;margin:0 !important;width:35px;height:35px;outline:none;}
.ui-dialog .ui-dialog-content{padding:10px 10px 0 10px !important;clear:both;}
.ui-dialog .ui-dialog-buttonpane{margin-top:0 !important;padding:0 !important;border-top:1px #d4d4d4 solid;}
.ui-dialog .ui-widget-header .ui-state-default{background:none !important;border:0px none !important;}
.ui-dialog .ui-state-default .ui-icon{background-position:center center;background-image:url(../images/icon_btnClose.png) !important;}
.ui-widget-overlay{background:#000 !important;opacity:0.5 !important;}

/* ================================================== Popup ================================================== */
.popupWrap{}
.popupWrap .popupTitle{position:relative;height:35px;background:#525252;}
.popupWrap .popupTitle h2{display:block;padding:0 10px;height:35px;line-height:35px;font-size:16px;font-weight:bold;color:#fff;}
.popupWrap .popupTitle .btn_popupClose{position:absolute;top:0;bottom:0;right:0;width:35px;text-indent:-9999em;background:url(../images/icon_btnClose.png) no-repeat center center;}
.popupWrap .popupContent{padding:10px 10px 20px;}


/* ======================================== Modal ======================================== */
.modalWrap{display:none;width:500px;position:absolute;top:150px;left:50%;margin-left:-250px;background:#fff;z-index:100;border:1px solid #d3d3d3;}
.modalWrap.small{width:500px;margin-left:-250px;}
.modalWrap.big{width:800px;margin-left:-400px;}
.modalWrap .modalTitle{position:relative;padding:0 65px 0 10px;height:35px;background:#525252;}
.modalWrap .modalTitle h3{display:block;height:35px;line-height:35px;font-size:16px;font-weight:bold;color:#fff;}
.modalWrap .modalTitle h3 b{color:#e2f17d;}
.modalWrap .modalTitle .btn_modalClose{display:block;position:absolute;top:0;right:0;width:35px;height:35px;text-indent:-9999em;background:url(../images/icon_btnClose.png) no-repeat center center;}
.modalWrap .modalContent{padding:20px;}
.modalWrap .modalContent h4{display:block;margin-top:10px;padding-left:14px;height:36px;font-size:15px;font-weight:bold;color:#1f1f1f;line-height:36px;background:url(/FisdOBS/home/images/obs/icon_h4_modal.png) no-repeat 4px center;}
.modalWrap .modalContent .search{padding:4px 20px;background:#f5f5f5;border:1px #cbcbcb solid;}
.modalWrap .modalContent .search .btn_search{bottom:4px;height:26px;line-height:26px;}
.modalWrap .modalContent .search ul li{padding:4px 30px 4px 100px;}
.modalWrap .modalContent .search ul li .label{padding:4px 8px;}
.modalWrap .modalContent .tableBox table th,
.modalWrap .modalContent .tableBox table td{padding:7px;}
.modalWrap .modalContent .tableBox table.form th{padding-left:18px;background:#f5f5f5;}
.modalWrap .modalContent .btnArea{margin:0;}
.modalWrap .modalContent .btnArea + *{margin-top:20px;}
.modalWrap label{display:inline-block;}


/* ================================================== Tree UI ================================================== */
#jstree{max-height:1000px;overflow-y:auto;}

/* ================================================== Loading ================================================== */
#loading{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;opacity:0.6;}
#loading > div{width:40px;height:40px;border-radius:100%;position:relative;margin:0 auto;}
#loading > div:before,
#loading > div:after{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;border-radius:100%;border:10px solid transparent;border-top-color:#3498db;}
#loading > div:before{z-index:100;animation:spin 0.2s infinite;}
#loading > div:after{border:10px solid #ccc;}
@keyframes spin{
	0%{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}

/*임시 강제코드*/
.f_left{float:left;}
.f_right{float:right;}
.btn_zone{margin:20px 0;text-align:right;overflow:hidden;}
.btn_zone .left{float:left;}
.btn_zone .right{float:right;}
.btn_input{display:inline-block;padding:0 12px;height:24px;line-height:22px;font-size:12px;text-align:center;box-sizing:border-box;/*vertical-align:middle;*/}
.btn,.btn0,.btn1,.btn2,.btn3,.btn4{display:inline-block;padding:0 8px;height:24px;line-height:22px;font-size:12px;text-align:center;box-sizing:border-box;/*vertical-align:middle;*/}
.btn4{color:#ffffff;background:#ff8951;border:1px solid #ff7431;}
.btn3{color:#ffffff;background:#428bca;border:1px solid #357ebd;}
.btn2{color:#ffffff;background:#374b5e;border:1px solid #2b3c4e;}
.btn1{color:#ffffff;background:#c71f4b;border:1px solid #b31c42;}
.btn0{color:#767676;background:#f5f5f5;border:1px solid #dedede;}
.btn{color:#ffffff;background:#aeb6cb;border:1px solid #acb5ca;}

/* ================================================== 추가(20180124) ================================================== */
.routeText{color:#008000;}
table.form table.list th{padding:6px 3px;text-align:center;}
.inp_inline{display:inline-block;vertical-align:top;}
.clickDetail td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/*cursor:pointer;*/}
.clickDetail td.active{/*background:#fafafa;*/white-space:inherit;overflow:inherit;text-overflow:inherit;}

/* 181210 myKim 추가 */
.flClear:after{display:block;content:'';clear:both;}
/* 게시판 상태 버튼 */
.state{display:inline-block;vertical-align:top;height:22px;line-height:22px;padding:0 15px;border-radius:12px;border:1px solid #c9c9c9;color:#555;font-weight:bold;font-size:13px;letter-spacing:-1px;}
.state.yellow{border:1px solid #c0a903;color:#c0a903;}
.state.orange{border:1px solid #f4c97a;color:#d09325;}

.calendarDate{padding:30px 0 20px;text-align:center;}
.btn_prev_month,
.btn_next_month{display:inline-block;vertical-align:middle;width:30px;height:30px;border:1px solid #d0d0d0;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;}
.btn_prev_month{background-image:url(../images/btn_prevMonth.png);}
.btn_next_month{background-image:url(../images/btn_nextMonth.png);}
.current_month{display:inline-block;vertical-align:middle;padding:0 20px;font-size:18px;}

ul.priceLayout{margin:0 -1px 30px;}
ul.priceLayout:after{display:block;content:'';clear:both;}
ul.priceLayout > li{float:left;padding:0 1px;box-sizing:border-box;}
ul.priceLayout > li > div{height:66px;line-height:66px;background-color:#a6a6a6;color:#fff;font-size:16px;text-align:center;}
ul.priceLayout > li.active > div{background-color:#298e86;}
ul.priceLayout.col3 > li{width:33.3333%;padding:0 1px;}

h4 + ul.tableHead{position:relative;float:right;margin-top:-38px;text-align:right;z-index:1;}
ul.tableHead.left{float:left; margin:-38px 0 0 110px; }
ul.tableHead.left a{position:relative; z-index:9999;}
ul.tableHead > li{display:inline-block;padding-left:15px;}
ul.tableHead > li *{vertical-align:middle;}
/* //181210 myKim 추가 */

/* 프린트 */
.printWrap{width:1000px;padding:50px;margin:0 auto;font-size:18px;}
.printWrap .txtOragne{color:#ff9933;}
.printWrap .txtCyan{color:#33cccc;}
.printWrap .txtWhite{color:#fff;}
.printWrap .txtred{color:red;}
.printWrap .txtSize15{font-size:25px;}
.printWrap .txtSize20{font-size:30px;}
.printWrap .txtSize30{font-size:35px;}
.printWrap .bgOragne{background-color:#ff9933;}
.printWrap .bgCyan{background-color:#33cccc;}
.printWrap .bgGray{background-color:#f2f2f2;}
.printWrap .bgYellow{background-color:#ffe699;}
.printWrap .bgBlue{background-color:#14a0c1;}
.printWrap .pageHead{padding-bottom:20px;border-bottom:2px solid #000;text-align:right;}
.printWrap .pageHead:after{display:block;content:'';clear:both;}
.printWrap .pageHead img{float:left;}
.printWrap .pageHead strong{display:inline-block;vertical-align:top;height:45px;line-height:45px;padding-left:20px;text-align:right;}
.printWrap table{width:100%;text-align:left;border:0px;margin-bottom:30px;/*font-size:12px;*/}
.printWrap table.oragne thead th{background-color:#ff9933;color:#fff;}
.printWrap table.cyan thead th{background-color:#33cccc;color:#fff;}
.printWrap table.gray thead th{background-color:#f2f2f2;}
.printWrap table.blue thead th{background-color:#14a0c1;color:#fff;}
.printWrap table th,
.printWrap table td{padding:10px;font-size:18px;}
.printWrap table .bordertop{border-top:1px solid #000;}
.printWrap table .borderbottom{border-bottom:1px solid #000;}
.printWrap table.noPadding th,
.printWrap table.noPadding td{padding:0;}
.printWrap table.estimate{margin-bottom:0;border-bottom:1px solid #000;}
.printWrap table.basic{border-collapse:collapse;}
.printWrap table.basic th,
.printWrap table.basic td{padding:10px 5px;text-align:center;border-bottom:1px solid #e5e6e7;}
.printWrap table.estimateList{margin-bottom:0;}
.printWrap table.estimateList th,
.printWrap table.estimateList td{height:30px;padding:5px 10px;text-align:center;}
.printWrap table.estimateList tbody tr:nth-child(odd){background-color:#f2f2f2;}
.printWrap table.estimateSum{border-top:1px solid #000;border-bottom:1px solid #000;}
.printWrap table.estimateSum th,
.printWrap table.estimateSum td{height:30px;padding:2px 0;font-weight:bold;text-align:right;}
.printWrap table.estimateSum th{padding-left:10px;}
.printWrap table.estimateSum td{padding-right:10px;/*font-size:14px;*/}
.printWrap table.accountInfo{position:relative;margin-bottom:0;background:url(/images/print_sign.gif) no-repeat 98% 98%;background-size:auto 60px;}
.printWrap table.accountInfo.eng{background:url(/images/print_tail.gif) no-repeat 98% 98%;}
.printWrap table.accountInfo.noSign{background:none;}
.printWrap table.accountInfo.noSign .img_sign{display:block;width:60px;position:absolute;right:0;bottom:0;}
.printWrap table.accountInfo th,
.printWrap table.accountInfo td{vertical-align:top;}
.printWrap h5{display:block;padding:5px 10px;border-top:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6;font-weight:bold;font-size:18px;/*font-size:12px;*/}
.printWrap .h5Section{padding:10px;margin-bottom:20px;font-size:18px;/*font-size:16px;*/}
.printWrap .pageTail{padding-top:20px;text-align:right;}