@charset "utf-8";
/* 
created on : 2017.02.13(월)
author : ui/ux publishing
*/



/*******************************************************************************
## imports
*******************************************************************************/
@import url("../fonts/ff-din-pro/ff-din-pro.css");
@import url("../fonts/dashicons/css/dashicons.css");
@import url("../fonts/font-awesome/css/font-awesome.min.css");
@import url("../fonts/sli-icons/simple-line-icons.css");
@import url("../fonts/themify-icons/themify-icons.css");
@import url("../fonts/fsquere/style.css");

@import url("lib/cmp-pace.min.css");
@import url("lib/cmp-bs-checkbox.css");
@import url("lib/cmp-css-toggle.css");
@import url("bs-overide/bootstrap.buttons.css");
@import url("bs-overide/bootstrap.formcontrol.css");
@import url("bs-overide/bootstrap.panels.css");



/*******************************************************************************
## default
*******************************************************************************/
html {height:100%;}
body {height:100%; min-width:1260px;}
body {font-family:"맑은고딕",Malgun Gothic, sans-serif; background-color:#f1f4f7; color:#363a5c;}
body .pop_body {min-width:auto !important;}



/*******************************************************************************
## bold
*******************************************************************************/
.fn_n {font-weight:400 !important;}
.fn_b {font-weight:700 !important;}



/*******************************************************************************
## font-size
*******************************************************************************/
.font_10px {font-size:10px !important;}
.font_11px {font-size:11px !important;}
.font_12px {font-size:12px !important;}
.font_13px {font-size:13px !important;}
.font_14px {font-size:14px !important;}
.font_15px {font-size:15px !important;}
.font_16px {font-size:16px !important;}
.font_17px {font-size:17px !important;}
.font_18px {font-size:18px !important;}
.font_19px {font-size:19px !important;}
.font_20px {font-size:20px !important;}
.font_21px {font-size:21px !important;}
.font_22px {font-size:22px !important;}
.font_23px {font-size:23px !important;}
.font_24px {font-size:24px !important;}
.font_25px {font-size:25px !important;}
.font_26px {font-size:26px !important;}
.font_27px {font-size:27px !important;}
.font_28px {font-size:28px !important;}
.font_29px {font-size:29px !important;}
.font_30px {font-size:30px !important;}



/*******************************************************************************
## align
*******************************************************************************/
.fl_l {float:left;}
.fl_r {float:right;}
.fl_n {float:none;}
.cb {clear:both;}

.tx_al {text-align:left !important;}
.tx_ac {text-align:center !important;}
.tx_ar {text-align:right !important;}

.vl_t {vertical-align:top !important;}
.vl_m {vertical-align:middle !important;}
.vl_b {vertical-align:bottom !important;}

.dp_in {display:inline-block !important;}
.dp_no {display:none !important;}

.of_x_s {overflow-x:scroll !important;}
.of_x_h {overflow-x:hidden !important;}
.of_y_s {overflow-y:scroll !important;}
.of_y_h {overflow-y:hidden !important;}

.tx_ul{text-decoration:underline; }


/*******************************************************************************
## underline
*******************************************************************************/
.txt_line {text-decoration:underline !important;}
.txt_line_a {text-decoration:underline!important; color:#0f6ab9 !important;cursor: pointer;}
a:hover.txt_lines {text-decoration:underline !important;}



/*******************************************************************************
## position
*******************************************************************************/
.ps_abs {position:absolute !important;}
.ps_rel {position:relative !important;}



/*******************************************************************************
## line-height
*******************************************************************************/
.lh1 {line-height:1px !important;}
.lh10 {line-height:10px !important;}
.lh11 {line-height:11px !important;}
.lh12 {line-height:12px !important;}
.lh13 {line-height:13px !important;}
.lh14 {line-height:14px !important;}
.lh15 {line-height:15px !important;}
.lh16 {line-height:16px !important;}
.lh17 {line-height:17px !important;}
.lh18 {line-height:18px !important;}
.lh19 {line-height:19px !important;}
.lh20 {line-height:20px !important;}
.lh50 {line-height:50px !important;}



/*******************************************************************************
## height
*******************************************************************************/
.ht25 {height:25px !important;}
.ht26 {height:26px !important;}
.ht27 {height:27px !important;}
.ht28 {height:28px !important;}
.ht29 {height:29px !important;}
.ht30 {height:30px !important;}
.ht33 {height:33px !important;}
.ht35 {height:35px !important;}
.ht36 {height:36px !important;}
.ht37 {height:37px !important;}
.ht38 {height:38px !important;}
.ht39 {height:39px !important;}
.ht40 {height:40px !important;}
.ht50 {height:50px !important;}
.ht60 {height:60px !important;}
.ht70 {height:70px !important;}
.ht80 {height:80px !important;}
.ht88 {height:88px !important;}
.ht90 {height:90px !important;}
.ht100 {height:100px !important;}
.ht101 {height:101px !important;}
.ht102 {height:102px !important;}
.ht103 {height:103px !important;}
.ht104 {height:104px !important;}
.ht105 {height:105px !important;}
.ht110 {height:110px !important;}
.ht120 {height:120px !important;}
.ht130 {height:130px !important;}
.ht131 {height:131px !important;}
.ht140 {height:140px !important;}
.ht147 {height:147px !important;}
.ht150 {height:150px !important;}
.ht160 {height:160px !important;}
.ht162 {height:162px !important;}
.ht166 {height:166px !important;}
.ht170 {height:170px !important;}
.ht180 {height:180px !important;}
.ht190 {height:190px !important;}
.ht200 {height:200px !important;}
.ht210 {height:210px !important;}
.ht279 {height:279px !important;}
.ht250 {height:250px !important;}
.ht259 {height:259px !important;}
.ht290 {height:290px !important;}
.ht247 {height:247px !important;}
.ht300 {height:300px !important;}
.ht330 {height:330px !important;}
.ht350 {height:350px !important;}
.ht400 {height:400px !important;}
.ht450 {height:450px !important;}
.ht500 {height:500px !important;}
.ht550 {height:550px !important;}
.ht570 {height:570px !important;}
.ht600 {height:600px !important;}
.ht650 {height:650px !important;}
.ht695 {height:699px !important;}
.ht700 {height:700px !important;}
.ht750 {height:750px !important;}
.ht800 {height:800px !important;}
.ht850 {height:850px !important;}
.ht900 {height:900px !important;}
.ht950 {height:950px !important;}
.ht1000 {height:1000px !important;}

.ht_all {height:100% !important;}

/*******************************************************************************
## color
*******************************************************************************/
.col_rd01 {color:#ed0149 !important;}
.col_wh {color:#ffffff !important;}
.col_rd02 {color:#ee674a !important;}
.col_wh01 {color:#ffffff !important;}
.col_gy01 {color:#717171 !important;}
.col_gy02 {color:#a2a2a2 !important;}
.col_bl01 {color:#363b5b !important;}
.col_bl02 {color:#006cff !important;}
.col_bl03 {color:#0f6ab9 !important;}
.col_bl04 {color:#363a5c !important;}
.col_bl05 {color:#3b76d6 !important;}
.col_bk01 {color:#434343 !important;}
.col_gr01 {color:#149fa9 !important;}
.col_gr02 {color:#62627c !important;}
.col_gr03 {color:#00a723 !important;}
.col_yl01 {color:#ffff00 !important;}
.col_pink {color:#e42ba5 !important;}
.col_yel01{color:#eba800 !important;}
.col_violet {color:#bcbce7 !important;}
.col_violet01 {color:#5662d1 !important;}
.col_main {color:#2471e2 !important;}
.col_tit {color: #62627c !important;}
.col_my01 {color: #f2d469 !important;}
.col_my02 {color: #79c7c8 !important;}
.col_my03 {color: #b07dbf !important;}
.col_my04 {color: #a9a393 !important;}
.col_my05 {color: #7d8dbf !important;}
/*******************************************************************************
## color
*******************************************************************************/
.col_grid_01 {background-color:#d6dff7 !important;}
.col_grid_02 {background-color:#dff0d8 !important;}
.col_grid_03 {background-color:#fed9cf !important;}
.col_grid_04 {background-color:#f99ea9 !important;}
.col_grid_05 {background-color:#fffca2 !important;}
.col_grid_06 {background-color:#fe7e39 !important;}
/*******************************************************************************
## background color
*******************************************************************************/
.bg_gy01 {background-color:#f5f5f5 !important;}
.bg_yel {background-color:#fffa6b !important;}
.bg_red {background-color:#fcb1b8 !important;}
.bg_vio {background-color:#dee3f7 !important;}
.bg_gy02 {background-color:#b9b9b9 !important;}
.bg_gy03 {background-color:#e8e8e8 !important;}
.eco_nav {background-color:#352b53 !important;}
.exo_nav {background-color:#363b5b !important;}
.bg_fff {background-color:#fff !important;}
.bg_gr {background-color: #7bc1c9 !important;}
/*******************************************************************************
## border
*******************************************************************************/
.no-border {border:none !important;}
.bd-1 {border:1px solid #dddddd !important; box-sizing:border-box !important;}
.bd-2 {border-color:#f1f8ff !important;}
.bt-1 {border-top:1px solid #dddddd !important; box-sizing:border-box !important;}
.br-1 {border-right:1px solid #dddddd !important; box-sizing:border-box !important;}
.bb-1 {border-bottom:1px solid #dddddd !important; box-sizing:border-box !important;}
.bl-1 {border-left:1px solid #dddddd !important; box-sizing:border-box !important;}



/*******************************************************************************
## min-width
*******************************************************************************/
.min_0px {min-width:0px !important;}
.min_50px {min-width:50px !important;}
.min_100px {min-width:100px !important;}
.min_110px {min-width:110px !important;}
.min_120px {min-width:120px !important;}
.min_130px {min-width:130px !important;}
.min_140px {min-width:140px !important;}
.min_150px {min-width:150px !important;}
.min_160px {min-width:160px !important;}
.min_170px {min-width:170px !important;}
.min_180px {min-width:180px !important;}
.min_190px {min-width:190px !important;}
.min_200px {min-width:200px !important;}
.min_250px {min-width:250px !important;}
.min_300px {min-width:300px !important;}
.min_350px {min-width:350px !important;}
.min_400px {min-width:400px !important;}
.min_450px {min-width:450px !important;}
.min_500px {min-width:500px !important;}
.min_600px {min-width:600px !important;}
.min_700px {min-width:700px !important;}
.min_800px {min-width:800px !important;}
.min_850px {min-width:850px !important;}
.min_900px {min-width:900px !important;}
.min_1000px {min-width:1000px !important;}
.min_1100px {min-width:1100px !important;}
.min_1200px {min-width:1200px !important;}
.min_1300px {min-width:1300px !important;}
.min_1400px {min-width:1400px !important;}
.min_1500px {min-width:1500px !important;}



/*******************************************************************************
## min-height
*******************************************************************************/
.min_h0px {min-height:0px !important;}
.min_h50px {min-height:50px !important;}
.min_h100px {min-height:100px !important;}
.min_h110px {min-height:110px !important;}
.min_h120px {min-height:120px !important;}
.min_h130px {min-height:130px !important;}
.min_h140px {min-height:140px !important;}
.min_h150px {min-height:150px !important;}
.min_h160px {min-height:160px !important;}
.min_h170px {min-height:170px !important;}
.min_h180px {min-height:180px !important;}
.min_h190px {min-height:190px !important;}
.min_h195px {min-height:195px !important;}
.min_h200px {min-height:200px !important;}
.min_h205px {min-height:205px !important;}
.min_h210px {min-height:210px !important;}
.min_h220px {min-height:220px !important;}
.min_h225px {min-height:225px !important;}
.min_h230px {min-height:230px !important;}
.min_h240px {min-height:240px !important;}
.min_h250px {min-height:250px !important;}
.min_h300px {min-height:300px !important;}
.min_h350px {min-height:350px !important;}
.min_h400px {min-height:400px !important;}
.min_h450px {min-height:450px !important;}
.min_h500px {min-height:500px !important;}



/*******************************************************************************
## width px
*******************************************************************************/
.wd00px {width:0px !important;}
.wd01px {width:1px !important;}
.wd02px {width:2px !important;}
.wd03px {width:3px !important;}
.wd04px {width:4px !important;}
.wd05px {width:5px !important;}
.wd06px {width:6px !important;}
.wd07px {width:7px !important;}
.wd08px {width:8px !important;}
.wd09px {width:9px !important;}
.wd10px {width:10px !important;}
.wd15px {width:15px !important;}
.wd20px {width:20px !important;}
.wd25px {width:25px !important;}
.wd28px {width:28px !important;}
.wd30px {width:30px !important;}
.wd35px {width:35px !important;}
.wd40px {width:40px !important;}
.wd41px {width:41px !important;}
.wd42px {width:42px !important;}
.wd43px {width:43px !important;}
.wd44px {width:44px !important;}
.wd45px {width:45px !important;}
.wd46px {width:46px !important;}
.wd47px {width:47px !important;}
.wd48px {width:48px !important;}
.wd49px {width:49px !important;}
.wd50px {width:50px !important;}
.wd55px {width:55px !important;}
.wd59px {width:59px !important;}
.wd60px {width:60px !important;}
.wd65px {width:65px !important;}
.wd70px {width:70px !important;}
.wd75px {width:75px !important;}
.wd80px {width:80px !important;}
.wd85px {width:85px !important;}
.wd90px {width:90px !important;}
.wd95px {width:95px !important;}
.wd98px {width:98px !important;}
.wd100px {width:100px !important;}
.wd110px {width:110px !important;}
.wd115px {width:115px !important;}
.wd120px {width:120px !important;}
.wd129px {width:129px !important;}
.wd136px {width:136px !important;}
.wd140px {width:140px !important;}
.wd150px {width:150px !important;}
.wd160px {width:160px !important;}
.wd170px {width:170px !important;}
.wd180px {width:180px !important;}
.wd190px {width:190px !important;}
.wd200px {width:200px !important;}
.wd210px {width:210px !important;}
.wd218px {width:218px !important;}
.wd220px {width:220px !important;}
.wd230px {width:230px !important;}
.wd240px {width:240px !important;}
.wd245px {width:245px !important;}
.wd250px {width:250px !important;}
.wd252px {width:252px !important;}
.wd255px {width:255px !important;}
.wd258px {width:258px !important;}
.wd270px {width:270px !important;}
.wd300px {width:300px !important;}
.wd348px {width:348px !important;}
.wd350px {width:350px !important;}
.wd370px {width:370px !important;}
.wd380px {width:380px !important;}
.wd395px {width:395px !important;}
.wd400px {width:400px !important;}
.wd445px {width:445px !important;}
.wd450px {width:450px !important;}
.wd466px {width:466px !important;}
.wd474px {width:474px !important;}
.wd500px {width:500px !important;}
.wd525px {width:525px !important;}
.wd530px {width:530px !important;}
.wd550px {width:550px !important;}
.wd600px {width:600px !important;}
.wd641px {width:641px !important;}
.wd650px {width:650px !important;}
.wd664px {width:664px !important;}
.wd700px {width:700px !important;}
.wd750px {width:750px !important;}
.wd800px {width:800px !important;}
.wd850px {width:850px !important;}
.wd900px {width:900px !important;}
.wd950px {width:950px !important;}
.wd1000px {width:1000px !important;}
.wd1100px {width:1100px !important;}
.wd1200px {width:1200px !important;}
.wd1250px {width:1250px !important;}
.wd1300px {width:1300px !important;}
.wd1400px {width:1400px !important;}
.wd1500px {width:1500px !important;}



/*******************************************************************************
## width %
*******************************************************************************/
.wdauto {width:auto !important;}
.wd00 {width:0% !important;}
.wd01 {width:1% !important;}
.wd02 {width:2% !important;}
.wd03 {width:3% !important;}
.wd04 {width:4% !important;}
.wd05 {width:5% !important;}
.wd06 {width:6% !important;}
.wd07 {width:7% !important;}
.wd08 {width:8% !important;}
.wd09 {width:9% !important;}
.wd10 {width:10% !important;}
.wd11 {width:11% !important;}
.wd12 {width:12% !important;}
.wd13 {width:13% !important;}
.wd14 {width:14% !important;}
.wd14_5 {width:14.5% !important;}
.wd15 {width:15% !important;}
.wd16 {width:16% !important;}
.wd17 {width:17% !important;}
.wd18 {width:18% !important;}
.wd19 {width:19% !important;}
.wd20 {width:20% !important;}
.wd21 {width:21% !important;}
.wd22 {width:22% !important;}
.wd23 {width:23% !important;}
.wd24 {width:24% !important;}
.wd25 {width:25% !important;}
.wd26 {width:26% !important;}
.wd27 {width:27% !important;}
.wd28 {width:28% !important;}
.wd29 {width:29% !important;}
.wd30 {width:30% !important;}
.wd31 {width:31% !important;}
.wd32 {width:32% !important;}
.wd33 {width:33% !important;}
.wd34 {width:34% !important;}
.wd35 {width:35% !important;}
.wd37 {width:37% !important;}
.wd39 {width:39% !important;}
.wd40 {width:40% !important;}
.wd41 {width:41% !important;}
.wd41_01 {width:41.1% !important;}
.wd41_03 {width:41.3% !important;}
.wd42 {width:42% !important;}
.wd43 {width:43% !important;}
.wd44 {width:44% !important;}
.wd45 {width:45% !important;}
.wd46 {width:46% !important;}
.wd47 {width:47% !important;}
.wd48 {width:48% !important;}
.wd49 {width:49% !important;}
.wd50 {width:50% !important;}
.wd55 {width:55% !important;}
.wd57 {width:57% !important;}
.wd59 {width:59% !important;}
.wd60 {width:60% !important;}
.wd63 {width:63% !important;}
.wd65 {width:65% !important;}
.wd66 {width:66% !important;}
.wd70 {width:70% !important;}
.wd75 {width:75% !important;}
.wd80 {width:80% !important;}
.wd85 {width:85% !important;}
.wd89 {width:89% !important;}
.wd90 {width:90% !important;}
.wd93 {width:93% !important;}
.wd95 {width:95% !important;}
.wd98 {width:98% !important;}
.wd100 {width:100% !important;}



/*******************************************************************************
## padding
*******************************************************************************/
.no-padding {padding:0px !important;}

.p-xs {padding:5px !important;}
.p-sm {padding:10px !important;}
.p-md {padding:20px !important;}
.p-lg {padding:40px !important;}

.pt-00 {padding-top:0px !important;}
.pt-01 {padding-top:1px !important;}
.pt-02 {padding-top:2px !important;}
.pt-03 {padding-top:3px !important;}
.pt-04 {padding-top:4px !important;}
.pt-06 {padding-top:6px !important;}
.pt-07 {padding-top:7px !important;}
.pt-08 {padding-top:8px !important;}
.pt-09 {padding-top:9px !important;}
.pt-30 {padding-top:30px !important;}
.pt-xs {padding-top:5px !important;}
.pt-sm {padding-top:10px !important;}
.pt-md {padding-top:20px !important;}
.pt-lg {padding-top:40px !important;}
.pt-xlg {padding-top:80px !important;}
.pt-150 {padding-top:210px !important;}

.pb-00 {padding-bottom:0px !important;}
.pb-01 {padding-bottom:1px !important;}
.pb-02 {padding-bottom:2px !important;}
.pb-03 {padding-bottom:3px !important;}
.pb-04 {padding-bottom:4px !important;}
.pb-06 {padding-bottom:6px !important;}
.pb-07 {padding-bottom:7px !important;}
.pb-08 {padding-bottom:8px !important;}
.pb-09 {padding-bottom:9px !important;}
.pb-xs {padding-bottom:5px !important;}
.pb-sm {padding-bottom:10px !important;}
.pb-md {padding-bottom:20px !important;}
.pb-lg {padding-bottom:40px !important;}

.pl-00 {padding-left:0px !important;}
.pl-01 {padding-left:1px !important;}
.pl-02 {padding-left:2px !important;}
.pl-03 {padding-left:3px !important;}
.pl-04 {padding-left:4px !important;}
.pl-06 {padding-left:6px !important;}
.pl-07 {padding-left:7px !important;}
.pl-08 {padding-left:8px !important;}
.pl-09 {padding-left:9px !important;}
.pl-15 {padding-left:15px !important;}
.pl-xs {padding-left:5px !important;}
.pl-sm {padding-left:10px !important;}
.pl-md {padding-left:20px !important;}
.pl-lg {padding-left:40px !important;}
.pl-100 {padding-left:100px !important;}
.pl-250 {padding-left:250px !important;}


.pr-00 {padding-right:0px !important;}
.pr-01 {padding-right:1px !important;}
.pr-02 {padding-right:2px !important;}
.pr-03 {padding-right:3px !important;}
.pr-04 {padding-right:4px !important;}
.pr-06 {padding-right:6px !important;}
.pr-07 {padding-right:7px !important;}
.pr-08 {padding-right:8px !important;}
.pr-09 {padding-right:9px !important;}
.pr-11 {padding-right:11px !important;}
.pr-31 {padding-right:31px !important;}
.pr-xs {padding-right:5px !important;}
.pr-sm {padding-right:10px !important;}
.pr-md {padding-right:20px !important;}
.pr-18 {padding-right:18px !important;}
.pr-lg {padding-right:40px !important;}
.-pr-sm {-padding-right:10px !important;}
/*******************************************************************************
## margin
*******************************************************************************/
.no-margin {margin:0px !important;}

.m-xs {margin:5px !important;}
.m-sm {margin:10px !important;}
.m-md {margin:20px !important;}
.m-lg {margin:40px !important;}

.mt-00 {margin-top:0px !important;}
.mt-02 {margin-top:2px !important;}
.mt-03 {margin-top:3px !important;}
.mt-04 {margin-top:4px !important;}
.mt-06 {margin-top:6px !important;}
.mt-07 {margin-top:7px !important;}
.mt-08 {margin-top:8px !important;}
.mt-09 {margin-top:9px !important;}
.mt-xs {margin-top:5px !important;}
.mt-sm {margin-top:10px !important;}
.mt-sm5 {margin-top:15px !important;}
.mt-md {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-35 {margin-top:35px !important;}
.mt-lg {margin-top:40px !important;}
.mt-150 {margin-top:150px !important;}
.mt-180 {margin-top:140px !important;}
.mt-410 {margin-top:410px !important;}
.mt-440 {margin-top:440px !important;}

.mb-00 {margin-bottom:0px !important;}
.mb-01 {margin-bottom:1px !important;}
.mb-02 {margin-bottom:2px !important;}
.mb-03 {margin-bottom:3px !important;}
.mb-04 {margin-bottom:4px !important;}
.mb-06 {margin-bottom:6px !important;}
.mb-07 {margin-bottom:7px !important;}
.mb-08 {margin-bottom:8px !important;}
.mb-09 {margin-bottom:9px !important;}
.mb-xs {margin-bottom:5px !important;}
.mb-sm {margin-bottom:10px !important;}
.mb-sm5 {margin-bottom:15px !important;}
.mb-md {margin-bottom:20px !important;}
.mb-lg {margin-bottom:40px !important;}

.ml-00 {margin-left:0px !important;}
.ml-01 {margin-left:1px !important;}
.ml-02 {margin-left:2px !important;}
.ml-03 {margin-left:3px !important;}
.ml-04 {margin-left:4px !important;}
.ml-06 {margin-left:6px !important;}
.ml-07 {margin-left:7px !important;}
.ml-08 {margin-left:8px !important;}
.ml-09 {margin-left:9px !important;}
.ml-xs {margin-left:5px !important;}
.ml-sm {margin-left:10px !important;}
.ml-sm5 {margin-left:15px !important;}
.ml-md {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.ml-lg {margin-left:40px !important;}

.mr-00 {margin-right:0px !important;}
.mr-01 {margin-right:1px !important;}
.mr-02 {margin-right:2px !important;}
.mr-03 {margin-right:3px !important;}
.mr-04 {margin-right:4px !important;}
.mr-06 {margin-right:6px !important;}
.mr-07 {margin-right:7px !important;}
.mr-08 {margin-right:8px !important;}
.mr-09 {margin-right:9px !important;}
.mr-xs {margin-right:5px !important;}
.mr-sm {margin-right:10px !important;}
.mr-sm5 {margin-right:15px !important;}
.mr-md {margin-right:20px !important;}
.mr-lg {margin-right:40px !important;}

.-mt-01 {margin-top:-1px !important;}
.-mt-02 {margin-top:-2px !important;}
.-mt-03 {margin-top:-3px !important;}
.-mt-04 {margin-top:-4px !important;}
.-mt-06 {margin-top:-6px !important;}
.-mt-07 {margin-top:-7px !important;}
.-mt-08 {margin-top:-8px !important;}
.-mt-09 {margin-top:-9px !important;}
.-mt-13 {margin-top:-13px !important;}
.-mt-xs {margin-top:-5px !important;}
.-mt-sm {margin-top:-10px !important;}
.-mt-sm5 {margin-top:-15px !important;}
.-mt-md {margin-top:-20px !important;}
.-mt-30 {margin-top:-30px !important;}
.-mt-31 {margin-top:-31px !important;}
.-mt-lg {margin-top:-40px !important;}

.-mb-01 {margin-bottom:-1px !important;}
.-mb-02 {margin-bottom:-2px !important;}
.-mb-03 {margin-bottom:-3px !important;}
.-mb-04 {margin-bottom:-4px !important;}
.-mb-06 {margin-bottom:-6px !important;}
.-mb-07 {margin-bottom:-7px !important;}
.-mb-08 {margin-bottom:-8px !important;}
.-mb-09 {margin-bottom:-9px !important;}
.-mb-xs {margin-bottom:-5px !important;}
.-mb-sm {margin-bottom:-10px !important;}
.-mb-11 {margin-bottom:-11px !important;}
.-mb-sm5 {margin-bottom:-15px !important;}
.-mb-md {margin-bottom:-20px !important;}
.-mb-lg {margin-bottom:-40px !important;}

.-ml-01 {margin-left:-1px !important;}
.-ml-02 {margin-left:-2px !important;}
.-ml-03 {margin-left:-3px !important;}
.-ml-04 {margin-left:-4px !important;}
.-ml-06 {margin-left:-6px !important;}
.-ml-07 {margin-left:-7px !important;}
.-ml-08 {margin-left:-8px !important;}
.-ml-09 {margin-left:-9px !important;}
.-ml-xs {margin-left:-5px !important;}
.-ml-sm {margin-left:-10px !important;}
.-ml-sm5 {margin-left:-15px !important;}
.-ml-md {margin-left:-20px !important;}
.-ml-25 {margin-left:-25px !important;}
.-ml-30 {margin-left:-30px !important;}
.-ml-lg {margin-left:-40px !important;}

.-mr-01 {margin-right:-1px !important;}
.-mr-02 {margin-right:-2px !important;}
.-mr-03 {margin-right:-3px !important;}
.-mr-04 {margin-right:-4px !important;}
.-mr-06 {margin-right:-6px !important;}
.-mr-07 {margin-right:-7px !important;}
.-mr-08 {margin-right:-8px !important;}
.-mr-09 {margin-right:-9px !important;}
.-mr-xs {margin-right:-5px !important;}
.-mr-sm {margin-right:-10px !important;}
.-mr-sm5 {margin-right:-15px !important;}
.-mr-md {margin-right:-20px !important;}
.-mr-25 {margin-right:-25px !important;}
.-mr-30 {margin-right:-30px !important;}
.-mr-lg {margin-right:-40px !important;}



/*******************************************************************************
## header nav
*******************************************************************************/
div.header_wrap {position:fixed; z-index:10; top:0; left:0; width:100%; min-width:1260px; height:30px; background-color:#e6e6e6; box-sizing:border-box; border-bottom:1px solid #e6e6e6;}
ul.header_tab {float:left; padding:0 0 0 0; margin:0; list-style:none; display:inline-block;}
ul.header_tab li {float:left; border-left:1px solid #dadada; height:30px; line-height:30px;}

ul.header_tab li.active {float:left; border-left:1px solid #dadada; height:30px; line-height:30px; background-color:#ffffff;}
ul.header_tab li:first-child {width:49px; border-left:none;}
ul.header_tab a {color:#363a5c; display:block; padding:0 15px 0 15px; height:30px; }
ul.header_tab a:hover {color:#5f69e0; background-color:#ffffff;}
ul.header_tab a i {position:relative; top:6px; left:4px; font-size:16px;}

ul.header_nav {float:left; padding:5px 0 0 0; margin:0; list-style:none; height:30px; line-height:30px; background-color:#ffffff; display:inline-block; border-right:1px solid #dadada;}
ul.header_nav li {float:left; line-height:19px; border-left:1px solid #dadada; padding:0 20px 0 20px;}
.hn_time {font-weight:700; color:#ff005a;}
ul.header_nav a {color:#363a5c;}
ul.header_nav a:hover {color:#5f69e0;}
ul.header_nav li .msg {position:relative; top:0px; left:3px; width:13px; height:13px; line-height:13px; text-align:center; padding:0; font-size:8px; font-weight:700;}

ul.header_btn {float:right; padding:5px 0 0 0; margin:0 15px 0 0; list-style:none; height:30px; line-height:30px; display:inline-block;}
ul.header_btn li {float:left; line-height:19px; border-left:1px solid #dadada;}
ul.header_btn li:first-child {border-left:0px solid #dadada;}
ul.header_btn a {color:#363a5c; display:block; padding:0 20px 0 20px;}
ul.header_btn a:hover {color:#5f69e0;}



/*******************************************************************************
## header top
*******************************************************************************/
.header-top {top:0; left:0; right:0; height:40px; z-index:1040; border-radius:0; border:0; margin-bottom:0; background-color:#ffffff; transition:left 0.2s, right 0.2s; -webkit-transition:left 0.2s, right 0.2s; min-width:1260px;}
.header-top.fixed-top {position:fixed; top:30px;}
.header-top.no-transition {transition:none; -webkit-transition:none;}

.header-top .navbar-header {height:1px; background-color:#ffffff !important;}
.header-top .navbar-brand {font-size:18px; color:#ffffff; text-align:center; transition:color 0.2s; padding:8px 10px; line-height:33px; -webkit-transition:color 0.2s;}
.header-top .navbar-brand img {width:32px; height:32px; float:left; margin-right:8px;}
.header-top .navbar-brand:hover,
.header-top .navbar-brand:focus {color:#ffffff;}
.header-top .top-bar {position:fixed; z-index:10; height:60px; line-height:50px; display:none; width:100%; top:-60px; background-color:#ffffff; box-shadow:0 2px 1px rgba(0,0,0,0.01); -webkit-box-shadow:0 2px 1px rgba(0,0,0,0.01); transition:top 0.2s; -webkit-transition:top 0.2s;}
.header-top .top-bar .close-search {position:absolute; top:22px; right:15px; line-height:normal; font-size:10px; cursor:pointer; text-transform:uppercase;}
.header-top .header-inner {position:relative; z-index:9; height:50px; background-color:#ffffff;}
.header-top .navbar_header {width:150px; float:left;}
.header-top .navbar-toggle {float:left; font-size:16px; margin-top:9px;}
.header-top .navbar-toggle .icon-bar {background:rgba(255,255,255,0.6);}
.header-top .navbar-toggle:hover {background-color:rgba(0,0,0,.1);}
.header-top .navbar-toggle:hover .icon-bar {background:#ffffff;}
.header-top .navbar-nav.navbar-right .dropdown-menu:before {right:12px; left:auto;}
.header-top .navbar-nav.navbar-right .dropdown-menu:after {right:13px; left:auto;}
.header-top .navbar-nav li.menu_tb a {padding-top:11px; padding-bottom:10px; min-height:40px;}
.header-top .navbar-nav li.menu_tb a:hover {padding-top:11px; padding-bottom:10px; min-height:40px;}

li.user-profile > a {padding-bottom:15px;}
li.user-profile .dropdown-menu > li > a {padding:5px 10px;}
li.user-profile .dropdown-menu > li > a > i {margin-right:5px;}

.header-top .navbar-nav > li.user-profile > a {padding-left:10px; padding-right:10px;}
.header-top .navbar-nav > li.user-profile > a img {float:left; width:35px; height:35px; margin-top:-3px; margin-bottom:-10px; border-radius:50em; border:2px solid #f0f3f5;}
.header-top .navbar-nav > li > a {position:relative; font-size:12px; color:#7f888f;}
.header-top .navbar-nav > li > a > i {font-size:16px;}
.header-top .navbar-nav > li > a.font-lg {font-size:16px;}
.header-top .navbar-nav > li > a .badge {font-size:10px; padding:2px 4px;}
.header-top .navbar-nav > li > a .new-alert {position:absolute; background-color:#e03b30; top:13px; right:10px; display:block; width:10px; height:10px; border-radius:50em; transform:scale(0); -webkit-transform:scale(0); transition:transform 0.4s; -webkit-transition:transform 0.4s;}
.header-top .navbar-nav > li > a .new-alert:before {background:transparent; border:4px solid #e03b30; content:""; width:20px; height:20px; left:-5px; border-radius:50em; opacity:0; position:absolute; top:-5px; animation:sonar 2s 1s ease infinite; -webkit-animation:sonar 2s 1s ease infinite; -moz-animation:sonar 2s 1s ease infinite; -ms-animation:sonar 2s 1s ease infinite; -o-animation:sonar 2s 1s ease infinite;}
.header-top .navbar-nav > li > a .new-alert.active {transform:scale(1); -webkit-transform:scale(1);}
.header-top .navbar-nav > li.open > a,
.header-top .navbar-nav > li.open > a:focus,
.header-top .navbar-nav > li.open > a:hover {color:#7f888f; background-color:#f6f9fa;}
.header-top .navbar-nav .dropdown-menu.dropdown-lg {min-width:250px; background-color:#ffffff;}
.header-top .navbar-nav .dropdown-menu.dropdown-lg > li > a {color:#8b97ae;}
.header-top .navbar-nav .dropdown-menu.dropdown-lg > li > a:hover,
.header-top .navbar-nav .dropdown-menu.dropdown-lg > li > a:focus {background-color:#eef4f5; color:#7f888f;}
.header-top .navbar-nav .dropdown-menu.list-group-dropdown > li > a {padding:7px 10px;}
.header-top .navbar-nav .dropdown-menu.list-group-dropdown > li+li a {border-top:1px solid #f0f3f5;}
.header-top .navbar-nav .dropdown-menu.list-group-dropdown > li.no-link {display:block; padding:7px 10px; color:#8b97ae;}
.header-top .navbar-nav .dropdown-menu .user-list-wrap {display:table; width:100%;}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .profile-pic {display:table-cell; width:45px; vertical-align:middle;}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .profile-pic img {width:35px; height:35px; border-radius:50em;}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .profile-pic.profile-icon {padding-left:5px;}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .profile-pic.profile-icon i {font-size:22px;}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .detail {position:relative; display:table-cell; vertical-align:middle; max-width:185px;}
.header-top .navbar-nav .dropdown-menu .user-list-wrap .time {position:absolute; top:2px; right:0; font-size:10px; font-style:italic;}

.header-top .navbar-nav-xs {float:right; line-height:60px;}
.header-top .navbar-nav-xs > li {float:left;}
.header-top .navbar-nav-xs > li > a {padding-top:15px; padding-bottom:15px; line-height:30px; color:rgba(255,255,255,0.6);}
.header-top .navbar-nav-xs > li > a.font-lg {font-size:16px;}

.header-dark {background-color:#32465b;}
.header-dark .navbar-nav > li > a {color:rgba(255,255,255,0.6);}
.header-dark .navbar-nav > li > a:hover,
.header-dark .navbar-nav > li > a:focus {color:#ffffff; background-color:#2f4154;}
.header-dark .navbar-nav > li.open > a,
.header-dark .navbar-nav > li.open > a:hover,
.header-dark .navbar-nav > li.open > a:focus {color:#ffffff; background-color:#2f4154;}

.nav-top .header-top .container {position:relative;}
.nav-top .header-top .navbar-brand {width:auto; text-align:left; margin-left:15px;}
.nav-top .header-top .navbar-header {background-color:transparent; width:auto;}

.top-navigation {position:absolute; height:50px; background-color:#ffffff; top:50px; left:0; right:0; z-index:10; box-shadow:0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); transition:left 0.2s, right 0.2s; -webkit-transition:left 0.2s, right 0.2s;}
.top-navigation.topnav-fixed {position:fixed;}
.top-navigation.no-transition {transition:none; -webkit-transition:none;}
.top-navigation .container {position:relative;}
.top-navigation .navbar-nav > li > a {position:relative; color:#8b97ae; font-size:12px;}
.top-navigation .navbar-nav > li > a:hover,
.top-navigation .navbar-nav > li > a:focus {background-color:#f6f9fa; color:#7f888f;}
.top-navigation .navbar-nav > li > a i {font-size:15px; position:relative; top:2px; margin-right:7px;}
.top-navigation .navbar-nav > li.active > a:before {content:""; position:absolute; bottom:0; left:0; right:0; height:1px; background-color:#5090f7;}
.top-navigation .navbar-nav.magic-nav {position:relative;}
.top-navigation .navbar-nav.magic-nav > li.active > a:before {display:none;}
.top-navigation .navbar-nav.magic-nav .magic-line {position:absolute; bottom:-1px; left:0; width:100px; height:1px; background:#5090f7;}

@media (min-width:768px) {
	.header-top .navbar-header {width:230px;}
	.header-top .navbar-nav > li.user-profile > a .user-name {margin-left:0;}
	.header-top .navbar-nav > li > a .badge {position:absolute; top:7px; right:5px;}
	.header-top .navbar-nav-xs {display:none;}
	.side-nav-sm:not(.sidenav-active) .navbar-header {width:50px; text-align:center;}
	.side-nav-sm:not(.sidenav-active) .navbar-brand {float:none; display:block;}
	.side-nav-sm:not(.sidenav-active) .navbar-brand span {display:none;}
	.hover-expand .navbar-header {transition:width .2s cubic-bezier(.5, .2, .5, 1); -webkit-transition:width .2s cubic-bezier(.5, .2, .5, 1);}
}

@media (max-width:767px) {
	.header-top .navbar-collapse {background-color:#ffffff; border-bottom:1px solid #f0f3f5;}
	.header-top .navbar-brand {width:auto;}
	.header-top .top-bar {display:block;}
	.header-top .top-bar.active {top:0;}
	.header-top .header-inner {height:auto;}
	.header-top .navbar-nav > li > a.font-lg {font-size:14px;}
	.header-top .navbar-nav > li > a .badge {float:right; margin-top:2px;}
	.header-top .navbar-nav > li > a .new-alert {position:static; float:right; margin-top:7px; margin-right:3px;}
	.header-top .navbar-nav .dropdown-menu {display:none; animation:none !important; -webkit-animation:none !important;}
	.header-top .navbar-nav .dropdown-menu:before,
	.header-top .navbar-nav .dropdown-menu:after {display:none;}
	.header-top .navbar-nav .open .dropdown-menu {display:block;}
	.top-navigation {position:relative; height:auto; top:0;}
	.top-navigation .navbar-nav > li .dropdown-menu {display:none; animation:none !important; -webkit-animation:none !important;}
	.top-navigation .navbar-nav > li.open .dropdown-menu {display:block;}
	.top-navigation .navbar-nav.magic-nav .magic-line {display:none;}
}

.header-top .navbar-nav > li.user-profile > a .user-name {margin-left:45px;}



/*******************************************************************************
## main search
*******************************************************************************/
.main-search_01 {position:relative; float:right; padding:2px 5px 0px;}
.main-search_01 .input-wrap {position:relative; margin-top:1px;}
.main-search_01 .input-wrap a {position:absolute; top:10px; right:15px; color:#c6cbd7; line-height:normal;}
.main-search_01 .input-wrap a:hover,
.main-search_01 .input-wrap a:focus {color:#7f888f; text-decoration:none;}
.main-search_01 input {border-radius:50em; padding-left:15px; width:230px; margin-bottom:0; font-size:12px; padding-right:30px; -webkit-box-sizing:border-box; box-sizing:border-box;}

.main-search_01 input:focus {padding-left:15px !important;}
.main-search_01 input::-webkit-input-placeholder {color:#c6cbd7; font-size:12px;}
.main-search_01 input::-moz-placeholder {color:#c6cbd7; font-size:12px;}
.main-search_01 input:-ms-input-placeholder {color:#c6cbd7; font-size:12px;}



/*******************************************************************************
## left sidebar
*******************************************************************************/
.side-navigation-wrap {position:absolute; top:50px; width:230px; height:100%; padding-bottom:50px; z-index:11; transition:left 0.2s; -webkit-transition:left 0.2s;}
.side-navigation-wrap.sidebar-fixed {position:fixed; top:30px; z-index:1200;}
.side-navigation-wrap .side-nav-inner {position:relative;}
.side-navigation-wrap.no-transition {transition:none; -webkit-transition:none;}

.side-nav {position:relative; list-style:none; padding-left:0; margin-bottom:0; color:#9cabba; font-weight:500;}
.side-nav.magic-nav > li.active:after {display:none;}
.side-nav > li {position:relative;}
.side-nav > li:after {content:""; position:absolute; top:0; right:0; height:0; width:3px; display:none; background-color:#5090f7; transition:height 0.4s; -webkit-transition:height 0.4s;}
.side-nav > li.no-link {display:block; padding:13px 20px; border-bottom:1px solid #f1f2f3;}

.side-nav > li.side-nav-header {position:relative; display:block; padding:15px 15px 10px 20px; font-size:12px; overflow:visible; color:rgba(255,255,255,.4); font-weight:300; /* border-bottom:1px solid rgba(255,255,255,.05); */}
.side-nav > li.side-nav-header small,
.side-nav > li.side-nav-header .dropdown {font-size:10px; float:right; margin-top:2px; margin-right:5px;}
.side-nav > li.side-nav-header small > a,
.side-nav > li.side-nav-header .dropdown > a {color:#9cabba; text-decoration:none;}
.side-nav > li.side-nav-header small > a:hover,
.side-nav > li.side-nav-header .dropdown > a:hover,
.side-nav > li.side-nav-header small > a:focus,
.side-nav > li.side-nav-header .dropdown > a:focus {color:#ffffff;}
.side-nav > li.side-nav-header small .dropdown-menu,
.side-nav > li.side-nav-header .dropdown .dropdown-menu {left:-15px;}
.side-nav > li.side-nav-header small .dropdown-menu.pull-right,
.side-nav > li.side-nav-header .dropdown .dropdown-menu.pull-right {right:-15px; left:auto;}
.side-nav > li.side-nav-header small .dropdown-menu > li > a,
.side-nav > li.side-nav-header .dropdown .dropdown-menu > li > a {text-transform:none; font-size:12px;}
.side-nav > li.side-nav-header small .pull-right .dropdown-menu,
.side-nav > li.side-nav-header .dropdown .pull-right .dropdown-menu {right:-15px; left:auto;}
.side-nav > li.seperator {border-bottom:1px solid #485d71;}
.side-nav > li.active:after {display:block; height:100%;}
.side-nav > li.active > a {color:#ffffff;}
.side-nav > li.opened > a {color:#ffffff;}
.side-nav > li > a {position:relative; display:block; padding:16px 20px !important; text-decoration:none; font-size:13px; transform:translateZ(0); -webkit-transform:translateZ(0); transition:background-color .2s,color .2s; -webkit-transition:background-color .2s,color .2s;}
.sub-menu > ul > li.has-submenu > a:after,
.side-nav > li.has-submenu > a:after {display:inline-block; font:normal normal normal 10px/1 fontawesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\f105"; float:right; opacity:.5; margin-top:4px;}
.sub-menu > ul > li.has-submenu > a[aria-expanded="true"]:after,
.side-nav > li.has-submenu > a[aria-expanded="true"]:after {content:"\f106";}
.side-nav > li > a i {position:relative; top:2px; font-size:15px; margin-right:7px;}
.side-nav > li > a .badge {float:right; margin-top:1px; padding:4px;}
.side-nav > li .sub-menu {position:relative; box-shadow:0 -1px 1px rgba(0,0,0,0.05) inset,0 1px 1px rgba(0,0,0,0.05) inset; -webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.05) inset,0 1px 1px rgba(0,0,0,0.05) inset;}.side-nav > li .sub-menu.opened {animation:fadeIn 0.4s; -webkit-animation:fadeIn 0.4s;}
.side-nav > li .sub-menu.closed {animation:fadeOut 0.4s; -webkit-animation:fadeOut 0.4s;}
.side-nav > li .sub-menu.tertiary.list-style-dashed > ul > li > a:before {left:47px; width:7px;}
.side-nav > li .sub-menu.tertiary.list-style-circle > ul > li > a:before {left:44px;}
.side-nav > li .sub-menu.tertiary > ul:before {left:47px;}
.side-nav > li .sub-menu.tertiary > ul > li > a {padding-left:60px;}
.side-nav > li .sub-menu > ul {position:relative; list-style:none; padding-left:0; margin-bottom:0;}
.side-nav > li .sub-menu > ul > li > a {position:relative; display:block; padding:7px 20px 9px 18px; font-size:12px; text-decoration:none; transform:translateZ(0); -webkit-transform:translateZ(0); transition:color 0.2s; -webkit-transition:color 0.2s;}
.side-nav > li .sub-menu > ul > li > a:before {content:""; position:absolute; display:none;}
.side-nav > li .sub-menu > ul > li > a:hover,
.side-nav > li .sub-menu > ul > li > a:focus {color:#ffffff; background-color:rgba(0,0,0,.1);}
.side-nav > li .progress {margin-bottom:0; height:7px; margin-top:2px;}
.side-nav .magic-line {position:absolute; right:0; width:3px; height:46px; background:#5090f7;}

@media (max-width:767px) {
	.side-nav .magic-line {display:none;}
}

.side-tabs {padding-top:7px; background-color:#f6f9fa;}
.side-tabs > ul {border-color:#485d71; padding-left:5px; box-shadow:0 -1px 1px rgba(0,0,0,0.05) inset; -webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.03) inset;}
.side-tabs > ul > li+li {margin-left:4px;}
.side-tabs > ul > li > a {padding-top:8px; padding-bottom:8px; font-size:12px; color:#9cabba;}
.side-tabs > ul > li:not(.active) {padding-top:5px;}
.side-tabs > ul > li:not(.active) > a {padding-top:3px; padding-bottom:3px; border-radius:6px; background-color:#e4eef0; border-color:#e4eef0;}
.side-tabs > ul > li:not(.active) > a:hover,
.side-tabs > ul > li:not(.active) > a:focus {background-color:#dae8eb; color:#7f888f;}
.side-tabs > ul > li.active > a,
.side-tabs > ul > li.active > a:focus,
.side-tabs > ul > li.active > a:hover {color:#7f888f; border-color:#485d71; border-bottom-color:transparent;}
.side-tabs > ul > li.active > a {box-shadow:1px -1px 1px rgba(0,0,0,0.03); -webkit-box-shadow:1px -1px 1px rgba(0,0,0,0.03);}

/* 좌측메뉴 접힌상태 설정 */
.side-nav-sm:not(.sidenav-active) .side-navigation-wrap {width:50px;}
.side-nav-sm:not(.sidenav-active) .side-nav > li > a {text-align:center; padding-left:10px !important; padding-right:10px !important; }
.side-nav-sm:not(.sidenav-active) .side-nav > li > a i {margin-right:0;}
.side-nav-sm:not(.sidenav-active) .side-nav > li > a .badge {float:none; position:absolute; top:5px; right:5px; font-size:9px; padding:2px 4px;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu {width:230px;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu.secondary {position:absolute; top:0; left:100%; padding:5px 0; border-radius:0 0px 0px 0;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu.secondary > ul:before {display:none;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu.secondary > ul > li > a {padding-left:20px;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu.secondary > ul > li > a:before {display:none;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu.tertiary > ul:before {left:27px;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu.tertiary > ul > li > a {padding-left:40px;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu.tertiary > ul > li > a:before {left:27px;}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu.tertiary.list-style-circle li > a:before {left:24px;}

.side-nav-sm:not(.sidenav-active) .side-nav span.nav_tit {position:absolute; bottom:6px; left:11px; color:#ffffff; display:block !important; font-size:11px !important; font-weight:bold !important; padding:0px 0px !important;}
.side-nav-sm:not(.sidenav-active) .side-nav i {position:absolute; top:10px; left:16px;}
span.nav_tit {position:absolute; bottom:-5px; left:11px; color:#00ff00; display:none;}
.side-nav-sm:not(.sidenav-active) .sub-menu > ul > li.has-submenu > a:after,
.side-nav-sm:not(.sidenav-active) .side-nav > li.has-submenu > a:after {display:inline-block; font:normal normal normal 10px/1 fontawesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\f105"; float:right; opacity:.5; margin-top:4px; margin-right:-5px;}
.side-nav-sm:not(.sidenav-active) .sub-menu > ul > li.has-submenu > a[aria-expanded="true"]:after,
.side-nav-sm:not(.sidenav-active) .side-nav > li.has-submenu > a[aria-expanded="true"]:after {content:"\f106";}
.side-nav-sm:not(.sidenav-active) .side-nav > li .sub-menu > ul > li > a {padding-left:20px;}

.side-nav-sm:not(.sidenav-active) .side-nav .side-nav-header,
.side-nav-sm:not(.sidenav-active) .side-nav .nav-text,
.side-nav-sm:not(.sidenav-active) .side-nav .milestone {display:none;}
.side-nav-sm:not(.sidenav-active) .side-nav .magic-line {left:0;}
.side-nav-sm:not(.sidenav-active) .slimScrollDiv,.side-nav-sm:not(.sidenav-active) .sidenav-inner {overflow:visible !important;}
.side-nav-sm:not(.sidenav-active) .sidenav-size-toggle i {transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}

.sidebar-tab {margin-bottom:0;}
.sidebar-tab > li {float:left; width:33.333333333333336%;}
.sidebar-tab > li a {display:block; padding:17px 10px 18px; text-align:center; color:#9cabba;}
.sidebar-tab > li a:hover,.sidebar-tab > li a:focus {text-decoration:none;}
.sidebar-tab > li a:hover {color:#ffffff;}
.sidebar-tab > .active > a {color:#ffffff;}

@media (min-width:768px) {
	.hover-expand .side-navigation-wrap {transition:width .2s cubic-bezier(.5, .2, .5, 1),left .2s; -webkit-transition:width .2s cubic-bezier(.5, .2, .5, 1),left .2s; overflow:hidden;}
	.hover-expand .side-nav > li > a {white-space:nowrap;}
}



/*******************************************************************************
## content & wrapper
*******************************************************************************/
.wrapper {position:relative; min-height:100%; padding-top:20px; overflow:hidden;}
.wrapper:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; visibility:hidden; opacity:0;}
.pop_wrapper {position:relative; min-height:100%; padding-top:0px; overflow:hidden;}
.pop_wrapper:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; visibility:hidden; opacity:0;}
.content-wrap {padding:2px 15px 15px 15px;}
.has-footer .content-wrap {padding-bottom:50px;}

@media (min-width:768px) {
	.wrapper:after {visibility:hidden !important;}
}

.wrapper.side-nav-shown:after {opacity:1; visibility:visible;}

@media (min-width:768px) {
	.wrapper.nav-top {padding-top:100px;}
}

.wrapper.no-header {padding-top:0;}
.wrapper.no-footer {padding-bottom:0;}

@media (max-width:767px) {
	.wrapper.hide-footer-xs {padding-bottom:0;}
}

.main-container {position:relative; top:10px; transition:left 0.2s, right 0.2s; -webkit-transition:left 0.2s, right 0.2s;}

@media (min-width:768px) {
	.main-container {margin-left:230px; left:0 !important;}
}
@media (min-width:0px) and (max-width:1260px) {
	.main-container {margin-left:50px; left:0 !important;}
}
@media (max-width:767px) {
	.main-container {margin-left:50px; left:0;}
}

.main-container.no-transition {transition:none; -webkit-transition:none;}

@media (min-width:768px) {
	.side-nav-sm .main-container { margin-left:50px;}
}

.side-nav-shown .main-container {left:230px; right:-230px;}
.nav-top .main-container {margin-left:0;}
.nav-top .app-wrapper {border:1px solid #e4eef0; border-width:0 1px;}

@media (min-width:768px) {
	.nav-top .page-header {padding-left:30px;}
}
@media (min-width:768px) {
	.full-width-container .container {width:100%;}
}

.app-layout .main-container {position:absolute; top:50px; bottom:0; right:0;}
.app-layout .main-container > .container {height:100%;}

@media (max-width:767px) {
	.app-layout .main-container > .container {padding-left:0; padding-right:0;}
}
@media (min-width:768px) {
	.app-layout.nav-top .main-container {top:100px;}
}

.header-toolbar {font-size:14px; position:absolute; top:28px; right:15px;}

@media (max-width:767px) {
	.header-toolbar {top:18px;}
}

.footer {background-color:#f2f2f2; height:34px; position:absolute; bottom:0; right:0; left:230px; padding:7px 15px 7px 15px; border-top:1px solid #e7e7e7; font-size:12px; color:#666666;}
.footer_pop {background-color:#f2f2f2; height:36px; position:absolute; bottom:0; right:0; left:0px; padding:7px 15px 7px 15px; border-top:1px solid #e7e7e7; font-size:12px; color:#666666;}

@media (max-width:767px) {
	.footer {left:50px;}
}
@media (min-width:768px) {
	.side-nav-sm:not(.sidenav-active) .footer {left:50px;}
}

.nav-top .footer {left:0;}

@media (max-width:767px) {
	.hide-footer-xs .footer {display:none;}
}



/*******************************************************************************
## breadcrumb & pagination
*******************************************************************************/
.pop-header {background-color:#e9e9f5 !important; border-bottom:1px solid #8695c5 !important; margin-top:-20px !important; padding:0; height:45px;}
.pop-header h1 {padding-top:10px; font-weight:400;}

.layerpop-header {background-color:#e9e9f5 !important; border-bottom:1px solid #8c93c0 !important; height:45px !important;}

.page-header {padding:0px 15px 0px; margin:0px 0 0px; box-sizing:border-box;}
.page-header h1 {font-weight:500; font-size:18px; margin-top:20px !important; margin-bottom:15px !important; }
.page-header h1 small {font-weight:400; font-size:14px;}
.page-header.no-breadcrumb {box-shadow:none; -webkit-box-shadow:none;}
.page-header.full-bg {padding-top:110; padding-bottom:0;}
.page-header.full-bg > .container {position:relative;}
.page-header .breadcrumb a {color:#777;}
.page-header .breadcrumb a:hover {color:#5f69e0;}

.breadcrumb {position:absolute; top:-1px; right:25px; background-color:transparent; border:none; border-width:1px 0; border-radius:0; font-size:12px; padding:5px; margin-bottom:0; box-shadow:none;}
.breadcrumb > li+li:before {content:"\e649"; color:#9ba1b0; position:relative; font-size:9px; top:1px; left:-2px; font-family:'themify'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.breadcrumb-wrap .breadcrumb {background-color:transparent; border:0; box-shadow:none; -webkit-box-shadow:none;}

.pagination > li:first-child > a, 
.pagination > li:first-child > span {margin-left:0; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.pagination > li:last-child > a, 
.pagination > li:last-child > span {border-top-right-radius:3px; border-bottom-right-radius:3px;}
.pagination.rounded > li > a, .pagination > li > span {background-color:transparent; border:1px solid transparent; border-radius:40px;}



/*******************************************************************************
## widgets
*******************************************************************************/
/* support tickets */
.list-supportTickets {list-style:none; margin:0; padding:0;}
.list-supportTickets li {display:block; padding:5px 5px; padding-top:15px; border-bottom:1px solid #eee; position:relative; clear:both;}
.list-supportTickets li:last-child {border:none;}
.list-supportTickets > li > a {display:inline-block; float:left;}
.list-supportTickets li a img {width:60px; height:60px; border-radius:3px;}
.list-supportTickets li .ticket-details {padding-left:70px; margin-top:-10px; position:relative;}
.list-supportTickets li .ticket-details h4 {font-size:16px; margin-bottom:0;}
.list-supportTickets li .ticket-details h4 a {color:#27294a;}
.list-supportTickets li .ticket-details p {font-size:13px;}
.list-supportTickets li .ticket-details .btn-group {position:absolute; bottom:0px; right:0;}

/* todo */
.todo-list .list-group-item {background-color:transparent !important;}
#todo-message {font-size:16px;}
.todoapp {padding:10px 30px 20px 30px !important;}
.todo-list li {border-bottom:0px solid #eeeeee; border-radius:0px; border:0px; margin:0px; padding-left:0px !important; padding-right:0px !important;}
.todo-list li:last-of-type {border-bottom:none;}
.todo-send {padding-left:0px;}

/* socIal analytics */
.socialAnalytics {padding-bottom:25px; box-sizing:border-box;}
.socialAnalytics .ui-padd {padding:0;}
.socialAnalytics .ui-social {text-align:center; padding:20px; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1), 0px 0px 0px 1px rgba(255,255,255,0.6);}
.socialAnalytics .ui-social > a > i {font-size:50px; color:#ffffff; margin-top:30px; margin-bottom:20px;}
.socialAnalytics .ui-social h5 {margin-top:15px; font-size:22px; font-weight:400;}
.socialAnalytics .ui-social h5 > a {color:#ffffff;}
.socialAnalytics .ui-social h6 {font-size:13px; font-weight:600; text-transform:uppercase;}
.socialAnalytics .ui-social h6 > a {color:rgba(255,255,255,0.7);}
.socialAnalytics .facebook {background:#3280e7;}
.socialAnalytics .google-plus {background:#f96f4a;}
.socialAnalytics .twitter {background:#32c8de;}
.socialAnalytics .youtube {background:#ed5441;}

/* button lists */
.list-buttons {list-style:none; display:block; padding:0; margin:0;}
.list-buttons > li {display:inline-block; margin-right:10px; margin-bottom:10px;}
.list-buttons > li:last-child {margin-right:0;}

/* bootstrap medIa */
.media {padding-bottom:20px; margin-top:20px; border-bottom:1px solid #eeeeee;}
.media:last-child {border:none;}
.media .media-object {width:64px; height:64px; border-radius:3px;}
.media h4.media-heading {font-weight:600;}



/*******************************************************************************
## bootstrap tables & data tables
*******************************************************************************/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, 
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:15px 5px; color:#72728d; vertical-align:middle; border-top:1px solid #eeeeee;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {color:#62627c;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, table.dataTable thead 
.sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {position:absolute; bottom:15px; right:8px; display:block; font-family:fs-font; opacity:0.5;}
table.dataTable thead .sorting:after {opacity:0.2; content:"\e0f6";}
table.dataTable thead .sorting_asc:after {content:"\e164";}
table.dataTable thead .sorting_desc:after {content:"\e161";}
.dataTable td form input {outline:none; border:none; font-weight:bold;}



/*******************************************************************************
## chat & todo
*******************************************************************************/
.chat-widget {}
.chat-widget ul li {margin:20px 0px;}
.chat-widget .avatar {width:50px; text-align:center; position:relative;}
.chat-widget .avatar img {border-radius:4px; border:2px solid #ffffff;}
.chat-widget .avatar span {color:#888; font-size:12px;}
.chat-widget .avatar b {width:10px; height:10px; display:block; border-radius:100%; position:absolute; right:-2px; top:-2px;}
.chat-widget .avatar b.c-on {background:#51d466;}
.chat-widget .avatar b.c-off {background:#ed5441;}
.chat-widget .avatar b.c-idle {background:#f8a841;}
.chat-widget .chat-meta {font-size:12px; color:#aaa;}
.chat-widget .by-me .chat-content {background:#ffffff; margin-left:70px; position:relative; color:#888; line-height:24px; padding:8px 10px; border-radius:5px; border:1px solid #e7e7e7; box-shadow:1px 1px 0px 1px rgba(0,0,0,0.05);}
.chat-widget .by-me .chat-content:after, 
.chat-widget .by-me .chat-content:before {right:100%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none;}
.chat-widget .by-me .chat-content:after {border-color:rgba(255, 255, 255, 0); border-right-color:#ffffff; border-width:6px; top:30%; margin-top:-10px;}
.chat-widget .by-me .chat-content:before {border-color:rgba(238, 238, 238, 0); border-right-color:#e4e4e4; border-width:7px; top:30%; margin-top:-11px;}
.chat-widget .by-other .chat-content {background:#ffffff; margin-right:70px; position:relative; border:1px solid #e7e7e7; padding:8px 10px; border-radius:5px; line-height:24px; color:#888; box-shadow:-1px 1px 0px 1px rgba(0,0,0,0.05);}
.chat-widget .by-other .chat-content:after, 
.chat-widget .by-other .chat-content:before {left:100%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none;}
.chat-widget .by-other .chat-content:after {border-color:rgba(255, 255, 255, 0); border-left-color:#ffffff; border-width:6px; top:30%; margin-top:-6px;}
.chat-widget .by-other .chat-content:before {border-color:rgba(204, 204, 204, 0); border-left-color:#e4e4e4; border-width:7px; top:30%; margin-top:-7px;}

/* dashboard chat */
.conversation-list {list-style:none; max-height:330px; padding:0px 20px;}
.conversation-list li {margin-bottom:24px;}
.conversation-list .chat-avatar {display:inline-block; float:left; text-align:center; width:40px;}
.conversation-list .chat-avatar img {border-radius:100%; width:100%;}
.conversation-list .chat-avatar i {font-size:12px; font-style:normal;}
.conversation-list .ctext-wrap {background:rgba(0,0,0,.1); display:inline-block; padding:10px; position:relative;}
.conversation-list .ctext-wrap i {color:rgba(54,58,92,.9); display:block; font-size:12px; font-style:normal; font-weight:700; position:relative;}
.conversation-list .ctext-wrap p {margin:0px; padding-top:3px; font-weight:500;}
.conversation-list .ctext-wrap:after {right:100%; top:20%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(213, 242, 239, 0); border-right-color:rgba(0,0,0,.1); border-width:5px; margin-top:-5px;}
.conversation-list .conversation-text {display:inline-block; float:left; font-size:12px; margin-left:12px; width:70%;}
.conversation-list .odd .chat-avatar {float:right !important;}
.conversation-list .odd .conversation-text {float:right !important; margin-right:12px; text-align:right; width:70% !important;}
.conversation-list .odd .ctext-wrap {background:#606ddd !important;}
.conversation-list .odd .ctext-wrap i {color:#ffffff;}
.conversation-list .odd .ctext-wrap p {color:#ffffff;}
.conversation-list .odd .ctext-wrap:after {border-color:rgba(238, 238, 242, 0) !important; border-left-color:#606ddd !important; left:100% !important; top:20% !important;}
.chat-send {padding-left:0px; padding-right:30px;}
.chat-send button {width:100%;}
.chat-inputbar {padding-left:30px;}



/*******************************************************************************
## mini chart
*******************************************************************************/
.mini-Vchart.ui-item {box-shadow:0 1px 1px rgba(0, 0, 0, .05); border-radius:3px; background:#ffffff;}
.mini-Vchart .ui-top {padding:15px 10px; text-align:center;}
.mini-Vchart .ui-top h4 {font-size:12px; line-height:24px; text-transform:uppercase;}
.mini-Vchart .ui-top h2 {font-size:40px; line-height:50px; font-weight:300;}
.mini-Vchart .ui-bottom {background:#fcfcfc; border-top:1px solid #eee; padding:10px; text-align:center;}
.mini-Vchart .list .l-item {display:inline-block; width:28px; margin:0px 3px;}

@media(max-width:350px) {
	.mini-Vchart .list .l-item {width:20px;}
}

.mini-Vchart .list .l-item h6 {font-size:10px; line-height:20px; font-weight:400; text-transform:uppercase; color:#aaa;}
.mini-Vchart .list .graph {width:15px; margin:5px auto; height:50px; box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.1); position:relative;}
.mini-Vchart .list .in-graph {position:absolute; bottom:0px; width:100%;}

/* Item */
.mini-image-block {position:relative; overflow:hidden; border:1px solid #ddd;}

@media(max-width:400px) {
	.mini-image-block {border:1px solid #ddd;}
}

/* Image */
.mini-image-block img {width:100%; height:100%; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.mini-image-block:hover img {-moz-transition:scale(1.1); -o-transition:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

/* details */
.mini-image-block .ui-details {position:absolute; top:0px; left:0px; background:#ffffff; height:100%; width:65%; padding:18px 20px; box-shadow:0px 0px 25px rgba(0,0,0,0.5);}
@media(max-width:400px) {
	.mini-image-block.ui-details {position:static; width:100%; border:0px; padding-bottom:22px;}
}

/* Heading */
.mini-image-block .ui-details h3 {font-size:14px; line-height:22px; text-transform:uppercase;}

/* Paragraph */
.mini-image-block .ui-details p {font-size:12px; line-height:25px; margin:5px 0px 10px; color:#999;}
.mini-image-block .ui-details .btn {border:0px; padding:3px 7px;}

/* circle */
.mini-image-block a.ui-circle {display:block; width:40px; height:40px; position:absolute; top:20px; right:20px; border-radius:100%; color:#ffffff; line-height:40px; text-align:center; font-weight:600; font-size:15px;}



/*******************************************************************************
## helper
*******************************************************************************/
.text-xs {font-size:10px;}
.text-sm {font-size:15px;}
.text-md {font-size:20px;}
.text-lg {font-size:30px;}
.img-w100 {width:100px;}

.shadow-one {box-shadow:0 10px 6px -6px rgba(0, 0, 0, 0.2);}
.shadow-two,
.shadow-three,
.shadow-four {position:relative;}
.shadow-two:before, 
.shadow-two:after {z-index:-1; position:absolute; content:""; bottom:15px; left:10px; width:50%; top:50%; max-width:300px; background:rgba(0, 0, 0, 0.3); box-shadow:0 15px 10px rgba(0, 0, 0, 0.2); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg);}
.shadow-two:after {-webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg); right:10px; left:auto;}
.shadow-three:before {z-index:-1; position:absolute; content:""; bottom:15px; left:10px; width:50%; top:50%; max-width:300px; background:rgba(0, 0, 0, 0.25); box-shadow:0 15px 10px rgba(0, 0, 0, 0.2); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg);}
.shadow-four:after {z-index:-1; position:absolute; content:""; bottom:15px; right:10px; left:auto; width:50%; top:40%; max-width:300px; background:rgba(0, 0, 0, 0.2); box-shadow:0 15px 10px rgba(0, 0, 0, 0.2); -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg);}
.shadow-five {position:relative; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.05) inset;}
.shadow-six {position:relative; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);}
.jqstooltip {padding:2px 5px !important; height:20px; width:45px; text-align:center; border:none !important;}
.list-quick-setting-1 > li {padding:6px 0px; font-weight:600;}
.list-quick-setting-1 > li > i {font-size:15px; color:#bbb; font-weight:normal;}
.list-quick-setting-1 > li > a.btn {float:right;}
.popover {border-radius:3px;}
.tooltip-inner {border-radius:2px;}
.popover-title,
.popover-content,
.tooltip-inner {font-family:'dIn next lt pro', sans-serif;}



/*******************************************************************************
## progress bar
*******************************************************************************/
.progress {background-color:rgba(0,0,0,.1); border-radius:0px; -webkit-box-shadow:none; box-shadow:none;}
.progress-bar {background-color:#5f69e0; font-size:10px; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:all .6s ease; -o-transition:all .6s ease; transition:all .6s ease;}
.progress-lg {height:40px;}
.progress-md {height:25px;}
.progress-sm {height:10px;}
.progress-xs {height:5px;}
.progress-xxs {height:2px;}



/*******************************************************************************
## tabs style
*******************************************************************************/
.tab-content {padding:10px;}
.tabs-reversed > li {float:right; margin-right:0;}
.tabs-reversed > li > a {margin-right:0;}

.nav-tabs > li > a {border-radius:0px 0px 0 0; color:#555; font-weight:500; position:relative;}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {color:#149fa9; border-left:5px solid #15b3be !important; margin-left:-4px; box-sizing:border-box;}

.tabs-below > .nav-pills,.tabs-below > .nav-tabs {border-bottom:0; margin-bottom:0; margin-top:10px;}
.tabs-below > .nav-tabs {border-top:1px solid #ddd; margin-bottom:0; margin-top:10px;}
.tabs-below > .nav-tabs > li > a {margin-top:-1px; margin-bottom:0;}
.tabs-below > .nav-tabs > li > a:focus,
.tabs-below > .nav-tabs > li > a:hover {border-top-color:#ddd; border-bottom-color:transparent;}
.tabs-below > .nav-tabs > li > a .dropdown-menu {-webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; border-radius:0px;}
.tabs-below > .nav-tabs .active a,
.tabs-below > .nav-tabs .active a:hover .active a:focus {-webkit-border-radius:0 0 0px 0px; -moz-border-radius:0 0 0px 0px; -ms-border-radius:0 0 0px 0px; border-radius:0 0 0px 0px; border-color:transparent #ddd #ddd !important;}
.tabs-left.nav-tabs,.tabs-right.nav-tabs {border-bottom:0;}
.tabs-left.nav-tabs > li,.tabs-right.nav-tabs > li {float:none;}
.tabs-left.nav-tabs > li > a,.tabs-right.nav-tabs > li > a {margin-right:0; margin-bottom:3px;}
.tabs-left.nav-tabs {border-right:1px solid #ddd;}
.tabs-left.nav-tabs > li > a {display:block; margin-right:-1px;}
.tabs-left.nav-tabs > li > a:focus,
.tabs-left.nav-tabs > li > a:hover {border-radius:0px 0 0 0px; border-color:#eee #ddd #eee #eee;}
.tabs-left.nav-tabs > li.active > a,
.tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus {-webkit-border-radius:0px 0 0 0px; -moz-border-radius:0px 0 0 0px; -ms-border-radius:0px 0 0 0px; border-radius:0px 0 0 0px; border-color:#ddd transparent #ddd #ddd;}
.tabs-right.nav-tabs {border-left:1px solid #ddd;}
.tabs-right.nav-tabs > li > a {display:block; margin-left:-1px;}
.tabbable:after,.tabbable:before,.tiles:after,.tiles:before {display:table; content:"";}
.tabs-right.nav-tabs > li > a:focus,
.tabs-right.nav-tabs > li > a:hover {border-radius:0 0px 0px 0; border-color:#eee #eee #eee #ddd;}
.tabs-right.nav-tabs > li.active > a,
.tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus {-webkit-border-radius:0 0px 0px 0; -moz-border-radius:0 0px 0px 0; -ms-border-radius:0 0px 0px 0; border-radius:0 0px 0px 0; border-color:#ddd #ddd #ddd transparent;}



/*******************************************************************************
## accordion styles
*******************************************************************************/
.panel-group .panel {border-radius:0; background-clip:padding-box; border:0 none;}
.panel-collapse {border:1px solid #e1e1e1; border-top:0; box-shadow:none;}
.panel-help-type01 {background-color:#ffffff; margin:0 0 30px 0; border:1px solid #e1e1e1;}
.panel-help-type01-guide {border-left:0px solid #ff0000; border-right:0px solid #ff0000;}
.panel-help-type02 {background-color:#ffffff; margin:0 0 30px 0; border:1px solid #e1e1e1;}
.panel-help-type02-guide {border-left:0px solid #ff0000; border-right:0px solid #ff0000;}
.accordion .panel-title > a {display:block; position:relative; outline:none; text-decoration:none; padding-right:15px;}
.accordion .panel-title > a:hover {text-decoration:none; color:#ffffff;}
.accordion .panel-default .panel-title > a:hover {text-decoration:none; color:#5f69e0;}
.accordion .panel-title > a:after {content:"\f068"; font-family:fontawesome; font-style:normal; font-weight:normal; text-decoration:inherit; margin-top:-5px; font-size:0.75em; position:absolute; right:0; top:50%;}
.accordion .panel-title > a.accordion-toggle.collapsed:after {content:"\f067";}
.accordion .panel-title > a.accordion-toggle > i {width:24px; text-align:center; padding-right:6px;}
.acc_guideline .guide_sub {background-color:#ffffff; margin:15px 0 15px 0; border-radius:3px; border:none;}
.acc_guideline .guideline-list01 {margin:0 -15px 0 -15px; background-color:#eff1fb; border-top:0px solid #c6c9dd; border-radius:0px; box-sizing:border-box;}
.acc_guideline .guideline-list02 {margin:0 -15px 0 -15px; background-color:#eff1fb; border-top:1px solid #c6c9dd; border-radius:0px; box-sizing:border-box;}



/*******************************************************************************
## flot modal
*******************************************************************************/
.modal-flot {position:fixed; z-index:5000; width:100%; background:#ffffff; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease;}
.modal-flot .modal-header {border:none; }
.modal-bg {background-color:#e9e9f5 !important; border-bottom:1px solid #8c93c0 !important; height:45px !important;}
.modal-flot .modal-header h3 {margin:0; font-size:16px;}
.modal-flot .modal-header a[data-dismiss="modal-flot"] {position:relative; float:right; margin-top:-20px; color:rgba(0,0,0,.6); padding:5px; font-size:13px;}
.modal-flot .modal-header a:focus,
.modal-flot .modal-header a:hover {text-decoration:none; color:rgba(0,0,0,1);}
.modal-flot .modal-footer {position:absolute; bottom:0; width:100%;}

.modal-flot[data-position="top"] {top:-340px; left:0; height:300px; width:100%;}
.modal-flot.open[data-position="top"] {top:0px; left:0; box-shadow:0px 10px 20px rgba(50,50,50,.1); -webkit-box-shadow:0px 10px 20px rgba(50,50,50,.1); -moz-box-shadow:0px 10px 20px rgba(50,50,50,.1);}
.modal-flot[data-position="bottom"] {bottom:-340px; left:0; height:300px;}
.modal-flot.open[data-position="bottom"] {bottom:0px; left:0; height:300px; box-shadow:0px -10px 20px rgba(50,50,50,.1); -webkit-box-shadow:0px -10px 20px rgba(50,50,50,.1); -moz-box-shadow:0px -10px 20px rgba(50,50,50,.1);}
.modal-flot[data-position="left"] {width:700px; height:100%; left:-740px; top:0;}
.modal-flot.open[data-position="left"] {left:0; box-shadow:10px 0px 20px rgba(50,50,50,.1); -webkit-box-shadow:10px 0px 20px rgba(50,50,50,.1); -moz-box-shadow:10px 0px 20px rgba(50,50,50,.1);}
.modal-flot[data-position="right"] {width:320px; height:100%; right:-340px; top:0;}
.modal-flot.open[data-position="right"] {right:0px; box-shadow:-10px 0px 20px rgba(50,50,50,.1); -webkit-box-shadow:-10px 0px 20px rgba(50,50,50,.1); -moz-box-shadow:-10px 0px 20px rgba(50,50,50,.1);}



/*******************************************************************************
## tree view
*******************************************************************************/
.tree, .tree ul {margin:0; padding:0; list-style:none;}
.tree ul {margin-left:1em; position:relative;}
.tree ul ul {margin-left:.5em;}
.tree ul:before {content:""; display:block; width:0; position:absolute; top:0; bottom:0; left:0; border-left:1px solid;}
.tree li {margin:0; padding:0 1em; line-height:2em; color:#4c4c4c; font-weight:400; position:relative; cursor:pointer;}
.tree ul li:before {content:""; display:block; width:10px; height:0; border-top:1px solid; margin-top:-1px; position:absolute; top:1em; left:0;}
.tree ul li:last-child:before {background:#ffffff; height:auto; top:1em; bottom:0;}

.indicator {margin-right:5px;}
.tree li a {text-decoration:none; color:#4c4c4c;}
.tree li button, .tree li button:active, .tree li button:focus {text-decoration:none; border:none; background:transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; outline:0; color:#4c4c4c;}



/*******************************************************************************
## search page
*******************************************************************************/
.search-options {max-width:920px; padding:10px; margin-bottom:20px; background-color:#ffffff; border:1px solid rgba(0,0,0,.1); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

@media (max-width:767px) {
	.search-options {text-align:center;}
}

.search-options .search-pager {float:right;}

@media (max-width:767px) {
	.search-options .search-pager {float:none; text-align:center; margin-top:20px;}
}

.search-filter {padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.search-filter ul li a {display:block; padding:10px 15px; color:#777; transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease;}
.search-filter ul li a:focus,
.search-filter ul li a:hover {color:#3c8dbc; text-decoration:none; transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease;}
.search-container .search-header {padding-bottom:5px; border-bottom:1px solid #f1f5fc;}



/*******************************************************************************
## login screen
*******************************************************************************/
body.login2 {height:auto; background:#c04848; background:-webkit-linear-gradient(to left, #c04848 , #480048); background:linear-gradient(to left, #c04848 , #480048);}
body.login2 .login {width:350px; padding:20px 25px; background:#ffffff; min-height:100px; margin:10% auto 0%; box-shadow:-21px 32px 40px rgba(0, 0, 0, 0.2);}
body.login2 .login .logo {margin-bottom:20px;}
body.login2 .login .logo img {height:54px;}
body.login2 .lnkRegister,
body.login2 .lnkforgot {text-decoration:none; line-height:4; font-size:13px; margin-top:-3px; color:#4f5367;}
body.login2 .lnkRegister:hover,
body.login2 .lnkRegister:focus,
body.login2 .lnkforgot:hover,
body.login2 .lnkforgot:focus {text-decoration:none; color:#00a8c6;}
body.login2 .checkbox label {padding-left:0px;}
body.login2 #forgotdiv,
body.login2 #registerdiv {display:none;}



/*******************************************************************************
## lock screen 
*******************************************************************************/
.lock-screen {width:100%; height:100%; overflow-y:hidden; background:#c04848; background:-webkit-linear-gradient(to left, #c04848 , #480048); background:linear-gradient(to left, #c04848 , #480048);}
.lock-screen .lock-wrapper {margin:0px auto; max-width:400px; margin-top:300px;}
.lock-screen .lock-box {padding:20px; position:relative; width:100%; display:inline-block;}
.lock-screen .lock-wrapper img {width:115px; height:115px; position:absolute; left:36%; top:-80px; border-radius:50%; -webkit-border-radius:50%; border:6px solid #ffffff;}
.lock-screen .lock-wrapper h1 {font-weight:300; font-size:30px;}



/*******************************************************************************
## login
*******************************************************************************/
body.login footer,
body.lockScreen footer,
body.page500 footer,
body.page404 footer {position:fixed; bottom:0; width:100%; background-color:transparent; text-align:center;}
body.login footer p,
body.lockScreen footer p,
body.page500 footer p,
body.page404 footer p {font-size:12px;}

#scroll-to-top {position:fixed; cursor:pointer; bottom:-1000px; right:0; color:#ffffff; z-index:1049; padding:10px 8px; background:rgba(0,0,0,.3); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;}
#scroll-to-top:focus,#scroll-to-top:hover {text-decoration:none; background:#00a9ff; color:#ffffff; transition:all .3s linear; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear;}



/*******************************************************************************
## error pages
*******************************************************************************/
body.page500 .error-image,
body.page404 .error-image {position:fixed; width:300px; height:400px; bottom:50px; left:20%;}
body.page500 .container,
body.page404 .container {margin-top:100px;}
body.page500 .container .error-heading,
body.page404 .container .error-heading {font-size:150px; font-weight:100;}
body.page500 .container .input-group,
body.page404 .container .input-group {width:300px; margin-left:auto; margin-right:auto;}



/*******************************************************************************
## invoice 
*******************************************************************************/
.invoice .img-invoice-logo {height:45px; margin-bottom:10px;}
@media print {
	.invoice .page-header,
	.invoice .btn,
	.invoice footer {display:none;}
}



/*******************************************************************************
## faq
*******************************************************************************/
.faq h4 {margin-top:40px;}
.faq h4:first-child {margin-top:15px;}



/*******************************************************************************
## time line
*******************************************************************************/
.timeline {position:relative; margin-bottom:30px;}
.timeline:before,
.timeline:after {content:""; display:table;}
.timeline:after {clear:both;}
.timeline:before {content:""; position:absolute; display:block; width:4px; background:#f5f5f6; left:50%; top:20px; bottom:20px; margin-left:-4px;}

.timeline .timeline-entry {position:relative; width:50%; float:right; margin-bottom:70px; clear:both;}
.timeline .timeline-entry:before,
.timeline .timeline-entry:after {content:""; display:table;}
.timeline .timeline-entry:after {clear:both;}
.timeline .timeline-entry.begin {margin-bottom:0;}
.timeline .timeline-entry.left-aligned {float:left;}
.timeline .timeline-entry.left-aligned .timeline-entry-inner {margin-left:0; margin-right:-18px;}
.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {text-align:left; white-space:nowrap; left:auto; right:100%;}
.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {float:right;}
.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {margin-left:0; margin-right:70px;}
.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {left:auto; right:0; margin-left:0; margin-right:-9px; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.timeline .timeline-entry .timeline-entry-inner {position:relative; margin-left:-22px;}
.timeline .timeline-entry .timeline-entry-inner:before,
.timeline .timeline-entry .timeline-entry-inner:after {content:""; display:table;}
.timeline .timeline-entry .timeline-entry-inner:after {clear:both;}
.timeline .timeline-entry .timeline-entry-inner .timeline-time {position:absolute; left:-100px; text-align:right; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.timeline .timeline-entry .timeline-entry-inner .timeline-time > span {display:block;}
.timeline .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {font-size:15px; font-weight:bold;}
.timeline .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {font-size:12px;}
.timeline .timeline-entry .timeline-entry-inner .timeline-icon {background:#ffffff; color:#737881; display:block; width:40px; height:40px; -webkit-border-radius:20px; -webkit-background-clip:padding-box; -moz-border-radius:20px; -moz-background-clip:padding; border-radius:20px; background-clip:padding-box; text-align:center; -moz-box-shadow:0px 0px 0px 5px #f5f5f6; -webkit-box-shadow:0px 0px 0px 5px #f5f5f6; box-shadow:0px 0px 0px 5px #f5f5f6; line-height:40px; font-size:15px; float:left;}
.timeline .timeline-entry .timeline-entry-inner .timeline-label {position:relative; background:#f5f5f6; padding:1.7em; margin-left:70px; -webkit-border-radius:3px; -webkit-background-clip:padding-box; -moz-border-radius:3px; -moz-background-clip:padding; border-radius:3px; background-clip:padding-box;}
.timeline .timeline-entry .timeline-entry-inner .timeline-label:after {content:""; display:block; position:absolute; width:0px; height:0px; border-style:solid; border-width:9px 9px 9px 0; border-color:transparent #f5f5f6 transparent transparent; left:0; top:10px; margin-left:-9px;}
.timeline .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline .timeline-entry .timeline-entry-inner .timeline-label p {color:#737881; font-size:12px; margin:0; line-height:1.42857143;}
.timeline .timeline-entry .timeline-entry-inner .timeline-label p + p {margin-top:15px;}
.timeline .timeline-entry .timeline-entry-inner .timeline-label h2 {font-size:16px; margin-bottom:10px;}
.timeline .timeline-entry .timeline-entry-inner .timeline-label h2 a {color:#303641;}
.timeline .timeline-entry .timeline-entry-inner .timeline-label h2 span {zoom:1; -webkit-opacity:0.6; -moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60);}

@media screen and (max-width:47.2em) {
	.timeline {margin-top:20px;}
	.timeline:before {left:22px;}
	.timeline .timeline-entry,
	.timeline .timeline-entry.left-aligned {width:100%; float:none;}
	.timeline .timeline-entry .timeline-entry-inner,
	.timeline .timeline-entry.left-aligned .timeline-entry-inner {margin-left:0; margin-right:0;}
	.timeline .timeline-entry .timeline-entry-inner .timeline-time,
	.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {left:60px; right:auto; top:-40px; width:auto;}
	.timeline .timeline-entry .timeline-entry-inner .timeline-time span,
	.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-time span {display:inline-block;}
	.timeline .timeline-entry .timeline-entry-inner .timeline-time span + span,
	.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-time span + span {margin-left:10px;}
	.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {float:left;}
	.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {margin-left:70px; margin-right:0;}
	.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {left:0; right:auto; margin-left:-9px; margin-right:0; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);}
}
@media screen and (min-width:1700px) {
	.cbp_tmtimeline > li .cbp_tmtime {width:23% !important;}
}

.timeline .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {white-space:nowrap; right:auto; left:100%;}



/*******************************************************************************
## user contact card
*******************************************************************************/
.contact-card {margin-bottom:20px; padding:30px; background-color:rgba(214, 224, 226, 0.2); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contact-card.hovercard {position:relative; padding-top:0; overflow:hidden; text-align:center; background-color:#ffffff; background-color:rgba(255, 255, 255, 1);}
.contact-card.hovercard .card-background {height:170px;}
.card-background img {-webkit-filter:blur(25px); -moz-filter:blur(25px); -o-filter:blur(25px); -ms-filter:blur(25px); filter:blur(25px); margin-left:-100px; margin-top:-100px; min-width:120%;}
.contact-card.hovercard .useravatar {position:absolute; top:15px; left:0; right:0;}
.contact-card.hovercard .useravatar img {width:100px; height:100px; max-width:100px; max-height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:2px solid rgba(255, 255, 255, 0.5);}
.contact-card.hovercard .card-info {position:absolute; bottom:14px; left:0; right:0;}
.contact-card.hovercard .card-info .card-title {padding:0 5px; font-size:20px; line-height:1; color:#ffffff;}
.contact-card.hovercard .card-info {overflow:hidden; font-size:12px; line-height:20px; color:#737373; text-overflow:ellipsis;}
.contact-card.hovercard .card-info a {color:#ffffff; cursor:pointer; padding:4px;}
.contact-card.hovercard .card-info a:hover,
.contact-card.hovercard .card-info a:focus {text-decoration:none;}
.contact-card.hovercard .bottom {padding:0 20px; margin-bottom:17px;}



/*******************************************************************************
## profIle
*******************************************************************************/
.databgImage {background-position:center center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.page-profile .page-header {margin-top:-10px; padding-top:150px; margin-bottom:50px;}
.page-profile .page-header .img-profile {width:150px; position:relative; bottom:-20px; background:#ffffff; padding:3px;}
.page-profile .page-header .user-name {color:#ffffff; position:absolute; margin-top:-40px; margin-left:160px;}
.page-profile .basic-info .form-group {border-bottom:1px solid #eeeeee;}
.list-flow-info {list-style:none; padding:0; margin:0; display:block; clear:both;}
.list-flow-info li {}
.list-flow-info li h3 {font-size:15px;}
.list-flow-info li h4 {font-size:30px; font-weight:100;}



/*******************************************************************************
## login screen
*******************************************************************************/
body.login2 {height:auto; background:#c04848; background:-webkit-linear-gradient(to left, #c04848 , #480048); background:linear-gradient(to left, #c04848 , #480048);}
body.login2 .login {width:350px; padding:20px 25px; background:#ffffff; min-height:100px; margin:10% auto 0%; box-shadow:-21px 32px 40px rgba(0, 0, 0, 0.2);}
body.login2 .login .logo {margin-bottom:20px;}
body.login2 .login .logo img {height:54px;}
body.login2 .lnkRegister,
body.login2 .lnkforgot {text-decoration:none; line-height:4; font-size:13px; margin-top:-3px; color:#4f5367;}
body.login2 .lnkRegister:hover,
body.login2 .lnkRegister:focus,
body.login2 .lnkforgot:hover,
body.login2 .lnkforgot:focus {text-decoration:none; color:#00a8c6;}
body.login2 .checkbox label {padding-left:0px;}
body.login2 #forgotdiv, body.login2 #registerdiv {display:none;}



/*******************************************************************************
## lock screen 
*******************************************************************************/
.lock-screen {width:100%; height:100%; overflow-y:hidden; background:#c04848; background:-webkit-linear-gradient(to left, #c04848 , #480048); background:linear-gradient(to left, #c04848 , #480048);}
.lock-screen .lock-wrapper {margin:0px auto; max-width:400px; margin-top:300px;}
.lock-screen .lock-box {padding:20px; position:relative; width:100%; display:inline-block;}
.lock-screen .lock-wrapper img {width:115px; height:115px; position:absolute; left:36%; top:-80px; border-radius:50%; -webkit-border-radius:50%; border:6px solid #ffffff;}
.lock-screen .lock-wrapper h1 {font-weight:300; font-size:30px;}



/*******************************************************************************
## page dashboard
*******************************************************************************/
.chartDashboard {height:280px;}
.legendColorBox {padding:3px 0; overflow:hidden; border:none;}
.legendColorBox_01 {padding:3px 0; overflow:hidden; border:none; margin-bottom:5px !important; }
.legendColorBox div {border-radius:2px; margin-right:2px;}
.legendColorBox > div {border:0 !important;}



/*******************************************************************************
## keyfram for notification pulse
*******************************************************************************/
@-webkit-keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
;}
@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
;}
@-webkit-keyframes fadeOut {
	from {opacity:1;}
	to {opacity:0;}
;}
@keyframes fadeOut {
	from {opacity:1;}
	to {opacity:0;}
;}
@-webkit-keyframes slideInRight {
	from {transform:translateX(-30px); -webkit-transform:translateX(-30px);}
	to {transform:translateX(0); -webkit-transform:translateX(0);}
;}
@keyframes slideInRight {
	from {transform:translateX(-30px); -webkit-transform:translateX(-30px);}
	to {transform:translateX(0); -webkit-transform:translateX(0);}
;}
@-webkit-keyframes sonar {
	from {-webkit-transform:scale(0); opacity:1;}
	to {-webkit-transform:scale(1); opacity:0;}
;}
@keyframes sonar {
	from {transform:scale(0); opacity:1;}
	to {transform:scale(1); opacity:0;}
;}
@-webkit-keyframes pop-open {
	0% {-webkit-transform:scale(0); transform:scale(0);}
	50% {-webkit-transform:scale(1.1); transform:scale(1.1);}
;}
@keyframes pop-open {
	0% {-webkit-transform:scale(0); transform:scale(0);}
	50% {-webkit-transform:scale(1.1); transform:scale(1.1);}
;}
@-webkit-keyframes pop-close {
	50% {-webkit-transform:scale(1.1); transform:scale(1.1);}
	100% {-webkit-transform:scale(0); transform:scale(0);}
;}
@keyframes pop-close {
	50% {-webkit-transform:scale(1.1); transform:scale(1.1);}
	100% {-webkit-transform:scale(0); transform:scale(0);}
;}
@-webkit-keyframes dotRotate {
	100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
;}
@keyframes dotRotate {
	100% {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
;}
@-webkit-keyframes dotbounce {
	0%,100% {-webkit-transform:scale(0); transform:scale(0);}
	50% {-webkit-transform:scale(1); transform:scale(1);}
;}
@keyframes dotbounce {
	0%,100% {-webkit-transform:scale(0); transform:scale(0);}
	50% {-webkit-transform:scale(1); transform:scale(1);}
;}



/*******************************************************************************
## only for demo
*******************************************************************************/
.divdashicons ul li {text-align:center; margin-bottom:20px; font-size:11px;}
.divdashicons ul li i {display:block; width:100%; font-size:30px; margin-bottom:10px;}

.sli-preview-box {font-size:13px; padding-top:10px; padding-bottom:10px;}
.sli-preview-box i {font-size:20px;}
.sli-preview-box a {color:#72728d;}
.sli-preview-box a:hover,
.sli-preview-box a:focus {text-decoration:none;}

.icon-section {margin:0 0 3em; clear:both; overflow:hidden;}
.icon-section .col-xs-6 {padding:.7em 0; text-align:left;}
.icon-section .col-xs-6 span {font-size:16px;}
.icon-section .col-xs-6 span.icon-name {font-size:12px;}

.fsIcons li {display:block; padding:.7em 0;}
.fsIcons li i {font-size:16px; margin-right:5px;}
.faIcons .col-sm-4 {padding-top:.7em; padding-bottom:.7em;}
.faIcons i {font-size:16px; margin-right:5px;}

.button-list .btn {margin-bottom:15px; margin-right:10px;}



/*******************************************************************************
## 과제선택
*******************************************************************************/
.select-list-wrap {position:relative;}
.select-btn {position:absolute; top:0px; right:31px; z-index:9;}
.gjstos {position:absolute; top:28px; left:160px;}
.gjstbt {position:absolute; top:37px; right:30px; z-index:9;}
.gjstbt_ss {position:absolute; bottom:43px; right:50px;}
.gjstbt_jh {position:absolute; bottom:48px; right:50px; height:30px;}
.one_line {top:50px !important; bottom:0 !important;}
.one_line02 {top:55px !important; bottom:0 !important;}
.one_line01 {top:34px !important; bottom:120px !important;}
.one_line03 {top:29px !important; bottom:120px !important;}
.one_line04 {top:25px !important; bottom:120px !important; height:30px;}
.line_170 {top:170px !important;!important; height:30px;}
.one_line05 {top:208px !important;!important; height:30px;}
.one_line06 {top:395px !important; height:30px;}
.two_line {top:80px !important; bottom:0 !important; height:30px; }
.two_line_notit {top:55px !important; bottom:0 !important;}
.three_line {top:105px !important; bottom:0 !important;}
.three_line_notit {top:200px !important; bottom:0 !important; right:70px !important;}
.gjstmr_ov .customSelect > .CaptionCont {line-height:33px !important;}
.gjstmr_ov .customSelect > .optWrapper.open {top:39px !important;}

div.n_select_ones {position:relative;}
div.n_select_ones .n_selct_btn {position:absolute; top:4px; left:4px;}
div.n_select_ones .n_selct_btn a {color:#343434; text-align:center; display:block; padding:0px 30px 0px 0px; width:110px; height:30px; line-height:30px; background:url("../images/common/n_selct_bg.gif") no-repeat 83px 5px; border-radius:3px;}
div.n_select_ones .n_selct_btn a:hover {background-color:#f1f4f7;}
div.n_select_ones .n_selct_close {position:absolute; top:8px; right:85px;}
div.n_select_ones .n_selct_close a {color:#343434; font-size:16px;}
div.n_select_ones .n_selct_close a:hover {color:#5f69e0;}
div.n_select_ones .sc_r {right:12px !important;}
div.n_select_ones input {height:38px !important; padding-left:120px;}

/* 21.01.19 과제선택 영역 placeholder 강조 */
div.n_select_ones input::placeholder {font-weight: bold !important; color: #000000; opacity: 1;} /* Chrome, Firefox, Opera, Safari 10.1 + */
div.n_select_ones input:-ms-input-placeholder {font-weight: bold !important; color: #000000;}    /* Internet Explorer 10-11 */
div.n_select_ones input::-ms-input-placeholder {font-weight: bold !important; color: #000000;}   /* Microsoft Edge */

div.ones_layer {position:relative; margin:0 0 0 0;}
div.ones_layer .layer_wrap {position:absolute; z-index:5; top:0; left:0; right:0; margin-top:-1px; margin-left:120px; background-color:#ffffff; display:none;}
div.ones_layer .layer_wrap .task_custom {position:relative; z-index:2; top:0; left:0; border-left:1px solid #bcc2da; border-right:1px solid #bcc2da; border-top:1px solid #bcc2da; border-bottom:1px solid #bcc2da; padding:6px 10px 6px 10px; width:100%; font-weight:700; cursor:pointer;}
div.ones_layer .layer_wrap .task_custom span.custom_list_check {display:inline-block; position:relative; z-index:2; left:0px; float:left;}
div.ones_layer .layer_wrap .task_custom span.custom_list_search {display:inline-block; float:left;}
div.ones_layer .layer_wrap .task_custom span.custom_list_icon {display:inline-block; float:right; position:relative; z-index:2; margin:0px 23px 0 0;}
div.ones_layer .layer_wrap .task_custom span.custom_list_icon a {color:#343434;}
div.ones_layer .layer_wrap .task_custom span.custom_list_icon a:hover {color:#5f69e0;}
div.ones_layer .layer_wrap .task_custom span.custom_list_icon a.icon_pin {position:relative; top:2px; color:#67799f; background-color:#ffffff; border:1px solid #b9b9c7; box-sizing:border-box; border-radius:50px; padding:2px 4px 2px 4px;}
div.ones_layer .layer_wrap .task_custom span.custom_list_icon a:hover.icon_pin {position:relative; top:2px; color:#ffffff; background-color:#3e74d7; border:1px solid #3e74d7; box-sizing:border-box; border-radius:50px; padding:2px 4px 2px 4px; margin:2px 0 0 0;}
div.ones_layer .layer_wrap .task_custom span.custom_list_icon a.on {color:#5f69e0;}

div.ones_layer .layer_wrap ul {padding:0; margin:-1px 0 0 0; overflow-y:scroll; max-height:151px;}
div.ones_layer .layer_wrap ul li {position:relative; list-style:none; border-left:1px solid #bcc2da; border-right:1px solid #bcc2da; border-bottom:1px dashed #bcc2da; padding:6px 10px 6px 10px; width:100%; font-weight:700; cursor:pointer;}
div.ones_layer .layer_wrap ul li:first-child {border-top:1px solid #bcc2da;}
div.ones_layer .layer_wrap ul li:last-child {border-bottom:1px solid #bcc2da;}
div.ones_layer .layer_wrap ul li:nth-child(even) {background-color:#f3f3f3;}
div.ones_layer .layer_wrap ul li:hover {background-color:#ffffe5;}
div.ones_layer .layer_wrap ul li span.list_check {display:inline-block; position:relative; z-index:2; left:0px;}
div.ones_layer .layer_wrap ul li span.list_txt  {display:inline-block; position:absolute; z-index:1; top:0px; left:35px; right:10px; height:29px; padding:6px 0px 6px 0px;}
div.ones_layer .layer_wrap ul li span.list_txt span {float:left; margin:0 30px 0 0; display:inline-block;}
div.ones_layer .layer_wrap ul li span.list_txt span.txt_search {margin-left:80px;}
div.ones_layer .layer_wrap ul li span.list_txt span span {float:none; margin:0; display:inline-block;}
div.ones_layer .layer_wrap ul li span.list_txt span.txt_long {max-width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.ones_layer .layer_wrap ul li span.list_icon {display:inline-block; float:right; position:relative; z-index:2; margin:-2px 0 -2px 0;}
div.ones_layer .layer_wrap ul li span.list_icon a {color:#343434;}
div.ones_layer .layer_wrap ul li span.list_icon a:hover {color:#5f69e0;}
div.ones_layer .layer_wrap ul li span.list_icon a.icon_pin {position:relative; top:2px; color:#67799f; background-color:#ffffff; border:1px solid #b9b9c7; box-sizing:border-box; border-radius:50px; padding:2px 4px 2px 4px; text-align:center;}
div.ones_layer .layer_wrap ul li span.list_icon a:hover.icon_pin {position:relative; top:2px; color:#67799f; background-color:#ffffff; border:1px solid #b9b9c7; box-sizing:border-box; border-radius:50px; padding:2px 4px 2px 4px; margin:2px 0 0 0;}
div.ones_layer .layer_wrap ul li span.list_icon a.on  {position:relative; top:2px; color:#ffffff; background-color:#3e74d7; border:1px solid #3e74d7; box-sizing:border-box; border-radius:50px; padding:2px 4px 2px 4px; text-align:center;}
div.ones_layer .layer_wrap ul li span.list_icon a:hover.on {position:relative; top:2px; color:#ffffff; background-color:#3e74d7; border:1px solid #3e74d7; box-sizing:border-box; border-radius:50px; padding:2px 4px 2px 4px; margin:2px 0 0 0;}

/*AA 김다인 추가 CSS*/
div.ones_layer .layer_wrap .task_custom span.custom_list_check {display:inline-block; position:relative; z-index:2; left:0px; top:0; float:left;}

div.ones_layer .layer_wrap .task_custom span.custom_list_check input {margin:0 !important; vertical-align:middle;}

.selectedSbjt {height: 38px !important; font-weight: bold; padding-left: 120px; padding-top: 10px; border: 1px solid #b5b5b5;}

.sbjt-background {position: absolute; top: -60px; left: 0px;}

.sbjt-select-list {font-family: 맑은고딕, Malgun Gothic, sans-serif !important; font-weight: bold; font-size: 12px !important; height: 145px; border: 1px solid #d5d5d5 !important;}

.excc-sbjt-span {position: relative; top: -5px; left: 100px; height: 20px;}

 


/*******************************************************************************
## 조회영역
*******************************************************************************/
.search_grid_a {padding:15px 80px 15px 20px; background-color:#dee3f7; border-radius:3px;}
.search_grid_a h3 {font-size:13px;}
.search_grid_b {padding:15px 20px 15px 20px; background-color:#d3e2f8; border-radius:3px;}
.search_grid_b h3 {font-size:13px;}
.search-title {margin:0 0 0 0; font-size:15px; font-weight:700;}
.ip100_01 {margin:0 0 0 120px;}
.ip100_02 {margin:0 0 0 155px;}
.ip100_03 {margin:0 155px 0 0;}
.search_checkbox {background-color:#ffffff; width:100%; padding:15px; border:1px solid #b5b5b5; box-sizing:border-box;}



/*******************************************************************************
## 표 영역
*******************************************************************************/
caption {line-height:0; font-size:0; 
;}
table.table_data {width:100%; margin:0 0 0 0; word-break:break-all;}
table.table_data tr {}
table.table_data th, table.table_data td {border-top:1px solid #a4acc0; border-bottom:1px solid #c5cad7; border-left:1px solid #c5cad7; border-right:1px solid #c5cad7; padding:8px 10px 8px 10px;}
table.table_data th, table.table_data th:first-child {border-left:none;}
table.table_data th, table.table_data th:last-child {border-right:none;}
table.table_data th, table.table_data td:first-child {border-left:none;}
table.table_data th, table.table_data td:last-child {border-right:none;}
table.table_data thead th {background-color:#e3e5f5; border-right:1px solid #b1bbc7; color:#363b5b; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data thead td {background-color:#ffffff; text-align:center;}
table.table_data tbody th {background-color:#e3e5f5; border-right:1px solid #b1bbc7; color:#363b5b; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data tbody th.bg_rd01 {background-color:#ffeee6 !important; color:#e45c3c !important;}
table.table_data tbody th.bg_bl {background-color:#e1e8f9 !important; /* color:#2672ec !important; */}
table.table_data tbody th.bg_gr01 {background-color:#d9f1e5 !important; color:#057427 !important;}
table.table_data tbody td {background-color:#ffffff; text-align:center;}
table.table_data tfoot th {background-color:#f6f6ff; border-right:1px solid #cecece !important; color:#434343; font-weight:bold; text-align:center; vertical-align:middle; padding:8px 10px 8px 10px; border-left:1px solid #cecece !important;}
table.table_data tbody td.li_none table.table_data tbody th {background-color:#f6f6ff !important; border-right:1px solid #dcdee2 !important; color:#363b5b !important; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data tbody td.li_none table.gjst tbody th {background-color:#f5f5f5 !important; color:#363a5c !important;}
table.table_data tbody td.li_none ul {}
table.table_data tbody td.li_none ul li {list-style:none; background:none; padding:0 0 0 0; margin:0 0 0 0;}
table.table_data tbody td ul {padding-left:0;}
table.table_data tbody td ul li {list-style:none;}
table.table_data tbody td ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0;}
table.table_data tbody td ul li ul li {list-style:none;}
table.table_data tbody td ul li ul li {background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
table.table_data tbody td ul li.bullet_none {background:none !important; padding-left:0px !important;}
table.table_data tbody td.con_text {padding:15px; line-height:20px;}
a.td_link {color:#363a5c;}
a:hover.td_link {color:#5f69e0;}

/*******************************************************************************
## 표 영역
*******************************************************************************/
caption {line-height:0; font-size:0; 
;}
table.table_data_sm {width:100%; margin:0 0 0 0; word-break:break-all;}
table.table_data_sm tr {}
table.table_data_sm th, table.table_data_sm td {border-top:1px solid #a4acc0; border-bottom:1px solid #c5cad7; border-left:1px solid #c5cad7; border-right:1px solid #c5cad7; padding:4px 10px 4px 10px;}
table.table_data_sm th, table.table_data_sm th:first-child {border-left:none;}
table.table_data_sm th, table.table_data_sm th:last-child {border-right:none;}
table.table_data_sm th, table.table_data_sm td:first-child {border-left:none;}
table.table_data_sm th, table.table_data_sm td:last-child {border-right:none;}
table.table_data_sm thead th {background-color:#e3e5f5; border-right:1px solid #b1bbc7; color:#363b5b; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data_sm thead td {background-color:#ffffff; text-align:center;}
table.table_data_sm tbody th {background-color:#e3e5f5; border-right:1px solid #b1bbc7; color:#363b5b; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data_sm tbody th.bg_rd01 {background-color:#ffeee6 !important; color:#e45c3c !important;}
table.table_data_sm tbody th.bg_gr01 {background-color:#d9f1e5 !important; color:#057427 !important;}
table.table_data_sm tbody td {background-color:#ffffff; text-align:center;}
table.table_data_sm tfoot th {background-color:#f6f6ff; border-right:1px solid #cecece !important; color:#434343; font-weight:bold; text-align:center; vertical-align:middle; padding:4px 10px 4px 10px; border-left:1px solid #cecece !important;}
table.table_data_sm tbody td.li_none table.table_data_sm   tbody th {background-color:#f6f6ff !important; border-right:1px solid #dcdee2 !important; color:#363b5b !important; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data_sm tbody td.li_none table.gjst tbody th {background-color:#f5f5f5 !important; color:#363a5c !important;}
table.table_data_sm tbody td.li_none ul {}
table.table_data_sm tbody td.li_none ul li {list-style:none; background:none; padding:0 0 0 0; margin:0 0 0 0;}
table.table_data_sm tbody td ul {padding-left:0;}
table.table_data_sm tbody td ul li {list-style:none;}
table.table_data_sm tbody td ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0;}
table.table_data_sm tbody td ul li ul li {list-style:none;}
table.table_data_sm tbody td ul li ul li {background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
table.table_data_sm tbody td ul li.bullet_none {background:none !important; padding-left:0px !important;}
table.table_data_sm tbody td.con_text {padding:15px; line-height:20px;}
a.td_link {color:#363a5c;}
a:hover.td_link {color:#5f69e0;}


/*******************************************************************************
## 표 영역
*******************************************************************************/
caption {line-height:0; font-size:0; 
;}
table.table_data_s {width:100%; margin:0 0 0 0; word-break:break-all;}
table.table_data_s tr {}
table.table_data_s th, table.table_data_s td {border-top:1px solid #a4acc0; border-bottom:1px solid #c5cad7; border-left:1px solid #c5cad7; border-right:1px solid #c5cad7; padding:6px 10px 6px 10px;}
table.table_data_s th, table.table_data_s th:first-child {border-left:none;}
table.table_data_s th, table.table_data_s th:last-child {border-right:none;}
table.table_data_s th, table.table_data_s td:first-child {border-left:none;}
table.table_data_s th, table.table_data_s td:last-child {border-right:none;}
table.table_data_s thead th {background-color:#e3e5f5; border-right:1px solid #b1bbc7; color:#363b5b; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data_s thead td {background-color:#ffffff; text-align:center;}
table.table_data_s tbody th {background-color:#e3e5f5; border-right:1px solid #b1bbc7; color:#363b5b; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data_s tbody th.bg_rd01 {background-color:#ffeee6 !important; color:#e45c3c !important;}
table.table_data_s tbody td.bg_gr01 {background-color:#d9f1e5 !important; color:#057427 !important;}
table.table_data_s tbody td {background-color:#ffffff; text-align:center;}
table.table_data_s tfoot th {background-color:#f6f6ff; border-right:1px solid #cecece !important; color:#434343; font-weight:bold; text-align:center; vertical-align:middle; padding:8px 10px 8px 10px; border-left:1px solid #cecece !important;}
table.table_data_s tbody td.li_none table.table_data tbody th {background-color:#f6f6ff !important; border-right:1px solid #dcdee2 !important; color:#363b5b !important; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_data_s tbody td.li_none table.gjst tbody th {background-color:#f5f5f5 !important; color:#363a5c !important;}
table.table_data_s tbody td.li_none ul {}
table.table_data_s tbody td.li_none ul li {list-style:none; background:none; padding:0 0 0 0; margin:0 0 0 0;}
table.table_data_s tbody td ul {padding-left:0;}
table.table_data_s tbody td ul li {list-style:none;}
table.table_data_s tbody td ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0;}
table.table_data_s tbody td ul li ul li {list-style:none;}
table.table_data_s tbody td ul li ul li {background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
table.table_data_s tbody td ul li.bullet_none {background:none !important; padding-left:0px !important;}
table.table_data_s tbody td.con_text {padding:15px; line-height:20px;}
}

/* 표 영역(나의정보) */
.myinfo thead th {background-color:#f5f5f5 !important; color:#363a5c !important;}
.myinfo tfoot th {background-color:#f5f5f5 !important; color:#363a5c !important;}
.myinfo tbody th {background-color:#e0e2f4 !important; border-top:1px solid #c1c5e3 !important; border-right:1px solid #e0e2f4 !important; border-bottom:1px solid #c1c5e3 !important;}
.myinfo tbody td {background-color:#e0e2f4 !important;border-top:1px solid #c1c5e3 !important; border-right:1px solid #e0e2f4 !important; border-bottom:1px solid #c1c5e3 !important; padding:0px 10px 0px 10px !important;}
.myinfo tbody td:first-child {border-top:0px solid #e0e2f4 !important;}
.myinfo tbody td.umlink a {font-weight:700; font-size:16px; text-decoration:underline; color:#d9628c;}
.myinfo tbody td.umlink a:hover {color:#163758;}
.myinfo tbody td div.myform {font-size:15px; color:#727690; height:71px; background:url("../images/common/icon_my_pic.gif") no-repeat 0 10px; text-align:left; padding:10px 0 0 60px;}


.myform {font-size:14px; color:#727690; height:23px; text-align:center; background-color:#f5f5f5; border-radius:5px; }

.my_1_1 {font-size:15px; color:#727690; height:30px; background:url("../images/content/my_1_1.png") no-repeat 0 10px; text-align:left; padding:10px 0 0 80px;}
.my_1_2 {font-size:15px; color:#727690; height:40px; background:url("../images/content/my_1_2.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}

.my_2_1 {font-size:15px; color:#727690; height:30px; background:url("../images/content/my_2_1.png") no-repeat 0 10px; text-align:left; padding:10px 0 0 50px;}
.my_2_2 {font-size:15px; color:#727690; height:43px; background:url("../images/content/my_2_2.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}

.my_3_1 {font-size:15px; color:#727690; height:30px; background:url("../images/content/my_3_1.png") no-repeat 0 10px; text-align:left; padding:10px 0 0 50px;}
.my_3_2 {font-size:15px; color:#727690; height:50px; background:url("../images/content/my_3_2.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}

.my_4_1 {font-size:15px; color:#727690; height:30px; background:url("../images/content/my_4_1.png") no-repeat 0 10px; text-align:left; padding:10px 0 0 50px;}
.my_4_2 {font-size:15px; color:#727690; height:50px; background:url("../images/content/my_4_2.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}

.line_01 {font-size:15px; color:#727690; height:2px; background:url("../images/content/line_01.png") repeat 0 10px; text-align:left; padding:0px 0 0 50px;}
.line_02 {font-size:15px; color:#727690; height:2px; background:url("../images/content/line_02.png") repeat 0 10px; text-align:left; padding:0px 0 0 50px;}

.my_tit_01 {height:25px; background:url("../images/content/morniter.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.my_tit_02 {height:25px; width:200px; background:url("../images/content/condition.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}


.my_eco_1 {color:#727690; height:60px; background:url("../images/content/my_eco_01.png") no-repeat 0 5px; text-align:left; margin: 0 auto; width:60px; }
.my_eco_2 {color:#727690; height:60px; background:url("../images/content/my_eco_02.png") no-repeat 0 5px; text-align:left; margin: 0 auto; width:60px; }
.my_eco_3 {color:#727690; height:60px; background:url("../images/content/my_eco_03.png") no-repeat 0 5px; text-align:left; margin: 0 auto; width:60px; }

/* 표 영역(나의정보_전담기관) */
.myinfo2 thead th {background-color:#f5f5f5 !important; color:#363a5c !important;}
.myinfo2 tfoot th {background-color:#f5f5f5 !important; color:#363a5c !important;}
.myinfo2 tbody th {background-color:#e0e2f4 !important; border-top:1px solid #c1c5e3 !important; border-right:1px solid #e0e2f4 !important; border-bottom:1px solid #c1c5e3 !important;}
.myinfo2 tbody td {background-color:#e0e2f4 !important;border-top:1px solid #c1c5e3 !important; border-right:1px solid #e0e2f4 !important; border-bottom:1px solid #c1c5e3 !important; padding:0px 10px 0px 10px !important;}
.myinfo2 tbody td:first-child {border-top:0px solid #e0e2f4 !important;}
.myinfo2 tbody td.umlink a {font-weight:700; font-size:16px; text-decoration:underline; color:#d9628c;}
.myinfo2 tbody td.umlink a:hover {color:#163758;}
.myinfo2 tbody td div.myform2 {font-size:15px; color:#727690; height:61px; background:url("../images/common/icon_my_pic.gif") no-repeat 0 10px; text-align:left; padding:10px 0 0 60px;}

/* 표 영역(업무 모니터링) */
.myum thead th {background-color:#f5f5f5 !important; color:#36a8d8 !important;}
.myum tfoot th {background-color:#f5f5f5 !important; color:#36a8d8 !important;}
.myum tbody th {background-color:#ffffff !important; line-height:30px !important; color:#363b5b !important; padding-top:2px !important; padding-right:15px !important; padding-bottom:2px !important;  padding-bottom:2px !important;  padding-left:15px !important;}
.myum tbody td {background-color:#ffffff; padding:0px 10px 0px 10px !important;}
.myum tbody td.umlink a {font-weight:700; font-size:14px; text-decoration:underline; color:#ffffff;}
.myum tbody td.umlink a:hover {}


/* 표 영역(업무 모니터링) 0912백업 */
/* .myum thead th {background-color:#f5f5f5 !important; color:#36a8d8 !important;}
.myum tfoot th {background-color:#f5f5f5 !important; color:#36a8d8 !important;}
.myum tbody th {background-color:#ffffff !important; color:#363b5b !important; border-right:1px solid #ffffff !important;}
.myum tbody td {background-color:#ffffff; padding:0px 10px 0px 10px !important;}
.myum tbody td.umlink a {font-weight:700; font-size:14px; text-decoration:underline; color:#ffffff;}
.myum tbody td.umlink a:hover {} */


/* 표 영역(과제선택) */
.gjst thead th {background-color:#e8e8e8 !important; color:#333 !important; border-top:1px solid #d2d2d2 !important; border-right:1px solid #cecece !important; border-bottom:1px solid #d2d2d2 !important; border-left:1px solid #cecece !important;}
.gjst tfoot th {background-color:#f5f5f5 !important; color:#363a5c !important;}
.gjst tbody th {background-color:#e8e8e8!important;  color:#333 !important; border-top:1px solid #d2d2d2 !important; border-right:1px solid #cecece !important; border-bottom:1px solid #d2d2d2 !important; border-left:1px solid #cecece !important;}
.gjst tbody td {background-color:#ffffff; border-top:1px solid #d2d2d2 !important; border-right:1px solid #cecece !important; border-bottom:1px solid #d2d2d2 !important; border-left:1px solid #cecece !important;}
.gjst tbody th.bg_yc {background-color:#ffeee6 !important;}

/* 표 영역(사용등록) */
.sydr thead th {background-color:#ffeee6 !important; color:#e45c3c !important;}
.sydr tfoot th {background-color:#ffeee6 !important; color:#e45c3c !important;}
.sydr tbody th {background-color:#ffeee6 !important; color:#e45c3c !important;}
.sydr tbody td {background-color:#ffffff;}


/* 표 영역(사용등록_수정) */
caption {line-height:0; font-size:0; 
;}
table.table_pay {width:100%; margin:0 0 0 0; word-break:break-all;}
table.table_pay tr {}
table.table_pay th, table.table_pay td {border-top:1px solid #b6d2eb; border-bottom:1px solid #b6d2eb; border-left:1px solid #b6d2eb; border-right:1px solid #b6d2eb; padding:8px 10px 8px 10px;}
table.table_pay th, table.table_pay th:first-child {border-left:none;}
table.table_pay th, table.table_pay th:last-child {border-right:none;}
table.table_pay th, table.table_pay td:first-child {border-left:none;}
table.table_pay th, table.table_pay td:last-child {border-right:none;}
table.table_pay thead th {border-top:1px solid #567aa2; background-color:#dff1f8; border-right:1px solid #b6d2eb; color:#363b5b; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_pay thead td {background-color:#ffffff; text-align:center;}
table.table_pay tbody th {background-color:#dff1f8; border-right:1px solid #b6d2eb; color:#363b5b; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_pay tbody th.bg_rd01 {background-color:#ffeee6 !important; color:#e45c3c !important;}
table.table_pay tbody th.bg_gr01 {background-color:#d9f1e5 !important; color:#057427 !important;}
table.table_pay tbody td {background-color:#ffffff; text-align:center;}
table.table_pay tfoot th {background-color:#f6f6ff; border-right:1px solid #cecece !important; color:#434343; font-weight:bold; text-align:center; vertical-align:middle; padding:8px 10px 8px 10px; border-left:1px solid #cecece !important;}
table.table_pay tbody td.li_none table.table_pay tbody th {background-color:#f6f6ff !important; border-right:1px solid #dcdee2 !important; color:#363b5b !important; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_pay tbody td.li_none table.gjst tbody th {background-color:#f5f5f5 !important; color:#363a5c !important;}
table.table_pay tbody td.li_none ul {}
table.table_pay tbody td.li_none ul li {list-style:none; background:none; padding:0 0 0 0; margin:0 0 0 0;}
table.table_pay tbody td ul {padding-left:0;}
table.table_pay tbody td ul li {list-style:none;}
table.table_pay tbody td ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0;}
table.table_pay tbody td ul li ul li {list-style:none;}
table.table_pay tbody td ul li ul li {background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
table.table_pay tbody td ul li.bullet_none {background:none !important; padding-left:0px !important;}
table.table_pay tbody td.con_text {padding:15px; line-height:20px;}
a.td_link {color:#363a5c;}
a:hover.td_link {color:#5f69e0;}





/* 표 영역(전자세금계산서 내역 조회) */
.jjskgss tbody th.nj01 {background-color:#ffd4d4 !important; color:#f62525 !important;}
.jjskgss tbody th.nj02 {background-color:#ffe9e9 !important; color:#f62525 !important;}
.jjskgss tbody th.nj03 {background-color:#d1e1f4 !important; color:#363b5b !important;}
.jjskgss tbody th.nj04 {background-color:#eef6ff !important; color:#363b5b !important;}

@media (min-width:0px) and (max-width:1100px) {
	.pop_wrapper table.table_data {min-width:0px;}
	/* .table.table_data {min-width:900px;} */
	.table_scroll {height:100%; overflow-x:scroll; overflow-y:hidden;}
	.table_scroll::-webkit-scrollbar {width:9px; height:9px; background:#eee;}
	.table_scroll::-webkit-scrollbar-track {width:9px; height:9px; background:#eee}
	.table_scroll::-webkit-scrollbar-thumb {width:8px; height:8px; background:#0176d0;}
}

/* 게시판 영역(목록) */
.gspmr thead th {background-color:#f1f4f7 !important; color:#363a5c !important;}
.gspmr tbody th {background-color:#f1f4f7 !important; color:#363a5c !important;}
.gspmr tbody td {background-color:#ffffff;}
.gspmr tbody td a {color:#363a5c;}
.gspmr tbody td a:hover {color:#5662D1;}

/* 게시판 영역(상세) */
.gspss thead th {background-color:#ffffff !important; color:#363a5c !important;}
.gspss tbody th {background-color:#ffffff !important; color:#363a5c !important;}
.gspss tbody td {background-color:#ffffff;}
.gspss tbody td a {color:#363a5c;}
.gspss tbody td a:hover {color:#5662D1;}



/*******************************************************************************
## 거래처/계좌이체 정보 영역
*******************************************************************************/
.account_area {background-color:#ffeee6; padding:15px;}
.account_area .area_work {}
.account_arrow01 {position:absolute; top:-35px; left:48%;}
.account_arrow02 {position:absolute; top:-35px; right:1%;}
.tab-account {margin:-1px 0 0 0; background-color:#ffffff; border-left:1px solid #fff; border-bottom:1px solid #7bc1c9; border-right:1px solid #fff; box-sizing:border-box;}
ul.work_ul {border-bottom:0px solid #ff0000 !important;}
ul.work_ul li {margin:0 0 0 0 !important; box-sizing:border-box; background-color:#e8e8e8; }
ul.work_ul li a {background-color:#24acbc; color:#fff; font-weight:700; border-bottom:1px solid #7bc1c9; border-left:0px solid #7bc1c9; border-top:0px solid #7bc1c9; border-right:0px solid #7bc1c9; border-radius:0; margin:0 0 0 0 !important;}
ul.work_ul li a:hover {background-color:#7bc1c9; color:#fff; font-weight:700; border-bottom:1px solid #7bc1c9; border-left:0px solid #7bc1c9; border-top:0px solid #7bc1c9; border-right:0px solid #7bc1c9; border-radius:0; margin:0 0 0 0 !important;}
ul.work_ul li a:focus {background-color:#7bc1c9; color:#fff; font-weight:700; border-bottom:1px solid #7bc1c9; border-left:0px solid #7bc1c9; border-top:0px solid #7bc1c9; border-right:0px solid #7bc1c9; border-radius:0; margin:0 0 0 0 !important;}
ul.work_ul li.active a {border-left:1px solid #fff; border-top:1px solid #7bc1c9; border-right:1px solid #fff; border-radius:0; margin:0 0 0 0 !important;}
ul.work_ul li.active a:hover {border-left:1px solid #fff; border-top:1px solid #7bc1c9; border-right:1px solid #fff; border-radius:0; margin:0 0 0 0 !important;}
ul.work_ul li.active a:focus {border-left:1px solid #fff; border-top:1px solid #7bc1c9; border-right:1px solid #fff; border-radius:0; margin:0 0 0 0 !important;}



/*******************************************************************************
## 신청서 영역
*******************************************************************************/
caption {line-height:0; font-size:0; display:none;}
table.table_sc {width:100%; margin:0 0 0 0; word-break:break-all;}
table.table_sc tr {}
table.table_sc th, table.table_sc td {border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding:8px 10px 8px 10px;}
table.table_sc tbody th {background-color:#e8e8e8; border-right:1px solid #bbbbbb; color:#434343; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_sc tbody td {background-color:#ffffff; text-align:center;}
table.table_sc tfoot th {background-color:#e8e8e8; border-right:1px solid #bbbbbb; color:#434343; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}



/*******************************************************************************
## 트리메뉴(자주쓰는입금계좌)
*******************************************************************************/
.table_tree {height:282px; border:1px solid #dcdee2; box-sizing:border-box; overflow:auto; padding:10px 10px;}
.table_tree_01 {height:470px; border:1px solid #dcdee2; box-sizing:border-box; overflow:auto; padding:10px 10px;}


/*******************************************************************************
## nav button
*******************************************************************************/
.btn_icon {background-color:#eff4f7; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%;}



/*******************************************************************************
## 도움말 영역(현재화면)
*******************************************************************************/\
.help_screen {background-color:#ffffff; padding:12px 10px 10px 25px !important;}
.help_screen ul {padding:0; margin:0;}
.help_screen ul li {list-style:none;}
.help_screen ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0 !important;}
.help_screen ul li.bullet_none {background:none !important; padding-left:0px !important;}
.help_screen ul li:first-child {margin:2px 0 0 0;}
.help_screen ul li:last-child {margin:0 0 10px 0;}
.help_screen ul li ul li {list-style:none; background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
.help_screen ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.help_screen ul li ul li:first-child {margin:2px 0 0 0;}
.help_screen ul li ul li:last-child {margin:0 0 0px 0;}




/* 마이페이지 메세지 */
.my_screen {position:absolute; top:50%; left:50%; margin-left:-190px; margin-top:-35px; background-color:#ffffff; padding:12px 5px 0px 5px; width:380px; height:70px; line-height:50px; text-align:center;}
.my_screen ul {padding:0; margin:0;}
.my_screen ul li {list-style:none;}
.my_screen ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0 !important;}
.my_screen ul li.bullet_none {background:none !important; padding-left:0px !important;}
.my_screen ul li:first-child {margin:2px 0 0 0;}
.my_screen ul li:last-child {margin:0 0 10px 0;}
.my_screen ul li ul li {list-style:none; background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
.my_screen ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.my_screen ul li ul li:first-child {margin:2px 0 0 0;}
.my_screen ul li ul li:last-child {margin:0 0 0px 0;}

.my_read {background-color:#def8ff; border:1px solid #93d9ee; box-sizing:border-box; border-radius:3px; padding:10px 25px 10px 25px;}
.my_read div.read_tit {color:#36a8d8; font-weight:700; margin:0 0 8px -8px;}
.my_read ul {padding:0; margin:0;}
.my_read ul li {list-style:none;}
.my_read ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0 !important;}
.my_read ul li.bullet_none {background:none !important; padding-left:0px !important;}
.my_read ul li:first-child {margin:2px 0 0 0;}
.my_read ul li:last-child {margin:0 0 10px 0;}
.my_read ul li ul li {list-style:none; background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
.my_read ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.my_read ul li ul li:first-child {margin:2px 0 0 0;}
.my_read ul li ul li:last-child {margin:0 0 0px 0;}
.my_read p {margin:0 0 0 0; color:#363a5c;}

.my_screen_01 { padding:12px 5px 0px 5px; width:100%; height:100%; line-height:50px; text-align:center; background-color:#fcfcfcf; border:1px solid #e5e5e5; box-sizing:border-box; border-radius:0px; padding:10px 25px 10px 25px;}
.my_read_01 {background-color:#fcfcfcf; border:1px solid #e5e5e5; box-sizing:border-box; border-radius:0px; padding:10px 25px 10px 25px; background-color:#f6f6f6;}

/* 중요내용 */
.comment_read {background-color:#def8ff; border:1px solid #93d9ee; box-sizing:border-box; border-radius:3px; padding:12px 25px 10px 25px !important;}
.comment_read div.read_tit {color:#36a8d8; font-weight:700; margin:0 0 8px -8px;}
.comment_read ul {padding:0; margin:0;}
.comment_read ul li {list-style:none;}
.comment_read ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0 !important;}
.comment_read ul li.bullet_none {background:none !important; padding-left:0px !important;}
.comment_read ul li:first-child {margin:2px 0 0 0;}
.comment_read ul li:last-child {margin:0 0 10px 0;}
.comment_read ul li ul li {list-style:none; background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
.comment_read ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.comment_read ul li ul li:first-child {margin:2px 0 0 0;}
.comment_read ul li ul li:last-child {margin:0 0 0px 0;}
.comment_read p {margin:0 0 0 0; color:#363a5c;}

.comment_read_01 {background-color:#def8ff; border:1px solid #93d9ee; box-sizing:border-box; border-radius:3px; padding:10px 0px 5px 0px;}
.comment_read_01 div.read_tit {color:#36a8d8; font-weight:700; margin:0 0 8px -8px;}
.comment_read_01 ul {padding:0; margin:0;}
.comment_read_01 ul li {list-style:none;}
.comment_read_01 ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0 !important;}
.comment_read_01 ul li.bullet_none {background:none !important; padding-left:0px !important;}
.comment_read_01 ul li:first-child {margin:2px 0 0 0;}
.comment_read_01 ul li:last-child {margin:0 0 10px 0;}
.comment_read_01 ul li ul li {list-style:none; background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
.comment_read_01 ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.comment_read_01 ul li ul li:first-child {margin:2px 0 0 0;}
.comment_read_01 ul li ul li:last-child {margin:0 0 0px 0;}
.comment_read_01 p {margin:0 0 0 0; color:#363a5c;}

/* 주의사항 */
.comment_care {background-color:#fff2d9; border:1px solid #efac37; box-sizing:border-box; border-radius:3px; padding:10px 25px 10px 25px;}
.comment_care div.care_tit {color:#e39204; font-weight:700; margin:0 0 8px -8px;}
.comment_care ul {padding:0; margin:0;}
.comment_care ul li {list-style:none;}
.comment_care ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0 !important;}
.comment_care ul li.bullet_none {background:none !important; padding-left:0px !important;}
.comment_care ul li:first-child {margin:2px 0 0 0;}
.comment_care ul li:last-child {margin:0 0 10px 0;}
.comment_care ul li ul li {list-style:none; background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
.comment_care ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.comment_care ul li ul li:first-child {margin:2px 0 0 0;}
.comment_care ul li ul li:last-child {margin:0 0 0px 0;}
.comment_care p {margin:0 0 0 0; color:#363a5c;}

/* 신청서 */
.comment_form {background-color:#ffffff; border:1px solid #bbbbbb; box-sizing:border-box; padding:10px 25px 10px 25px;}
.comment_form div.form_tit {color:#36a8d8; font-weight:700; margin:0 0 8px -8px;}
.comment_form ul {padding:0; margin:0;}
.comment_form ul li {list-style:none;}
.comment_form ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0 !important;}
.comment_form ul li.bullet_none {background:none !important; padding-left:0px !important;}
.comment_form ul li:first-child {margin:2px 0 0 0;}
.comment_form ul li:last-child {margin:0 0 10px 0;}
.comment_form ul li ul li {list-style:none; background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
.comment_form ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.comment_form ul li ul li:first-child {margin:2px 0 0 0;}
.comment_form ul li ul li:last-child {margin:0 0 0px 0;}
.comment_form p {margin:0 0 0 0; color:#363a5c;}



/*******************************************************************************
## 연구비 사용 등록 진행
*******************************************************************************/
.tab_step_l {position:absolute; z-index:2; width:201px;}
.tab_step_r {position:relative; z-index:1; top:0; right:0; bottom:0; left:0; padding:0; margin-left:200px; border:1px solid #dddddd; min-height:535px;}
.step_modify {position:absolute; top:40px; left:16px; background-color:#edf0f5; border:1px solid #e0e0e0; width:170px; padding:3px 3px 3px 3px;}
.step_modify .modify_txt {background-color:#ffffff; border:1px solid #e0e0e0; width:120px; height:45px; line-height:17px; overflow-x:hidden;  border-radius:3px; margin:0 0 0 0; padding:4px 6px 4px 6px;}
.step_modify .modify_txt ul li {margin:0 0 0 -25px;}
.step_modify .modify_txt_cc {background-color:#ffffff; border:1px solid #e0e0e0; width:162px; height:45px; line-height:17px; overflow-x:hidden;  border-radius:3px; margin:0 0 0 0; padding:4px 6px 4px 6px;}
.step_modify .modify_txt_cc ul li {margin:0 0 0 -25px;}
ul li a.info_view01 {position:absolute; top:11px; right:15px; display:inline-block; background-color:#ffffff; border:1px solid #cccccc !important; border-radius:50px !important; color:#434343 !important; width:22px; height:22px; line-height:20px; text-align:center; padding:0 0 0 0; font-size:12px; margin:0 5px 0 0;}
ul li a:hover.info_view01 {background-color:#e6e6e6; border-radius:50px !important; border:1px solid #adadad !important; box-sizing:border-box; color:#434343 !important; cursor:pointer;}
ul li.active a.info_view01 {position:absolute; top:11px; right:9px; display:inline-block; background-color:#ffffff; border:1px solid #cccccc !important; border-radius:50px !important; color:#434343 !important; width:22px; height:22px; line-height:20px; text-align:center; padding:0 0 0 0; font-size:12px; margin:0 5px 0 0;}
ul li.active a:hover.info_view01 {background-color:#e6e6e6; border-radius:50px !important; border:1px solid #adadad !important; box-sizing:border-box; color:#434343 !important; cursor:pointer;}
ul li.active a:focus.info_view01 {position:absolute; top:11px; right:9px; display:inline-block; background-color:#ffffff; border:1px solid #cccccc !important; border-radius:50px !important; color:#434343 !important; width:22px; height:22px; line-height:20px; text-align:center; padding:0 0 0 0; font-size:12px; margin:0 5px 0 0;}

.drbbst_wrap {position:absolute; top:10px; left:41%; margin-left:-190px;}
.drbbst_wrap_01 {position:absolute; top:30px; left:50%; margin-left:-375px;}

span.tabon {background-color:#3a4784 !important; box-shadow:inset 0 1px 2px #000000 !important;}
.step_icn {display:inline-block; background-color:#8ca1cc; border-radius:50px; color:#ffffff; width:66px; height:20px; line-height:18px; text-align:center; padding:0 0 0 0; box-shadow:inset 0 1px 2px #798baf; font-size:11px; margin:0 5px 0 0;}
.icn_txt {display:inline-block; padding:0 3px 0 0;}
.icn_num {display:inline-block; border-left:1px solid rgba(255,255,255,0.4); padding:0 0 0 3px; height:11px; line-height:10px;}



/*******************************************************************************
## 정산진행현황
*******************************************************************************/
.hourglass1_1 {background:url("../images/common/step1_1.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}
.hourglass1_2 {background:url("../images/common/step1_2.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}
.hourglass1_3 {background:url("../images/common/step1_3.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}
.hourglass2_1 {background:url("../images/common/step2_1.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}
.hourglass2_2 {background:url("../images/common/step2_2.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}
.hourglass2_3 {background:url("../images/common/step2_3.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}
.hourglass3_1 {background:url("../images/common/step3_1.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}
.hourglass3_2 {background:url("../images/common/step3_2.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}
.hourglass3_3 {background:url("../images/common/step3_3.png") no-repeat 0 1px; padding:0 0 0 15px; margin:0 0 5px 0;}



/*******************************************************************************
## 팝업창 닫기 버튼
*******************************************************************************/
/*
a .btn_pop {display:inline-block; background-color:#8ca1cc; border-radius:50px; color:#ffffff; width:55px; height:22px; line-height:20px; text-align:center; padding:0 0 0 0; box-shadow:inset 0 1px 2px #798baf; font-size:12px; margin:0 5px 0 0;}
a:hover .btn_pop {background-color:#798baf; box-shadow:inset 0 1px 2px #66789b;}
*/
a .btn_pop {display:inline-block; background-color:none; border-radius:50px; color:#233b7b; width:55px; height:22px; line-height:20px; text-align:center; padding:0 0 0 0; font-size:12px; margin:0 5px 0 0; font-weight:700;}
a:hover .btn_pop {background-color:none; color:#363a5c;}
a .pop_txt {display:inline-block; padding:0 3px 0 0;}
a .pop_num {display:inline-block; padding:0 0 0 1px; height:20px; line-height:18px; font-size:16px; vertical-align:middle; margin:2px 0 0 0;}
 

/*******************************************************************************
## 사용등록 버튼정의
*******************************************************************************/
.btn_exo_rem_01 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/exo_rem_01.gif") no-repeat ;  width:293px; height:407px;  }
.btn_exo_rem_01:hover { background:url("../../assets/images/content/exo_rem_01_on.gif") repeat;}

.btn_exo_rem_02 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/exo_rem_02.gif") no-repeat ;  width:293px; height:407px;  }
.btn_exo_rem_02:hover { background:url("../../assets/images/content/exo_rem_02_on.gif") repeat;}

.btn_exo_rem_03 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/exo_rem_03.gif") no-repeat ;  width:293px; height:407px;  }
.btn_exo_rem_03:hover { background:url("../../assets/images/content/exo_rem_03_on.gif") repeat;}



.o_btn_exo_rem_01 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/o_exo_rem_01.gif") repeat ;  width:293px; height:260px;  }
.o_btn_exo_rem_01:hover { background:url("../../assets/images/content/on_exo_rem_01.gif") repeat;}

.o_btn_exo_rem_02 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/o_exo_rem_02.gif") repeat ;  width:293px; height:260px;  }
.o_btn_exo_rem_02:hover { background:url("../../assets/images/content/on_exo_rem_02.gif") repeat;}

.o_btn_exo_rem_03 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/o_exo_rem_03.gif") repeat ;  width:293px; height:260px;  }
.o_btn_exo_rem_03:hover { background:url("../../assets/images/content/on_exo_rem_03.gif") repeat;}

.o_btn_exo_rem_04 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/o_exo_rem_04.gif") repeat ;  width:293px; height:260px;  }
.o_btn_exo_rem_04:hover { background:url("../../assets/images/content/on_exo_rem_04.gif") repeat;}




.btn_exo_rem_02_02 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/exo_rem_02_02.gif") no-repeat ;  width:415px; height:360px;  }
.btn_exo_rem_02_02:hover { background:url("../../assets/images/content/exo_rem_02_02_on.gif")  no-repeat; }

.btn_exo_rem_02_03 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/exo_rem_02_03.gif") no-repeat ;  width:293px; height:360px;  }
.btn_exo_rem_02_03:hover { background:url("../../assets/images/content/exo_rem_02_03_on.gif") repeat;}


.btn_exo_rem_02_04 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/exo_rem_02_04.gif") no-repeat ;  width:293px; height:360px;  }
.btn_exo_rem_02_04:hover { background:url("../../assets/images/content/exo_rem_02_04_on.gif") repeat;}



.btn_exo_rem_03_02 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/exo_rem_03_02.gif") no-repeat ;  width:373px; height:360px;  }
.btn_exo_rem_03_02:hover { background:url("../../assets/images/content/exo_rem_03_02_on.gif") repeat;}

.btn_exo_rem_03_03 {padding:8px 15px 10px 15px; display:inline-block; background-color:#e1e0e0; border-radius:5px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff; background:url("../../assets/images/content/exo_rem_03_03.gif") no-repeat ;  width:373px; height:360px;  }
.btn_exo_rem_03_03:hover { background:url("../../assets/images/content/exo_rem_03_03_on.gif") repeat;}




/*******************************************************************************
## 사용등록_7월 
*****************************************************************************
.test_20170730_box {float:left; width:100%; height:550px; background-color:#e2ebe9; border-radius:3px; padding:40px 50px 50px 400px; text-align:center; }

.test_box_box {float:left; width:30%; height:470px; background-color:#b6c9e4; border-radius:15px; padding:10px 30px 0px 80px; text-align:center; }

.test_20170730_01 a {text-aline:center; float:left; width:45%; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:150px; color:#72778a; background:#dfebf6 url("../images/content/test_01.png") no-repeat center 70px;}
.test_20170730_01 a:hover {border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_01_on.png") no-repeat center 70px;}
.test_20170730_01 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_01 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_01 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_01_on.png") no-repeat center 70px;}
.test_20170730_01 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_01 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_02 a {text-aline:center; float:left; width:45%; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:150px; color:#72778a; background:#dfebf6 url("../images/content/test_02.png") no-repeat center 70px;}
.test_20170730_02 a:hover {border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_02_on.png") no-repeat center 70px;}
.test_20170730_02 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_01 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_02 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_02_on.png") no-repeat center 70px;}
.test_20170730_02 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_02 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_03 a {text-aline:center; float:left; width:45%; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:150px; color:#72778a; background:#dfebf6 url("../images/content/test_03.png") no-repeat center 70px;}
.test_20170730_03 a:hover {border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_03_on.png") no-repeat center 70px;}
.test_20170730_03 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_03 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_03 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_03_on.png") no-repeat center 70px;}
.test_20170730_03 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_03 a.on div.hh_txt02 {color:#ffffff;}


.test_20170730_04 a {text-aline:center; float:left; width:45%; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:150px; color:#72778a; background:#dfebf6 url("../images/content/test_04.png") no-repeat center 70px;}
.test_20170730_04 a:hover {border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_04_on.png") no-repeat center 70px;}
.test_20170730_04 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_04 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_04 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_04_on.png") no-repeat center 70px;}
.test_20170730_04 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_04 a.on div.hh_txt02 {color:#ffffff;}


.test_20170730_05 a { text-aline:center; float:left; width:100%; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:150px; color:#72778a; background:#b5d6f4 url("../images/content/01_test_1.png") no-repeat center 70px;}
.test_20170730_05 a div.hh_tit {position:relative; top:10px;}
.test_20170730_05 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.test_20170730_05 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.test_20170730_05 a:hover { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#3641a9 url("../images/content/test_05_on.png") no-repeat center 70px;}
.test_20170730_05 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_05 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_05 a.on { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#3641a9 url("../images/content/test_05_on.png") no-repeat center 70px;}
.test_20170730_05 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_05 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_06 a { text-aline:center; float:left; width:100%; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:150px; color:#72778a; background:#b5d6f4 url("../images/content/test_06.png") no-repeat center 70px;}
.test_20170730_06 a div.hh_tit {position:relative; top:10px;}
.test_20170730_06 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.test_20170730_06 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.test_20170730_06 a:hover { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#3641a9 url("../images/content/test_06_on.png") no-repeat center 70px;}
.test_20170730_06 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_06 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_06 a.on {background-color:#3641a9; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.test_20170730_06 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_06 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_07 a { text-aline:center; float:left; width:100%; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:150px; color:#72778a; background:#b5d6f4 url("../images/content/test_07.png") no-repeat center 70px;}
.test_20170730_07 a div.hh_tit {position:relative; top:10px;}
.test_20170730_07 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.test_20170730_07 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.test_20170730_07 a:hover { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#3641a9 url("../images/content/test_07_on.png") no-repeat center 70px;}
.test_20170730_07 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_07 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_07 a.on {background-color:#3641a9; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.test_20170730_07 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_07 a.on div.hh_txt02 {color:#ffffff;}



**/


/*******************************************************************************
## 사용등록_8월 버튼정의 small(11px)
*******************************************************************************/
.btn_small_use {font-size:11px; padding:1px 5px 6px 5px; display:inline-block; background-color:#ffffff; border-radius:3px; border:1px solid #b5b5b5; box-sizing:border-box; color:#434343;}
a:hover.btn_small_use {font-size:11px; display:inline-block; background-color:#e6e6e6; border-radius:3px; border:1px solid #adadad; box-sizing:border-box; color:#434343;}
a:focus.btn_small_use {font-size:11px; display:inline-block; background-color:#ffffff; border-radius:3px; border:1px solid #b5b5b5; box-sizing:border-box; color:#434343;}


/*******************************************************************************
## 사용등록_8월 
*******************************************************************************/
.test_20170730_box { height:460px; background-color:#bac3dc; border-radius:3px; padding:0px; text-align:center; }

.inner {margin:0 auto; position:relative; width:100%;}

.test_box { position: relative; display: block; padding: 60px 0px 0px 0px; color:#336699; text-align:center;}

.cn { position: relative; width: 100%;  height: 500px;  background-color:#bac3dc; border-radius:5px; }

.inner01 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-55%); padding: 2rem; width: 1000px; }

.inner02 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-55%); padding: 2rem; width: 800px; }




.test_box_box { text-aline:center; float:left; width:297px ; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0px ; letter-spacing:-0.05em; height:342px; color:#72778a; background:#dfebf6 url("../images/content/2_test_01.png") no-repeat center -1px;}

.test_20170730_01 a {text-aline:center; float:left; width:125px; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; margin: 6.6% 1% 1% 4%; letter-spacing:-0.05em; height:99px; color:#72778a; background:#dfebf6 url("../images/content/test_01.png") no-repeat center -1px;}
.test_20170730_01 a:hover {border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#ffffff url("../images/content/test_01_on.png") no-repeat center -1px;}
.test_20170730_01 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_01 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_01 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_01_on.png") no-repeat center 70px;}
.test_20170730_01 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_01 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_02 a {text-aline:center; float:left; width:125px; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; margin: 6.6% 3% 1% 3%; letter-spacing:-0.05em; height:99px; color:#72778a; background:#dfebf6 url("../images/content/test_02.png") no-repeat center -1px;}
.test_20170730_02 a:hover {border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#ffffff url("../images/content/test_02_on.png") no-repeat center -1px;}
.test_20170730_02 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_01 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_02 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_02_on.png") no-repeat center -1px;}
.test_20170730_02 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_02 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_03 a {text-aline:center; float:left; width:125px; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; margin: 3% 2.1% 3% 3.7%; letter-spacing:-0.05em; height:99px; color:#72778a; background:#dfebf6 url("../images/content/test_03.png") no-repeat center -1px;}
.test_20170730_03 a:hover {border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#ffffff url("../images/content/test_03_on.png") no-repeat center -1px;}
.test_20170730_03 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_03 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_03 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_03_on.png") no-repeat center 0px;}
.test_20170730_03 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_03 a.on div.hh_txt02 {color:#ffffff;}


.test_20170730_04 a {text-aline:center; float:left; width:125px; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; margin: 3% 1% 1% 3%; letter-spacing:-0.05em; height:99px; color:#72778a; background:#dfebf6 url("../images/content/test_04.png") no-repeat center 0px;}
.test_20170730_04 a:hover {border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#ffffff url("../images/content/test_04_on.png") no-repeat center -1px;}
.test_20170730_04 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_04 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_04 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#72a3cf url("../images/content/test_04_on.png") no-repeat center 70px;}
.test_20170730_04 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_04 a.on div.hh_txt02 {color:#ffffff;}


.test_20170730_05 a { text-aline:center; float:left; width:297px ; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0px; letter-spacing:-0.05em; height:342px; color:#72778a; background:#dfebf6 url("../images/content/1_test_01.gif") no-repeat center -1px;}
.test_20170730_05 a div.hh_tit {position:relative; top:10px;}
.test_20170730_05 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.test_20170730_05 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.test_20170730_05 a:hover { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#d4d4d4 url("../images/content/1_test_01_on.png") no-repeat center -1px;}
.test_20170730_05 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_05 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_05 a.on { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#d4d4d4 url("../images/content/1_test_01_on.png") no-repeat center 70px;}
.test_20170730_05 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_05 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_06 a { text-aline:center; float:left; width:284px; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:167px; color:#72778a; background:#cee2da url("../images/content/1_test_02.png") no-repeat center -1px; margin-bottom:5px; }
.test_20170730_06 a div.hh_tit {position:relative; top:10px;}
.test_20170730_06 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.test_20170730_06 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.test_20170730_06 a:hover { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#d4d4d4 url("../images/content/1_test_02_on.png") no-repeat center -1px;}
.test_20170730_06 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_06 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_06 a.on {background-color:#3641a9; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.test_20170730_06 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_06 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_07 a { text-aline:center; float:left; width:284px; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 0.5% 0 0.5%; letter-spacing:-0.05em; height:167px; color:#72778a; background:#dfdff6 url("../images/content/1_test_03.png") no-repeat center -1px;}
.test_20170730_07 a div.hh_tit {position:relative; top:10px;}
.test_20170730_07 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.test_20170730_07 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.test_20170730_07 a:hover { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#d4d4d4 url("../images/content/1_test_03_on.png") no-repeat center -1px;}
.test_20170730_07 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_07 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_07 a.on {background-color:#3641a9; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.test_20170730_07 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_07 a.on div.hh_txt02 {color:#ffffff;}

.test_20170730_08 a { text-aline:center; float:left; width:297px ; display:block; padding:7px 5px 15px 5px; border-radius:10px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0px; letter-spacing:-0.05em; height:342px; color:#72778a; background:#dfebf6 url("../images/content/1_test_08.png") no-repeat center -1px;}
.test_20170730_08 a div.hh_tit {position:relative; top:10px;}
.test_20170730_08 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.test_20170730_08 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.test_20170730_08 a:hover { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#d4d4d4 url("../images/content/1_test_08_on.png") no-repeat center -1px;}
.test_20170730_08 a:hover div.hh_txt01 {color:#ffffff;}
.test_20170730_08 a:hover div.hh_txt02 {color:#ffffff;}
.test_20170730_08 a.on { border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff; background:#d4d4d4 url("../images/content/1_test_08_on.png") no-repeat center 70px;}
.test_20170730_08 a.on div.hh_txt01 {color:#ffffff;}
.test_20170730_08 a.on div.hh_txt02 {color:#ffffff;}


/*******************************************************************************
## 신규 버튼정의 large(13px)
*******************************************************************************/
.btn_large {font-size:13px; padding:8px 14px 10px 15px; display:inline-block; background-color:#2672ec; border-radius:0px 5px 5px 0px; border:1px solid #1e5bbd; box-sizing:border-box; color:#ffffff; border-left:1px solid #b5b5b5; }
a:hover.btn_large {font-size:13px; padding:8px 14px 10px 15px; display:inline-block; background-color:#125acd !important; border-radius:3px; border:1px solid #0e48a4 !important; box-sizing:border-box; color:#ffffff;}
a:focus.btn_large {font-size:13px; padding:8px 14px 10px 15px; display:inline-block; background-color:#2672ec; border-radius:3px; border:1px solid #1e5bbd; box-sizing:border-box; color:#ffffff;}



/*******************************************************************************
## 신규 버튼정의 large(13px)
*******************************************************************************/
.btn_large_01 {font-size:13px; padding:8px 14px 10px 15px; display:inline-block; background-color:#2672ec; border-radius:3px; border:1px solid #1e5bbd; box-sizing:border-box; color:#ffffff;}
a:hover.btn_large_01 {font-size:13px; padding:8px 14px 10px 15px; display:inline-block; background-color:#125acd !important; border-radius:3px; border:1px solid #0e48a4 !important; box-sizing:border-box; color:#ffffff;}
a:focus.btn_large_01 {font-size:13px; padding:8px 14px 10px 15px; display:inline-block; background-color:#2672ec; border-radius:3px; border:1px solid #1e5bbd; box-sizing:border-box; color:#ffffff;}


/*******************************************************************************
## 신규 버튼정의 마이페이지
*******************************************************************************/
.btn_large_02 {font-size:13px; padding:6px 12px 8px 13px; display:inline-block; background-color:#2672ec; border-radius:3px; border:1px solid #1e5bbd; box-sizing:border-box; color:#ffffff; width:50px; }
a:hover.btn_large_02 {font-size:13px; padding:6px 12px 8px 13px; display:inline-block; background-color:#125acd !important; border-radius:3px; border:1px solid #0e48a4 !important; box-sizing:border-box; color:#ffffff; width:50px; }
a:focus.btn_large_02 {font-size:13px; padding:6px 12px 8px 13px; display:inline-block; background-color:#2672ec; border-radius:3px; border:1px solid #1e5bbd; box-sizing:border-box; color:#ffffff; width:50px; }



/*******************************************************************************
## 신규 버튼정의 middle(12px)
*******************************************************************************/
.btn_middle {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#5f69e0; border-radius:3px; border:1px solid #5662d1; box-sizing:border-box; color:#ffffff;}
a:hover.btn_middle {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#5662d1; border-radius:3px; border:1px solid #4e59c4; box-sizing:border-box; color:#ffffff;}
a:focus.btn_middle {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#5f69e0; border-radius:3px; border:1px solid #5662d1; box-sizing:border-box; color:#ffffff;}
.btn_middle_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#233b7b; border-radius:3px; border:1px solid #1c2f62; box-sizing:border-box; color:#ffffff;}
a:hover.btn_middle_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#163758; border-radius:3px; border:1px solid #122c46; box-sizing:border-box; color:#ffffff;}
a:focus.btn_middle_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#233b7b; border-radius:3px; border:1px solid #1c2f62; box-sizing:border-box; color:#ffffff;}

.btn_middle_next {font-size:12px; padding:7px 15px 9px 15px; display:inline-block; background-color:#1169b8; border-radius:30px; border:1px solid #165894; box-sizing:border-box; color:#ffffff;}
a:hover.btn_middle_next {background-color:#124777; border-radius:30px; border:1px solid #165894; box-sizing:border-box; color:#ffffff;}
a:focus.btn_middle_next {background-color:#124777; border-radius:30px; border:1px solid #165894; box-sizing:border-box; color:#ffffff;}

.btn_middle_pre {font-size:12px; padding:7px 15px 9px 15px; display:inline-block; background-color:#7f8083; border-radius:30px; border:1px solid #898787; box-sizing:border-box; color:#fff;}
a:hover.btn_middle_pre {background-color:#696969; border-radius:30px; border:1px solid #696969; box-sizing:border-box; color:#fff;}
a:focus.btn_middle_pre {background-color:#696969; border-radius:30px; border:1px solid #696969; box-sizing:border-box; color:#fff;}

.btn_middle_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#7f8083; border-radius:30px; border:1px solid #898787; box-sizing:border-box; color:#434343;}
a:hover.btn_middle_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#696969; border-radius:30px; border:1px solid #656565; box-sizing:border-box; color:#fff;}
a:focus.btn_middle_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#696969; border-radius:30px; border:1px solid #656565; box-sizing:border-box; color:#fff;}



/*******************************************************************************
## 신규 버튼정의 middle(초록색)
*******************************************************************************/
.btn_green {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#71a615; border-radius:3px; border:1px solid #5d8a0e; box-sizing:border-box; color:#ffffff;}
a:hover.btn_green {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#fff; border-radius:3px; border:1px solid #4e59c4; box-sizing:border-box; color:#ffffff;}
.btn_green_bl {cursor:pointer; font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#71a615; border-radius:3px; border:1px solid #5d8a0e; box-sizing:border-box; color:#ffffff;}
a:hover.btn_green_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#5a8e01; border-radius:3px; border:1px solid #5d8a0e; box-sizing:border-box; color:#ffffff;}
a:focus.btn_green_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#5a8e01; border-radius:3px; border:1px solid #5d8a0e; box-sizing:border-box; color:#ffffff;}
.btn_green_next {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#2c8078; border-radius:30px; border:1px solid #157269; box-sizing:border-box; color:#ffffff;}
a:hover.btn_green_next {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#5a8e01; border-radius:30px; border:1px solid #5d8a0e; box-sizing:border-box; color:#ffffff;}
.btn_green_pre {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#ffffff; border-radius:30px; border:1px solid #129ba5; box-sizing:border-box; color:#434343;}
a:hover.btn_green_pre {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#5a8e01; border-radius:30px; border:1px solid #5d8a0e; box-sizing:border-box; color:#434343;}
.btn_green_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#e6e6e6; border-radius:30px; border:1px solid #adadad; box-sizing:border-box; color:#434343;}
a:hover.btn_green_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#5a8e01; border-radius:30px; border:1px solid #5d8a0e; box-sizing:border-box; color:#434343;}



/*******************************************************************************
## 신규 버튼정의 middle(빨강)
*******************************************************************************/
.btn_red {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#c73030; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
a:hover.btn_red {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
.btn_red_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#c73030; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
a:hover.btn_red_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
a:focus.btn_red_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
.btn_red_next {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#2c8078; border-radius:30px; border:1px solid #157269; box-sizing:border-box; color:#ffffff;}
a:hover.btn_red_next {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:30px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
.btn_red_pre {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#ffffff; border-radius:30px; border:1px solid #129ba5; box-sizing:border-box; color:#434343;}
a:hover.btn_red_pre {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:30px; border:1px solid #b42727; box-sizing:border-box; color:#434343;}
.btn_red_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#e6e6e6; border-radius:30px; border:1px solid #adadad; box-sizing:border-box; color:#434343;}
a:hover.btn_red_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:30px; border:1px solid b42727; box-sizing:border-box; color:#434343;}



/*******************************************************************************
## 신규 버튼정의 orange(빨강)
*******************************************************************************/
.btn_oran {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#ff8000; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
a:hover.btn_oran {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#ff8040; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
.btn_oran_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#ff8000; border-radius:3px; border:1px solid #ff5a00; box-sizing:border-box; color:#ffffff;}
a:hover.btn_oran_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#ff8040; border-radius:3px; border:1px solid #ff5a00; box-sizing:border-box; color:#ffffff;}
a:focus.btn_oran_bl {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#ff8040; border-radius:3px; border:1px solid #ff5a00; box-sizing:border-box; color:#ffffff;}
.btn_oran_next {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#2c8078; border-radius:30px; border:1px solid #ffffff; box-sizing:border-box; color:#ffffff;}
a:hover.btn_oran_next {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:30px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
.btn_oran_pre {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#ffffff; border-radius:30px; border:1px solid #129ba5; box-sizing:border-box; color:#434343;}
a:hover.btn_oran_pre {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:30px; border:1px solid #b42727; box-sizing:border-box; color:#434343;}
.btn_oran_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#e6e6e6; border-radius:30px; border:1px solid #adadad; box-sizing:border-box; color:#434343;}
a:hover.btn_oran_save {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#b42727; border-radius:30px; border:1px solid b42727; box-sizing:border-box; color:#434343;}


/*******************************************************************************
## 신규 버튼정의 gray(회색)
*******************************************************************************/
.btn_gray {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#a9a9a9; border-radius:3px; border:1px solid #696969; box-sizing:border-box; color:#ffffff;}
a:hover.btn_gray {font-size:12px; padding:4px 12px 6px 12px; display:inline-block; background-color:#a9a9a9; border-radius:3px; border:1px solid #696969; box-sizing:border-box; color:#ffffff;}




/*******************************************************************************
## 신규 버튼정의 small(11px)
*******************************************************************************/
.btn_small {font-size:11px; padding:4px 5px 4px 5px; display:inline-block; background-color:#ffffff; border-radius:3px; border:1px solid #b5b5b5; box-sizing:border-box; color:#434343;}
a:hover.btn_small {font-size:11px; display:inline-block; background-color:#e6e6e6; border-radius:3px; border:1px solid #adadad; box-sizing:border-box; color:#434343;}
a:focus.btn_small {font-size:11px; display:inline-block; background-color:#ffffff; border-radius:3px; border:1px solid #b5b5b5; box-sizing:border-box; color:#434343;}


.btn_small_on {font-size:11px; padding:4px 5px 4px 5px; display:inline-block; background-color:#363a5c; border-radius:3px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}
a:hover.btn_small_on {font-size:11px; display:inline-block; background-color:#27294a; border-radius:3px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}
a:focus.btn_small_on {font-size:11px; display:inline-block; background-color:#363a5c; border-radius:3px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}



.btn_small_red {font-size:11px; padding:4px 5px 4px 5px; display:inline-block; background-color:#c73030; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
a:hover.btn_small_red {font-size:11px; display:inline-block; background-color:#b42727; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}
a:focus.btn_small_red {font-size:11px; display:inline-block; background-color:#b42727; border-radius:3px; border:1px solid #b42727; box-sizing:border-box; color:#ffffff;}

.btn1_small_on {font-size:11px; padding:2px 5px 4px 5px; display:inline-block; background-color:#363a5c; border-radius:3px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}
a:hover.btn1_small_on {font-size:11px; padding:2px 5px 4px 5px; display:inline-block; background-color:#27294a; border-radius:3px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}
a:focus.btn1_small_on {font-size:11px; padding:2px 5px 4px 5px; display:inline-block; background-color:#363a5c; border-radius:3px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}

/*******************************************************************************
## 신규 버튼정의 사이트맵 닫기
*******************************************************************************/
.btn_site {font-size:10px; padding:10px 8px 10px 6px; display:inline-block; background-color:rgba(0,0,0,0.3); border-radius:2px; border:0px solid #b5b5b5; box-sizing:border-box; color:#ffffff;}
a:hover.btn_site {font-size:10px; display:inline-block; background-color:#e6e6e6; border:1px solid #adadad; box-sizing:border-box; color:#ffffff;}
a:focus.btn_site {font-size:10px; display:inline-block; background-color:#ffffff; border:1px solid #b5b5b5; box-sizing:border-box; color:#ffffff;}

/*******************************************************************************
## 신규 버튼정의 xs(10px)
*******************************************************************************/
.btn_xs_01 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:rgba(0,0,0,0.2); border-radius:2px; border:1px solid #b5b5b5; box-sizing:border-box; color:#434343;}
a:hover.btn_xs_01 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#e6e6e6; border-radius:2px; border:1px solid #adadad; box-sizing:border-box; color:#434343;}
a:focus.btn_xs_01 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#ffffff; border-radius:2px; border:1px solid #b5b5b5; box-sizing:border-box; color:#434343;}
.btn__xs_01_on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#363a5c; border-radius:2px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}
a:hover.btn_xs_01_on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#27294a; border-radius:2px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff !important;}
a:focus.btn_xs_01on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#363a5c; border-radius:2px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff !important;}

/*******************************************************************************
## 신규 버튼정의 xs red (10px)
*******************************************************************************/
.btn_xs_02 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:rgba(228, 92, 60, 1); border-radius:2px; border:1px solid rgba(223, 38, 38, 1); box-sizing:border-box; color:#ffffff;}
button:hover.btn_xs_02 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:rgba(228, 92, 60, 1); border-radius:2px; border:1px solid #777; box-sizing:border-box; color:#434343;}
button:focus.btn_xs_02 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:rgba(228, 92, 60, 1); border-radius:2px; border:1px solid #777; box-sizing:border-box; color:#434343;}
.btn_xs_02_on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-colorrgba(228, 72, 72, 1); border-radius:2px; border:1px solid #777; box-sizing:border-box; color:#ffffff;}
button:hover.btn_xs_02_on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:rgba(228, 92, 60, 1); border-radius:2px; border:1px solid #777; box-sizing:border-box; color:#ffffff;}
button:focus.btn_xs_02on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:rgba(228, 92, 60, 1); border-radius:2px; border:1px solid #777; box-sizing:border-box; color:#ffffff;}


/*******************************************************************************
## 신규 버튼정의 xs green(10px)
*******************************************************************************/
.btn_xs_03 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#23cd67; border-radius:2px; border:1px solid #b5b5b5; box-sizing:border-box; color:#ffffff;}
a:hover.btn_xs_03 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#23cd67; border-radius:2px; border:1px solid #adadad; box-sizing:border-box; color:#ffffff;}
a:focus.btn_xs_03 {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#23cd67; border-radius:2px; border:1px solid #b5b5b5; box-sizing:border-box; color:#ffffff;}
.btn_xs_03_on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#23cd67; border-radius:2px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}
a:hover.btn_xs_03_on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#23cd67; border-radius:2px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}
a:focus.btn_xs_03on {font-size:10px; padding:2px 6px 3px 6px; display:inline-block; background-color:#23cd67; border-radius:2px; border:1px solid #27294a; box-sizing:border-box; color:#ffffff;}

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

/*******************************************************************************
## 신규 h3 정의
*******************************************************************************/
h3.h3_n {float:left; margin:5px 0 0 0; font-size:12px; font-weight:700; min-width:80px;}
h3.h3_n i {margin:0 7px 0 0;}
h3.h3_n_la {float:left; margin:5px 0 0 0; font-size:12px; font-weight:700; min-width:115px;}
h3.h3_n_la i {margin:0 7px 0 0;}
h3.h3_9 {float:left; margin:5px 0 0 0; font-size:12px; font-weight:700; min-width:125px;}
h3.h3_9 i {margin:0 7px 0 0;}
h3.h3_10 {float:left; margin:5px 0 0 0; font-size:12px; font-weight:700; min-width:125px;}
h3.h3_10 i {margin:0 7px 0 0;}
h3.h3_11 {float:left; margin:5px 0 0 0; font-size:12px; font-weight:700; min-width:150px;}
h3.h3_11 i {margin:0 7px 0 0;}
h3.h3_5 {float:left; margin:5px 0 0 0; font-size:12px; font-weight:700; min-width:87px;}
h3.h3_5 i {margin:0 7px 0 0;}
h3.h3_6 {float:left; margin:5px 0 0 0; font-size:12px; font-weight:700; min-width:97px;}
h3.h3_6 i {margin:0 7px 0 0;}
h3.h3_date {float:left; margin:5px 0 0 0; font-size:12px; font-weight:700; min-width:77px;}
h3.h3_date i {margin:0 7px 0 0;}



/*******************************************************************************
## input file 버튼방식 정의
*******************************************************************************/
.btn_file_s {position:relative; width:90px; height:25px; border-radius:3px; border-color:transparent; font-size:11px; background-color:#233b7b; color:#ffffff; cursor:pointer; opacity:0;}
.btn_fileup_s {position:absolute; width:90px; height:25px; border-radius:3px; border-color:transparent; font-size:11px; background-color:#233b7b; color:#ffffff; cursor:pointer;}
.btn_file_m {position:relative; width:90px; height:29px; border-radius:3px; border-color:transparent; font-size:12px; background-color:#233b7b; color:#ffffff; cursor:pointer; opacity:0;}
.btn_fileup_m {position:absolute; width:90px; height:29px; border-radius:3px; border-color:transparent; font-size:12px; background-color:#233b7b; color:#ffffff; cursor:pointer;}
.btn_fileup_g {position:absolute; height:29px; border-radius:3px; border:1px solid #5d8a0e; font-size:12px; background-color:#71a615; color:#ffffff; cursor:pointer;}



/*******************************************************************************
## 이월금사용등록 주의사항
*******************************************************************************/
.comment_box {width:50px; height:14px; border:#666; background-color:#ff0; float:left; border:1px solid #4c4c4c;}



/*******************************************************************************
## 전자세금계산서 
*******************************************************************************/
.bill_thred {background:#fff0f0; color:#f62525;border-top:#efacac solid 1px; border-left:#efacac solid 1px; border-bottom:#efacac solid 1px; padding:8px 0px 8px 0px;text-align:center;font-size:12px;font-weight:bold;height:20px;}
.bill_thred01 {color: #f62525;border-top: #efacac solid 1px;padding: 8px 5px 8px 0px; text-align: center; font-size: 12px; font-weight: bold; height: 20px; background-color: #fff0f0;}
.bill_thred02 {color: #FFFFFF; border-top: #e54848 solid 1px; border-left: #e54848 solid 1px; border-bottom: #e54848 solid 1px; padding: 6px 5px 3px 5px; text-align: center; font-size: 12px; font-weight: bold; background-color: #e54848;}
.bill_thred03 {background:#faf6f4;color:#db5151;border-top:#efacac solid 1px;border-left:#efacac solid 1px;border-bottom:#efacac solid 1px;padding:6px 5px 3px 5px;text-align:center;font-size:12px;font-weight:bold;}
.bill_tdred {background:#fff;border-top:#efacac solid 1px;border-left:#efacac solid 1px;border-right:#efacac solid 1px;padding:6px 5px 3px 5px;text-align:left;font-size:12px;font-weight:normal;height:20px;}
.bill_tdred01 {background:#fff;border-top:#efacac solid 1px;border-left:#efacac solid 1px;padding:6px 5px 3px 5px;text-align:left;font-size:12px;font-weight:normal;height:20px;}
.bill_tdred02 {background:#fff;border-top:#efacac solid 1px;border-left:#efacac solid 1px;border-bottom:#efacac solid 1px;padding:6px 5px 3px 5px;text-align:left;font-size:12px;font-weight:normal;height:20px;}

.bill_thblue {background:#eef6ff; color:#363b5b; border-top:#8fb0dc solid 1px; border-left:#8fb0dc solid 1px; border-bottom:#8fb0dc solid 1px; padding:8px 0px 8px 0px; text-align:center; font-size:12px; font-weight:bold; height:20px;}
.bill_thblue01 {color: #363b5b; padding: 8px 5px 8px 0px; text-align: center; font-size: 12px; font-weight: bold; height: 20px; background-color: #eef6ff; border-top-width: 1px; border-top-style: solid; border-top-color: #8fb0dc;}
.bill_thblue02 {color: #FFFFFF; padding: 6px 5px 3px 5px; text-align: center; font-size: 12px; font-weight: bold; height: 20px; background-color: #2672ec; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #2672ec; border-bottom-color: #2672ec; border-left-color: #2672ec; }
.bill_thblue03{
	background: #faf6f4;
	color: #4e80af;
	padding: 6px 5px 3px 5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8fb0dc;
	border-bottom-color: #8fb0dc;
	border-left-color: #8fb0dc;
}
.bill_tdblue {background:#fff;border-top:#8fb0dc solid 1px;border-left:#8fb0dc solid 1px; border-right:#8fb0dc solid 1px;padding:6px 5px 3px 5px;text-align:left;font-size:12px;font-weight:normal;height:20px;}

.bill_tdblue01 {
	background: #fff;
	padding: 6px 5px 3px 5px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	height: 20px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #8fb0dc;
	border-left-color: #8fb0dc;
}
.bill_tdblue02 {
	background: #fff;
	padding: 6px 5px 3px 5px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8fb0dc;
	border-right-color: #8fb0dc;
	border-bottom-color: #8fb0dc;
	border-left-color: #8fb0dc;
}

.bill_tbl_type02_0  {border-top:#a0bfdb solid 0px;border-collapse:collapse;}
.bill_tbl_type03  {border-top:#a0bfdb solid 0px;border-collapse:collapse;}
	.bill_tbl_type03 th {
		background-color:#f4f6fa;
		color:#3872b6;
		border:#d0d7dd solid 1px;
		padding:5px 0px 0px 0px;
		text-align:center;
		font-size:12px; 		
		font-weight:bold;
		height:25px;
		line-height:18px
	}
	.bill_tbl_type03 th.b {
		background-color:#f4f6fa;
		color:#3872b6;
		border:#d0d7dd solid 1px;
		padding:5px 5px 3px 5px;
		text-align:center;
		font-size:12px; 		
		font-weight:normal;
		line-height:18px
	}
	.bill_tbl_type03 th.row {border-top:0;}
	.bill_tbl_type03 td {
		border:#d0d7dd solid 1px;
		padding:7px 5px 3px 5px;
		font-size:12px; 		
		text-align:left;
		height:20px;
		line-height:18px}

.bill_tbl_type03 th.al, .tbl_type03 td.al {text-align:left; padding-left:10px;} 
.tbl_type03 td.ac {text-align:center} .tbl_type03 td.ar {text-align:right}
.bill_tbl_type03 th.ll, .tbl_type03 td.ll {border-right:0}
.bill_tbl_type03 th.sum {text-align:center; background-color:#e3e7ea; color:#4e6376;} 
.tbl_type03 td.sum {text-align:right; padding-right:10px; background-color:#e3e7ea;}
.bill_tbl_type04  {border-top:#a0bfdb solid 0px;border-collapse:collapse;}
.bill_tbl_type04 th {background-color: #f4f6fa; color: #3872b6;
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	line-height: 18px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d0d7dd;
	border-right-color: #d0d7dd;
	border-bottom-color: #d0d7dd;
	border-left-color: #d0d7dd;
	}
.bill_tbl_type04 th.b {background-color:#f4f6fa; color:#3872b6; border:#d0d7dd solid 1px; padding:5px 5px 3px 5px; text-align:center; font-size:12px; font-weight:normal; line-height:18px }
.bill_tbl_type04 th.row {border-top:0;}
.bill_tbl_type04 td {padding: 7px 5px 3px 5px; font-size: 12px; text-align: left; height: 20px; line-height: 18px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d0d7dd; border-right-color: #d0d7dd; border-bottom-color: #d0d7dd; border-left-color: #d0d7dd;}

.bill_tbl_type04 th.al, .tbl_type03 td.al {text-align:left; padding-left:10px;} .tbl_type03 td.ac {text-align:center} .tbl_type03 td.ar {text-align:right}
.bill_tbl_type04 th.ll, .tbl_type03 td.ll {border-right:0}
.bill_tbl_type04 th.sum {text-align:center; background-color:#e3e7ea; color:#4e6376;} .tbl_type03 td.sum {text-align:right; padding-right:10px; background-color:#e3e7ea;}
 

.bill_tbl_01  {border-top:#a0bfdb solid 2px;border-collapse:collapse;}
.bill_tbl_01 th {background-color:#f4f6fa; color:#3872b6; border:#d0d7dd solid 1px; padding:5px 0px 0px 0px; text-align:center; font-size:12px; font-weight:bold; height:25px; line-height:18px}
.bill_tbl_01 th.b {background-color:#f4f6fa; color:#3872b6; border:#d0d7dd solid 1px; padding:5px 5px 3px 5px; text-align:center; font-size:12px; font-weight:normal; line-height:18px}
.bill_tbl_01 th.row {border-top:0;}
.bill_tbl_01 td {border:#d0d7dd solid 1px; padding:7px 5px 3px 5px; font-size:12px; text-align:left; height:20px; line-height:18px }

.bill_tbl_01 th.al, .tbl_type03 td.al {text-align:left; padding-left:10px;} .tbl_type03 td.ac {text-align:center} .tbl_type03 td.ar {text-align:right}
.bill_tbl_01 th.ll, .tbl_type03 td.ll {border-right:0}
.bill_tbl_01 th.sum {text-align:center; background-color:#e3e7ea; color:#4e6376;} .tbl_type03 td.sum {text-align:right; padding-right:10px; background-color:#e3e7ea;}


/*  카드전표 테이블 */
.tbl_bill01  {border-top:#7f9ef7 solid 1px;border-collapse:collapse;}
	.tbl_bill01 th {
		background:#ecf3ff;
		color:#4064ff;
		border-left:#7f9ef7 solid 1px;
		border-right:#7f9ef7 solid 1px;
		border-bottom:#7f9ef7 solid 1px;
		padding:5px 5px 3px 5px;
		text-align:left;
		font-size:12px; 		
		font-weight:bold;
		height:17px;
		line-height:16px;
	}
	.tbl_bill01 th.row {border-top:0;}
	.tbl_bill01 td {
		background:#fff;
		border-left:#7f9ef7 solid 1px;
		border-right:#7f9ef7 solid 1px;
		border-bottom:#7f9ef7 solid 1px;
		padding:5px 5px 3px 5px;
		font-size:12px; 		
		text-align:left;
		height:17px;
		line-height:16px;
	}


	.tbl_bill01 th.al, .tbl_bill01 td.al {text-align:left;} .tbl_bill01 th.ac, .tbl_bill01 td.ac {text-align:center;} .tbl_bill01 td.ar {text-align:right;}
	.tbl_bill01 th.ll, .tbl_bill01 td.ll {border-right:0;}
	.tbl_bill01 th.title {text-align:center; font-size:17px; padding:17px 0 13px 0px;}
	.tbl_bill01 th.title01 {text-align:center;}
	.tbl_bill01 .stext {text-align:center; font-size:14px; padding-top:5px;font-weight:normal;}


/*******************************************************************************
## 과제현황 정보 백업
*******************************************************************************/
.gjhh_info {}
.gjhh_info .hh_01 {float:left; width:24.5%; background-color:#c2d8f0; border-radius:3px; padding:7px;}
.gjhh_info .hh_01 .hh_01_01 {float:left; width:32.5%; display:block; padding:22px 0 0 0; text-align:center; letter-spacing:-0.05em; height:80px; color:#3a4165;}
.gjhh_info .hh_01 .hh_01_02 {}
.gjhh_info .hh_01 .hh_01_02 a {float:left; width:32.5%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_01 .hh_01_02 a div.hh_tit {position:relative; top:10px; font-weight:700;}
.gjhh_info .hh_01 .hh_01_02 a div.hh_txt01 {color:#0869d5; margin-top:12px; }
.gjhh_info .hh_01 .hh_01_02 a div.hh_txt02 {color:#0869d5; margin-top:29px; }
.gjhh_info .hh_01 .hh_01_02 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_01 .hh_01_02 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_01 .hh_01_02 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_01 .hh_01_02 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_01 .hh_01_02 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_01 .hh_01_02 a.on div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_01 .hh_01_03 {}
.gjhh_info .hh_01 .hh_01_03 a {float:left; width:32.5%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_01 .hh_01_03 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hh_01 .hh_01_03 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hh_01 .hh_01_03 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hh_01 .hh_01_03 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_01 .hh_01_03 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_01 .hh_01_03 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_01 .hh_01_03 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_01 .hh_01_03 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_01 .hh_01_03 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hh_02 {float:left; width:24.5%; background-color:#c2d8f0; border-radius:3px; padding:7px; margin:0 1% 0 1%;}
.gjhh_info .hh_02 .hh_02_01 {float:left; width:32.5%; display:block; padding:22px 0 0 0; text-align:center; letter-spacing:-0.05em; height:80px; color:#3a4165;}
.gjhh_info .hh_02 .hh_02_02 {}
.gjhh_info .hh_02 .hh_02_02 a {float:left; width:32.5%; display:block; padding:7px 5px 15px 5px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_02 .hh_02_02 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hh_02 .hh_02_02 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hh_02 .hh_02_02 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hh_02 .hh_02_02 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_02 .hh_02_02 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_02 .hh_02_02 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_02 .hh_02_02 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_02 .hh_02_02 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_02 .hh_02_02 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hh_02 .hh_02_03 {}
.gjhh_info .hh_02 .hh_02_03 a {float:left; width:32.5%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_02 .hh_02_03 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hh_02 .hh_02_03 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hh_02 .hh_02_03 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hh_02 .hh_02_03 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_02 .hh_02_03 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_02 .hh_02_03 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_02 .hh_02_03 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_02 .hh_02_03 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_02 .hh_02_03 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hh_03 {float:left; width:49%; background-color:#c2d8f0; border-radius:3px; padding:7px;}
.gjhh_info .hh_03 .hh_03_01 {float:left; width:15.8%; display:block; padding:22px 0 0 0; text-align:center; letter-spacing:-0.05em; height:80px; color:#3a4165;}
.gjhh_info .hh_03 .hh_03_02 {}
.gjhh_info .hh_03 .hh_03_02 a {float:left; width:15.8%; display:block; padding:7px 5px 15px 5px; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_03 .hh_03_02 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hh_03 .hh_03_02 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_02 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_02 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_02 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_02 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_02 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_02 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_02 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hh_03 .hh_03_03 {}
.gjhh_info .hh_03 .hh_03_03 a {float:left; width:15.8%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_03 .hh_03_03 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hh_03 .hh_03_03 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_03 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_03 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_03 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_03 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_03 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_03 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_03 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hh_03 .hh_03_04 {}
.gjhh_info .hh_03 .hh_03_04 a {float:left; width:15.8%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center;  margin:0 1% 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_03 .hh_03_04 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hh_03 .hh_03_04 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_04 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_04 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_04 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_04 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_04 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_04 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_04 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hh_03 .hh_03_05 {}
.gjhh_info .hh_03 .hh_03_05 a {float:left; width:15.8%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_03 .hh_03_05 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hh_03 .hh_03_05 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_05 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_05 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_05 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_05 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_05 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_05 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_05 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hh_03 .hh_03_06 {}
.gjhh_info .hh_03 .hh_03_06 a {float:left; width:15.8%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center;  margin:0 0 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hh_03 .hh_03_06 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hh_03 .hh_03_06 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_06 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hh_03 .hh_03_06 a:hover {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_06 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_06 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_06 a.on {background-color:#565c90; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hh_03 .hh_03_06 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hh_03 .hh_03_06 a.on div.hh_txt02 {color:#ffffff;}


/*******************************************************************************
## 과제현황 정보
*******************************************************************************/
.gjhh_info {}
.gjhh_info .hn_01 {float:left; width:24.5%; background-color:#717171; border-radius:3px; padding:7px;}
/******************************************************************************* backup
.gjhh_info .hn_01 {float:left; width:24.5%; background-color:#aaaaaa; border-radius:3px; padding:7px;}
*******************************************************************************/
.gjhh_info .hn_01 .hh_01_01 {float:left; width:32.5%; display:block; padding:22px 0 0 0; text-align:center; letter-spacing:-0.05em; height:80px; color:#3a4165;}
.gjhh_info .hn_01 .hh_01_02 {}
.gjhh_info .hn_01 .hh_01_02 a {float:left; border-radius:3px; width:32.5%; display:block; padding:7px 5px 15px 5px; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_01 .hh_01_02 a div.hh_tit {position:relative;}
.gjhh_info .hn_01 .hh_01_02 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_01 .hh_01_02 a div.hh_txt02 {color:#0869d5; margin-top:12px; }
.gjhh_info .hn_01 .hh_01_02 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_01 .hh_01_02 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_01 .hh_01_02 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_01 .hh_01_02 a.on {background-color:#2672ec; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_01 .hh_01_02 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_01 .hh_01_02 a.on div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_01 .hh_01_03 {}
.gjhh_info .hn_01 .hh_01_03 a {float:left; width:32.5%; display:block; border-radius:3px; padding:7px 0 15px 0; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_01 .hh_01_03 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hn_01 .hh_01_03 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_01 .hh_01_03 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hn_01 .hh_01_03 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_01 .hh_01_03 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_01 .hh_01_03 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_01 .hh_01_03 a.on {background-color:#2672ec; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_01 .hh_01_03 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_01 .hh_01_03 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hn_02 {float:left; width:24.5%; background-color:#717171; border-radius:3px; padding:7px; margin:0 1% 0 1%;}
/******************************************************************************* backup
.gjhh_info .hn_02 {float:left; width:24.5%; background-color:#aaaaaa; border-radius:3px; padding:7px; margin:0 1% 0 1%;}
*******************************************************************************/
.gjhh_info .hn_02 .hh_02_01 {float:left; width:32.5%; display:block; padding:22px 0 0 0; text-align:center; letter-spacing:-0.05em; height:80px; color:#3a4165;}
.gjhh_info .hn_02 .hh_02_02 {}
.gjhh_info .hn_02 .hh_02_02 a {float:left; width:32.5%; display:block; border-radius:3px; padding:7px 5px 15px 5px; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_02 .hh_02_02 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hn_02 .hh_02_02 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_02 .hh_02_02 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hn_02 .hh_02_02 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_02 .hh_02_02 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_02 .hh_02_02 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_02 .hh_02_02 a.on {background-color:#2672ec; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_02 .hh_02_02 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_02 .hh_02_02 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hn_02 .hh_02_03 {}
.gjhh_info .hn_02 .hh_02_03 a {float:left; width:32.5%; display:block; border-radius:3px; padding:7px 0 15px 0; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_02 .hh_02_03 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hn_02 .hh_02_03 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_02 .hh_02_03 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hn_02 .hh_02_03 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_02 .hh_02_03 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_02 .hh_02_03 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_02 .hh_02_03 a.on {background-color:#2672ec; border:1px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_02 .hh_02_03 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_02 .hh_02_03 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hn_03 {float:left; width:49%; background-color:#717171; border-radius:3px; padding:7px;}
/******************************************************************************* backup
.gjhh_info .hn_03 {float:left; width:49%; background-color:#aaaaaa; border-radius:3px; padding:7px;}
*******************************************************************************/
.gjhh_info .hn_03 .hh_03_01 {float:left; width:15.8%; display:block; padding:22px 0 0 0; text-align:center; letter-spacing:-0.05em; height:80px; color:#3a4165;}
.gjhh_info .hn_03 .hh_03_02 {}
.gjhh_info .hn_03 .hh_03_02 a {float:left; width:15.8%; display:block; padding:7px 5px 15px 5px;  border-radius:3px; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_03 .hh_03_02 a div.hh_tit {position:relative; top:10px; }
.gjhh_info .hn_03 .hh_03_02 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_02 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_02 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_02 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_02 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_02 a.on {background-color:#2672ec; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_02 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_02 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hn_03 .hh_03_03 {}
.gjhh_info .hn_03 .hh_03_03 a {float:left; width:15.8%; display:block; border-radius:3px; padding:7px 0 15px 0; border:0px solid #bbc4dd; box-sizing:border-box; text-align:center; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_03 .hh_03_03 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hn_03 .hh_03_03 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_03 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_03 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_03 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_03 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_03 a.on {background-color:#2672ec; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_03 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_03 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hn_03 .hh_03_04 {}
.gjhh_info .hn_03 .hh_03_04 a {float:left; border-radius:3px; width:15.8%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center;  margin:0 1% 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_03 .hh_03_04 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hn_03 .hh_03_04 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_04 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_04 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_04 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_04 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_04 a.on {background-color:#2672ec; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_04 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_04 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hn_03 .hh_03_05 {}
.gjhh_info .hn_03 .hh_03_05 a {float:left; border-radius:3px; width:15.8%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_03 .hh_03_05 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hn_03 .hh_03_05 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_05 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_05 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_05 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_05 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_05 a.on {background-color:#2672ec; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_05 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_05 a.on div.hh_txt02 {color:#ffffff;}

.gjhh_info .hn_03 .hh_03_06 {}
.gjhh_info .hn_03 .hh_03_06 a {float:left; border-radius:3px; width:15.8%; display:block; padding:7px 0 15px 0; border:1px solid #bbc4dd; box-sizing:border-box; text-align:center;  margin:0 0 0 1%; letter-spacing:-0.05em; height:80px; color:#72778a; background:#ffffff url("../images/common/icon_gjhh_line.gif") no-repeat center 47px;}
.gjhh_info .hn_03 .hh_03_06 a div.hh_tit {position:relative; top:10px;}
.gjhh_info .hn_03 .hh_03_06 a div.hh_txt01 {color:#0869d5; margin-top:12px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_06 a div.hh_txt02 {color:#0869d5; margin-top:29px; font-weight:700;}
.gjhh_info .hn_03 .hh_03_06 a:hover {background-color:#434343; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_06 a:hover div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_06 a:hover div.hh_txt02 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_06 a.on {background-color:#2672ec; border:0px solid #bbc4dd; box-sizing:border-box; color:#ffffff;}
.gjhh_info .hn_03 .hh_03_06 a.on div.hh_txt01 {color:#ffffff;}
.gjhh_info .hn_03 .hh_03_06 a.on div.hh_txt02 {color:#ffffff;}



/*******************************************************************************
## 통합검색
*******************************************************************************/
.total_search {margin:0 0 30px 0;}
.total_search .total_tit {color:#434a75; font-size:16px; margin:0 0 10px 0; border-bottom:1px solid #ced2eb; padding:0 0 5px 0; font-weight:700;}
.total_search .total_tit span.t_num {color:#1624d9; margin:0 0 0 10px;}
.total_search ul {margin:0 0 0 0; padding:0 0 0 0;}
.total_search ul li {list-style:none;}
.total_search ul li a {color:#363b5b; text-decoration:underline; font-size:13px; line-height:26px;}
.total_search ul li a:hover {color:#5f69e0;}
.total_search .search_more {float:right;}
.total_search .search_more a {color:#3c3c3c; font-size:14px;}

.total_search_board {margin:0 0 30px 0;}
.total_search_board .total_tit {color:#434a75; font-size:16px; margin:0 0 10px 0; border-bottom:1px solid #ced2eb; padding:0 0 5px 0; font-weight:700;}
.total_search_board .total_tit span.t_num {color:#1624d9; margin:0 0 0 10px;}
.total_search_board ul {margin:0 0 0 0; padding:0 0 0 0;}
.total_search_board ul li {list-style:none;}
.total_search_board ul li a {color:#363b5b; text-decoration:underline; font-size:13px; line-height:26px;}
.total_search_board ul li a:hover {color:#5f69e0;}
.total_search_board .search_more {float:right;}
.total_search_board .search_more a {color:#3c3c3c; font-size:15px;}
.total_search_board dl {margin:0 0 25px 0; padding:0 0 0 0;}
.total_search_board dl dt {font-size:13px; line-height:26px; font-weight:400;}
.total_search_board dl dt a {color:#5f69e0; text-decoration:underline;}
.total_search_board dl dt span.t_date {color:#878787; font-size:12px; margin:0 0 0 30px;}
.total_search_board dl dd {}
.total_search_board dl dd.t_tit {font-size:15px;}
.total_search_board dl dd.t_navi {color:#878787; margin:5px 0 0 0;}



/*******************************************************************************
##컴포넌트 그리드 표 영역
*******************************************************************************/
caption {line-height:0; font-size:0; display:none;}
table.table_grid_sample {width:100%; margin:0 0 0 0; word-break:break-all; color:#3e3e45 !important; }
table.table_grid_sample tr {}
table.table_grid_sample th {border-top:1px solid #b5b8bb; border-bottom:1px solid #b5b8bb; border-left:1px solid #b5b8bb; border-right:1px solid #b5b8bb; padding:6px 10px 6px 10px;}
table.table_grid_sample td {border-top:1px solid #363a5c ; border-bottom:1px solid #dcdee2; border-left:1px solid #dcdee2; border-right:1px solid #dcdee2; padding:4px 10px 4px 10px;}
table.table_grid_sample th, table.table_grid_sample th:first-child {border-left:none;}
table.table_grid_sample th, table.table_grid_sample th:last-child {border-right:none;}
table.table_grid_sample th, table.table_grid_sample td:first-child {border-left:none;}
table.table_grid_sample th, table.table_grid_sample td:last-child {border-right:none;}
table.table_grid_sample thead th {background-color:#f6f6ff; border-right:1px solid #dcdee2; color:#0f2088; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_grid_sample thead td {background-color:#ffffff; text-align:center;}
table.table_grid_sample tbody th {background-color:#f6f6ff; border-right:1px solid #dcdee2; color:#0f2088; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_grid_sample tbody th.bg_rd01 {background-color:#f9cdb8 !important; color:#e45c3c !important;}
table.table_grid_sample tbody th.bg_gr01 {background-color:#d9f1e5 !important; color:#057427 !important;}
table.table_grid_sample tbody td.bg_gr01 {background-color:#d9f1e5 !important; color:#057427 !important;}
table.table_grid_sample tbody td {background-color:#ffffff; text-align:center;}
table.table_grid_sample tfoot th {background-color:#f6f6ff; border-right:1px solid #dcdee2; color:#434343; font-weight:bold; text-align:center; vertical-align:middle; padding-left:0; padding-right:0;}
table.table_grid_sample tbody td ul {padding-left:0;}
table.table_grid_sample tbody td ul li {list-style:none;}
table.table_grid_sample tbody td ul li {background:url("../images/common/bullet_li_01.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:0 0 5px 0;}
table.table_grid_sample tbody td ul li ul li {list-style:none;}
table.table_grid_sample tbody td ul li ul li {background:url("../images/common/bullet_li_02.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 2px 0;}
table.table_grid_sample tbody td ul li.bullet_none {background:none !important; padding-left:0px !important;}
table.table_grid_sample tbody td.con_text {padding:15px; line-height:20px;}
a.td_link {color:#363a5c;}
a:hover.td_link {color:#5f69e0;}

/* 표 영역(과제선택) */


/* 컴포넌트 그리드 샘플 */
.grid_view tbody th.nj02 {background-color:#ffd4d4 !important; color:#f62525 !important;}
.grid_view tbody th.nj01 {background-color:#dadbdc !important; color:#2d2f3f !important;}
.grid_view tbody td.nj04 {color:##006cff !important; text-decoration:underline !important; font-weight:600; }
.grid_view tbody td.nj_red {background-color:#fcb1b8 !important; }
.grid_view tbody td.nj_gry {background-color:#b9b9b9 !important; color:#5b5b5b !important; }
.grid_view tbody td.nj_yel {background-color:#fffa6b !important; }
.grid_view tbody td.nj_vio {background-color:#dee3f7 !important; }
.grid_view tbody td.nj_link {color:#2672ec !important; text-decoration:underline !important; }
.grid_view tbody th.01 {background-color:#ffd4d4 !important; color:#f62525 !important;}

@media (min-width:0px) and (max-width:1100px) {
	.pop_wrapper table.table_data {min-width:0px;}
	.table.table_data {min-width:900px;}
	.table_scroll {height:100%; overflow-x:scroll; overflow-y:hidden;}
	.table_scroll::-webkit-scrollbar {width:9px; height:9px; background:#eee;}
	.table_scroll::-webkit-scrollbar-track {width:9px; height:9px; background:#eee}
	.table_scroll::-webkit-scrollbar-thumb {width:8px; height:8px; background:#0176d0;}
}


.min-wd { width:100%; min-width:180px !important;}
/*******************************************************************************
##BOX (권한목록)
*******************************************************************************/

.box { padding: 10px 10px 10px 10px; border:1px solid #cfd4d9 !important; box-sizing:border-box !important;  border-radius:7px; background-color:#fff; margin:5px; }

.box01 { padding: 10px 10px 10px 10px; border:0px solid #cfd4d9 !important; box-sizing:border-box !important;  border-radius:3px; background-color:#8caee7; width:100%; height:90px; }

.box02 { padding: 0px 10px 10px 20px; border:1px solid #cfd4d9 !important; box-sizing:border-box !important;  border-radius:2px; background-color:rgba(216, 224, 238, 1); width:100%; }


.box03 { padding: 2px 10px 1px 10px; border:0px solid #cfd4d9 !important; box-sizing:border-box !important;  border-radius:3px; background-color:#8caee7; width:100%; }


/*******************************************************************************
##modal 중앙정렬
*******************************************************************************/

.modal {
  text-align: center !important;
 /*  z-index:9999999 !important; 20171001 정산실시 화면 레이어 팝업 우선순위 조정 */
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block !important;
    vertical-align: middle !important;
    content: " " !important;
    height: 100% !important;
  }
}

.modal-dialog {
  display: inline-block !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.modal-backdrop.in {
       opacity: 0 !important;

}

/*******************************************************************************
## 정산진행현황
*******************************************************************************/
.jshh_info {}
.jshh_info .hh_01 {float:left; width:100%;}
.jshh_info .hh_01 .hh_01_01 {float:left; width:0%; display:block; padding:22px 0 0 0; text-align:center; letter-spacing:-0.05em; height:80px; color:#ffffff;}
.jshh_info .hh_01 .hh_01_02 {}
.jshh_info .hh_01 .hh_01_02 a {float:left; width:85px; background-color:#458cfd; display:block; padding:7px 5px 15px 5px; border:1px solid #2d67c3; border-radius:60px; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:85px; color:#ffffff; }
.jshh_info .hh_01 .hh_01_02 a div.hh_tit {position:relative; top:10px; font-weight:700;}
.jshh_info .hh_01 .hh_01_02 a div.hh_txt01 {color:#3b76d6; margin-top:12px; font-weight:700;}
.jshh_info .hh_01 .hh_01_02 a div.hh_txt02 {color:#ffffff; font-weight:700;}

.jshh_info .hh_01 .hh_01_02_g a {float:left; width:85px; background-color:#04ae98; display:block; padding:7px 5px 15px 5px; border:1px solid #058675; border-radius:60px; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:85px; color:#ffffff; }
.jshh_info .hh_01 .hh_01_02_g a div.hh_tit {position:relative; top:10px; font-weight:700; }

.jshh_info .hh_01 .hh_01_02_r a {float:left; width:85px; background-color:#fd4575; display:block; padding:7px 5px 15px 5px; border:1px solid #f42a5f; border-radius:60px; box-sizing:border-box; text-align:center; margin:0 1% 0 1%; letter-spacing:-0.05em; height:85px; color:#ffffff; }
.jshh_info .hh_01 .hh_01_02_r a div.hh_tit {position:relative; top:10px; font-weight:700; }



/*******************************************************************************
## 사이트맵 
*******************************************************************************/
.sitemap_tit { border-bottom:1px solid #cfd4d9 !important; height:28px !important; color:#536290 !important; }
.sitemap {background-color:#ffffff; padding:0px 10px 10px 5px !important;}
.sitemap ul {padding:0; margin:0;}
.sitemap ul li {list-style:none;}
.sitemap ul li {padding:0 0 0 0px; margin:0 0 5px 0 !important; font-weight:700;}
.sitemap ul li a {color:#666666;}
.sitemap ul li a:hover {color:#5f69e0; text-decoration:none; transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease;}
.sitemap ul li.bullet_none {background:none !important; padding-left:0px !important;}
.sitemap ul li:first-child {margin:2px 0 0 0;}
.sitemap ul li:last-child {margin:0 0 10px 0;}
.sitemap ul li ul li {list-style:none; background:url("../images/common/bullet_li_01.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 0px 0; font-weight:100 ! important;}
.sitemap ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.sitemap ul li ul li:first-child {margin:2px 0 0 0;}
.sitemap ul li ul li:last-child {margin:0 0 0px 0;}

.site_1_01 {height:25px; background:url("../images/content/site_1_01.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_1_02 {height:25px; background:url("../images/content/site_1_02.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_1_03 {height:25px; background:url("../images/content/site_1_03.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_1_04 {height:25px; background:url("../images/content/site_1_04.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_1_05 {height:25px; background:url("../images/content/site_1_05.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_1_06 {height:25px; background:url("../images/content/site_1_06.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_1_07 {height:25px; background:url("../images/content/site_1_07.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}

.sitemap_hover {color:#536290;}
.sitemap_hover:hover {color:#5f69e0;}


/*******************************************************************************
## 사이트맵(전담) 
*******************************************************************************/
.sitemap_tit { border-bottom:1px solid #cfd4d9 !important; height:28px !important; color:#536290 !important; font-weight: 700; font-size: 13px;}
.sitemap1 {background-color:#ffffff; padding:0px 10px 10px 5px !important;}
.sitemap1 ul {padding:0; margin:0;}
.sitemap1 ul li {list-style:none;}
.sitemap1 ul li {padding:0 0 0 0px; margin:0 0 1px 0 !important; font-weight:700;}
.sitemap1 ul li a {color:#666666;}
.sitemap1 ul li a:hover {color:#5f69e0; text-decoration:none; transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease;}
.sitemap1 ul li.bullet_none {background:none !important; padding-left:0px !important;}
.sitemap1 ul li:first-child {margin:2px 0 0 0;}
.sitemap1 ul li:last-child {margin:0 0 10px 0;}
.sitemap1 ul li ul li {list-style:none; background:url("../images/common/bullet_li_01.gif") no-repeat 5px 7px; padding:0 0 0 15px; margin:0 0 0px 0; font-weight:100 ! important;}
.sitemap1 ul li ul li.bullet_none {background:none !important; padding-left:0px !important;}
.sitemap1 ul li ul li:first-child {margin:2px 0 0 0;}
.sitemap1 ul li ul li:last-child {margin:0 0 0px 0;}

.site_2_01 {height:25px; background:url("../images/content/site_2_01.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_2_02 {height:25px; background:url("../images/content/site_2_02.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_2_03 {height:25px; background:url("../images/content/site_2_03.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_2_04 {height:25px; background:url("../images/content/site_2_04.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_2_05 {height:25px; background:url("../images/content/site_2_05.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_2_06 {height:25px; background:url("../images/content/site_2_06.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}
.site_2_07 {height:25px; background:url("../images/content/site_2_07.png") no-repeat 0 5px; text-align:left; padding:10px 0 0 30px;}

/*******************************************************************************
## 상단 검색 (백업)
*******************************************************************************/

.main-search {position:relative; float:right; padding:2px 5px 0px;}
.main-search .input-wrap {position:relative; margin-top:1px;}
.main-search .input-wrap a {position:absolute; top:10px; right:16px; color:#c6cbd7; line-height:13px;}
.main-search .input-wrap a:hover,
.main-search .input-wrap a:focus {color:#7f888f; text-decoration:none;}
.main-search input {background-color:#fff; !important; border-radius:15px !important; border:#d1d1d1 solid 1px; width:166px; padding: 1px 0px 4px 15px; }

.main-search input:focus {padding-left:15px !important;}
.main-search input::-webkit-input-placeholder {color:#c6cbd7; font-size:12px;}
.main-search input::-moz-placeholder {color:#c6cbd7; font-size:12px;}
.main-search input:-ms-input-placeholder {color:#8f98af; font-size:12px;}

/*******************************************************************************
## 상단 검색 (백업)
*******************************************************************************/

.main-search-01 {position:relative; float:right; padding:2px 5px 0px;}
.main-search-01 .input-wrap {position:relative; margin-top:1px;}
.main-search-01 .input-wrap a {position:absolute; top:10px; right:-2px; color:#c6cbd7; line-height:13px;}
.main-search-01 .input-wrap a:hover,
.main-search-01 .input-wrap a:focus {color:#7f888f; text-decoration:none;}
.main-search-01 input {background-color:#fff; !important; border-radius:15px !important; border:#d1d1d1 solid 1px; width:166px; padding: 1px 0px 4px 15px; }

.main-search-01 input:focus {padding-left:15px !important;}
.main-search-01 input::-webkit-input-placeholder {color:#c6cbd7; font-size:12px;}
.main-search-01 input::-moz-placeholder {color:#c6cbd7; font-size:12px;}
.main-search-01 input:-ms-input-placeholder {color:#8f98af; font-size:12px;}


/*******************************************************************************
## 레이어팝업 BG
*******************************************************************************/
.layer_bg {background-color:rgba(0, 0, 0, 0.49); width:100%; height:100%;  position: fixed; top: 0; right: 0; bottom: 0; left: 0;}




/*******************************************************************************
## kedms
*******************************************************************************/

#downloadBody{
	background-color: #5d5d5d;
}
#content {
	    float: left;
	    width: 70%;
	    border: 1px solid #ccc;
}

#iframeView{
	width: 99.9%;
	overflow-x: scroll;
}
#uploadSet{
	margin-top: 20px;
}
.upload{
	padding: 5px;
}
#upload_list{
	margin-top: 5px;
	overflow-y: scroll;
	height: 400px;
}
#upload_list li{
	list-style: none;
	margin: 8px;
	border-bottom: 1px dashed #ccc;
	cursor: pointer;
}
.text-view{
	background-color: #e2e4e7;
	padding: 5px;
	color: #838383;
}
#upload_list .k-button{
	position: relative;
	top:-3px;
}
.cursor{
	cursor: pointer;
	border: 2px dashed #fec8b6;
	margin: 1px;
}
.text-align{
	display: inline-block;
	width: 100px;
	margin: 5px;
}
.k-textbox{
	margin: 3px;
}
.viewHead{
	background-color: #c2c2c2;
	overflow: hidden;
	height: 40px;
	color: #fff;
}
.viewHeadtext{
	position: relative;
	top: 5px;
	left: 10px;
	font-size: 15pt;
	font-weight: bold;
}
.left-view{
	float: left;
	width: 30%;
	height: 800px;
	border: 1px solid #ccc;
	overflow-y: scroll;
	background-color: #fff;
	margin-top: 10px;
}
.right-pdf{
	float: right;
    width: 69.5%;
    height: 800px;
    background-color: #fff;
    margin-top: 10px;
}
.right-pdf iframe{
	width: 99.9%;
	height: 99.9%;
}
.red{
	color: red;
}
.viewBottom{
	float: right;
	margin-right: 10px;
	margin-top: 8px;
}
#downloadList li{
	list-style : none;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
}
#downloadList img{
	position: relative;
	top: 3px;
	margin-left: 5px;
}

/*******************************************************************************
## 레이어배너 
*******************************************************************************/
/* .top_banner_vt {vertical-align: middle;} */
/* .top_banner { position:fixed; z-index:2300; width:100%; height:174px; background:#fafafa; box-shadow:0px 0px 0px 0px #6e6e6d; border-bottom:1px solid #fff; } */
/* .inner { position:relative; margin:5px auto; width:1250px; z-index:2300;  } */
/* .banner_02 {display:table-cell; vertical-align: middle; text-align: center; } */
/* .banner_03 {position: relative; display: inline-block; width:100%; text-align:center;} */

/* .line_banner {height:2px; background:url("../images/content/line_banner.png") repeat 0 10px;} */


#toppop {position:relative;width:100%;height:0;background:#fafafa; height:135px; border-bottom:1px solid #e1e1e1;}
.top-wide-popups {overflow:hidden;height:0px;background:#053257;z-index:2000;}
.top-wide-popups img {max-width:100%;}
.tpop-topwide {position:relative;margin-left:auto;margin-right:auto;width:1002px;height:135px;}
.top-wide-popups button {border:0;}
.tpop-topwide .close-btns {position:absolute;right:0px;bottom:5px;z-index:10;font-size:13px;line-height:1.15em;color:#222;}
.tpop-topwide .close-btns * {vertical-align:middle;}
.tpop-topwide .close-btns button {background:none;cursor:pointer;width:30px;height:30px;background:url(../images/main/twidepop_close.png) no-repeat 50% 50%;margin-left:5px;}

.one_banner { width:1002px; text-align:center;}
.two_banner { float:left; width:501px; text-align:center;}

/*******************************************************************************
## 매뉴얼
*******************************************************************************/
.manual {float: left; background-color:#e9e9f5 !important; border-right:1px solid #8695c5 !important; padding:0; height:700px; width:310px;  margin-top:-20px !important; margin-left:-20px !important;padding:0;}
.manual .box {background-color:#fff; margin:0 auto; height:515px; position:relative; width:79%; border-radius:5px; border:1px solid #d1d1d1 !important; padding:10px;  }
.box_view {background-color:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.2); float: left;  height:620px; width:800px; margin-left:30px; margin-top:30px; border-radius:10px; }
.manual_title { width:227px; display:block; margin: 5% 1% 1% 3%; height:70px; background:url("../images/content/manual_title.png") no-repeat center -0px;}
.main-search-on {position:relative; float:right; padding:2px 15px 0px 0px;}

/*******************************************************************************
## 카드매출전표
*******************************************************************************/
.card_bill { position:absolute; width:450px; background-image:url(../images/content/bill.gif)}
.center {margin:0 auto; position:relative; width:350px;}

a.hand {cursor:pointer;}
td.hand {cursor:pointer;}
img.hand {cursor:pointer;}


.vh {height:100%vh;}


.box_wh { border:1px solid #8080c0 !important; border-radius:3px; background-color:#ffffff; height:25px; }
.box_ye { border:1px solid #8080c0 !important; border-radius:3px; background-color:#fdfabd; height:25px; }
.box_rd { border:1px solid #8080c0 !important; border-radius:3px; background-color:#fda6bc; height:25px; }


/*******************************************************************************
## 시뮬레이션구동중
*******************************************************************************/
.header-ing { background-color: #5f69e0 !important; padding: 3px 15px 5px 15px; height: 20px; color: #fff !important; font-weight: bold; border-radius: 20px; line-height: 16px; padding-top: 2px !important; padding-bottom: 3px !important;}


.rsto_amt {margin:5px 0 -5px 0;font-size:8pt;color:red; }


/*******************************************************************************
## 연구비사용등록 - 이월금사용여부 체크 알림 팝업
*******************************************************************************/
div#pickpop {
	display:none;
	padding:5px;
	border-radius:5px;
	border:1px solid red;
	color:#fff;
	background-color:red;
	position:absolute;
	margin-top:-57px;
	margin-left:-20px;
	z-index:99999999;
}
div#pickpop > span {
	line-height:5pt;
	width:12px;
	height:11px;
	border:1px solid white;
	display:inline-block;
	cursor:pointer;
}
div#pickpop-trag {
	width:0;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:10px solid red;
	position:relative;
	top:15px;
	left:20px;
}

/*******************************************************************************
##집행분석 (권한목록)
*******************************************************************************/
.gauge_dashboard {position:relative; width:247px; height:125px; background:url("../images/content/gauge.png") no-repeat center 0; margin:0 auto;}

.BS {cursor:pointer;}

.statusbar {position:absolute; top:94px; width:247px; height:39px; background:url("../images/content/status_bar.png") no-repeat 58px 0; z-index:1;}
.rotate01 {margin-left:5px; transform:rotate(32deg);/* 표준 */ -webkit-transform:rotate(32deg); /* 사파리, 크롬 */-ms-transform:rotate(32deg);  /* 익스 */-moz-transform:rotate(32deg); /* 파폭 */-o-transform:rotate(32deg);  /* 오페라 */}
.rotate02 {margin:5px 0 0 10px;transform:rotate(70deg); -webkit-transform:rotate(70deg); -ms-transform:rotate(70deg); -moz-transform:rotate(70deg); -o-transform:rotate(70deg); }
.rotate03 {margin:12px 0 0 10px; transform:rotate(110deg);-webkit-transform:rotate(110deg); -ms-transform:rotate(110deg);  -moz-transform:rotate(110deg);-o-transform:rotate(110deg); }
.rotate04 {margin:17px 0 0 10px; transform:rotate(145deg);  -webkit-transform:rotate(145deg); -ms-transform:rotate(145deg);  -moz-transform:rotate(145deg); -o-transform:rotate(145deg); }

.gauge_status {position:relative; width:247px; height:41px; background:#666; margin:0 auto;}
.gauge_status strong {position:relative;font-weight:600;line-height:41px;color:#fff;font-size:14px;}
.gauge_status em {margin-left:20px;font-size:14px;line-height:41px;color:#fff;}

.anzt_vl {color:#352264;font-size:13.5px;font-weight:bolder;}